.glass-surface{justify-content:center;align-items:center;transition:opacity .26s ease-out;display:flex;position:relative;overflow:hidden}.glass-surface__filter{pointer-events:none;opacity:0;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.glass-surface__content{border-radius:inherit;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem;display:flex;position:relative}.glass-surface--svg{background:var(--lightningcss-light,hsl(0 0% 100%/var(--glass-frost,0)))var(--lightningcss-dark,hsl(0 0% 0%/var(--glass-frost,0)));-webkit-backdrop-filter:var(--filter-id,url(#glass-filter)) saturate(var(--glass-saturation,1));backdrop-filter:var(--filter-id,url(#glass-filter)) saturate(var(--glass-saturation,1));box-shadow:inset 0 0 2px 1px var(--lightningcss-light,oklch(0% none none/.15))var(--lightningcss-dark,oklch(100% 5.96046e-8 none/.35)),inset 0 0 10px 4px var(--lightningcss-light,oklch(0% none none/.1))var(--lightningcss-dark,oklch(100% 5.96046e-8 none/.15)),0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,inset 0 4px 16px #11111a0d,inset 0 8px 24px #11111a0d,inset 0 16px 56px #11111a0d}.glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.1);background:#ffffff40;border:1px solid #ffffff4d;box-shadow:0 8px 32px #1f268733,0 2px 16px #1f26871a,inset 0 1px #fff6,inset 0 -1px #fff3}@media (prefers-color-scheme:dark){.glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.2);background:#ffffff1a;border:1px solid #fff3;box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff1a}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.glass-surface--fallback{background:#fff6;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #ffffff4d}.glass-surface--fallback:before{content:"";border-radius:inherit;z-index:-1;background:#ffffff26;position:absolute;inset:0}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){@media (prefers-color-scheme:dark){.glass-surface--fallback{background:#0006}.glass-surface--fallback:before{background:#ffffff0d}}}.glass-surface:focus-visible{outline-offset:2px;outline:2px solid var(--lightningcss-light,#007aff)var(--lightningcss-dark,#0a84ff)}.brandmark-config-shell{z-index:900;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;justify-content:flex-end;animation:.18s ease-out both tuning-shell-in;display:flex;position:fixed;inset:0}.brandmark-config{-webkit-backdrop-filter:none;backdrop-filter:none;background:#08080af7;border-left:1px solid #ffffff2e;outline:none;flex-direction:column;width:min(420px,100vw);height:100%;animation:.28s cubic-bezier(.22,1,.36,1) both tuning-panel-in;display:flex;box-shadow:-28px 0 80px #00000080}.brandmark-config__header,.brandmark-config__actions{flex:none;justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.brandmark-config__header{border-bottom:1px solid #ffffff1f}.brandmark-config__header span{color:#ffffff73;letter-spacing:.14em;margin-bottom:7px;font-size:9px;display:block}.brandmark-config__header h2{letter-spacing:-.03em;margin:0;font-size:17px;font-weight:350}.brandmark-config__close{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff2e;border-radius:50%;width:34px;height:34px;padding:0 0 2px;font-size:21px}.brandmark-config__scroll{scrollbar-width:thin;scrollbar-color:#ffffff3d transparent;flex:auto;min-height:0;overflow-y:auto}.brandmark-config details,.brandmark-config__map{border-bottom:1px solid #ffffff1a}.brandmark-config summary{cursor:pointer;text-transform:uppercase;letter-spacing:.09em;justify-content:space-between;align-items:center;padding:16px 24px;font-size:11px;list-style:none;display:flex}.brandmark-config summary::-webkit-details-marker{display:none}.brandmark-config summary:before{content:"+";color:#fff6;width:18px}.brandmark-config details[open] summary:before{content:"−"}.brandmark-config summary span{color:#ffffff59;margin-left:auto}.brandmark-config__group{gap:17px;padding:3px 24px 22px 42px;display:grid}.brandmark-control>span{color:#ffffffad;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:8px;font-size:11px;display:flex}.brandmark-control output{color:#fff;font-variant-numeric:tabular-nums}.brandmark-control input[type=range]{--range:50%;appearance:none;cursor:ew-resize;background:0 0;width:100%;height:14px;margin:0;display:block}.brandmark-control input[type=range]::-webkit-slider-runnable-track{background:#ffffff3d;height:1px}.brandmark-control input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;border:1px solid #000;border-radius:50%;width:10px;height:10px;margin-top:-4.5px;box-shadow:0 0 0 2px #ffffff2e}.brandmark-control input[type=color]{cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:5px;width:100%;height:28px;padding:2px;display:block}.brandmark-control select{color:#fff;width:100%;font:inherit;background:#111;border:1px solid #fff3;border-radius:5px;padding:8px 10px}.brandmark-config__map{padding:20px 24px}.brandmark-config__map>span{text-transform:uppercase;letter-spacing:.09em;margin-bottom:11px;font-size:11px;display:block}.brandmark-map-input{cursor:pointer;border:1px dashed #ffffff3d;border-radius:8px;gap:4px;padding:14px;display:grid}.brandmark-map-input input{opacity:0;pointer-events:none;position:absolute}.brandmark-map-input b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:300;overflow:hidden}.brandmark-map-input small,.brandmark-config__map p{color:#fff6;font-size:9px;line-height:1.5}.brandmark-config__map p{margin:10px 0 0}.brandmark-config__actions{border-top:1px solid #ffffff1f;gap:8px}.brandmark-config__actions button{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:999px;padding:9px 12px;font-size:10px}.brandmark-config__actions>span{gap:4px;margin-left:auto;display:flex}kbd{color:#ffffff8c;min-width:22px;font:inherit;text-align:center;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:4px;padding:4px 6px;font-size:9px}@keyframes tuning-shell-in{0%{opacity:0}}@keyframes tuning-panel-in{0%{opacity:0;transform:translate(26px)}}@media (width<=600px){.brandmark-config{width:100%}.brandmark-config__header,.brandmark-config__actions,.brandmark-config summary{padding-inline:18px}.brandmark-config__group{padding-left:36px;padding-right:18px}}@media (prefers-reduced-motion:reduce){.brandmark-config-shell,.brandmark-config{animation:none}}.type-tester{width:100%;min-height:0;margin-top:var(--type-tester-controls-gap,clamp(2.5rem, 5vw, 4.5rem));color:#fff;text-transform:none;grid-template-rows:auto minmax(0,1fr);display:grid}.type-tester__hud{gap:1.5rem;margin-bottom:clamp(1.5rem,4vw,4.5rem);display:grid}.type-tester__primary{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;display:grid}.type-tester__group{min-width:0}.type-tester__slider{color:#fff;background:0 0;border:1px solid #ffffff85;border-radius:999px;grid-template-columns:max-content minmax(3rem,1fr) max-content;align-items:center;gap:.9rem;min-height:2.25rem;padding:0 1rem;font-family:Operatte Mono,monospace;font-size:.68rem;line-height:1;transition:color .18s,background-color .18s,border-color .18s;display:grid}.type-tester__slider:hover,.type-tester__slider:focus-within{color:#000;background:#fff;border-color:#fff}.type-tester__control-label,.type-tester__slider-value{white-space:nowrap}.type-tester__slider-value{text-align:right;min-width:2.8em}.type-tester input[type=range]{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:1rem;margin:0}.type-tester input[type=range]::-webkit-slider-runnable-track{background:currentColor;height:1px}.type-tester input[type=range]::-webkit-slider-thumb{appearance:none;background:#000;border:1px solid;border-radius:50%;width:.9rem;height:.9rem;margin-top:-.43rem}.type-tester__slider:hover input[type=range]::-webkit-slider-thumb{background:#fff}.type-tester__slider:focus-within input[type=range]::-webkit-slider-thumb{background:#fff}.type-tester input[type=range]::-moz-range-track{background:currentColor;height:1px}.type-tester input[type=range]::-moz-range-thumb{background:#000;border:1px solid;border-radius:50%;width:.9rem;height:.9rem}.type-tester__details{border-top:1px solid #ffffff2e}.type-tester__details summary{letter-spacing:.06em;text-transform:uppercase;cursor:pointer;width:fit-content;padding:.8rem 0;font-family:Operatte Mono,monospace;font-size:.68rem;list-style:none}.type-tester__details summary::-webkit-details-marker{display:none}.type-tester__details summary:after{content:" +"}.type-tester__details[open] summary:after{content:" −"}.type-tester__secondary{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;padding:.8rem 0 .2rem;display:grid}.type-tester__select{border:1px solid #ffffff59;border-radius:999px;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:.8rem;min-height:2.25rem;padding:0 .9rem;font-family:Operatte Mono,monospace;font-size:.68rem;display:grid}.type-tester__select select{width:100%;color:inherit;font:inherit;text-align:right;background:#000;border:0}.type-tester__features{flex-wrap:wrap;gap:.35rem;display:flex}.type-tester__actions{grid-column:1/-1;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:1.5rem;margin-top:1.1rem;display:grid}.type-tester__alignment{isolation:isolate;background:#151515;border-radius:999px;grid-template-columns:repeat(3,2.5rem);width:max-content;min-height:2.25rem;padding:0;display:grid;position:relative;overflow:hidden}.type-tester__alignment:before{content:"";z-index:0;inset-block:0;background:#ffffff21;border-radius:999px;width:33.3333%;transition:transform .24s cubic-bezier(.25,1,.5,1),opacity .14s;position:absolute;left:0}.type-tester__alignment[data-alignment=center]:before{transform:translate(100%)}.type-tester__alignment[data-alignment=right]:before{transform:translate(200%)}.type-tester__alignment[data-alignment=justify]:before{opacity:0}.type-tester__alignment:has(button:first-child:is(:hover,:focus)):before{opacity:1;transform:translate(0)}.type-tester__alignment:has(button:nth-child(2):is(:hover,:focus)):before{opacity:1;transform:translate(100%)}.type-tester__alignment:has(button:nth-child(3):is(:hover,:focus)):before{opacity:1;transform:translate(200%)}.type-tester__alignment button{z-index:1;color:#ffffff59;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.type-tester__alignment button[aria-pressed=true]{color:#fff}.type-tester__alignment img{opacity:.35;width:.9375rem;height:.5625rem}.type-tester__alignment button[aria-pressed=true] img{opacity:1}.type-tester__toggle,.type-tester__reset{min-height:2.25rem;padding:0 var(--scramble-pill-inline-padding);color:#fff;cursor:pointer;background:#151515;border:0;border-radius:999px;font-family:Operatte Mono,monospace;font-size:.68rem}.type-tester__toggle:hover,.type-tester__toggle[aria-pressed=true],.type-tester__reset:hover{background:#2a2a2a}.type-tester__reset{justify-self:end}.type-tester :is(button,select,summary,input):focus-visible{outline-offset:3px;outline:2px solid #fff}.type-tester__editor{--type-tester-columns:1;--type-tester-align:center;--type-tester-size:130px;--type-tester-leading:.95;--type-tester-tracking:-.03em;--type-tester-variation:"wght" 400, "opsz" 2;--type-tester-features:"";box-sizing:border-box;color:#fff;min-height:0;font-family:var(--type-tester-font-family,var(--specimen-font-family)), serif;font-style:var(--type-tester-font-style,normal);font-optical-sizing:none;font-variation-settings:var(--type-tester-variation);font-feature-settings:var(--type-tester-features);font-size:var(--type-tester-size);line-height:var(--type-tester-leading);letter-spacing:var(--type-tester-tracking);text-align:var(--type-tester-align);caret-color:#fff;overflow-wrap:anywhere;background:#000;display:grid;position:relative}.type-tester__editor .content-editable{column-count:var(--type-tester-columns);column-fill:balance;outline:none;column-gap:2.4vw;min-height:100%;padding:clamp(1rem,2.5vw,2.5rem) 0}.type-tester__editor .content-editable p{margin:0}.type-tester__editor[data-visual-type=logotype] .content-editable{font-size:min(var(--type-tester-size), 31.25vw)}.type-tester__editor[data-visual-type=featured] .content-editable{width:calc((100% - var(--type-tester-column-gap,2.4vw)) * 2 / 3);margin-left:auto}.type-tester__editor[data-visual-type=quote] .content-editable{width:calc((100% - (2 * var(--type-tester-column-gap,2.4vw))) / 3);margin-left:calc(((100% - (2 * var(--type-tester-column-gap,2.4vw))) / 3) + var(--type-tester-column-gap,2.4vw))}.type-tester__editor[data-visual-type=quote] .content-editable p+p{margin-top:4rem}@media (width>=881px){.type-tester__editor[data-visual-type=headline] .content-editable{font-size:min(var(--type-tester-size), 8vw)}}.type-tester__editor #type-tester-instructions{opacity:.35;pointer-events:none;position:absolute}@media (width<=880px){.type-tester__editor .content-editable{column-count:1}.type-tester{margin-top:var(--type-tester-controls-gap)}.type-tester__hud{gap:1rem;margin-bottom:10vw}.type-tester__primary{scroll-snap-type:x mandatory;scrollbar-width:none;width:calc(100% + 5.6vw);margin-right:-5.6vw;padding-right:5.6vw;display:flex;overflow-x:auto}.type-tester__primary::-webkit-scrollbar{display:none}.type-tester__group{scroll-snap-align:start;flex:0 0 min(82vw,23rem)}.type-tester__slider{color:#000;background:#fff;border-color:#fff;min-height:2.5rem}.type-tester__slider input[type=range]::-webkit-slider-thumb{background:#fff}.type-tester__secondary{grid-template-columns:1fr}.type-tester__features{grid-column:auto}.type-tester__actions{grid-template-columns:1fr;gap:.75rem}.type-tester__reset{justify-self:start}.type-tester__editor{min-height:0;font-size:var(--type-tester-size)}.type-tester__editor .content-editable,.type-tester__editor[data-visual-type=featured] .content-editable,.type-tester__editor[data-visual-type=quote] .content-editable{width:100%;margin-left:0;padding:6vw 0}}@media (prefers-reduced-motion:reduce){.type-tester__slider,.type-tester__alignment:before{transition:none}}.pixel-image{display:block;position:relative}.pixel-image>img{width:100%;height:100%;display:block}.pixel-image>canvas{pointer-events:none;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.pixel-image>canvas[hidden]{display:none}.specimen-carousel__slide>.pixel-image{width:auto;height:100%}@font-face{font-family:"Operatte 17";src:url(/font-assets/c95ac485bac1c75e.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Operatte Mono;src:url(/font-assets/bf9b46aed46e59a6.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Kaguci Quote Italic;src:url(/font-assets/c3759934d730e625.woff2)format("woff2");font-style:italic;font-weight:50 900;font-display:swap}@font-face{font-family:Aether Neue Web;src:url(/font-assets/819c52fb2b2b3781.woff2)format("woff2");font-style:normal;font-weight:66 900;font-display:swap}@font-face{font-family:Aether Neue Web Feature Demo;src:url(/font-assets/54bce3b1a2a25744.woff2)format("woff2");font-style:normal;font-weight:66 900;font-display:swap}@font-face{font-family:"Kaguci 04";src:url(/font-assets/5419c03a333aceda.woff2)format("woff2");font-style:normal;font-weight:200 900;font-display:swap}@font-face{font-family:"Kaguci 04 Feature Demo";src:url(/font-assets/307fa401b81fb8fa.woff2)format("woff2");font-style:normal;font-weight:200 900;font-display:swap}@font-face{font-family:Killou Web;src:url(/font-assets/1db20b3eb64e4480.woff2)format("woff2");font-style:normal;font-weight:50 1000;font-display:swap}@font-face{font-family:Killou Web Feature Demo;src:url(/font-assets/cf3b1ea2017d2618.woff2)format("woff2");font-style:normal;font-weight:50 1000;font-display:swap}@font-face{font-family:Makking Web;src:url(/font-assets/ceceae94c1fcc970.woff2)format("woff2");font-style:normal;font-weight:25 900;font-display:swap}@font-face{font-family:Makking Web Feature Demo;src:url(/font-assets/263bfb285a7294ee.woff2)format("woff2");font-style:normal;font-weight:25 900;font-display:swap}:root{--footer-veil-height:min(7rem, 16vh);--scramble-pill-inline-padding:26px;color:#fff;font-synthesis:none;background:#000;font-family:Operatte Mono,monospace;font-weight:100}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}html{overflow:hidden auto}body,#root{overflow:visible}button{font:inherit;color:inherit}[data-scramble-text]{vertical-align:top;white-space:nowrap;display:inline-block}[data-scramble-text][data-scrambling=true]{position:relative}[data-scramble-run]{white-space:nowrap;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.typeface-row [data-scramble-run]{left:0;transform:translateY(-50%)}.scramble-pill{justify-content:center;align-items:center;display:inline-flex}.scramble-pill>[data-scramble-text]{text-align:center}[data-scramble-symbol]{text-align:center;width:1ch;transform:scaleX(var(--scramble-symbol-scale));display:inline-block}b,strong{font-weight:inherit}.app,.stage{position:fixed;inset:0}.app{color:#fff;background:#000;transition:background-color .3s cubic-bezier(.22,1,.36,1),color .3s cubic-bezier(.22,1,.36,1)}.stage{z-index:1;opacity:1;background:0 0;transition:opacity .26s cubic-bezier(.22,1,.36,1)}.magnet-lines,.magnet-lines-sharp{pointer-events:none;opacity:1;width:100%;height:100%;transition:opacity .26s cubic-bezier(.22,1,.36,1);display:block;position:fixed;inset:0}.magnet-lines{z-index:0;clip-path:inset(0 0 var(--footer-veil-height) 0)}.magnet-lines-sharp{z-index:36;clip-path:inset(calc(100% - var(--footer-veil-height)) 0 0)}.stage canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.stage canvas:active{cursor:grabbing}.brandmark-glass-layer{z-index:2;opacity:0;pointer-events:none;mix-blend-mode:screen;transition:opacity .26s ease-out;position:fixed;overflow:hidden;-webkit-mask:url(/brandmark.svg) 50%/contain no-repeat;mask:url(/brandmark.svg) 50%/contain no-repeat}.brandmark-glass-layer .glass-surface{opacity:.44}.brandmark-glass-layer .glass-surface__content{padding:0}.app[data-view=list]{color:#fff;background:#000}.app[data-view=list] .stage,.app[data-view=list] .brandmark-glass-layer{pointer-events:none;opacity:0!important}.typeface-layout{z-index:20;background:0 0;position:fixed;inset:0;overflow:hidden}.typeface-index{z-index:25;scrollbar-width:none;width:calc(25vw - 12.5px);position:fixed;top:60px;bottom:64px;left:4vw;overflow-y:auto}.typeface-index::-webkit-scrollbar{display:none}.typeface-row{color:#fff;text-align:left;text-transform:uppercase;cursor:pointer;background:0 0;border:0;grid-template-columns:48px minmax(0,1fr);align-items:center;column-gap:64px;width:100%;height:22px;padding:0;font-size:.8125em;line-height:1;text-decoration:none;display:grid;position:relative}.typeface-row:before,.typeface-row:after{content:"";pointer-events:none;height:1px;position:absolute;bottom:0;left:0;right:0}.typeface-row:before{background:#ffffff4d}.typeface-row:after{z-index:1;transform-origin:0;background:#fff;transition:transform .25s cubic-bezier(.4,0,1,1);transform:scaleX(0)}.typeface-row:hover:after,.typeface-row[aria-current=page]:after{transition:transform .4s cubic-bezier(0,0,.2,1);transform:scaleX(1)}.typeface-row:focus-visible{outline-offset:-2px;outline:1px solid #fff}.typeface-preview-layer{z-index:30;clip-path:inset(50%);pointer-events:none;width:clamp(72px,7.58vw,110px);margin:0;transition:clip-path .28s cubic-bezier(.55,.055,.675,.19);position:fixed;left:calc(29vw - 2.5px);overflow:hidden}.typeface-preview-layer.is-active{clip-path:inset(0%);transition:clip-path .6s cubic-bezier(.22,1,.36,1)}.typeface-preview-layer img{object-fit:contain;width:100%;height:auto;display:block}.typeface-detail{overscroll-behavior:contain;scrollbar-width:none;scroll-behavior:smooth;position:fixed;inset:0 0 0 50vw;overflow-y:auto}.typeface-detail::-webkit-scrollbar{display:none}.operatte-story{--story-rule:#ffffff3d;min-height:100%;padding:84px 4vw 96px 26px;font-family:Operatte Mono,monospace}.operatte-story__chapters{border-top:1px solid var(--story-rule);border-bottom:1px solid var(--story-rule);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.operatte-story__chapters a{color:inherit;text-transform:uppercase;padding:9px 8px 8px 0;font-size:10px;text-decoration:none}.operatte-story__chapters a span{color:#ffffff73}.operatte-story__section{border-bottom:1px solid var(--story-rule);padding:22px 0 34px 28px;scroll-margin-top:104px;position:relative}.operatte-story__marker{color:#ffffff7a;font-size:9px;position:absolute;top:25px;left:0}.operatte-story__kicker,.operatte-story__label{letter-spacing:.02em;margin:0 0 22px;font-size:10px}.operatte-story__hero h1{letter-spacing:-.075em;margin:0;font-family:"Operatte 17",sans-serif;font-size:clamp(68px,8vw,126px);font-weight:300;line-height:.74}.operatte-story__lead{letter-spacing:-.055em;margin:36px 0 0;font-family:"Operatte 17",sans-serif;font-size:clamp(34px,4.4vw,68px);font-weight:300;line-height:.94}.operatte-story__split{grid-template-columns:1.3fr 1fr;gap:28px;display:grid}.operatte-story__voice{margin:0}.operatte-story__voice--17{letter-spacing:-.05em;font-family:"Operatte 17",sans-serif;font-size:clamp(31px,3.2vw,52px);font-weight:400;line-height:.96}.operatte-story__voice--mono{font-size:clamp(14px,1.3vw,20px);line-height:1.25}.operatte-story__family-grid{background:var(--story-rule);border:1px solid var(--story-rule);grid-template-columns:1fr 1fr;gap:1px;display:grid}.operatte-story__family-grid button{text-align:left;cursor:pointer;background:#000;border:0;min-height:180px;padding:14px;display:grid}.operatte-story__family-grid button[aria-pressed=true]{color:#000;background:#fff}.operatte-story__family-grid b{letter-spacing:-.06em;align-self:center;font-size:clamp(62px,7vw,108px);font-weight:400;line-height:.8}.operatte-story__family-grid span{align-self:end;font-size:10px}.operatte-17{font-family:"Operatte 17",sans-serif}.operatte-mono{font-family:Operatte Mono,monospace}.operatte-story__controls{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px;display:grid}.operatte-story__controls label{grid-template-columns:1fr auto;gap:10px;font-size:9px;display:grid}.operatte-story__controls output{color:#ffffff8c}.operatte-story__controls input{accent-color:#fff;grid-column:1/-1;width:100%}.operatte-story__typewriter{resize:vertical;color:#fff;text-transform:uppercase;background:0 0;border:0;outline:0;width:100%;min-height:390px;padding:0;line-height:.88;display:block;overflow:hidden}.operatte-story__exit p{letter-spacing:-.06em;max-width:720px;margin:0;font-family:"Operatte 17",sans-serif;font-size:clamp(48px,6vw,90px);line-height:.9}.operatte-story__exit .operatte-mono{letter-spacing:0;margin-top:32px;font-size:clamp(15px,1.6vw,24px)}.app[data-view=list] .wordmark img{filter:none}.app[data-view=list] .desktop-nav__dot{background:#fff}.nav{z-index:50;pointer-events:none;justify-content:space-between;align-items:center;padding:32px 4vw;display:flex;position:fixed;top:0;left:0;right:0}.nav button,.nav a,.desktop-nav{pointer-events:auto}.wordmark{cursor:pointer;background:0 0;border:0;place-items:center;width:25.2px;height:30px;padding:0;display:grid}.wordmark img{object-fit:contain;width:100%;height:100%;display:block}.desktop-nav{align-items:center;gap:36px;font-size:.8125em;display:flex;position:relative}.desktop-nav a,.desktop-nav button{color:#fff;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;text-decoration:none;display:inline-flex}.desktop-nav__dot{pointer-events:none;width:4px;height:4px;transform:translate3d(var(--nav-dot-x), -50%, 0);background:#fff;border-radius:50%;position:absolute;top:50%;left:0}.desktop-nav[data-dot-ready=true] .desktop-nav__dot{transition:transform .42s cubic-bezier(.76,0,.24,1)}.menu-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;background:#00000061;border:1px solid #ffffff38;border-radius:999px;padding:10px 18px;font-size:.8125em;display:none}.menu-button i{background:#fff;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.mode-switch{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);isolation:isolate;background:#1e1e1ed1;border:0;border-radius:999px;padding:0;display:inline-flex;position:fixed;top:26px;left:50%;overflow:hidden;transform:translate(-50%)}.mode-switch:before{content:"";z-index:0;inset-block:0;width:var(--mode-pill-width);transform:translate3d(var(--mode-pill-x), 0, 0);background:#ffffff21;border-radius:999px;position:absolute;left:0}.mode-switch[data-pill-ready=true]:before{transition:transform .24s cubic-bezier(.25,1,.5,1),width .24s cubic-bezier(.25,1,.5,1)}.mode-switch button{z-index:1;min-width:0;padding:8px var(--scramble-pill-inline-padding);color:#ffffff94;font:inherit;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:.8125em;line-height:1;transition:color .14s;position:relative}.mode-switch .active{color:#fff;background:0 0}.mode-switch button:focus-visible{outline-offset:-3px;outline:1px solid #ffffffb8}@media (prefers-reduced-motion:reduce){.mode-switch[data-pill-ready=true]:before,.mode-switch button,.desktop-nav__dot,.desktop-nav button,.app,.stage,.magnet-lines,.typeface-row:after,.typeface-row[data-active=true]:after,.typeface-preview-layer,.typeface-preview-layer.is-active{transition-duration:0s}}.center-hit{z-index:10;cursor:pointer;background:0 0;border:0;position:fixed;inset:28% 34%}.focus-actions{z-index:40;align-items:center;gap:8px;display:flex;position:fixed;top:112px;left:4vw}.focus-back,.focus-view{color:inherit;font:inherit;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#0000006b;border:1px solid #ffffff3b;border-radius:999px;padding:10px 16px;text-decoration:none}.spatial-a11y{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.gradual-blur{z-index:35;height:var(--footer-veil-height);isolation:isolate;pointer-events:none;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.gradual-blur,.gradual-blur *{pointer-events:none!important}.gradual-blur__inner,.gradual-blur__layer{position:absolute;inset:0}.gradual-blur__layer{-webkit-backdrop-filter:blur(var(--gradual-blur-strength));backdrop-filter:blur(var(--gradual-blur-strength));display:block}.gradual-blur__layer:first-child{-webkit-mask-image:linear-gradient(#0000 0%,#000 20% 40%,#0000 60%);mask-image:linear-gradient(#0000 0%,#000 20% 40%,#0000 60%)}.gradual-blur__layer:nth-child(2){-webkit-mask-image:linear-gradient(#0000 20%,#000 40% 60%,#0000 80%);mask-image:linear-gradient(#0000 20%,#000 40% 60%,#0000 80%)}.gradual-blur__layer:nth-child(3){-webkit-mask-image:linear-gradient(#0000 40%,#000 60% 80%,#0000 100%);mask-image:linear-gradient(#0000 40%,#000 60% 80%,#0000 100%)}.gradual-blur__layer:nth-child(4){-webkit-mask-image:linear-gradient(#0000 60%,#000 80% 100%);mask-image:linear-gradient(#0000 60%,#000 80% 100%)}.gradual-blur__layer:nth-child(5){-webkit-mask-image:linear-gradient(#0000 80%,#000 100%);mask-image:linear-gradient(#0000 80%,#000 100%)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.gradual-blur__inner{background:linear-gradient(#0000,#000000e0)}}footer{z-index:40;pointer-events:none;justify-content:space-between;align-items:baseline;padding:24px 4vw;font-size:.8125em;display:flex;position:fixed;bottom:0;left:0;right:0}footer button{pointer-events:auto;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.hover-label{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#0000007a;border:0;border-radius:18px;max-width:220px;padding:10px 16px;font-size:13px;position:fixed;top:0;left:0}.loader{z-index:1000;color:#fff;pointer-events:auto;background:#000;transition:opacity .85s cubic-bezier(.22,1,.36,1);position:fixed;inset:0;overflow:hidden}.loader--done{opacity:0;pointer-events:none}.loader__progress{box-sizing:border-box;grid-template-rows:3px;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;width:100%;height:3px;padding-right:24px;display:grid;position:absolute;top:50%;left:0;transform:translateY(-50%)}.loader__bar{transform-origin:0;will-change:transform;background:#fff;width:100%;height:3px;transform:scaleX(0)}.loader__value{text-transform:uppercase;white-space:nowrap;will-change:transform;width:4ch;margin:0;font-family:Operatte Mono,monospace;font-size:16px;font-weight:600;line-height:normal;transform:translate(calc(36px - 100vw + 100%))}.loader--finishing .loader__bar{transition:transform var(--loader-run-ms) cubic-bezier(.22, 1, .36, 1);transform:scaleX(1)}.loader--finishing .loader__value{transition:transform var(--loader-run-ms) cubic-bezier(.22, 1, .36, 1);transform:translate(0,0)}.overlay{z-index:200;color:#fff;background:#000;position:fixed;inset:0}.close{cursor:pointer;background:#0000001a;border:1px solid #ffffff40;border-radius:999px;padding:10px 17px;position:absolute;top:32px;right:4vw}.menu-links{flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;display:flex}.menu-links a,.menu-links button{color:inherit;letter-spacing:-.06em;cursor:pointer;background:0 0;border:0;font-size:clamp(55px,9vw,132px);line-height:.86;text-decoration:none}.menu-overlay small{position:absolute;bottom:28px;left:4vw}.detail{padding:13vh 6vw}.detail p{font-size:14px}.detail h1{letter-spacing:-.07em;text-transform:uppercase;max-width:80vw;margin:12vh 0 0;font-size:clamp(60px,13vw,190px);line-height:.8}.detail h2{text-transform:uppercase;margin:24px 0;font-size:20px}.detail-copy{max-width:340px;line-height:1.5}.menu-links a:hover,.menu-links button:hover{opacity:.55}.not-found{align-content:center;justify-items:center;gap:1rem;padding:4vw;display:grid;position:fixed;inset:0}.not-found h1{margin:0;font-size:clamp(3rem,10vw,10rem);font-weight:100}.not-found a{color:inherit;font-size:.8125rem}@media (width<=700px){.nav{padding:28px 30px}.wordmark{width:21.6px;height:25.8px}.desktop-nav,.mode-switch,footer{display:none}.menu-button{display:block}.center-hit{inset:27% 13%}.hover-label{display:none}.detail{padding:18vh 30px}.detail h1{margin-top:16vh;font-size:17vw}.close{top:28px;right:30px}.typeface-index{width:auto;left:30px;right:30px}.typeface-detail,.typeface-preview-layer{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.center-hit{display:none}.hover-label{transform:translate(calc(var(--mouse-x,-200px) + 14px), calc(var(--mouse-y,-200px) - 20px));pointer-events:none}.focus-back{z-index:90;cursor:pointer;background:#0000001f;border:1px solid #ffffff40;border-radius:999px;padding:10px 17px;position:fixed;bottom:68px;left:4vw}@media (width<=700px){.focus-back{bottom:28px;left:30px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app[data-view=list]{text-transform:uppercase;width:100%;min-height:100%;position:relative;inset:auto}.specimen-preface__copy,.specimen-system-title,.specimen-scale__glyph,.glyph-explorer{text-transform:none}.glyph-explorer{z-index:26;isolation:isolate;text-transform:none;background:#000;grid-template-columns:37.7778vw 50.8333vw;align-items:start;column-gap:1.38889vw;width:90vw;margin:0 5vw;padding-bottom:17.3611vw;display:grid;position:relative}.glyph-explorer:before{content:"";z-index:-1;pointer-events:none;background:#000;width:100vw;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.glyph-explorer__preview{z-index:24;box-sizing:border-box;width:37.7778vw;height:calc(100vh - 69px);font-family:var(--specimen-font-family), serif;font-optical-sizing:none;font-variation-settings:"wght" 600, "opsz" 2;pointer-events:none;background:#000;place-items:center;padding-top:0;font-weight:600;display:grid;position:sticky;top:69px;overflow:hidden}.glyph-explorer__metric-stage{width:76%;height:70%;display:block;overflow:hidden}.glyph-explorer__preview-glyph{fill:#fff;font-family:var(--specimen-font-family), serif;letter-spacing:-.04em;font-size:1000px;font-weight:600;animation:.18s cubic-bezier(.2,.75,.25,1) both glyph-preview-in}.glyph-explorer__preview-empty{fill:#fff;letter-spacing:.08em;font-family:Operatte Mono,monospace;font-size:84px;font-weight:500}.glyph-explorer__metric line{stroke:#525252;stroke-width:1px;vector-effect:non-scaling-stroke}.glyph-explorer__metric-label,.glyph-explorer__metric-value{fill:#ffffffb8;letter-spacing:.02em;text-transform:uppercase;font-family:Operatte Mono,monospace;font-size:34px;font-weight:500}.glyph-explorer__groups{flex-direction:column;gap:4.44444vw;width:50.8333vw;padding-top:6.94444vw;display:flex}.glyph-group{width:100%}.glyph-group__label{box-sizing:border-box;text-transform:uppercase;height:36px;margin:0;padding-bottom:18px;font-family:Operatte Mono,monospace;font-size:12px;font-weight:500;line-height:18px}.glyph-group__grid{grid-template-columns:repeat(14,minmax(0,1fr));width:100%;display:grid}.glyph-cell{box-sizing:border-box;color:#fff;width:100%;min-width:0;height:54px;min-height:0;font-family:var(--specimen-font-family), serif;font-optical-sizing:none;font-variation-settings:"wght" 600, "opsz" 2;letter-spacing:-.04em;text-transform:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #525252;border-top:0;border-left:0;border-radius:0;place-items:center;margin:0;padding:0;font-size:20px;font-weight:600;line-height:1;transition:background-color .12s,color .12s;display:grid}.glyph-cell__outline{object-fit:contain;pointer-events:none;width:100%;height:100%;transition:filter .12s;display:block}.glyph-cell__empty{opacity:.58;font-family:Operatte Mono,monospace;font-size:.72em}.glyph-cell:nth-child(-n+14){border-top:1px solid #525252}.glyph-cell:nth-child(14n+1){border-left:1px solid #525252}.glyph-cell:hover,.glyph-cell:focus,.glyph-cell[data-active=true]{color:#000;background:#fff}.glyph-cell__outline{object-fit:contain;pointer-events:none;filter:none;width:78%;height:78%;display:block}.glyph-cell:hover .glyph-cell__outline,.glyph-cell:focus .glyph-cell__outline,.glyph-cell[data-active=true] .glyph-cell__outline{filter:invert()}.glyph-cell:focus-visible{z-index:1;outline-offset:-3px;outline:2px solid #fff;position:relative}@keyframes glyph-preview-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.glyph-cell{transition:none}.glyph-explorer__preview-glyph{animation:none}}.glyph-explorer__title{text-transform:uppercase;margin:0;font-family:Operatte Mono,monospace;font-size:12px;font-weight:500;line-height:1.5}.app[data-view=list] .loader{display:none}.app[data-view=list] .nav{mix-blend-mode:difference;height:69px;padding:28px 5vw 0}.typeface-layout{z-index:20;background:0 0;width:100%;position:relative;inset:auto;overflow:visible}.typeface-index{z-index:25;mix-blend-mode:difference;pointer-events:none;width:37.7778vw;height:38.2639vw;position:fixed;top:12.9861vw;bottom:auto;left:5vw;overflow:visible}.typeface-index__rows{pointer-events:auto;width:26.1111vw}.typeface-row{grid-template-columns:17px minmax(0,1fr);column-gap:5.55556vw;width:26.1111vw;height:26px;font-size:14px}.typeface-row[aria-current=page] .typeface-row__title{font-weight:400}.typeface-preview-layer{z-index:25;width:7.63889vw;left:32.5vw}.typeface-specimen{--specimen-wordmark-height:29.8056vw;--specimen-preface-height:15vw;--specimen-preface-indent:30.8483%;--specimen-system-heading-height:30.7639vw;--specimen-system-heading-top:2.77778vw;color:#fff;background:0 0;width:100%;padding-top:69px;position:relative;overflow:visible}.typeface-specimen__inner{width:90vw;margin:0 5vw}.specimen-hero{width:100%;height:38.2778vw;position:relative}.specimen-hero__content{width:50.8333vw;height:31.3333vw;margin-left:39.1667vw;padding-top:6.94444vw}.specimen-edge-labels{justify-content:space-between;align-items:center;width:100%;height:14px;font-size:14px;line-height:1;display:flex}.specimen-artwork{height:auto;display:block}.specimen-artwork--ka{width:36.1806vw;margin:10px 0 0 auto}.specimen-wordmark{width:100%;height:var(--specimen-wordmark-height);position:relative}.specimen-wordmark .specimen-edge-labels{z-index:1;position:absolute;top:3.48611vw;left:0}.specimen-artwork--guci{width:58.6111vw;margin-left:8.33333vw}.typeface-specimen[data-specimen-variant=aether-neue] .specimen-artwork--ka{width:24.4444vw;margin:2.36111vw auto 0}.typeface-specimen[data-specimen-variant=aether-neue]{--specimen-wordmark-height:30.9722vw;--specimen-preface-height:16.875vw;--specimen-preface-indent:45.3652%;--specimen-system-heading-height:27.2917vw;--specimen-system-heading-top:5.55556vw}.typeface-specimen[data-specimen-variant=aether-neue] .specimen-artwork--guci{width:90.2778vw;margin-left:-.138889vw;padding-top:1.66667vw}.typeface-specimen[data-specimen-variant=killou] .specimen-artwork--ka{width:50.9028vw;margin:2.36111vw auto 0}.typeface-specimen[data-specimen-variant=killou]{--specimen-wordmark-height:33.8194vw;--specimen-preface-height:16.875vw;--specimen-preface-indent:42.8247%;--specimen-system-heading-height:31.6667vw;--specimen-system-heading-top:5.55556vw}.typeface-specimen[data-specimen-variant=killou] .specimen-artwork--guci{width:59.0972vw;margin-left:15.4514vw;padding-top:2.77778vw}.typeface-specimen[data-specimen-variant=makking] .specimen-hero__content{position:relative}.typeface-specimen[data-specimen-variant=makking]{--specimen-wordmark-height:35vw;--specimen-preface-height:16.875vw;--specimen-preface-indent:43.5506%;--specimen-system-heading-height:26.7361vw;--specimen-system-heading-top:5.55556vw}.typeface-specimen[data-specimen-variant=makking] .specimen-artwork--ka{width:45.5556vw;margin:0;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.typeface-specimen[data-specimen-variant=makking] .specimen-artwork--guci{width:88.125vw;margin-left:.9375vw;padding-top:5.55556vw}.specimen-artwork--text{font-family:var(--specimen-font-family), serif;font-optical-sizing:none;letter-spacing:-.08em;white-space:nowrap;font-weight:400;line-height:.78;overflow:visible}.specimen-artwork--text.specimen-artwork--ka{text-align:right;width:auto;margin-top:.694444vw;margin-left:auto;font-size:27vw}@media (width>=801px){.typeface-specimen[data-specimen-variant=makking] .specimen-artwork--text.specimen-artwork--ka{font-size:26.4vw}}.specimen-artwork--text.specimen-artwork--guci{width:auto;margin-left:0;font-size:18vw}.typeface-specimen[data-specimen-variant=aether-neue] .specimen-artwork--text.specimen-artwork--guci{font-size:14.9vw}.specimen-hero-run--muted{color:#3f3f3f}.specimen-preface{width:100%;height:var(--specimen-preface-height);grid-template-columns:37.7778vw 50.8333vw;column-gap:1.38889vw;display:grid}.specimen-section-label{margin:0;font-size:14px;line-height:1}.specimen-preface__copy{font-family:var(--specimen-font-family), serif;font-optical-sizing:none;font-variation-settings:"wght" 400;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.38889vw;font-size:19px;font-weight:400;line-height:1.4;display:grid}.typeface-specimen[data-specimen-variant=kaguci] .specimen-preface__copy{font-variation-settings:"wght" 350, "opsz" 1;letter-spacing:.01em}.specimen-preface__copy p{text-indent:var(--specimen-preface-indent);margin:0}.specimen-system-heading{width:100%;height:var(--specimen-system-heading-height);padding-top:var(--specimen-system-heading-top)}.specimen-system-title{font-family:var(--specimen-font-family), serif;font-optical-sizing:none;font-variation-settings:"wght" 400, "opsz" 2;letter-spacing:-.055em;text-align:right;margin:0;font-size:22.4306vw;font-weight:400;line-height:1}.specimen-system-table{grid-template-columns:37.7778vw 50.8333vw;column-gap:1.38889vw;width:100%;height:16.5278vw;display:grid}.specimen-system-table__content{gap:2.77778vw;display:grid}.specimen-reveal{position:relative}.specimen-reveal__cover{display:flow-root}.specimen-reveal__footer{clip-path:inset(var(--reveal-covered,100%) -100vw 0);position:sticky;bottom:0}.specimen-reveal__footer:has(.specimen-type-tester){z-index:26}.specimen-reveal__footer:before{content:"";z-index:-1;pointer-events:none;background:#000;position:absolute;inset:0 calc(50% - 50vw)}.specimen-reveal__fade{background:#000;display:flow-root}.specimen-reveal__content{transform-origin:50% 100%;display:flow-root}.specimen-reveal__footer[data-focus-reveal=true]{position:relative;bottom:auto!important}@media (prefers-reduced-motion:reduce){.specimen-reveal__footer{position:relative;bottom:auto!important}}.specimen-type-tester{--type-tester-label-gap:.8rem;--type-tester-controls-gap:1.725rem;z-index:26;isolation:isolate;box-sizing:border-box;text-transform:none;background:#000;grid-template-rows:auto minmax(0,1fr);min-height:100svh;padding-top:100px;scroll-margin-top:69px;display:grid;position:relative}.app[data-route=specimen]>.mode-switch{transition:opacity .26s ease-out,visibility linear}html[data-type-tester-focus=true] .app[data-route=specimen]>.mode-switch{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .26s ease-out,visibility 0s linear .26s}.specimen-type-tester>.specimen-section-label{text-transform:uppercase}@media (width<=700px){.specimen-type-tester{--type-tester-controls-gap:1.6625rem;padding-top:97px}}.specimen-type-tester:before{content:"";z-index:-1;pointer-events:none;background:#000;width:100vw;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.specimen-axis-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.38889vw;font-size:14px;line-height:1.28571;display:grid}.specimen-axis-row p,.specimen-axis-row div{margin:0}.specimen-axis-row div{flex-direction:column;display:flex}.specimen-scale{grid-template-columns:repeat(3,30vw);width:100%;height:65.2778vw;padding-top:2.77778vw;display:grid}.specimen-scale__item{height:48.6111vw;font-family:var(--specimen-font-family), serif;font-optical-sizing:none;font-variation-settings:"wght" 400, "opsz" var(--opsz);margin:0;position:relative;overflow:visible}.specimen-scale__glyph{margin-left:var(--glyph-margin);font-size:var(--glyph-size);letter-spacing:-.08em;font-weight:400;line-height:.88;display:block}.specimen-scale__item figcaption{z-index:1;top:var(--caption-top);left:var(--caption-left);flex-direction:column;font-family:Operatte Mono,monospace;font-size:14px;line-height:1.28571;display:flex;position:absolute}.specimen-carousel{box-sizing:border-box;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;width:100vw;height:100dvh;margin:0;padding-block:5px;overflow:auto hidden}.specimen-carousel[data-dragging=true]{cursor:grabbing;scroll-snap-type:none}.specimen-carousel img{-webkit-user-drag:none}.specimen-carousel::-webkit-scrollbar{display:none}.specimen-carousel__track{gap:5px;width:max-content;height:100%;display:flex}.specimen-carousel__slide{scroll-snap-align:start;border-radius:4px;flex:none;width:auto;height:100%;margin:0;overflow:hidden}.specimen-carousel__slide img{object-fit:contain;width:100%;height:100%;display:block}.app[data-view=list] footer{z-index:40;padding:10px 5vw 28px;position:relative}.app[data-view=list][data-route=specimen]>footer{position:fixed;bottom:0}@media (width>=801px) and (width<=1439px){.specimen-preface{height:auto;min-height:var(--specimen-preface-height)}}@media (width>=801px) and (width<=1200px){.specimen-system-table{height:auto;min-height:16.5278vw;padding-bottom:clamp(48px,6vw,72px)}}@media (width<=800px){.mode-switch{display:inline-flex;top:29px;left:calc(50% - 28px);transform:translate(-50%)}.mode-switch button{padding-inline:5px}.menu-button{padding-inline:12px}.app[data-view=list] .nav{height:69px;padding:28px 24px 0}.typeface-layout{padding-top:88px}.typeface-index{mix-blend-mode:normal;width:calc(100vw - 48px);height:364px;position:relative;top:auto;left:24px}.typeface-index__rows,.typeface-row{width:100%}.typeface-row{grid-template-columns:17px minmax(0,1fr);column-gap:48px}.typeface-preview-layer{display:none}.typeface-specimen{padding-top:56px}.typeface-specimen__inner{width:calc(100vw - 48px);margin:0 24px}.specimen-hero{height:95vw}.specimen-hero__content{width:100%;height:auto;margin-left:0;padding-top:0}.specimen-edge-labels,.specimen-section-label{font-size:12px}.specimen-artwork--ka{width:75vw;margin-top:18px}.specimen-wordmark{height:58vw}.specimen-wordmark .specimen-edge-labels{top:0}.specimen-artwork--guci{width:100%;margin-left:0;padding-top:28px}.typeface-specimen[data-specimen-variant=aether-neue] .specimen-artwork--ka,.typeface-specimen[data-specimen-variant=killou] .specimen-artwork--ka,.typeface-specimen[data-specimen-variant=makking] .specimen-artwork--ka{width:min(100%,75vw);margin:18px auto 0;position:static;transform:none}.typeface-specimen[data-specimen-variant=aether-neue] .specimen-artwork--guci,.typeface-specimen[data-specimen-variant=killou] .specimen-artwork--guci,.typeface-specimen[data-specimen-variant=makking] .specimen-artwork--guci{width:100%;margin-left:0;padding-top:28px}.specimen-preface{width:100%;height:auto;padding:20px 0 72px;display:block}.specimen-preface__copy{grid-template-columns:1fr;gap:24px;margin-top:30px;font-size:16px;line-height:1.45}.specimen-preface__copy p{text-indent:0}.specimen-system-heading{height:34vw;padding-top:0}.specimen-system-title{font-size:26.5vw}.specimen-system-table{height:auto;padding:28px 0 72px;display:block}.specimen-system-table__content{gap:32px;margin-top:30px}.specimen-axis-row{gap:10px;font-size:10px}.specimen-scale{grid-template-columns:repeat(3,calc(33.3333vw - 16px));height:70vw;padding-top:0}.specimen-scale__item{height:60vw}.specimen-scale__item figcaption{font-size:10px}.specimen-scale__glyph{font-size:min(var(--glyph-size), 60vw)}.glyph-explorer{width:calc(100vw - 48px);margin:0 24px;padding-bottom:120px;display:block}.glyph-explorer__preview{z-index:2;width:100%;height:min(var(--specimen-display-glyph-size), 60vw);place-items:center;padding-top:0;top:69px}.glyph-explorer__preview-glyph{font-size:1000px}.glyph-explorer__metric-stage{width:84%;height:76%}.glyph-explorer__metric-label,.glyph-explorer__metric-value{font-size:54px}.glyph-explorer__groups{gap:48px;width:100%;padding-top:48px}.glyph-group__grid{grid-template-columns:repeat(7,minmax(0,1fr))}.glyph-cell{height:48px;font-size:18px}.glyph-cell:nth-child(-n+14){border-top:0}.glyph-cell:nth-child(-n+7){border-top:1px solid #525252}.glyph-cell:nth-child(14n+1){border-left:0}.glyph-cell:nth-child(7n+1){border-left:1px solid #525252}.specimen-carousel{width:100vw;height:100dvh;margin:10px 0 0}.specimen-carousel__slide{flex-basis:auto;width:auto;height:100%}.app[data-view=list] footer{padding:20px 24px 28px;display:flex}}