@font-face{font-family:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;font-stretch:75% 125%;src:url(../media/mona-sans-vietnamese-wdth-normal.1oii6drrk6c3d.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;font-stretch:75% 125%;src:url(../media/mona-sans-latin-ext-wdth-normal.3_1dti1c6ayfq.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;font-stretch:75% 125%;src:url(../media/mona-sans-latin-wdth-normal.44gmstuh-bse8.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-mono-cyrillic-ext-wght-normal.2j4htzlmj3gcc.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-mono-cyrillic-wght-normal.1zh-elm7yw814.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-mono-symbols2-wght-normal.0j0zjzdqzpnyk.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-mono-vietnamese-wght-normal.1t_5gnvplukf1.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-mono-latin-ext-wght-normal.41xmsrsmrahbg.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-mono-latin-wght-normal.29txv0wq9-da0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#121215;--ink-2:#26262b;--paper:#f4f3f1;--paper-2:#eae9e6;--white:#fbfaf8;--cool:#9ea2aa;--mute:#6b6d74;--mute-on-ink:#9d9fa6;--line:#1212151f;--line-strong:#12121547;--line-on-ink:#f4f3f124;--accent:#b27a8b;--accent-ink:#8a4b5e;--accent-on-ink:#d3a3b1;--accent-soft:#b27a8b24;--font-display:"Mona Sans Variable", "Helvetica Neue", system-ui, sans-serif;--font-text:"Mona Sans Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Geist Mono Variable", ui-monospace, "SFMono-Regular", Menlo, monospace;--fs-dxl:clamp(2.4rem, 5.6vw, 6.75rem);--fs-dl:clamp(2rem, 4.2vw, 4.75rem);--fs-h1:clamp(1.625rem, 2.5vw, 2.625rem);--fs-h2:clamp(1.25rem, 1.6vw, 1.625rem);--fs-bl:clamp(1.1875rem, 1.4vw, 1.4375rem);--fs-body:clamp(1rem, .96rem + .18vw, 1.125rem);--fs-small:.875rem;--fs-label:.6875rem;--fs-tech:.6875rem;--fs-metric:clamp(3rem, 6vw, 6.25rem);--display-wdth:118;--display-wght:380;--display-track:.01em;--display-lead:1;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:clamp(56px, 6vw, 80px);--s-9:clamp(56px, 6.5vw, 96px);--s-10:clamp(72px, 8vw, 128px);--cols:12;--gutter:clamp(16px, 2vw, 32px);--margin:clamp(24px, 4vw, 72px);--max:1680px;--measure:62ch;--r-media:12px;--r-panel:12px;--inset:clamp(8px, 1vw, 16px);--r-small:8px;--r-pill:999px;--border:1px solid var(--line);--ease-out:cubic-bezier(.2, .7, 0, 1);--ease-inout:cubic-bezier(.7, 0, .2, 1);--t-fast:.18s;--t-base:.42s;--t-slow:.9s;--t-reveal:1.1s;--z-nav:50;--t-section:clamp(2rem, 3.6vw, 4rem);--t-lede:clamp(1.45rem, 2.4vw, 2.6rem);--hero-title:clamp(2rem, 4.3vw, 5.5rem);--hero-title-m:clamp(1.75rem, 8.6vw, 2.75rem);--z-inspect:80}@media (max-width:720px){:root{--r-media:10px;--r-panel:10px;--display-wdth:112}}
*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:88px}body{background:var(--paper);color:var(--ink);font-family:var(--font-text);font-size:var(--fs-body);font-variation-settings:"wdth" 100;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-weight:420;line-height:1.55;overflow-x:clip}img,video,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd{margin:0}ul,ol{padding:0;list-style:none}::selection{background:var(--accent);color:var(--white)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.skip{left:var(--margin);z-index:100;background:var(--ink);color:var(--paper);border-radius:var(--r-pill);transition:transform var(--t-fast) var(--ease-out);padding:10px 16px;position:fixed;top:12px;transform:translateY(-160%)}.skip:focus{transform:none}.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}.t-dxl,.t-dl,.t-h1{font-family:var(--font-display);font-variation-settings:"wdth" var(--display-wdth);font-weight:var(--display-wght);letter-spacing:var(--display-track);line-height:var(--display-lead);text-transform:uppercase;text-wrap:balance}.t-dxl{font-size:var(--fs-dxl)}.t-dl{font-size:var(--fs-dl);line-height:1.02}.t-h1{font-size:var(--fs-h1);font-variation-settings:"wdth" 112;letter-spacing:.005em;font-weight:420;line-height:1.08}.t-h2{font-family:var(--font-text);font-variation-settings:"wdth" 100;font-weight:500;font-size:var(--fs-h2);letter-spacing:-.012em;text-wrap:balance;line-height:1.22}.t-bl{font-size:var(--fs-bl);letter-spacing:-.008em;text-wrap:pretty;font-weight:400;line-height:1.45}.t-body{font-size:var(--fs-body);text-wrap:pretty;line-height:1.6}.t-small{font-size:var(--fs-small);line-height:1.5}.t-label{font-family:var(--font-display);font-variation-settings:"wdth" 115;font-weight:500;font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;line-height:1.35}.t-tech{font-family:var(--font-mono);font-weight:400;font-size:var(--fs-tech);letter-spacing:.06em;text-transform:uppercase;line-height:1.45}.t-metric{font-family:var(--font-display);font-variation-settings:"wdth" 112;font-weight:300;font-size:var(--fs-metric);letter-spacing:-.01em;font-feature-settings:"lnum" 1;line-height:.95}.mute{color:var(--mute)}.accent{color:var(--accent-ink)}.ground-ink .accent{color:var(--accent-on-ink)}.wrap{width:100%;max-width:calc(var(--max) + 2 * var(--margin));padding-inline:var(--margin);margin-inline:auto}.grid{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));column-gap:var(--gutter);display:grid}.section{padding-block:var(--s-10);position:relative}.section--tight{padding-block:var(--s-9)}.ground-ink{background:var(--ink);color:var(--paper);--line:var(--line-on-ink);--mute:var(--mute-on-ink)}.ground-paper-2{background:var(--paper-2)}.sh{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));column-gap:var(--gutter);padding-top:var(--s-4);border-top:var(--border);margin-bottom:var(--s-8);align-items:end;display:grid}.sh__index{grid-column:1/span 2}.sh__label{grid-column:1/span 6}.sh--big{padding-top:var(--s-5);margin-bottom:var(--s-7)}.sh--big .sh__label,.sec-title{font-family:var(--font-display);font-variation-settings:"wdth" 122;font-weight:340;font-size:var(--t-section);letter-spacing:.015em;text-transform:uppercase;grid-column:1/-1;line-height:1}.sh__aside{text-align:right;grid-column:9/-1;justify-self:end}.sh__title{margin-top:var(--s-7);grid-column:1/-1}@media (max-width:720px){.sh__index{grid-column:1/span 3}.sh__label{grid-column:1/-1}.sh__aside{display:none}}.btn{border-radius:var(--r-pill);min-height:48px;font-family:var(--font-display);font-variation-settings:"wdth" 115;letter-spacing:.14em;text-transform:uppercase;transition:background var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out), border-color var(--t-fast) var(--ease-out);border:1px solid;align-items:center;gap:12px;padding:0 22px;font-size:.71875rem;font-weight:500;display:inline-flex}.btn--solid{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn--solid:hover{background:var(--ink-2);border-color:var(--ink-2)}.btn--ghost:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.ground-ink .btn--solid{background:var(--paper);color:var(--ink);border-color:var(--paper)}.ground-ink .btn--solid:hover{background:var(--accent-on-ink);color:var(--ink);border-color:var(--accent-on-ink)}.btn__arrow{transition:transform var(--t-base) var(--ease-out);display:inline-block}.btn:hover .btn__arrow{transform:translate(4px)}.link-u{transition:background-size var(--t-base) var(--ease-out);background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:2px}.link-u:hover{background-position:100% 100%;background-size:0 1px}.media{border-radius:var(--r-media);border:var(--border);background:var(--paper-2);isolation:isolate;position:relative;overflow:hidden}.media img,.media video{object-fit:cover;width:100%;height:100%}.ground-ink .media{background:var(--ink-2)}html[data-motion=on] [data-reveal]{transition:opacity var(--t-slow) var(--ease-out), transform var(--t-reveal) var(--ease-out), clip-path var(--t-reveal) var(--ease-out);transition-delay:calc(var(--d,0) * 90ms)}html[data-motion=on] [data-reveal=rise]:not(.is-in){opacity:0;transform:translateY(28px)}html[data-motion=on] [data-reveal=fade]:not(.is-in){opacity:0}html[data-motion=on] [data-reveal=clip]:not(.is-in){clip-path:inset(100% 0 0 0 round var(--r-media))}html[data-motion=on] [data-reveal=clip].is-in{clip-path:inset(0 0 0 0 round var(--r-media))}.line-mask{margin-bottom:-.06em;padding-bottom:.06em;display:block;overflow:hidden}.line-mask>span{display:block}html[data-motion=on] [data-reveal=lines] .line-mask>span{transition:transform var(--t-reveal) var(--ease-out);transition-delay:calc(var(--i,0) * 80ms + var(--d,0) * 90ms)}html[data-motion=on] [data-reveal=lines]:not(.is-in) .line-mask>span{transform:translateY(105%)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}:is(h1,h2,h3,h4,blockquote,.t-dxl,.t-dl,.t-h1){overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
.dot{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.dot--live{animation:live 2.4s var(--ease-out) infinite;box-shadow:0 0 #b27a8b80}@keyframes live{0%{box-shadow:0 0 #b27a8b73}70%,to{box-shadow:0 0 0 8px #b27a8b00}}.nav{--nav-fg:var(--ink);z-index:var(--z-nav);color:var(--nav-fg);transition:background var(--t-base) var(--ease-out), border-color var(--t-base) var(--ease-out), color var(--t-base) var(--ease-out), transform var(--t-base) var(--ease-out);border-bottom:1px solid #0000;position:fixed;inset:0 0 auto}.nav[data-mode=hero]{--nav-fg:#f4f3f1;transform:translateY(clamp(8px,1vw,16px))}.nav[data-mode=bar]{-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);border-bottom-color:var(--line);background:#f4f3f1b8}.nav[data-mode=dark]{--nav-fg:#f4f3f1;-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);border-bottom-color:var(--line-on-ink);background:#121215f0}.nav__bar{align-items:center;gap:var(--s-6);height:80px;display:flex}.nav__logo{color:inherit;border-radius:4px;display:block}.nav__mark{width:auto;height:clamp(30px,2.6vw,38px)}.nav__links{gap:clamp(24px,3vw,48px);margin-left:auto;display:flex}.nav__link{font-family:var(--font-display);font-variation-settings:"wdth" 118;letter-spacing:.2em;text-transform:uppercase;padding:8px 0;font-size:.6875rem;font-weight:420;position:relative}.nav__link:after{content:"";transform-origin:100%;height:1px;transition:transform var(--t-base) var(--ease-out);background:currentColor;position:absolute;bottom:2px;left:0;right:.2em;transform:scaleX(0)}.nav__link:hover:after,.nav__link:focus-visible:after{transform-origin:0;transform:scaleX(1)}.nav__menu{font-family:var(--font-display);font-variation-settings:"wdth" 118;letter-spacing:.2em;text-transform:uppercase;margin-left:auto;padding:10px 0;font-size:.6875rem;font-weight:420;display:none}.nav__sheet{z-index:calc(var(--z-nav) - 1);background:var(--ink);color:var(--paper);animation:sheet-in .28s var(--ease-out) both;flex-direction:column;padding-top:120px;display:flex;position:fixed;inset:0}.nav__sheet[hidden]{display:none}.nav__sheet-link{animation:sheet-link .5s var(--ease-out) both}.nav__sheet-link:nth-child(2){animation-delay:50ms}.nav__sheet-link:nth-child(3){animation-delay:.1s}@keyframes sheet-in{0%{opacity:0}}@keyframes sheet-link{0%{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){.nav__sheet,.nav__sheet-link{animation:none}}.nav[data-open]{--nav-fg:#f4f3f1;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000;transition:none;transform:none}.nav__sheet-inner{display:grid}.nav__sheet-link{align-items:baseline;gap:var(--s-5);padding-block:var(--s-5);border-bottom:1px solid var(--line-on-ink);font-family:var(--font-display);font-variation-settings:"wdth" 122;letter-spacing:.04em;text-transform:uppercase;font-size:clamp(1.75rem,8vw,2.75rem);font-weight:330;display:flex}.nav__sheet-link .t-tech{color:var(--accent-on-ink)}@media (max-width:860px){.nav__links{display:none}.nav__menu{letter-spacing:.18em;padding:12px 2px 12px 16px;font-size:.8125rem;display:inline-block}}.inspect-toggle{border:1px solid var(--line-strong);border-radius:var(--r-pill);min-height:40px;transition:background var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out), border-color var(--t-fast) var(--ease-out);align-items:center;gap:8px;padding:0 12px 0 10px;display:inline-flex}.inspect-toggle:hover{border-color:var(--ink)}.inspect-toggle__box{border:1.5px solid;border-radius:3px;width:12px;height:12px;position:relative}.inspect-toggle__box:after{content:"";transition:transform var(--t-fast) var(--ease-out);background:currentColor;border-radius:1px;position:absolute;inset:2px;transform:scale(0)}.inspect-toggle[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--white)}.inspect-toggle[aria-pressed=true] .inspect-toggle__box:after{transform:scale(1)}.inspect-toggle__kbd{opacity:.55;border:1px solid;border-radius:4px;padding:1px 5px}@media (max-width:560px){.inspect-toggle__kbd{display:none}}.inspect-layer{display:none}html[data-inspect] .inspect-layer{display:block}.inspect-grid{pointer-events:none;z-index:var(--z-inspect);position:fixed;inset:0 0 0 50%;transform:translate(-50%)}.inspect-grid .grid{height:100%}.inspect-grid__col{background:#b27a8b0b;border-inline:1px solid #b27a8b29;height:100%}.inspect-legend{right:var(--margin);bottom:var(--s-5);z-index:calc(var(--z-inspect) + 1);background:var(--ink);min-width:240px;color:var(--paper);pointer-events:none;border-radius:12px;gap:4px;padding:14px 16px;display:grid;position:fixed;box-shadow:0 20px 60px -20px #07091b99}.inspect-legend__title{color:var(--accent);margin-bottom:4px}.inspect-legend__hint{color:var(--mute-on-ink);margin-top:6px}html[data-inspect] [data-inspect]{outline-offset:-1px;outline:1px solid #b27a8bb3;position:relative}html[data-inspect] [data-inspect]:before{content:attr(data-inspect) "  ·  " attr(data-inspect-meta);z-index:calc(var(--z-inspect) - 1);max-width:min(100%,560px);font-family:var(--font-mono);letter-spacing:.03em;text-transform:none;color:var(--white);background:var(--accent);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;font-variation-settings:normal;border-radius:6px 6px 0 0;padding:3px 7px 4px;font-size:10px;font-weight:500;line-height:1.3;position:absolute;top:0;left:0;overflow:hidden;transform:translateY(-100%)}html[data-inspect] .nav[data-inspect]{position:fixed}html[data-inspect] .nav[data-inspect]:before,html[data-inspect] .media[data-inspect]:before,html[data-inspect] .hero__portrait[data-inspect]:before{border-radius:0 0 6px;transform:none}html[data-inspect] .section{background-image:linear-gradient(#b27a8b12,#b27a8b12),linear-gradient(#b27a8b12,#b27a8b12);background-size:100% var(--s-10), 100% var(--s-10);background-position:0 0,0 100%;background-repeat:no-repeat}.footer{padding-block:var(--s-9) 0;border-top:1px solid var(--line-on-ink)}.grainfield{width:100%;display:block}.footer__grain{height:clamp(120px,13vw,190px);margin-top:var(--s-5)}.nav__grain{min-height:120px;margin-top:var(--s-6);flex:1}.footer__inner{gap:var(--s-8);display:grid}.footer__mark{width:clamp(76px,7vw,104px);height:auto;color:var(--paper)}.footer__cols{gap:var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.footer__cols p{margin-bottom:var(--s-3)}.footer__cols li+li{margin-top:6px}.footer__legal{padding-top:var(--s-5);border-top:1px solid var(--line-on-ink)}@media (max-width:720px){.footer__cols{gap:var(--s-6);grid-template-columns:1fr}}.sys__hero{padding-top:calc(72px + var(--s-8));padding-bottom:var(--s-6);gap:var(--s-6);display:grid}.sys__lede{max-width:44ch}.sys__lede kbd{border:1px solid var(--ink);border-radius:5px;padding:2px 6px}.sys__logo{gap:var(--gutter);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;display:grid}.sys__mark{width:100%;max-width:460px;height:auto}.sys__traits{border-top:var(--border)}.sys__traits li{gap:var(--gutter);padding-block:var(--s-3);border-bottom:var(--border);grid-template-columns:200px 1fr;display:grid}.sys__spark{width:11px;height:11px;color:var(--accent);vertical-align:-1px;display:inline-block}.td{gap:var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.td__card{gap:var(--s-4);padding:var(--s-5);border:var(--border);border-radius:var(--r-panel);background:var(--white);flex-direction:column;display:flex}.td__card[data-applied]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.td__head{justify-content:space-between;gap:var(--s-3);display:flex}.td__chosen{border-radius:var(--r-pill);background:var(--accent);color:var(--white);padding:2px 8px}.td__specimen{letter-spacing:.05em;text-transform:uppercase;font-size:clamp(1.5rem,2.2vw,2.25rem);line-height:1.1}.td__nums{font-feature-settings:"tnum" 1;font-size:1.75rem;font-weight:320}.td__body{font-size:1.0625rem;line-height:1.55}.td__why{color:var(--ink-2)}.td__apply{align-self:flex-start;margin-top:auto}.td__apply[aria-pressed=true]{background:var(--ink);color:var(--paper)}.scale{border-top:var(--border)}.scale__row{gap:var(--gutter);padding-block:var(--s-4);border-bottom:var(--border);grid-template-columns:120px minmax(0,1fr) 220px 220px;align-items:baseline;display:grid}.scale__sample.t-dxl{font-size:clamp(2.5rem,6vw,6rem)}.swatches{gap:var(--gutter);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.swatch{align-content:start;gap:6px;display:grid}.swatch__chip{aspect-ratio:1;border-radius:var(--r-panel);border:var(--border);margin-bottom:var(--s-2)}.found{border-top:var(--border)}.found>div{gap:var(--gutter);padding-block:var(--s-4);border-bottom:var(--border);grid-template-columns:minmax(0,3fr) minmax(0,9fr);display:grid}.found dd .t-tech{margin-top:4px}.radii{gap:var(--s-4);margin-top:var(--s-6);display:flex}.radii span{border:1px solid var(--ink);place-items:center;width:96px;height:64px;display:grid}.model{gap:var(--s-4);grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;display:grid}.model__col{gap:var(--s-3);padding:var(--s-5);border:var(--border);border-radius:var(--r-panel);background:var(--white);align-content:start;display:grid}.model__col--ink{background:var(--ink);color:var(--paper);--mute:var(--mute-on-ink)}.model__arrow{color:var(--mute);align-self:center}.model__note{margin-top:var(--s-5)}.inventory{flex-wrap:wrap;gap:8px;display:flex}.inventory li{border:var(--border);background:var(--white);text-transform:none;border-radius:8px;padding:6px 10px}@media (max-width:1000px){.sys__logo,.td,.model{grid-template-columns:1fr}.model__arrow{justify-self:center;transform:rotate(90deg)}.swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.scale__row{grid-template-columns:1fr;gap:6px}.sys__traits li{grid-template-columns:1fr;gap:4px}.found>div{grid-template-columns:1fr;gap:6px}}.nf{min-height:80svh;padding-top:calc(72px + var(--s-9));align-content:start;justify-items:start;gap:var(--s-5);display:grid}.lab-page{padding-top:calc(72px + var(--s-8));padding-bottom:var(--s-10);gap:var(--s-6);justify-items:start;display:grid}.lab-page .es{width:100%}.section.ground-ink,.contact,.footer,.cs-page .cs-on-black,.cs-page .cs-decision:not(.cs-on-paper .cs-decision):not(.cs-on-black .cs-decision),.cs-page .cs-surface--night:not(.cs-on-paper .cs-surface--night):not(.cs-on-black .cs-surface--night),.cs-page .cs-hero--dark{margin-inline:var(--inset);border-radius:var(--r-media);overflow:hidden}:is(.section.ground-ink,.contact)+:is(.section.ground-ink,.contact,.footer){margin-top:var(--inset)}.footer{margin-bottom:var(--inset)}
.hero{z-index:2;--frame:clamp(8px, 1vw, 16px);height:100svh;min-height:560px;padding:var(--frame);background:var(--paper);position:relative;overflow-x:clip}.hero__frame{isolation:isolate;color:#f4f3f1;height:100%;position:relative}.plate{border-radius:var(--r-media);-webkit-mask-image:linear-gradient(#000, #000), var(--edge-mask,linear-gradient(#000, #000));-webkit-mask-image:linear-gradient(#000, #000), var(--edge-mask,linear-gradient(#000, #000));mask-image:linear-gradient(#000, #000), var(--edge-mask,linear-gradient(#000, #000));-webkit-mask-size:100% calc(100% - var(--edge-h,0px) + 1px), 100% var(--edge-h,0px);-webkit-mask-size:100% calc(100% - var(--edge-h,0px) + 1px), 100% var(--edge-h,0px);mask-size:100% calc(100% - var(--edge-h,0px) + 1px), 100% var(--edge-h,0px);background:#0f0f11;position:absolute;inset:0;overflow:hidden;-webkit-mask-position:top,bottom;mask-position:top,bottom;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero__plate{z-index:0}.hero__img{object-fit:cover;object-position:50% 32%;transition:opacity .8s var(--ease-out);-webkit-mask-image:linear-gradient(#000 0% 50%,#00000080 62%,#0000001a 76%,#0000 88%);mask-image:linear-gradient(#000 0% 50%,#00000080 62%,#0000001a 76%,#0000 88%)}html[data-motion=on] .hero__img{animation:hero-in 2.2s var(--ease-out) both}@keyframes hero-in{0%{opacity:0;transform:scale(1.03)}}.hero__frame:has(.df[data-ready]) .hero__img{opacity:0}.df{z-index:1;position:absolute;inset:0}.df__plate{background:0 0}.df__escape{pointer-events:none;opacity:0;width:100%;height:110px;transition:opacity 1.6s var(--ease-out) 2.6s;position:absolute;top:100%;left:0}.df[data-ready] .df__escape{opacity:1}.df__plate canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.df__photo{opacity:0;transition:opacity .8s var(--ease-out)}.df[data-ready] .df__photo{opacity:1}.df__shade{pointer-events:none;background:linear-gradient(#0a0a0cb8 0%,#0a0a0c85 5%,#0a0a0c4d 10%,#0a0a0c1f 15%,#0a0a0c08 19%,#0000 22%),radial-gradient(110% 55% at 50% 48%,#0c0c0e33,#0000 70%);position:absolute;inset:0}.hero__center:before,.ah__text:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(58% 56% at 50% 46%,#08080a9e,#08080a57 52%,#08080a1f 72%,#0000 86%);position:absolute;inset:-14% -12%}.hero__center{isolation:isolate;z-index:3;pointer-events:none;justify-items:center;gap:clamp(22px,2.6vw,40px);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero__center>*{pointer-events:auto}.hero__title{text-align:center;font-family:var(--font-display);font-variation-settings:"wdth" 125;font-weight:380;font-size:var(--hero-title);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:#fbfaf9;text-shadow:0 1px 2px #00000059,0 2px 30px #00000080;margin:0;line-height:1}.hero__word{display:inline-block}html[data-motion=on] .hero__word{animation:word-in 1.6s var(--ease-out) both}html[data-motion=on] .hero__word+.hero__word{animation-delay:.14s}@keyframes word-in{0%{opacity:0;letter-spacing:.16em;filter:blur(6px)}}.hero__cta{border-radius:var(--r-pill);height:52px;color:var(--ink);background:#faf9f7f0;align-items:center;gap:16px;padding:0 6px 0 24px;font-size:.875rem;font-weight:450;display:inline-flex;box-shadow:0 10px 40px -12px #00000080}.hero__cta-arrow{border:1px solid var(--line);width:40px;height:40px;transition:transform var(--t-base) var(--ease-out), background var(--t-base) var(--ease-out), color var(--t-base) var(--ease-out);border-radius:50%;place-items:center;display:grid}.hero__cta:hover .hero__cta-arrow{background:var(--ink);color:var(--paper);transform:translate(2px)}html[data-motion=on] .hero__cta{animation:fade-up 1.4s var(--ease-out) .5s both}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}}.hero__name{z-index:3;left:calc(var(--margin) - var(--frame));font-family:var(--font-display);font-variation-settings:"wdth" 118;letter-spacing:.2em;text-transform:uppercase;color:#f4f3f1d1;align-items:center;gap:14px;font-size:.6875rem;font-weight:450;display:flex;position:absolute;bottom:clamp(18px,2.4vw,36px)}.hero__name-sep{background:#f4f3f166;width:28px;height:1px}.hero__place{color:#f4f3f18c}@media (max-width:760px){.hero__img{object-position:34.5% 30%}.hero__center{width:100%;padding-inline:var(--margin);top:58%}.hero__title{white-space:normal;font-size:var(--hero-title-m);letter-spacing:.05em;line-height:1.08}.hero__word{display:block}.hero__cta{height:46px;font-size:.8125rem}.hero__cta-arrow{width:34px;height:34px}.hero__name{display:none}}.social{width:var(--w);height:var(--h);background:var(--paper);isolation:isolate;padding:14px;position:relative;overflow:hidden}.social .plate,.social .df{position:absolute;inset:14px}.social__img{object-fit:cover;object-position:36% 26%;-webkit-mask-image:linear-gradient(#000 0% 50%,#00000080 62%,#0000001a 76%,#0000 88%);mask-image:linear-gradient(#000 0% 50%,#00000080 62%,#0000001a 76%,#0000 88%)}.social .df[data-ready]~.plate .social__img{opacity:0}.social .hero__frame:has(.df[data-ready]) .social__img{opacity:0}.social__text:before{content:"";z-index:-1;background:radial-gradient(70% 70% at 30% 60%,#08080ab8,#08080a6b 55%,#0000 80%);position:absolute;inset:-12% -16% -40% -20%}.social__text{isolation:isolate;z-index:3;color:#fbfaf9;text-shadow:0 1px 2px #0006,0 2px 34px #0000008c;gap:18px;display:grid;position:absolute;bottom:clamp(48px,9%,96px);left:clamp(40px,6%,84px);right:clamp(40px,6%,84px)}.social__kicker{letter-spacing:.22em;text-transform:uppercase;color:#fbfaf9c7;font-size:15px}.social__hook{color:#fbfaf9e6;max-width:26ch;font-size:23px;line-height:1.35}.social__urls{align-items:center;gap:18px;margin-top:6px;display:flex}.social__url{font-family:var(--font-display);font-variation-settings:"wdth" 118;letter-spacing:.06em;text-transform:uppercase;font-size:30px;font-weight:460}.social__url--second{color:#fbfaf9d1;align-items:baseline;gap:10px;font-size:24px;font-weight:400;display:inline-flex}.social__studio{letter-spacing:.2em;text-transform:uppercase;color:#fbfaf999;font-size:13px}.social__sep{background:var(--accent-on-ink);width:8px;height:8px}.social__title{font-family:var(--font-display);font-variation-settings:"wdth" 122;letter-spacing:.04em;text-transform:uppercase;font-size:64px;font-weight:380;line-height:1.02}.social--landscape .social__title{font-size:58px}.social--portrait .social__title,.social--square .social__title{font-size:72px}.social--portrait .social__hook,.social--square .social__hook{font-size:26px}.social--portrait .social__url,.social--square .social__url{font-size:34px}.social--portrait .social__url--second,.social--square .social__url--second{font-size:27px}:is(body:has(.social) .nav,body:has(.social) .footer,body:has(.social) .inspect-toggle,body:has(.social) .skip){display:none}body:has(.social){background:var(--paper)}
.pv{padding-block:var(--s-9)}.pv__map{margin-top:var(--s-6);position:relative}.pv__route{pointer-events:none;position:absolute;inset:0;overflow:visible}.pv__line{fill:none;stroke:#12121547;stroke-width:1px;vector-effect:non-scaling-stroke}.pv__dead{fill:none;stroke:#12121538;stroke-width:1px;stroke-dasharray:2 4}.pv__node{fill:var(--paper);stroke:#12121580;stroke-width:1px}.pv__node--end{fill:var(--accent);stroke:var(--accent)}html[data-motion=on] .pv__line{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 2.6s var(--ease-inout) .4s}html[data-motion=on] .pv__node,html[data-motion=on] .pv__dead{opacity:0;transition:opacity .6s var(--ease-out) calc(.6s + var(--k,0) * .45s)}html[data-motion=on] .pv.is-seen .pv__line{stroke-dashoffset:0}html[data-motion=on] .pv.is-seen .pv__node,html[data-motion=on] .pv.is-seen .pv__dead{opacity:1}.pv__text{column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;row-gap:clamp(8px,1.4vw,22px);display:grid;position:relative}.pv__piece{align-items:center;gap:.3em;min-width:0;display:flex}.pv__piece--q{color:var(--ink-2);font-size:clamp(.95rem,1.15vw,1.1875rem);line-height:1.4}.pv__piece--m{font-family:var(--font-display);font-variation-settings:"wdth" 115;font-size:clamp(1.15rem,1.7vw,1.75rem);font-weight:380;line-height:1.2}.pv__piece--a{font-family:var(--font-display);font-variation-settings:"wdth" 125;letter-spacing:-.005em;color:var(--ink);font-size:clamp(2.4rem,5vw,5.75rem);font-weight:300;line-height:1}.pv__p1{grid-area:1/1/auto/6}.pv__p2{grid-area:2/1/auto/6}.pv__p3{grid-area:2/6/auto/9;align-self:start;padding-top:.6em}.pv__p4{grid-area:2/6/auto/9;align-self:end;padding-bottom:.4em}.pv__p5{grid-area:2/9/auto/13}.pv__p6{grid-area:3/1/auto/3;justify-content:flex-end;padding-bottom:.5em}.pv__p7{grid-area:3/3/auto/8}.pv__p8{grid-area:3/9/auto/13;justify-content:flex-end;padding-bottom:.5em}.pv__p9{grid-area:4/5/auto/12}.pv__p10{grid-area:5/1/auto/7;align-self:start;padding-top:.2em}.pv__p11{grid-area:5/1/auto/7;align-self:end;padding-bottom:.35em}.pv__p12{grid-area:5/7/auto/9;justify-content:flex-end;padding-bottom:.5em}.pv__p13{grid-area:5/9/auto/12}.pv__p14{grid-area:5/12/auto/13;padding-bottom:.5em}.pv__p15{grid-area:6/1/auto/3;justify-content:flex-end;padding-bottom:.5em}.pv__p16{grid-area:6/3/auto/7}.pv__p17{grid-area:6/7/auto/9;justify-content:flex-end;padding-bottom:.5em}.pv__p18{grid-area:6/9/auto/13}.pv__p16,.pv__p18{margin-top:clamp(12px,2vw,32px)}.pv__p5,.pv__p13{white-space:nowrap}.pv__mark{flex:none;align-self:flex-start;width:.32em;height:.32em;margin-top:.12em;overflow:visible}.pv__piece--q .pv__mark{align-self:center;width:1.15em;height:1.15em;margin-top:-.1em}.pv__stroke{fill:none;stroke:var(--accent);stroke-width:1.1px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}html[data-motion=on] .pv__stroke{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.6s var(--ease-inout) .5s}html[data-motion=on] .is-in .pv__stroke{stroke-dashoffset:0}@media (max-width:760px){.pv__text{grid-template-columns:1fr;row-gap:4px}.pv__piece{grid-area:auto/1!important;align-self:auto!important;padding:0!important}.pv__piece--a{margin-bottom:10px;font-size:clamp(2.5rem,13vw,4rem)}.pv__p5,.pv__p9,.pv__p8,.pv__p12,.pv__p13,.pv__p14,.pv__p17,.pv__p18{justify-content:flex-end}}
.bf{border:var(--border);border-radius:var(--r-media);background:var(--white);overflow:hidden}.bf__bar{align-items:center;gap:var(--s-4) var(--s-6);padding:var(--s-4);border-bottom:var(--border);flex-wrap:wrap;display:flex}.bf__modes{border-radius:var(--r-pill);background:var(--paper-2);gap:4px;padding:4px;display:inline-flex}.bf__mode{border-radius:var(--r-pill);min-height:40px;transition:background var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out);align-items:center;gap:8px;padding:0 16px;display:inline-flex}.bf__mode[aria-checked=true]{background:var(--ink);color:var(--paper)}.bf__mode[aria-checked=true] .mute{color:var(--accent)}.bf__note{color:var(--mute);flex:280px}.bf__body{grid-template-columns:minmax(0,1fr) 300px;display:grid}.bf__stage{flex-direction:column;min-width:0;display:flex}.bf__canvas{min-height:380px;padding:var(--s-8) clamp(12px, 3vw, 32px);background-color:var(--paper);background-image:radial-gradient(#07091b21 1px,#0000 1px);background-size:16px 16px;flex:1;grid-template-columns:minmax(0,1fr);place-items:center;display:grid;position:relative;overflow:hidden}.bf__frame-label{color:var(--mute);position:absolute;top:14px;left:16px}.bf__container{width:100%;max-width:100%;transition:width .3s var(--ease-out);container-type:inline-size}.bf[data-mode=design] .bf__container,.bf[data-mode=prototype] .bf__container{width:720px}.bf__controls{align-items:center;gap:var(--s-3) var(--s-6);padding:var(--s-4) var(--s-5);border-top:var(--border);flex-wrap:wrap;display:flex}.bf__range{flex:260px;gap:6px;display:grid}.bf__range input{accent-color:var(--accent);width:100%}.bf__check{align-items:center;gap:8px;display:inline-flex}.bf__check input,.es__check input{accent-color:var(--accent);width:16px;height:16px}.bf__inspector{gap:var(--s-4);padding:var(--s-5);border-left:var(--border);background:var(--ink);color:var(--paper);--mute:var(--mute-on-ink);flex-direction:column;display:flex}.bf__states{gap:2px;display:grid}.bf__state,.es__states li{transition:background var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out);color:var(--mute-on-ink);border-radius:8px;align-items:center;gap:10px;padding:7px 10px;display:flex}.bf__led{border:1px solid;border-radius:50%;flex:none;width:8px;height:8px}.bf__state[data-on],.es__states li[data-on]{color:var(--paper);background:#b27a8b29}.bf__state[data-on] .bf__led,.es__states li[data-on] .bf__led{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--accent)}.bf__state[data-off]{opacity:.45;text-decoration:line-through;text-decoration-thickness:1px}.bf__missing{margin-left:auto;text-decoration:none;display:inline-block}.bf__model{padding:var(--s-3);color:#f2f2efcc;white-space:pre;text-transform:none;background:#f2f2ef0f;border-radius:10px;margin:0;font-size:10.5px;line-height:1.6;overflow-x:auto}.bf__disclaimer{margin-top:auto}@media (max-width:1000px){.bf__body{grid-template-columns:1fr}.bf__inspector{border-left:0;border-top:var(--border)}}.sp{background:var(--white);border:1px solid var(--line);font-family:var(--font-text);border-radius:16px;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;padding:24px;display:grid;box-shadow:0 24px 48px -32px #07091b59}.sp__head{grid-column:1/-1;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.sp__title{font-family:var(--font-display);font-variation-settings:"wdth" 96;font-size:22px;font-weight:680;line-height:26px}.sp__adv{text-underline-offset:3px;font-size:14px;text-decoration:underline}.sp__field{gap:6px;display:grid}.sp__label{letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-size:12px;font-weight:560}.sp__field select{border:1px solid var(--line-strong);background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%2307091b' stroke-width='1.6'%3E%3Cpath d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E") no-repeat right 14px center;appearance:none;height:48px;font:inherit;color:var(--ink);transition:border-color var(--t-fast) var(--ease-out), box-shadow var(--t-fast) var(--ease-out);border-radius:12px;padding:0 40px 0 14px;font-size:15px}.sp__field select:hover{border-color:var(--ink)}.sp__btn{letter-spacing:.01em;border-radius:var(--r-pill);background:var(--ink);min-width:190px;height:48px;color:var(--white);font-feature-settings:"tnum" 1;transition:background var(--t-fast) var(--ease-out), transform var(--t-fast) var(--ease-out);justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:15px;font-weight:500;display:inline-flex}.sp__btn:hover{background:var(--ink-2)}.sp__btn:active{transform:scale(.98)}.sp__btn[data-status=loading]{cursor:progress;background:#4a4a50}.sp__btn[data-status=empty]{background:var(--paper-2);color:var(--mute);cursor:not-allowed}.sp__btn[data-status=error]{background:var(--accent-ink)}.sp__spin{border:2px solid #fff6;border-top-color:var(--white);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sp__status{min-height:20px;color:var(--mute);grid-column:1/-1;font-size:14px}.sp__fix{text-underline-offset:3px;color:var(--accent-ink);font-weight:560;text-decoration:underline}@container (max-width:520px){.sp{grid-template-columns:1fr;padding:18px}.sp__btn{width:100%}.sp__head{flex-direction:column;gap:4px}}.bf[data-mode=design] .sp{box-shadow:none}.bf[data-mode=design] [data-spec]{outline:1px dashed var(--accent);outline-offset:3px;position:relative}.bf[data-mode=design] [data-spec]:after{content:attr(data-spec);z-index:2;background:var(--accent);color:#fff;font-family:var(--font-mono);letter-spacing:.02em;text-transform:none;white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:500;position:absolute;top:calc(100% + 6px);left:-4px}.bf[data-mode=design] .sp{row-gap:34px;padding-bottom:44px}.bf[data-mode=design] .sp__btn[data-spec]:after{left:auto;right:-4px}.contact{padding-block:var(--s-10)}.contact__inner{gap:var(--s-7);display:grid}.contact__title{font-size:clamp(2.2rem,5.2vw,6.25rem)}.contact__row{column-gap:var(--gutter);row-gap:var(--s-5);padding-top:var(--s-5);border-top:1px solid var(--line-on-ink);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.contact__lede{gap:var(--s-4);color:#f2f2efcc;grid-column:1/span 5;display:grid}.contact__elsewhere{color:#f2f2ef99;font-size:.9375rem}.contact__site{color:var(--paper);transition:color var(--t-fast) var(--ease-out), border-color var(--t-fast) var(--ease-out);border-bottom:1px solid #f4f3f159}.contact__site:hover{color:var(--accent-on-ink);border-color:var(--accent-on-ink)}.contact__actions{gap:var(--s-3);flex-wrap:wrap;grid-column:7/-1;align-content:start;display:flex}@media (max-width:900px){.contact__lede,.contact__actions{grid-column:1/-1}}@media (max-width:560px){.bf__modes{width:100%;display:flex}.bf__mode{flex:1;justify-content:center;padding:0 8px}.bf__mode .mute{display:none}}