.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}}@font-face{font-family:"Operatte 17";src:url(/experiment/fonts/Operatte17VF.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Operatte Mono;src:url(/experiment/fonts/OperatteMono-VF.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:"Kaguci 04";src:url(/experiment/fonts/Kaguci04-VariableVF.woff2)format("woff2");font-style:normal;font-weight:200 900;font-display:swap}:root{--footer-veil-height:min(7rem, 16vh);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}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(/experiment/brandmark.svg) 50%/contain no-repeat;mask:url(/experiment/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;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[data-active=true]: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,.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 button{color:#fff;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.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:2px;display:inline-flex;position:fixed;top:26px;left:50%;overflow:hidden;transform:translate(-50%)}.mode-switch:before{content:"";z-index:0;width:var(--mode-pill-width);transform:translate3d(var(--mode-pill-x), 0, 0);background:#ffffff21;border-radius:999px;position:absolute;top:2px;bottom:2px;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;color:#ffffff94;min-width:0;font:inherit;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 26px;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-back{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#0000006b;border:1px solid #ffffff3b;border-radius:999px;padding:10px 16px;position:fixed;top:112px;left:4vw}.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:1px solid #fff3;border-radius:18px;flex-direction:column;gap:3px;max-width:220px;padding:10px 16px;font-size:13px;display:flex;position:fixed;top:0;left:0}.hover-label span{opacity:.7;font-size:11px}.loader{z-index:1000;pointer-events:auto;background:#000;place-items:center;transition:opacity .85s cubic-bezier(.22,1,.36,1),filter 1s cubic-bezier(.22,1,.36,1);display:grid;position:fixed;inset:0}.loader--done{opacity:0;filter:blur(24px);pointer-events:none}.loader__stack{aspect-ratio:3/4;width:min(40vw,360px);position:relative}.loader__stack i{transform:translate(calc((var(--i) - 1.5) * 16px), calc((var(--i) - 1.5) * -10px)) rotate(calc((var(--i) - 1.5) * 2deg));background:#fff;border:1px solid #ffffff38;position:absolute;inset:0}.loader__stack b{color:#fff;font-size:14px;position:absolute;bottom:100%;left:calc(100% + 14px)}.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 button{letter-spacing:-.06em;cursor:pointer;background:0 0;border:0;font-size:clamp(55px,9vw,132px);line-height:.86}.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 button:hover{opacity:.55}@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%}.loader__stack{width:min(59vw,240px)}.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}.loader{display:none}}.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__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: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: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;width:37.7778vw;height:38.2639vw;position:fixed;top:12.9861vw;bottom:auto;left:5vw;overflow:visible}.typeface-index__rows{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{width:7.63889vw;left:32.5vw}.typeface-specimen{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:29.8056vw;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}.specimen-preface{grid-template-columns:37.7778vw 50.8333vw;column-gap:1.38889vw;width:100%;height:15vw;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" 330, "opsz" 1;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.38889vw;font-size:18px;font-weight:330;line-height:1.5;display:grid}.specimen-preface__copy p{margin:0}.specimen-system-heading{width:100%;height:30.7639vw;padding-top:2.77778vw}.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-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{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{scroll-snap-type:x mandatory;scrollbar-width:none;width:100vw;height:90vh;margin:10px 0 0;overflow:auto hidden}.specimen-carousel::-webkit-scrollbar{display:none}.specimen-carousel__track{gap:5px;width:max-content;display:flex}.specimen-carousel__slide{scroll-snap-align:start;border-radius:4px;flex:0 0 90vw;width:90vw;height:90vh;margin:0;overflow:hidden}.specimen-carousel__slide img{object-fit:cover;width:100%;height:100%;display:block}.app[data-view=list] footer{z-index:40;padding:10px 5vw 28px;position:relative}@media (width>=801px) and (width<=1200px){.specimen-preface,.specimen-system-table{height:auto;min-height:15vw;padding-bottom:clamp(48px,6vw,72px)}.specimen-system-table{min-height:16.5278vw}}@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}.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-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:90vh;margin:10px 0 0}.specimen-carousel__slide{flex-basis:calc(100vw - 48px);width:calc(100vw - 48px);height:90vh}.app[data-view=list] footer{padding:20px 24px 28px;display:flex}}