:root{
  color-scheme:dark;
  --ink:#0d0d0d;
  --ink-soft:#151515;
  --ink-raised:#1d1d1d;
  --paper:#e6e6e6;
  --paper-bright:#f4f4f2;
  --paper-muted:#c9c9c5;
  --muted:#969691;
  --accent:#37da37;
  --accent-dark:#147514;
  --danger:#ff6b6b;
  --success:#80eb80;
  --line:rgba(230,230,230,.22);
  --line-dark:rgba(13,13,13,.16);
  --shadow:0 1.5rem 4rem rgba(0,0,0,.18);
  --radius-sm:.85rem;
  --radius-md:1.4rem;
  --radius-lg:2.2rem;
  --container:min(100% - 2rem,88rem);
  --container-wide:min(100% - 1.25rem,104rem);
  --header-height:4.75rem;
  --ease:cubic-bezier(.2,.75,.2,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --font:"Chillax",Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{background:var(--ink);scroll-behavior:smooth;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0;min-width:320px;overflow-x:hidden;background:var(--ink);color:var(--paper);font-family:var(--font);font-size:clamp(1rem,.97rem + .12vw,1.08rem);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.menu-open{overflow:hidden}
img,svg,video{display:block;max-width:100%}
a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.22em}
button,input,select,textarea{font:inherit}
button{color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:.2rem solid var(--accent);outline-offset:.22rem}
::selection{background:var(--accent);color:var(--ink)}
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;z-index:10000;top:.75rem;left:.75rem;transform:translateY(-180%);padding:.75rem 1rem;border-radius:.5rem;background:var(--accent);color:var(--ink);font-weight:800;text-decoration:none;transition:transform .2s var(--ease)}
.skip-link:focus{transform:translateY(0)}
.intro-screen{display:none}
.js .intro-screen{position:fixed;z-index:9000;inset:0;display:grid;place-items:center;background:var(--ink);color:var(--paper);transition:opacity .65s var(--ease),visibility .65s var(--ease)}
.js .intro-screen.is-complete{opacity:0;visibility:hidden;pointer-events:none}
.intro-screen__grid{display:grid;grid-template-columns:minmax(0,1fr) clamp(3.4rem,9vw,8rem) minmax(0,1fr);align-items:center;width:min(88vw,68rem);font-size:clamp(3.5rem,13vw,12rem);font-weight:800;letter-spacing:-.08em;line-height:.78;text-transform:uppercase}
.intro-screen__grid>span:first-child{text-align:right;transform:translateX(.08em)}
.intro-screen__grid>span:last-child{text-align:left}
.intro-screen__grid img{width:100%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 0 1.5rem rgba(55,218,55,.22));animation:introPulse 1.4s var(--ease-out) both}
.intro-screen button{position:absolute;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));min-width:6.5rem;min-height:2.75rem;padding:.7rem 1rem;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--paper);cursor:pointer}
.preview-banner{position:relative;z-index:2000;padding:.7rem 1rem;background:var(--accent);color:var(--ink);font-size:.82rem;font-weight:800;text-align:center}
.site-header{position:fixed;z-index:1000;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;min-height:var(--header-height);padding:max(.7rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) .7rem max(1rem,env(safe-area-inset-left));background:linear-gradient(to bottom,rgba(13,13,13,.92),rgba(13,13,13,.54),transparent);transition:background .3s var(--ease),transform .35s var(--ease)}
.site-header.is-scrolled{background:rgba(13,13,13,.88);backdrop-filter:blur(1rem);border-bottom:1px solid rgba(230,230,230,.08)}
.site-brand{display:flex;flex-direction:column;gap:.05rem;max-width:calc(100vw - 7rem);color:var(--paper);text-decoration:none;line-height:1.15}
.site-brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:800;letter-spacing:-.02em}
.site-brand small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--paper-muted);font-size:.7rem}
.menu-toggle{position:relative;z-index:3;display:grid;place-content:center;gap:.32rem;width:2.9rem;height:2.9rem;padding:0;border:1px solid var(--line);border-radius:50%;background:rgba(13,13,13,.55);cursor:pointer}
.menu-toggle>span:not(.sr-only){display:block;width:1.15rem;height:1px;background:currentColor;transition:transform .25s var(--ease),opacity .25s var(--ease)}
.menu-toggle[aria-expanded="true"]>span:first-child{transform:translateY(.22rem) rotate(45deg)}
.menu-toggle[aria-expanded="true"]>span:nth-child(2){transform:translateY(-.22rem) rotate(-45deg)}
.primary-navigation{position:fixed;z-index:2;inset:0;display:grid;align-content:end;padding:calc(var(--header-height) + 2rem) max(1rem,env(safe-area-inset-right)) max(2rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:rgba(13,13,13,.98);visibility:hidden;opacity:0;transform:translateY(-1rem);transition:opacity .25s var(--ease),transform .25s var(--ease),visibility .25s var(--ease)}
.primary-navigation.is-open{visibility:visible;opacity:1;transform:translateY(0)}
.primary-navigation ul{display:grid;gap:.25rem;margin:0;padding:0;list-style:none}
.primary-navigation a{display:flex;align-items:center;min-height:3.4rem;border-bottom:1px solid var(--line);font-size:clamp(2rem,8vw,4.5rem);font-weight:700;letter-spacing:-.055em;text-decoration:none}
.primary-navigation a[aria-current="page"]{color:var(--accent)}
.nav-desktop-only{display:none}
main{display:block}
.section-shell,.page-shell{width:var(--container);margin-inline:auto}
.section-kicker{margin:0 0 .75rem;color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.15em;line-height:1.25;text-transform:uppercase}
.section-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:1.2rem;min-width:0;margin-bottom:clamp(2rem,5vw,4rem)}
.section-heading>*,.tools-panel>*,.capability-panel>*,.contact-stage__content>*,.hero-copy>*{min-width:0;max-width:100%}
.section-heading h2,.tools-panel__heading h2,.capability-panel__intro h2{max-width:17ch;overflow-wrap:anywhere;margin:0;font-size:clamp(2.5rem,7vw,6.8rem);font-weight:700;letter-spacing:-.065em;line-height:.93}
.arrow-link{display:inline-flex;align-items:center;justify-content:space-between;gap:1rem;min-height:2.75rem;width:max-content;max-width:100%;padding:.68rem 1rem;border:1px solid currentColor;border-radius:999px;font-size:.86rem;font-weight:750;text-decoration:none;transition:background .25s var(--ease),color .25s var(--ease),transform .25s var(--ease)}
.arrow-link:hover,.arrow-link:focus-visible{background:var(--accent);border-color:var(--accent);color:var(--ink);transform:translateY(-.12rem)}
.hero-story{position:relative;min-height:100svh;background:var(--ink)}
.hero-stage{position:relative;display:grid;align-items:end;min-height:100svh;overflow:hidden}
.hero-media{position:absolute;inset:0;overflow:hidden;background:var(--ink-soft);transform-origin:left center;will-change:transform,clip-path}
.hero-picture{position:absolute;inset:0;overflow:hidden}
.hero-picture img{width:100%;height:100%;object-fit:cover;object-position:var(--hero-object-x,50%) var(--hero-object-y,50%);filter:saturate(.76) contrast(1.08);transform:scale(1.015)}
.hero-picture--shift{opacity:.38;mix-blend-mode:screen;clip-path:polygon(0 28%,100% 18%,100% 42%,0 52%);transform:translate3d(calc(var(--pointer-x,0) * .6rem),calc(var(--pointer-y,0) * .35rem),0)}
.hero-picture--shift img{filter:saturate(1.5) contrast(1.28) hue-rotate(58deg);transform:translate3d(calc(var(--hero-glitch,0) * 1.1rem),0,0) scale(1.025)}
.hero-picture--grain{opacity:.16;mix-blend-mode:hard-light;clip-path:polygon(0 58%,100% 46%,100% 76%,0 88%);transform:translate3d(calc(var(--pointer-x,0) * -.4rem),calc(var(--pointer-y,0) * -.25rem),0)}
.hero-picture--grain img{filter:grayscale(1) contrast(2);transform:translate3d(calc(var(--hero-glitch,0) * -.7rem),0,0) scale(1.04)}
.hero-media::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.07) 0 .05rem,transparent .06rem),radial-gradient(circle at 80% 60%,rgba(255,255,255,.05) 0 .04rem,transparent .05rem);background-size:.25rem .25rem,.32rem .32rem;mix-blend-mode:overlay;opacity:.42}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,13,13,.08),rgba(13,13,13,.2) 50%,rgba(13,13,13,.88));pointer-events:none}
.hero-copy{position:relative;z-index:2;display:grid;gap:1rem;width:var(--container);margin-inline:auto;padding:calc(var(--header-height) + 3rem) 0 clamp(3rem,10svh,7rem);text-wrap:balance}
.hero-copy h1{max-width:13ch;overflow-wrap:anywhere;margin:0;font-size:clamp(3rem,13vw,8.8rem);font-weight:720;letter-spacing:-.075em;line-height:.84}
.hero-copy__secondary{max-width:29ch;margin:0;font-size:clamp(1.15rem,2.3vw,2rem);font-weight:650;letter-spacing:-.035em;line-height:1.1}
.hero-copy__body{max-width:42rem;margin:0;color:var(--paper-muted)}
.hero-scroll{position:absolute;z-index:2;right:1rem;bottom:1.25rem;display:none;align-items:center;gap:.75rem;color:var(--paper-muted);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;writing-mode:vertical-rl}
.hero-scroll i{display:block;width:1px;height:3.5rem;background:linear-gradient(var(--accent),transparent)}
.js .hero-story{min-height:165svh}
.js .hero-stage{position:sticky;top:0}
.js .hero-copy{opacity:var(--hero-copy-opacity,0);transform:translate3d(0,var(--hero-copy-y,2rem),0);will-change:opacity,transform}
.js .hero-media{transform:translate3d(0,var(--hero-media-y,0),0) scale(var(--hero-scale,1));border-radius:var(--hero-radius,0)}
.intro-section{display:grid;gap:2rem;padding-block:clamp(5rem,12vw,11rem)}
.intro-section__body{display:grid;align-content:start;gap:1.5rem}
.intro-section__body>p{max-width:42rem;margin:0;color:var(--paper-muted);font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.45}
.manifesto-section{background:var(--accent);color:var(--ink)}
.manifesto-section__inner{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;align-content:center;min-height:85svh;padding-block:clamp(5rem,10vw,9rem)}
.manifesto-section .section-kicker{color:var(--accent-dark)}
.manifesto-section h2{max-width:13ch;overflow-wrap:anywhere;margin:0;font-size:clamp(3.2rem,10vw,9.5rem);font-weight:760;letter-spacing:-.08em;line-height:.82;text-wrap:balance}
.manifesto-section p:last-child{max-width:42rem;overflow-wrap:anywhere;margin:2rem 0 0;font-weight:600}
.metrics-section{padding-block:clamp(5rem,12vw,10rem)}
.metric-grid{display:grid;border-top:1px solid var(--line)}
.metric{display:grid;gap:.65rem;padding:1.75rem 0;border-bottom:1px solid var(--line)}
.metric__value{display:flex;align-items:flex-start;margin:0;color:var(--accent);font-size:clamp(3.4rem,14vw,9rem);font-weight:750;letter-spacing:-.08em;line-height:.85}
.metric__value span{font-size:.35em;letter-spacing:-.02em}
.metric h3{margin:0;font-size:1.12rem}
.metric>p:last-child{max-width:38rem;margin:0;color:var(--paper-muted);font-size:.9rem}
.tools-capabilities{background:var(--paper);color:var(--ink)}
.tools-panel{display:grid;gap:clamp(2.5rem,7vw,6rem);padding-block:clamp(5rem,11vw,9rem)}
.tools-panel .section-kicker,.capability-panel .section-kicker{color:var(--accent-dark)}
.tools-panel__heading{display:grid;gap:1rem}
.tools-panel__heading>p:last-child,.capability-panel__intro>p:last-child{max-width:40rem;margin:0;color:#545450}
.tool-list{display:flex;flex-wrap:wrap;gap:.65rem;margin:0;padding:0;list-style:none}
.tool-list li{min-width:0}
.tool-chip{position:relative;display:grid;place-items:center;width:clamp(3.75rem,11vw,5.4rem);aspect-ratio:1;border:1px solid var(--line-dark);border-radius:1rem;background:var(--paper-bright);box-shadow:0 .6rem 1.8rem rgba(13,13,13,.06);cursor:default;transition:transform .28s var(--ease-out),background .28s var(--ease),border-color .28s var(--ease),box-shadow .28s var(--ease)}
.tool-chip img{width:72%;height:72%;object-fit:contain}
.tool-chip>span{position:absolute;z-index:3;left:50%;bottom:-.45rem;max-width:12rem;padding:.4rem .6rem;border-radius:.45rem;background:var(--ink);color:var(--paper);font-size:.68rem;font-weight:750;line-height:1;white-space:nowrap;opacity:0;transform:translate(-50%,70%);pointer-events:none;transition:opacity .22s var(--ease),transform .22s var(--ease)}
.tool-chip:hover,.tool-chip:focus-visible{z-index:2;background:var(--accent);border-color:var(--ink);box-shadow:0 1rem 2.6rem rgba(13,13,13,.18);transform:translateY(-.35rem) scale(1.13)}
.tool-chip:hover>span,.tool-chip:focus-visible>span{opacity:1;transform:translate(-50%,100%)}
.capability-panel{display:grid;gap:clamp(2.5rem,7vw,6rem);padding-block:0 clamp(5rem,11vw,9rem)}
.capability-panel__intro{display:grid;gap:1rem}
.capability-grid{display:grid;gap:1rem}
.capability-card{position:relative;display:grid;align-content:space-between;gap:1.5rem;min-height:18rem;padding:1.5rem;border:1px solid var(--line-dark);border-radius:var(--radius-md);background:var(--paper-bright);box-shadow:0 1rem 3rem rgba(13,13,13,.07);transition:transform .3s var(--ease-out),box-shadow .3s var(--ease)}
.capability-card:hover{transform:translateY(-.35rem);box-shadow:0 1.4rem 3.8rem rgba(13,13,13,.12)}
.capability-card>div{display:flex;flex-direction:column-reverse;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--line-dark)}
.capability-card h3{max-width:16ch;margin:0;font-size:clamp(1.5rem,3vw,2.2rem);letter-spacing:-.05em;line-height:1}
.capability-card>div span{color:#74746f;font-size:.68rem}
.capability-card>p{margin:0;font-size:.92rem;line-height:1.35}
.capability-card ul{display:none;margin:0;padding-left:1.15rem;color:#545450;font-size:.78rem}
.capability-card>a{position:absolute;right:1rem;bottom:1rem;display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--ink);color:var(--paper);font-weight:800;text-decoration:none;transition:background .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}
.capability-card>a:hover,.capability-card>a:focus-visible{background:var(--accent);color:var(--ink);transform:rotate(45deg)}
.work-section,.evolution-section,.notes-section{padding-block:clamp(5rem,12vw,10rem)}
.work-section{background:var(--ink)}
.work-list{display:grid;margin-bottom:2rem;border-top:1px solid var(--line)}
.work-row{display:grid;grid-template-columns:2.5rem minmax(0,1fr) 2.75rem;gap:1rem;align-items:start;padding:1.4rem 0;border-bottom:1px solid var(--line)}
.work-row>span,.work-row>div>p:first-child{color:var(--muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
.work-row h2,.work-row h3{margin:.15rem 0;overflow-wrap:anywhere;font-size:clamp(1.7rem,5vw,4.5rem);font-weight:660;letter-spacing:-.055em;line-height:.95}
.work-row h2 a,.work-row h3 a{text-decoration:none}
.work-row>div>p:last-child{max-width:48rem;margin:.75rem 0 0;color:var(--paper-muted);font-size:.9rem}
.work-row>a{display:grid;place-items:center;width:2.8rem;height:2.8rem;border:1px solid var(--line);border-radius:50%;text-decoration:none;transition:background .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}
.work-row:hover>a,.work-row>a:hover,.work-row>a:focus-visible{background:var(--accent);border-color:var(--accent);color:var(--ink);transform:rotate(45deg)}
.evolution-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.evolution-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;min-width:0}
.evolution-grid article{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:.8rem;min-height:16rem;padding:1.4rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--ink-soft)}
.evolution-grid article>p:first-child{color:var(--accent);font-size:2rem;font-weight:760}
.evolution-grid h3{margin:auto 0 0;overflow-wrap:anywhere;font-size:1.65rem;letter-spacing:-.04em}
.evolution-grid h3 a{text-decoration:none}
.evolution-grid article>p{margin:0;color:var(--paper-muted)}
.evolution-grid article>a{width:max-content;color:var(--accent);font-weight:700}
.note-list{display:grid;border-top:1px solid var(--line)}
.note-list article{display:grid;grid-template-columns:minmax(0,1fr) 2rem;gap:.8rem;align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--line)}
.note-list article>p{grid-column:1/-1;margin:0;color:var(--muted);font-size:.7rem;text-transform:uppercase}
.note-list h2,.note-list h3{margin:0;font-size:clamp(1.45rem,4vw,3.2rem);letter-spacing:-.045em;line-height:1}
.note-list h2 a,.note-list h3 a{text-decoration:none}
.note-list article>span{color:var(--accent);font-size:1.4rem}
.contact-stage{position:relative;min-height:100svh;overflow:hidden;background:var(--ink);color:var(--paper)}
.contact-stage__grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);opacity:.75}
.contact-stage__grid span{position:relative;border-right:1px solid rgba(230,230,230,.05);border-bottom:1px solid rgba(230,230,230,.05)}
.contact-stage__grid span::after{content:"";position:absolute;top:-.14rem;left:-.14rem;width:.28rem;height:.28rem;background:var(--paper)}
.contact-stage__content{position:relative;z-index:1;display:grid;align-content:center;gap:clamp(2rem,7vw,5rem);width:var(--container-wide);min-height:100svh;margin-inline:auto;padding-block:calc(var(--header-height) + 2rem) max(2rem,env(safe-area-inset-bottom))}
.contact-stage h2{max-width:14ch;overflow-wrap:anywhere;margin:0;font-size:clamp(3.2rem,11vw,10rem);font-weight:730;letter-spacing:-.08em;line-height:.82}
.contact-stage__links{display:grid;grid-template-columns:minmax(0,1fr);gap:.2rem;min-width:0}
.contact-stage__links a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:3.4rem;padding:.45rem 0;border-bottom:1px solid var(--line);font-size:clamp(1rem,3vw,2.1rem);font-weight:600;letter-spacing:-.035em;overflow-wrap:anywhere;text-decoration:none}
.contact-stage__links a:hover,.contact-stage__links a:focus-visible{color:var(--accent)}
.contact-stage__meta{display:grid;gap:.4rem;color:var(--paper-muted);font-size:.78rem}
.contact-stage__meta p{margin:0}
.page-shell{min-height:80svh;padding-block:calc(var(--header-height) + clamp(3rem,9vw,8rem)) clamp(5rem,10vw,9rem)}
.page-hero{display:grid;gap:1rem;max-width:74rem;margin-bottom:clamp(4rem,10vw,9rem)}
.page-hero h1{max-width:14ch;margin:0;font-size:clamp(4rem,14vw,11rem);font-weight:730;letter-spacing:-.08em;line-height:.78;text-wrap:balance}
.page-hero>p:last-child{max-width:45rem;margin:0;color:var(--paper-muted);font-size:clamp(1.05rem,2vw,1.55rem)}
.article-shell{max-width:76rem}
.project-facts{display:grid;gap:0;margin:0 0 clamp(4rem,8vw,7rem);border-top:1px solid var(--line)}
.project-facts div{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.project-facts dt{color:var(--muted);font-size:.75rem;text-transform:uppercase}
.project-facts dd{margin:0}
.article-block{display:grid;gap:1rem;padding-block:clamp(2.5rem,6vw,5rem);border-top:1px solid var(--line)}
.article-block h2{max-width:19ch;margin:0;font-size:clamp(2rem,6vw,5rem);font-weight:680;letter-spacing:-.06em;line-height:.92}
.article-block>p:last-child{max-width:48rem;margin:0;color:var(--paper-muted)}
.article-cover{width:100%;max-height:70svh;margin-bottom:clamp(3rem,8vw,7rem);border-radius:var(--radius-lg);object-fit:cover}
.inline-links{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}
.rich-text{font-size:clamp(1.02rem,1.4vw,1.18rem);line-height:1.7}
.rich-text>*{max-width:48rem;margin-inline:auto}
.rich-text h2,.rich-text h3{margin-top:2.7em;letter-spacing:-.04em;line-height:1.05}
.rich-text img,.rich-text figure,.rich-text table{max-width:100%;margin-block:2.5rem}
.rich-text a{color:var(--accent)}
.editorial-stack{display:grid;border-top:1px solid var(--line)}
.editorial-stack>section{display:grid;gap:1rem;padding-block:clamp(2.5rem,6vw,5rem);border-bottom:1px solid var(--line)}
.editorial-stack h2{max-width:19ch;margin:0;font-size:clamp(2rem,6vw,5rem);letter-spacing:-.06em;line-height:.95}
.editorial-stack>section>p:last-child{max-width:48rem;margin:0;color:var(--paper-muted)}
.cv-stack{display:grid;border-top:1px solid var(--line)}
.cv-stack>section{display:grid;gap:2rem;padding-block:clamp(2.5rem,6vw,5rem);border-bottom:1px solid var(--line)}
.cv-stack__heading h2{margin:0;font-size:clamp(2rem,5vw,4.5rem);letter-spacing:-.055em;line-height:.95}
.cv-stack__heading>p:last-child{color:var(--paper-muted)}
.cv-item{display:grid;gap:.7rem;padding:1.5rem 0;border-top:1px solid var(--line)}
.cv-item h3{margin:0;font-size:1.25rem}
.cv-item p{margin:0;color:var(--paper-muted)}
.card-grid{display:grid;gap:1rem}
.surface-card{display:grid;align-content:start;gap:1rem;min-height:18rem;padding:1.4rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--ink-soft)}
.surface-card h2{margin:0;font-size:clamp(1.7rem,4vw,3rem);letter-spacing:-.05em;line-height:1}
.surface-card h2 a{text-decoration:none}
.surface-card>p{margin:0;color:var(--paper-muted)}
.card-image{width:100%;aspect-ratio:16/10;border-radius:calc(var(--radius-md) - .4rem);object-fit:cover}
.contact-page{max-width:78rem}
.notice{margin-bottom:1.5rem;padding:1rem;border:1px solid;border-radius:var(--radius-sm)}
.notice--success{border-color:var(--success);background:rgba(55,218,55,.09)}
.notice--error{border-color:var(--danger);background:rgba(255,107,107,.08)}
.contact-form{display:grid;gap:1rem}
.contact-form .field{display:grid;align-content:start;gap:.45rem}
.contact-form label{font-size:.8rem;font-weight:750}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-height:3.25rem;padding:.85rem 1rem;border:1px solid var(--line);border-radius:.65rem;background:var(--ink-soft);color:var(--paper)}
.contact-form textarea{min-height:12rem;resize:vertical}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--accent);outline:.15rem solid var(--accent);outline-offset:0}
.contact-form [aria-invalid="true"]{border-color:var(--danger)}
.field-error{margin:0;color:#ff9f9f;font-size:.78rem}
.checkbox{grid-template-columns:1.5rem minmax(0,1fr);align-items:start}
.checkbox input{width:1.25rem;min-height:1.25rem;margin:.1rem 0 0;padding:0;accent-color:var(--accent)}
.checkbox .field-error{grid-column:1/-1}
.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;min-height:3.3rem;padding:.8rem 1.15rem;border:1px solid var(--accent);border-radius:999px;background:var(--accent);color:var(--ink);font-weight:800;cursor:pointer;transition:transform .2s var(--ease),background .2s var(--ease)}
.primary-button:hover,.primary-button:focus-visible{transform:translateY(-.12rem);background:var(--paper)}
.primary-button:disabled{opacity:.55;cursor:wait}
.form-status{min-height:1.4rem;margin:.75rem 0 0;color:var(--paper-muted)}
.site-footer{display:grid;gap:2rem;width:var(--container);margin-inline:auto;padding-block:3rem max(3rem,env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--paper-muted)}
.site-footer strong{color:var(--paper)}
.site-footer p{margin:.25rem 0}
.site-footer__links{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:2rem}
.site-footer nav strong{font-size:.75rem;text-transform:uppercase}
.site-footer ul{display:grid;gap:.4rem;margin:.8rem 0 0;padding:0;list-style:none}
.site-footer a{text-decoration:none}
.site-footer a:hover,.site-footer a:focus-visible{color:var(--accent)}
[data-reveal]{opacity:1;transform:none}
.js [data-reveal]{opacity:0;transform:translateY(2.2rem);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}
.js [data-reveal].is-visible{opacity:1;transform:translateY(0)}
@keyframes introPulse{0%{opacity:0;transform:scale(.5) rotate(-18deg)}70%{opacity:1;transform:scale(1.08) rotate(3deg)}100%{transform:scale(1) rotate(0)}}
@media (min-width:40rem){
  :root{--container:min(100% - 3rem,88rem);--container-wide:min(100% - 3rem,104rem)}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .metric:nth-child(odd){padding-right:1.5rem;border-right:1px solid var(--line)}
  .metric:nth-child(even){padding-left:1.5rem}
  .tool-list{gap:.9rem}
  .capability-grid,.evolution-grid,.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contact-form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .field--wide{grid-column:1/-1}
  .site-footer{grid-template-columns:minmax(15rem,.8fr) minmax(0,1.2fr)}
}
@media (min-width:48rem){
  :root{--header-height:5.3rem}
  .site-header{padding-inline:max(1.5rem,env(safe-area-inset-left)) max(1.5rem,env(safe-area-inset-right))}
  .site-brand span{font-size:1rem}
  .site-brand small{font-size:.74rem}
  .hero-scroll{display:flex}
  .js .hero-story{min-height:190svh}
  .js .hero-media{transform:translate3d(var(--hero-media-x,0),0,0) scale(var(--hero-scale,1));border-radius:var(--hero-radius,0)}
  .hero-copy{position:absolute;right:max(3rem,6vw);bottom:clamp(2.5rem,8vh,6rem);width:min(42vw,41rem);margin:0;padding:0}
  .hero-copy h1{font-size:clamp(3rem,6.6vw,7.7rem)}
  .hero-shade{background:linear-gradient(90deg,rgba(13,13,13,.05),rgba(13,13,13,.14) 52%,rgba(13,13,13,.86))}
  .intro-section{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);gap:clamp(3rem,9vw,9rem)}
  .metric{min-height:19rem;padding-block:2.4rem}
  .tools-panel,.capability-panel{grid-template-columns:minmax(18rem,.72fr) minmax(0,1.28fr);align-items:start}
  .capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .capability-card:nth-child(even){transform:translateY(-2.5rem)}
  .capability-card:nth-child(even):hover{transform:translateY(-2.85rem)}
  .capability-card ul{display:block}
  .work-row{grid-template-columns:4rem minmax(0,1fr) 3.2rem;gap:2rem;padding-block:2rem}
  .note-list article{grid-template-columns:12rem minmax(0,1fr) 2rem}
  .note-list article>p{grid-column:auto}
  .contact-stage__links{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:4rem}
  .contact-stage__meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
  .project-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .project-facts div:nth-child(odd){padding-right:2rem;border-right:1px solid var(--line)}
  .project-facts div:nth-child(even){padding-left:2rem}
  .cv-stack>section{grid-template-columns:minmax(14rem,.55fr) minmax(0,1.45fr);gap:clamp(3rem,8vw,8rem)}
  .cv-item{grid-template-columns:minmax(14rem,.7fr) minmax(8rem,.35fr) minmax(0,1fr);gap:2rem}
}
@media (min-width:64rem){
  .site-header{gap:2rem}
  .menu-toggle{display:none}
  .primary-navigation{position:static;display:block;margin-left:auto;padding:0;background:none;visibility:visible;opacity:1;transform:none;transition:none}
  .primary-navigation ul{display:flex;align-items:center;gap:.2rem}
  .primary-navigation a{min-height:2.6rem;padding:.55rem .8rem;border:0;border-radius:999px;font-size:.82rem;font-weight:650;letter-spacing:0}
  .primary-navigation a:hover,.primary-navigation a:focus-visible{background:rgba(230,230,230,.1)}
  .primary-navigation a[aria-current="page"]{background:var(--accent);color:var(--ink)}
  .nav-desktop-only{display:list-item}
  .nav-mobile-only{display:none}
  .section-heading{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr)}
  .section-heading .section-kicker{grid-column:1/-1}
  .metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .metric{padding-inline:1.35rem!important;border-right:1px solid var(--line)}
  .metric:first-child{padding-left:0!important}
  .metric:last-child{padding-right:0!important;border-right:0}
  .metric__value{font-size:clamp(4rem,7.5vw,8rem)}
  .capability-grid{gap:1.5rem}
  .evolution-grid,.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:90rem){
  .site-header{padding-inline:calc((100vw - 104rem)/2)}
  .hero-copy{right:calc((100vw - 104rem)/2)}
  .hero-scroll{right:calc((100vw - 104rem)/2)}
}
@media (max-width:479px){
  .work-row{grid-template-columns:minmax(1.5rem,2rem) minmax(0,1fr);gap:.75rem}
  .work-row>a{grid-column:2;justify-self:start}
  .work-row>div,.work-row>span{min-width:0}
  .contact-stage__links a{font-size:clamp(.9rem,5vw,1.2rem)}
  .hero-copy h1,.manifesto-section h2,.contact-stage h2{font-size:clamp(2rem,12vw,3.2rem)}
}
@media (hover:none){
  .tool-chip>span{position:static;max-width:100%;padding:.25rem 0 0;background:transparent;color:var(--ink);font-size:.58rem;white-space:normal;text-align:center;opacity:1;transform:none}
  .tool-chip{grid-template-rows:1fr auto;width:clamp(4.5rem,20vw,6rem);height:auto;min-height:5.8rem;padding:.55rem .35rem;aspect-ratio:auto}
  .tool-chip:hover,.tool-chip:focus-visible{transform:none}
}
@media (prefers-reduced-motion:reduce){
  html:not(.motion-forced){scroll-behavior:auto}
  html:not(.motion-forced) *,html:not(.motion-forced) *::before,html:not(.motion-forced) *::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .js:not(.motion-forced) .intro-screen{display:none}
  .js:not(.motion-forced) .hero-story{min-height:100svh}
  .js:not(.motion-forced) .hero-stage{position:relative}
  .js:not(.motion-forced) .hero-copy{opacity:1;transform:none}
  .js:not(.motion-forced) .hero-media{transform:none;border-radius:0}
  html:not(.motion-forced) .hero-picture--shift,html:not(.motion-forced) .hero-picture--grain{display:none}
  .js:not(.motion-forced) [data-reveal]{opacity:1;transform:none}
}
@media (forced-colors:active){
  :root{--accent:Highlight}
  .hero-picture--shift,.hero-picture--grain,.hero-media::after,.contact-stage__grid{display:none}
  .arrow-link,.menu-toggle,.work-row>a,.capability-card,.surface-card,input,select,textarea{border:1px solid CanvasText}
}
@keyframes heroShiftScan{
  0%,12%,100%{clip-path:polygon(0 28%,100% 18%,100% 42%,0 52%);opacity:.24;transform:translate3d(calc(var(--pointer-x,0) * .6rem),calc(var(--pointer-y,0) * .35rem),0)}
  14%{clip-path:polygon(0 14%,100% 24%,100% 34%,0 27%);opacity:.55;transform:translate3d(calc(.45rem + var(--pointer-x,0) * .6rem),calc(var(--pointer-y,0) * .35rem),0)}
  16%{clip-path:polygon(0 62%,100% 48%,100% 70%,0 82%);opacity:.4;transform:translate3d(calc(-.55rem + var(--pointer-x,0) * .6rem),calc(var(--pointer-y,0) * .35rem),0)}
  18%,70%{clip-path:polygon(0 28%,100% 18%,100% 42%,0 52%);opacity:.28;transform:translate3d(calc(var(--pointer-x,0) * .6rem),calc(var(--pointer-y,0) * .35rem),0)}
  72%{clip-path:polygon(0 44%,100% 36%,100% 46%,0 58%);opacity:.52;transform:translate3d(calc(.32rem + var(--pointer-x,0) * .6rem),calc(var(--pointer-y,0) * .35rem),0)}
  74%{clip-path:polygon(0 20%,100% 31%,100% 55%,0 46%);opacity:.34;transform:translate3d(calc(-.3rem + var(--pointer-x,0) * .6rem),calc(var(--pointer-y,0) * .35rem),0)}
}
@keyframes heroGrainScan{
  0%,40%,100%{clip-path:polygon(0 58%,100% 46%,100% 76%,0 88%);opacity:.11}
  42%{clip-path:polygon(0 8%,100% 4%,100% 17%,0 24%);opacity:.28}
  44%{clip-path:polygon(0 72%,100% 66%,100% 82%,0 92%);opacity:.2}
  46%{clip-path:polygon(0 58%,100% 46%,100% 76%,0 88%);opacity:.12}
}

.ticker{overflow:hidden;padding-block:clamp(.85rem,2vw,1.35rem);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--ink);transform:skewX(var(--ticker-skew,0deg))}
.ticker__track{display:flex;width:max-content;will-change:transform;animation:tickerScroll 30s linear infinite}
.ticker__group{display:flex;align-items:center;gap:clamp(1.4rem,4vw,2.6rem);padding-right:clamp(1.4rem,4vw,2.6rem);white-space:nowrap}
.ticker__group span{color:var(--paper);font-size:clamp(1.35rem,4.5vw,2.8rem);font-weight:760;letter-spacing:-.045em;line-height:1;text-transform:uppercase}
.ticker__group span:nth-of-type(even){color:transparent;-webkit-text-stroke:1px var(--paper-muted)}
.ticker__group i{color:var(--accent);font-size:clamp(.8rem,2vw,1.15rem);font-style:normal}
@keyframes tickerScroll{to{transform:translate3d(-50%,0,0)}}

.js .split{--split-ready:1}
.js .split .w{display:inline-block;overflow:hidden;padding:.1em .04em .18em;margin:-.1em -.04em -.18em;vertical-align:top}
.js .split .wi{display:inline-block;transform:translate3d(0,125%,0);transition:transform .95s var(--ease-out);transition-delay:calc(var(--wd,0) * 55ms)}
.js .split.in .wi{transform:translate3d(0,0,0)}

.roll{position:relative;display:inline-block;overflow:hidden;vertical-align:top}
.roll>span{display:block;transition:transform .45s var(--ease-out)}
.roll>span:last-child{position:absolute;inset:0;transform:translate3d(0,115%,0)}
.arrow-link:hover .roll>span:first-child,.arrow-link:focus-visible .roll>span:first-child,.primary-button:hover .roll>span:first-child,.primary-button:focus-visible .roll>span:first-child{transform:translate3d(0,-115%,0)}
.arrow-link:hover .roll>span:last-child,.arrow-link:focus-visible .roll>span:last-child,.primary-button:hover .roll>span:last-child,.primary-button:focus-visible .roll>span:last-child{transform:translate3d(0,0,0)}
.arrow-link>span[aria-hidden]{display:inline-block;transition:transform .35s var(--ease-out)}
.arrow-link:hover>span[aria-hidden],.arrow-link:focus-visible>span[aria-hidden]{transform:translate(.16em,-.16em)}

.arrow-link,.primary-button{transform:translate3d(var(--mag-x,0px),var(--mag-y,0px),0);transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease),transform .3s var(--ease-out)}
.arrow-link:hover,.arrow-link:focus-visible{transform:translate3d(var(--mag-x,0px),calc(var(--mag-y,0px) - .12rem),0)}
.primary-button:hover,.primary-button:focus-visible{transform:translate3d(var(--mag-x,0px),calc(var(--mag-y,0px) - .12rem),0)}
.work-row>a,.capability-card>a{transform:translate3d(var(--mag-x,0px),var(--mag-y,0px),0)}
.work-row:hover>a,.work-row>a:hover,.work-row>a:focus-visible{transform:translate3d(var(--mag-x,0px),var(--mag-y,0px),0) rotate(45deg)}
.capability-card>a:hover,.capability-card>a:focus-visible{transform:translate3d(var(--mag-x,0px),var(--mag-y,0px),0) rotate(45deg)}

.work-row{position:relative}
.work-row::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease-out)}
.work-row:hover::after,.work-row:focus-within::after,.work-row:active::after{transform:scaleX(1)}
.work-row>span{transition:color .3s ease}
.work-row:hover>span,.work-row:focus-within>span,.work-row:active>span{color:var(--accent)}
.work-row>div{transition:transform .5s var(--ease-out)}
@media (min-width:48rem){.work-row:hover>div,.work-row:focus-within>div{transform:translateX(.9rem)}}

.cursor-card{position:fixed;z-index:1500;top:0;left:0;display:none;gap:.2rem;padding:.85rem 1.05rem;border-radius:var(--radius-sm);background:var(--accent);color:var(--ink);box-shadow:0 1rem 2.6rem rgba(0,0,0,.28);pointer-events:none;transform:translate3d(var(--cx,0px),var(--cy,0px),0) rotate(var(--cr,0deg));will-change:transform}
.js .cursor-card.is-on{display:grid}
.cursor-card strong{font-size:1.8rem;font-weight:800;letter-spacing:-.06em;line-height:1}
.cursor-card small{max-width:11rem;overflow:hidden;font-size:.6rem;font-weight:800;letter-spacing:.12em;line-height:1.25;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
@media (hover:none),(pointer:coarse){.cursor-card{display:none!important}}

.js .m-item{opacity:0;transform:translate3d(0,1.4rem,0);transition:opacity .7s var(--ease-out),transform .85s var(--ease-out);transition-delay:calc(min(var(--mi,0),8) * 60ms)}
.js .m-item.m-in{opacity:1;transform:translate3d(0,0,0)}

.contact-stage__clock{font-variant-numeric:tabular-nums;letter-spacing:.06em}
.contact-stage__clock:empty{display:none}
@media (min-width:48rem){.contact-stage__meta{grid-template-columns:repeat(4,minmax(0,1fr))}}

@media (prefers-reduced-motion:reduce){
  html:not(.motion-forced) .ticker{transform:none!important}
  html:not(.motion-forced) .ticker__track{animation:none!important}
  .js:not(.motion-forced) .split .wi{transform:none!important;transition:none!important}
  html:not(.motion-forced) .roll>span{transition:none!important}
  html:not(.motion-forced) .roll>span:first-child{transform:none!important}
  html:not(.motion-forced) .roll>span:last-child{display:none}
  html:not(.motion-forced) .arrow-link,html:not(.motion-forced) .primary-button,html:not(.motion-forced) .work-row>a,html:not(.motion-forced) .capability-card>a{transform:none!important}
  html:not(.motion-forced) .work-row>div{transition:none!important;transform:none!important}
  html:not(.motion-forced) .work-row::after{transition:none!important}
  html:not(.motion-forced) .cursor-card{display:none!important}
  .js:not(.motion-forced) .m-item{opacity:1!important;transform:none!important;transition:none!important}
}
@media (forced-colors:active){
  .ticker__group span:nth-of-type(even){-webkit-text-stroke:0;color:CanvasText}
  .ticker__group i{color:CanvasText}
  html:not(.motion-forced) .cursor-card{display:none!important}
}
.hero-story[data-motion="expressive"] .hero-picture--shift{animation:heroShiftScan 5.8s steps(1,end) infinite}
.hero-story[data-motion="expressive"] .hero-picture--grain{animation:heroGrainScan 7.4s steps(1,end) infinite}
.hero-story[data-motion="none"] .hero-picture--shift,.hero-story[data-motion="none"] .hero-picture--grain{display:none}
@media (prefers-reduced-motion:reduce){html:not(.motion-forced) .hero-story[data-motion] .hero-picture--shift,html:not(.motion-forced) .hero-story[data-motion] .hero-picture--grain{animation:none}}

.intro-screen::before,.intro-screen::after{content:"";position:absolute;inset:0;pointer-events:none}
.intro-screen::before{background:linear-gradient(100deg,transparent 0 44%,rgba(55,218,55,.12) 49%,transparent 54%);transform:translateX(-110%);animation:introSweep 1.15s .12s var(--ease-out) forwards}
.intro-screen::after{opacity:.18;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.035) 4px)}
.intro-screen__grid>span{opacity:0;filter:blur(.8rem);animation:introLetter .8s var(--ease-out) forwards}
.intro-screen__grid>span:last-child{animation-delay:.12s}
.hero-media{transform:translate3d(var(--hero-media-x,0),var(--hero-media-y,0),0) scale(var(--hero-scale,1));border-radius:var(--hero-radius,0);transition:border-radius .12s linear}
.hero-copy{opacity:var(--hero-copy-opacity,1);transform:translate3d(0,var(--hero-copy-y,0),0)}
.hero-picture--base img{animation:heroBreath 9s ease-in-out infinite alternate}
.hero-media::before{content:"";position:absolute;z-index:3;inset:-25%;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(55,218,55,.14) 48%,transparent 60%);transform:translateX(-85%);animation:heroScan 7s 1.4s ease-in-out infinite}
.hero-copy h1{background:linear-gradient(90deg,var(--paper) 0 60%,var(--accent) 80%,var(--paper) 100%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:titleSheen 8s 2s ease-in-out infinite}
.js [data-reveal]{opacity:0;transform:translate3d(0,3.5rem,0);filter:blur(.45rem);transition:opacity .8s var(--ease-out),transform .9s var(--ease-out),filter .8s var(--ease-out)}
.js [data-reveal].is-visible{opacity:1;transform:none;filter:none}
.metric-grid>*:nth-child(2),.capability-grid>*:nth-child(2),.work-list>*:nth-child(2){transition-delay:.08s}
.metric-grid>*:nth-child(3),.capability-grid>*:nth-child(3),.work-list>*:nth-child(3){transition-delay:.16s}
.metric-grid>*:nth-child(4),.capability-grid>*:nth-child(4),.work-list>*:nth-child(4){transition-delay:.24s}
.metric,.capability-card,.surface-card,.evolution-grid article{position:relative;overflow:hidden;transform:perspective(900px) rotateX(var(--card-rx,0)) rotateY(var(--card-ry,0));transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)}
.metric::before,.capability-card::before,.surface-card::before,.evolution-grid article::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--card-x,50%) var(--card-y,50%),rgba(55,218,55,.16),transparent 38%);transition:opacity .25s ease}
.metric.is-interacting::before,.capability-card.is-interacting::before,.surface-card.is-interacting::before,.evolution-grid article.is-interacting::before{opacity:1}
.metric.is-interacting,.capability-card.is-interacting,.surface-card.is-interacting,.evolution-grid article.is-interacting{box-shadow:0 1.8rem 4.5rem rgba(0,0,0,.22)}
.tool-chip{position:relative;isolation:isolate;transition:transform .35s var(--ease-out),background .3s ease,color .3s ease}
.tool-chip::before{content:"";position:absolute;z-index:-1;inset:50%;border-radius:inherit;background:var(--accent);opacity:0;transition:inset .35s var(--ease-out),opacity .25s ease}
.tool-chip:hover,.tool-chip:focus-visible,.tool-chip.is-active{transform:translateY(-.45rem) scale(1.08);color:var(--ink)}
.tool-chip:hover::before,.tool-chip:focus-visible::before,.tool-chip.is-active::before{inset:0;opacity:1}
.tool-chip img{transition:transform .38s var(--ease-out),filter .3s ease}
.tool-chip:hover img,.tool-chip:focus-visible img,.tool-chip.is-active img{transform:scale(1.12) rotate(-3deg);filter:contrast(1.1)}
[data-manifesto] span{opacity:.25;transition:opacity .45s ease,color .45s ease;transition-delay:calc(var(--word-index) * 20ms)}
.manifesto-section.is-visible [data-manifesto] span{opacity:1}
.manifesto-section.is-visible [data-manifesto] span:nth-child(4n){color:var(--accent)}
.contact-stage__grid span{animation:gridPulse 3.8s ease-in-out infinite;animation-delay:calc(var(--grid-index,0) * .12s)}
.contact-stage__links a{position:relative;overflow:hidden;transition:color .3s ease,transform .3s var(--ease-out)}
.contact-stage__links a::after{content:"";position:absolute;left:0;right:0;bottom:.25rem;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease-out)}
.contact-stage__links a:hover,.contact-stage__links a:focus-visible{color:var(--accent);transform:translateX(.35rem)}
.contact-stage__links a:hover::after,.contact-stage__links a:focus-visible::after{transform:scaleX(1);transform-origin:left}
@keyframes introSweep{to{transform:translateX(110%)}}
@keyframes introLetter{to{opacity:1;filter:blur(0);transform:translateX(0)}}
@keyframes heroBreath{from{transform:scale(1.015)}to{transform:scale(1.065)}}
@keyframes heroScan{0%,55%{transform:translateX(-85%);opacity:0}65%{opacity:1}85%,100%{transform:translateX(85%);opacity:0}}
@keyframes titleSheen{0%,65%{background-position:100% 0}85%,100%{background-position:-40% 0}}
@keyframes gridPulse{0%,100%{opacity:.28;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}
@media (max-width:47.99rem){
  .hero-story{min-height:175svh}
  .hero-stage{position:sticky;top:0;min-height:100svh}
  .hero-copy{padding-bottom:max(2rem,env(safe-area-inset-bottom));pointer-events:auto}
  .hero-media{transform:translate3d(calc(var(--hero-media-x,0) * .25),calc(var(--hero-media-y,0) * .3),0) scale(var(--hero-scale,1))}
  .tool-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}
  .tool-chip{width:100%;min-height:6.3rem;padding:.75rem .35rem;flex-direction:column;justify-content:center;text-align:center}
  .tool-chip span{display:block;font-size:.72rem;line-height:1.2}
  .capability-card,.metric{transform:none!important}
  [data-reveal]{transform:translate3d(0,2rem,0);filter:blur(.25rem)}
}
@media (min-width:48rem){
  .tool-list{display:flex;flex-wrap:wrap;gap:.9rem}
  .tool-chip span{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .35s var(--ease-out),opacity .25s ease,margin .35s ease}
  .tool-chip:hover span,.tool-chip:focus-visible span,.tool-chip.is-active span{max-width:12rem;opacity:1;margin-left:.55rem}
}
@media (prefers-reduced-motion:reduce){
  html:not(.motion-forced) .intro-screen::before,html:not(.motion-forced) .hero-media::before,html:not(.motion-forced) .hero-picture--base img,html:not(.motion-forced) .hero-copy h1,html:not(.motion-forced) .contact-stage__grid span{animation:none!important}
  html:not(.motion-forced) [data-reveal],html:not(.motion-forced) .metric,html:not(.motion-forced) .capability-card,html:not(.motion-forced) .surface-card,html:not(.motion-forced) .evolution-grid article,html:not(.motion-forced) .tool-chip{transform:none!important;filter:none!important;transition-duration:.01ms!important}
  html:not(.motion-forced) [data-manifesto] span{opacity:1!important;color:inherit!important}
}


.js body[data-page="home"]:not(.intro-complete) .site-brand{
  opacity:0;
  pointer-events:none;
}
.site-brand{
  transition:opacity .34s var(--ease-out),transform .45s var(--ease-out);
}
body.intro-complete .site-brand{
  opacity:1;
}

.intro-screen__identity{
  position:relative;
  display:grid;
  place-items:center;
  width:min(92vw,76rem);
  min-height:12rem;
  isolation:isolate;
}
.intro-screen__monogram{
  position:absolute;
  z-index:2;
  inset:50% auto auto 50%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0;
  width:max-content;
  color:var(--paper);
  font-size:clamp(4.2rem,17vw,13rem);
  font-weight:650;
  letter-spacing:-.095em;
  line-height:.78;
  transform:translate3d(-50%,-50%,0) scale(.82);
  opacity:0;
  filter:blur(.75rem);
  will-change:transform,opacity,filter;
}
.intro-screen.is-active .intro-screen__monogram{
  transform:translate3d(-50%,-50%,0) scale(1);
  opacity:1;
  filter:none;
  transition:opacity .55s var(--ease-out),transform .8s var(--ease-out),filter .55s var(--ease-out);
}
.intro-screen__door{
  display:flex;
  align-items:center;
  will-change:transform,opacity;
}
.intro-screen__door--left img{
  width:clamp(3.1rem,10vw,8.2rem);
  margin-inline:-.02em .02em;
  aspect-ratio:1;
  object-fit:contain;
  filter:drop-shadow(0 0 1.5rem rgba(55,218,55,.22));
}
.intro-screen.is-opening .intro-screen__door--left{
  transform:translate3d(clamp(-9rem,-12vw,-3.5rem),0,0) rotate(-2deg);
  opacity:0;
  transition:transform .8s var(--ease-out),opacity .48s ease .18s;
}
.intro-screen.is-opening .intro-screen__door--right{
  transform:translate3d(clamp(3.5rem,12vw,9rem),0,0) rotate(2deg);
  opacity:0;
  transition:transform .8s var(--ease-out),opacity .48s ease .18s;
}
.intro-screen__name{
  position:relative;
  z-index:1;
  max-width:92vw;
  margin:0;
  color:var(--paper);
  font-size:clamp(2.35rem,9vw,7.5rem);
  font-weight:600;
  letter-spacing:-.072em;
  line-height:.9;
  text-align:center;
  white-space:nowrap;
  clip-path:inset(0 50% 0 50% round .2rem);
  opacity:0;
  transform:translate3d(0,.75rem,0);
  will-change:clip-path,opacity,transform;
}
.intro-screen.is-name-visible .intro-screen__name{
  clip-path:inset(0 0 0 0 round .2rem);
  opacity:1;
  transform:none;
  transition:clip-path .78s var(--ease-out),opacity .36s ease,transform .72s var(--ease-out);
}
.intro-screen.is-docking .intro-screen__monogram{
  visibility:hidden;
}

.recognition-story{
  max-width:62rem;
  margin:-1rem 0 clamp(2.5rem,6vw,5rem);
  padding-left:clamp(1rem,3vw,2rem);
  border-left:1px solid rgba(55,218,55,.65);
}
.recognition-story p{
  margin:0;
  color:var(--paper-muted);
  font-size:clamp(1rem,1.6vw,1.28rem);
  line-height:1.65;
  text-align:start;
}

.tool-chip,
.tool-chip:hover,
.tool-chip:focus-visible,
.tool-chip.is-active{
  color:#e5e5e2;
  background:linear-gradient(145deg,#292929 0%,#171717 58%,#101010 100%);
  border-color:rgba(255,255,255,.16);
  box-shadow:0 .8rem 2rem rgba(13,13,13,.18),inset 0 1px rgba(255,255,255,.08);
}
.tool-chip::before{display:none!important}
.tool-chip img{
  opacity:.86;
  filter:grayscale(1) saturate(0) brightness(0) invert(.86);
}
.tool-chip:hover img,
.tool-chip:focus-visible img,
.tool-chip.is-active img{
  filter:grayscale(1) saturate(0) brightness(0) invert(.94);
}
.tool-chip>span{
  background:#111;
  color:#dededb;
  border:1px solid rgba(255,255,255,.12);
}
.motion-touch .tool-chip.is-motion-active{
  color:#e5e5e2!important;
  background:linear-gradient(145deg,#292929 0%,#171717 58%,#101010 100%)!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:0 .8rem 2rem rgba(13,13,13,.18),inset 0 1px rgba(255,255,255,.08)!important;
  transform:translate3d(0,-.3rem,0) scale(1.035);
}

@media (hover:none){
  .tool-chip>span{
    color:#d8d8d4;
    background:transparent;
    border:0;
  }
}

@media (max-width:63.99rem){
  .primary-navigation{
    display:block;
    height:var(--viewport-height,100dvh);
    min-height:var(--viewport-height,100dvh);
    max-height:var(--viewport-height,100dvh);
    padding-top:calc(var(--header-height) + max(1rem,env(safe-area-inset-top)));
    padding-right:max(1rem,env(safe-area-inset-right));
    padding-bottom:max(1.25rem,calc(env(safe-area-inset-bottom) + 1rem));
    padding-left:max(1rem,env(safe-area-inset-left));
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-gutter:stable;
  }
  .primary-navigation ul{
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    gap:0;
    min-height:calc(var(--viewport-height,100dvh) - var(--header-height) - max(3.25rem,env(safe-area-inset-bottom)));
  }
  .primary-navigation li{flex:0 0 auto}
  .primary-navigation a{
    min-height:3.15rem;
    padding:.34rem 0;
    font-size:clamp(1.6rem,7.4vw,3.35rem);
    line-height:1.02;
    overflow-wrap:anywhere;
  }
}

@media (max-width:47.99rem){
  .intro-screen__name{
    max-width:calc(100vw - 2rem);
    font-size:clamp(2rem,9.7vw,3.8rem);
  }
  .recognition-story{margin-top:-.25rem}
}

@media (max-width:22.5rem){
  .primary-navigation a{font-size:clamp(1.4rem,7vw,2rem)}
  .intro-screen__door--left img{width:2.8rem}
  .intro-screen__name{font-size:clamp(1.8rem,9vw,2.65rem)}
}

@media (prefers-reduced-motion:reduce){
  html:not(.motion-forced) .intro-screen__monogram,
  html:not(.motion-forced) .intro-screen__door,
  html:not(.motion-forced) .intro-screen__name,
  html:not(.motion-forced) .site-brand{
    animation:none!important;
    transition:none!important;
  }
}
.tools-panel{overflow-x:clip}
.tool-chip>span{max-width:min(12rem,calc(100vw - 2rem));overflow:hidden;text-overflow:ellipsis}

.hero-copy__body,
.recognition-story p,
.manifesto-section p:last-child,
.editorial-stack>section>p:last-child,
.cv-stack__heading>p:last-child,
.cv-item>p:last-child,
.rich-text p{
  text-wrap:pretty;
  hyphens:auto;
}
@media (min-width:64rem){
  .recognition-story p,
  .editorial-stack>section>p:last-child,
  .cv-stack__heading>p:last-child,
  .cv-item>p:last-child,
  .rich-text p{
    text-align:justify;
    text-justify:inter-word;
  }
}

.section-heading h2,
.tools-panel__heading h2,
.capability-panel__intro h2,
.process-system__header h2,
.hero-copy h1{
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
  text-wrap:balance;
}
.section-heading h2,.capability-panel__intro h2{
  max-width:13ch;
  font-size:clamp(2.55rem,6.1vw,6.35rem);
  line-height:.91;
}
.intro-section__body{
  align-self:end;
  max-width:38rem;
  padding-bottom:.25rem;
}
.intro-section__body p{margin:0;color:var(--paper-muted);font-size:clamp(1rem,1.55vw,1.25rem);line-height:1.7;text-wrap:pretty}

.js .intro-screen{
  overflow:hidden;
  background:#0d0d0d;
  transition:opacity .34s ease,visibility .34s ease;
  contain:layout paint style;
}
.intro-screen::before,.intro-screen::after,
.intro-screen__noise,.intro-screen__spot,.intro-screen__progress,.intro-screen__stage,.intro-screen__label{display:none!important}
.intro-screen__identity{
  position:relative;
  display:grid;
  place-items:center;
  width:100%;
  min-height:12rem;
  padding:1rem;
  isolation:isolate;
}
.intro-screen__monogram,.intro-screen__name{margin:0;color:var(--paper);white-space:nowrap}
.intro-screen__monogram{
  position:absolute;
  font-size:clamp(4rem,18vw,13rem);
  font-weight:720;
  letter-spacing:-.085em;
  line-height:.78;
  opacity:0;
  transform:translate3d(0,.8rem,0) scale(.94);
  filter:blur(.45rem);
  will-change:opacity,transform,filter;
}
.intro-screen.is-active .intro-screen__monogram{
  opacity:1;
  transform:none;
  filter:none;
  transition:opacity .42s ease,transform .8s var(--ease-out),filter .55s ease;
}
.intro-screen__name{
  position:relative;
  z-index:2;
  max-width:calc(100vw - 2rem);
  font-size:clamp(2.25rem,8vw,7.25rem);
  font-weight:680;
  letter-spacing:-.065em;
  line-height:.9;
  opacity:0;
  transform:translate3d(0,1rem,0) scale(.985);
  filter:blur(.5rem);
  will-change:transform,opacity,filter;
}
.intro-screen.is-name-visible .intro-screen__monogram{
  opacity:0;
  transform:translate3d(0,-.8rem,0) scale(1.04);
  filter:blur(.4rem);
  transition:opacity .28s ease,transform .5s var(--ease-out),filter .35s ease;
}
.intro-screen.is-name-visible .intro-screen__name{
  opacity:1;
  transform:none;
  filter:none;
  transition:opacity .4s ease,transform .72s var(--ease-out),filter .45s ease;
}
.intro-screen.is-docking .intro-screen__name{filter:none}
.js body[data-page="home"]:not(.intro-complete) .site-brand{opacity:0;pointer-events:none}
.site-brand{transition:opacity .22s ease,transform .5s var(--ease-out)}
.site-brand small{transition:opacity .48s .16s ease,transform .7s .16s var(--ease-out),filter .5s .16s ease}
.js body[data-page="home"]:not(.intro-complete) .site-brand small{opacity:0;transform:translateY(.55rem);filter:blur(.25rem)}
body.intro-complete .site-brand{opacity:1}
body.intro-complete .site-brand small{opacity:1;transform:none;filter:none}

.process-system{position:relative;overflow:hidden;background:#0b0c0e;color:var(--paper);border-block:1px solid rgba(230,230,230,.1)}
.process-system::before{content:"";position:absolute;inset:-20%;pointer-events:none;background:radial-gradient(circle at 75% 42%,rgba(55,218,55,.12),transparent 35%);opacity:.85}
.process-system__inner{position:relative;z-index:1;padding-block:clamp(5rem,10vw,9rem)}
.process-system__header{display:grid;gap:clamp(1.5rem,5vw,5rem);align-items:end;margin-bottom:clamp(2.5rem,6vw,5rem)}
.process-system__header h2{max-width:11ch;margin:0;font-size:clamp(2.8rem,6.4vw,6.8rem);font-weight:700;letter-spacing:-.065em;line-height:.9}
.process-system__header>p{max-width:37rem;margin:0;color:var(--paper-muted);font-size:clamp(1rem,1.45vw,1.22rem);line-height:1.7;text-wrap:pretty}
.process-workbench{display:grid;grid-template-areas:"inputs" "flow" "preview";gap:1.25rem;align-items:start}
.process-inputs{grid-area:inputs;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(5.2rem,1fr);gap:.65rem;overflow-x:auto;padding:.2rem .1rem .7rem;scroll-snap-type:x proximity;scrollbar-width:none}
.process-inputs::-webkit-scrollbar{display:none}
.process-input{position:relative;display:grid;justify-items:center;gap:.55rem;min-width:5.2rem;scroll-snap-align:start}
.process-input span{display:grid;place-items:center;width:3.45rem;aspect-ratio:1;border:1px solid rgba(230,230,230,.22);border-radius:1rem;background:linear-gradient(145deg,#24272c,#131518);box-shadow:inset 0 1px rgba(255,255,255,.08);font-size:.72rem;font-weight:850;letter-spacing:.06em}
.process-input strong{color:var(--paper-muted);font-size:.69rem;font-weight:650;text-align:center}
.process-input::after{content:"";position:absolute;left:50%;top:3.45rem;width:1px;height:1.25rem;background:linear-gradient(var(--line),transparent)}
.process-flow{grid-area:flow;display:grid;gap:.7rem;position:relative}
.process-flow::before{content:"";position:absolute;z-index:0;left:1.65rem;top:1rem;bottom:1rem;width:1px;background:linear-gradient(var(--line),var(--accent),var(--line));opacity:.5}
.process-step{position:relative;z-index:1;display:grid;grid-template-columns:2.55rem minmax(0,1fr);gap:.9rem;align-items:start;min-height:6.5rem;padding:1rem;border:1px dashed rgba(230,230,230,.2);border-radius:1rem;background:rgba(24,26,30,.72);outline:none;transition:border-color .28s ease,background .28s ease,transform .35s var(--ease-out),box-shadow .35s ease}
.process-step__number{display:grid;place-items:center;width:2.55rem;height:2.55rem;border:1px solid rgba(230,230,230,.18);border-radius:.75rem;background:#16181c;color:var(--paper-muted);font-size:.68rem;font-weight:850}
.process-step h3{margin:.05rem 0 .25rem;font-size:1rem;letter-spacing:-.025em}
.process-step p{margin:0;color:var(--paper-muted);font-size:.84rem;line-height:1.5}
.process-step.is-active{border-style:solid;border-color:rgba(230,230,230,.66);background:rgba(47,50,57,.88);box-shadow:0 0 0 1px rgba(55,218,55,.18),0 1.25rem 3rem rgba(0,0,0,.24);transform:translateX(.3rem)}
.process-step.is-active .process-step__number{border-color:var(--accent);color:var(--ink);background:var(--accent)}
.process-preview{grid-area:preview;position:sticky;top:calc(var(--header-height) + 1.5rem);overflow:hidden;min-height:26rem;border:1px solid rgba(230,230,230,.18);border-radius:1.3rem;background:linear-gradient(145deg,rgba(28,33,39,.96),rgba(12,14,18,.98));box-shadow:0 2rem 5rem rgba(0,0,0,.28)}
.process-preview__bar{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid rgba(230,230,230,.1);color:var(--paper-muted);font-size:.62rem;font-weight:750;letter-spacing:.08em}
.process-preview__canvas{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;min-height:12rem;padding:1.25rem;background:radial-gradient(circle at 70% 30%,rgba(55,218,55,.12),transparent 45%)}
.process-preview__canvas span{border:1px solid rgba(230,230,230,.12);border-radius:.8rem;background:rgba(230,230,230,.045);animation:processPulse 3.6s ease-in-out infinite}
.process-preview__canvas span:first-child{grid-column:1/-1;min-height:3rem}
.process-preview__canvas span:nth-child(2){animation-delay:.3s}.process-preview__canvas span:nth-child(3){animation-delay:.6s}.process-preview__canvas span:nth-child(4){grid-column:1/-1;min-height:2.5rem;animation-delay:.9s}
.process-preview__content{display:grid;gap:.6rem;padding:1.4rem}
.process-preview__content h3{margin:0;font-size:clamp(1.55rem,3vw,2.4rem);letter-spacing:-.045em}
.process-preview__content>p:not(.section-kicker){max-width:34rem;margin:0;color:var(--paper-muted);line-height:1.65}
.process-preview__meter{height:.22rem;margin-top:.75rem;overflow:hidden;border-radius:999px;background:rgba(230,230,230,.12)}
.process-preview__meter span{display:block;width:var(--process-progress,25%);height:100%;background:var(--accent);transition:width .55s var(--ease-out)}
@keyframes processPulse{0%,100%{opacity:.45;transform:translateY(0)}50%{opacity:.9;transform:translateY(-.18rem)}}

.tools-panel{display:grid!important;grid-template-columns:1fr!important;gap:clamp(1.75rem,4vw,3.5rem)!important;padding-block:clamp(5rem,10vw,9rem)!important;overflow:visible!important}
.tools-panel__heading{display:block}
.tools-panel__heading h2{display:grid;max-width:none;margin:0;font-size:clamp(3.15rem,8.5vw,8.8rem);font-weight:620;letter-spacing:-.072em;line-height:.86}
.tools-panel__heading h2>span{display:block;max-width:100%;text-wrap:balance}
.tools-panel__heading h2>span:last-child{justify-self:end;text-align:right}
.tool-rail{width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;padding:.55rem .15rem 1.1rem;cursor:grab;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(13,13,13,.35) transparent;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.tool-rail.is-dragging{cursor:grabbing;user-select:none}
.tool-list,.tools-panel .tool-list{display:grid!important;grid-auto-flow:column;grid-auto-columns:clamp(4.8rem,7vw,6.7rem);grid-template-columns:none!important;gap:clamp(.65rem,1.25vw,1.15rem)!important;width:max-content;margin:0;padding:0;list-style:none}
.tool-list li{scroll-snap-align:start}
.tool-chip,.tool-chip:hover,.tool-chip:focus-visible,.tool-chip.is-active,.motion-touch .tool-chip.is-motion-active{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  min-height:0!important;
  aspect-ratio:1!important;
  padding:.75rem!important;
  border:1px solid rgba(13,13,13,.14)!important;
  border-radius:1.1rem!important;
  background:#f7f7f5!important;
  color:var(--ink)!important;
  box-shadow:0 .75rem 2rem rgba(13,13,13,.08)!important;
  transform:none;
}
.tool-chip img,.tool-chip:hover img,.tool-chip:focus-visible img,.tool-chip.is-active img{
  width:100%;height:100%;object-fit:contain;opacity:1;filter:none;transform:none;
}
.tool-chip>span{
  position:absolute!important;
  z-index:4;
  left:50%;
  bottom:-.15rem;
  max-width:11rem!important;
  padding:.38rem .55rem!important;
  border:1px solid rgba(13,13,13,.14)!important;
  border-radius:.55rem!important;
  background:var(--ink)!important;
  color:var(--paper)!important;
  font-size:.66rem!important;
  font-weight:700;
  line-height:1!important;
  white-space:nowrap!important;
  opacity:0!important;
  transform:translate(-50%,75%)!important;
  transition:opacity .2s ease,transform .28s var(--ease-out)!important;
  pointer-events:none;
}
.tool-chip:hover,.tool-chip:focus-visible,.tool-chip.is-active{transform:translateY(-.32rem) scale(1.035)!important;border-color:rgba(13,13,13,.38)!important;box-shadow:0 1.15rem 2.8rem rgba(13,13,13,.14)!important}
.tool-chip:hover>span,.tool-chip:focus-visible>span,.tool-chip.is-active>span{opacity:1!important;transform:translate(-50%,100%)!important}
.tools-panel__footer{display:grid;gap:1.15rem;max-width:37rem}
.tools-panel__footer p{margin:0;color:#545450;font-size:clamp(1rem,1.45vw,1.22rem);line-height:1.6;text-wrap:pretty}

@media (min-width:48rem){
  .process-system__header{grid-template-columns:minmax(0,1.18fr) minmax(20rem,.82fr)}
  .process-workbench{grid-template-areas:"inputs preview" "flow preview";grid-template-columns:minmax(20rem,.78fr) minmax(24rem,1.22fr);gap:1rem clamp(1.5rem,4vw,4rem)}
  .process-inputs{grid-auto-columns:minmax(4.5rem,1fr)}
  .tools-panel__footer{grid-template-columns:minmax(0,1fr) auto;align-items:end;max-width:none}
  .tools-panel__footer p{max-width:37rem}
}
@media (min-width:64rem){
  .section-heading{grid-template-columns:minmax(0,1.05fr) minmax(22rem,.95fr)}
  .intro-section{grid-template-columns:minmax(0,1.05fr) minmax(22rem,.95fr);gap:clamp(3rem,8vw,8rem)}
}
@media (max-width:47.99rem){
  .intro-screen__name{font-size:clamp(2rem,10vw,3.6rem)}
  .section-heading h2,.capability-panel__intro h2{max-width:12ch;font-size:clamp(2.35rem,11vw,3.65rem);line-height:.94}
  .intro-section{padding-block:clamp(4.5rem,18vw,7rem)}
  .process-system__header h2{font-size:clamp(2.5rem,12vw,4.2rem)}
  .process-step{min-height:0}
  .process-preview{position:relative;top:auto;min-height:23rem}
  .tools-panel__heading h2{font-size:clamp(3.2rem,15vw,5.6rem);line-height:.9}
  .tools-panel__heading h2>span:last-child{max-width:8.5ch}
  .tool-list,.tools-panel .tool-list{grid-auto-columns:clamp(4.7rem,22vw,5.8rem)}
  .tool-chip>span{display:none!important}
}
@media (prefers-reduced-motion:reduce){
  html:not(.motion-forced) .process-preview__canvas span{animation:none!important}
  html:not(.motion-forced) .intro-screen__monogram,html:not(.motion-forced) .intro-screen__name,html:not(.motion-forced) .site-brand small{filter:none!important;transform:none!important;transition:none!important}
}
.intro-screen__monogram{left:50%;top:50%;transform:translate3d(-50%,calc(-50% + .8rem),0) scale(.94)}
.intro-screen.is-active .intro-screen__monogram{transform:translate3d(-50%,-50%,0) scale(1)}
.intro-screen.is-name-visible .intro-screen__monogram{transform:translate3d(-50%,calc(-50% - .8rem),0) scale(1.04)}

body.intro-running,
body.menu-open{
  overflow:hidden;
  overscroll-behavior:none;
}

@media (prefers-reduced-motion:reduce){
  .js:not(.motion-forced) .intro-screen{
    display:grid;
  }
}