@font-face{font-family:"Fewer Instrument Serif";src:url("assets/fonts/fewer-instrument-serif.woff2") format("woff2");font-display:swap;font-weight:400}
@font-face{font-family:"DM Sans";src:url("assets/fonts/dm-sans-latin-v5.3.0-normal.woff2") format("woff2");font-style:normal;font-weight:100 1000;font-display:swap}
@font-face{font-family:"DM Sans";src:url("assets/fonts/dm-sans-latin-v5.3.0-italic.woff2") format("woff2");font-style:italic;font-weight:100 1000;font-display:swap}
@font-face{font-family:"Roboto Mono";src:url("assets/fonts/roboto-mono-latin-v5.3.0-700.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
:root{
 --white:#fff;--ink:#111;--muted:#555;--line:#1113;--pink:#ff276a;--cyan:#15e0fb;--pink-tint:#ffe8ef;--cyan-tint:#dcfaff;--grey:#eef0f1;
 --font-body:"DM Sans",sans-serif;--font-display:"DM Sans",sans-serif;
 --text-xs:clamp(.75rem,.73rem + .08vw,.8125rem);--text-sm:clamp(.875rem,.85rem + .1vw,.9375rem);
 --text-base:clamp(1rem,.95rem + .2vw,1.125rem);--text-lg:clamp(1.25rem,1.1rem + .7vw,1.625rem);
 --text-xl:clamp(1.75rem,1.3rem + 1.6vw,2.25rem);--text-hero:clamp(2.375rem,1.25rem + 3.8vw,4.5rem);
 --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;
 --header-h:90px;--gutter:clamp(var(--space-5),4vw,var(--space-16));--section-space:clamp(var(--space-16),7vw,var(--space-24));color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + var(--space-6))}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.16;letter-spacing:-.035em;text-wrap:balance}
h1{font-size:var(--text-hero);line-height:1.035;letter-spacing:-.055em}
h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}
p{max-width:70ch}
p+p{margin-top:var(--space-4)}
a{color:inherit;text-decoration:none}
a:hover{text-decoration-thickness:2px}
button,summary{font:inherit}
button{cursor:pointer}
img,svg{display:block;max-width:100%}
img{height:auto}
button,a,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
::selection{background:var(--cyan);color:var(--ink)}
[hidden]{display:none!important}
.anchor-alias{display:block;height:0}
.wrap{width:calc(100% - 2*var(--gutter));max-width:1200px;margin-inline:auto}
.section{padding-block:var(--section-space)}
.pink{background:var(--pink-tint)}.cyan{background:var(--cyan-tint)}
.eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;font-weight:600;line-height:1.5}
.skip{position:fixed;top:var(--space-3);left:var(--space-3);transform:translateY(-200%);padding:var(--space-3) var(--space-5);background:var(--ink);color:white;z-index:100}
.skip:focus{transform:none}
.site-header{position:sticky;top:0;background:var(--white);border-bottom:1px solid var(--line);z-index:20}
.header-row{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}
.brand{display:flex;gap:var(--space-3);align-items:center;font-weight:600;font-size:var(--text-sm);flex-shrink:0}
.brand img{width:48px;height:48px}
.brand small{display:block;font-weight:400;font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-1)}
nav{display:flex;align-items:center;gap:var(--space-6);font-size:var(--text-sm)}
nav a{padding-block:var(--space-3);white-space:nowrap}
nav a[aria-current="location"]{text-decoration:underline;text-underline-offset:8px}
.nav-cta{background:var(--ink);color:var(--white);padding:var(--space-3) var(--space-5);border-radius:100px}
.nav-cta:hover,.button:hover{background:var(--cyan);color:var(--ink)}
.nav-cta span{margin-left:var(--space-2)}
.menu-toggle{border:1px solid var(--line);background:white;border-radius:100px;padding:var(--space-3) var(--space-5);font-size:var(--text-sm);min-height:44px}
.motto{font-size:var(--text-lg);font-weight:500;color:var(--ink);line-height:1.4;letter-spacing:-.02em;max-width:none;padding-block:var(--space-8);border-bottom:1px solid var(--line)}
.motto span{text-decoration:underline;text-decoration-color:var(--cyan);text-decoration-thickness:2px;text-underline-offset:5px}
.hero{padding-bottom:var(--space-10)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:var(--space-16);align-items:center;padding-block:var(--space-16) var(--space-12)}
.hero-copy .eyebrow{margin-bottom:var(--space-5)}
.hero-copy h1{max-width:19ch}
.hero-copy h1 .hero-line{display:block}
.hero-copy h1 .hero-emphasis{color:var(--pink)}
.hero-copy>p:last-of-type{margin-top:var(--space-8);color:var(--muted)}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4) var(--space-6);margin-top:var(--space-8)}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-4) var(--space-6);background:var(--ink);color:var(--white);border-radius:100px;font-size:var(--text-sm);font-weight:500;min-height:52px;transition:background .2s,color .2s}
.button span,.text-link span{transition:transform .2s}
.button:hover span,.text-link:hover span{transform:translate(2px,-2px)}
.text-link{display:inline-flex;align-items:center;gap:var(--space-3);min-height:44px;font-size:var(--text-sm);text-decoration:underline;text-underline-offset:5px}
.hero-person{align-self:center}
.portrait-frame{overflow:hidden;border-radius:50%;aspect-ratio:1;background:var(--grey)}
.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 28%}
.hero-person figcaption{margin-top:var(--space-5);padding-left:var(--space-5);font-size:var(--text-sm)}
figcaption strong,figcaption span{display:block}
figcaption span{font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-1)}
.hero-person figcaption a{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;text-decoration:underline;text-underline-offset:5px}
.hero-person .personal-line{font-size:var(--text-sm);color:var(--ink);margin-top:var(--space-2)}
.hero-person .personal-experience{font-size:var(--text-sm);margin-top:var(--space-3)}
.experience-line{display:flex;justify-content:space-between;align-items:center;gap:var(--space-8);border-top:1px solid var(--line);padding-top:var(--space-6);font-size:var(--text-sm)}
.experience-line p:first-child{max-width:47ch}
.experience-line p+p{margin:0}
.experience-line p>span{display:block;font-size:var(--text-xs);color:var(--muted)}
.section-head{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--space-12);margin-bottom:var(--space-12);align-items:start}
.section-head>.eyebrow{padding-top:var(--space-2)}
.section-head h2+p{margin-top:var(--space-5);max-width:66ch}
.service{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);gap:var(--space-16);border-top:1px solid var(--line);padding-block:var(--space-8)}
.service:last-child{border-bottom:1px solid var(--line)}
.service-brand{display:grid;grid-template-columns:116px minmax(0,1fr);align-items:center;gap:var(--space-6)}
.service-brand img{width:116px;height:110px;object-fit:contain}
.service-brand h3{font-size:var(--text-lg);overflow-wrap:break-word}
.service-copy .service-question{font-weight:600;font-size:var(--text-base);line-height:1.45;max-width:50ch}
.service-copy>p+p{margin-top:var(--space-3);color:var(--muted)}
.service-copy .text-link{margin-top:var(--space-3)}
.section-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);margin-top:var(--space-8)}
.section-foot p{font-size:var(--text-sm)}
.section-foot p>a{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;text-decoration:underline;text-underline-offset:5px}
.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8) var(--space-16)}
.value-grid article{position:relative;padding:var(--space-6) 0 var(--space-4) var(--space-16);border-top:1px solid var(--line)}
.value-number{position:absolute;left:0;top:var(--space-5);font-size:var(--text-xl);color:var(--pink);line-height:1.2;letter-spacing:-.06em}
.value-grid h3{font-size:var(--text-lg);margin-bottom:var(--space-3)}
.value-grid p{color:var(--muted)}
.scope-note{font-size:var(--text-sm);color:var(--muted);margin-top:var(--space-6);max-width:80ch}
.proof-quote{margin:var(--space-12) 0 0;padding:var(--space-8) 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1.8fr 1fr;gap:var(--space-12)}
blockquote{margin:0;font-size:var(--text-lg);line-height:1.45;letter-spacing:-.015em}
.proof-quote figcaption{align-self:end;font-size:var(--text-sm)}
.work-steps{--step-gap:var(--space-8);list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--step-gap)}
.work-steps li{position:relative;min-width:0}
.work-steps li:not(:last-child)::after{content:"";position:absolute;top:24px;left:48px;width:calc(100% + var(--step-gap) - 48px);height:1px;background:var(--line)}
.work-steps li>span{font-size:var(--text-lg);display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--ink);border-radius:50%;margin-bottom:var(--space-6);line-height:1}
.work-steps h3{margin-bottom:var(--space-3);min-height:2.4em}
.mandate-line{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-12);border-block:1px solid var(--line);padding-block:var(--space-8);margin-top:var(--space-10)}
.mandate-line h3{font-size:var(--text-base);letter-spacing:0;line-height:1.5}
.mandate-line p{font-size:var(--text-sm)}
.concepts{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);margin-top:var(--space-10);margin-bottom:var(--space-10)}
.concept-art{margin-bottom:var(--space-5)}
.concept-art svg{width:100%;height:auto;max-height:230px}
.concept-art svg text{font-family:var(--font-body);font-size:24px;font-weight:500}
.concepts .eyebrow{margin-bottom:var(--space-2)}
.concepts h3{font-size:var(--text-lg)}
.concepts h3+p{margin-top:var(--space-3)}
.concepts .inspiration{font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-3)}
.disclosure{border-top:1px solid var(--line)}
.disclosure:last-child{border-bottom:1px solid var(--line)}
summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);list-style:none;padding:var(--space-5) 0;min-height:64px;font-weight:500;cursor:pointer}
summary::-webkit-details-marker{display:none}
summary>span:first-child{min-width:0}
summary small{display:block;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2);color:var(--muted)}
.disclosure-plus{font-size:var(--text-lg);font-weight:400;line-height:1;width:24px;text-align:center;flex:none;transition:transform .2s}
details[open]>summary .disclosure-plus{transform:rotate(45deg)}
summary:hover>span:first-child{text-decoration:underline;text-underline-offset:5px}
.detail-copy{padding-block:var(--space-2) var(--space-8)}
.principle-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);padding-bottom:var(--space-8)}
.principle{display:flex;gap:var(--space-4);border-top:1px solid var(--line);padding-top:var(--space-5)}
.principle>span{font-size:var(--text-sm)}
.principle h3{font-size:var(--text-base);line-height:1.45;letter-spacing:-.01em}
.principle p{font-size:var(--text-base);margin-top:var(--space-3);color:var(--muted)}
.ai-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--space-12)}
.ki-logo{margin-bottom:var(--space-5)}
.ki-logo svg{width:180px;height:auto}
.ki-logo tspan:last-child{fill:var(--ink)}
.ai-intro p{font-size:var(--text-sm);color:var(--muted)}
.ai-intro .text-link{margin-top:var(--space-4)}
.ai-rows article{border-top:1px solid var(--line);padding-block:var(--space-6)}
.ai-rows article:first-child{padding-top:var(--space-5)}
.ai-rows article:last-child{padding-bottom:0}
.ai-rows h3{margin-block:var(--space-2) var(--space-3)}
.ai-rows p:not(.eyebrow){color:var(--muted)}
.ai-rows small{display:block;font-size:var(--text-sm);margin-top:var(--space-3);color:var(--muted)}
.profile-grid{display:grid;grid-template-columns:1.1fr 1.4fr;gap:var(--space-16);margin-bottom:var(--space-8);align-items:center}
.profile-photo img{width:100%;height:auto}
.profile-name{font-size:var(--text-lg);font-weight:600}
.profile-grid .text-link{margin-top:var(--space-4)}
.profile-grid>div:first-child>p+p{font-size:var(--text-sm);margin-top:var(--space-2)}
.career-summary{font-size:var(--text-sm);padding-top:var(--space-5);border-top:1px solid var(--line);margin-top:var(--space-5)}
.history{margin:0;padding:0 0 var(--space-8);list-style:none}
.history li{display:grid;grid-template-columns:140px minmax(0,1fr);gap:var(--space-5);padding-block:var(--space-5);border-top:1px solid var(--line)}
.history li>span{font-size:var(--text-sm)}
.history h3{font-size:var(--text-base);line-height:1.4;letter-spacing:0}
.history p{font-size:var(--text-sm);margin-top:var(--space-1)}
.press-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);padding-bottom:var(--space-8)}
.press-list a{display:block;padding-top:var(--space-5);border-top:1px solid var(--line)}
.press-list span{display:block;font-size:var(--text-xs);color:var(--muted)}
.media-kind{font-weight:600;color:var(--ink)}
.press-list strong{font-weight:500;font-size:var(--text-base)}
.press-list a:hover strong{text-decoration:underline}
.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);margin-bottom:var(--space-8)}
.quote-grid blockquote{font-size:var(--text-lg)}
.quote-grid figcaption{font-size:var(--text-sm);margin-top:var(--space-5)}
.full-quotes{padding-bottom:var(--space-8);display:grid;gap:var(--space-8)}
.full-quotes figure{border-top:1px solid var(--line);padding-top:var(--space-6)}
.full-quotes blockquote{font-size:var(--text-base);max-width:80ch}
.full-quotes figcaption{margin-top:var(--space-4);font-size:var(--text-sm)}
.full-quotes .testimonial__role{color:var(--muted)}
.ecosystem{margin-top:var(--space-12)}
.ecosystem-title{background:var(--ink);color:var(--white);padding:var(--space-6) var(--space-8)}
.ecosystem-title h3{font-size:var(--text-lg)}
.ecosystem-title p{font-size:var(--text-sm);margin-top:var(--space-2);color:#ddd}
.ecosystem-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-top:0}
.ecosystem-fields>a{padding:var(--space-5) var(--space-8);display:flex;flex-direction:column;align-items:flex-start}
.ecosystem-fields>a+a{border-left:1px solid var(--line)}
.ecosystem-fields img{width:95px;height:76px;object-fit:contain;margin-bottom:var(--space-3)}
.ecosystem-fields span{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.ecosystem-fields strong{font-weight:500;font-size:var(--text-base);margin-top:var(--space-1)}
.ecosystem-fields a:hover{background:var(--pink-tint)}
.ecosystem-ai{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-8);border-bottom:2px solid var(--pink);background:var(--grey);font-size:var(--text-sm)}
.ecosystem-ai:hover{background:var(--cyan-tint)}
.fewer-section{background:var(--grey);padding-block:var(--space-12)}
.fewer-grid{display:grid;grid-template-columns:180px minmax(0,1fr) 240px;gap:var(--space-8);align-items:center}
.daily-art svg{width:100%;height:auto;font-family:var(--font-body)}
.fewer-logo{font-family:"Fewer Instrument Serif",serif;font-size:clamp(4rem,3rem + 4vw,6rem);line-height:1;justify-self:start}
.fewer-logo span{color:#01696f}
.fewer-grid h2{font-size:var(--text-lg);margin-top:var(--space-2)}
.fewer-grid h2+p{font-size:var(--text-base);color:var(--muted);margin-top:var(--space-4)}
.fewer-grid .text-link{margin-top:var(--space-2)}
.contact-section{background:#090909;color:var(--white);padding-top:var(--section-space)}
.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-20);padding-bottom:var(--space-16)}
.contact-grid h2{font-size:var(--text-xl);max-width:20ch;margin-top:var(--space-5)}
.contact-grid h2 span{color:var(--cyan)}
.contact-grid h2+p{margin-top:var(--space-5);max-width:40ch;color:#bbb}
.contact-options{align-self:center;min-width:0}
.cyan-button{background:var(--cyan);color:var(--ink);margin-bottom:var(--space-6)}
.cyan-button:hover{background:var(--white)}
.contact-options p>span{display:block;font-size:var(--text-xs);color:#aaa;text-transform:uppercase;letter-spacing:.1em}
.contact-options p>a{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere;max-width:100%}
.contact-options .tea-note{font-size:var(--text-sm);color:#aaa}
.contact-section :focus-visible{outline-color:var(--cyan)}
footer{display:flex;align-items:center;gap:var(--space-5);padding-block:var(--space-6);border-top:1px solid #ffffff40;font-size:var(--text-xs);color:#aaa}
footer img{width:44px;height:44px;border:1px solid #ffffff40;border-radius:50%}
footer>a:last-child{margin-left:auto;min-height:44px;display:flex;align-items:center;gap:var(--space-3)}
footer>a:first-child{flex:none}
@media(prefers-reduced-motion:no-preference){
 [data-motion="hero"].motion-play .hero-line{animation:headline-reveal .8s cubic-bezier(.16,1,.3,1) var(--line-delay,0ms) both}
 @keyframes headline-reveal{from{clip-path:inset(0 100% 0 0);opacity:.3}to{clip-path:inset(0);opacity:1}}
 [data-motion="photo"].motion-play{animation:photo-reveal 1.15s cubic-bezier(.16,1,.3,1) both}
 @keyframes photo-reveal{from{clip-path:inset(0 0 100% 0);opacity:.45}to{clip-path:inset(0);opacity:1}}
 [data-motion="logo"].motion-play{animation:logo-arrival .85s cubic-bezier(.16,1,.3,1) both;transform-origin:center}
 @keyframes logo-arrival{0%{opacity:.2;transform:scale(.88)}65%{opacity:1;transform:scale(1.025)}100%{opacity:1;transform:scale(1)}}
 /* Existing SVGs remain legible before, during and after their short sequence. */
 [data-motion="focus"] .focus-seed,[data-motion="focus"] .focus-core{transform-box:fill-box;transform-origin:center}
 [data-motion="focus"].motion-play .focus-option{animation:focus-options 1.8s ease-out both}
 [data-motion="focus"].motion-play .focus-seed{animation:focus-travel 1.8s cubic-bezier(.4,0,.2,1) both}
 [data-motion="focus"].motion-play .focus-core{animation:focus-arrival 1.8s ease-out both}
 @keyframes focus-options{0%,15%{opacity:.18}65%,100%{opacity:.065}}
 @keyframes focus-travel{
  0%,15%{transform:translate(0,0) scale(1);fill:var(--ink);opacity:1}
  72%{transform:translate(285px,1px) scale(3.714);fill:var(--pink);opacity:1}
  83%,100%{transform:translate(285px,1px) scale(3.714);fill:var(--pink);opacity:0}
 }
 @keyframes focus-arrival{0%,65%{opacity:.12;transform:scale(1)}80%{opacity:1;transform:scale(1.08)}100%{opacity:1;transform:scale(1)}}
 [data-motion="priority"] .priority-first,[data-motion="priority"] .priority-follow{transform-box:fill-box;transform-origin:100% 100%}
 [data-motion="priority"].motion-play .priority-first{animation:domino-nudge 1.1s cubic-bezier(.4,0,.2,1) both}
 [data-motion="priority"].motion-play .priority-follow{animation:domino-nudge 1.1s cubic-bezier(.4,0,.2,1) var(--domino-delay) both}
 [data-motion="priority"].motion-play .priority-line{animation:priority-impulse 1.64s ease-out both}
 @keyframes domino-nudge{0%,10%{transform:rotate(0)}40%{transform:rotate(16deg)}72%{transform:rotate(-2deg)}100%{transform:rotate(0)}}
 @keyframes priority-impulse{0%,15%{opacity:.3}60%,100%{opacity:1}}
 .work-steps li.motion-ready:not(:last-child)::before{content:"";position:absolute;top:24px;left:48px;width:calc(100% + var(--step-gap) - 48px);height:2px;background:var(--cyan);z-index:1;clip-path:inset(0 100% 0 0)}
 .work-steps li.motion-play:not(:last-child)::before{animation:step-connection .8s cubic-bezier(.16,1,.3,1) var(--motion-delay,0ms) both}
 .work-steps li.motion-play>span{animation:step-accent 1.2s ease-out var(--motion-delay,0ms) both}
 @keyframes step-connection{to{clip-path:inset(0)}}
 @keyframes step-accent{0%{background:transparent}35%,65%{background:var(--cyan)}100%{background:transparent}}
 .motion-paused .motion-play,.motion-paused .motion-play *,.motion-paused .motion-play::before{animation-play-state:paused!important}
 @media(max-width:1000px){
  .work-steps li.motion-ready:not(:last-child)::before{top:48px;left:24px;width:2px;height:calc(100% + var(--step-gap) - 48px);clip-path:inset(0 0 100% 0)}
 }
}
@media(max-width:1100px){
 .brand small{display:none}nav{gap:var(--space-4)}.nav-cta{padding-inline:var(--space-4)}
 .hero-grid{gap:var(--space-10)}.service{gap:var(--space-10)}.service-brand{grid-template-columns:90px minmax(0,1fr);gap:var(--space-4)}.service-brand img{width:90px}
 .section-head,.ai-layout{grid-template-columns:180px minmax(0,1fr);gap:var(--space-8)}
 .fewer-grid{grid-template-columns:140px minmax(0,1fr) 180px;gap:var(--space-6)}
 .fewer-logo{font-size:4rem}
 .daily-art svg text:last-child{font-size:32px!important}
}
@media(max-width:900px){
 .header-row{flex-wrap:wrap;min-height:76px;padding-block:var(--space-3)}
 .js .header-row{flex-wrap:nowrap}
 nav{width:100%;justify-content:flex-start;flex-wrap:wrap}
 .js nav{display:none;position:absolute;top:100%;left:0;width:100%;background:var(--white);border-bottom:1px solid var(--line);padding:var(--space-4) var(--gutter);gap:0}
 .js nav.is-open{display:flex;flex-direction:column;align-items:stretch}
 .js nav a{padding:var(--space-3) var(--space-4)}
 .js nav .nav-cta{margin-top:var(--space-2);align-self:flex-start}
 .hero-grid{grid-template-columns:1.6fr 1fr;gap:var(--space-8)}
 .hero-person figcaption{padding-left:0}
 .service-brand{grid-template-columns:1fr;align-content:start;gap:var(--space-3)}
 .service-brand img{height:80px;width:100px}
 .section-head{grid-template-columns:1fr;gap:var(--space-4)}
}
@media(max-width:760px){
 :root{--header-h:76px}
 .hero-grid{grid-template-columns:1fr;padding-block:var(--space-10);gap:var(--space-8)}
 .hero-copy h1{max-width:20ch}.hero-copy .eyebrow{font-size:var(--text-xs);max-width:34ch}
 .hero-copy>p:last-of-type{margin-top:var(--space-6)}
 .hero-person{display:flex;align-items:flex-start;gap:var(--space-5)}
 .portrait-frame{width:112px;height:112px;flex:none}
 .hero-person figcaption{margin:0}
 .hero-person figcaption span{max-width:36ch}
 .experience-line{flex-direction:column;align-items:flex-start;gap:var(--space-4)}
 .section-head{margin-bottom:var(--space-8)}
 .service{grid-template-columns:1fr;gap:var(--space-4);padding-block:var(--space-6)}
 .service-brand{grid-template-columns:100px minmax(0,1fr);align-items:center;gap:var(--space-5)}
 .service-brand h3 br{display:initial}
 .service-brand h3{overflow-wrap:anywhere}
 .section-foot{flex-direction:column;align-items:flex-start;gap:var(--space-4)}
 .value-grid{grid-template-columns:1fr;gap:var(--space-5)}
 .value-grid article{padding-left:var(--space-12)}
 .proof-quote{grid-template-columns:1fr;gap:var(--space-5);margin-top:var(--space-8)}
 .mandate-line{grid-template-columns:1fr;gap:var(--space-3);padding-block:var(--space-6)}
 .concepts{grid-template-columns:1fr;gap:var(--space-8)}
 .concept-art svg{max-height:210px}
 .principle-grid{grid-template-columns:1fr}
 .ai-layout{grid-template-columns:1fr;gap:var(--space-8)}
 .ai-intro p{max-width:50ch}
 .ki-logo svg{width:150px}
 .profile-grid{grid-template-columns:1fr;gap:var(--space-6)}
 .history li{grid-template-columns:1fr;gap:var(--space-2)}
 .press-list{grid-template-columns:1fr}
 .quote-grid{grid-template-columns:1fr;gap:var(--space-8)}
 .quote-grid figure+figure{border-top:1px solid var(--line);padding-top:var(--space-6)}
 .ecosystem-title{padding:var(--space-5)}
 .ecosystem-fields{grid-template-columns:1fr}
 .ecosystem-fields>a{display:grid;grid-template-columns:84px minmax(0,1fr);gap:0 var(--space-4);padding:var(--space-5)}
 .ecosystem-fields>a+a{border-left:0;border-top:1px solid var(--line)}
 .ecosystem-fields img{grid-row:1/3;width:84px;height:72px;margin:0}
 .ecosystem-fields span{align-self:end}
 .ecosystem-fields strong{align-self:start}
 .ecosystem-ai{padding:var(--space-4) var(--space-5)}
 .fewer-grid{grid-template-columns:1fr;gap:var(--space-5)}
 .fewer-logo{font-size:4rem}
 .daily-art{max-width:280px;justify-self:center}
 .contact-grid{grid-template-columns:1fr;gap:var(--space-8);padding-bottom:var(--space-10)}
 footer{flex-wrap:wrap;gap:var(--space-4)}
 footer p{flex:1;font-size:var(--text-xs)}
 footer>a:last-child{margin-left:calc(44px + var(--space-4))}
}
@media(max-width:1000px){
 .work-steps{grid-template-columns:1fr;--step-gap:var(--space-8)}
 .work-steps li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:var(--space-5)}
 .work-steps li:not(:last-child)::after{top:48px;left:24px;width:1px;height:calc(100% + var(--step-gap) - 48px)}
 .work-steps li>span{margin:0}
 .work-steps li>div{padding-top:var(--space-2)}
 .work-steps h3{min-height:0}
}
@media(max-width:380px){
 .header-row{gap:var(--space-3)}
 .brand{font-size:var(--text-xs);gap:var(--space-2)}
 .menu-toggle{white-space:nowrap;flex-shrink:0;padding-inline:var(--space-3)}
 .service-brand{grid-template-columns:76px minmax(0,1fr);gap:var(--space-4)}
 .service-brand img{width:76px}
 .service-brand h3{font-size:1.125rem}
 .hero-person{gap:var(--space-4)}
 .hero-person .portrait-frame{width:80px;height:80px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.site-header,.menu-toggle,.hero-actions,.skip{display:none}.wrap{width:100%}.section{padding-block:24px}.hero-grid{padding-block:24px}details>summary{display:none}details>*{display:block!important}details::details-content{content-visibility:visible}.principle-grid,.press-list{display:grid!important}.contact-section{background:white;color:black}.contact-grid h2 span,.hero-copy h1 span{color:black}a{overflow-wrap:anywhere}[data-motion],[data-motion] *{animation:none!important;clip-path:none!important;opacity:1!important;transform:none!important}}