:root{--paper:#f7f7ee;--ink:#292919;--grey-light:#dcdcd0;--grey-mid:#909083;--grey-dark:#5c5c4e;--nav-grey:#e2e2d9;--accent-violet:#8051ff;--glow:#8df;--sky-blue:#57afdf;--work-blue:#155dfc;--font-display:"General Sans", "Inter", sans-serif;--font-narrative:"Fraunces", serif;--font-script:"Imperial Script", cursive;--font-nav:"Inter", sans-serif;--ease-back:cubic-bezier(.34, 1.56, .64, 1);--ease-frame:cubic-bezier(.72, .16, .19, .96);--ease-lines:cubic-bezier(.34, .22, .47, .84);--ease-fade:cubic-bezier(.25, .46, .45, .94);--max-width:105rem;--gap:clamp(12px, 1vw, 16px)}*{box-sizing:border-box}html{scroll-behavior:auto}body{background:var(--paper);color:var(--ink);font-family:var(--font-display);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}main{position:relative}.nav{z-index:100;font-family:var(--font-nav);letter-spacing:.02em;color:var(--ink);transition:color .5s var(--ease-fade);mix-blend-mode:difference;justify-content:space-between;align-items:center;padding:clamp(16px,2vw,28px) clamp(20px,4vw,48px);font-size:13px;font-weight:500;display:flex;position:fixed;top:0;left:0;right:0}.nav[data-nav-theme=light]{color:var(--ink)}.nav[data-nav-theme=dark]{color:var(--paper)}.nav__logo{text-transform:uppercase;letter-spacing:.04em;font-weight:700}.nav__list{counter-reset:nav-item;gap:clamp(16px,2.4vw,36px);margin:0;padding:0;list-style:none;display:flex}.nav__list li{counter-increment:nav-item}.nav__list li a{opacity:.85;transition:opacity .3s var(--ease-fade);align-items:baseline;gap:6px;display:inline-flex}.nav__list li a:hover{opacity:1}.nav__list li a .nav__num:before{content:counters(nav-item, ".", upper-roman) ".";font-variant-numeric:tabular-nums;opacity:.6}.headline{font-family:var(--font-display);letter-spacing:-.03em;text-transform:uppercase;text-box:trim-both cap alphabetic;margin:0;font-weight:700;line-height:.9}.headline--1{font-size:clamp(7.5rem,35.79px + 10.965vw,13.75rem)}.headline--2{font-size:clamp(4rem,42.16px + 5.824vw,8.75rem)}.narrative-1,.narrative-2{font-family:var(--font-narrative);letter-spacing:-.01em;font-weight:400;line-height:1.05}.narrative-1{max-width:44ch;font-size:clamp(2rem,18.53px + 1.754vw,3rem)}.narrative-2{opacity:.92;max-width:38ch;font-size:clamp(1.15rem,.9rem + 1vw,1.75rem)}.drop-cap:first-letter{font-family:var(--font-script);float:left;color:var(--accent-violet);padding-right:.12em;font-size:clamp(6rem,75.79px + 2.63vw,7.5rem);font-weight:400;line-height:.7}.hero{flex-direction:column;justify-content:center;align-items:flex-start;min-height:100svh;padding:0 clamp(20px,4vw,48px);display:flex;position:relative;overflow:hidden}.hero__kicker{font-family:var(--font-nav);letter-spacing:.06em;text-transform:uppercase;color:var(--grey-dark);margin:0 0 clamp(12px,2vw,24px);font-size:13px}.hero__meta{font-family:var(--font-narrative);color:var(--grey-dark);max-width:32ch;margin:clamp(16px,2.5vw,28px) 0 0;font-size:clamp(1rem,.85rem + .6vw,1.4rem)}.construction{pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.construction path{fill:none;stroke:var(--grey-mid);stroke-width:.5px;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 2.4s var(--ease-lines)}.construction.is-visible path{stroke-dashoffset:0}.narrative{max-width:var(--max-width);margin:0 auto;padding:clamp(64px,12vw,180px) clamp(20px,4vw,48px)}.chapter{max-width:var(--max-width);color:var(--paper);margin:0 auto;padding:clamp(80px,14vw,220px) clamp(20px,4vw,48px);position:relative}.chapter--ink{background:var(--ink)}.chapter--work{background:var(--work-blue)}.chapter--sky{background:var(--sky-blue);color:var(--ink)}.chapter__index{font-family:var(--font-nav);letter-spacing:.1em;opacity:.7;margin-bottom:clamp(16px,2vw,24px);font-size:13px;display:block}.chapter .narrative-2{margin:clamp(20px,3vw,32px) 0 clamp(40px,6vw,72px)}.card-grid{gap:var(--gap);grid-template-columns:repeat(12,1fr);display:grid;container-type:inline-size}.card{border:1px solid color-mix(in srgb, currentColor 25%, transparent);border-radius:4px;grid-column:span 12;padding:clamp(20px,3vw,32px)}.card h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;margin:0 0 8px;font-size:1.1rem;font-weight:600}.card p{font-family:var(--font-narrative);opacity:.85;margin:0;font-size:.95rem}@container (width>=480px){.card{grid-column:span 6}}@container (width>=576px){.card{grid-column:span 4}}@container (width>=940px){.card{grid-column:span 3}}.closing{background:var(--ink);min-height:90svh;color:var(--paper);flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(24px,4vw,48px);padding:0 clamp(20px,4vw,48px);display:flex}.cta{font-family:var(--font-nav);letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--paper);transition:background .3s var(--ease-fade), color .3s var(--ease-fade);border-radius:999px;padding:12px 24px;font-size:14px}.cta:hover{background:var(--paper);color:var(--ink)}.footer{background:var(--paper);color:var(--grey-dark);font-family:var(--font-nav);text-align:center;padding:clamp(24px,3vw,32px) clamp(20px,4vw,48px);font-size:12px}[data-reveal]{opacity:0;transform:translateY(24px)}[data-reveal].is-visible{opacity:1;transition:opacity .9s var(--ease-fade), transform .9s var(--ease-frame);transform:translateY(0)}.lab-intro{flex-direction:column;justify-content:center;min-height:70svh;padding:0 clamp(20px,4vw,48px);display:flex}.lab-intro code{background:var(--nav-grey);border-radius:3px;padding:.1em .4em;font-family:monospace}.lab-demo{max-width:var(--max-width);margin:0 auto;padding:clamp(64px,10vw,140px) clamp(20px,4vw,48px)}.lab-demo--dark{background:var(--ink);color:var(--paper)}.lab-demo--themed{transition:background .5s var(--ease-fade), color .5s var(--ease-fade)}.lab-demo--themed[data-sidebar-theme=dark]{background:var(--ink);color:var(--paper)}.lab-demo--themed .headline{transition:color .5s var(--ease-fade)}.lab-demo--themed .headline[data-title-theme=dark]{color:var(--accent-violet)}.lab-chassis-demo{margin:clamp(24px,3vw,32px) 0 clamp(40px,6vw,64px);padding:clamp(32px,5vw,56px) 0;position:relative}.lab-canvas{border:1px solid color-mix(in srgb, currentColor 25%, transparent);border-radius:4px;width:100%;height:60svh;margin-top:clamp(24px,3vw,32px);position:relative;overflow:hidden}.lab-canvas canvas{width:100%;height:100%;display:block}.lab-canvas--tall{height:100svh}.lab-canvas--css-fallback{background:repeating-linear-gradient(45deg, transparent 0 10px, color-mix(in srgb, currentColor 8%, transparent) 10px 20px);font-family:var(--font-nav);letter-spacing:.04em;text-transform:uppercase;border-style:dashed;justify-content:center;align-items:center;font-size:13px;display:flex}.split-headline__word{transform-box:content-box;opacity:0;transition:opacity .6s var(--ease-fade), transform .6s var(--ease-frame);display:inline-block;transform:translateY(.3em)}.split-headline.is-visible .split-headline__word{opacity:1;transform:translateY(0)}