:root{--surface:#fff;--surface-rgb:255 255 255;--fg:#0c0c0e;--fg-rgb:12 12 14;--fg-soft:#5d5d60;--fg-faint:#78787b;--line:#d4d4d6;--line-strong:#afafb2;--card:#f3f3f3;--card-line:#e2e2e4;--bg-inv:#0c0c0e;--bg-inv-rgb:12 12 14;--fg-inv:#fcfbfa;--fg-inv-rgb:252 251 250;--fg-soft-inv:#a09fa0;--fg-faint-inv:#7e7d7f;--line-inv:#39393a;--line-strong-inv:#5e5e5f;--card-inv:#1e1e21;--card-line-inv:#29292c;--accent:#0c0c0e;--accent-inv:#fcfbfa;--font-body-base:"Inter", "Helvetica Neue", Helvetica, system-ui, sans-serif;--font-body:var(--font-body-base);--font-display:"Helvetica Neue", Helvetica, "Inter", Arial, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--display-scale:1;--display-tracking:-.03em;--rail:clamp(16px, 3.2vw, 64px);--gutter:clamp(8px, .9vw, 16px);--zone-pad:clamp(30px, 5vw, 92px);--radius-lg:clamp(14px, 1.4vw, 22px);--radius-md:12px;--radius-sm:9px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--surface);min-height:100svh;color:var(--fg);font-family:var(--font-body);letter-spacing:-.005em;transition:background-color .5s var(--ease-out), color .5s var(--ease-out);font-size:clamp(15px,.55vw + 13px,17px);line-height:1.55;overflow-x:hidden}#root{min-height:100svh}h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul,ol{margin:0;padding:0;list-style:none}img,svg,canvas{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}::selection{background:var(--fg);color:var(--surface)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.kicker{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;font-feature-settings:"tnum" 1, "zero" 1;font-size:clamp(10px,.62vw + 8px,12px);font-weight:500}.kicker--dim{color:var(--fg-faint)}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:content-box;border:3px solid #0000;border-radius:999px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page{width:100%}.zone{padding-inline:var(--rail);padding-block:var(--zone-pad);border-block-start:1px solid var(--line);transition:background-color .5s var(--ease-out), border-color .5s var(--ease-out), color .5s var(--ease-out);position:relative}.zone--hero{border-block-start:0;justify-content:center;align-items:center;min-height:100dvh;padding-block:0;display:flex;position:relative;overflow:clip}.zone__body{flex-direction:column;gap:clamp(20px,2.6vw,42px);margin-block-start:clamp(26px,3.6vw,60px);display:flex}.caption{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 28px;display:flex}.zone--quiet{background:var(--card);border-color:var(--card-line)}.zone--quiet .card{background:var(--surface);border-color:var(--line)}.zone--invert{background:rgb(var(--bg-inv-rgb));color:rgb(var(--fg-inv-rgb));--surface:rgb(var(--bg-inv-rgb));--surface-rgb:var(--bg-inv-rgb);--fg:rgb(var(--fg-inv-rgb));--fg-rgb:var(--fg-inv-rgb);--fg-soft:var(--fg-soft-inv);--fg-faint:var(--fg-faint-inv);--line:var(--line-inv);--line-strong:var(--line-strong-inv);--card:var(--card-inv);--card-line:var(--card-line-inv);--accent:var(--accent-inv);border-color:#0000}.masthead{border-block-end:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 28px;padding-block-end:clamp(10px,1.3vw,16px);display:flex}.masthead__id{align-items:center;gap:10px;display:flex}.masthead__mark{background:var(--accent);border-radius:50%;width:13px;height:13px}.masthead__name{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:clamp(15px,1.1vw + 11px,19px);font-weight:650}.masthead__tagline{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-faint);font-size:10.5px}.masthead__nav{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;gap:18px;font-size:10.5px;display:flex}.masthead__nav a{padding-block-end:2px;position:relative}.masthead__nav a:after{content:"";background:var(--fg);transform-origin:0;height:1px;transition:transform .45s var(--ease-out);position:absolute;inset-block-end:0;inset-inline:0;transform:scaleX(0)}.masthead__nav a:hover:after{transform:scaleX(1)}.bento{gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.card--hero{grid-column:span 12}.card--half{grid-column:span 4}.card--auto{grid-column:span 3}.card--wide{grid-column:span 7}.card--narrow{grid-column:span 5}.card--full{grid-column:span 12}.card{background:var(--card);border:1px solid var(--card-line);border-radius:var(--radius-lg);min-width:0;transition:background-color .5s var(--ease-out), border-color .5s var(--ease-out);padding:clamp(15px,1.5vw,26px);position:relative;container-type:inline-size}.card__label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--fg-faint);align-items:baseline;gap:.65em;margin-block-end:clamp(12px,1.5vw,22px);font-size:10.5px;display:flex}.card__label-index{color:var(--accent);font-weight:700}.card__label:after{content:"";background:var(--line);flex:1;min-width:20px;height:1px;transform:translateY(-.28em)}.hero__phrase{padding-inline:var(--rail);touch-action:pinch-zoom;cursor:crosshair;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.phrase{max-width:100%;font-family:var(--font-display);font-weight:500;font-size:calc(clamp(2.6rem, 12vw, 9.5rem) * var(--display-scale));letter-spacing:var(--display-tracking);text-align:center;color:var(--fg);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.06em .24em;margin:0;line-height:1.02;display:flex;position:relative}.phrase__word{white-space:nowrap;display:inline-block}.phrase__letter{display:inline-block}.phrase__glyph{transform-origin:50% 58%;display:inline-block}.phrase__word--outline .phrase__glyph{color:var(--surface);-webkit-text-stroke:.042em var(--fg);paint-order:stroke fill}.hero__hint{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-faint);flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:10.5px;display:flex}.hero__hint--touch{display:none}@media (hover:none){.hero__hint--pointer{display:none}.hero__hint--touch{display:flex}}.hero__key{border:1px solid var(--line-strong);color:var(--fg);border-radius:6px;padding:3px 8px}.hero__lang{align-items:baseline;gap:10px;display:flex}.hero__lang-name{letter-spacing:-.02em;font-size:clamp(1.1rem,1.8vw,1.7rem);font-weight:620}.hero__code{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-faint);font-size:10.5px}.hero__scroll{z-index:55;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 70%, transparent);-webkit-backdrop-filter:blur(10px);width:max-content;font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-soft);cursor:pointer;transition:color .3s var(--ease-out), border-color .3s var(--ease-out), opacity .4s var(--ease-out), transform .4s var(--ease-out), visibility 0s;border-radius:999px;justify-content:center;align-items:center;gap:9px;margin-inline:auto;padding:6px 14px;font-size:9.5px;display:flex;position:fixed;inset-block-end:calc(clamp(80px, 11vh, 112px) + var(--safe-bottom));inset-inline:0}.hero__scroll:hover{color:var(--fg);border-color:var(--line-strong)}.hero__scroll--hidden{opacity:0;visibility:hidden;pointer-events:none;transition:color .3s var(--ease-out), border-color .3s var(--ease-out), opacity .4s var(--ease-out), transform .4s var(--ease-out), visibility 0s .4s;transform:translateY(10px)}.hero__scroll-arrow{animation:scroll-nudge 2s var(--ease-in-out) infinite;display:inline-block}@keyframes scroll-nudge{0%,to{transform:translateY(-2px)}50%{transform:translateY(3px)}}.meta__value{font-family:var(--font-display);font-size:calc(clamp(1.02rem, 1.5vw, 1.6rem) * var(--display-scale));letter-spacing:var(--display-tracking);text-wrap:balance;font-weight:640;line-height:1.05}.meta__note{font-family:var(--font-mono);letter-spacing:.11em;text-transform:uppercase;color:var(--fg-faint);margin-block-start:9px;font-size:9.5px;line-height:1.5}.identity{flex-direction:column;display:flex}.identity__name{font-family:var(--font-display);font-size:calc(clamp(1.9rem, 3.4vw, 3.2rem) * var(--display-scale));letter-spacing:var(--display-tracking);font-weight:650;line-height:.94}.identity__name span{color:var(--fg-faint);display:block}.identity__role{font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--fg-soft);margin-block-start:clamp(12px,1.4vw,20px);font-size:10.5px}.identity__place{color:var(--fg-soft);align-items:center;gap:8px;margin-block-start:auto;padding-block-start:clamp(14px,1.6vw,24px);font-size:.9rem;display:flex}.identity__dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.identity__note{color:var(--fg-soft);max-width:34ch;margin-block-start:10px;font-size:.9rem}.statement{flex-direction:column;justify-content:space-between;gap:clamp(18px,2.4vw,34px);display:flex}.statement__lead{font-family:var(--font-display);font-size:calc(clamp(1.3rem, 2.4vw, 2.3rem) * var(--display-scale));letter-spacing:var(--display-tracking);text-wrap:balance;font-weight:600;line-height:1.1}.statement__note{color:var(--fg-soft);text-wrap:pretty;max-width:58ch;font-size:.92rem}.stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-block-start:clamp(14px,1.6vw,22px);display:grid}.stats__item{border-inline-start:1px solid var(--line);padding:2px clamp(8px,1.2vw,20px)}.stats__item:first-child{border-inline-start:0;padding-inline-start:0}.stats__item dt{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--fg-faint);font-size:9.5px}.stats__item dd{font-family:var(--font-mono);letter-spacing:-.03em;margin:4px 0 0;font-size:clamp(1.15rem,1.9vw,1.8rem);font-weight:600}.region{gap:var(--gutter);flex-direction:column;grid-column:span 12;display:flex}.region__grid{gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.rail{z-index:30;border:1px solid var(--line);border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface) 86%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4);align-items:center;gap:14px;padding:8px clamp(10px,1.2vw,16px);display:flex;position:sticky;inset-block-start:var(--safe-top)}.rail__title{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--fg-faint);white-space:nowrap;font-size:10px}.rail__list{scrollbar-width:none;align-items:center;gap:2px;margin-inline-start:auto;display:flex;overflow-x:auto}.rail__list::-webkit-scrollbar{display:none}.rail__item{white-space:nowrap;color:var(--fg-soft);transition:color .3s var(--ease-out), background-color .3s var(--ease-out);border-radius:8px;align-items:baseline;gap:7px;padding:6px 10px;display:flex}.rail__item:hover{color:var(--fg);background:var(--card)}.rail__item--active{color:var(--surface);background:var(--fg)}.rail__dot{background:var(--rail-tint,var(--fg-faint));width:7px;height:7px;box-shadow:0 0 0 1px color-mix(in srgb, var(--surface) 55%, transparent);border-radius:50%}.rail__item--active .rail__dot{box-shadow:0 0 0 1.5px color-mix(in srgb, var(--surface) 70%, transparent)}.rail__index{font-family:var(--font-mono);letter-spacing:.1em;opacity:.75;font-size:9.5px}.rail__label{font-size:12px;font-weight:600}.story{background:linear-gradient(150deg, color-mix(in srgb, var(--section-tint,var(--accent)) 12%, var(--card)), var(--card) 64%);border-color:color-mix(in srgb, var(--section-tint,var(--accent)) 26%, var(--card-line));overflow:clip}.story .card__label-index{color:var(--section-ink,var(--accent))}.story__grid{z-index:1;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:clamp(16px,2.6vw,52px);display:grid;position:relative}.story__title{font-family:var(--section-font,var(--font-display));font-size:calc(clamp(2rem, 5.6vw, 5rem) * var(--section-scale,1));letter-spacing:var(--section-tracking,-.03em);color:var(--fg);text-wrap:balance;font-weight:620;line-height:.94}.story[data-variant=ghost] .story__title{color:var(--fg-faint)}.story[data-variant=rule] .story__title{border-block-end:.06em solid var(--accent);padding-block-end:.08em}.story[data-variant=accent] .story__title{color:var(--section-ink,var(--accent))}.story[data-variant=rule] .story__title{border-block-end-color:var(--section-ink,var(--accent))}.story__mark{border:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.06em;color:var(--section-ink,var(--accent));border-color:color-mix(in srgb, var(--section-tint,var(--accent)) 38%, var(--line));background:color-mix(in srgb, var(--section-tint,var(--accent)) 8%, var(--surface));border-radius:999px;margin-block-start:clamp(12px,1.4vw,20px);padding:5px 12px;font-size:11px;display:inline-block}.story__numeral{z-index:0;font-family:var(--font-display);letter-spacing:-.055em;color:var(--section-ink,var(--fg));opacity:.16;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(4.4rem,15vw,13rem);font-weight:700;line-height:.78;position:absolute;inset-block-start:clamp(6px,1.2vw,18px);inset-inline-end:clamp(10px,1.8vw,30px)}.story--quote .story__numeral,.story--stack .story__numeral{opacity:.07}.story__lead{letter-spacing:-.018em;color:var(--fg);text-wrap:pretty;margin-block-end:.85em;font-size:clamp(1.02rem,.8vw + .8rem,1.44rem);font-weight:520;line-height:1.32}.story__paragraph{max-width:62ch;color:var(--fg-soft);text-wrap:pretty;margin-block-end:.8em}.story__paragraph:last-child{margin-block-end:0}.story__facts{background:var(--line);border:1px solid var(--line);border-radius:var(--radius-md);grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:1px;margin-block-start:clamp(16px,2vw,28px);display:grid;overflow:hidden}.story__fact{background:var(--surface);padding:11px 14px}.story__fact dt{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--fg-faint);font-size:9.5px}.story__fact dd{letter-spacing:-.01em;margin:3px 0 0;font-size:.92rem;font-weight:620}.story--offset .story__grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.story--offset.story--align-right .story__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.story--offset.story--align-right .story__title-col{text-align:end;grid-area:1/2}.story--offset.story--align-right .story__body-col{grid-area:1/1}.story--offset.story--align-right .story__facts{margin-inline-start:0}.story--stack .story__grid{grid-template-columns:minmax(0,1fr)}.story--stack .story__body-col{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:0 clamp(20px,3vw,48px);display:grid}.story--quote .story__grid{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.story--quote .story__title-col,.story--quote .story__body-col{flex-direction:column;align-items:center;display:flex}.story--quote .story__body-col{max-width:60ch}.story--quote .story__paragraph{max-width:56ch}.projects__title{font-family:var(--font-display);font-size:calc(clamp(1.5rem, 3.2vw, 2.9rem) * var(--display-scale));letter-spacing:var(--display-tracking);align-items:baseline;gap:.55em;margin-block-end:clamp(16px,2vw,28px);font-weight:620;line-height:1;display:flex}.projects__count{font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent);font-size:.34em;font-weight:600}.projects__grid{gap:var(--gutter);grid-template-columns:repeat(auto-fill,minmax(min(100%,236px),1fr));display:grid}.project--wide{grid-column:span 2}.project__link{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);height:100%;transition:transform .5s var(--ease-out), border-color .4s var(--ease-out), box-shadow .5s var(--ease-out);flex-direction:column;gap:7px;padding:15px 17px 17px;display:flex;position:relative}.zone--quiet .project__link{background:var(--surface)}.project__link:hover{border-color:var(--line-strong);box-shadow:0 16px 34px -22px rgb(var(--fg-rgb) / .45);transform:translateY(-4px)}.projects .project__link{background:linear-gradient(160deg, color-mix(in srgb, var(--project-tint,var(--accent)) 10%, var(--surface)), var(--surface) 62%)}.project__link:hover{border-color:color-mix(in srgb, var(--project-tint,var(--accent)) 48%, var(--line-strong));box-shadow:0 16px 34px -22px color-mix(in srgb, var(--project-tint,var(--accent)) 55%, transparent)}.project__tag{align-items:center;gap:7px;display:flex}.project__tag:before{content:"";background:var(--project-ink,var(--accent));border-radius:2px;width:7px;height:7px}.project__tag{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--fg-faint);font-size:9.5px}.project__title{font-family:var(--font-display);letter-spacing:var(--display-tracking);padding-inline-end:22px;font-size:1.22rem;font-weight:650;line-height:1.05}.project__desc{color:var(--fg-soft);text-wrap:pretty;font-size:.875rem;line-height:1.42}.project__arrow{color:var(--project-ink,var(--accent));transition:transform .45s var(--ease-out);font-size:14px;position:absolute;inset-block-start:14px;inset-inline-end:16px}.project__link:hover .project__arrow{transform:translate(3px,-3px)}.links__grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr) minmax(0,.9fr);gap:clamp(18px,2.6vw,44px);display:grid}.links__title{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-faint);border-block-end:1px solid var(--line);margin-block-end:4px;padding-block-end:10px;font-size:10px}.link{border-block-end:1px solid var(--line);transition:color .3s var(--ease-out), gap .4s var(--ease-out);align-items:baseline;gap:12px;padding:11px 0;display:flex}.link:hover{color:var(--accent);gap:18px}.link__label{letter-spacing:-.01em;font-weight:620}.link--large .link__label{font-family:var(--font-display);letter-spacing:var(--display-tracking);font-size:clamp(1.3rem,2.4vw,2.1rem);font-weight:650;line-height:1.05}.link__note{font-family:var(--font-mono);letter-spacing:.08em;color:var(--fg-faint);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.link__arrow{color:var(--fg-faint);margin-inline-start:auto;font-size:13px}.links__note{color:var(--fg-soft);text-wrap:pretty;margin-block-end:12px;font-size:.9rem}.links__note a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.links__note--dim{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-faint);font-size:10.5px}.footer__grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:clamp(20px,3vw,52px);display:grid}.footer__quote{font-family:var(--font-display);font-size:calc(clamp(1.35rem, 3vw, 2.6rem) * var(--display-scale));letter-spacing:var(--display-tracking);text-wrap:balance;font-weight:600;line-height:1.06}.footer__spec{gap:9px;display:grid}.footer__spec div{border-block-end:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;padding-block-end:8px;display:flex}.footer__spec dt{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--fg-faint);font-size:9.5px}.footer__spec dd{text-align:end;margin:0;font-size:.875rem;font-weight:600}.footer__base{border-block-start:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-faint);flex-wrap:wrap;gap:6px 22px;margin-block-start:clamp(20px,3vw,40px);padding-block-start:14px;font-size:10.5px;display:flex}.footer__base a{color:var(--fg);text-underline-offset:3px;text-decoration:underline}.progress{z-index:80;background:var(--accent);transform-origin:0;height:3px;position:fixed;inset-block-start:var(--safe-top);inset-inline:0}@keyframes veil-lift{0%{opacity:1;-webkit-backdrop-filter:blur(22px)saturate(.8)}to{opacity:0;visibility:hidden;-webkit-backdrop-filter:blur()saturate()}}.veil{z-index:90;pointer-events:none;background:rgb(var(--surface-rgb) / .6);animation:veil-lift 1.2s var(--ease-out) both;position:fixed;inset:0}.dock{z-index:60;pointer-events:none;transition:opacity .45s var(--ease-out), transform .45s var(--ease-out), visibility 0s;justify-content:center;padding-inline:10px;display:flex;position:fixed;inset-block-end:calc(clamp(16px, 2.6vw, 28px) + var(--safe-bottom));inset-inline:0}.dock--hidden{opacity:0;visibility:hidden;transition:opacity .45s var(--ease-out), transform .45s var(--ease-out), visibility 0s .45s;transform:translateY(14px)}.dock__bar,.dock__handle{pointer-events:auto;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 84%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.5);max-width:100%;box-shadow:0 22px 54px -26px rgb(var(--fg-rgb) / .5);border-radius:22px;flex-wrap:wrap;justify-content:center;align-items:center;gap:3px;padding:6px;display:flex}.dock__handle{border-radius:999px;gap:9px;padding:7px 16px 7px 8px}.dock__handle-text{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:10px}.dock__anchor{display:flex;position:relative}.dock__btn{white-space:nowrap;transition:background-color .3s var(--ease-out);border-radius:15px;align-items:center;gap:9px;padding:6px 12px 6px 7px;display:flex}.dock__btn:hover{background:var(--card)}.dock__sample{border:1px solid var(--line);background:var(--card);border-radius:10px;place-items:center;width:32px;height:32px;font-size:15px;line-height:1;display:grid}.dock__swatch{border:1px solid var(--line-strong);width:32px;height:32px;box-shadow:inset 0 0 0 1px rgb(var(--surface-rgb) / .35);border-radius:10px}.dock__btn-text{flex-direction:column;align-items:flex-start;line-height:1.16;display:flex}.dock__btn-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--fg-faint);font-size:8.5px}.dock__btn-value{font-size:12.5px;font-weight:620}.dock__sep{background:var(--line);align-self:stretch;width:1px;margin-block:7px}.dock__icon{width:32px;height:32px;color:var(--fg-soft);transition:background-color .3s var(--ease-out), color .3s;border-radius:10px;place-items:center;font-size:14px;display:grid}.dock__icon:hover{background:var(--card);color:var(--fg)}.pop{z-index:70;border:1px solid var(--line);background:var(--surface);width:min(330px,100vw - 24px);max-height:min(68vh,560px);box-shadow:0 34px 70px -32px rgb(var(--fg-rgb) / .55);animation:pop-in .3s var(--ease-out);border-radius:20px;flex-direction:column;gap:10px;padding:13px;display:flex;position:absolute;inset-block-end:calc(100% + 10px);inset-inline-start:0}@keyframes pop-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}.pop__head{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--fg-faint);justify-content:space-between;align-items:baseline;gap:10px;padding-inline:4px;font-size:10px;display:flex}.pop__head-note{letter-spacing:.06em}.pop__scroll{flex-direction:column;min-height:0;display:flex;position:relative}.pop__list{scrollbar-width:thin;outline:none;flex-direction:column;gap:2px;min-height:0;display:flex;overflow-y:auto}.pop__scroll:before,.pop__scroll:after{content:"";pointer-events:none;opacity:0;height:32px;transition:opacity .18s linear;position:absolute;inset-inline:0}.pop__scroll:before{background:linear-gradient(to bottom, var(--surface) 25%, transparent);inset-block-start:0}.pop__scroll:after{background:linear-gradient(to top, var(--surface) 25%, transparent);inset-block-end:0}.pop__scroll[data-top=false]:before,.pop__scroll[data-more=true]:after{opacity:1}.pop__hint{pointer-events:none;justify-content:center;display:flex;position:absolute;inset-block-end:4px;inset-inline:0}.pop__hint span{border:1px solid var(--line-strong);background:var(--surface);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-soft);border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:9px;display:inline-flex}.pop__hint i{animation:scroll-nudge 1.8s var(--ease-in-out) infinite;font-style:normal}.pop__item{text-align:start;border-radius:12px;justify-content:space-between;align-items:baseline;gap:14px;width:100%;padding:9px 12px;font-size:17px;line-height:1.25;transition:background-color .16s linear,color .16s linear;display:flex}.pop__item--focus{background:var(--card)}.pop__item--active,.pop__item--active.pop__item--focus{background:var(--fg);color:var(--surface)}.pop__item-name{letter-spacing:-.01em}.pop__item-meta{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;opacity:.72;font-size:9px}.pop__foot{color:var(--fg-faint);border-block-start:1px solid var(--line);padding-block-start:10px;padding-inline:4px;font-size:11px;line-height:1.4}.surface{flex-direction:column;gap:16px;display:flex}.field__label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--fg-faint);justify-content:space-between;align-items:baseline;gap:10px;margin-block-end:9px;font-size:10px;display:flex}.field__note{letter-spacing:.05em;text-transform:none;color:var(--fg-soft)}.swatches{flex-wrap:wrap;gap:7px;display:flex}.swatch{cursor:pointer;display:block;position:relative}.swatch input,.accent input,.seg__btn input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.swatch__chip{border:1px solid var(--line-strong);background:var(--swatch,var(--surface));width:30px;height:30px;transition:transform .3s var(--ease-out);border-radius:9px;display:block}.swatch:hover .swatch__chip{transform:scale(1.08)}.swatch input:checked+.swatch__chip{outline:2px solid var(--fg);outline-offset:2px}.swatch:has(input:focus-visible) .swatch__chip{outline:2px solid var(--accent);outline-offset:2px}.swatch__chip--custom{color:#fff;text-shadow:0 1px 3px #00000080;background:conic-gradient(from 210deg,#e2231a,#f5c400,#00a3b4,#1d3fe0,#e2231a);place-items:center;font-size:14px;font-weight:700;display:grid}.readout{font-family:var(--font-mono);letter-spacing:.06em;color:var(--fg-faint);flex-wrap:wrap;align-items:center;gap:10px;margin-block-start:12px;font-size:10px;display:flex}.readout__pair{border:1px solid var(--line-strong);border-radius:6px;display:inline-flex;overflow:hidden}.readout__pair i{width:15px;height:15px;display:block}.readout__text strong{color:var(--fg)}.readout__reset{font-family:var(--font-mono);letter-spacing:.08em;text-underline-offset:3px;color:var(--accent);margin-inline-start:auto;font-size:10px;text-decoration:underline}.accents{flex-wrap:wrap;gap:6px;display:flex}.accent{border:1px solid var(--line);cursor:pointer;transition:border-color .3s var(--ease-out), background-color .3s;border-radius:999px;align-items:center;gap:7px;padding:5px 11px 5px 6px;display:flex;position:relative}.accent:has(input:checked){border-color:var(--fg);background:var(--card)}.accent:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.accent__chip{border:1px solid var(--line-strong);background:var(--accent-swatch,var(--fg));border-radius:50%;width:15px;height:15px}.accent--mono .accent__chip{background:linear-gradient(135deg, var(--fg) 50%, var(--surface) 50%)}.accent__name{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-soft);font-size:9.5px}.accent:has(input:checked) .accent__name{color:var(--fg)}.seg{border:1px solid var(--line);background:var(--card);border-radius:15px;gap:2px;padding:3px;display:flex}.seg__btn{color:var(--fg-soft);cursor:pointer;white-space:nowrap;transition:background-color .3s var(--ease-out), color .3s;border-radius:11px;padding:6px 11px;font-size:12px;font-weight:620;position:relative}.seg__btn--active{background:var(--fg);color:var(--surface)}.seg__btn:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}@container (width<=760px){.story__grid,.story--offset .story__grid,.story--offset.story--align-right .story__grid{grid-template-columns:minmax(0,1fr)}.story--offset.story--align-right .story__title-col,.story--offset.story--align-right .story__body-col{text-align:start;grid-area:auto/1}.story__numeral{font-size:clamp(3.4rem,13vw,7rem)}.footer__grid,.links__grid{grid-template-columns:minmax(0,1fr)}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 0}.stats__item:nth-child(odd){border-inline-start:0;padding-inline-start:0}}@media (width<=1080px){.card--half,.card--auto{grid-column:span 6}.card--wide,.card--narrow{grid-column:span 12}}@media (width<=720px){.card--half,.card--auto{grid-column:span 12}.rail__label,.rail__title{display:none}.rail__list{margin-inline:auto}.masthead__tagline{order:3;width:100%}.project--wide{grid-column:span 1}.pop{width:auto;max-height:60vh;position:fixed;inset-block-end:calc(84px + var(--safe-bottom));inset-inline:8px}.dock__btn-value,.dock__btn-text{display:none}.dock__btn{padding:6px}}@media (width<=420px){.dock__handle-text{display:none}}