/* The hero's material world continues through the thesis: charcoal, light, gold. */
html{scroll-padding-top:87px}
.thesis-story,.lab,.contact{--gutter:clamp(24px,5vw,84px)}
.thesis-story{position:relative;background:#071116;color:#eeebe2;--story-gold:#d4b98f;--story-soft:#a9acad}
.section-anchor{position:absolute;left:0;top:0;pointer-events:none}
.chapter{position:relative;isolation:isolate;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:2vw;min-height:calc(100svh - 87px);padding:46px var(--gutter);overflow:clip;border-top:1px solid #d7c6a312}
.chapter:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 75% 52%,#89704b0b,transparent 62%)}
.chapter-copy{position:relative;z-index:2;max-width:540px}
.chapter h2{font-size:clamp(45px,4.75vw,79px);line-height:1.04;letter-spacing:-.065em;font-weight:300;text-wrap:balance}
.chapter h2 em{font:inherit;color:var(--story-gold)}
.chapter-description{font-size:clamp(14px,1.25vw,18px);line-height:1.75;letter-spacing:-.02em;color:var(--story-soft);max-width:35ch;margin-top:29px;text-wrap:pretty}
.thesis-figure{position:relative;isolation:isolate;margin:0;width:100%;min-width:0}
.scene-art{width:100%;height:auto;display:block;overflow:visible;font-family:Manrope,sans-serif}
.art-small{font-size:16px;letter-spacing:-.2px;fill:#d5c8af;font-weight:400}
.art-label{font-size:15px;letter-spacing:-.2px;fill:#bcb4a5;font-weight:400}
.brief-title{font-size:31px;letter-spacing:-1px;font-weight:400;fill:#3d3528}
.chapter-outcome .thesis-figure{width:111%;margin-left:-4%}
.chapter-outcome .chapter-copy{padding-bottom:15px}
.chapter-judgment{grid-template-columns:1.1fr .9fr;background:#0a1419}
.chapter-judgment:before{background:radial-gradient(ellipse at 28% 48%,#9e784512,transparent 60%)}
.chapter-judgment .thesis-figure{grid-column:1;grid-row:1;width:116%;margin-left:-10%}
.chapter-judgment .chapter-copy{grid-column:2;grid-row:1;padding-left:4vw}
.chapter-business{display:block;padding-top:46px;padding-bottom:26px;min-height:0;background:#080f13}
.chapter-business .chapter-copy{display:grid;grid-template-columns:1.45fr .65fr;gap:8vw;align-items:end;max-width:1400px;margin:auto}
.chapter-business h2{font-size:clamp(45px,4.6vw,76px);text-wrap:initial}
.chapter-business .chapter-description{margin:0 0 5px;max-width:29ch}
.chapter-business .thesis-figure{width:min(710px,91%);margin:-10px auto -15px}
.mobile-layer-label{display:none}
.chapter-distribution{display:grid;grid-template-columns:.85fr 1.15fr;min-height:calc(100svh - 87px);background:#091318}
.chapter-distribution .thesis-figure{width:118%;margin-left:-9%}
.chapter-distribution .chapter-copy{max-width:540px}
.chapter-distribution h2{font-size:clamp(44px,4.4vw,76px)}

/* Deliberate scenes, running in place instead of relying on an entrance effect. */
.working-folio,.delivered-folio,.outcome-seal,.volume-sheet,.signing-pen,.signed-mark,.service-layer,.service-current,.service-ground,.audience-near,.audience-far,.product-radiance,.network-perimeter,.closing-sculpture{transform-box:fill-box;transform-origin:center}
.signing-pen,.reach-signal,.return-signal{opacity:0}
.js-ready .working-folio{animation:gather-work 13s cubic-bezier(.45,0,.2,1) infinite;animation-delay:var(--delay,0s)}
.js-ready .delivered-folio{animation:finished-work 13s cubic-bezier(.45,0,.25,1) infinite}
.js-ready .outcome-seal{animation:outcome-seal 13s cubic-bezier(.3,0,.3,1) infinite}
@keyframes gather-work{0%,12%,100%{transform:translate(0,0);opacity:.7}44%,61%{transform:translate(var(--dx),var(--dy)) scale(.74);opacity:.08}86%{transform:translate(0,0);opacity:.7}}
@keyframes finished-work{0%,100%{transform:translateY(5px) rotate(-1deg)}42%,68%{transform:translateY(-7px) rotate(1deg)}}
@keyframes outcome-seal{0%,17%,100%{opacity:.5;transform:scale(.94)}42%,77%{opacity:1;transform:scale(1)}}
.js-ready .volume-sheet{animation:volume-of-work 11s cubic-bezier(.45,0,.35,1) infinite;animation-delay:var(--delay,0s)}
@keyframes volume-of-work{0%,100%{transform:translateY(10px);opacity:.15}50%{transform:translateY(-15px);opacity:.65}}
.js-ready .signature-reveal{transform-box:fill-box;transform-origin:left;animation:sign-decision 12s linear infinite}
.js-ready .signing-pen{animation:human-signature 12s linear infinite}
.js-ready .signed-mark{animation:decision-reviewed 12s ease infinite}
@keyframes sign-decision{0%,18%,100%{transform:scaleX(0)}50%,82%{transform:scaleX(1)}94%{transform:scaleX(0)}}
@keyframes human-signature{0%,10%{transform:translate(-9px,-24px) rotate(14deg);opacity:0}18%{transform:translate(0,0) rotate(14deg);opacity:1}27%{transform:translate(40px,-9px) rotate(9deg);opacity:1}35%{transform:translate(90px,-3px) rotate(17deg);opacity:1}43%{transform:translate(143px,-10px) rotate(12deg);opacity:1}50%{transform:translate(193px,-9px) rotate(14deg);opacity:1}63%,100%{transform:translate(211px,-36px) rotate(21deg);opacity:0}}
@keyframes decision-reviewed{0%,47%,95%,100%{opacity:0}57%,82%{opacity:1}}
.js-ready .service-layer.experience{animation:service-top 13s cubic-bezier(.42,0,.23,1) infinite}
.js-ready .service-layer.foundation{animation:service-base 13s cubic-bezier(.42,0,.23,1) infinite}
.js-ready .service-label,.js-ready .mobile-layer-label,.js-ready .service-columns,.js-ready .service-brace{animation:service-open 13s cubic-bezier(.42,0,.23,1) infinite}
.js-ready .service-current{animation:service-power 13s ease infinite}
.js-ready .service-ground{animation:service-shadow 13s cubic-bezier(.42,0,.23,1) infinite}
@keyframes service-top{0%,12%,90%,100%{transform:translateY(116px)}32%,66%{transform:translateY(0)}}
@keyframes service-base{0%,12%,90%,100%{transform:translateY(-116px)}32%,66%{transform:translateY(0)}}
@keyframes service-open{0%,16%,87%,100%{opacity:0}34%,65%{opacity:1}}
@keyframes service-power{0%,15%,88%,100%{opacity:.15}40%,60%{opacity:1}}
@keyframes service-shadow{0%,12%,90%,100%{transform:scaleX(.74);opacity:.17}32%,66%{transform:scaleX(1);opacity:.38}}
.js-ready .audience-near{animation:near-reach 12s cubic-bezier(.4,0,.3,1) infinite}
.js-ready .audience-far{animation:far-reach 12s cubic-bezier(.4,0,.3,1) infinite}
.js-ready .network-perimeter{animation:perimeter-reach 12s ease infinite}
.js-ready .product-radiance{animation:product-life 7s ease-in-out infinite}
.js-ready .reach-signal,.js-ready .return-signal{animation:reach-signal 7s cubic-bezier(.3,0,.6,1) infinite;animation-delay:var(--delay,0s)}
.js-ready .return-signal{animation-duration:9s}
@keyframes near-reach{0%,100%{opacity:.45;transform:scale(.98)}28%,76%{opacity:1;transform:scale(1)}}
@keyframes far-reach{0%,10%,100%{opacity:.15;transform:scale(.97)}42%,74%{opacity:1;transform:scale(1)}}
@keyframes perimeter-reach{0%,20%,100%{opacity:.15}52%,72%{opacity:.65}}
@keyframes product-life{0%,100%{transform:scale(.97);opacity:.8}50%{transform:scale(1.025);opacity:1}}
@keyframes reach-signal{0%,8%{transform:translate(0,0);opacity:0}18%{opacity:.9}78%{transform:translate(var(--dx),var(--dy));opacity:.8}88%,100%{transform:translate(var(--dx),var(--dy));opacity:0}}

/* A warm stone interval protects each venture's original identity. */
.lab{position:relative;isolation:isolate;background:#dfd6c5;color:#282724;padding:82px var(--gutter) 42px;color-scheme:light;overflow:clip}
.lab:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 52%,#f5eddb 0%,#f5eddb00 65%);z-index:-1}
.lab-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.lab .eyebrow{font-size:12px;color:#777064;letter-spacing:.015em;margin-bottom:18px}
.lab-heading h2{font-size:clamp(33px,4.1vw,64px);font-weight:300;letter-spacing:-.06em;line-height:1.1}
.lab-context{font-size:14px;line-height:1.65;letter-spacing:-.015em;color:#746d61;max-width:49ch;margin-top:22px}
.family-map{position:relative;height:clamp(410px,calc(100svh - 285px),680px);margin:35px auto 28px;max-width:1440px;isolation:isolate}
.map-glow{position:absolute;inset:5% 20%;background:radial-gradient(ellipse,#f8edce99,transparent 68%);pointer-events:none}
.branch-lines{position:absolute;inset:0;height:100%;width:100%;overflow:visible;pointer-events:none}
.branch{fill:none;stroke:url(#branch-ink);stroke-width:1.15;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.75;transition:opacity 250ms ease}
.energy{fill:none;stroke:#95703c;stroke-width:1.7;vector-effect:non-scaling-stroke;stroke-dasharray:.06 .94;stroke-dashoffset:1;opacity:0;pointer-events:none}
.js-ready .energy{animation:branch-signal 8s cubic-bezier(.3,0,.6,1) infinite;animation-delay:calc(var(--i)*-1.1s);animation-play-state:paused}
@keyframes branch-signal{0%,10%{stroke-dashoffset:1;opacity:0}22%{opacity:.85}78%{opacity:.85}90%,100%{stroke-dashoffset:0;opacity:0}}
.path-group.is-active .branch{opacity:1;stroke-width:1.8}
.family-root{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);z-index:3;text-align:center;padding:29px 31px;background:radial-gradient(ellipse,#eee3cd 55%,#eee3cd00 76%);white-space:nowrap}
.root-kicker{display:block;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#8c7b60;margin-bottom:18px}
.family-root strong{font-size:clamp(38px,5vw,72px);font-weight:350;line-height:.96;letter-spacing:-.075em}
.root-period{color:#a78953}
.venture{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;min-height:60px;width:max-content;max-width:24%;padding:12px 13px;z-index:4;isolation:isolate}
.venture:before{content:'';position:absolute;inset:-5px;z-index:-1;background:radial-gradient(ellipse,#e5dccb 45%,#e5dccb00 74%)}
.brand-lockup{display:flex;align-items:center;gap:9px;white-space:nowrap;transition:transform 350ms cubic-bezier(.22,1,.36,1)}
.brand-lockup>img{flex:none;object-fit:contain;height:auto}
.purpose{position:absolute;left:50%;top:calc(100% + 5px);transform:translate(-50%,5px);font:400 11px/1.4 Manrope,sans-serif;letter-spacing:-.02em;white-space:nowrap;opacity:0;transition:opacity 200ms ease,transform 300ms cubic-bezier(.22,1,.36,1);color:#746651;background:#e5dccb;padding:2px 6px;pointer-events:none}
.venture:focus-visible .purpose{opacity:1;transform:translate(-50%,0)}
.colony{--x:15%;--y:23%;font-family:BrandSatoshi,sans-serif;font-size:35px;font-weight:650;letter-spacing:-.055em;color:#26382e}.colony img{width:39px}
.horizon{--x:50%;--y:9%;mix-blend-mode:multiply;isolation:auto}.horizon:before{display:none}.horizon-mark{display:block}.horizon img{width:210px;height:auto;mix-blend-mode:multiply}
.atla{--x:85%;--y:23%;font-family:BrandGeist,sans-serif;font-size:42px;font-weight:650;letter-spacing:-.056em;color:#214f43}.atla img{width:38px}
.sales{--x:85%;--y:76%;font-size:25px;letter-spacing:-.055em}.sales .brand-lockup{gap:2px}.sales img{width:60px;clip-path:circle(34% at 50% 50%)}
.apply{--x:50%;--y:91%}.apply>img{width:175px;height:auto;mix-blend-mode:multiply}
.poppy{--x:15%;--y:76%;font-family:'Iowan Old Style',Georgia,serif;font-size:41px;font-weight:700;letter-spacing:-.06em;color:#243b30}.poppy img{width:40px}.poppy-period{color:#d34c31}
.family-founder{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;border-top:1px solid #85796244;padding-top:35px;margin-top:48px}
.family-founder h3{margin:0;font-size:clamp(32px,4.2vw,58px);font-weight:350;letter-spacing:-.06em;line-height:1.1}
.family-founder .text-link{font-size:13px;color:#6e6454}
.lab a:focus-visible{outline-color:#8c693a}
.site-header.is-light{background:#e7deccf5;color:#282724;border-bottom-color:#73634c26}
.site-header.is-light a:focus-visible{outline-color:#8c693a}

/* A closing scene, made from the same sky and architectural threads as the opening. */
.contact{min-height:800px;min-height:min(900px,108svh);display:flex;align-items:center;background:#071116;padding-block:110px 120px;color:#eeebe2;position:relative;isolation:isolate;overflow:hidden}
.closing-sky{position:absolute;inset:0;z-index:-3;background:url('/assets/empty-stage.webp') center 62%/cover no-repeat;opacity:.38}
.contact:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071116 0%,#071116d9 27%,#07111612 72%),linear-gradient(0deg,#071116,transparent 45%,#071116cc);pointer-events:none}
.closing-art{position:absolute;width:77%;right:-8%;top:-2%;height:110%;z-index:-2;pointer-events:none}
.closing-art svg{height:100%;width:100%;object-fit:contain}
.closing-copy{position:relative;z-index:2;width:100%;padding-bottom:12px}
.contact h2{font-size:clamp(68px,8.4vw,146px);font-weight:250;line-height:.99;letter-spacing:-.065em;max-width:12ch}
.contact h2 em{font:inherit;color:#d6bf96}
.closing-link{display:flex;width:fit-content;align-items:center;justify-content:space-between;gap:65px;margin-top:55px;padding:16px 0;border-bottom:1px solid #cbb28a77;font-size:clamp(17px,1.8vw,26px);letter-spacing:-.035em;color:#ded4c1}
.closing-link svg{width:32px;height:32px;fill:none;stroke:#ddc79f;stroke-width:1.2;transition:transform 300ms cubic-bezier(.22,1,.36,1)}
.site-footer{background:#071116;color:#9e9c94;border-color:#d9c9a328;padding-top:33px;padding-bottom:33px}
.js-ready .closing-sculpture{animation:closing-breath 15s cubic-bezier(.45,0,.4,1) infinite;transform-origin:50% 100%}
@keyframes closing-breath{0%,100%{transform:translateY(7px) scaleX(.985);opacity:.65}50%{transform:translateY(-6px) scaleX(1.025);opacity:1}}

/* One visible motion control follows the narrative. The hero keeps its own control. */
.story-toggle{position:fixed;right:24px;bottom:24px;z-index:19;display:grid;place-items:center;width:42px;height:42px;padding:11px;border-radius:50%;border:1px solid #d5c5a54d;background:#081217b8;color:#e6d8bc;backdrop-filter:blur(8px);visibility:hidden;opacity:0;transition:opacity 200ms ease}
.story-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.story-toggle .play-icon{display:none}.story-toggle[aria-pressed=true] .play-icon{display:block}.story-toggle[aria-pressed=true] .pause-icon{display:none}
.story-in-view .story-toggle{visibility:visible;opacity:1}
.js-ready .motion-loop{animation-play-state:paused}
.js-ready .living-scene.is-active .motion-loop,.js-ready .family-map.is-active .energy{animation-play-state:running}
.story-motion-paused .motion-loop,.story-motion-paused .energy,.page-motion-hidden .motion-loop,.page-motion-hidden .energy{animation-play-state:paused!important}
.keyboard-navigation .venture *,.keyboard-navigation .closing-link svg{transition:none!important}

@media(hover:hover) and (pointer:fine){.venture:hover .purpose{opacity:1;transform:translate(-50%,0)}.venture:hover .brand-lockup{transform:translateY(-2px)}.closing-link:hover svg{transform:translate(4px,-4px)}.story-toggle:hover{background:#16232a}}
@media(min-width:1600px){.chapter{padding-block:110px;min-height:950px}.chapter-business{min-height:0;padding-bottom:60px}.chapter-business .thesis-figure{width:1000px;max-width:90%}}
@media(max-width:1100px){.chapter{padding-block:75px;min-height:720px}.chapter h2{font-size:clamp(42px,4.8vw,57px)}.chapter-description{font-size:14px}.chapter-judgment .chapter-copy{padding-left:2vw}.chapter-business{min-height:0;padding-bottom:36px}.chapter-business .chapter-copy{gap:5vw;grid-template-columns:1.4fr .7fr}.chapter-business .thesis-figure{width:94%}.lab{padding-top:68px}.colony{font-size:31px}.colony img{width:34px}.horizon img{width:195px}.atla{font-size:37px}.atla img{width:33px}.sales{font-size:22px}.sales img{width:50px}.apply>img{width:158px}.poppy{font-size:36px}.poppy img{width:35px}.family-root strong{font-size:48px}.contact{min-height:740px}}
@media(max-width:800px){
 .chapter{display:flex;flex-direction:column;align-items:stretch;gap:22px;min-height:0;padding:66px var(--gutter) 55px}
 .chapter-copy,.chapter-judgment .chapter-copy,.chapter-distribution .chapter-copy{max-width:650px;padding:0}
 .chapter h2{font-size:clamp(44px,7.5vw,64px);max-width:15ch;line-height:1.05}
 .chapter-description{font-size:15px;max-width:41ch;margin-top:24px}
 .chapter .thesis-figure{width:100%;max-width:700px;align-self:center;margin:0}
 .chapter-judgment .chapter-copy{order:0}.chapter-judgment .thesis-figure{order:1}
 .chapter-business .chapter-copy{display:block}.chapter-business h2{max-width:20ch}.chapter-business .chapter-description{max-width:40ch;margin-top:24px}
 .chapter-business .thesis-figure{width:112%;max-width:none;margin-left:-6%;align-self:auto}
 .chapter-distribution h2{max-width:17ch}.chapter-distribution .thesis-figure{width:113%;max-width:none;margin-left:-6.5%;align-self:auto}
 .contact h2{font-size:clamp(66px,10.5vw,98px)}.contact{min-height:780px}.closing-art{width:105%;right:-31%;top:15%;height:86%}.closing-copy{padding-bottom:90px}
}
@media(max-width:699px){
 .chapter{padding:59px var(--gutter) 33px;gap:13px}.chapter h2{font-size:clamp(40px,10.5vw,65px);line-height:1.065}
 .chapter-description{font-size:14px;line-height:1.7;max-width:35ch;margin-top:22px}
 .chapter-outcome .thesis-figure{width:120%;max-width:none;margin:2px -10% 4px;align-self:auto}
 .chapter-judgment .thesis-figure{width:115%;max-width:none;margin:5px -8% 0;align-self:auto}
 .chapter-business .thesis-figure{width:119%;margin:5px -9.5% 0}
 .business-art .service-label,.business-art .service-brace{display:none}.business-art .mobile-layer-label{display:block;font-size:24px;fill:#d0c2a8}.business-art .experience .mobile-layer-label{fill:#564a35}
 .chapter-distribution .thesis-figure{width:124%;margin:8px -12% 0}
 .art-small{font-size:20px}.brief-title{font-size:34px}
 .lab{--gutter:25px;padding-top:58px;padding-bottom:34px}.lab-heading h2{font-size:34px;max-width:15ch}.lab .eyebrow{font-size:11px}.lab-context{font-size:13px;max-width:34ch;margin-top:18px}
 .family-map{height:680px;margin-top:25px;margin-inline:-12px;max-width:none}.venture{max-width:48%;padding:9px 6px;min-height:52px}.family-root{top:50%;padding:23px 22px}.family-root strong{font-size:38px}.root-kicker{font-size:8px;margin-bottom:14px}.colony{font-size:26px}.colony img{width:28px}.brand-lockup{gap:5px}.horizon{max-width:66%}.horizon img{width:185px}.atla{font-size:33px}.atla img{width:30px}.sales{font-size:19px}.sales img{width:42px}.apply>img{width:145px}.poppy{font-size:32px}.poppy img{width:30px}.purpose{display:none}
 .family-founder{align-items:flex-start;flex-direction:column;gap:17px;padding-top:30px;margin-top:30px}.family-founder h3{font-size:35px}.family-founder .eyebrow{margin-bottom:13px}
 .contact{min-height:790px;display:block;padding-top:81px;padding-bottom:70px}.contact h2{font-size:clamp(55px,13.5vw,86px);max-width:11ch;line-height:1.02}.closing-copy{padding:0}.closing-link{font-size:16px;gap:28px;margin-top:32px}.closing-link svg{width:27px;height:27px}.closing-art{width:132%;right:-27%;top:37%;height:65%;opacity:.9}.contact:before{background:linear-gradient(180deg,#071116 0%,#071116dc 31%,#07111600 64%,#071116 100%)}.closing-sky{background-position:57% 70%;opacity:.33}
 .site-footer{padding-right:70px;gap:15px 23px}.site-footer .brand{flex-basis:100%;margin-right:0}.site-footer>a:last-child{margin-left:0}.story-toggle{right:16px;bottom:16px;width:39px;height:39px}
}
@media(max-width:370px){.chapter h2{font-size:10.7vw}.chapter-description{font-size:13px}.lab{--gutter:20px}.family-root strong{font-size:34px}.colony{font-size:23px}.colony img{width:25px}.horizon img{width:172px}.atla{font-size:30px}.atla img{width:27px}.sales{font-size:17px}.sales img{width:36px}.poppy{font-size:30px}.poppy img{width:27px}.contact h2{font-size:14vw}.closing-link{font-size:14px;gap:20px}}
@media(max-width:650px){html{scroll-padding-top:74px}}
@media(prefers-reduced-motion:reduce){.motion-loop,.energy{animation:none!important;transition:none!important}.reach-signal,.return-signal{opacity:0}.signing-pen{opacity:0}.energy{opacity:0}}
.reduced-motion .motion-loop,.reduced-motion .energy{animation:none!important;transition:none!important}.reduced-motion .reach-signal,.reduced-motion .return-signal,.reduced-motion .signing-pen,.reduced-motion .energy{opacity:0}