@font-face{font-family:Display;src:url('assets/display.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:Body;src:url('assets/body.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Body;src:url('assets/body-semibold.woff2') format('woff2');font-weight:600;font-display:swap}
:root{--ink:#161616;--paper:#fff;--line:1px solid #171717;--display:Display,Impact,'Arial Narrow',sans-serif;--body:Body,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:#fff;color:var(--ink);font:18px/1.5 var(--body);overflow-x:clip}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #111;outline-offset:5px}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}.skip{position:fixed;top:-100px;left:20px;background:#fff;z-index:20;padding:10px}.skip:focus{top:10px}.site-shell{max-width:1800px;margin:auto;border-left:var(--line);border-right:var(--line)}
header{height:96px;display:flex;justify-content:space-between;align-items:center;padding:0 4%;border-bottom:var(--line)}.wordmark{font:800 58px/1 var(--display);letter-spacing:-3px}nav{display:flex;gap:36px;font-size:15px}h1,h2,h3{font-family:var(--display);font-weight:800;line-height:.97;letter-spacing:-.025em;margin:0}h1{font-size:clamp(70px,9.1vw,162px)}h2{font-size:clamp(50px,6.1vw,100px)}h3{font-size:36px;line-height:1.05}.cell{padding:clamp(28px,4.6vw,76px)}p{margin:0 0 1.2em}p:last-child{margin-bottom:0}.button{background:#111;color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:18px 26px;font-size:16px;line-height:1.2;border:1px solid #111;transition:background .2s,color .2s}.button:hover{background:#fff;color:#111;text-decoration:none}
.hero{display:grid;grid-template-columns:58% 42%;min-height:660px;position:relative}.hero-title{border-right:var(--line);display:flex;align-items:center}.hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.hero-copy p{font-size:clamp(22px,2vw,32px);line-height:1.36;margin:0 0 38px;max-width:500px}.intro{display:grid;grid-template-columns:42% 58%;border-bottom:var(--line)}.intro .cell:first-child{border-right:var(--line)}.intro p{max-width:650px}
.growth-section{display:grid;grid-template-columns:65% 35%;min-height:710px;position:relative;border-bottom:var(--line)}.growth-copy{display:flex;flex-direction:column;justify-content:center}.growth-copy h2{font-size:clamp(52px,5.5vw,94px)}.section-lead{max-width:640px;font-size:22px;line-height:1.5;margin-top:40px}.capabilities{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:var(--line)}.capabilities .cell:not(:last-child){border-right:var(--line)}.capabilities h3{margin-bottom:23px}.capabilities p{font-size:17px;line-height:1.65}
.dive-track{position:relative;height:180vh;min-height:1050px;border-bottom:var(--line)}.dive-sticky{position:sticky;top:0;height:min(820px,100svh);min-height:560px;display:flex;flex-direction:column;background:#fff;overflow:hidden}.dive-stage{position:relative;flex:1;min-height:260px;isolation:isolate;overflow:hidden}.stage-column{position:absolute;top:0;bottom:0;width:1px;background:#111;z-index:0}.col-one{left:33%}.spring-line{position:absolute;left:0;top:35%;width:100%;height:80px;z-index:1;overflow:visible}.pool{position:absolute;left:66%;right:0;top:42%;bottom:0;overflow:hidden;background:#d6e8e8;border-top:1px solid #111;z-index:1}.water-front{position:absolute;left:66%;right:0;top:58%;bottom:0;background:linear-gradient(160deg,#d8e8e9ee,#b9d2d9);z-index:4;border-top:1px solid #ffffff70;overflow:hidden}.ripple{position:absolute;left:12%;top:10px;width:70%;height:28px;border:1px solid #517a8270;border-radius:50%;transform:scale(0);opacity:0}#diver{position:absolute;left:20%;top:0;width:clamp(170px,28%,350px);height:auto;z-index:3;transform-origin:60% 50%;will-change:transform;pointer-events:none}
.landscape-section{display:grid;grid-template-columns:48% 52%;min-height:760px;border-bottom:var(--line)}.fit-copy{border-right:var(--line);display:flex;flex-direction:column;justify-content:center}.fit-copy h2{margin-bottom:40px}.fit-copy p{font-size:18px;max-width:550px}.landscape-cell{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;padding:62px 7% 85px;perspective:1800px}.window-scene{position:relative;width:100%;height:100%;min-height:490px;max-height:610px;perspective:1200px;transform-style:preserve-3d}.landscape-reveal{position:absolute;inset:0;overflow:hidden;clip-path:inset(0);background:#e3e5d8}.landscape-reveal img{width:100%;height:100%;object-fit:cover;object-position:45% 50%;transform:scale(1.04);will-change:transform}
.conversation{display:grid;grid-template-columns:65% 35%;border-bottom:var(--line)}.conversation h2{font-size:clamp(62px,7vw,112px);margin-bottom:30px}.conversation p{max-width:540px;font-size:22px}.conversation .button{margin-top:12px}.conversation-aside{border-left:var(--line);display:flex;align-items:center;background:#fff}.conversation-aside p{font-size:26px;line-height:1.45}.conversation-aside span{display:block;margin-top:35px}.faq{display:grid;grid-template-columns:42% 58%;border-bottom:var(--line)}.faq h2{font-size:clamp(45px,4.6vw,72px)}.faq>.cell{border-right:var(--line)}details{padding:30px 38px}details:not(:last-child){border-bottom:var(--line)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:17px}summary::-webkit-details-marker{display:none}summary::after{content:'+';font-size:26px;line-height:1;flex:none}details[open] summary::after{content:'−'}details p{font-size:16px;line-height:1.65;margin-top:22px;max-width:620px}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px 4.6%}footer>div{display:flex;gap:35px;align-items:center;font-size:14px}#motion-toggle{border:0;border-bottom:1px solid #999;background:none;padding:4px 0;font-size:13px}.legal-links #motion-toggle{margin:-4px 0 -5px auto;font-size:inherit}
/* Footer links keep their type size; padding offset by negative margin gives a 24px target. */
.global-footer>div a{padding:3px 0;margin:-3px 0}
@media(min-width:1800px){.hero{min-height:800px}}@media(max-width:1050px){.growth-section{grid-template-columns:62% 38%;min-height:620px}.growth-copy h2{font-size:65px}.section-lead{font-size:20px}.capabilities .cell{padding:38px 26px}.landscape-section{min-height:700px}.landscape-cell{padding:40px 5% 80px}.fit-copy h2{font-size:67px}.fit-copy p{font-size:17px}.window-scene{min-height:440px}}
@media(max-width:700px){html{scroll-padding-top:20px}body{font-size:17px}header{height:76px;padding:0 24px}.wordmark{font-size:45px}nav{gap:20px;font-size:13px}nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr;min-height:0}.hero-title{border-right:0;border-bottom:var(--line);padding:46px 26px}.hero h1{font-size:clamp(64px,15vw,110px)}.hero-copy{padding:35px 26px 50px}.hero-copy p{font-size:23px}.intro{grid-template-columns:1fr}.intro .cell:first-child{border-right:0;padding-bottom:0}.intro h2{font-size:60px}.cell{padding:35px 26px}.growth-section{grid-template-columns:1fr;min-height:0}.growth-copy{padding-bottom:0}.growth-copy h2{font-size:61px}.section-lead{font-size:20px;margin-top:30px}.capabilities{grid-template-columns:1fr}.capabilities .cell:not(:last-child){border-right:0;border-bottom:var(--line)}.capabilities .cell{padding:30px 26px}.capabilities h3{font-size:34px;margin-bottom:16px}.dive-track{height:165svh;min-height:920px}.dive-sticky{height:88svh;min-height:520px;top:6svh}.dive-stage{min-height:260px}.col-one{left:30%}.pool,.water-front{left:61%}#diver{width:48%;max-width:250px}.landscape-section{grid-template-columns:1fr;min-height:0}.fit-copy{border-right:0}.fit-copy h2{font-size:64px;margin-bottom:30px}.landscape-cell{height:620px;padding:20px 28px 80px;overflow:hidden}.window-scene{min-height:0;height:100%;max-height:none}.conversation{grid-template-columns:1fr}.conversation h2{font-size:66px}.conversation p{font-size:20px}.conversation-aside{border-left:0;border-top:var(--line)}.conversation-aside p{font-size:23px}.conversation-aside span{display:inline;margin:0}.faq{grid-template-columns:1fr}.faq>.cell{border-right:0;border-bottom:var(--line)}.faq h2{font-size:57px}details{padding:25px 26px}summary{font-size:16px}footer{padding:28px 26px;align-items:flex-start}footer>div{gap:12px;flex-direction:column;align-items:flex-end;font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.dive-track{height:auto;min-height:0}.dive-sticky{position:relative;top:0;height:650px}}

/* The landscape is the grid cell itself; its two paper halves are the opening. */
.landscape-section{overflow:clip}
.landscape-cell{padding:0;align-items:stretch;overflow:clip;perspective:2000px}
.window-scene{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;perspective:1600px}
.landscape-reveal{inset:0}
.landscape-reveal img{object-position:46% 50%}
@media(max-width:700px){.landscape-cell{height:620px;padding:0}}

/* Every resting grid cell has a complete perimeter. */
.dive-stage{border-top:var(--line)}
.site-shell{border-bottom:var(--line)}

@media(min-width:701px){
  .growth-track{height:185vh;min-height:1320px}
  .growth-section{position:sticky;top:0;height:min(820px,100svh);min-height:700px;background:#fff}
}
.pool{top:calc(35% + 32px)}
@media(min-width:701px){.growth-section{border-top:var(--line)}}
@media(prefers-reduced-motion:reduce){.growth-track{height:auto;min-height:0}.growth-section{position:relative;height:auto}}
/* Each interruption starts in the structure and keeps clear of the reading area. */
.hero-copy{justify-content:center}
@media(min-width:701px){
  .growth-copy .section-lead{max-width:calc(100% - 65px)}
}
.dive-stage{--split:52%;--waterline:50%;overflow:hidden}
.dive-stage .col-one{left:var(--split);z-index:5}
.spring-line{top:calc(var(--waterline) - 32px);z-index:5}
.dive-copy{position:absolute;padding:30px 4.6%;z-index:2}
.dive-copy h3{font-size:36px;line-height:1;margin-bottom:12px}
.dive-copy p{font-size:17px;line-height:1.45;max-width:310px}
.dive-brand{left:0;top:0;width:52%;height:50%}
.dive-scale{left:52%;top:0;width:48%;height:50%}
.dive-edge{left:0;top:50%;width:52%;height:50%}
.pool,.water-front{left:var(--split);right:0;top:var(--waterline);bottom:0;background:center/cover;border:0;opacity:1}
html:not(.js) :is(.pool,.water-front),.is-near :is(.pool,.water-front){background-image:url('assets/water-print.webp')}
.pool{z-index:1}
.water-front{z-index:4;overflow:visible;clip-path:inset(0)}
#water-canvas{display:block;width:100%;height:100%}
#water-canvas[hidden]{display:none}
#diver{width:clamp(240px,28%,360px);transform-origin:2% 26%;z-index:3;filter:drop-shadow(1px 2px 1px #0000000c)}
.water-drops{position:absolute;inset:0;z-index:6;pointer-events:none}
.water-drops i{position:absolute;left:0;top:0;width:3px;height:7px;border-radius:60%;background:#b8dae6;border:.5px solid #ffffffa0;box-shadow:1px 1px 1px #39667a22;opacity:0}
@media(max-width:700px){
  .dive-sticky{height:92svh;min-height:680px;top:0}
  .dive-stage{--split:50%;--waterline:48%;min-height:360px}
  .dive-copy{padding:22px 18px}
  .dive-copy h3{font-size:30px;margin-bottom:10px}
  .dive-copy p{font-size:14px;line-height:1.4}
  .dive-copy br{display:none}
  .dive-brand{width:50%;height:48%}
  .dive-scale{left:50%;width:50%;height:48%}
  .dive-edge{top:48%;width:50%;height:52%}
  #diver{width:54%;min-width:0}
}
@media(prefers-reduced-motion:reduce){.water-drops{display:none}}
@media(min-width:701px){.dive-track{height:200vh}}

.hero{border-bottom:var(--line)}
.dive-stage .col-one{z-index:1}
.spring-line{z-index:2}
/* The flight stays visible over the water until the central entry point. */
.diver-flight{position:absolute;inset:0;z-index:5;pointer-events:none}
.diver-flight #diver{left:0;top:0}
.water-front{clip-path:inset(0);overflow:hidden}
.landscape-reveal img{transform:none;will-change:auto}
@media(max-width:700px){.landscape-cell{border-top:var(--line)}}

/* A complete headline row gives the water and landscape separate chapters. */
.fit-heading{grid-column:1/-1;border-bottom:var(--line);padding-top:48px;padding-bottom:52px}
.fit-heading h2{font-size:clamp(64px,8vw,128px);max-width:1400px}
@media(max-width:700px){.fit-heading{padding-top:36px;padding-bottom:38px}.fit-heading h2{font-size:64px}}

/* Composition: shared baselines, directional headlines, and space for the artwork. */
.hero{grid-template-columns:64% 36%;min-height:0}
.hero h1{font-size:clamp(88px,10.1vw,182px);line-height:.96}
.hero-title{align-items:flex-end;padding-top:100px;padding-bottom:80px}
.hero-copy{justify-content:flex-end;padding-top:100px;padding-bottom:80px;padding-left:clamp(32px,4vw,72px);padding-right:clamp(32px,4vw,72px)}
.hero-copy p{font-size:clamp(22px,1.85vw,31px)}
.intro{min-height:0}
.intro>.cell{padding-top:86px;padding-bottom:92px;display:flex;flex-direction:column;justify-content:flex-start}
.intro>.cell:first-child{justify-content:flex-start}
.intro>.cell:last-child{padding-top:120px}
.intro h2{font-size:clamp(70px,7.45vw,134px)}
.intro p{font-size:20px;line-height:1.65}
.growth-copy h2{font-size:clamp(64px,6.35vw,110px)}
.section-lead{margin-top:60px}
.headline-line{display:block}
.capabilities .cell{padding-top:64px;padding-bottom:72px;min-height:0}
.capabilities h3{font-size:clamp(38px,3.4vw,57px);margin-bottom:30px}
.capabilities p{line-height:1.75}
.chapter-heading{min-height:0;padding-top:108px;padding-bottom:58px;display:flex;align-items:flex-end;justify-content:flex-start}
.chapter-heading h2{font-size:clamp(70px,6.5vw,112px);line-height:.94;text-align:left}
.dive-track{height:200vh;min-height:1150px}
.dive-sticky{height:min(780px,100svh)}
.dive-copy{padding-top:42px;padding-bottom:42px}
.dive-copy h3{font-size:44px;margin-bottom:20px}
.fit-heading{min-height:0;padding-top:86px;padding-bottom:38px;display:block}
.fit-heading h2{width:100%;max-width:none;display:grid;gap:8px;font-size:clamp(110px,14.8vw,240px);line-height:.94}
.fit-lead{font-size:clamp(68px,7.2vw,120px);letter-spacing:-.025em}
.fit-emphasis{justify-self:end}
.fit-word{display:inline-block}
.fit-copy{padding-top:72px;padding-bottom:82px}
.fit-copy p{font-size:20px;line-height:1.65}
.landscape-cell{min-height:740px}
.conversation{min-height:640px}
.conversation>.cell{padding-top:76px;padding-bottom:80px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
.conversation .button{margin-top:auto}
.conversation-aside p{display:flex;flex:1;flex-direction:column;justify-content:space-between;width:100%;gap:70px}
.conversation-aside .conversation-reply{display:flex;flex-direction:column;gap:24px;margin:0}
.conversation-aside .exceptional-statement{font:800 clamp(38px,3.6vw,58px)/1.02 var(--display);letter-spacing:-.025em;margin:0}
.conversation h2{font-size:clamp(90px,10vw,166px);line-height:.95;margin-bottom:50px}
.conversation-aside p{font-size:clamp(26px,2.1vw,36px)}
.faq>.cell{padding-top:70px;padding-bottom:76px}
.faq h2{font-size:clamp(58px,5.8vw,98px)}
details{padding-top:40px;padding-bottom:40px}
footer{padding-top:68px;padding-bottom:68px}
@media(min-width:701px){
  .growth-track{height:200vh;min-height:1450px}
  .growth-section{height:max(780px,100svh);min-height:780px}
  .growth-copy{padding-top:68px;padding-bottom:70px;justify-content:space-between}
}
@media(max-width:1050px) and (min-width:701px){
  .intro>.cell{padding-left:38px;padding-right:38px}
  .intro h2{font-size:7.4vw}
  .growth-copy h2{font-size:6.15vw}
  .chapter-heading h2{font-size:clamp(58px,6.5vw,70px)}
  .growth-copy .section-lead{font-size:19px;max-width:calc(100% - 30px)}
  .capabilities .cell{padding-left:28px;padding-right:28px}
}
@media(max-width:700px){
  .hero{grid-template-columns:1fr;min-height:0}
  .hero-title{min-height:0;padding:88px 26px 52px;align-items:flex-end}
  .hero h1{font-size:clamp(52px,16.6vw,112px)}
  .hero-copy{padding:38px 26px 54px;min-height:0}
  .hero-copy p{font-size:24px}
  .intro{min-height:0}
  .intro>.cell{padding:56px 26px 64px}
  .intro>.cell:last-child{padding-top:42px}
  .intro>.cell:first-child{padding-top:70px;padding-bottom:38px;border-bottom:var(--line)}
  .intro h2{font-size:clamp(63px,16.5vw,110px)}
  .intro p{font-size:18px}
  .growth-copy{padding-top:80px;padding-bottom:45px}
  .growth-copy h2{font-size:clamp(51px,15.7vw,108px)}
  .section-lead{margin-top:48px}
  .capabilities .cell{padding:44px 26px 54px;min-height:0}
  .capabilities h3{font-size:42px;margin-bottom:30px}
  .chapter-heading{min-height:0;padding:86px 26px 38px}
  .chapter-heading h2{max-width:6em;font-size:clamp(51px,15.7vw,108px);text-align:left}
  .dive-track{height:215svh;min-height:1080px}
  .dive-sticky{height:92svh;min-height:640px}
  .dive-copy{padding:30px 18px}
  .dive-copy h3{font-size:32px;margin-bottom:14px}
  .fit-heading{min-height:0;padding:74px 26px 30px}
  .fit-heading h2{font-size:clamp(78px,22vw,148px);gap:16px}
  .fit-lead{font-size:clamp(47px,12.6vw,86px)}
  .fit-copy{padding:48px 26px 58px}
  .fit-copy p{font-size:18px}
  .landscape-cell{height:76svh;min-height:560px;max-height:760px}
  .conversation{min-height:0}
  .conversation>.cell{padding:64px 26px 64px;min-height:0}
  .conversation>.cell:first-child{gap:0}
  .conversation .button{margin-top:22px}
  .conversation-aside p{gap:40px}
  .conversation-aside .conversation-reply{align-self:stretch}
  .conversation-aside .exceptional-statement{font-size:clamp(40px,10.5vw,64px)}
  .conversation h2{font-size:clamp(55px,17.5vw,118px);margin-bottom:40px}
  .conversation-aside p{font-size:28px}
  .faq>.cell{padding:56px 26px}
  .faq h2{font-size:60px}
  details{padding:32px 26px}
  footer{padding:46px 26px}
}
@media(prefers-reduced-motion:reduce){
  .growth-track,.dive-track{height:auto;min-height:0}
  .growth-section,.dive-sticky{position:relative;top:0}
}

/* Phone: two equal rows. motion.js sizes and centers the stage and lands the diver at 50%. */
@media(max-width:700px){
  .dive-stage{--waterline:50%}
  .dive-brand,.dive-scale{height:50%}
  .dive-edge{top:50%;height:50%}
}

.dive-stage{border-bottom:var(--line)}
@media(max-width:700px){
 .dive-sticky{min-height:0}
 .is-paused .dive-track,.short-mobile-scene .dive-track,.short-mobile-scene .enter-track{height:auto;min-height:0}
 .is-paused .dive-sticky,.short-mobile-scene .dive-sticky{position:relative;top:0;height:640px}
 .short-mobile-scene .enter-stage{position:relative;top:0;height:420px;min-height:0}
 .short-mobile-scene .enter-frames{display:none!important}
 .short-mobile-scene #enter-title{opacity:1!important;filter:none!important;transform:none!important}
}

/* Win the long game: larger quadrant type, one size for all three. */
.dive-copy h3{font-size:clamp(44px,5vw,72px);margin-bottom:clamp(14px,1.6vw,24px)}
.dive-copy p{font-size:clamp(17px,1.7vw,24px);line-height:1.4;max-width:min(100%,440px)}
@media(max-width:700px){
 .dive-copy h3{font-size:38px;margin-bottom:12px}
 .dive-copy p{font-size:16px;line-height:1.4}
}
/* A single chapter: three finished paintings, each revealed by its own closed cell. */
.plan-details{position:relative;border-bottom:var(--line)}
.plan-stories{min-width:0}
.capability-story{position:relative;isolation:isolate;scroll-margin-top:65px;overflow:clip}
.capability-story:not(:last-child){border-bottom:var(--line)}
.capability-copy{display:grid;grid-template-columns:51% 49%;align-items:stretch;position:relative}
.capability-copy h3{font-size:clamp(63px,6.6vw,108px);line-height:.97;letter-spacing:-.025em;padding:64px clamp(30px,4.5vw,72px);border-right:var(--line)}
.capability-copy p{font-size:18px;line-height:1.65;margin:0;padding:68px clamp(30px,4.5vw,72px);align-self:center}
.tailored-word{display:inline-block}
@media(max-width:1050px) and (min-width:701px){
 .capability-copy h3{font-size:70px;padding:48px 35px}
 .capability-copy p{font-size:17px;padding:48px 35px}
}
@media(max-width:700px){
 .capability-copy{display:block}
 .capability-copy h3{font-size:clamp(61px,18.5vw,112px);padding:48px 26px 0;border-right:0}
 .capability-copy p{font-size:17px;line-height:1.65;padding:30px 26px 42px}
}
/* Wordmark: Barlow Condensed Black, -1% tracking (header and footer). */
@font-face{font-family:Wordmark;src:url('assets/wordmark.ttf') format('truetype');font-weight:900;font-display:swap}
.wordmark{font-family:Wordmark,var(--display);font-weight:900;letter-spacing:-.01em}
/* Pair spacing: 0% between "v" and "y", -8% between "y" and the period. */
.wordmark-v{letter-spacing:0}
.wordmark-y{letter-spacing:-.08em}
/* One fixed header height: the shortest that leaves the wordmark room to breathe. */
:root{--nav-expanded:80px;--nav-compact:var(--nav-expanded);--nav-height:var(--nav-expanded);--nav-offset:var(--nav-height)}
/* The header slides away while reading down and returns on any scroll up; pinned scenes follow its edge. */
.nav-hidden{--nav-offset:0px}
html{scroll-padding-top:var(--nav-height)}
.skip:focus{z-index:100}
.site-header{position:sticky;top:0;z-index:30;height:var(--nav-expanded);padding:0;border:0;display:block;pointer-events:none;transition:transform .3s ease}
.nav-hidden .site-header{transform:translateY(-100%)}
.dive-sticky,.growth-section,.enter-stage,.faq>.cell>h2,.reading-progress,.process-sticky{transition:top .3s ease,height .3s ease,min-height .3s ease}
.nav-surface{position:absolute;inset:0 0 auto;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 4%;background:#fff;border-bottom:var(--line);pointer-events:auto}
.site-header .wordmark{display:flex;align-items:center;min-height:44px;min-width:95px;text-decoration:none}
/* The "y" descender sits the ink low in its line box; lift it to optical center. */
.site-header .wordmark>span{display:block;transform:translateY(-.11em)}
.site-header nav{align-items:center}
.site-header nav a{display:flex;align-items:center;min-height:44px}
.dive-sticky{top:var(--nav-offset);height:min(780px,calc(100svh - var(--nav-offset)))}
@media(min-width:701px){.growth-section{top:var(--nav-offset);height:max(700px,calc(100svh - var(--nav-offset)));min-height:700px}}
@media(max-width:700px){
 :root{--nav-expanded:64px}
 .nav-surface{padding:0 24px}
 .site-header .wordmark{min-width:68px}
 .site-header nav{gap:18px}
 .site-header nav a:nth-child(2){display:none}
 .dive-sticky{height:calc(100svh - var(--nav-offset));min-height:590px}
}
@media(prefers-reduced-motion:reduce){.growth-section,.dive-sticky{top:0}.site-header,.dive-sticky,.growth-section,.enter-stage,.faq>.cell>h2,.reading-progress,.process-sticky{transition:none}}

@media(max-width:360px){.site-header nav{gap:12px;font-size:12.5px}}
@media(hover:hover){
 /* Anywhere over the nav (gaps included), the current page's underline steps aside unless that link is the one hovered. */
 .site-header #main-nav:hover>a[aria-current]:not(:hover){text-decoration:none}
}
/* A cell becomes a view. Its opening edges are the displaced grid column. */
.window-scene{overflow:hidden;perspective:none;transform-style:flat;isolation:isolate;background:#fff}
.landscape-cell{perspective:none}
.landscape-reveal{background:#fff}
.landscape-reveal img{object-fit:cover;object-position:50% 50%;transform:none}
.perception-shutter{position:absolute;top:0;bottom:0;width:50%;background:#fff;z-index:2;will-change:transform;pointer-events:none}
.perception-left{left:0;border-right:1px solid #171717}
.perception-right{right:0;border-left:1px solid #171717}
.window-scene:not(.art-ready) .perception-shutter{display:none}
.perception-shutter::after{content:'';position:absolute;inset:0;opacity:var(--reveal-edge,0);pointer-events:none}
.perception-left::after{background:linear-gradient(90deg,#fff calc(100% - 18px),#f2f1ed 100%)}
.perception-right::after{background:linear-gradient(90deg,#f2f1ed 0,#fff 18px)}
.water-drops i{background:#eef5e4;border-color:#18366e;box-shadow:none}
.is-paused .perception-shutter{display:none}
@media(max-width:700px){
 .landscape-cell{height:auto;min-height:0;max-height:none;aspect-ratio:4/5}
}
@media(prefers-reduced-motion:reduce){.perception-shutter{display:none}}
/* The grid opens to reveal finished paintings. No moving or redrawn artwork. */
.art-reveal{overflow:hidden;isolation:isolate}
.growth-track{height:auto;min-height:0}
.growth-section{position:relative;top:auto;height:auto;min-height:620px;grid-template-columns:60% 40%;border-top:0}
.growth-copy{justify-content:center;padding:76px clamp(30px,4.5vw,72px)}
.growth-copy h2{font-size:clamp(70px,6.5vw,112px);line-height:1.02}
.growth-intro-copy{display:flex;align-items:flex-end;border-left:var(--line);padding:76px clamp(30px,4.5vw,72px)}
.growth-intro-copy .section-lead{max-width:480px;margin:0;font-size:20px;line-height:1.55}
.growth-intro-copy p:last-child{margin-bottom:0}
@media(max-width:1050px) and (min-width:701px){
 .growth-section{grid-template-columns:58% 42%;min-height:550px}
 .growth-copy,.growth-intro-copy{padding:55px 35px}
 .growth-copy h2{font-size:clamp(58px,6.5vw,70px)}
 .growth-intro-copy .section-lead{font-size:18px}
}
@media(max-width:700px){
 .growth-section{display:block;min-height:0}
 .growth-copy{padding:56px 26px 42px}
 .growth-copy h2{font-size:clamp(51px,15.7vw,108px)}
 .growth-intro-copy{border-left:0;border-top:var(--line);padding:36px 26px 48px}
 .growth-intro-copy .section-lead{max-width:none;font-size:19px}
}
/* One concentrated collection interrupts the grid; other sections keep their own medium. */
.site-shell{overflow-x:clip}
.breadth-story{background:linear-gradient(90deg,transparent calc(51% - .5px),#171717 calc(51% - .5px),#171717 calc(51% + .5px),transparent calc(51% + .5px))}
.breadth-story .capability-copy h3{border-right:0}
/* Individual tiles from three native transparent sheets; no flattened collage. */
.sticker-wall{position:relative;width:min(800px,calc(100% - 70px));height:660px;margin:0 auto 30px;pointer-events:none;z-index:4}
.sticker{position:absolute;display:block;width:32%;aspect-ratio:1;filter:drop-shadow(1px 3px 2px #00000026);transform-origin:50% 70%;will-change:transform,opacity;background-size:300% 100%;background-repeat:no-repeat}
.has-shadows .sticker{filter:none}
.has-shadows .sticker-shadow{opacity:0;pointer-events:none}
.has-shadows .sticker-shadow-near{filter:brightness(0) blur(1px)}
.has-shadows .sticker-shadow-far{filter:brightness(0) blur(10.5px)}
html:not(.js) .sheet-a,.is-near .sheet-a{background-image:url('assets/capability-stickers-a.webp')}
html:not(.js) .sheet-b,.is-near .sheet-b{background-image:url('assets/capability-stickers-b.webp')}
html:not(.js) .sheet-c,.is-near .sheet-c{background-image:url('assets/capability-stickers-c.webp')}
.sticker-advertising{left:0;top:0}
.sticker-organic{left:32%;top:18px}
.sticker-seo{left:66%;top:0}
.sticker-blogs{left:4%;top:205px}
.sticker-social{left:35%;top:217px}
.sticker-video{left:64%;top:210px}
.sticker-podcast{left:0;top:405px}
.sticker-funnel{left:32%;top:420px}
.sticker-cro{left:66%;top:430px}
@media(min-width:701px) and (max-width:1050px){.sticker-wall{height:660px}.sticker-blogs,.sticker-social,.sticker-video{top:205px}.sticker-podcast,.sticker-funnel,.sticker-cro{top:410px}}
@media(max-width:700px){
 .breadth-story{background:none}
 .breadth-story .capability-copy p{padding-bottom:24px}
 .sticker-wall{width:calc(100% - 34px);max-width:430px;height:890px;margin-bottom:26px}
 .sticker{width:54%}
 .sticker-advertising{left:-2%;top:0}
 .sticker-organic{left:47%;top:25px}
 .sticker-seo{left:-1%;top:170px}
 .sticker-blogs{left:47%;top:185px}
 .sticker-social{left:-2%;top:345px}
 .sticker-video{left:47%;top:370px}
 .sticker-podcast{left:0;top:535px}
 .sticker-funnel{left:47%;top:550px}
 .sticker-cro{left:24%;top:715px}
}
.custom-story{position:relative;isolation:isolate;min-height:720px;aspect-ratio:3/2;background:#fff;overflow:hidden}
.commission-painting{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.commission-cover{position:absolute;inset:0;background:white;z-index:-1;transform-origin:50% 0;box-shadow:0 3px 10px #00000019;will-change:transform}
.commission-scene:not(.art-ready) .commission-cover{display:none}
.commission-cover::after{content:'';position:absolute;left:0;right:0;bottom:0;height:15px;background:linear-gradient(#fff,#f3f2ee);border-bottom:var(--line)}
.custom-story .capability-copy{display:block;padding:clamp(55px,6vw,90px);padding-right:50%;min-height:100%}
.custom-story .capability-copy h3{font-size:clamp(85px,9vw,150px);padding:0;border:0;margin-bottom:32px}
.custom-story .capability-copy p{padding:0;font-size:18px;line-height:1.55;max-width:390px}
.expertise-story{overflow:hidden}
.expertise-story .capability-copy h3{padding-bottom:48px}
.dinosaur-stage{height:150px;overflow:hidden;position:relative;border-top:0;background:linear-gradient(90deg,transparent calc(51% - .5px),#171717 calc(51% - .5px),#171717 calc(51% + .5px),transparent calc(51% + .5px))}
.is-paused .commission-cover{display:none}
.dinosaur-toy{position:absolute;top:-10px;left:0;width:230px;height:auto;visibility:hidden;transform-origin:50% 50%;will-change:transform;filter:drop-shadow(2px 5px 2px #00000024)}

@media(max-width:1050px) and (min-width:701px){
 .custom-story{aspect-ratio:auto;min-height:740px}.custom-story .capability-copy{padding:54px 35px;padding-right:49%}.custom-story .capability-copy h3{font-size:82px}.custom-story .capability-copy p{font-size:17px}
}
@media(max-width:700px){
 .custom-story{aspect-ratio:auto;min-height:760px}.custom-story .capability-copy{padding:48px 26px}.custom-story .capability-copy h3{font-size:clamp(64px,19vw,104px);margin-bottom:30px}.custom-story .capability-copy p{font-size:17px;line-height:1.6;max-width:330px}.commission-painting{object-position:28% 50%}
 .dinosaur-stage{height:145px;background:none}.expertise-story .capability-copy h3{padding-bottom:0}
 .dinosaur-toy{width:195px;top:0}
}
@media(prefers-reduced-motion:reduce){.commission-cover{display:none}.sticker{will-change:auto}}

/* Portrait art direction: the copy sits on the painted wall and the scene follows directly below it. */
.commission-art{display:contents}
@media(max-width:700px){
 .custom-story{min-height:0;aspect-ratio:auto}
 .custom-story::after{content:"";display:block;aspect-ratio:1/1.15}
 .custom-story .capability-copy{min-height:0;padding:48px 26px}
 .commission-painting{inset:0;height:100%;width:100%;object-fit:cover;object-position:50% 100%;mask-image:none}
}

/* Let the collection occupy the width of the desktop grid. */
@media(min-width:1051px){
 .sticker-wall{width:min(1180px,calc(100% - 110px));height:750px}
 .sticker{width:28%;max-width:310px;will-change:transform,opacity}
 .sticker-advertising{left:0;top:0}
 .sticker-organic{left:35%;top:18px}
 .sticker-seo{left:73%;top:0}
 .sticker-blogs{left:5%;top:230px}
 .sticker-social{left:38%;top:248px}
 .sticker-video{left:71%;top:235px}
 .sticker-podcast{left:1%;top:450px}
 .sticker-funnel{left:34%;top:475px}
 .sticker-cro{left:73%;top:470px}
}
@media(prefers-reduced-motion:reduce){.sticker{will-change:auto}}

/* A full chapter-sized tabletop: the toys cross the same structural grid. */
.expertise-story{min-height:max(900px,100svh);display:flex;flex-direction:column;background:#fff}
.expertise-story .capability-copy{flex:none}
.expertise-story .capability-copy h3{font-size:clamp(85px,9vw,150px);padding-top:76px;padding-bottom:76px}
.expertise-story .capability-copy p{padding-top:76px;padding-bottom:76px;max-width:700px}
.dinosaur-stage{flex:1;min-height:460px;height:auto;border-top:var(--line);overflow:hidden;isolation:isolate;pointer-events:none}
.dinosaur-toy,.rocket-toy{position:absolute;left:0;top:0;height:auto;visibility:hidden;transform-origin:50% 50%;will-change:transform;filter:drop-shadow(2px 5px 2px #00000024)}
.dinosaur-toy{width:clamp(240px,24vw,350px);z-index:2}
.rocket-toy{width:clamp(105px,11vw,160px);z-index:3}
@media(min-width:701px) and (max-width:1050px){
 .expertise-story .capability-copy h3{font-size:82px;padding:54px 35px}
 .expertise-story .capability-copy p{padding:54px 35px}
}
@media(max-width:700px){
 .expertise-story{min-height:100svh}
 .expertise-story .capability-copy h3{font-size:clamp(64px,19vw,104px);padding:48px 26px 0}
 .expertise-story .capability-copy p{padding:30px 26px 42px}
 .dinosaur-stage{height:420px;min-height:420px;flex:none;background:none}
 .dinosaur-toy{width:190px;top:0}
 .rocket-toy{width:92px}
}
@media(prefers-reduced-motion:reduce){.dinosaur-toy,.rocket-toy{will-change:auto}}

/* Cut-paper exhaust shares the original rocket's bounds, pivot and flight. */
/* Before the script runs, or without it, the toys hold the still composition. */
.dinosaur-stage:not(.art-ready) .dinosaur-toy{visibility:visible;left:20%;top:56%;transform:translate(-50%,-50%)}
.dinosaur-stage:not(.art-ready) .rocket-flight{visibility:visible;left:59.4%;top:53%;transform:translate(-50%,-50%) rotate(-20deg)}
.rocket-flight{position:absolute;left:0;top:0;width:clamp(105px,11vw,160px);aspect-ratio:2/3;visibility:hidden;transform-origin:50% 50%;z-index:3;will-change:transform}
.rocket-flight .rocket-toy{position:relative;display:block;width:100%;height:auto;visibility:inherit;transform:none;z-index:1;will-change:auto}
.rocket-exhaust{position:absolute;left:32%;top:95%;width:36%;height:42%;overflow:visible;z-index:0;filter:drop-shadow(1px 2px 1px #00000020)}
.paper-flame{transform-box:fill-box;transform-origin:50% 0}
@media(max-width:700px){.rocket-flight{width:92px}}
@media(prefers-reduced-motion:reduce){.rocket-flight{will-change:auto}.paper-flame{transform:none!important}}

/* Keep the extended studio visible behind readable mobile copy. */
@media(max-width:700px){
 .custom-story::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,rgba(255,248,232,.58) 0%,rgba(255,248,232,.58) 34%,rgba(255,248,232,.22) 46%,transparent 58%)}
}
/* After the T-rex walks off, its stage closes up and the grid row goes with it (toy-motion.js). */
.expertise-story.stage-closing{min-height:0}
.expertise-story.stage-closing .dinosaur-stage{flex:none;min-height:0;transition:height .8s cubic-bezier(.65,0,.35,1)}
.expertise-story.stage-closed .dinosaur-stage{border-top-width:0}
/* "Breadth and depth." matches the other capability scene headlines (Custom strategies, Industry expertise). */
.breadth-story .capability-copy h3{font-size:clamp(85px,9vw,150px)}
@media(max-width:1050px) and (min-width:701px){.breadth-story .capability-copy h3{font-size:82px}}
@media(max-width:700px){.breadth-story .capability-copy h3{font-size:clamp(64px,19vw,104px)}}
/* Bigger toys: the T-rex and rocket read at a glance (sizes about a third larger). */
.dinosaur-toy{width:clamp(320px,32vw,480px)}
.rocket-flight{width:clamp(140px,15vw,220px)}
@media(max-width:700px){.dinosaur-toy{width:250px}.rocket-flight{width:122px}}

/* Custom strategies: keep the paragraph on the plain wall, clear of the painter (~38% across the painting);
   a wall-colored halo keeps it legible where lines pass the brushes on his table. */
@media(min-width:701px){.custom-story .capability-copy p{text-shadow:0 0 2px #f3ebdb,0 0 6px #f3ebdb,0 0 11px #f3ebdb99}}
@media(min-width:1051px){.custom-story .capability-copy p{max-width:min(390px,32vw)}}
@media(max-width:1050px) and (min-width:701px){.custom-story .capability-copy p{max-width:300px}}
@media(max-width:1020px) and (min-width:701px){.commission-painting{object-position:-80px 50%}}
/* The spacecraft opens directly; the title resolves out of its light. */
.enter-track{position:relative;height:230svh;min-height:1100px;border-bottom:var(--line);background:#080e1c;isolation:isolate}
.enter-stage{position:sticky;top:var(--nav-offset);height:calc(100svh - var(--nav-offset));min-height:460px;overflow:hidden;isolation:isolate;background:#080e1c}
.enter-art,.enter-frames{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.enter-end,.enter-frames{display:none}
.enter-ready .enter-frames{display:block;opacity:0;pointer-events:none}
.frames-ready .enter-frames{opacity:1}
.enter-static .enter-end{display:block}.enter-static .enter-start,.enter-ready.enter-static .enter-frames{display:none}
#enter-title{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;margin:0;padding:20px;font:800 clamp(112px,min(16vw,23svh),280px)/.85 var(--display);letter-spacing:-.03em;color:#111;pointer-events:none;transform-origin:center;will-change:opacity,transform,filter}
#enter-title span{display:block}
.enter-ready #enter-title{opacity:0}
.is-paused .enter-track{height:auto;min-height:0}.is-paused .enter-stage{position:relative;top:auto}.is-paused .enter-frames{display:none}
@media(max-width:700px){.enter-track{height:260svh;min-height:1000px}.enter-stage{min-height:420px}#enter-title{font-size:clamp(100px,27vw,180px);gap:16px}}
@media(prefers-reduced-motion:reduce){.enter-track{height:auto;min-height:0}.enter-stage{position:relative;top:auto}.enter-frames,.enter-start{display:none!important}.enter-end{display:block!important}#enter-title{opacity:1!important;transform:none!important;filter:none!important}}
/* One brief interruption, tucked below the headline and clipped by the cell edge. */
.intro{--cow-edge:clamp(28px,4.6vw,76px)}
.cow-stage{position:relative;flex:none;height:215px;margin-top:24px;margin-right:calc(-1 * var(--cow-edge));margin-bottom:-92px;overflow:hidden;pointer-events:none}
.cow-cameo{position:absolute;right:-10px;bottom:-22px;width:230px;aspect-ratio:1;transform:translate3d(110%,0,0);visibility:hidden;will-change:transform;isolation:isolate}
.cow-pose{position:absolute;inset:0;background-image:url('assets/cow-mouth-sheet.webp');background-size:200% 100%;background-repeat:no-repeat;clip-path:inset(0 0 0 1px);mix-blend-mode:plus-lighter;will-change:opacity}
.cow-closed{background-position:0 0}.cow-open{background-position:100% 0;opacity:0}
@media(max-width:1050px) and (min-width:701px){.intro{--cow-edge:38px}}
@media(max-width:700px){.intro{--cow-edge:26px}.cow-stage{height:200px;margin-top:22px;margin-bottom:-64px}.cow-cameo{width:210px;bottom:-23px}}
@media(prefers-reduced-motion:reduce){.cow-cameo{will-change:auto}}

/* Additive isolated crossfade keeps the cow solid: complementary source-over layers dip to 75% opacity halfway. */
@media(prefers-reduced-motion:reduce){.cow-pose{will-change:auto}}

/* The existing cameo now belongs to the sh*t-show headline cell. */
.intro>.cell:first-child .cow-stage{margin-top:24px;margin-right:calc(-1 * var(--cow-edge));margin-bottom:-92px}
@media(max-width:700px){.intro>.cell:first-child .cow-stage{margin-top:20px;margin-bottom:-38px}}

/* Local mobile cow-only proof: present in its existing stage, no slide delay. */
@media(max-width:700px){.cow-cameo{transform:translate3d(0,0,0);visibility:visible}}
/* Local cow composition: the same headline and present cow share one mobile row. */
@media(max-width:700px){
 .intro>.cell:first-child{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:8px;align-items:center;padding:38px 20px;height:min(416px,calc(100svh - 52px));box-sizing:border-box;overflow:hidden}
 .intro>.cell:first-child h2{font-size:clamp(46px,12vw,52px);line-height:1.02;margin:0;min-width:0}
 .intro>.cell:first-child .cow-stage{height:230px;margin:0 -20px 0 0;overflow:hidden;min-width:0}
 /* The art has 36 transparent rows under the neck (of 887); sink them below the stage edge. */
 .intro>.cell:first-child .cow-cameo{--cow-w:clamp(170px,48vw,220px);width:var(--cow-w);right:-10px;bottom:calc(var(--cow-w) * -36 / 887)}
}

/* The cow's neck is cut flat at the bottom of the art, so its stage always ends on the cell's bottom
   line: pushed to the foot of the column on wider screens, bottom-aligned on phones. */
@media(min-width:701px){.intro>.cell:first-child .cow-stage{margin-top:auto}}
@media(max-width:700px){.intro>.cell:first-child .cow-stage{align-self:end;margin-bottom:-38px}}
/* Reserve the whole grid cell; opening one row redistributes its existing space. */
.faq-list{position:relative}
.faq-list.faq-ready{display:flex;flex-direction:column;height:var(--faq-height);min-height:0}
.faq-list.faq-ready>details{flex:0 0 var(--row-height);min-height:0;padding:0;overflow:hidden;transition:flex-basis 420ms cubic-bezier(.22,.68,.24,1)}
.faq-list.faq-ready>details>summary,.faq-probe summary{height:var(--summary-height);min-height:64px;padding:18px 38px;align-items:center;box-sizing:border-box}
.faq-list.faq-ready>details:not([open])>summary{height:100%}
.faq-list.faq-ready>details>p,.faq-probe p{margin:0;max-width:none;padding:0 38px 26px;font-size:16px;line-height:1.65}
.faq-list.faq-ready summary:focus-visible{outline-offset:-5px}
.faq-probe{position:absolute;inset:0 0 auto;visibility:hidden;pointer-events:none;contain:layout;z-index:-1}
.faq-probe details{display:block;padding:0;border:0}
.faq-probe summary{height:auto}
.is-paused .faq-list.faq-ready>details{transition:none}
@media(max-width:700px){.faq-list.faq-ready>details>summary,.faq-probe summary{padding:16px 26px}.faq-list.faq-ready>details>p,.faq-probe p{padding:0 26px 26px}}
@media(prefers-reduced-motion:reduce){.faq-list.faq-ready>details{transition:none}}

/* Page questions link out; the genuine accordions retain their measured group. */
.faq-stack{min-width:0}
.faq-page-link{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;min-height:100px;padding:24px 38px;border-bottom:var(--line);text-decoration:none;color:inherit;box-sizing:border-box}
.faq-link-question{display:block;font-size:17px;line-height:1.4}
.faq-link-copy{display:block;font-size:16px;line-height:1.65;margin-top:8px}
.faq-link-arrow{font-size:26px;line-height:1}
.faq-page-link:hover{background:#171717;color:#fff;text-decoration:none}
.faq-page-link:focus-visible{outline:2px solid #2645c5;outline-offset:-5px;background:#171717;color:#fff}
@media(max-width:700px){.faq-page-link{padding:24px 26px}.faq-link-question{font-size:16px}}

/* The heading stays pinned beside the questions while they scroll past. */
@media(min-width:701px){.faq>.cell>h2{position:sticky;top:calc(var(--nav-offset) + 70px)}}
/* Shared, closed grid. Art may cross a rule; the reading order never does. */
.menu-toggle{display:none;background:none;border:0;padding:10px 0;font-size:15px}.site-header nav a[aria-current]{text-decoration:underline;text-underline-offset:5px}.site-header nav{gap:clamp(18px,2.5vw,40px)}
.global-footer{display:grid;grid-template-columns:1fr auto;padding:38px 4.6%;gap:32px}.global-footer>div{flex-wrap:wrap;gap:24px}.global-footer .legal-links{grid-column:1/-1;border-top:1px solid #ccc;padding-top:24px;justify-content:flex-start;font-size:12px;color:#555}
.inner-page{--gutter:clamp(26px,5vw,90px)}.inner-page section{border-bottom:var(--line)}.inner-page h1{font-size:clamp(76px,9.2vw,158px)}.inner-page h2{font-size:clamp(58px,6.5vw,110px)}.inner-page h3{font-size:clamp(32px,3.2vw,48px)}.eyebrow{font-size:13px;line-height:1.4;letter-spacing:0;margin-bottom:28px}.inner-page [id]{scroll-margin-top:75px}.page-hero{display:grid;grid-template-columns:64% 36%;min-height:650px}.hero-main{padding:var(--gutter);display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.terms-strip{display:grid;grid-template-columns:1fr 1fr}.terms-strip>div{padding:60px var(--gutter)}.terms-strip>div:first-child{border-right:var(--line)}.inner-page h3+p{margin-top:24px}.terms-strip p{font-size:17px;line-height:1.7}.cadence article{display:grid;grid-template-columns:minmax(0,32fr) minmax(0,68fr);padding:30px 35px;gap:16px}.cadence article:not(:last-child){border-bottom:var(--line)}.cadence span{font-size:14px}.cadence p{margin:0}.page-cta{padding:90px var(--gutter);display:grid;grid-template-columns:minmax(0,62fr) minmax(0,38fr);gap:30px;align-items:end}.page-cta p{max-width:380px;font-size:21px}.page-cta .button{margin-top:8px}.phase{display:grid;grid-template-columns:42% 58%;min-height:590px}.price{font:800 clamp(95px,12vw,180px)/.95 var(--display);letter-spacing:-.04em;margin:50px 0 0}.price span{display:block;font:400 16px/1.5 var(--body);letter-spacing:0;margin-top:12px}.consult-form{padding:35px 26px;display:flex;flex-direction:column;justify-content:center;min-width:0}
/* A red pencil interrupts the rule between the invitation and the artwork. */
.intro>.cell:nth-child(2){padding-top:120px}
.reading-progress{position:fixed;top:var(--nav-offset);height:3px;left:0;right:0;z-index:31;pointer-events:none}.reading-progress i{display:block;height:100%;background:#f03626;transform:scaleX(var(--read,0));transform-origin:left}.essay-hero-new{grid-template-columns:76% 24%;min-height:650px}.essay-hero-new h1{font-size:clamp(76px,9.8vw,162px)}.essay-date{font-size:14px;margin:35px 0 0}.essay-deck{padding:60px max(var(--gutter),calc((100% - 950px)/2));font-size:clamp(23px,2.5vw,34px);line-height:1.45;border-bottom:var(--line)}.essay-layout{display:grid;grid-template-columns:28% 72%;border-bottom:var(--line)}.essay-reader{padding:60px var(--gutter) 100px;font-size:20px;line-height:1.75;max-width:1050px}.essay-reader h2{font-size:clamp(36px,4vw,60px);line-height:1.08;letter-spacing:-.01em;margin:70px 0 30px}.essay-reader h2:first-child{margin-top:0}.essay-reader h3{font-size:31px;line-height:1.2;margin:40px 0 22px}.essay-reader p{margin-bottom:1.4em}.essay-reader ul,.essay-reader ol{padding-left:25px;margin:25px 0 35px}.essay-reader li{padding-left:5px;margin:10px 0}.essay-reader a{text-decoration:underline;text-underline-offset:4px}.essay-reader em{font-style:normal}.essay-reader blockquote{margin:36px 0;border-left:3px solid #1742d4;padding:5px 0 5px 25px}
@media(max-width:1000px){.page-cta{grid-template-columns:1fr;gap:40px}.global-footer>div{gap:18px}}
@media(max-width:850px){.menu-toggle{display:block}.site-header #main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:var(--line);padding:15px 26px 22px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 14px 24px #0000000a}.site-header.menu-open #main-nav{display:flex}.site-header #main-nav a{display:flex;padding:8px 0;min-height:48px;font-size:17px}.page-hero{grid-template-columns:1fr;min-height:0}.hero-main{padding:65px var(--gutter)}.global-footer{grid-template-columns:1fr}.global-footer>div{justify-content:flex-start;align-items:flex-start;flex-direction:row}.essay-hero-new{grid-template-columns:80% 20%}.essay-hero-new h1{font-size:80px}.essay-layout{grid-template-columns:1fr}.essay-reader{max-width:800px;margin:auto}.essay-date{margin-top:30px}}
@media(max-width:600px){.inner-page h1{font-size:clamp(65px,15vw,90px)}.inner-page h2{font-size:clamp(51px,12vw,72px)}.inner-page h3{font-size:36px}.hero-main{padding:55px 26px}.eyebrow{margin-bottom:23px}.terms-strip{grid-template-columns:1fr}.terms-strip>div{padding:38px 26px}.terms-strip>div:first-child{border-right:0;border-bottom:var(--line)}.cadence article{padding:25px 26px;grid-template-columns:30% 1fr;gap:20px}.cadence span{font-size:13px}.page-cta{padding:65px 26px;gap:34px}.page-cta p{font-size:19px}.phase{grid-template-columns:1fr;min-height:0}.price{font-size:90px;margin:0;text-align:right}.price span{font-size:13px;margin-top:7px}.consult-form{padding:20px 0 10px}.global-footer{padding:32px 26px}.global-footer>div{gap:18px 24px;font-size:13px}.intro>.cell:nth-child(2){padding-top:34px}.essay-hero-new{grid-template-columns:83% 17%;min-height:500px}.essay-hero-new .hero-main{padding:55px 22px}.essay-hero-new h1{font-size:68px}.essay-hero-new .eyebrow{font-size:12px;max-width:220px}.essay-date{font-size:12px}.essay-deck{padding:40px 26px;font-size:24px}.essay-reader{padding:45px 26px 65px;font-size:18px;line-height:1.75}.essay-reader h2{font-size:40px;line-height:1.1;margin-top:55px}.essay-reader h3{font-size:30px}}

/* Keep the existing scheduling workflow within the monochrome identity. */
.consult-form iframe{filter:grayscale(1) brightness(.7) contrast(3)}
@media(max-width:600px){.price{text-align:left}}

@media(max-width:700px){.intro>.cell:nth-child(2){padding-top:42px}}
@media(max-width:600px){}
@media(min-width:601px){}
.essay-hero-new{overflow:hidden}

/* A reading invitation within the existing copy cell. */
.essay-callout{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:650px;margin-top:24px;padding:22px 24px;border:var(--line);color:var(--ink);background:#fff;text-decoration:none;transition:background-color .18s ease,color .18s ease}
.essay-callout-copy{display:block;min-width:0}
.essay-callout-meta{display:block;font:400 12px/1.45 var(--body);margin-bottom:9px}
.essay-callout-title{display:block;font:600 clamp(20px,1.55vw,25px)/1.25 var(--body);letter-spacing:-.02em;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.essay-callout-arrow{display:grid;place-items:center;flex:0 0 38px;height:38px;border:1px solid currentColor;border-radius:50%;font:400 25px/1 var(--body)}
.essay-callout:hover{background:#171717;color:#fff;text-decoration:none}
.essay-callout:focus-visible{outline:2px solid #174ac6;outline-offset:5px}
@media(max-width:700px){.essay-callout{padding:20px;gap:16px;margin-top:22px}.essay-callout-arrow{flex-basis:32px;height:32px;font-size:22px}.essay-callout-meta{font-size:11px}}
@media(prefers-reduced-motion:reduce){.essay-callout{transition:none}}
.essay-engraving{position:relative;margin:0;overflow:hidden;border-top:var(--line)}
.essay-engraving img{display:block;width:100%;height:auto}
.page-cta{padding:0;gap:0;align-items:stretch}
.page-cta>h2,.page-cta>div{padding:75px var(--gutter)}
.page-cta>h2{border-right:var(--line)}
.page-cta>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.essay-engraving-hero{display:block;min-height:0}
.essay-engraving-hero .hero-main{padding-top:65px;padding-bottom:55px}
.essay-engraving-hero h1{font-size:clamp(82px,9vw,144px);max-width:1100px}
.essay-engraving{border-bottom:var(--line)}
@media(max-width:1000px){.page-cta{grid-template-columns:1fr}.page-cta>h2{border-right:0;border-bottom:var(--line)}}
@media(max-width:700px){.page-cta>h2,.page-cta>div{padding:45px 26px}.essay-engraving-hero .hero-main{padding:48px 26px 38px}.essay-engraving-hero h1{font-size:clamp(64px,16vw,88px)}.essay-engraving img{width:100%;height:auto}.essay-date{font-size:13px}.essay-deck{padding-top:36px;padding-bottom:36px}}
/* Copy-first page compositions. Art is a separate, later pass. */
.site-header #main-nav{gap:clamp(16px,1.7vw,30px);font-size:15px}
.global-footer>div{gap:18px}
.content-page{--gutter:clamp(26px,5vw,90px)}
.content-page section{border-bottom:var(--line)}
.content-page h1{font-size:clamp(76px,9vw,152px);line-height:.96;letter-spacing:-.025em}
.content-page h2{font-size:clamp(48px,5.8vw,96px);line-height:1.01}
.content-page h3{font-size:clamp(34px,3.6vw,58px);line-height:1.05}
.content-page p{font-size:18px;line-height:1.65}
.content-hero{display:grid;grid-template-columns:62% 38%;min-height:560px}
.content-heading{padding:90px var(--gutter);border-right:var(--line);display:flex;align-items:center;min-width:0}
.content-deck{padding:75px clamp(28px,4vw,66px);display:flex;flex-direction:column;justify-content:center}
.content-deck p{font-size:clamp(20px,1.8vw,28px);line-height:1.5;max-width:600px}
.story-row{display:grid;grid-template-columns:48% 52%}
.story-row>h2{padding:72px var(--gutter);border-right:var(--line)}
.story-row>.prose{padding:72px var(--gutter)}
.prose p{max-width:660px}
.people-grid,.principle-grid,.responsibility-grid{display:grid;grid-template-columns:1fr 1fr}
.people-grid>article,.principle-grid>article,.responsibility-grid>article{padding:64px var(--gutter);min-width:0}
.people-grid>article+article,.responsibility-grid>article+article{border-left:var(--line)}
.people-grid h2{font-size:clamp(44px,5vw,82px);margin-bottom:34px}
.people-grid p,.principle-grid p{max-width:570px}
.section-title{padding:72px var(--gutter);border-bottom:var(--line)}
.principle-grid>article:nth-child(odd){border-right:var(--line)}
.principle-grid>article:nth-child(-n+2){border-bottom:var(--line)}
.principle-grid h3,.responsibility-grid h3{margin-bottom:30px}
.content-cta{display:grid;grid-template-columns:62% 38%}
.content-cta>h2{padding:76px var(--gutter);border-right:var(--line)}
.content-cta>div{padding:76px clamp(28px,4vw,66px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:24px}
.content-cta p{margin:0}
.conversation-booking{display:grid;grid-template-columns:48% 52%}
.booking-context{padding:72px var(--gutter);border-right:var(--line)}
.booking-context ul{list-style:none;padding:0;margin:42px 0}
.booking-context li{padding:20px 0;font-size:18px;line-height:1.55;border-top:1px solid #ccc}
.booking-context li:last-child{border-bottom:1px solid #ccc}
.conversation-booking .consult-form{padding:50px 26px;justify-content:flex-start}
.conversation-booking .consult-form>h2{padding:0 20px 25px;font-size:56px}
.content-page .price{font:800 clamp(90px,11vw,160px)/1 var(--display)}
@media(max-width:1100px){
 .menu-toggle{display:block}
 .site-header #main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:var(--line);padding:15px 26px 22px;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100svh - var(--nav-height));overflow-y:auto}
 .site-header.menu-open #main-nav{display:flex}
 .site-header #main-nav a{display:flex;padding:8px 0;min-height:48px;font-size:17px}
}
@media(max-width:900px){
 .content-hero{grid-template-columns:1fr;min-height:0}
 .content-heading{border-right:0;border-bottom:var(--line);padding:65px var(--gutter)}
 .content-deck{padding:42px var(--gutter)}
 .content-page h1{font-size:clamp(72px,12vw,118px)}
 .story-row{grid-template-columns:1fr}
 .story-row>h2{border-right:0;border-bottom:var(--line);padding:55px var(--gutter)}
 .story-row>.prose{padding:48px var(--gutter)}
 .content-cta{grid-template-columns:1fr}
 .content-cta>h2{border-right:0;border-bottom:var(--line)}
 .conversation-booking{grid-template-columns:1fr}
 .booking-context{border-right:0;border-bottom:var(--line)}
 .content-page .phase{grid-template-columns:42% 58%}
}
@media(max-width:700px){
 .content-page h1{font-size:clamp(55px,15.8vw,104px)}
 .content-page h2{font-size:clamp(43px,12.3vw,72px)}
 .content-page h3{font-size:36px}
 .content-page p{font-size:18px}
 .content-heading{padding:58px 26px}
 .content-deck{padding:38px 26px 44px}
 .content-deck p{font-size:21px}
 .story-row>h2,.section-title{padding:48px 26px}
 .story-row>.prose{padding:40px 26px 48px}
 .people-grid,.principle-grid,.responsibility-grid{grid-template-columns:1fr}
 .people-grid>article,.principle-grid>article,.responsibility-grid>article{padding:42px 26px;border-left:0;border-right:0!important}
 .people-grid>article+article,.principle-grid>article+article,.responsibility-grid>article+article{border-top:var(--line)}
 .principle-grid>article:nth-child(-n+2){border-bottom:0}
 .people-grid h2{font-size:50px}
 .content-cta>h2{padding:48px 26px}
 .content-cta>div{padding:38px 26px 48px}
 .booking-context{padding:48px 26px}
 .booking-context li{font-size:17px}
 .conversation-booking .consult-form{padding:40px 16px}
 .conversation-booking .consult-form>h2{font-size:48px;padding-left:10px}
 .content-page .phase{grid-template-columns:1fr}
 .content-page .price{font-size:110px;margin-top:30px}
 .content-page .page-cta>h2,.content-page .page-cta>div{padding:45px 26px}
}

/* Let each idea occupy a complete, generous part of the grid. */
@media(min-width:901px){
 .content-heading{padding-top:110px;padding-bottom:110px}
 .story-row>h2,.story-row>.prose{padding-top:100px;padding-bottom:100px}
 .people-grid>article,.principle-grid>article,.responsibility-grid>article{padding-top:88px;padding-bottom:88px}
 .section-title{padding-top:96px;padding-bottom:96px}
}
@media(max-width:700px){
 .content-heading{padding-top:76px;padding-bottom:76px}
 .section-title{padding-top:64px;padding-bottom:64px}
 .people-grid>article,.principle-grid>article,.responsibility-grid>article{padding-top:60px;padding-bottom:60px}
}

/* The authored Team headline occupies the full grid width. */
.team-hero{grid-template-columns:1fr;min-height:0}
.team-hero .content-heading{border-right:0;border-bottom:var(--line)}
.team-hero h1{max-width:1250px}
.team-hero .content-deck{padding:60px var(--gutter)}
.team-hero .content-deck p{max-width:850px;margin:0}
@media(max-width:700px){.team-hero .content-deck{padding:44px 26px}}

/* Approved embroidered portraits: Will left, Ben right; mirrored to face inward. */
.people-grid .founder-portrait{display:block;width:min(100%,380px);height:auto;aspect-ratio:1;object-fit:contain;margin:0 auto 48px}
@media(max-width:700px){.people-grid .founder-portrait{width:min(100%,300px);margin-bottom:36px}}

.team-page .people-grid .founder-portrait{transform:scaleX(-1)}
/* Each value gets a complete chapter of the grid. */
.team-page .principle-grid{display:block}
.team-page .principle-grid>article{display:grid;grid-template-columns:minmax(0,40fr) minmax(0,60fr);min-height:calc(100svh - 56px);padding:0;border:0}
.team-page .principle-grid>article+article{border-top:var(--line)}
.team-page .value-copy{padding:clamp(56px,6vw,104px) clamp(30px,4.5vw,80px);display:flex;flex-direction:column;justify-content:center;border-right:var(--line)}
.team-page .value-copy h3{font-size:clamp(56px,5.5vw,94px);line-height:1.02;max-width:9ch;margin-bottom:40px}
.team-page .value-copy p{font-size:clamp(18px,1.3vw,22px);line-height:1.6;max-width:520px}
.team-page .value-art{border:0;aspect-ratio:auto;min-width:0;min-height:600px}
.team-page .value-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.team-page .principle-grid>.value-judgment{grid-template-columns:minmax(0,60fr) minmax(0,40fr)}
.team-page .value-judgment .value-copy{grid-column:2;border-right:0;border-left:var(--line)}
.team-page .value-judgment .value-art{grid-column:1;grid-row:1;display:flex;align-items:center}
.team-page .photographic-chess>svg{height:auto;max-height:calc(100svh - 100px);width:100%}
.team-page .principle-grid>.value-craft{display:block}
.team-page .value-craft .value-copy{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;border-right:0;border-bottom:var(--line);padding:40px var(--gutter)}
.team-page .value-craft .value-copy h3{max-width:none;margin:0;font-size:clamp(56px,4.5vw,72px)}
.team-page .cat-studies{min-height:0;height:calc(100svh - 300px);min-height:480px}
.team-page .cat-studies>img{object-fit:contain;padding:25px}
.grid-opening .art-panel{position:absolute;top:0;bottom:0;width:50%;background:#fff;pointer-events:none;z-index:2;transition:transform 1.6s cubic-bezier(.22,.7,.2,1)}
.grid-opening .art-panel-left{left:0;border-right:var(--line);transform:translateX(-101%)}
.is-paused .grid-opening .art-panel{display:none}

/* Big type gives the working promises their own full-screen rhythm. */
.human-ai-intro{padding:clamp(70px,8vw,140px) var(--gutter)}
.human-ai-intro h2{max-width:1150px;margin-bottom:45px}
.human-ai-intro .prose p{font-size:clamp(22px,2vw,30px);max-width:1000px}
.responsibility-grid dl{margin:50px 0 0}
.responsibility-grid dl>div{padding:26px 0;border-top:1px solid #c9c9c9}
.responsibility-grid dt{font-weight:600;font-size:21px}
.responsibility-grid dd{margin:12px 0 0;font-size:18px;line-height:1.6;max-width:570px}

/* Every published article has one clear, whole-card link. */
.journal-card{padding:30px;min-width:0;display:flex;flex-direction:column}
.journal-featured{display:grid;grid-template-columns:65% 35%;padding:0;border-bottom:var(--line);color:inherit;text-decoration:none;transition:background .2s,color .2s}
.journal-featured>div{padding:36px var(--gutter)}
.journal-featured>div+div{border-left:var(--line);padding:36px 38px}
.journal-meta{display:block;font-size:14px;line-height:1.4;margin-bottom:24px}
.journal-page .journal-featured h2{font-size:clamp(54px,5.2vw,84px);line-height:1;max-width:950px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}
.journal-feature-deck{display:flex;flex-direction:column;justify-content:space-between;gap:28px}
.journal-feature-deck p{margin:0;max-width:480px}
.journal-read{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:17px}
.journal-read>.link-arrow{display:grid;place-items:center;border:1px solid;width:48px;height:48px;font-size:28px;border-radius:50%}
.journal-featured:hover{background:#161616;color:#fff}
.journal-featured:focus-visible{outline:3px solid #214bc2;outline-offset:-5px}
.journal-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.journal-grid>article+article{border-left:var(--line)}
.journal-page .journal-grid h2{font-size:clamp(27px,2.35vw,38px);line-height:1.08;margin:0 0 22px}
.journal-grid .journal-meta{font-size:12px;color:#555;margin-bottom:20px}
.journal-grid .journal-card{min-height:230px}

/* Match the useful dimensional comparison on the original pricing page. */
.comparison-scroll{overflow-x:auto}
/* Separate borders: each cell draws its own rules, so the sticky first column keeps its lines while the table scrolls. */
.comparison-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;min-width:900px}
.comparison-table th,.comparison-table td{padding:28px 24px;text-align:left;vertical-align:top;font-size:17px;line-height:1.45;border-right:var(--line);border-bottom:var(--line)}
.comparison-table th:last-child,.comparison-table td:last-child{border-right:0}
.comparison-table thead th{font:800 clamp(28px,2.7vw,44px)/1.06 var(--display);padding-top:40px;padding-bottom:40px}
.comparison-table thead th:first-child{font:500 16px/1.5 var(--body)}
.comparison-table tbody th{font-weight:600}
.comparison-table tr>th:first-child{position:sticky;left:0;background:#fff;z-index:1}
.comparison-table .silvy-column{background:#151515;color:#fff;border-bottom-color:#555}
.comparison-table thead .silvy-column{font-size:54px}
.comparison-note{padding:26px var(--gutter);font-size:14px!important;color:#555;max-width:1100px;margin:0}

/* The same invitation, copy, and color across the site. */
.universal-cta{background:#c83226!important;color:#fff!important;--line:1px solid rgba(255,255,255,.65)}
.universal-cta h2,.universal-cta p,.universal-cta .exceptional-statement{color:#fff!important}
.universal-cta [data-exit-ink]{color:inherit!important}
.universal-cta .button{background:#fff;color:#b72c22;border:1px solid #fff}
.universal-cta .button:hover{background:#161616;color:#fff;border-color:#161616}
.universal-cta .button:focus-visible{outline:3px solid white;outline-offset:5px}
.universal-cta p{max-width:580px}

@media(max-width:900px){
 .team-page .principle-grid>article,.team-page .value-judgment{display:flex;flex-direction:column;min-height:calc(100svh - 52px)}
 .team-page .value-copy{padding:64px 26px;border-right:0;border-left:0!important;border-bottom:var(--line);flex:0}
 .team-page .value-copy h3{font-size:clamp(56px,9vw,84px);max-width:12ch}
 .team-page .value-art{min-height:420px;flex:1}
 .team-page .photographic-chess>svg{max-height:none}
 .team-page .value-craft .value-copy{display:block;padding:64px 26px}
 .team-page .value-craft .value-copy h3{margin-bottom:32px}
 .team-page .cat-studies{height:auto;min-height:0;aspect-ratio:3/2;flex:none}
 .team-page .cat-studies>img{padding:12px}
 .human-ai-intro{padding:70px 26px}
 .journal-featured{grid-template-columns:1fr}
 .journal-featured>div{padding:30px 26px}
 .journal-featured>div+div{border-left:0;padding:0 26px 30px}
 .journal-page .journal-featured h2{font-size:clamp(48px,8vw,76px)}
 .journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .journal-grid>article{border-bottom:var(--line)}
 .journal-grid>article:nth-child(odd){border-left:0}
 .journal-grid>article:last-child{grid-column:1/-1;border-bottom:0}
 .journal-page .journal-grid h2{font-size:32px}
 .journal-card{padding:26px}
}
@media(max-width:500px){
 .team-page .value-copy h3{font-size:58px}
 .team-page .value-art{min-height:360px}
 .team-page .cat-studies{min-height:0;aspect-ratio:3/2}
 .team-page .cat-studies>img{padding:8px}
 .team-page .cat-studies{height:auto;aspect-ratio:auto}
 .team-page .cat-studies>img{display:none}
 .journal-grid{grid-template-columns:1fr}
 .journal-grid>article+article{border-left:0}
 .journal-grid .journal-card{min-height:190px}
}
@media(prefers-reduced-motion:reduce){.grid-opening .art-panel{display:none!important}}

/* Universal invitation panels and footer palette. */
.content-cta.universal-cta>div,.page-cta.universal-cta>div,.conversation.universal-cta>.conversation-aside{background:#214bc2!important;color:#fff}
.universal-cta>div:last-child .button{color:#214bc2}
.universal-cta>div:last-child .button:hover{color:#fff}
.global-footer{background:#111;color:#fff}
.global-footer a,.global-footer button{color:inherit}
.global-footer .legal-links{color:#fff;border-top-color:rgba(255,255,255,.35)}

/* The art is the cell: each full-resolution drawing fills it edge to edge. */
.team-page .principle-grid>.value-craft{min-height:0}
.team-page .cat-cycle{position:relative;display:block;width:100%;height:auto;min-height:0;aspect-ratio:3/2;padding:0;background:transparent;flex:none}
.cat-cycle .cat-frame{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden}
.consult-manifesto{padding:clamp(70px,8vw,130px) var(--gutter);border-bottom:var(--line)}
.consult-manifesto h1{font:800 clamp(48px,5.25vw,84px)/1.08 var(--display);letter-spacing:-.02em;max-width:1390px;margin:0}
.consult-manifesto .manifesto-red{color:#c83226}
.consult-manifesto .manifesto-word{white-space:nowrap}
@media(max-width:600px){.consult-manifesto{padding:56px 26px}.consult-manifesto h1{font-size:clamp(36px,9.6vw,58px)}}

/* Art and copy share one row; the photographic canvas fills the chess cell. */
.team-page .value-judgment .photographic-chess{position:relative;display:block;aspect-ratio:auto}
.team-page .photographic-chess>svg{position:absolute;inset:0;width:100%;height:100%;max-height:none}
.team-page .principle-grid>.value-craft{display:grid;grid-template-columns:minmax(0,40fr) minmax(0,60fr);min-height:0}
.team-page .value-craft .value-copy{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:0;border-bottom:0;border-right:var(--line);padding:clamp(48px,5vw,80px) clamp(30px,4.5vw,80px)}
.team-page .value-craft .value-copy h3{font-size:clamp(56px,5.5vw,94px);line-height:1.02;max-width:9ch;margin:0 0 40px}
.team-page .value-craft .cat-cycle{align-self:center;aspect-ratio:3/2}
@media(max-width:900px){
 .team-page .principle-grid>.value-craft{display:flex;flex-direction:column}
 .team-page .value-craft .value-copy{padding:64px 26px;border-right:0;border-bottom:var(--line)}
 .team-page .value-craft .value-copy h3{font-size:clamp(56px,9vw,84px);max-width:12ch}
 .team-page .value-judgment .photographic-chess{height:auto;min-height:0;aspect-ratio:1.15;flex:none}
}
@media(max-width:500px){.team-page .value-craft .value-copy h3{font-size:58px}}

/* A stable-width countdown avoids rewrapping the manifesto. */
.spots-count{display:inline-block;min-width:.98em;text-align:center;color:#214bc2;font-variant-numeric:tabular-nums}
.spots-count.is-counting{color:inherit}

/* Two art moments, separated by the quieter text-only values. */
.team-page .principle-grid>.value-text-only{display:block;min-height:0}
.team-page .value-text-only .value-copy{display:grid;grid-template-columns:minmax(0,40fr) minmax(0,60fr);align-items:center;gap:7vw;padding:clamp(80px,9vw,145px) var(--gutter);min-height:65svh;border:0}
.team-page .value-text-only .value-copy h3{max-width:10ch;margin:0}
.team-page .value-text-only .value-copy p{max-width:650px;font-size:clamp(21px,1.7vw,28px);line-height:1.55;margin:0}
@media(max-width:900px){
 .team-page .value-text-only .value-copy{display:flex;align-items:stretch;gap:35px;min-height:0;padding:70px 26px}
 .team-page .value-text-only .value-copy h3{max-width:12ch}
}

/* Phone and tablet: the chess value ends where its board ends, with no forced full-screen height. */
@media(max-width:900px){.team-page .principle-grid>.value-judgment{min-height:0}}

/* Above the closing invitation, each main page points to the next one in menu order ("Next: …").
   The -1px margin lays its top rule over the previous section's bottom rule, so it is never doubled. */
.next-page{display:block;border-top:var(--line);margin-top:-1px;position:relative;padding:0}
.next-page a{display:flex;align-items:center;gap:20px;padding:clamp(36px,4.5vw,64px) var(--gutter);font:800 var(--type-card)/1.05 var(--display);letter-spacing:-.025em;transition:background .18s,color .18s}
.next-page a:hover,.next-page a:focus-visible{text-decoration:none;background:#111;color:#fff}
.next-page a:focus-visible{outline:2px solid #fff;outline-offset:-6px}
@media(prefers-reduced-motion:reduce){.next-page a{transition:none}}
.next-page a:hover .link-arrow,.next-page a:focus-visible .link-arrow{box-shadow:0 0 0 1px currentColor}
.next-page .link-arrow.link-arrow{flex:none}
/* Shared editorial layouts and type roles. Illustrative previews keep their own scale. */
:root{--type-hero:clamp(64px,10vw,160px);--type-section:clamp(48px,6.5vw,104px);--type-card:clamp(36px,4vw,64px);--type-lead:clamp(20px,2vw,28px);--type-body:18px;--type-label:14px;--grid-half:minmax(0,1fr) minmax(0,1fr);--grid-wide:minmax(0,8fr) minmax(0,4fr)}
@media(min-width:901px){
.content-hero:not(.team-hero),.content-cta{grid-template-columns:var(--grid-wide)}
.marketing-calculator,.process-step,.argument-prose,.story-row,.conversation-booking{grid-template-columns:var(--grid-half)}
}
/* Values with artwork: equal cells, copy consistently first. */
.team-page .principle-grid>article:not(.value-text-only){display:grid;grid-template-columns:var(--grid-half)}
.team-page .principle-grid>article .value-copy{padding:56px var(--gutter);gap:24px}
.team-page .value-judgment .value-copy{grid-column:1;grid-row:1;border-left:0;border-right:var(--line)}
.team-page .value-judgment .value-art{grid-column:2;grid-row:1}
/* Text-only values and working promises share the same equal split. */
.team-page .value-text-only .value-copy{display:grid;grid-template-columns:var(--grid-half);align-items:center;gap:0;padding:56px var(--gutter)}
.team-page .value-text-only .value-copy{min-height:65svh}
.team-page .value-copy h3,.team-page .value-craft .value-copy h3,.team-page .value-text-only .value-copy h3{font-size:clamp(40px,5vw,80px);max-width:none;margin:0}
.team-page .value-copy p,.team-page .value-text-only .value-copy p{font-size:var(--type-body);line-height:1.6;margin:0}
.human-ai-intro .prose p,.content-deck p,.working-page .rhythm-slide .cadence-description{font-size:var(--type-lead)}
.content-page .content-heading h1,.content-page .growth-question h2{font-size:var(--type-hero)}
.content-page .section-title h2,.content-page .calculator-inputs h1,.people-grid h2{font-size:var(--type-section)}
.content-page .capability-tile h2,.content-page .responsibility-grid h3,.content-page .terms-strip h3,.content-page .process-detail h3,.journal-page .journal-grid h2{font-size:var(--type-card)}
.content-page .capability-tile p,.content-page .process-detail p,.content-page .process-transition,.calculator-inputs .calculator-deck,.calculator-results .monthly-estimate,.calculator-breakdown dt,.responsibility-grid dd{font-size:var(--type-body)}
.content-page .comparison-note,.content-page .year-assumptions,.calculator-results .calculator-method>p,.journal-meta,.journal-grid .journal-meta{font-size:var(--type-label)}
@media(max-width:900px){
.team-page .principle-grid>article:not(.value-text-only){display:flex;flex-direction:column}
.team-page .value-judgment .value-copy{border-right:0;border-bottom:var(--line)}
.team-page .value-text-only .value-copy{grid-template-columns:1fr;gap:32px;padding:48px var(--gutter)}
.team-page .principle-grid>article .value-copy{padding:48px var(--gutter)}
}
@media(max-width:700px){:root{--type-hero:clamp(56px,15vw,96px);--type-section:clamp(44px,12vw,76px);--type-card:36px;--type-lead:20px;--type-body:18px}}
.site-header #main-nav>a[href="/consult/"]{color:#c72d23;font-weight:600}
.site-header #main-nav>a[href="/consult/"]:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:900px){
.team-page .value-text-only .value-copy{grid-template-rows:auto auto;align-content:center}
}
/* Shared indicator for existing arrow-bearing links. The anchor owns the hit area. */
.link-arrow.link-arrow{--arrow-size:38px;display:inline-grid;place-items:center;box-sizing:border-box;width:var(--arrow-size);height:var(--arrow-size);flex:0 0 var(--arrow-size);border:1px solid currentColor;border-radius:50%;font:400 25px/1 var(--body);vertical-align:middle;text-decoration:none;transition:box-shadow .18s ease}
.universal-cta .button .link-arrow{--arrow-size:28px;font-size:20px;margin-left:8px}
a:hover .link-arrow,a:focus-visible .link-arrow{box-shadow:0 0 0 1px currentColor}
@media(max-width:700px){.link-arrow.link-arrow{--arrow-size:32px;font-size:22px}.universal-cta .button .link-arrow{--arrow-size:28px;font-size:20px}}
@media(prefers-reduced-motion:reduce){.link-arrow.link-arrow{transition:none}}
/* Homepage hero fills the first screen, with the headline as large as its cell allows.
   Its widest line ("and different.") is about 4.71em and the three lines stack to about
   2.9em, so it is sized to whichever runs out first: the cell's width or the screen's height. */
.site-shell .hero{min-height:calc(100svh - var(--nav-expanded))}
@media(min-width:1101px){
 .site-shell .hero{grid-template-columns:68% 32%}
 .site-shell .hero h1{font-size:min(calc(min(100vw,1800px)*.122),calc((100svh - var(--nav-expanded) - 190px)/2.9))}
}
@media(min-width:701px) and (max-width:1100px){
 .site-shell .hero h1{font-size:min(calc(100vw*.112),calc((100svh - var(--nav-expanded) - 190px)/2.9))}
}
@media(max-width:700px){.site-shell .hero h1{font-size:calc((100vw - 58px)/4.75)}}