/* Cinematic direction: native scroll motion, progressive enhancement and no animation CDN. */
@import url('./version-2-landscape.css');

:root{--dark:#080909;--deep:#060707;--surface:#141616;--cream:#fff3ee;--paper:#171919;--ink:#f3edeb;--muted:#a39f9c;--light-muted:#aaa6a3;--accent:#dcaca6;--line:rgba(255,255,255,.13);--dark-line:rgba(255,255,255,.14);--gutter:clamp(22px,5vw,72px)}
html{background:var(--dark);scroll-padding-top:108px}
body{background:var(--dark);color:var(--ink);overflow-x:clip}
.heading{font-weight:450;font-size:clamp(40px,5.4vw,72px);letter-spacing:-.055em;line-height:1.1}
.heading em{font-family:var(--font);font-style:normal;letter-spacing:inherit;color:#a89b96}
.section{padding-block:clamp(86px,10vw,150px)}
.eyebrow{font-size:10px;letter-spacing:.14em;color:#b9aaa4}
.eyebrow::before{border-radius:50%;width:5px;height:5px;background:var(--accent)}
.section-number{color:#696867}
.button{border-radius:999px;position:relative;transition:background .25s,color .25s,box-shadow .3s}
.button-light{background:#f3e7e1;color:#121313;box-shadow:0 0 0 1px #ffffff18}
.button-light:hover{background:#fff9f5;box-shadow:0 0 30px #dfaca51f}
.button-dark{background:#f3e7e1;color:#121313}.button-dark:hover{background:#fff}
.button svg{transition:transform .35s var(--ease)}.button:hover svg{transform:translateX(4px)}
.header{position:fixed;left:0;right:0;top:0;background:none;border:0;backdrop-filter:none;padding-inline:var(--gutter);pointer-events:none}
.header .nav{pointer-events:auto;height:90px;padding-inline:0;border:1px solid transparent;border-radius:999px;transition:height .5s var(--ease),max-width .5s var(--ease),padding .5s var(--ease),margin-top .5s var(--ease),background .5s,border-color .5s}
.header.is-scrolled .nav{max-width:1000px;height:62px;margin-top:12px;padding-inline:21px 9px;background:#101111cf;border-color:#ffffff1c;backdrop-filter:blur(20px)}
.brand{font-size:18px;letter-spacing:-.04em}.brand svg{width:29px;height:28px}.desktop-nav{gap:26px}.desktop-nav a{font-size:12px;color:#c1b9b3}.nav-cta{font-size:11px;background:#ffffff15;color:#f5ede8;border:1px solid #ffffff14}.nav-cta:hover{background:#ffffff26}
.reading-progress{position:fixed;inset:0 0 auto;z-index:60;height:2px;pointer-events:none}.reading-progress i{display:block;height:100%;background:var(--accent);transform:scaleX(var(--page-progress,0));transform-origin:0 50%}
.mobile-menu{background:#0b0c0c}.mobile-menu nav>a{font-size:27px}.mobile-menu .button{background:#f3e7e1;color:#121313}

/* The landscape moves at three different depths while the operating panel lifts into view. */
.hero{padding-top:130px;background:#080909;isolation:isolate;overflow:clip}
.hero::before{display:none}
.hero-landscape{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 5%,#222c30 0%,#192022 28%,#7d605c 54%,#ad7d73 71%,#080909 96%)}
.hero-landscape::after{content:'';position:absolute;inset:0;background:linear-gradient(#08090922,transparent 40%,transparent 74%,#080909);z-index:5}
.landscape-glow{position:absolute;width:110%;height:55%;top:23%;left:-5%;background:radial-gradient(ellipse,#d2a09755,transparent 64%);filter:blur(30px)}
.hill{position:absolute;bottom:-3%;left:-12%;width:124%;background-size:100% 100%;background-repeat:no-repeat;transform:translate3d(0,var(--hill-shift,0px),0);will-change:transform}
.hill-back{height:65%;z-index:1;opacity:.68}.hill-mid{height:57%;z-index:2;opacity:.85}.hill-front{height:39%;z-index:4}
.hero>.container{position:relative;z-index:1}
.hero-top{justify-content:center}.hero-top>.location{display:none}.hero-top .eyebrow{color:#d2c3bd}
.hero-grid{display:flex;flex-direction:column;gap:60px;padding:30px 0 75px;perspective:1300px}
.hero-grid>div:first-child{width:100%;text-align:center;position:relative;z-index:3}
.hero h1{max-width:none;font-size:clamp(64px,8.8vw,120px);line-height:1.1;letter-spacing:-.065em;font-weight:450}
.hero-line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}
.hero-line>span,.hero-line>em{display:block}
.hero h1 em{font-family:var(--font);font-style:normal;font-size:inherit;font-weight:450;letter-spacing:inherit;line-height:1.1;color:#e6b7ad}
.hero-description{max-width:510px;margin:25px auto 0;font-size:16px;color:#dad1cc;line-height:1.75}
.hero-actions{justify-content:center;margin-top:29px}.hero-actions>.text-link{font-size:12px;color:#e4d9d4}
.hero-note{color:#c1b1aa;margin-top:18px;font-size:10px}
.system{width:min(660px,82%);max-width:660px;margin:0 auto;background:#101212ee;border:1px solid #ffffff25;border-radius:15px;transform:translate3d(0,var(--system-y,0px),0) rotateX(var(--system-rx,7deg)) scale(var(--system-scale,.94));transform-origin:50% 0%;box-shadow:0 45px 100px -40px #000,0 1px 0 #ffffff26 inset;will-change:transform}
.system::before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 20% 0,#c9b0a00c,transparent 60%);pointer-events:none}
.system-top{padding:20px 25px}.system-title{font-size:14px;color:#eee7e3}.system-title svg{color:#d1ada5}.example-badge{color:#a49891;border-color:#ffffff20;font-size:8px}
.system-tabs{padding:16px 22px 0;gap:10px}.system-tabs button{font-size:11px;padding:7px 11px;color:#a39b96}.system-tabs button[aria-selected=true]{background:#ffffff0d;border-color:#ffffff20;color:#f2d5cc}
.system-body{padding:25px 29px}.event-label{color:#827d79;font-size:9px;margin-bottom:20px}.flow-step{min-height:74px;gap:15px}.flow-step:last-child{min-height:45px}.step-icon{background:#272522;border-color:#4f433e;color:#dcaca6;width:33px;height:33px;border-radius:9px}.flow-step:not(:last-child)::before{background:#6050475e;left:16px}.step-title{font-size:13px;color:#eee5df}.step-description{font-size:11px;color:#a29891}.step-status{color:#bba49a;font-size:10px}
.system-summary{background:#d7aaa209;border-color:#d7aaa224;color:#cdbdb4;padding:12px 14px;border-radius:8px}.system-summary svg{color:#d7aaa2}.system-bottom{padding:15px 25px;color:#847e78}.run-example{color:#dcbab0}.flow-step.is-running .step-icon{border-color:#d7aaa2;box-shadow:0 0 22px #d7aaa21f}
.system-orbit{position:absolute;z-index:3;display:flex;gap:12px;align-items:center;font-size:11px;color:#ddd0c8;background:#1a1b1bdd;border:1px solid #ffffff25;backdrop-filter:blur(15px);border-radius:12px;padding:16px 20px;box-shadow:0 12px 40px #0004;animation:orbit-float 6s ease-in-out infinite;pointer-events:none}
.system-orbit svg{width:18px;height:18px;color:#daaaa1}.orbit-a{left:-140px;top:105px}.orbit-b{right:-115px;top:190px;animation-delay:-2s}.orbit-c{left:-100px;bottom:65px;animation-delay:-4s}
@keyframes orbit-float{0%,100%{translate:0 0}50%{translate:0 -13px}}
.hero-bottom{position:relative;z-index:6;justify-content:center;border-color:#ffffff12;padding:18px 0 35px;gap:40px;color:#aaa09a;font-size:10px}.hero-bottom svg{color:#ae8980}

/* Scroll-painted introduction. The words light up in reading order. */
.manifesto{padding-block:125px;grid-template-columns:.4fr 1.6fr;border-bottom:0;gap:45px}
.manifesto>p:last-child{font-size:clamp(30px,3.7vw,50px);line-height:1.45;letter-spacing:-.04em;max-width:none}.manifesto p span{color:inherit}
.paint-word{display:inline;color:#f5e8df;opacity:var(--word-opacity,1);transition:none}

/* Wide screens: six services travel through a pinned viewport. Mobile retains vertical reading. */
.services-viewport{overflow:hidden;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter)}
.services{border:0;gap:18px}.service{position:relative;isolation:isolate;border:1px solid #ffffff18;border-radius:18px;padding:30px;background:#141616;overflow:hidden}
.service:hover{background:#1a1c1c}.service::after{content:'';position:absolute;width:350px;height:350px;right:-200px;bottom:-220px;border:1px solid #dcb5a729;border-radius:50%;box-shadow:0 0 0 30px #dcb5a708,0 0 0 60px #dcb5a706;z-index:-1;transition:transform .7s var(--ease)}.service:hover::after{transform:translate(-30px,-20px)}
.service-top svg{color:#d0b3a7;width:28px;height:28px}.service-top span{color:#77716b}.service h3{font-size:27px;color:#f2e8e2}.service p{color:#a79d96;font-size:14px}.service small{color:#c3a497;font-size:10px}.service:nth-child(2n){background:#171717}.service:nth-child(3n){background:#171819}
.services-scroll{display:none;align-items:center;gap:18px;font:11px/1 monospace;color:#8d817a;margin-top:26px}.services-current{color:#f2dbce}.services-meter{width:105px;height:1px;background:#ffffff24;overflow:hidden}.services-meter i{display:block;height:100%;background:#d5a89b;transform:scaleX(var(--services-progress,0));transform-origin:0 50%}.services-hint{margin-left:auto;font-family:var(--font);font-size:10px;display:flex;gap:12px;align-items:center}.services-hint svg{width:14px;height:14px}
@media(min-width:1000px) and (min-height:760px) and (prefers-reduced-motion:no-preference){
  .motion-ready #systems{height:var(--services-height,auto);padding-block:0;position:relative}
  .motion-ready #systems>.container{position:sticky;top:85px;padding-top:28px;padding-bottom:32px;overflow:clip}
  .motion-ready #systems .intro-row{margin:18px 0 28px;grid-template-columns:1.1fr 1fr;gap:48px}
  .motion-ready #systems .heading{font-size:clamp(36px,3.7vw,50px)}
  .motion-ready #systems .intro-row>p{font-size:13px;line-height:1.7;max-width:400px}
  .motion-ready .services{display:flex;gap:24px;width:max-content;transform:translate3d(var(--services-x,0px),0,0);will-change:transform}
  .motion-ready .service{width:clamp(400px,42vw,580px);min-height:310px;height:clamp(310px,39vh,390px);padding:30px 34px;display:flex;flex-direction:column}
  .motion-ready .service-top{margin-bottom:30px}.motion-ready .service h3{font-size:clamp(29px,3.2vw,43px);line-height:1.15;max-width:410px}.motion-ready .service p{font-size:15px;line-height:1.8;max-width:400px}.motion-ready .service small{margin-top:auto;padding-top:15px}
  .motion-ready .services-scroll{display:flex}
}

/* The project archive becomes a sequence of layered, full-width product panels. */
.work{background:#080909}.work .intro-row{margin-bottom:60px}.work .eyebrow{color:#b9aaa4}
.projects{display:block;position:relative;padding-bottom:10px}
.project{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(25px,5vw,70px);padding:26px;border:1px solid #ffffff20;border-radius:22px;background:#151717;margin-bottom:36px;transform-origin:50% 5%;box-shadow:0 -10px 45px #0004;position:relative;overflow:hidden}
.project:nth-child(2){background:#181615}.project:nth-child(3){background:#131719}.project:nth-child(4){background:#18161a}
.project-visual{aspect-ratio:1.15;border-radius:12px;padding:45px;min-width:0;background-blend-mode:soft-light;background-image:radial-gradient(ellipse at 20% 10%,#ffffff18,transparent 75%)}
.visual-education{background-color:#3f4840}.visual-hotel{background-color:#655047}.visual-portfolio{background-color:#394751}.visual-support{background-color:#4c4054}
.project-caption{padding:0 22px 0 0}.project h3{font-size:clamp(30px,3.8vw,50px);line-height:1.07;letter-spacing:-.045em;margin-top:24px}.project-caption>p{font-size:14px;line-height:1.85;margin-top:24px;color:#aea099}.project-meta{font-size:9px;color:#c8b3a6}.project-meta svg{color:#d4b0a0}
.mini{background:#16191a;border-color:#ffffff27;color:#e3dad2;transform:translateY(var(--mini-y,0px)) rotate(var(--mini-rotate,-2deg));will-change:transform;box-shadow:0 30px 45px #0005}
.project:hover .mini{transform:translateY(var(--mini-y,0px)) rotate(0deg)}
.mini-bar{border-color:#ffffff19}.mini-bar span:last-child{color:#a3978d}.mini-body{padding:21px}.mini-kicker,.mini-description,.room-meta{color:#a99c90}.mini h4{font-family:var(--font);font-size:20px;font-weight:450;letter-spacing:-.045em;color:#f3e4d8}
.academy-progress i{background:#ffffff14}.academy-progress i:first-child{background:#cbb8a0}.academy-progress i:nth-child(2){background:#907f69}.lesson{border-color:#ffffff15}.lesson span:last-child{color:#b1a393}.lesson.highlight{background:#ffffff08}.mini-note{background:#ddba990c;border-color:#ddba9922;color:#c9b49f}
.booking-dates,.booking-dates>div+div{border-color:#ffffff20}.booking-dates small,.portfolio-stats small,.call-line small{color:#aaa093}.booking-button{background:#d9c5b2;color:#181a18}.portfolio-stats div,.portfolio-row{border-color:#ffffff17}.portfolio-stats .attention{color:#d8b899}.status-pill{background:#acb79a1c;color:#aebc9e}.status-pill.amber{background:#d8aa7617;color:#cfab80}.avatar{background:#c7b1d421;color:#c7b1d4}.ticket{background:#c7b1d408;border-color:#c7b1d421}.ticket p{color:#b1a3b6}.ticket-tags span{border-color:#c7b1d426;color:#bca9c4}
.work-note{margin-top:30px;font-size:10px;line-height:1.8}
@media(min-width:900px) and (min-height:700px) and (prefers-reduced-motion:no-preference){
  .motion-ready .project{position:sticky;top:calc(105px + var(--project-index,0)*18px);transform:scale(var(--project-scale,1));filter:brightness(var(--project-brightness,1));will-change:transform;min-height:460px}
  .motion-ready .project-visual{max-height:60vh;aspect-ratio:1.2}
}

.fit-strip{background:transparent;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;padding-block:40px;overflow:hidden}
.fit-strip .container{width:100%;max-width:none;gap:45px}.fit-strip .eyebrow{min-width:170px;line-height:1.8;color:#95867c}.industries-window{min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.industries{flex-wrap:nowrap;width:max-content;gap:42px;align-items:center}.industries li{white-space:nowrap;font-size:28px;letter-spacing:-.04em;font-weight:450;color:#bcb1a9}.industries li::after{content:'✳';margin-left:42px;color:#534540;font-size:20px}
.motion-ready .industries.is-looping{animation:industry-loop 36s linear infinite}.industries-window:hover .industries{animation-play-state:paused}@keyframes industry-loop{to{transform:translateX(calc(-1 * var(--industry-distance,0px)))}}

/* A live spine traces the six delivery stages. */
.process-grid{position:relative;display:block;padding-left:45px;margin-top:70px}
.process-grid::before,.process-grid::after{content:'';position:absolute;left:8px;top:0;bottom:0;width:1px;background:#ffffff15;pointer-events:none}.process-grid::after{background:#d4a99a;transform:scaleY(var(--process-progress,0));transform-origin:50% 0%;box-shadow:0 0 14px #d4a99a44}
.process-card{position:relative;display:grid;grid-template-columns:68px .75fr 1.2fr 1fr;gap:28px;align-items:center;padding:37px 0;transition:opacity .3s}
.process-card::before{content:'';width:7px;height:7px;background:#34302d;border-radius:50%;position:absolute;top:50%;left:-40px;z-index:1;transition:background .3s,box-shadow .3s}.process-card.is-passed::before{background:#e0b2a1;box-shadow:0 0 0 5px #e0b2a10d,0 0 20px #e0b2a133}
.process-index{margin:0;font-size:11px;line-height:1.8;color:#9b8275;gap:9px}.process-index svg{display:none}.process-card h3{font-size:28px;color:#eee3db}.process-card>p{min-height:0;margin:0;font-size:13px;line-height:1.8;color:#a29890}.deliverable{margin:0;border-color:#7b5e50;color:#c8aa9b;font-size:11px}.deliverable span{color:#81766e}
.ownership{margin-top:40px;border-color:#ffffff15;gap:60px;padding:38px 0}.ownership p:first-child{font-family:var(--font);font-size:28px;letter-spacing:-.04em;line-height:1.4;color:#d8b2a0}

.pricing{background:linear-gradient(#0c0d0d,#111212 55%,#0a0b0b)}.price-card{background:#171818;border-color:#ffffff15;border-radius:17px;padding:27px 23px;position:relative;overflow:hidden}.price-card.featured{background:linear-gradient(155deg,#39312d,#201e1d 70%);border-color:#ad8c7259}.price-label{color:#9f8d7e}.featured .price-label{color:#d5bba6}.price-description,.featured .price-description{color:#a69a91}.price-unit,.featured .price-unit{color:#9a8a7d}.price-details,.featured .price-details{color:#bbae9f;border-color:#ffffff13}.price-card .text-link{color:#d4b8a2}.pricing-note{color:#8f8176}.price{color:#f0e0d1}.pricing .intro-row{margin-bottom:45px}
.people{padding-block:120px}.founder-avatar{background:#252221;color:#b59885}.founder{border-color:#ffffff14}.questions summary{color:#e3d4c6}.questions summary::after{color:#b48c71}.questions details p{color:#a8998c}
.closing{background:#0a0b0b;color:#f6e6da;min-height:620px;display:flex;align-items:center;isolation:isolate;padding-block:110px}
.closing-light{position:absolute;inset:-20% -30%;z-index:-1;background:radial-gradient(ellipse at 50% 100%,#ce947870,transparent 48%),radial-gradient(ellipse at 75% 85%,#8f626f30,transparent 55%);transform:translateY(var(--closing-y,80px));will-change:transform}
.closing::before,.closing::after{content:'';position:absolute;z-index:-1;width:180%;height:110%;border-radius:50%;border:1px solid #d6a88825;left:-40%;top:70%;transform:translateY(var(--closing-ring-y,0px));box-shadow:0 -35px 0 0 #d6a88805,0 -70px 0 0 #d6a88804;pointer-events:none}
.closing::after{width:140%;left:-20%;top:83%;border-color:#d6a88815}.closing .heading{font-size:clamp(55px,7.5vw,100px);line-height:1.06}.closing .heading em{color:#d5a289}.closing .eyebrow{color:#b6a18f}.closing-copy>p{color:#b9a696}.closing-email{color:#a68e7b}.closing .container{gap:80px;grid-template-columns:1.3fr .7fr}.closing .button{background:#f3e2d5}
.footer{background:#080909}.footer-bottom{color:#83766b}.footer-brand>p{color:#a29386}.footer-links{color:#b4a394}.landscape-credit{font-size:9px;color:#716963;padding:0 0 28px;max-width:880px;line-height:1.7}.landscape-credit a{text-decoration:underline;text-underline-offset:2px}

/* Entrance motion only activates when JavaScript can manage it. Everything remains readable otherwise. */
.reveal.is-visible{animation:none}
.motion-measuring .project{position:relative!important;transform:none!important;filter:none!important}
.hero-offscreen .system-orbit{animation-play-state:paused}
.motion-control{padding:0;background:none;color:inherit;font-size:11px;line-height:inherit;text-decoration:underline;text-underline-offset:4px}
.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation:none!important;transition:none!important}
.motion-paused .paint-word{opacity:1!important}.motion-paused .industries{transform:none;flex-wrap:wrap;width:auto;gap:16px}.motion-paused .industry-duplicate{display:none}.motion-paused .industries li{font-size:18px}.motion-paused .industries li::after{display:none}.motion-paused .industries-window{mask-image:none}
.motion-paused .hill,.motion-paused .system,.motion-paused .mini,.motion-paused .closing-light{transform:none!important;will-change:auto}
.services-natural #systems{height:auto!important;padding-block:80px!important}
.services-natural #systems>.container{position:relative!important;top:auto!important}
.services-natural .services{display:grid!important;width:auto!important;grid-template-columns:repeat(3,minmax(0,1fr));transform:none!important}
.services-natural .service{width:auto!important;height:auto!important;min-height:320px!important}
.services-natural .service h3{font-size:28px!important}
.services-natural .services-scroll{display:none!important}
.motion-ready .entrance{opacity:0;transform:translate3d(0,48px,0);transition:opacity .9s var(--ease),transform 1.1s var(--ease);transition-delay:var(--entrance-delay,0ms)}
.motion-ready .entrance.is-entered{opacity:1;transform:none}
.motion-ready .hero-line>span,.motion-ready .hero-line>em{animation:hero-rise 1.3s var(--ease) both}.motion-ready .hero-line:nth-child(2)>em{animation-delay:.12s}
.motion-ready .hero-top{animation:soft-enter 1.2s .1s both}.motion-ready .hero-description{animation:soft-enter 1.1s .3s both}.motion-ready .hero-actions{animation:soft-enter 1.1s .42s both}.motion-ready .hero-note{animation:soft-enter 1s .55s both}
.motion-ready .system{animation:panel-enter 1.5s .25s var(--ease) both}
@keyframes hero-rise{from{transform:translateY(115%) rotate(2deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}
@keyframes soft-enter{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes panel-enter{from{opacity:0;translate:0 85px}to{opacity:1;translate:0 0}}

@media(max-width:1100px){.orbit-a{left:-95px}.orbit-b{right:-90px}.orbit-c{left:-65px}.system-orbit{padding:13px 15px;font-size:10px}.project-visual{padding:28px}.project{gap:28px}.process-card{gap:22px;grid-template-columns:50px .65fr 1.2fr 1fr}.desktop-nav{gap:18px}.closing .container{gap:40px}}
@media(max-width:899px){
  .header{padding-inline:16px}.header .nav{height:74px}.header.is-scrolled .nav{height:59px;margin-top:8px;padding-inline:14px 8px}
  .hero{padding-top:111px}.hero h1{font-size:clamp(55px,8.6vw,80px)}.hero-grid{gap:42px;padding-bottom:42px}.hero-description{max-width:490px}.system{width:88%}.system-orbit{display:none}.hero-bottom{flex-wrap:wrap;gap:13px 24px}.hill-front{height:31%}.hill-mid{height:44%}.hill-back{height:58%}
  .manifesto{grid-template-columns:1fr;gap:24px;padding-block:86px}.manifesto>p:last-child{font-size:36px}
  .services{display:grid;grid-template-columns:1fr 1fr}.service{padding:26px}.service h3{font-size:25px}.service p{font-size:13px}
  .project{grid-template-columns:1fr 1fr;padding:20px;gap:26px;border-radius:18px}.project-visual{padding:19px;aspect-ratio:.95}.project-caption{padding-right:8px}.project h3{font-size:31px}.project-caption>p{font-size:12px;margin-top:18px}.project-meta{font-size:8px}
  .process-card{grid-template-columns:40px 1fr 1.3fr;gap:22px}.process-card>p{grid-column:3;grid-row:1 / span 2}.process-card h3{font-size:27px}.deliverable{grid-column:2;margin-top:-6px}
  .fit-strip .container{flex-direction:column;align-items:stretch;gap:25px}.industries li{font-size:27px}
  .people{padding-block:80px}.closing{min-height:560px;padding-block:80px}.closing .container{grid-template-columns:1fr;gap:34px}.closing-copy>p{max-width:480px}.closing .heading{font-size:68px}.closing .button{max-width:350px}
}
@media(max-width:550px){
  .hero{padding-top:108px}.hero-top .eyebrow{font-size:8px;letter-spacing:.13em}.hero-grid{padding-top:23px;gap:38px}.hero h1{font-size:clamp(40px,8.4vw,49px);letter-spacing:-.065em;line-height:1.15}.hero h1 em{line-height:1.15}.hero-line{padding-bottom:.16em;margin-bottom:-.16em}
  .hero-description{font-size:14px;line-height:1.8;margin-top:23px;max-width:350px}.hero-actions{margin-top:23px;gap:16px;flex-direction:column}.hero-actions .button{width:auto;max-width:100%;font-size:12px;gap:18px;padding:15px 21px;min-height:48px}.hero-actions>.text-link{font-size:11px}.hero-note{font-size:9px;line-height:1.8;max-width:270px;margin-inline:auto}
  .system{width:100%;border-radius:13px}.system-top{padding:16px}.system-title{font-size:11px}.system-tabs{padding:12px 12px 0;gap:3px}.system-tabs button{font-size:8px;padding:6px 7px}.system-body{padding:20px 16px}.event-label{font-size:8px;margin-bottom:18px}.flow-step{min-height:68px;gap:11px}.step-title{font-size:11px}.step-description{font-size:9px;max-width:220px}.step-status{font-size:8px}.step-icon{width:30px;height:30px}.flow-step:not(:last-child)::before{left:14px;top:30px}.system-summary{font-size:9px;gap:8px}.system-bottom{padding:13px 16px;font-size:8px}.run-example{font-size:10px}.example-badge{font-size:7px;padding:3px 5px}
  .hero-bottom{display:grid;gap:12px;padding:20px 0 35px;font-size:9px;border:0;justify-content:start}.hill-front{height:27%;bottom:2%}.hill-mid{height:45%}.hill-back{height:56%}.hero-landscape{background:radial-gradient(ellipse at 50% 8%,#222c30 0%,#192022 26%,#7d605c 57%,#ad7d73 71%,#080909 97%)}
  .manifesto{padding-block:76px}.manifesto>p:last-child{font-size:29px;line-height:1.5}.heading{font-size:42px}.section{padding-block:75px}.intro-row{margin-top:23px;gap:24px}.intro-row>p{font-size:14px}.section-number{font-size:9px}
  .services{grid-template-columns:1fr;gap:16px}.service{padding:28px;min-height:258px}.service-top{margin-bottom:25px}.service h3{font-size:30px}.service p{font-size:14px}.service small{font-size:10px}.service::after{right:-170px;bottom:-190px}
  .project{grid-template-columns:1fr;padding:15px;gap:0;margin-bottom:25px}.project-visual{padding:28px;aspect-ratio:1.14}.project-caption{padding:24px 9px 15px}.project h3{font-size:32px;margin-top:16px}.project-caption>p{font-size:13px;margin-top:17px}.project-meta{font-size:9px}.mini-body{padding:17px}.mini h4{font-size:19px}.work-note{font-size:10px}
  .process-grid{padding-left:30px;margin-top:45px}.process-grid::before,.process-grid::after{left:3px}.process-card{grid-template-columns:1fr;gap:12px;padding:29px 0}.process-index{font-size:10px}.process-card::before{left:-30px;top:38px}.process-card>p{grid-column:auto;grid-row:auto;min-height:0;font-size:13px}.process-card h3{font-size:30px}.deliverable{grid-column:auto;margin-top:9px;font-size:11px}.deliverable span{font-size:9px}.ownership{gap:20px}.ownership p:first-child{font-size:27px}
  .price-card{padding:28px}.price{font-size:28px}.price-description{font-size:13px}.price-details{font-size:12px}.pricing-note{font-size:10px}.founder{font-size:11px}.people-description{font-size:13px}.people .heading{font-size:40px}
  .closing{min-height:600px;padding-block:72px}.closing .heading{font-size:61px}.closing .container{gap:30px}.closing-copy>p{font-size:14px}.closing .button{max-width:none}.closing-email{font-size:11px}.closing-light{inset:0 -70%}.footer-links{font-size:11px}.landscape-credit{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
.reading-progress{display:none}.hero .hill,.hero .system,.mini,.closing-light{transform:none!important;will-change:auto}.system-orbit{animation:none!important}.industries{animation:none!important;transform:none!important;flex-wrap:wrap;width:auto;gap:16px}.industries-window{mask-image:none}.industries li{font-size:18px}.industries li::after{display:none}.industry-duplicate{display:none!important}.paint-word{opacity:1!important}.process-grid::after{transform:none}.motion-ready .entrance{opacity:1;transform:none}.project{position:relative!important;transform:none!important;filter:none!important}.services{transform:none!important}.hero-line>span,.hero-line>em{transform:none!important;opacity:1!important}
}
/* Before / connected: the same pieces settle into an ordered workflow as you scroll. */
.outcomes{background:linear-gradient(#0c0d0d,#121313 55%,#0a0b0b)}
.outcomes .intro-row{margin-bottom:48px}
.outcomes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.outcome-card{--connect:1;--scatter:0;position:relative;min-width:0;padding:29px;background:#171818;border:1px solid #ffffff17;border-radius:20px;overflow:hidden}
.outcome-card:nth-child(2){background:#1a1817}.outcome-card:nth-child(3){background:#15191a}.outcome-card:nth-child(4){background:#19171a}
.outcome-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.outcome-heading h3{font-size:28px;letter-spacing:-.04em;line-height:1.2}.outcome-heading>span{font:11px/1.5 monospace;color:#8f7f72}
.outcome-scene{position:relative;height:226px;margin:22px -9px 24px;isolation:isolate}
.outcome-scene::before{content:'';position:absolute;inset:24px 0 16px;border-radius:50%;background:radial-gradient(ellipse,#d8a28a13,transparent 68%);opacity:var(--connect);pointer-events:none}
.outcome-scene-status{position:absolute;top:4px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.07em;text-transform:uppercase;line-height:1.6}
.outcome-scene-status span{position:absolute;left:0;right:0}.scene-before{color:#8e8177;opacity:var(--scatter)}.scene-after{color:#d3b29f;opacity:var(--connect)}
.outcome-wire{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.outcome-wire path{stroke:#cfaa95;stroke-width:1;vector-effect:non-scaling-stroke;fill:none;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--connect) * 100);opacity:var(--connect)}
.outcome-node{position:absolute;top:50%;width:26%;min-height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:12px 7px;text-align:center;border:1px solid #a68b7657;border-radius:10px;background:#242321;color:#d9c6b7;box-shadow:0 10px 24px #0003;transform:translate(calc(var(--node-x) * var(--scatter)),calc(-50% + var(--node-y) * var(--scatter))) rotate(calc(var(--node-turn) * var(--scatter)))}
.outcome-node svg{width:20px;height:20px;color:#d4ab92}.outcome-node span{font-size:10px;line-height:1.45}.node-one{left:5%;--node-x:7px;--node-y:25px;--node-turn:-9deg}.node-two{left:37%;--node-x:-6px;--node-y:-24px;--node-turn:7deg}.node-three{left:69%;--node-x:-9px;--node-y:19px;--node-turn:-6deg}
.outcome-card:nth-child(2) .node-one{--node-y:-23px;--node-turn:8deg}.outcome-card:nth-child(2) .node-two{--node-y:24px;--node-turn:-8deg}.outcome-card:nth-child(2) .node-three{--node-y:-12px;--node-turn:6deg}
.outcome-card:nth-child(3) .outcome-node{background:#20282b;border-color:#93a7ae45}.outcome-card:nth-child(3) .outcome-node svg{color:#b1c1c8}.outcome-card:nth-child(4) .outcome-node{background:#29232c;border-color:#baa2c245}.outcome-card:nth-child(4) .outcome-node svg{color:#c7b0cf}
.scene-caption{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:10px;line-height:1.5;color:#aa9788;opacity:var(--connect);transform:translateY(calc(var(--scatter) * 8px))}
.outcome-copy{display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid #ffffff13;padding-top:24px;min-height:137px}
.outcome-copy>div>span{display:block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#8f8176;margin-bottom:11px}.outcome-copy p{font-size:17px;line-height:1.6;letter-spacing:-.02em}.outcome-before p{color:#a29386}.outcome-after{border-left:1px solid #c1a28b30;padding-left:23px}.outcome-after>span{color:#d9b7a0!important}.outcome-after p{color:#eee0d4}
.outcomes-invite{display:flex;justify-content:space-between;align-items:center;gap:32px;border-top:1px solid #ffffff16;margin-top:45px;padding-top:35px}.outcomes-invite>p{font-size:clamp(25px,3vw,36px);letter-spacing:-.045em;line-height:1.35}.outcomes-invite .button{flex-shrink:0}
.motion-ready .outcome-card{--connect:0;--scatter:1}
html:not(.motion-ready) .outcome-card{--connect:1!important;--scatter:0!important}
@media(max-width:850px){.outcomes-grid{gap:18px}.outcome-card{padding:23px}.outcome-copy{grid-template-columns:1fr;gap:20px;min-height:0}.outcome-after{border-left:0;padding-left:0}.outcome-scene{height:216px;margin-inline:-12px}.outcome-node{min-height:74px;padding-inline:4px}.outcome-node span{font-size:9px}.outcome-heading h3{font-size:26px}.outcome-copy p{font-size:16px}}
@media(max-width:600px){.outcomes-grid{grid-template-columns:1fr}.outcome-card{padding:25px 22px;border-radius:17px}.outcome-heading h3{font-size:29px}.outcome-scene{height:225px;margin:22px -5px}.outcome-copy{grid-template-columns:1fr 1fr;gap:17px;padding-top:23px;min-height:130px}.outcome-copy p{font-size:15px}.outcome-after{border-left:1px solid #c1a28b30;padding-left:16px}.outcome-node span{font-size:9px}.outcomes-invite{flex-direction:column;align-items:stretch;gap:26px}.outcomes-invite>p{font-size:30px}.outcomes-invite .button{width:100%}}
@media(max-width:360px){.outcome-copy{grid-template-columns:1fr;gap:22px}.outcome-after{border-left:0;padding-left:0}.outcome-scene-status{font-size:8px}}
@media(prefers-reduced-motion:reduce){.outcome-card{--connect:1!important;--scatter:0!important}}