@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600&family=Work+Sans:wght@400;500;600&display=swap";
:root{--color-paper:#f6f4ef;--color-paper-2:#e7e3dc;--color-paper-3:#c9c4ba;--color-ink:#202020;--color-ink-2:#3e3d3b;--color-charcoal:var(--color-ink);--color-graphite:#31302e;--color-muted:#585854;--color-neutral:var(--color-muted);--color-rule:var(--color-paper-3);--color-rule-strong:#9f9b92;--color-rule-soft:var(--color-paper-2);--color-light-rule:#748c88;--color-light-muted:#dbd7cf;--color-light-subtle:#9baca9;--color-header:var(--color-paper);--color-petrol:#234a45;--color-accent-soft:var(--color-paper-2);--color-accent-light:#87a29e;--color-accent:var(--color-petrol);--color-accent-strong:#173b37;--color-accent-ink:var(--color-paper);--color-focus:var(--color-petrol);--color-logo:var(--color-ink);--color-porcelain:var(--color-paper);--color-mist:var(--color-paper-2);--color-stone:var(--color-paper-3);--color-stone-deep:var(--color-rule-strong);--color-steel:var(--color-muted);--color-line:var(--color-rule);--color-light-line:var(--color-light-rule);--font-display:"Playfair Display", Georgia, serif;--font-body:"Work Sans", Arial, sans-serif;--font-outlier:"Work Sans", Arial, sans-serif;--display-weight:500;--display-style:normal;--tracking-display:-.035em;--tracking-label:.1em;--leading-display:1.12;--leading-editorial:1.1;--leading-heading:1.2;--leading-body:1.6;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.25rem;--text-3xl:3rem;--text-section:clamp(2.75rem, 4.8vw, 5rem);--text-display-s:clamp(3.15rem, 6.4vw, 5.1rem);--text-display:clamp(3.5rem, 7.6vw, 5.5rem);--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4.5rem;--space-3xl:7rem;--space-4xl:9rem;--space-5xl:12rem;--space-1:var(--space-2xs);--space-2:var(--space-xs);--space-3:var(--space-sm);--space-4:var(--space-md);--space-5:var(--space-lg);--space-6:var(--space-xl);--space-7:var(--space-2xl);--space-8:6rem;--space-9:8rem;--page-margin:clamp(1.25rem, 5vw, 6rem);--page-gutter:clamp(1.25rem, 5.6vw, 7rem);--max-width:1440px;--content-max:1540px;--work-header-offset:7.75rem;--rule-hair:1px;--rule-fine:2px;--radius-sm:2px;--radius-md:2px;--radius-card:2px;--radius-pill:2px;--radius-input:2px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--z-base:0;--z-sticky:200;--z-sticky-nav:300}@supports (color:lab(0% 0 0)){:root{--color-paper:lab(96.2419% .0436306 2.6616);--color-paper-2:lab(90.407% .496238 3.93283);--color-paper-3:lab(79.3537% .495762 5.68632);--color-ink:lab(12.2495% -.00000745058 -.00000298023);--color-ink-2:lab(25.7804% -.00271201 1.53056);--color-graphite:lab(19.9803% -.000670552 1.53195);--color-muted:lab(37.3071% -.620291 2.32742);--color-rule-strong:lab(64.0903% .405103 4.97948);--color-light-rule:lab(56.2578% -9.49669 -.972939);--color-light-muted:lab(86.1355% .142872 4.59631);--color-light-subtle:lab(68.9214% -6.76566 -.697649);--color-petrol:lab(28.4949% -15.566 -1.51269);--color-accent-light:lab(64.402% -10.1725 -1.04282);--color-accent-strong:lab(22.1517% -14.4244 -1.67083)}}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:16px;line-height:var(--leading-body);text-rendering:optimizelegibility;font-synthesis:none;margin:0;overflow-x:clip}main{overflow:clip}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:var(--color-mist);color:var(--color-ink)}.site-header{z-index:20;align-items:center;gap:var(--space-4);padding:1.35rem var(--page-margin);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f5f1ecd1;border-bottom:1px solid #1111110f;grid-template-columns:1fr auto 1fr;display:grid;position:sticky;top:0}.brand,.footer-brand{width:fit-content;font-family:var(--font-display);letter-spacing:.005em;align-items:center;gap:.6rem;font-size:clamp(1.15rem,1.5vw,1.4rem);font-weight:500;line-height:1;display:inline-flex}.brand-mark{object-fit:contain;width:28px;height:28px;display:block}.footer-brand .brand-mark{width:32px;height:32px}.brand-wordmark{padding-top:2px;display:inline-block}.nav-links{color:#111111d1;justify-content:center;align-items:center;gap:clamp(1rem,2.8vw,2.5rem);font-size:.9rem;display:flex}.nav-links a{padding:.3rem 0;transition:color .18s cubic-bezier(.2,.7,.2,1);position:relative}.nav-links a:after{content:"";background:var(--color-ink);transform-origin:0;height:1px;transition:transform .22s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav-links a:hover,.nav-links a[aria-current=true]{color:var(--color-ink)}.nav-links a[aria-current=true]:after{transform:scaleX(1)}.header-cta{justify-self:end}.button{border-radius:var(--radius-sm);border:1px solid;justify-content:center;align-items:center;gap:1.25rem;min-height:3.2rem;padding:0 1.4rem;font-size:.9rem;font-weight:500;transition:transform .18s cubic-bezier(.2,.7,.2,1),background-color .18s cubic-bezier(.2,.7,.2,1),color .18s cubic-bezier(.2,.7,.2,1),border-color .18s cubic-bezier(.2,.7,.2,1);display:inline-flex}.button:hover{transform:translateY(-2px)}.button:focus-visible{outline:2px solid var(--color-steel);outline-offset:4px}.button-primary{background:var(--color-ink);color:var(--color-porcelain);border-color:var(--color-ink)}.button-primary:hover{background:var(--color-graphite);border-color:var(--color-graphite)}.button-light{color:var(--color-porcelain);border-color:#f5f1ec5c}.button-light:hover{background:var(--color-porcelain);color:var(--color-ink);border-color:var(--color-porcelain)}.hero{isolation:isolate;background:linear-gradient(115deg, #d7ddd557, transparent 34%), var(--color-porcelain);min-height:clamp(680px,82vh,860px);padding:clamp(3.5rem, 5.4vw, 5.75rem) var(--page-margin) clamp(3rem, 5vw, 5rem);grid-template-columns:minmax(420px,.8fr) minmax(540px,1.2fr);align-items:center;gap:clamp(3rem,6vw,7.5rem);display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;max-width:680px;animation:.72s cubic-bezier(.2,.7,.2,1) both heroCopyIn;position:relative}.hero-visual{z-index:1;border-radius:var(--radius-sm);-webkit-mask-composite:source-in;min-height:clamp(420px,48vw,640px);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 8% 100%),linear-gradient(#0000 0,#000 7% 100%);mask-image:linear-gradient(90deg,#0000 0,#000 8% 100%),linear-gradient(#0000 0,#000 7% 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.hero-visual img{object-fit:cover;object-position:center right;filter:saturate(.82)contrast(1.04)brightness(1.04);transition:filter .42s,transform .52s cubic-bezier(.2,.7,.2,1)}.hero-visual:hover img{filter:saturate(.88)contrast(1.06)brightness(1.05);transform:scale(1.025)}.eyebrow{margin:0 0 var(--space-3);color:var(--color-steel);letter-spacing:.02em;text-transform:uppercase;font-size:.82rem;font-weight:600}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--font-display);font-weight:500;line-height:var(--leading-display);letter-spacing:0}h1{max-width:14ch;margin-bottom:var(--space-4);text-wrap:balance;font-size:clamp(3.4rem,5.6vw,6.4rem)}h2{text-wrap:balance;font-size:clamp(2.4rem,4.2vw,4.6rem)}h3{font-family:var(--font-display);font-size:clamp(1.4rem,1.85vw,1.85rem);font-weight:600;line-height:var(--leading-editorial)}.lede{max-width:520px;margin-bottom:var(--space-5);color:#111111b3;font-size:clamp(1rem,1.2vw,1.18rem)}.principles-band,.footer{background:var(--color-charcoal);color:var(--color-porcelain)}.clients-strip{padding:clamp(2rem, 4vw, 3.25rem) var(--page-margin);background:var(--color-porcelain);border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line)}.clients-strip-inner{max-width:var(--max-width);grid-template-columns:minmax(0,auto) 1fr;align-items:center;gap:clamp(1.5rem,4vw,4rem);margin:0 auto;display:grid}.clients-strip .eyebrow{white-space:nowrap;margin:0}.clients-strip-logos{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(1.5rem,4vw,4rem);margin:0;padding:0;list-style:none;display:flex}.clients-strip-logos li{color:var(--color-ink);opacity:.62;align-items:center;transition:opacity .22s cubic-bezier(.2,.7,.2,1);display:flex}.clients-strip-logos li:hover{opacity:1}.clients-strip-logos img{width:auto;display:block}.principles-band{padding:clamp(3.25rem, 6vw, 6rem) var(--page-margin)}.principles-grid{max-width:var(--max-width);grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,5vw,6rem);margin:0 auto;display:grid}.principle{border-right:1px solid var(--color-light-line);min-height:170px;padding-right:clamp(1.5rem,3vw,3.5rem)}.principle:last-child{border-right:0}.principle span{margin-bottom:var(--space-3);color:#f5f1ec9e;font-size:.82rem;display:block}.principle p{max-width:480px;font-family:var(--font-display);margin-bottom:0;font-size:clamp(1.4rem,1.9vw,1.95rem);line-height:1.15}.section{padding:clamp(3.25rem, 6vw, 6rem) var(--page-margin)}.light{background:var(--color-porcelain);border-top:1px solid #1111110f}.section-heading{align-items:start;gap:var(--space-5);max-width:var(--max-width);margin:0 auto var(--space-6);grid-template-columns:minmax(0,.88fr) minmax(280px,.58fr);display:grid}.section-heading h2,.challenge-copy h2,.system-copy h2,.about-copy h2{font-size:clamp(2.4rem,3.6vw,4.2rem)}.section-heading p{color:#1111119e;max-width:520px;margin:0;padding-top:clamp(.25rem,.7vw,.8rem);font-size:clamp(1rem,1.25vw,1.14rem)}.challenge-section{background:linear-gradient(180deg, #11111108, transparent 42%), var(--color-porcelain);padding-bottom:clamp(3.25rem,5.5vw,5rem)}.challenge-copy{max-width:var(--max-width);grid-template-columns:minmax(0,.98fr) minmax(360px,.62fr);align-items:start;gap:clamp(2.5rem,6vw,7rem);margin:0 auto;display:grid}.challenge-copy .eyebrow{grid-column:1/-1}.challenge-copy h2{max-width:680px;margin-bottom:0}.challenge-copy-grid{max-width:540px;padding-top:clamp(.25rem,.8vw,.9rem)}.challenge-copy p:not(.eyebrow){color:#111111ad;max-width:520px;margin-bottom:0;font-size:clamp(1rem,1.22vw,1.12rem);line-height:1.55}.challenge-thesis{padding-top:var(--space-4);text-align:left;border-top:1px solid #1111111f;margin-bottom:0!important;margin-top:var(--space-5)!important;font-family:var(--font-display)!important;color:var(--color-ink)!important;font-size:clamp(1.4rem,1.85vw,1.85rem)!important;font-weight:500!important;line-height:1.2!important}.challenge-points-section{padding:0 var(--page-margin) clamp(4rem, 7vw, 7rem);background:var(--color-porcelain)}.challenge-points{max-width:var(--max-width);border-top:1px solid #1111111f;border-bottom:1px solid #1111111f;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 auto;display:grid}.challenge-point{border-right:1px solid #1111111f;padding:clamp(1.5rem,3vw,2.5rem)}.challenge-point:last-child{border-right:0}.challenge-point>span{margin-bottom:var(--space-4);font-family:var(--font-body);letter-spacing:.02em;color:#11111175;font-size:.82rem;font-weight:600;display:block}.challenge-point h3{max-width:340px;margin-bottom:var(--space-3);color:var(--color-ink);font-size:clamp(1.25rem,1.7vw,1.6rem);line-height:1.15}.challenge-point p{color:#111111ad;max-width:360px;margin:0;font-size:clamp(.98rem,1.18vw,1.08rem);line-height:1.55}.start-card{background:var(--color-stone);border-radius:var(--radius-md);border:1px solid #1111110f;flex-direction:column;padding:clamp(1.75rem,2.8vw,2.5rem);transition:background-color .22s cubic-bezier(.2,.7,.2,1),transform .22s cubic-bezier(.2,.7,.2,1);display:flex;position:relative;overflow:hidden}.start-card:hover{background:var(--color-stone-deep);transform:translateY(-4px)}.start-card>span{margin-bottom:var(--space-3);color:#11111175;text-transform:uppercase;letter-spacing:.02em;font-size:.78rem;font-weight:600;display:block}.start-card h3{margin-bottom:var(--space-3);font-size:clamp(1.45rem,1.75vw,1.85rem)}.start-card p{margin-bottom:var(--space-4);color:#111111a3}.start-card.is-featured{background:var(--color-charcoal);color:var(--color-porcelain);border-color:#f5f1ec14}.start-card.is-featured:hover{background:var(--color-graphite)}.start-card.is-featured>span{color:#f5f1ecad}.start-card.is-featured p{color:#f5f1ecc7}.start-card.is-featured ul li{color:#f5f1ecb8}.start-card.is-featured ul li:before{background:var(--color-porcelain)}.text-link{color:#111111b8;justify-self:end;align-items:center;gap:1rem;font-size:.92rem;transition:color .18s;display:inline-flex}.text-link:hover{color:var(--color-ink)}.service-grid{gap:var(--space-3);max-width:var(--max-width);grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid}.service-card{isolation:isolate;background:var(--color-stone);border-radius:var(--radius-md);border:1px solid #1111110a;flex-direction:column;min-height:330px;padding:clamp(1.5rem,3vw,2.5rem);transition:transform .22s cubic-bezier(.2,.7,.2,1),background-color .22s cubic-bezier(.2,.7,.2,1);display:flex;position:relative;overflow:hidden}.service-card:after{content:"";background:var(--color-ink);width:0;height:2px;transition:width .32s cubic-bezier(.2,.7,.2,1);position:absolute;top:0;left:0}.service-card:hover{background:var(--color-stone-deep);transform:translateY(-4px)}.service-card:hover:after{width:100%}.service-meta{z-index:1;margin-bottom:var(--space-4);color:#11111180;text-transform:uppercase;letter-spacing:.02em;font-size:.78rem;font-weight:600;display:block;position:relative}.service-card h3{margin-bottom:var(--space-3);font-size:clamp(1.45rem,1.8vw,1.85rem)}.service-card p{max-width:520px;padding-bottom:var(--space-5);color:#111111ad;margin-bottom:auto;font-size:.96rem}.service-card a{width:2rem;color:var(--color-ink);font-size:1.4rem;transition:transform .18s cubic-bezier(.2,.7,.2,1)}.service-card:hover a{transform:translate(6px)}.positioning-section{background:var(--color-stone)}.positioning-layout{max-width:var(--max-width);grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start;gap:clamp(2.5rem,5vw,6rem);margin:0 auto;display:grid}.positioning-copy h2{max-width:540px;margin-bottom:var(--space-5);font-size:clamp(2.4rem,3.4vw,4rem)}.positioning-alternatives{border-top:1px solid #1111111f;margin:0;padding:0}.positioning-alternatives>div{padding:var(--space-4) 0;border-bottom:1px solid #1111111f;grid-template-columns:minmax(0,.4fr) minmax(0,1fr);gap:clamp(1rem,3vw,2.5rem);display:grid}.positioning-alternatives dt{font-family:var(--font-display);color:var(--color-ink);font-size:clamp(1.25rem,1.6vw,1.55rem);font-weight:600;line-height:1.1}.positioning-alternatives dd{color:#111111a3;margin:0;font-size:.96rem;line-height:1.5}.positioning-feature{background:var(--color-charcoal);color:var(--color-porcelain);border-radius:var(--radius-md);flex-direction:column;align-self:start;margin-top:clamp(3.25rem,7vw,6.25rem);padding:clamp(1.75rem,2.6vw,2.25rem);display:flex}.positioning-feature .eyebrow{color:#f5f1ecad}.positioning-feature h3{margin-bottom:var(--space-3);font-size:clamp(1.7rem,2.2vw,2.25rem);line-height:1.05}.positioning-feature p{margin-bottom:var(--space-4);color:#f5f1ecc7;font-size:1rem;line-height:1.55}.positioning-feature .text-link{color:#f5f1eccc;justify-self:start}.positioning-feature .text-link:hover{color:var(--color-porcelain)}.system-band{padding:clamp(4.5rem, 8vw, 8rem) var(--page-margin);background:linear-gradient(180deg, #11111105, transparent 36%), var(--color-porcelain);border-top:1px solid #11111114;grid-template-columns:minmax(280px,.9fr) minmax(520px,1.1fr);gap:clamp(2rem,5vw,5rem);display:grid}.system-copy,.system-flow{max-width:var(--max-width)}.system-copy{align-self:start}.system-copy h2{max-width:640px;margin-bottom:var(--space-4)}.system-copy p:not(.eyebrow){color:#111111a3;max-width:560px}.system-flow{gap:var(--space-3);display:grid}.flow-step{align-items:center;gap:var(--space-4);border-radius:var(--radius-md);background:#e9e3dcbd;border:1px solid #11111114;grid-template-columns:74px minmax(150px,.42fr) 1fr;min-height:104px;padding:1.1rem 1.25rem;transition:transform .22s cubic-bezier(.2,.7,.2,1),border-color .22s cubic-bezier(.2,.7,.2,1),background-color .22s cubic-bezier(.2,.7,.2,1);display:grid;position:relative;overflow:hidden}.flow-step:hover{background:#ddd4c8db;border-color:#11111124;transform:translate(6px)}.flow-step span{color:#11111175;font-size:.82rem;font-weight:600}.flow-step h3,.flow-step p{margin:0;position:relative}.flow-step h3{font-size:clamp(1.3rem,1.7vw,1.7rem)}.flow-step p{color:#1111119e}.flow-line{background:linear-gradient(90deg, var(--color-ink), #737d8266);transform-origin:0;width:100%;height:2px;transition:transform .36s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:0;left:0;transform:scaleX(.18)}.flow-step:hover .flow-line{transform:scaleX(1)}.start-section{background:var(--color-porcelain);border-top:1px solid #1111110f}.start-grid{gap:var(--space-3);max-width:var(--max-width);grid-template-columns:repeat(2,1fr);margin:0 auto;display:grid}.start-card{min-height:370px}.start-card ul{gap:.75rem;margin:auto 0 0;padding:0;list-style:none;display:grid}.start-card li{color:#111111ad;padding-left:1.25rem;font-size:.9rem;position:relative}.start-card li:before{content:"";background:var(--color-ink);border-radius:50%;width:.42rem;height:.42rem;position:absolute;top:.68em;left:0}.about-section{background:var(--color-stone);border-top:1px solid #1111110f;border-bottom:1px solid #1111110f}.about-layout{max-width:var(--max-width);grid-template-columns:minmax(280px,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(2.5rem,5vw,6rem);margin:0 auto;display:grid}.about-portrait{border-radius:var(--radius-md);background:var(--color-porcelain);aspect-ratio:1;max-width:520px;position:relative;overflow:hidden}.about-portrait img{object-fit:cover;filter:grayscale(.05)contrast(1.02);width:100%;height:100%;display:block}.about-copy{max-width:540px}.about-copy h2{max-width:480px;margin-bottom:var(--space-5)}.about-copy p:not(.eyebrow){max-width:520px;margin-bottom:var(--space-4);color:#111111ad;font-size:clamp(1rem,1.22vw,1.12rem);line-height:1.55}.about-copy p:last-of-type{margin-bottom:0}.contact-section{isolation:isolate;background:linear-gradient(135deg, #d7ddd514, transparent 34%), var(--color-charcoal);color:var(--color-porcelain);position:relative;overflow:hidden}.contact-panel{z-index:1;align-items:center;gap:var(--space-5);max-width:var(--max-width);border-top:1px solid var(--color-light-line);border-bottom:1px solid var(--color-light-line);grid-template-columns:minmax(0,1fr) auto;margin:0 auto;padding:clamp(3rem,6vw,5rem) 0;display:grid;position:relative}.contact-panel h2{max-width:720px;margin-bottom:var(--space-4);text-wrap:balance;font-size:clamp(2.8rem,4.4vw,5rem)}.contact-copy p:not(.eyebrow){color:#f5f1ecad;max-width:560px;margin:0;font-size:clamp(1rem,1.25vw,1.15rem)}.contact-panel .button{min-width:290px}.footer{gap:var(--space-5);padding:var(--space-5) var(--page-margin) 0;color:#f5f1ecbd;grid-template-columns:1.2fr .8fr .8fr .9fr;display:grid}.footer h3{margin-bottom:var(--space-2);color:var(--color-porcelain);font-family:var(--font-body);font-size:.92rem;font-weight:500}.footer p,.footer a{margin-bottom:.45rem;font-size:.9rem;display:block}.footer .footer-brand{margin-bottom:var(--space-3);color:var(--color-porcelain);align-items:center;gap:.6rem;font-size:1.05rem;display:inline-flex}.footer-bottom{justify-content:space-between;gap:var(--space-4);margin-top:var(--space-5);padding:var(--space-3) 0;border-top:1px solid var(--color-light-line);grid-column:1/-1;display:flex}.footer-bottom span,.footer-bottom a{color:#f5f1ec8c;margin:0}.reveal{opacity:1;will-change:auto;transform:none}.reveal[data-reveal=ready]{opacity:0;transition:opacity .72s cubic-bezier(.16, 1, .3, 1) var(--reveal-delay,0s), transform .72s cubic-bezier(.16, 1, .3, 1) var(--reveal-delay,0s), clip-path .82s cubic-bezier(.16, 1, .3, 1) var(--reveal-delay,0s);will-change:opacity, transform, clip-path}.reveal[data-reveal=ready][data-motion=up],.reveal[data-reveal=ready][data-motion=card]{transform:translateY(24px)}.reveal[data-reveal=ready][data-motion=left]{transform:translate(-24px)}.reveal[data-reveal=ready][data-motion=right]{transform:translate(24px)}.reveal[data-reveal=ready][data-motion=scale],.reveal[data-reveal=ready][data-motion=logo]{transform:translateY(14px)scale(.985)}.reveal[data-reveal=ready][data-motion=line]{clip-path:inset(0 7% 0 0);transform:translateY(14px)}.reveal[data-reveal=ready].is-visible{opacity:1;clip-path:inset(0);will-change:auto;transform:none}@keyframes heroCopyIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.system-page{padding:clamp(5rem, 8vw, 8rem) var(--page-margin)}.system-hero,.system-section{max-width:var(--max-width);margin:0 auto}.system-hero{gap:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-line);grid-template-columns:1fr .8fr;align-items:end;display:grid}.system-hero p{color:var(--color-ink-2)}.system-section{padding:var(--space-6) 0;border-bottom:1px solid var(--color-line)}.system-section h2{margin-bottom:var(--space-4);font-size:clamp(2.2rem,4vw,4.4rem)}.token-grid,.type-grid,.component-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.token,.type-sample,.component-sample{min-height:170px;padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-md)}.token-swatch{height:70px;margin:calc(var(--space-4) * -1) calc(var(--space-4) * -1) var(--space-4);border-bottom:1px solid var(--color-line);border-radius:var(--radius-md) var(--radius-md) 0 0}.type-display{font-family:var(--font-display);font-size:clamp(2.7rem,4.6vw,5rem);line-height:var(--leading-display)}.type-body{color:var(--color-ink-2)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal,.reveal[data-reveal=ready]{opacity:1;transform:none}}@media (max-width:980px){.site-header{grid-template-rows:auto auto;grid-template-columns:auto 1fr;row-gap:.5rem;padding-top:1rem;padding-bottom:1rem}.brand{grid-area:1/1}.header-cta{grid-area:1/2}.nav-links{grid-area:2/1/auto/-1;justify-content:flex-start;gap:clamp(.9rem,2.4vw,1.5rem);font-size:.82rem}.hero,.challenge-copy,.positioning-layout,.about-layout,.system-band,.system-hero{grid-template-columns:1fr}.positioning-alternatives>div{gap:var(--space-2);grid-template-columns:1fr}.hero{min-height:auto}.hero-visual{order:-1;min-height:clamp(320px,75vw,560px)}.hero-visual img{object-position:center}.principles-grid,.service-grid,.start-grid,.token-grid,.type-grid,.component-grid{grid-template-columns:1fr}.clients-strip{padding-top:clamp(2rem,5vw,3rem);padding-bottom:clamp(2rem,5vw,3rem)}.clients-strip-inner{text-align:left;grid-template-columns:1fr;gap:1.25rem}.clients-strip-logos{grid-template-columns:1fr 1fr;place-items:center;gap:1.25rem 2rem;display:grid}.clients-strip-logos li{justify-content:center;align-items:center;width:100%;height:36px;display:flex}.clients-strip-logos img{object-fit:contain;width:auto;max-height:22px!important}.principle{min-height:auto;padding:0 0 var(--space-5);border-right:0;border-bottom:1px solid var(--color-light-line)}.principle:last-child{border-bottom:0;padding-bottom:0}.section-heading{grid-template-columns:1fr}.section-heading p{padding-top:0}.challenge-copy-grid,.challenge-points{grid-template-columns:1fr}.challenge-copy-grid{padding-top:0}.challenge-copy h2{margin-bottom:var(--space-4)}.positioning-feature{margin-top:0}.challenge-point{border-bottom:1px solid #1111111f;border-right:0}.challenge-point:last-child{border-bottom:0}.text-link{justify-self:start}.service-card{min-height:320px}.flow-step{grid-template-columns:52px 1fr}.flow-step p{grid-column:2}.contact-panel{grid-template-columns:1fr;align-items:flex-start}.footer-bottom{flex-direction:column;align-items:flex-start}.footer{grid-template-columns:1fr 1fr}}@media (max-width:640px){.site-header{padding-top:1rem;padding-bottom:1rem}.nav-links{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:.15rem;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-links a{flex-shrink:0}.header-cta{min-height:2.75rem;padding:0 1rem}h1{font-size:clamp(2.6rem,11.5vw,4rem)}.hero{padding-top:2rem}.contact-panel h2{font-size:clamp(2.4rem,9.5vw,3.6rem)}.contact-panel .button{width:100%;min-width:0}.about-portrait{max-width:100%}.footer{grid-template-columns:1fr}}