@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-variable.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
:root{--midnight:#080d12;--charcoal:#141b21;--slate:#283744;--stone:#b9bec3;--ivory:#f2eee8;--sand:#d6b894;--sunrise:#efa45e;--muted:#aeb7bd;--line:rgba(214,184,148,.2);--max:1360px;--section:128px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:34px}body{margin:0;background:var(--midnight);color:var(--ivory);font-family:Manrope,Arial,sans-serif;font-size:15px;line-height:1.8;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;line-height:1.15}p+p{margin-top:22px}ul,ol{padding:0;margin:0}::selection{background:var(--sand);color:var(--midnight)}:focus-visible{outline:2px solid var(--sunrise);outline-offset:6px}[hidden]{display:none!important}.wrap{width:min(calc(100% - 112px),var(--max));margin-inline:auto}.section{padding-block:var(--section)}.warm{color:var(--sand)}.muted{color:#7c888f}.eyebrow{text-transform:uppercase;font-size:10px;font-weight:600;letter-spacing:.22em;line-height:1.7}.skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:12px 20px;background:var(--ivory);color:var(--midnight);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}
.site-header{position:absolute;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:35px 56px;max-width:1800px;margin:auto}.brand-lockup{display:inline-flex;align-items:center;gap:18px;flex-shrink:0}.wordmark{font-size:26px;letter-spacing:.3em;font-weight:500;line-height:1;display:inline-block;transform:scaleX(1.12);transform-origin:left center;margin-right:14px}.emblem{width:39px;height:36px}.site-header nav{display:flex;align-items:center;gap:36px;font-size:10px;font-weight:600;letter-spacing:.07em}.site-header nav a{transition:color .2s}.site-header nav a:hover{color:var(--sand)}.nav-contact{border:1px solid rgba(242,238,232,.42);padding:12px 20px;display:flex;gap:26px}.menu-toggle{display:none}
.hero{position:relative;height:100svh;min-height:790px;max-height:1250px;isolation:isolate}.hero-picture,.hero-shade{position:absolute;inset:0;z-index:-1}.hero-picture img{height:100%;width:100%;object-fit:cover;object-position:center}.hero-shade{background:linear-gradient(90deg,rgba(4,9,14,.78),rgba(4,9,14,.37) 46%,rgba(4,9,14,.03) 78%),linear-gradient(0deg,var(--midnight),transparent 30%,rgba(4,9,14,.16) 80%,rgba(4,9,14,.4))}.hero-content{padding-top:clamp(190px,25svh,300px)}.rule{display:flex;align-items:center;gap:18px}.rule:before{content:'';width:38px;height:1px;background:var(--sand)}.hero .eyebrow{color:var(--sand)}h1{font-size:clamp(52px,5.6vw,88px);letter-spacing:-.045em;font-weight:400}.hero h1{margin:30px 0 30px;line-height:1.11;max-width:850px}.hero h1 span{display:block;color:var(--ivory)}.hero-description{max-width:490px;color:#d3d6d6;font-size:14px;line-height:1.95}.hero-actions{display:flex;gap:32px;align-items:center;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:16px 23px;border:1px solid var(--sand);font-size:11px;font-weight:600;line-height:1.4;min-height:50px;transition:background .2s,transform .2s,color .2s}.button span{font-size:18px;font-weight:400}.button-light{color:var(--midnight);background:var(--sand)}.button:hover{background:var(--ivory);transform:translateY(-2px)}.text-link{display:inline-flex;align-items:center;gap:25px;font-size:11px;font-weight:500;padding-block:10px;border-bottom:1px solid rgba(214,184,148,.5)}.text-link span{font-size:18px;color:var(--sand)}.text-link:hover{color:var(--sand)}.hero-bottom{position:absolute;bottom:32px;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-end;font-size:10px;letter-spacing:.07em;color:var(--stone);line-height:1.9}.hero-bottom a{display:flex;align-items:center;gap:24px}.hero-bottom a span{font-size:22px;color:var(--sand)}.hero-bottom .coordinates{font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.section-kicker{display:flex;align-items:center;gap:26px;margin-bottom:64px;color:var(--sand);text-transform:uppercase;letter-spacing:.15em;font-size:10px}.section-kicker .line{height:1px;flex:1;background:var(--line)}h2{font-size:clamp(32px,3.25vw,50px);letter-spacing:-.035em;line-height:1.24}.split-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:110px;align-items:start}.split-heading h2{max-width:690px}.section-copy{color:var(--muted);font-size:14px;line-height:1.95;padding-top:7px}.dependency-line{display:flex;gap:54px;align-items:center;margin-top:70px;border-block:1px solid var(--line);padding:27px 0}.dependency-line>.eyebrow{color:var(--muted);font-size:9px}.dependency-line ol{list-style:none;display:flex;align-items:center;justify-content:space-between;flex:1;font-size:14px;color:#a4adb3}.dependency-line li:not(:last-child):after{content:'';display:inline-block;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);color:#7c888f;margin-left:40px}.cycle-return{font-size:24px;color:var(--sand)}.shift{background:#10171d;border-block:1px solid rgba(214,184,148,.08)}.flow{display:grid;grid-template-columns:1fr 56px 1.15fr 56px 1fr;align-items:stretch;margin-top:68px}.flow-step{padding:30px 0 26px;border-top:1px solid var(--line)}.flow-center{padding-inline:26px;border:1px solid rgba(214,184,148,.5);background:rgba(214,184,148,.025)}.step-index{font-size:11px;color:var(--sand);font-variant-numeric:tabular-nums;letter-spacing:.1em}.flow h3{font-size:19px;margin:28px 0 15px}.flow p{font-size:13px;color:var(--muted);max-width:260px}.flow small{display:block;margin-top:35px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--sand)}.flow-arrow{align-self:center;text-align:center;color:var(--sand);font-size:25px}.flow-note{font-size:11px;color:#9ca8b0;margin-top:27px;text-align:right;max-width:640px;margin-left:auto}.principle-intro{display:grid;grid-template-columns:1fr 1.5fr;align-items:start;gap:100px}.principle-intro>.eyebrow{max-width:190px;margin-top:10px}.pillars{display:grid;grid-template-columns:repeat(3,1fr);margin-top:75px;gap:0}.pillar{padding:0 44px;border-left:1px solid var(--line)}.pillar:first-child{padding-left:0;border:0}.pillar:last-child{padding-right:0}.pillar-top{display:flex;align-items:center;justify-content:space-between;height:50px}.pillar-glyph{display:block;position:relative;width:40px;height:35px}.glyph-1:before,.glyph-1:after{content:'';position:absolute;width:9px;height:33px;background:var(--sand);transform:skewX(-35deg);left:11px;top:0}.glyph-1:after{height:22px;left:25px;top:11px;opacity:.55}.glyph-2:before,.glyph-2:after{content:'';position:absolute;inset:3px 4px;border:1px solid var(--sand);transform:rotate(30deg) skew(-30deg) scaleY(.7)}.glyph-2:after{transform:translateY(9px) rotate(30deg) skew(-30deg) scaleY(.7)}.glyph-3:before,.glyph-3:after{content:'';position:absolute;width:20px;height:20px;border-right:2px solid var(--sand);border-top:2px solid var(--sand);transform:rotate(45deg);top:6px;left:0}.glyph-3:after{left:13px}.pillar h3{font-size:28px;margin:32px 0 14px;letter-spacing:-.025em}.pillar .pillar-line{color:var(--ivory);font-size:14px}.pillar>p:last-child{color:var(--muted);font-size:13px;line-height:1.9;margin-top:18px}.foundation{background:#111920;border-block:1px solid rgba(214,184,148,.1)}.foundation-explorer{display:grid;grid-template-columns:350px 1fr;margin-top:65px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.layer-tabs{padding:18px 36px 18px 0;border-right:1px solid var(--line);align-self:stretch}.layer-tabs button{display:grid;grid-template-columns:25px 1fr 18px;gap:16px;align-items:center;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:25px 12px;font-size:12px;width:100%;line-height:1.6;min-height:90px;color:var(--muted)}.layer-tabs button:last-child{border-bottom:0}.layer-tabs button>span:first-child{font-size:10px;color:var(--sand)}.layer-tabs button>span:last-child{font-size:19px}.layer-tabs button[aria-selected=true]{color:var(--ivory);background:rgba(214,184,148,.07);box-shadow:inset 2px 0 var(--sand)}.layer-tabs button:hover{color:var(--ivory)}.layer-panels{padding:34px 0 35px 44px}.layer-panels [role=tabpanel]{display:grid;grid-template-columns:190px 1fr;gap:30px;min-height:353px;align-items:center}.layer-graphic{height:245px;position:relative;align-self:center}.plane{position:absolute;border:1px solid #62717b;width:115px;height:100px;left:32px;transform:rotate(-30deg) skewX(30deg) scaleY(.6);background:#141e27}.plane-1{top:20px;z-index:4}.plane-2{top:50px;z-index:3}.plane-3{top:80px;z-index:2}.plane-4{top:110px;z-index:1}.plane-active{background:#493b2e;border-color:var(--sand);box-shadow:0 0 40px rgba(214,184,148,.08)}.layer-graphic>span{position:absolute;bottom:5px;left:0;width:100%;text-align:center;font-size:8px;letter-spacing:.15em;color:var(--sand)}.layer-detail h3{font-size:25px;letter-spacing:-.025em;margin-bottom:17px}.layer-detail>p{font-size:12px;color:var(--muted);line-height:1.9}.layer-detail ul{list-style:none;margin-top:22px}.layer-detail li{font-size:11px;padding:9px 0 9px 17px;border-bottom:1px solid rgba(214,184,148,.12);position:relative}.layer-detail li:before{content:'';position:absolute;left:0;top:19px;width:4px;height:4px;background:var(--sand)}.layer-detail .boundary{font-size:10px;color:#99a6af;margin-top:20px}.noscript-note{margin-top:24px;color:var(--muted)}
.phases{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin-top:66px;gap:35px}.phases li{border-top:1px solid var(--line);padding-top:25px}.phases h3{font-size:25px;margin:30px 0 18px;letter-spacing:-.02em}.phases .phase-line{font-size:12px;color:var(--ivory);margin-bottom:10px}.phases p{font-size:12px;color:var(--muted);line-height:1.9}.phases p+p{margin-top:0}.possibilities{background:#10171d}.use-cases{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:62px}.use-cases article{border-top:1px solid var(--line);padding-top:15px}.case-line-art{height:155px;position:relative;overflow:hidden;margin-bottom:20px}.art-0{display:flex;gap:10px;align-items:center;justify-content:center}.art-0:before{content:'';position:absolute;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,var(--sand),transparent)}.art-0 span{height:55px;width:55px;border:1px solid #5c6160;transform:rotate(45deg);background:#10171d;position:relative}.art-0 span:nth-child(3){border-color:var(--sand);height:75px;width:75px;background:#252725}.art-1{display:flex;gap:19px;align-items:center;justify-content:center}.art-1 span{border:1px solid #5c6160;width:45px;height:64px;transform:skewY(-15deg);position:relative;background:#10171d}.art-1 span:nth-child(3){border-color:var(--sand);height:90px}.art-1:before{content:'';height:1px;position:absolute;inset:50% 12% auto;background:var(--sand)}.use-cases .eyebrow{color:var(--sand);font-size:9px}.use-cases h3{font-size:29px;letter-spacing:-.02em;line-height:1.35;margin:18px 0 20px}.use-cases article>p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:500px}.tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:26px}.tags li{font-size:9px;color:#b8bfc2;border-bottom:1px solid var(--line);padding-bottom:5px}.manifesto{position:relative;isolation:isolate;min-height:670px;display:flex;align-items:center;text-align:center}.manifesto picture,.manifesto-shade{position:absolute;inset:0;z-index:-1}.manifesto img{height:100%;width:100%;object-fit:cover;object-position:65% 45%}.manifesto-shade{background:linear-gradient(0deg,rgba(8,13,18,.85),rgba(8,13,18,.3) 50%,rgba(8,13,18,.45))}.manifesto .emblem{width:60px;height:60px;object-fit:contain;margin:0 auto 30px}.manifesto .eyebrow{font-size:10px;color:#e2ddd4;letter-spacing:.15em}.manifesto h2{font-size:clamp(43px,5.2vw,79px);line-height:1.2;margin:22px 0 25px;letter-spacing:-.035em}.manifesto h2 span{color:var(--sand)}.manifesto-content{padding:90px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:120px}.contact-intro>.eyebrow{font-size:9px}.contact h2{font-size:clamp(40px,4vw,58px);margin:24px 0}.contact-intro>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:390px}.contact-note{max-width:340px;margin-top:60px;font-size:11px;color:#a7b0b6;line-height:1.9}.small-rule{display:block;background:var(--sand);width:32px;height:1px;margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.field{display:flex;flex-direction:column;margin-bottom:16px}.field label{font-size:10px;margin-bottom:9px;letter-spacing:.04em}.field label span{color:#98a5af;font-size:9px}.field input,.field select,.field textarea{width:100%;border:1px solid #39464f;background:#111920;border-radius:0;padding:12px 14px;color:var(--ivory);font-size:13px;line-height:1.7;min-height:48px}.field input:hover,.field select:hover,.field textarea:hover{border-color:#78838a}.field textarea{resize:vertical;min-height:125px}.field textarea::placeholder{color:#929fa8}.field-error{min-height:0;color:#ffc3a3;font-size:11px;margin-top:5px}.field-error:empty{display:none}[aria-invalid=true]{border-color:#ffc3a3!important}.privacy-note{font-size:10px;color:#a7b2ba;line-height:1.9;margin:8px 0 24px}.form-status{font-size:12px;color:var(--sand);line-height:1.7;margin-top:18px;min-height:1.7em}.footer{border-top:1px solid var(--line);padding:52px 0 28px}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-top>p{font-size:12px;color:var(--stone)}.back-top{font-size:10px;color:var(--sand)}.footer-bottom{font-size:9px;color:#99a5af;margin-top:50px;border-top:1px solid rgba(214,184,148,.1);padding-top:22px}.footer-bottom nav{display:flex;gap:24px}.footer a:hover{color:var(--sand)}.policy-page{max-width:860px;padding-block:65px 120px}.policy-page .brand-lockup{margin-bottom:100px}.policy-page h1{font-size:50px;margin:22px 0 35px}.policy-page>p:not(.eyebrow){color:var(--muted);font-size:15px}.policy-page>.text-link{margin-top:40px}
@keyframes rise-in{from{transform:translateY(14px)}to{transform:translateY(0)}}[data-reveal].arrived{animation:rise-in .7s cubic-bezier(.2,.7,.2,1) both}
@media(min-width:1800px){.hero-content{padding-top:25svh}.hero h1{font-size:98px}.hero-description{font-size:16px;max-width:550px}}
@media(max-width:1200px){.wrap{width:calc(100% - 80px)}.site-header{padding-inline:40px}.site-header nav{gap:22px}.split-heading{gap:65px}.contact-grid{gap:65px}.foundation-explorer{grid-template-columns:290px 1fr}.layer-tabs{padding-right:25px}.layer-panels{padding-left:25px}.layer-panels [role=tabpanel]{grid-template-columns:1fr}.layer-graphic{display:none}.hero-bottom .coordinates{display:none}.dependency-line li:not(:last-child):after{margin-left:25px}.pillar{padding-inline:30px}}
@media(max-width:800px){:root{--section:88px}.wrap{width:calc(100% - 48px)}.site-header{padding:25px 24px}.site-header .wordmark{font-size:23px}.site-header .emblem{width:32px;height:30px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;width:44px;height:44px;border:1px solid #79838a;background:rgba(8,13,18,.6);padding:11px}.menu-toggle span{height:1px;width:100%;background:var(--ivory);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.site-header nav{display:none;position:absolute;top:87px;left:24px;right:24px;padding:25px;background:#10171d;border:1px solid var(--line);box-shadow:0 15px 40px #0008}.site-header nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:8px}.site-header nav a{padding:14px;font-size:12px}.site-header .nav-contact{margin-top:8px;justify-content:space-between}.hero{min-height:850px;max-height:1100px}.hero-content{padding-top:230px}.hero h1{font-size:67px;max-width:620px}.hero-description{max-width:470px}.hero-shade{background:linear-gradient(90deg,rgba(4,9,14,.72),rgba(4,9,14,.1)),linear-gradient(0deg,var(--midnight),transparent 60%,rgba(4,9,14,.25))}.hero-picture img{object-position:58% center}.hero-bottom{bottom:27px}.hero-bottom>a{font-size:9px}.split-heading{grid-template-columns:1fr;gap:28px}.section-copy{max-width:600px}.section-kicker{margin-bottom:40px}.dependency-line{gap:30px;flex-wrap:wrap}.dependency-line>.eyebrow{width:100%}.dependency-line ol{min-width:85%;font-size:12px}.dependency-line li:not(:last-child):after{margin-left:25px}.flow{grid-template-columns:1fr 35px 1fr 35px 1fr}.flow-center{padding-inline:15px}.flow h3{font-size:17px}.flow p{font-size:11px}.flow small{font-size:8px}.flow-note{text-align:left}.principle-intro{grid-template-columns:1fr;gap:22px}.principle-intro>.eyebrow{max-width:none}.pillars{gap:25px}.pillar{padding:0;border:0}.pillar h3{font-size:23px}.pillar .pillar-line{font-size:12px}.pillar>p:last-child{font-size:12px}.foundation-explorer{grid-template-columns:255px 1fr}.layer-tabs{padding-right:18px}.layer-tabs button{font-size:11px;gap:10px;grid-template-columns:20px 1fr 12px}.layer-panels{padding-left:24px}.layer-detail h3{font-size:23px}.phases{grid-template-columns:1fr 1fr;gap:40px}.phases p{font-size:13px}.use-cases{gap:35px}.use-cases h3{font-size:24px}.use-cases article>p:not(.eyebrow){font-size:12px}.manifesto{min-height:570px}.contact-grid{grid-template-columns:1fr;gap:50px}.contact-intro>p:not(.eyebrow){max-width:520px}.contact-note{margin-top:28px;max-width:520px}.footer-top{flex-wrap:wrap}.footer-top>p{order:3;width:100%}.footer-bottom{flex-wrap:wrap}.footer-bottom>span:last-child{width:100%}}
@media(max-width:520px){:root{--section:72px}.hero{height:100svh;min-height:830px}.hero-content{padding-top:188px}.hero h1{font-size:46px;line-height:1.16;margin:25px 0}.hero-description{font-size:12px;line-height:1.95;max-width:325px}.hero .eyebrow{font-size:8px;letter-spacing:.16em}.rule{gap:12px}.rule:before{width:22px}.hero-actions{flex-direction:column;align-items:flex-start;gap:12px;margin-top:28px}.hero .button{font-size:10px;padding:15px 18px;gap:25px}.hero .text-link{font-size:10px}.hero-picture img{object-position:60% center}.hero-shade{background:linear-gradient(90deg,rgba(4,9,14,.67),rgba(4,9,14,.23)),linear-gradient(0deg,var(--midnight),rgba(4,9,14,.08) 65%,rgba(4,9,14,.45))}.hero-bottom{font-size:8px;gap:20px}.hero-bottom a{gap:14px;font-size:8px;max-width:130px}.hero-bottom a span{font-size:18px}h2{font-size:32px}.section-kicker{font-size:8px;letter-spacing:.13em;gap:20px;margin-bottom:33px}.section-copy{font-size:12px}.dependency-line{margin-top:38px;gap:22px;padding:24px 0}.dependency-line ol{font-size:10px;min-width:100%;gap:9px}.dependency-line li:not(:last-child):after{margin-left:10px}.cycle-return{display:none}.flow{grid-template-columns:1fr;margin-top:40px}.flow-step{padding:24px 0}.flow-center{padding-inline:24px}.flow h3{font-size:22px;margin:15px 0 12px}.flow p{font-size:12px;max-width:none}.flow small{margin-top:20px;font-size:9px}.flow-arrow{transform:rotate(90deg);padding:10px 0}.flow-note{font-size:10px}.pillars{grid-template-columns:1fr;margin-top:40px;gap:35px}.pillar{border-top:1px solid var(--line);padding-top:25px!important}.pillar:first-child{border-top:1px solid var(--line)}.pillar-top{height:28px}.pillar h3{font-size:28px;margin:24px 0 12px}.pillar .pillar-line{font-size:13px}.pillar>p:last-child{font-size:13px}.foundation-explorer{grid-template-columns:1fr;margin-top:35px}.layer-tabs{border-right:0;border-bottom:1px solid var(--line);padding:12px 0}.layer-tabs button{min-height:60px;padding:14px 15px;font-size:11px;grid-template-columns:23px 1fr 20px}.layer-panels{padding:30px 0}.layer-panels [role=tabpanel]{min-height:340px;align-items:start}.layer-detail h3{font-size:27px}.layer-detail>p{font-size:12px}.layer-detail li{font-size:11px}.layer-detail .boundary{font-size:10px}.phases{gap:35px 24px;margin-top:38px}.phases h3{font-size:23px;margin-top:20px}.phases p{font-size:11px}.phases .phase-line{font-size:11px}.use-cases{grid-template-columns:1fr;gap:45px;margin-top:35px}.use-cases h3{font-size:26px}.use-cases article>p:not(.eyebrow){font-size:12px}.case-line-art{height:135px}.manifesto{min-height:520px}.manifesto h2{font-size:39px}.manifesto .eyebrow{font-size:8px;line-height:1.9;max-width:250px;margin:auto}.manifesto picture img{object-position:62% center}.manifesto-content{padding:72px 0}.contact h2{font-size:42px}.contact-intro>.eyebrow{font-size:8px}.contact-intro>p:not(.eyebrow){font-size:12px}.form-grid{grid-template-columns:1fr;gap:0}.field input,.field select,.field textarea{font-size:16px}.contact form .button{width:100%;font-size:11px}.footer{padding-top:35px}.footer .wordmark{font-size:22px}.footer .emblem{width:32px}.footer .brand-lockup{gap:12px}.footer-bottom{gap:18px;margin-top:30px}.footer-bottom nav{gap:20px}.policy-page{padding-top:45px}.policy-page .brand-lockup{margin-bottom:70px}.policy-page h1{font-size:38px}.policy-page>p:not(.eyebrow){font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover{transform:none}}

/* Continuous experience: native scroll, compositor-friendly movement, explicit motion control. */
.scroll-progress{position:fixed;left:0;right:0;top:0;z-index:40;height:2px;background:var(--sand);transform:scaleX(var(--page-progress,0));transform-origin:left;pointer-events:none}.site-header{position:fixed;max-width:none;transition:background .4s,padding .4s,border-color .4s;border-bottom:1px solid transparent}.site-header.is-scrolled{background:rgba(8,13,18,.88);backdrop-filter:blur(18px);padding-block:20px;border-bottom-color:var(--line)}html{scroll-padding-top:105px}.chapter-rail{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:15;display:flex;flex-direction:column;gap:5px}.chapter-rail a{width:30px;height:34px;display:grid;place-items:center}.chapter-rail a:after{content:'';width:4px;height:4px;border:1px solid #8f979c;transform:rotate(45deg);transition:transform .4s,background .4s}.chapter-rail a[aria-current]:after{transform:rotate(45deg) scale(1.6);background:var(--sand);border-color:var(--sand)}.chapter-rail span{position:absolute;right:30px;opacity:0;font-size:9px;color:var(--sand);transition:opacity .3s}.chapter-rail a:hover span,.chapter-rail a:focus-visible span{opacity:1}#motion-toggle{position:fixed;right:18px;bottom:14px;z-index:20;font-size:9px;letter-spacing:.04em;border:1px solid #667077;color:#d0d4d6;background:#080d12db;padding:7px 12px;min-height:34px;backdrop-filter:blur(10px)}.hero{overflow:hidden}.hero-line{display:block;overflow:hidden}.hero-line>span{display:block}.experience-ready .hero-line>span{animation:hero-arrive 1.2s cubic-bezier(.16,1,.3,1) both}.experience-ready .hero-line:nth-child(2)>span{animation-delay:.13s}.experience-ready .hero-line:nth-child(3)>span{animation-delay:.26s}.experience-ready .hero-content>.eyebrow,.experience-ready .hero-description,.experience-ready .hero-actions{animation:soft-arrive 1.2s ease both;animation-delay:.3s}.experience-ready .hero-picture{transform:translate3d(0,calc(var(--hero-travel,0)*170px),0) scale(calc(1.02 + var(--hero-travel,0)*.09));will-change:transform}.experience-ready .hero-content{transform:translate3d(0,calc(var(--hero-travel,0)*-70px),0);opacity:calc(1 - var(--hero-travel,0)*.65)}.hero-atmosphere{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 87% 26%,rgba(255,204,136,.12),transparent 44%);mix-blend-mode:screen;z-index:-1}.experience-ready .hero-atmosphere{animation:dawn-breathe 9s ease-in-out infinite alternate}.horizon{position:relative;min-height:750px;isolation:isolate;background:#080d12}.horizon-sticky{position:relative;min-height:750px;display:flex;align-items:center;overflow:hidden}.horizon-copy{position:relative;z-index:2;padding-block:120px}.horizon-copy h2{font-size:clamp(40px,6.2vw,94px);line-height:1.18;letter-spacing:-.045em;margin:40px 0;max-width:1200px}.horizon-copy>p:last-of-type{font-size:15px;color:var(--muted);max-width:420px}.horizon-word{display:inline-block}.experience-ready .horizon-word{opacity:calc(.48 + var(--word-light,0)*.52);transform:translate3d(0,calc((1 - var(--word-light,0))*14px),0);transition:opacity .15s,transform .15s}.horizon-rule{display:block;width:80px;height:1px;background:var(--sand);margin-top:40px;transform-origin:left}.experience-ready .horizon-rule{transform:scaleX(calc(.25 + var(--horizon-progress,0)*3))}.contour-field{position:absolute;inset:0;width:100%;height:100%;color:var(--sand);opacity:.13;mask-image:linear-gradient(90deg,transparent,black 30%,black 85%,transparent);pointer-events:none}.experience-ready .contour-field{transform:translateY(calc(var(--horizon-progress,0)*-40px)) scale(calc(1.1 + var(--horizon-progress,0)*.1))}.experience-ready .contour-field path{stroke-dasharray:2400;stroke-dashoffset:calc(1800 - var(--horizon-progress,0)*1800)}.horizon-caption{position:absolute;bottom:55px;left:0;right:0;display:flex;justify-content:space-between;text-transform:uppercase;font-size:8px;letter-spacing:.17em;color:#aab3b9}.foundation-scroll-cue{display:none}.experience-ready .foundation-explorer{position:relative}.foundation-explorer:after{content:'';position:absolute;bottom:-1px;left:0;height:1px;width:100%;background:var(--sand);transform:scaleX(var(--build-progress,0));transform-origin:left}.experience-ready .layer-panels [role=tabpanel]{animation:panel-arrive .55s cubic-bezier(.2,.7,.2,1) both}.experience-ready .plane{transition:transform .8s cubic-bezier(.2,.7,.2,1),border-color .5s,background .5s}.experience-ready .plane-active{transform:translateY(-9px) rotate(-30deg) skewX(30deg) scaleY(.6)}.flow-step,.pillar,.phases li,.use-cases article{transition:transform .7s cubic-bezier(.16,1,.3,1),border-color .7s}.experience-ready .flow:not(.in-view) .flow-step{transform:translateY(18px)}.experience-ready .flow.in-view .flow-step:nth-of-type(2){transition-delay:.15s}.experience-ready .flow.in-view .flow-step:nth-of-type(3){transition-delay:.3s}.experience-ready .pillar-glyph{transition:transform .7s}.experience-ready .pillar:hover .pillar-glyph{transform:translateY(-7px)}.experience-ready .phases:not(.in-view) li{transform:translateY(20px)}.phases li:nth-child(2){transition-delay:.1s}.phases li:nth-child(3){transition-delay:.2s}.phases li:nth-child(4){transition-delay:.3s}.experience-ready .case-line-art span{transition:transform .7s,border-color .7s}.experience-ready .use-cases article:hover .art-0 span{transform:rotate(45deg) translate(-4px,-4px);border-color:var(--sand)}.experience-ready .use-cases article:hover .art-1 span{transform:skewY(-15deg) translateY(-7px);border-color:var(--sand)}.manifesto{overflow:hidden}.experience-ready .manifesto picture{transform:translateY(calc((var(--manifesto-travel,.5) - .5)*110px)) scale(1.15);will-change:transform}.experience-ready .manifesto-content{transform:translateY(calc((var(--manifesto-travel,.5) - .5)*-40px))}.experience-ready .manifesto.in-view h2{animation:soft-arrive .9s ease both}.button{position:relative;overflow:hidden}.button:before{content:'';position:absolute;inset:-60% -100%;background:linear-gradient(100deg,transparent 40%,#fff6 49%,transparent 58%);transform:translateX(-45%);transition:transform .6s;pointer-events:none}.button:hover:before{transform:translateX(45%)}
@keyframes hero-arrive{from{transform:translateY(105%);opacity:.1}to{transform:translateY(0);opacity:1}}@keyframes soft-arrive{from{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes dawn-breathe{from{opacity:.45;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}@keyframes panel-arrive{from{opacity:.35;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1100px) and (min-height:780px){.experience-ready .horizon{height:165svh;min-height:1000px}.experience-ready .horizon-sticky{position:sticky;top:0;height:100svh;min-height:780px}.experience-ready .foundation{height:290svh;padding-block:0}.experience-ready .foundation>.wrap{position:sticky;top:80px;padding-top:35px;padding-bottom:45px}.experience-ready .foundation .section-kicker{margin-bottom:30px}.experience-ready .foundation h2{font-size:40px}.experience-ready .foundation .split-heading{gap:90px}.experience-ready .foundation-explorer{margin-top:18px}.experience-ready .foundation-scroll-cue{display:flex;align-items:center;gap:18px;font-size:9px;color:var(--sand);letter-spacing:.08em;margin-top:25px}.experience-ready .foundation .layer-tabs button{min-height:80px;padding-block:20px}.experience-ready .foundation .layer-panels{padding-block:22px}.experience-ready .foundation .layer-panels [role=tabpanel]{min-height:330px}}
@media(max-width:1099px){.chapter-rail{display:none}.horizon-sticky{min-height:650px}.horizon{min-height:650px}.horizon-copy h2{font-size:64px}.horizon-copy{padding-block:110px}.site-header.is-scrolled{padding-block:16px}}
@media(max-width:800px){.site-header.is-scrolled{padding-block:15px}.site-header{padding-block:20px}.horizon-sticky{min-height:600px}.horizon{min-height:600px}.horizon-copy h2{font-size:52px}.horizon-copy .eyebrow{font-size:9px}.horizon-caption{font-size:7px;gap:25px}.horizon-caption>span{max-width:135px}.experience-ready .hero-picture{transform:translateY(calc(var(--hero-travel,0)*70px)) scale(1.06)}.experience-ready .hero-content{transform:translateY(calc(var(--hero-travel,0)*-25px));opacity:calc(1 - var(--hero-travel,0)*.45)}#motion-toggle{right:10px;bottom:10px;font-size:8px;padding:6px 10px}.footer{padding-bottom:55px}}
@media(max-width:520px){.horizon-copy h2{font-size:42px;margin-block:28px}.horizon-copy>p:last-of-type{font-size:12px;max-width:270px}.horizon-word{display:inline}.horizon-copy .eyebrow{max-width:220px;font-size:8px}.horizon-rule{margin-top:30px}.horizon-copy{padding-block:80px}.horizon-sticky{min-height:570px}.horizon{min-height:570px}.horizon-caption{bottom:35px}.contour-field{width:180%;left:-20%;max-width:none}.site-header.is-scrolled .wordmark{font-size:21px}.site-header.is-scrolled .emblem{width:28px}.site-header nav{top:76px}.hero h1{font-size:46px}.hero-line{overflow:visible}.hero-content{padding-top:185px}}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important}.motion-paused{scroll-behavior:auto}.motion-paused .hero-picture,.motion-paused .hero-content,.motion-paused .manifesto picture,.motion-paused .manifesto-content,.motion-paused .horizon-word{transform:none!important;opacity:1!important}.motion-paused .button:hover{transform:none}.motion-paused .button:before{display:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-picture,.hero-content,.manifesto picture,.manifesto-content,.horizon-word{transform:none!important;opacity:1!important}.button:before{display:none}}
@media(max-width:800px){#motion-toggle{min-height:40px}.hero-bottom{bottom:65px}}

.form-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);pointer-events:none}.button:disabled{opacity:.55;cursor:wait}

.ui-icon{display:inline-block;width:1em;height:1em;flex:0 0 auto;vertical-align:-.12em;overflow:visible}.builder-back{display:inline-flex;align-items:center;gap:7px}.journey-meter a .ui-icon{margin-left:5px}

/* A continuous visual language: light, drawn structure, assembly, and release. */
main > section{position:relative}
.scene-watermark{position:absolute;right:0;top:5%;font-size:clamp(160px,25vw,380px);font-weight:200;letter-spacing:-.08em;line-height:1;color:transparent;-webkit-text-stroke:1px #d6b8940d;pointer-events:none;z-index:-1}
.perspective,.approach,.contact{isolation:isolate}
.scene-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#d6b8940a 1px,transparent 1px),linear-gradient(90deg,#d6b8940a 1px,transparent 1px);background-size:90px 90px;mask-image:radial-gradient(ellipse at 75% 50%,#000,transparent 70%);pointer-events:none}
.shift,.possibilities{isolation:isolate;overflow:clip}
.experience-ready .scene-grid{transform:translateY(calc((var(--scene-progress,.5) - .5)*-100px)) scale(1.15)}
.experience-ready .scene-watermark{transform:translateY(calc((var(--scene-progress,.5) - .5)*-160px))}
.section-kicker .line{position:relative;overflow:hidden}.section-kicker .line:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--sand),#d6b89433);transform-origin:left}
.experience-ready .section-kicker .line:after{transform:scaleX(var(--scene-enter,0))}
.word-mask{display:inline-block;vertical-align:top;overflow:hidden;padding-block:.12em;margin-block:-.12em;line-height:inherit;color:inherit}
.word-ink{display:inline-block;color:inherit;transform-origin:50% 100%}
.experience-ready .word-ink{--word-reveal:clamp(0,calc(var(--text-progress,1)*1.7 - (var(--word-index,0)/var(--word-count,1))*.7),1);transform:translate3d(0,calc((1 - var(--word-reveal))*105%),0) rotateX(calc((1 - var(--word-reveal))*20deg));opacity:calc(.2 + var(--word-reveal)*.8)}
.experience-ready .reveal-node{transition:opacity .85s ease,translate 1.1s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
.experience-ready .reveal-node:not(.is-visible){opacity:.12;translate:0 32px}
.experience-ready .reveal-node.is-visible{opacity:1;translate:0 0}
.experience-ready .hero-picture{transform:translate3d(calc(var(--pointer-x,0)*-14px),calc(var(--hero-travel,0)*170px + var(--pointer-y,0)*-10px),0) scale(calc(1.04 + var(--hero-travel,0)*.13))}
.hero-topography{position:absolute;right:5%;top:35%;width:38vw;height:38vw;max-width:600px;max-height:600px;pointer-events:none;opacity:.28;transform:rotateX(66deg) rotateZ(-20deg);mask-image:linear-gradient(0deg,#000,transparent 80%)}
.hero-topography i{position:absolute;inset:calc(var(--ring)*5%);border:1px solid #f2eee86b;border-radius:50%;transform:translateY(calc(var(--ring)*-12px))}
.hero-topography i:nth-child(1){--ring:0}.hero-topography i:nth-child(2){--ring:1}.hero-topography i:nth-child(3){--ring:2}.hero-topography i:nth-child(4){--ring:3}.hero-topography i:nth-child(5){--ring:4}.hero-topography i:nth-child(6){--ring:5}.hero-topography i:nth-child(7){--ring:6}.hero-topography i:nth-child(8){--ring:7}
.experience-ready .hero-topography{transform:translate3d(calc(var(--pointer-x,0)*35px),calc(var(--hero-travel,0)*-130px),0) rotateX(66deg) rotateZ(calc(-20deg + var(--hero-travel,0)*30deg));opacity:calc(.15 + var(--hero-travel,0)*.5)}
.experience-ready .hero-line:nth-child(1){transform:translateX(calc(var(--hero-travel,0)*-90px))}.experience-ready .hero-line:nth-child(2){transform:translateX(calc(var(--hero-travel,0)*-45px))}
.experience-ready .hero-bottom a span{animation:scroll-invitation 2s ease-in-out infinite}.hero:not(.in-view) .hero-atmosphere,.hero:not(.in-view) .hero-bottom a span{animation-play-state:paused}
@keyframes scroll-invitation{0%,100%{translate:0 -3px;opacity:.5}50%{translate:0 4px;opacity:1}}
.horizon-sticky:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 60%,#d6b8940c,transparent 60%);pointer-events:none}
.experience-ready .contour-field{opacity:calc(.1 + var(--horizon-progress,0)*.22);transform:translateY(calc(var(--horizon-progress,0)*-60px)) rotate(calc(var(--horizon-progress,0)*-8deg)) scale(calc(1.05 + var(--horizon-progress,0)*.2))}
.experience-ready .horizon-copy{transform:translateY(calc(var(--horizon-progress,0)*-40px))}
.dependency-line{position:relative}.dependency-line li{position:relative;transition:color .4s}.experience-ready .dependency-line li{color:color-mix(in srgb,var(--ivory) calc(var(--scene-enter,1)*100%),#57646d)}
.experience-ready .cycle-return{transform:rotate(calc(var(--scene-progress,0)*300deg))}
.flow{position:relative;padding-top:40px}.flow-circuit{position:absolute;inset:0 0 auto;width:100%;height:130px;fill:none;stroke-width:1;overflow:visible;pointer-events:none;z-index:0}
.circuit-base{stroke:#d6b89420}.circuit-trace{stroke:var(--sand);stroke-dasharray:1;stroke-dashoffset:0;filter:drop-shadow(0 0 4px #d6b89466)}
.experience-ready .circuit-trace{stroke-dashoffset:calc(1 - var(--flow-progress,0))}
.flow-step{position:relative;z-index:1;background:#10171de8}.flow-center{background:linear-gradient(145deg,#242a2b,#10171d 70%);border-color:#d6b89455}
.flow-center:before{content:'';position:absolute;inset:-1px;background:linear-gradient(120deg,transparent,#d6b89420,transparent);opacity:0;pointer-events:none}
.experience-ready .flow-center:before{opacity:var(--flow-progress,0)}
.flow-arrow{position:relative;overflow:hidden;z-index:1}.experience-ready .flow-arrow{opacity:clamp(.25,var(--flow-progress,1),1);translate:calc((1 - var(--flow-progress,1))*-15px) 0}
.pillars{gap:0}.pillar{position:relative;isolation:isolate}.pillar:after{content:'';position:absolute;inset:-20px 15px;background:radial-gradient(circle at calc(50% + var(--pointer-x,0)*100%) calc(50% + var(--pointer-y,0)*100%),#d6b8940c,transparent 60%);pointer-events:none;z-index:-1}
.principle-sculpture{height:170px;position:relative;margin:20px 0 30px;perspective:700px;overflow:hidden}
.principle-sculpture i,.principle-sculpture b{position:absolute;display:block;left:50%;top:50%;width:90px;height:90px;border:1px solid #d6b89465;transform:translate(-50%,-50%) rotate(45deg)}
.sculpture-0 i{width:78px;height:100px;background:linear-gradient(135deg,#d6b89416,transparent);transform:translate(calc(-50% + var(--piece)*32px),calc(-50% + var(--piece)*-12px)) skewY(-25deg)}
.sculpture-0 i:nth-child(1){--piece:-1}.sculpture-0 i:nth-child(2){--piece:0;border-color:var(--sand)}.sculpture-0 i:nth-child(3){--piece:1}.sculpture-0 b{width:170px;height:1px;border:0;background:linear-gradient(90deg,transparent,var(--sand),transparent);top:87%;transform:translateX(-50%)}
.sculpture-1 i{width:120px;height:120px;border-radius:50%;transform:translate(-50%,-50%) rotateX(58deg) rotateZ(calc(var(--ring,0)*60deg))}.sculpture-1 i:nth-child(1){--ring:0}.sculpture-1 i:nth-child(2){--ring:1;transform:translate(-50%,-50%) rotateY(58deg) rotateZ(30deg);border-color:var(--sand)}.sculpture-1 i:nth-child(3){--ring:2;transform:translate(-50%,-50%) rotateY(-58deg) rotateZ(-30deg)}.sculpture-1 b{width:10px;height:10px;background:var(--sand);box-shadow:0 0 26px #d6b89466;border:0}
.sculpture-2 i{width:72px;height:72px;transform:translate(calc(-50% + var(--piece)*37px),calc(-50% + var(--piece)*-24px)) rotate(45deg)}.sculpture-2 i:nth-child(1){--piece:-1;opacity:.35}.sculpture-2 i:nth-child(2){--piece:0;opacity:.6}.sculpture-2 i:nth-child(3){--piece:1;border-color:var(--sand)}.sculpture-2 b{height:1px;width:180px;border:0;background:linear-gradient(90deg,transparent,var(--sand));transform:translate(-50%,-50%) rotate(-35deg)}
.experience-ready .principle-sculpture{transform:translateY(calc((.5 - var(--scene-progress,.5))*-28px)) rotateY(calc(var(--pointer-x,0)*16deg)) rotateX(calc(var(--pointer-y,0)*-12deg));transition:rotate .4s}
.experience-ready .sculpture-0 i{transform:translate(calc(-50% + var(--piece)*32px),calc(-50% + var(--piece)*(-12px - var(--scene-enter,1)*15px))) skewY(-25deg)}
.experience-ready .sculpture-1{rotate:calc((var(--scene-progress,.5) - .5)*90deg)}
.experience-ready .sculpture-2 i{transform:translate(calc(-50% + var(--piece)*(14px + var(--scene-enter,1)*23px)),calc(-50% + var(--piece)*(-8px - var(--scene-enter,1)*16px))) rotate(calc(25deg + var(--scene-enter,1)*20deg))}
.foundation-explorer{grid-template-columns:minmax(240px,.9fr) minmax(260px,1.1fr) minmax(300px,1.3fr);position:relative;align-items:stretch}
.layer-tabs{padding-right:22px}.layer-panels{padding-left:26px}.layer-panels [role=tabpanel]{display:block;min-height:370px}.layer-graphic{display:none!important}
.assembly{min-height:370px;position:relative;display:grid;place-items:center;perspective:900px;isolation:isolate;overflow:hidden;--assembly-progress:.55}
.assembly-object{position:absolute;width:195px;height:195px;left:calc(50% - 97px);top:calc(50% - 70px);transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(-35deg)}
.assembly-slab{position:absolute;inset:0;border:1px solid #647278;background:linear-gradient(135deg,#20313aeb,#111c24f2);transform:translateZ(calc(var(--slab-index)*45px));box-shadow:0 10px 0 -9px #060b0f;transition:border-color .5s,background .5s,box-shadow .5s;backface-visibility:hidden}
.slab-0{--slab-index:-1.5}.slab-1{--slab-index:-.5}.slab-2{--slab-index:.5}.slab-3{--slab-index:1.5}
.assembly-slab:before,.assembly-slab:after{content:'';position:absolute;inset:14px;border:1px solid #d6b89418}.assembly-slab:after{inset:35px;background:linear-gradient(90deg,transparent 49%,#d6b8941a 50%,transparent 51%),linear-gradient(transparent 49%,#d6b8941a 50%,transparent 51%)}
.assembly-slab>span{position:absolute;left:12px;bottom:6px;font-size:10px;color:var(--sand)}.assembly-slab>i{position:absolute;width:5px;height:5px;border:1px solid #d6b89480;right:13px;top:13px}.assembly-slab>b{position:absolute;inset:35%;border:1px solid #d6b89466;transform:rotate(45deg)}
.foundation[data-active-layer="0"] .slab-0,.foundation:not([data-active-layer]) .slab-0,.foundation[data-active-layer="1"] .slab-1,.foundation[data-active-layer="2"] .slab-2,.foundation[data-active-layer="3"] .slab-3{background:linear-gradient(135deg,#9b7953c9,#3d362df0);border-color:var(--sand);box-shadow:0 0 32px #d6b89420}
.assembly-orbit{position:absolute;width:88%;aspect-ratio:1;border:1px solid #d6b89419;border-radius:50%;transform:rotateX(55deg);top:17%;left:6%}.assembly-orbit:before,.assembly-orbit:after{content:'';position:absolute;inset:15px;border:1px dashed #d6b89418;border-radius:50%}.assembly-orbit:after{inset:35px;border-style:solid}
.assembly-axis{position:absolute;height:72%;width:1px;background:linear-gradient(transparent,#d6b89440,transparent);left:50%;top:8%;z-index:-1}.assembly-label{position:absolute;bottom:20px;width:100%;text-align:center;font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:var(--sand)}
.experience-ready .assembly-object{transform:rotateX(calc(58deg + var(--pointer-y,0)*7deg)) rotateZ(calc(-42deg + var(--assembly-progress,.5)*20deg + var(--pointer-x,0)*9deg))}
.experience-ready .assembly-slab{transform:translateZ(calc(var(--slab-index)*(24px + var(--assembly-progress,.5)*40px)))}
.experience-ready .assembly-orbit{transform:rotateX(55deg) rotate(calc(var(--assembly-progress,.5)*110deg))}
.experience-ready .layer-panels [role=tabpanel]{animation:detail-arrive .65s cubic-bezier(.16,1,.3,1) both}.layer-detail li{position:relative;overflow:hidden}.layer-detail li:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,#d6b89455,transparent);transform-origin:left}
.experience-ready .layer-detail li:after{animation:draw-rule 1s cubic-bezier(.2,.7,.2,1) both}.experience-ready .layer-detail li:nth-child(2):after{animation-delay:.12s}.experience-ready .layer-detail li:nth-child(3):after{animation-delay:.24s}
.phases{position:relative;gap:0}.phases:before,.phases:after{content:'';position:absolute;left:0;top:0;height:1px;width:100%;background:var(--line)}.phases:after{background:var(--sand);transform-origin:left}.experience-ready .phases:after{transform:scaleX(var(--phase-progress,0))}.phases li{padding-right:32px;border-top:0;position:relative}.phases li:before{content:'';position:absolute;top:-4px;left:0;width:7px;height:7px;border:1px solid var(--sand);background:var(--midnight);transform:rotate(45deg);transition:background .6s,box-shadow .6s}.phases li.is-visible:before{background:var(--sand);box-shadow:0 0 20px #d6b89444}.phases .step-index{display:block}
.experience-ready .phases .step-index{transform:translateY(calc((1 - var(--phase-progress,1))*14px));opacity:calc(.4 + var(--phase-progress,1)*.6)}
.use-cases article{position:relative;padding:22px 26px 32px;background:linear-gradient(130deg,#d6b89406,transparent 70%);isolation:isolate}.use-cases article:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at calc(50% + var(--pointer-x,0)*100%) calc(50% + var(--pointer-y,0)*100%),#d6b89410,transparent 60%);opacity:0;transition:opacity .5s}.use-cases article:hover:after{opacity:1}
.case-line-art{height:200px;perspective:700px}.case-line-art span:nth-child(1){--node:-2}.case-line-art span:nth-child(2){--node:-1}.case-line-art span:nth-child(3){--node:0}.case-line-art span:nth-child(4){--node:1}.case-line-art span:nth-child(5){--node:2}
.experience-ready .art-0 span,.experience-ready .use-cases article:hover .art-0 span{transform:translateX(calc(var(--node)*(1 - var(--scene-enter,1))*-14px)) translateY(calc(var(--pointer-y,0)*var(--node)*9px)) rotate(calc(20deg + var(--scene-enter,1)*25deg));transition:border-color .6s}
.experience-ready .art-1 span,.experience-ready .use-cases article:hover .art-1 span{transform:skewY(-15deg) translateY(calc(var(--node)*(1 - var(--scene-enter,1))*22px + var(--pointer-x,0)*var(--node)*12px));transition:border-color .6s}
.case-line-art:after{content:'';position:absolute;left:12%;right:12%;top:50%;height:1px;background:var(--sand);transform-origin:left;opacity:.45;z-index:-1}.experience-ready .case-line-art:after{transform:scaleX(var(--scene-enter,1))}
.manifesto{min-height:900px;background:var(--midnight)}.manifesto picture,.manifesto-shade{inset:3% 3%;border-radius:2px}.manifesto-aperture{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 100px 35px var(--midnight);z-index:0}.manifesto-content{position:relative;z-index:1}.manifesto h2 .word-mask,.manifesto h2 .word-ink{color:inherit}.manifesto h2>span:not(.word-mask){color:var(--sand)}
.experience-ready .manifesto picture{transform:translateY(calc((var(--manifesto-travel,.5) - .5)*100px)) scale(calc(.88 + var(--scene-enter,1)*.25));clip-path:inset(calc((1 - var(--scene-enter,1))*12%) calc((1 - var(--scene-enter,1))*14%))}
.experience-ready .manifesto.in-view h2{animation:none}.experience-ready .manifesto .emblem{transform:translateY(calc((1 - var(--scene-enter,1))*45px)) rotateY(calc((1 - var(--scene-enter,1))*65deg));opacity:var(--scene-enter,1)}
.contact-orbit{position:absolute;left:-15%;top:15%;width:60%;aspect-ratio:1;pointer-events:none;z-index:-1;overflow:hidden;opacity:.16}.contact-orbit i{position:absolute;inset:5%;border:1px solid var(--sand);border-radius:50%;transform:rotateX(55deg) rotateY(-20deg)}.contact-orbit i:nth-child(2){inset:15%;transform:rotateY(55deg) rotateZ(25deg)}.contact-orbit i:nth-child(3){inset:25%;transform:rotateX(-55deg) rotateZ(-25deg)}.experience-ready .contact-orbit{transform:rotate(calc(var(--scene-progress,.5)*70deg))}
.field{position:relative}.field:focus-within label{color:var(--sand);translate:3px 0}.field label{transition:color .25s,translate .35s}.field input,.field textarea,.field select{transition:border-color .3s,box-shadow .3s,background .3s}.field:focus-within input,.field:focus-within textarea,.field:focus-within select{background:#16212a;box-shadow:0 0 0 1px #d6b8944d;border-color:var(--sand)}
.text-link span,.nav-contact span{transition:translate .35s cubic-bezier(.16,1,.3,1)}.text-link:hover span,.nav-contact:hover span{translate:4px -4px}.text-link{position:relative}.text-link:after{content:'';position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:var(--sand);transform:scaleX(0);transform-origin:right;transition:transform .4s}.text-link:hover:after,.text-link:focus-visible:after{transform:scaleX(1);transform-origin:left}
.footer .wordmark{transition:letter-spacing .6s}.footer .brand-lockup:hover .wordmark{letter-spacing:.4em}
@keyframes detail-arrive{from{opacity:.35;translate:18px 0}to{opacity:1;translate:0 0}}@keyframes draw-rule{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:1100px) and (min-height:780px){.experience-ready .foundation>.wrap{padding-top:25px;padding-bottom:25px}.experience-ready .foundation h2{font-size:36px}.experience-ready .foundation .section-kicker{margin-bottom:22px}.experience-ready .foundation .layer-panels [role=tabpanel]{min-height:365px}.experience-ready .foundation-scroll-cue{margin-top:18px}.experience-ready .foundation .layer-tabs button{min-height:84px}}
@media(max-width:1200px){.foundation-explorer{grid-template-columns:260px 1fr}.assembly{grid-column:2;grid-row:1;min-height:230px}.assembly-object{scale:.65;top:calc(50% - 55px)}.assembly-orbit{height:210px;width:210px;left:calc(50% - 105px);top:5px}.assembly-label{bottom:5px}.layer-tabs{grid-row:1 / 3}.layer-panels{grid-column:2;grid-row:2;padding-top:20px}.layer-panels [role=tabpanel]{min-height:300px}.layer-detail h3{font-size:23px}.principle-sculpture{height:140px}}
@media(min-width:1100px) and (max-width:1200px) and (min-height:780px){.foundation-explorer{grid-template-columns:240px 240px 1fr}.assembly{grid-column:auto;grid-row:auto;min-height:340px}.assembly-label{bottom:12px}.assembly-object{scale:.8;top:calc(50% - 60px)}.layer-tabs,.layer-panels{grid-row:auto;grid-column:auto}.layer-panels{padding-left:20px}.foundation .layer-tabs button{font-size:11px}.experience-ready .foundation .layer-panels [role=tabpanel]{min-height:350px}}
@media(max-width:800px){.scene-watermark{font-size:200px;right:5%}.hero-topography{right:-20%;top:50%;width:80vw;height:80vw;opacity:.13}.principle-sculpture{height:125px;scale:.85;margin-block:8px 20px}.flow-circuit{height:100px}.flow{padding-top:25px}.manifesto{min-height:700px}.manifesto-aperture{box-shadow:inset 0 0 80px 20px var(--midnight)}.manifesto picture,.manifesto-shade{inset:2%}.use-cases article{padding-inline:16px}.case-line-art{height:160px}.contact-orbit{width:85%;left:-20%;top:0}.phases{gap:40px 20px}.phases li{border-top:1px solid var(--line);padding-right:10px}.phases:before,.phases:after{display:none}}
@media(max-width:520px){.experience-ready .reveal-node:not(.is-visible){translate:0 20px}.experience-ready .hero-picture{transform:translate3d(0,calc(var(--hero-travel,0)*60px),0) scale(1.07)}.hero-topography{display:none}.experience-ready .hero-line:nth-child(1){transform:translateX(calc(var(--hero-travel,0)*-28px))}.experience-ready .hero-line:nth-child(2){transform:translateX(calc(var(--hero-travel,0)*-12px))}.flow-circuit{display:none}.flow{padding-top:0}.principle-sculpture{height:160px;scale:1;margin-block:15px}.pillar-top{padding-top:0}.pillar h3{margin-top:5px}.foundation-explorer{display:flex;flex-direction:column}.assembly{order:0;min-height:300px;border-bottom:1px solid var(--line)}.assembly-object{scale:.83;top:calc(50% - 85px)}.assembly-orbit{height:260px;width:260px;left:calc(50% - 130px)}.assembly-label{bottom:12px}.layer-tabs{order:1}.layer-panels{order:2;padding:28px 0}.layer-panels [role=tabpanel]{min-height:340px}.manifesto{min-height:660px}.manifesto-content{padding-block:110px}.manifesto h2{font-size:38px}.manifesto-aperture{box-shadow:inset 0 0 70px 20px var(--midnight)}.contact-orbit{opacity:.1;width:110%;left:-30%}.use-cases article{padding:15px 10px 25px}.scene-watermark{font-size:160px;top:4%}}
/* Turning motion off retains every piece of content and a useful static illustration. */
.motion-paused .word-ink,.motion-paused .reveal-node,.motion-paused .hero-line,.motion-paused .principle-sculpture,.motion-paused .scene-grid,.motion-paused .scene-watermark,.motion-paused .contact-orbit,.motion-paused .manifesto .emblem{transform:none!important;translate:none!important;rotate:none!important;opacity:1!important}
.motion-paused .manifesto picture{clip-path:none!important}.motion-paused .hero-topography{display:none}.motion-paused .circuit-trace{stroke-dashoffset:0}.motion-paused .assembly{--assembly-progress:.55}.motion-paused .pointer-surface{--pointer-x:0!important;--pointer-y:0!important}
@media(prefers-reduced-motion:reduce){.word-ink,.reveal-node,.hero-line,.principle-sculpture,.scene-grid,.scene-watermark,.contact-orbit,.manifesto .emblem{transform:none!important;translate:none!important;rotate:none!important;opacity:1!important}.manifesto picture{clip-path:none!important}.hero-topography{display:none}.circuit-trace{stroke-dashoffset:0}.pointer-surface{--pointer-x:0!important;--pointer-y:0!important}}

/* The mountain range is the shared environment through every chapter. */
.mountain-world{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:var(--midnight)}
.mountain-world picture,.mountain-world img,.terrain-veil,.terrain-light{position:absolute;inset:0;width:100%;height:100%}
.mountain-world img{object-fit:cover;object-position:62% center;opacity:.72;filter:saturate(.6)}
.terrain-veil{background:linear-gradient(90deg,#050b12cf,#080d1273 55%,#080d124f),linear-gradient(0deg,#080d12ab,transparent 55%,#080d1266)}
.terrain-light{background:radial-gradient(ellipse at 85% 15%,#e9b9801a,transparent 65%);mix-blend-mode:screen}
body>main,body>.footer{position:relative;z-index:1}.footer{background:#080d12d9}
.horizon{background:#080d1278}.shift,.possibilities{background:linear-gradient(115deg,#080d12c9,#11192091)}
.foundation{background:#111920b0;backdrop-filter:blur(2px)}
.flow-step{background:#0c151ce6}.flow-center{background:linear-gradient(145deg,#242a2bf0,#10171de8 70%)}
.use-cases article{background:linear-gradient(130deg,#111920d1,#080d127d)}
.scene-watermark{-webkit-text-stroke-color:#d6b89416}.contact-orbit{opacity:.22}
.experience-ready .mountain-world img{transform:scale(calc(1.06 + var(--journey-progress,0)*.28)) translate3d(calc(var(--journey-progress,0)*-3%),calc(var(--journey-progress,0)*-2%),0);will-change:transform}
.experience-ready .terrain-light{transform:translateX(calc((1 - var(--journey-progress,0))*16%));opacity:calc(.4 + var(--journey-progress,0)*.6)}
@media(max-width:800px){.mountain-world img{object-position:58% center;opacity:.57}.terrain-veil{background:linear-gradient(90deg,#050b12ba,#080d1266),linear-gradient(0deg,#080d1299,transparent 60%)}.foundation{backdrop-filter:none;background:#111920c4}}
.motion-paused .mountain-world img,.motion-paused .terrain-light{transform:none!important;will-change:auto}
@media(prefers-reduced-motion:reduce){.mountain-world img,.terrain-light{transform:none!important;will-change:auto}}

/* Each visible chapter keeps moving between scroll events. Independent transform
   properties layer these loops over the scroll- and pointer-driven geometry. */
main > section{--motion-play:paused}
.experience-ready .kinetic-heading{transform:translate3d(0,calc((.5 - var(--scene-progress,.5))*12px),0)}
.experience-ready .hero-picture img{animation:landscape-breathe 22s ease-in-out infinite alternate}
.experience-ready .hero-topography i{animation:topography-breathe 7s ease-in-out infinite;animation-delay:calc(var(--ring)*-.65s)}
.experience-ready .contour-field g{transform-origin:60% 50%;animation:contour-drift 14s ease-in-out infinite alternate}
.experience-ready .contour-field path:nth-child(3n){animation:contour-light 6s ease-in-out infinite;animation-delay:-2s}
.experience-ready .horizon-rule{background:linear-gradient(90deg,var(--sand),#fff0c4,var(--sand));background-size:200% 100%;animation:rule-light 5s linear infinite}
.dependency-line li{position:relative}
.dependency-line li:before{content:'';position:absolute;left:0;right:15px;bottom:-13px;height:1px;background:var(--sand);opacity:.12;transform-origin:left}
.experience-ready .dependency-line li:before{animation:cycle-signal 10s ease-in-out infinite}
.dependency-line li:nth-child(2):before{animation-delay:2s}.dependency-line li:nth-child(3):before{animation-delay:4s}.dependency-line li:nth-child(4):before{animation-delay:6s}.dependency-line li:nth-child(5):before{animation-delay:8s}
.experience-ready .cycle-return{animation:orbit-turn 20s linear infinite}
.circuit-pulse{stroke:#f1d4aa;stroke-width:2;stroke-dasharray:.055 .945;stroke-dashoffset:1;opacity:0;filter:drop-shadow(0 0 5px #edc78d)}
.experience-ready .circuit-pulse{animation:signal-travel 5s linear infinite}
.experience-ready .flow-center:before{animation:foundation-light 6s ease-in-out infinite}
.flow-step .step-index{position:relative;display:inline-block}
.flow-step .step-index:after{content:'';position:absolute;top:50%;left:calc(100% + 14px);height:4px;width:4px;border-radius:50%;background:var(--sand);opacity:.25}
.experience-ready .flow-step .step-index:after{animation:node-light 6s ease-in-out infinite}
.flow-center .step-index:after{animation-delay:2s}.flow-step:last-child .step-index:after{animation-delay:4s}
.experience-ready .flow-arrow{animation:arrow-breathe 3s ease-in-out infinite}
.experience-ready .sculpture-0 i{animation:plane-hover 6s ease-in-out infinite;animation-delay:calc(var(--piece)*-1.2s)}
.experience-ready .sculpture-1 i{--orbit-tilt:58deg;animation:centered-orbit 16s linear infinite;transform-origin:50% 50%}
.experience-ready .sculpture-1 i:nth-child(2){--orbit-tilt:68deg;animation-duration:21s;animation-direction:reverse}.experience-ready .sculpture-1 i:nth-child(3){--orbit-tilt:36deg;animation-duration:28s}
.experience-ready .sculpture-1 b{animation:core-breathe 4s ease-in-out infinite}
.experience-ready .sculpture-2 i{animation:rise-breathe 7s ease-in-out infinite;animation-delay:calc(var(--piece)*-1.4s)}
.experience-ready .sculpture-2 b{animation:rule-light 5s linear infinite;background-size:200% 100%}
.experience-ready .assembly-object{animation:assembly-hover 12s ease-in-out infinite}
.experience-ready .assembly-orbit:before{animation:orbit-turn 30s linear infinite}
.experience-ready .assembly-orbit:after{animation:orbit-turn 24s linear infinite reverse;border-right-color:#d6b8949c}
.experience-ready .assembly-slab>i{animation:node-light 4s ease-in-out infinite;animation-delay:calc(var(--slab-index)*-.7s)}
.experience-ready .assembly-slab>b{animation:core-breathe 8s ease-in-out infinite;animation-delay:calc(var(--slab-index)*-1s)}
.assembly-axis:after{content:'';position:absolute;left:-2px;top:0;width:5px;height:28px;background:linear-gradient(transparent,var(--sand),transparent);opacity:0}
.experience-ready .assembly-axis:after{animation:axis-signal 5s ease-in-out infinite}
.experience-ready .phases li:before{animation:phase-beacon 8s ease-in-out infinite}
.phases li:nth-child(2):before{animation-delay:2s}.phases li:nth-child(3):before{animation-delay:4s}.phases li:nth-child(4):before{animation-delay:6s}
.experience-ready .phases:after{background:linear-gradient(90deg,#d6b89440,var(--sand),#d6b89440);background-size:200% 100%;animation:rule-light 8s linear infinite}
.experience-ready .art-0 span{animation:network-breathe 6s ease-in-out infinite;animation-delay:calc(var(--node)*-.7s)}
.experience-ready .art-1 span{animation:plane-hover 7s ease-in-out infinite;animation-delay:calc(var(--node)*-.8s)}
.experience-ready .case-line-art:after{animation:rule-light 5s linear infinite;background:linear-gradient(90deg,transparent,var(--sand),transparent);background-size:200% 100%}
.experience-ready .manifesto picture img{animation:landscape-breathe 24s ease-in-out infinite alternate}
.experience-ready .manifesto .emblem{animation:emblem-hover 9s ease-in-out infinite}
.experience-ready .contact-orbit i{animation:orbit-turn 40s linear infinite}.experience-ready .contact-orbit i:nth-child(2){animation-duration:32s;animation-direction:reverse}.experience-ready .contact-orbit i:nth-child(3){animation-duration:25s}
.experience-ready .contact-note .small-rule{animation:core-breathe 5s ease-in-out infinite}

/* Observe the illustrations as well as their sections so offscreen mobile cards
   pause independently. Returning to a scene resumes its previous phase. */
.experience-ready :is(.hero-picture img,.hero-topography i,.contour-field g,.contour-field path:nth-child(3n),.horizon-rule,.dependency-line li,.cycle-return,.circuit-pulse,.flow-center,.flow-step .step-index,.flow-arrow,.principle-sculpture i,.principle-sculpture b,.assembly-object,.assembly-orbit,.assembly-slab>i,.assembly-slab>b,.assembly-axis,.phases,.phases li,.case-line-art,.case-line-art span,.manifesto picture img,.manifesto .emblem,.contact-orbit i,.contact-note .small-rule),
.experience-ready :is(.dependency-line li,.flow-center,.flow-step .step-index,.assembly-orbit,.assembly-axis,.phases,.phases li,.case-line-art):before,
.experience-ready :is(.flow-step .step-index,.assembly-orbit,.assembly-axis,.phases,.case-line-art):after{animation-play-state:var(--motion-play,paused)}
.page-hidden *,.page-hidden *:before,.page-hidden *:after{animation-play-state:paused!important}

@keyframes landscape-breathe{from{scale:1;translate:0 0}to{scale:1.055;translate:-.6% -.3%}}
@keyframes topography-breathe{0%,100%{scale:1;opacity:.35}50%{scale:1.08;opacity:.8}}
@keyframes contour-drift{from{translate:0 12px;rotate:-2deg}to{translate:0 -18px;rotate:2deg}}
@keyframes contour-light{0%,100%{opacity:.3}50%{opacity:1}}
@keyframes rule-light{from{background-position:200% 0}to{background-position:0 0}}
@keyframes cycle-signal{0%,20%,100%{opacity:.12;scale:.25 1}7%,13%{opacity:1;scale:1 1}}
@keyframes orbit-turn{from{rotate:0deg}to{rotate:360deg}}
@keyframes centered-orbit{from{transform:translate(-50%,-50%) rotateZ(0deg) rotateX(var(--orbit-tilt))}to{transform:translate(-50%,-50%) rotateZ(360deg) rotateX(var(--orbit-tilt))}}
@keyframes signal-travel{0%{stroke-dashoffset:1;opacity:0}12%,85%{opacity:1}100%{stroke-dashoffset:-.1;opacity:0}}
@keyframes foundation-light{0%,100%{opacity:.15}50%{opacity:.8}}
@keyframes node-light{0%,75%,100%{opacity:.25;scale:1}30%,45%{opacity:1;scale:1.7}}
@keyframes arrow-breathe{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes plane-hover{0%,100%{translate:0 6px}50%{translate:0 -13px}}
@keyframes core-breathe{0%,100%{scale:.9;opacity:.55}50%{scale:1.15;opacity:1}}
@keyframes rise-breathe{0%,100%{translate:-4px 6px}50%{translate:7px -11px}}
@keyframes assembly-hover{0%,100%{translate:0 5px;rotate:-2deg}50%{translate:0 -8px;rotate:2deg}}
@keyframes axis-signal{0%{top:90%;opacity:0}20%,80%{opacity:.8}100%{top:0;opacity:0}}
@keyframes phase-beacon{0%,30%,100%{scale:1;opacity:.45}12%,20%{scale:1.6;opacity:1}}
@keyframes network-breathe{0%,100%{scale:.92;translate:0 4px}50%{scale:1.08;translate:0 -6px}}
@keyframes emblem-hover{0%,100%{translate:0 4px}50%{translate:0 -7px}}
@media(max-width:800px){.experience-ready .hero-picture img,.experience-ready .manifesto picture img{animation-name:none}}

/* Native sticky chapters: extra document height is the animation timeline. */
.journey-chapter,.journey-frame{display:block}.journey-meter{display:none}
.scroll-journey{scroll-padding-top:var(--header-height,84px)}
.scroll-journey .journey-chapter{display:block;position:relative;height:var(--chapter-height);scroll-margin-top:0}
.scroll-journey .journey-frame{display:block;position:sticky;top:var(--sticky-top,84px);overflow:clip;isolation:isolate}
.scroll-journey .journey-panel{position:relative;min-height:var(--stage-height);height:auto;max-height:none;margin-block:0}
.scroll-journey .journey-panel.section{padding-block:38px 76px}
.scroll-journey .journey-panel *, .scroll-journey .journey-panel *:before,.scroll-journey .journey-panel *:after{animation:none!important}
.scroll-journey .journey-panel :is(.word-ink,.reveal-node,.horizon-word,.pillar,.flow-step,.case-line-art span,.phases li,.assembly-slab,.layer-detail li:after){transition:none}
.scroll-journey .word-ink{transform:none;opacity:1}
.scroll-journey .kinetic-heading{transform:translateY(calc(var(--scene-progress,0)*-8px))}
.scroll-journey .section-kicker{margin-bottom:28px;opacity:1;translate:none}
.scroll-journey .section-kicker .line:after{transform:scaleX(calc(.12 + var(--scene-progress,0)*.88))}
.scroll-journey .split-heading{gap:60px}
.scroll-journey .section-copy{opacity:1;translate:none}
.scroll-journey .scene-watermark{z-index:0;opacity:.45;transform:translateY(calc(var(--scene-progress,0)*-85px))}
.scroll-journey .scene-grid{transform:translateY(calc(var(--scene-progress,0)*-90px)) scale(1.15)}
.scroll-journey .journey-meter{position:absolute;bottom:14px;left:max(56px,calc((100vw - 1360px)/2));right:180px;display:flex;align-items:center;gap:18px;color:var(--sand);font-size:8px;letter-spacing:.15em;text-transform:uppercase;z-index:4;min-height:38px}
.journey-meter i{position:relative;width:95px;height:1px;background:#d6b89433;overflow:hidden}.journey-meter i:after{content:'';position:absolute;inset:0;background:var(--sand);transform:scaleX(var(--chapter-progress,0));transform-origin:left}
.journey-meter a{margin-left:auto;padding:12px 0;letter-spacing:.08em;opacity:.65}.journey-meter a:hover,.journey-meter a:focus-visible{opacity:1}
.scroll-journey .journey-chapter:first-child .journey-meter{display:none}

/* Opening: move the camera toward the peaks, then release the title. */
.scroll-journey .hero{height:100svh;min-height:760px}
.scroll-journey .hero-content{transform:translateY(calc(var(--scene-progress,0)*-45px));opacity:calc(1 - var(--scene-exit,0)*.45)}
.scroll-journey .hero-picture{transform:translate3d(calc(var(--pointer-x,0)*-14px),calc(var(--scene-progress,0)*65px),0) scale(calc(1.04 + var(--scene-progress,0)*.18))}
.scroll-journey .hero-picture img{scale:1;translate:none}
.scroll-journey .hero-atmosphere{opacity:calc(.25 + var(--scene-progress,0)*.75);transform:translateX(calc(var(--scene-progress,0)*-8%)) scale(1.1)}
.scroll-journey .hero-line:nth-child(1){transform:translateX(calc(var(--scene-progress,0)*-20px))}.scroll-journey .hero-line:nth-child(2){transform:translateX(calc(var(--scene-progress,0)*14px))}
.scroll-journey .hero-line>span{transform:none;opacity:1}
.scroll-journey .hero-topography{transform:translateY(calc(var(--scene-progress,0)*-65px)) rotateX(66deg) rotateZ(calc(-20deg + var(--scene-progress,0)*75deg))}
.scroll-journey .hero-topography i{scale:calc(1 + var(--scene-progress,0)*var(--ring)*.035)}
.scroll-journey .hero-bottom>a>span{transform:translateY(calc(var(--scene-progress,0)*8px))}
.hero-bottom .coordinates{padding-right:64px}

/* Horizon and the old cycle are drawn by scroll, never by a timer. */
.scroll-journey .horizon{height:auto;min-height:var(--stage-height)}
.scroll-journey .horizon-sticky{position:relative;top:auto;height:var(--stage-height);min-height:600px}
.scroll-journey .horizon-copy{padding-block:70px;transform:translateY(calc(var(--scene-progress,0)*-22px))}
.scroll-journey .horizon-copy h2{font-size:clamp(42px,6vw,88px)}
.scroll-journey .horizon-caption{bottom:64px}
.scroll-journey .contour-field{opacity:calc(.13 + var(--scene-progress,0)*.3);transform:translateY(calc(var(--scene-progress,0)*-45px)) rotate(calc(var(--scene-progress,0)*-10deg)) scale(calc(1.1 + var(--scene-progress,0)*.2))}
.scroll-journey .contour-field path{stroke-dashoffset:calc(1900 - var(--scene-progress,0)*1900)}
.scroll-journey .dependency-line{margin-top:70px}
.scroll-journey .dependency-line li{color:var(--stone)}
.scroll-journey .dependency-line li:before{opacity:1;scale:clamp(0,calc(var(--scene-progress,0)*5 - var(--cycle-index,0)),1) 1}
.dependency-line li:nth-child(1){--cycle-index:0}.dependency-line li:nth-child(2){--cycle-index:1}.dependency-line li:nth-child(3){--cycle-index:2}.dependency-line li:nth-child(4){--cycle-index:3}.dependency-line li:nth-child(5){--cycle-index:4}
.scroll-journey .cycle-return{rotate:calc(var(--scene-progress,0)*360deg);transform:none}

/* Workflow builds across three stops. */
.scroll-journey .flow{margin-top:38px;padding-top:30px}
.scroll-journey .flow-step{transform:translateY(calc((1 - var(--item-progress,0))*18px));opacity:calc(.55 + var(--item-progress,0)*.45)}
.scroll-journey .flow-center:before{opacity:var(--item-progress,0)}
.scroll-journey .circuit-trace{stroke-dashoffset:calc(1 - var(--scene-progress,0))}
.scroll-journey .circuit-pulse{opacity:1;stroke-dashoffset:calc(1 - var(--scene-progress,0)*1.1)}
.scroll-journey .flow-step .step-index:after{opacity:calc(.2 + var(--item-progress,0)*.8);scale:calc(1 + var(--item-progress,0)*.7)}
.scroll-journey .flow-arrow{translate:calc((1 - var(--scene-progress,0))*-15px) 0;opacity:calc(.3 + var(--scene-progress,0)*.7)}

/* Principles: separate, orbit, then advance. */
.scroll-journey .pillars{margin-top:32px}
.scroll-journey .pillar h3{margin-top:16px}
.scroll-journey .principle-sculpture{height:150px;margin-block:12px 20px;transform:rotateY(calc(var(--pointer-x,0)*16deg)) rotateX(calc(var(--pointer-y,0)*-12deg))}
.scroll-journey .sculpture-0 i{transform:translate(calc(-50% + var(--piece)*(8px + var(--item-progress,0)*38px)),calc(-50% + var(--piece)*(-8px - var(--item-progress,0)*26px))) skewY(-25deg);border-color:color-mix(in srgb,var(--sand) calc(35% + var(--item-progress,0)*65%),#52616a)}
.scroll-journey .sculpture-1{rotate:0deg}
.scroll-journey .sculpture-1 i{transform:translate(-50%,-50%) rotateZ(calc(var(--scene-progress,0)*360deg + var(--ring)*60deg)) rotateX(calc(35deg + var(--item-progress,0)*35deg));rotate:none}
.scroll-journey .sculpture-1 b{scale:calc(.7 + var(--item-progress,0)*.5)}
.scroll-journey .sculpture-2 i{transform:translate(calc(-50% + var(--piece)*(8px + var(--item-progress,0)*36px)),calc(-50% + var(--piece)*(-4px - var(--item-progress,0)*30px))) rotate(calc(10deg + var(--item-progress,0)*35deg))}
.scroll-journey .pillar-glyph{transform:translateY(calc(var(--item-progress,0)*-6px))}

/* Assembly is synchronized with the four accessible layer tabs. */
.scroll-journey .foundation{height:auto;padding-block:32px 70px}
.scroll-journey .foundation>.wrap{position:relative;top:auto;padding-block:0}
.scroll-journey .foundation h2{font-size:36px}
.scroll-journey .foundation .section-kicker{margin-bottom:22px}
.scroll-journey .foundation .split-heading{gap:70px}
.scroll-journey .foundation-scroll-cue{display:none}
.scroll-journey .foundation-explorer{margin-top:25px}
.scroll-journey .assembly-object{transform:rotateX(calc(58deg + var(--pointer-y,0)*7deg)) rotateZ(calc(-55deg + var(--scene-progress,0)*40deg + var(--pointer-x,0)*9deg));translate:none;rotate:none}
.scroll-journey .assembly-slab{transform:translateZ(calc(var(--slab-index)*(16px + var(--scene-progress,0)*55px)))}
.scroll-journey .assembly-orbit{transform:rotateX(55deg) rotate(calc(var(--scene-progress,0)*240deg))}
.scroll-journey .assembly-orbit:after{rotate:calc(var(--scene-progress,0)*-360deg)}
.scroll-journey .assembly-axis:after{top:calc((1 - var(--scene-progress,0))*90%);opacity:.8}
.scroll-journey .assembly-slab>i{scale:calc(1 + var(--scene-progress,0)*.6);opacity:.8}
.scroll-journey .layer-detail li:after{transform:scaleX(clamp(0,calc(var(--scene-progress,0)*4 - var(--active-layer,0)),1))}
.scroll-journey .foundation[data-active-layer="0"]{--active-layer:0}.scroll-journey .foundation[data-active-layer="1"]{--active-layer:1}.scroll-journey .foundation[data-active-layer="2"]{--active-layer:2}.scroll-journey .foundation[data-active-layer="3"]{--active-layer:3}

/* The approach and possibilities advance in the same direction as the visitor. */
.scroll-journey .phases{margin-top:48px}
.scroll-journey .phases li{transform:none}
.scroll-journey .phases:after{transform:scaleX(var(--scene-progress,0))}
.scroll-journey .phases li:before{scale:calc(1 + var(--item-progress,0)*.65);opacity:calc(.3 + var(--item-progress,0)*.7);background:var(--sand)}
.scroll-journey .phases .step-index{transform:translateY(calc((1 - var(--item-progress,0))*12px));opacity:calc(.5 + var(--item-progress,0)*.5)}
.scroll-journey .use-cases{margin-top:28px}
.scroll-journey .case-line-art{height:150px;margin-bottom:8px}
.scroll-journey .art-0 span,.scroll-journey .use-cases article:hover .art-0 span{transform:translateX(calc(var(--node)*(1 - var(--item-progress,0))*-15px)) rotate(calc(var(--scene-progress,0)*90deg));scale:calc(.8 + var(--item-progress,0)*.2);translate:none}
.scroll-journey .art-1 span,.scroll-journey .use-cases article:hover .art-1 span{transform:skewY(-15deg) translateY(calc(var(--node)*(1 - var(--item-progress,0))*26px));scale:1;translate:none}
.scroll-journey .case-line-art:after{transform:scaleX(var(--item-progress,0))}
.scroll-journey .use-cases article.is-current{border-top-color:var(--sand)}
.scroll-journey .manifesto{min-height:var(--stage-height)}
.scroll-journey .manifesto picture{transform:scale(calc(.9 + var(--scene-progress,0)*.24));clip-path:inset(calc((1 - var(--scene-progress,0))*12%) calc((1 - var(--scene-progress,0))*15%))}
.scroll-journey .manifesto picture img{scale:1;translate:none}
.scroll-journey .manifesto .emblem{transform:rotateY(calc((1 - var(--scene-progress,0))*65deg));opacity:calc(.5 + var(--scene-progress,0)*.5);translate:none}
.scroll-journey .manifesto-content{transform:translateY(calc((.5 - var(--scene-progress,0))*40px))}
.scroll-journey .contact-orbit{transform:rotate(calc(var(--scene-progress,0)*100deg))}
.scroll-journey .contact-orbit i{rotate:calc(var(--scene-progress,0)*180deg)}

@media(max-width:1200px){.scroll-journey .journey-meter{left:40px}.scroll-journey .split-heading{gap:35px}.scroll-journey .foundation .split-heading{gap:35px}}
@media(max-width:800px){
  .scroll-journey .journey-panel.section{padding-block:26px 80px}
  .scroll-journey .journey-meter{left:24px;right:125px;gap:10px;font-size:7px;letter-spacing:.08em;bottom:10px;flex-wrap:wrap;align-content:center}
  .journey-meter i{width:48px}.journey-meter a{margin-left:0;padding:0;min-height:26px;display:flex;align-items:center;width:100%}
  .scroll-journey .section-kicker{margin-bottom:22px}
  .scroll-journey .split-heading{gap:16px}
  .scroll-journey .section-copy{font-size:12px;line-height:1.8}
  .scroll-journey h2{font-size:30px}
  .scroll-journey .hero{min-height:760px}
  .scroll-journey .hero-content{padding-top:165px}
  .scroll-journey .hero h1{font-size:46px}
  .scroll-journey .hero-description{font-size:12px}
  .scroll-journey .hero-actions{margin-top:24px}
  .scroll-journey .hero-bottom{bottom:62px}
  .scroll-journey .horizon-sticky{min-height:560px}
  .scroll-journey .horizon-copy h2{font-size:42px}
  .scroll-journey .horizon-copy{padding-block:60px}
  .scroll-journey .horizon-caption{bottom:95px}
  .scroll-journey .principle-intro{grid-template-columns:1fr;gap:16px}
  .scroll-journey .principle-intro>.eyebrow{max-width:none;margin:0}
  .scroll-journey :is(.pillars,.flow,.phases,.use-cases){display:flex;gap:28px;width:100%;transform:translate3d(var(--track-travel,0px),0,0);will-change:transform;margin-top:26px;padding-top:0}
  .scroll-journey :is(.pillar,.flow-step,.phases>li,.use-cases>article){flex:0 0 100%;min-width:0;max-width:100%;margin:0}
  .scroll-journey .pillar{padding:16px 0 0!important;border:0;border-top:1px solid var(--line)}
  .scroll-journey .pillar-top{height:32px}
  .scroll-journey .pillar h3{font-size:27px;margin:14px 0 10px}
  .scroll-journey .pillar>p:last-child{font-size:12px;margin-top:12px;line-height:1.8}
  .scroll-journey .principle-sculpture{height:140px;margin-block:10px}
  .scroll-journey .flow-arrow,.scroll-journey .flow-circuit{display:none}
  .scroll-journey .flow-step{padding:22px;min-height:240px;border:1px solid var(--line);transform:none;opacity:1}
  .scroll-journey .flow h3{font-size:24px;margin-block:20px 14px}
  .scroll-journey .flow p{font-size:13px;max-width:none}
  .scroll-journey .flow small{margin-top:28px;font-size:9px}
  .scroll-journey .flow-note{margin-top:18px;font-size:9px;text-align:left}
  .scroll-journey .phases{padding-top:5px}
  .scroll-journey .phases li{padding-top:24px;border-top:1px solid var(--line)}
  .scroll-journey .phases h3{font-size:30px;margin-top:20px}
  .scroll-journey .phases p{font-size:13px;max-width:450px}
  .scroll-journey .use-cases article{padding:14px 4px 10px}
  .scroll-journey .use-cases h3{font-size:25px;margin:12px 0}
  .scroll-journey .case-line-art{height:140px}
  .scroll-journey .use-cases article>p:not(.eyebrow){font-size:12px;line-height:1.8}
  .scroll-journey .tags{margin-top:16px}
  .scroll-journey .foundation h2{font-size:29px}
  .scroll-journey .foundation .split-heading{gap:12px}
  .scroll-journey .foundation-explorer{display:flex;flex-direction:column;margin-top:18px}
  .scroll-journey .assembly{order:0;min-height:150px;height:150px}
  .scroll-journey .assembly-object{scale:.48;top:calc(50% - 85px)}
  .scroll-journey .assembly-label{bottom:3px;font-size:7px}
  .scroll-journey .assembly-orbit{width:180px;height:180px;left:calc(50% - 90px);top:-20px}
  .scroll-journey .layer-tabs{order:1;display:grid;grid-template-columns:repeat(4,1fr);padding:0;border-right:0}
  .scroll-journey .layer-tabs button{position:relative;display:flex;justify-content:center;padding:12px 8px;min-height:44px;border-bottom:1px solid var(--line)}
  .scroll-journey .layer-tabs button>span:nth-child(2){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .scroll-journey .layer-tabs button>span:last-child{display:none}
  .scroll-journey .layer-panels{order:2;padding:20px 0 0}
  .scroll-journey .layer-panels [role=tabpanel]{min-height:320px}
  .scroll-journey .layer-detail h3{font-size:24px;margin-bottom:12px}
  .scroll-journey .layer-detail>p{font-size:11px;line-height:1.8}
  .scroll-journey .layer-detail ul{margin-top:12px}
  .scroll-journey .layer-detail li{font-size:10px;padding-block:7px}
  .scroll-journey .layer-detail .boundary{font-size:9px;margin-top:14px}
  .scroll-journey .manifesto h2{font-size:42px}
  .scroll-journey .contact h2{font-size:40px}
}
/* A single static document is the accessible fallback and explicit pause mode. */
.motion-paused .journey-panel{transform:none!important}.motion-paused .journey-meter{display:none}
@media(prefers-reduced-motion:reduce){.journey-chapter,.journey-frame{display:block!important;height:auto!important}.journey-meter{display:none!important}.journey-panel{transform:none!important}}

/* Chapter handoffs and depth are driven by the same native scroll timeline. */
.scroll-journey .journey-panel:not(.hero){opacity:calc(.7 + var(--chapter-arrive,1)*.3 - var(--chapter-depart,0)*.26);transform:translate3d(0,calc((1 - var(--chapter-arrive,1))*30px),0)}
.scroll-journey .journey-chapter.is-near .principle-sculpture,.scroll-journey .journey-chapter.is-near .assembly-object{will-change:transform}
.scroll-journey .word-ink{color:inherit;opacity:calc(.76 + clamp(0,calc(var(--scene-progress,0)*var(--word-count,8)*2 - var(--word-index,0)),1)*.24);transform:translateY(calc((1 - var(--chapter-arrive,1))*9px))}
.scroll-journey .section-copy{transform:translateY(calc((1 - var(--chapter-arrive,1))*16px))}
.scroll-journey .principle-sculpture:after{content:'';position:absolute;left:10%;right:10%;bottom:4px;height:1px;background:linear-gradient(90deg,transparent,#d6b89480,transparent);transform:scaleX(calc(.25 + var(--item-progress,0)*.75));transform-origin:center}
.scroll-journey .sculpture-0{transform:perspective(800px) rotateY(calc(-12deg + var(--scene-progress,0)*24deg + var(--pointer-x,0)*16deg)) rotateX(calc(var(--pointer-y,0)*-12deg))}
.scroll-journey .sculpture-2{transform:perspective(800px) rotateY(calc(var(--scene-progress,0)*-25deg + var(--pointer-x,0)*16deg))}
.scroll-journey .pillar>p:last-child{opacity:calc(.7 + var(--item-progress,0)*.3)}
.scroll-journey .assembly-slab b{opacity:calc(.25 + clamp(0,calc(var(--scene-progress,0)*4 - var(--slab-index,0)),1)*.75)}
.scroll-journey .phases li{opacity:calc(.62 + var(--item-progress,0)*.38);transform:translateY(calc((1 - var(--item-progress,0))*14px))}
.scroll-journey .use-cases article{opacity:calc(.65 + var(--item-progress,0)*.35)}
.scroll-journey .journey-chapter.is-pinned .journey-meter>span{color:var(--sand)}
@media(max-width:800px){.scroll-journey .journey-panel:not(.hero){transform:none}.scroll-journey .phases li,.scroll-journey .use-cases article,.scroll-journey .pillar>p:last-child{opacity:1}.scroll-journey .phases li{transform:none}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.builder-intro{max-width:850px;margin-bottom:36px}.builder-intro h2{font-size:clamp(36px,4vw,58px);margin:12px 0}.builder-intro>p:last-child{color:var(--muted);font-size:14px}
.vision-builder{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);border:1px solid #d6b89435;background:linear-gradient(115deg,#0b131dd9,#121d25bd);backdrop-filter:blur(16px);position:relative}
.builder-workspace{padding:32px 40px 24px;min-width:0}.builder-progress{display:flex;align-items:center;justify-content:space-between;gap:25px;color:var(--sand);font-size:9px;text-transform:uppercase;letter-spacing:.13em;margin-bottom:26px}.builder-progress>div{display:flex;gap:5px}.builder-progress i{width:24px;height:2px;background:#d6b89433;transition:background .4s}.builder-progress i:first-child,[data-step="1"] .builder-progress i:nth-child(2),[data-step="2"] .builder-progress i{background:var(--sand)}
.builder-step{animation:builder-enter .35s ease both;min-height:245px}.builder-step[hidden]{display:none}.builder-step h3,.builder-success h3{font-size:28px;line-height:1.2;font-weight:500;letter-spacing:-.03em;margin:0 0 12px}.builder-step h3:focus,.builder-success:focus{outline:none}.builder-step>p:not(.privacy-note){font-size:12px;color:var(--muted);max-width:440px;margin-bottom:22px;line-height:1.7}.builder-choices{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.builder-choice{cursor:pointer;position:relative;display:flex;gap:12px;align-items:flex-start;border:1px solid #d6b89426;padding:17px 14px;min-height:90px;transition:border-color .25s,background .25s,transform .25s}.builder-choice input{position:absolute;opacity:0;width:1px;height:1px}.builder-choice:has(input:checked){border-color:var(--sand);background:#d6b8940d}.builder-choice:has(input:focus-visible){outline:2px solid #f1d9b8;outline-offset:4px}.builder-choice:hover{border-color:#d6b89488;transform:translateY(-2px)}.choice-index{color:var(--sand);font-size:9px;padding-top:2px}.builder-choice strong{display:block;font-size:12px;font-weight:500;line-height:1.4}.builder-choice small{display:block;font-size:9px;color:var(--muted);line-height:1.5;margin-top:7px}.builder-choice b{font-size:14px;color:var(--sand);font-weight:400;margin-left:auto}
.vision-builder textarea,.vision-builder input:not([type=radio]){background:#0b111775;border:1px solid #d6b89438;padding:12px 14px;width:100%;font:inherit;font-size:13px;border-radius:0;color:var(--chalk)}.vision-builder textarea{resize:vertical;min-height:110px}.vision-builder textarea:focus,.vision-builder input:focus{border-color:var(--sand);outline:1px solid var(--sand)}.vision-builder .builder-hint{font-size:10px!important;margin:8px 0 14px!important}.builder-optional{display:flex;gap:14px;align-items:center;color:#c4c9cb;font-size:10px;margin-bottom:8px}.builder-optional span{font-size:9px;color:var(--muted)}.vision-builder .field{margin-bottom:15px}.vision-builder .field label{font-size:11px;margin-bottom:8px}.vision-builder .privacy-note{font-size:10px;line-height:1.65;margin:15px 0 0}.vision-builder .privacy-note a{text-decoration:underline;text-underline-offset:3px}
.builder-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin-top:24px}.builder-actions .button{min-height:45px;padding:14px 19px;font-size:10px}.builder-back{color:var(--muted);background:none;border:0;font:inherit;font-size:10px;cursor:pointer;padding:8px 0}.builder-back:hover{color:var(--sand)}.builder-back[hidden],.builder-actions .button[hidden]{display:none}.builder-time{font-size:9px;color:var(--muted)}.vision-builder .form-status{font-size:11px;min-height:18px;margin-top:12px;max-width:460px}
.builder-blueprint{border-left:1px solid #d6b89426;padding:32px;display:flex;flex-direction:column;position:relative;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 50% 15%,#d6b89409,transparent 60%)}.builder-blueprint>.eyebrow{font-size:9px;color:var(--sand)}.blueprint-object{height:130px;position:relative;margin:5px 0 18px;perspective:600px}.blueprint-object i{position:absolute;width:110px;height:70px;border:1px solid #d6b89445;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(58deg) rotateZ(-35deg);transition:transform .7s,border-color .7s,background .7s}.blueprint-object i:nth-child(2){transform:translate(-50%,calc(-50% + 14px)) rotateX(58deg) rotateZ(-35deg)}.blueprint-object i:nth-child(3){transform:translate(-50%,calc(-50% + 28px)) rotateX(58deg) rotateZ(-35deg)}.has-direction .blueprint-object i:first-child{transform:translate(-50%,calc(-50% - 16px)) rotateX(58deg) rotateZ(-35deg);border-color:var(--sand);background:#d6b8940a}.has-vision .blueprint-object i:nth-child(2){transform:translate(-50%,calc(-50% + 6px)) rotateX(58deg) rotateZ(-35deg);border-color:#d6b894aa}.blueprint-object span{position:absolute;left:50%;top:0;height:100%;width:1px;background:linear-gradient(transparent,#d6b89430,transparent)}.blueprint-label{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.builder-blueprint h3{font-size:20px;line-height:1.4;font-weight:500;margin:12px 0}.builder-blueprint #brief-vision{font-size:11px;line-height:1.8;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;max-height:200px;overflow:auto}.builder-blueprint #brief-company{font-size:10px;color:var(--sand);margin-top:15px;overflow-wrap:anywhere}.blueprint-footer{display:flex;align-items:center;gap:10px;font-size:8px;color:var(--muted);margin-top:auto;padding-top:24px}.blueprint-dot{height:4px;width:4px;background:var(--sand);border-radius:50%}.builder-success{padding:45px 0}.builder-success p{font-size:14px;line-height:1.8;color:var(--muted)}.is-sent .builder-progress,.is-sent .builder-time{display:none}
.scroll-journey .contact .section-kicker{margin-bottom:20px}.scroll-journey .builder-intro{margin-bottom:22px}.scroll-journey .builder-intro h2{font-size:40px}.scroll-journey .builder-intro>.eyebrow{font-size:9px}.scroll-journey .builder-intro>p:last-child{font-size:12px}.scroll-journey .contact{padding-bottom:70px}
@keyframes builder-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.builder-workspace{padding:26px}.builder-blueprint{padding:26px}.builder-time{display:none}}
@media(max-width:800px){.vision-builder{grid-template-columns:1fr}.builder-workspace{padding:22px}.builder-blueprint{border-left:0;border-top:1px solid #d6b89426;padding:22px;display:none}.vision-builder[data-step="2"] .builder-blueprint,.vision-builder.is-sent .builder-blueprint{display:flex}.blueprint-object{height:75px;margin:0 0 12px}.builder-blueprint>.eyebrow{margin-bottom:0}.builder-blueprint h3{font-size:17px}.builder-step{min-height:0}.builder-step h3{font-size:25px}.builder-choices{grid-template-columns:1fr}.builder-choice{min-height:70px;padding:14px}.builder-choice small{margin-top:4px}.builder-progress{margin-bottom:22px}.builder-step>p:not(.privacy-note){font-size:11px;margin-bottom:18px}.builder-actions{margin-top:20px}.scroll-journey .builder-intro h2{font-size:34px}.builder-intro>.eyebrow{font-size:8px!important;line-height:1.7}.blueprint-footer{padding-top:15px}.builder-blueprint #brief-vision{max-height:240px}}
@media(prefers-reduced-motion:reduce){.builder-step{animation:none}.builder-choice,.blueprint-object i{transition:none}}

/* Phone choreography. Each readable scene has a short native sticky hold;
   tall content stays in the vertical document. Desktop rules are unchanged. */
@media(max-width:800px){
  html{scroll-padding-top:94px}
  .scroll-journey .mobile-flow{height:auto!important}
  .scroll-journey .mobile-flow .journey-frame{position:relative;top:auto;overflow:visible}
  .scroll-journey .mobile-flow .journey-panel{min-height:0;opacity:1;transform:none}
  .scroll-journey .mobile-flow .journey-panel.section{padding-block:58px 48px}
  .scroll-journey .mobile-flow .journey-meter{display:none}
  .scroll-journey .journey-panel:not(.hero){opacity:1}
  .scroll-journey .mobile-flow .hero{height:auto;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:116px 0 96px}
  .scroll-journey .hero-content{padding-top:0;padding-bottom:0;transform:none;opacity:1}
  .scroll-journey .hero h1{font-size:clamp(40px,11.8vw,62px);line-height:1.12;margin-block:26px}
  .scroll-journey .hero-description{font-size:14px;line-height:1.8;max-width:470px}
  .scroll-journey .hero-actions{margin-top:26px}
  .scroll-journey .hero .button,.scroll-journey .hero .text-link{font-size:11px;min-height:48px}
  .scroll-journey .hero-bottom{position:relative;inset:auto;margin-top:54px}
  .scroll-journey .hero-line{transform:none!important}
  .scroll-journey .section-copy{font-size:14px;line-height:1.85;transform:none}
  .scroll-journey h2{font-size:clamp(30px,8.4vw,42px);line-height:1.18}
  .scroll-journey .section-kicker{font-size:9px;margin-bottom:26px}
  .scroll-journey .horizon-sticky{min-height:480px;height:var(--stage-height)}
  .scroll-journey .horizon-copy{padding-block:56px}
  .scroll-journey .horizon-copy h2{font-size:clamp(38px,10.6vw,54px)}
  .scroll-journey .horizon-copy>p:last-of-type{font-size:14px;line-height:1.8}
  .scroll-journey .horizon-caption{bottom:72px}
  .scroll-journey .journey-meter{left:24px;right:130px;bottom:16px;font-size:8px}
  .scroll-journey .mobile-flow :is(.pillars,.flow,.phases,.use-cases){display:block;transform:none!important;will-change:auto;margin-top:34px;padding:0}
  .scroll-journey .mobile-flow :is(.pillar,.flow-step,.phases>li,.use-cases>article){display:block;width:auto;max-width:none;min-width:0;min-height:0;margin:0 0 26px;padding:0!important;border:0;background:none;transform:none;opacity:1}
  .scroll-journey .mobile-card-stop.has-mobile-hold{min-height:var(--mobile-card-height)!important}
  .mobile-card-body{padding:24px 0 28px;border-top:1px solid var(--line);position:relative}
  .scroll-journey .has-mobile-hold>.mobile-card-body{position:sticky;top:var(--mobile-card-top)}
  .mobile-card-body:after{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:var(--sand);transform:scaleX(var(--item-progress,0));transform-origin:left;opacity:.8}
  .scroll-journey .flow-step>.mobile-card-body{padding:24px;background:linear-gradient(135deg,#18232aee,#0b141bea);border:1px solid var(--line)}
  .scroll-journey .flow-center>.mobile-card-body{border-color:#d6b89466}
  .scroll-journey .flow h3{font-size:27px;margin-block:20px 14px}
  .scroll-journey .flow p,.scroll-journey .phases p{font-size:14px;line-height:1.85;max-width:none}
  .scroll-journey .flow small{font-size:10px;margin-top:26px}
  .scroll-journey .flow-note{font-size:11px;line-height:1.8}
  .scroll-journey .pillar h3{font-size:30px;margin-block:14px}
  .scroll-journey .pillar .pillar-line,.scroll-journey .pillar .mobile-card-body>p:last-child{font-size:14px;line-height:1.85;opacity:1}
  .scroll-journey .principle-sculpture{height:166px;margin-block:14px 24px}
  .scroll-journey .phases h3{font-size:30px;margin-block:20px 16px}
  .scroll-journey .phases li:before{display:none}
  .scroll-journey .phases .phase-line{font-size:14px}
  .scroll-journey .use-cases .mobile-card-body>p:not(.eyebrow){font-size:14px;line-height:1.85}
  .scroll-journey .use-cases h3{font-size:28px;margin-block:16px}
  .scroll-journey .case-line-art{height:150px;margin-block:8px 20px}
  .scroll-journey .tags{font-size:10px;margin-top:22px;gap:9px}
  .scroll-journey .foundation h2{font-size:clamp(30px,8.4vw,42px)}
  .scroll-journey .foundation-explorer{display:block;margin-top:28px}
  .scroll-journey .foundation-explorer>.assembly{display:none}
  .scroll-journey .foundation .layer-tabs{position:sticky;top:76px;z-index:6;background:#0c151df5;backdrop-filter:blur(12px);margin-bottom:20px;border:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}
  .scroll-journey .foundation .layer-tabs button{min-height:48px;padding:12px;font-size:12px}
  .scroll-journey .foundation .layer-panels{padding:0}
  .scroll-journey .foundation .layer-panels [role=tabpanel]{min-height:0;margin-bottom:28px;scroll-margin-top:140px}
  .scroll-journey .foundation .layer-panels [role=tabpanel]:focus-visible{outline:1px solid var(--sand);outline-offset:6px}
  .mobile-layer-title{font-size:10px;line-height:1.6;color:var(--sand);text-transform:uppercase;letter-spacing:.09em;margin:0 0 12px}
  .scroll-journey .mobile-card-body>.assembly{display:grid;min-height:126px;height:126px;border:0;margin-bottom:18px}
  .scroll-journey .mobile-card-body .assembly-object{scale:.48;top:calc(50% - 75px)}
  .scroll-journey .mobile-card-body .assembly-orbit{height:150px;width:150px;left:calc(50% - 75px);top:-14px}
  .scroll-journey .mobile-card-body .assembly-label{display:none}
  .scroll-journey .layer-detail h3{font-size:26px;margin-bottom:15px}
  .scroll-journey .layer-detail>p{font-size:14px;line-height:1.8}
  .scroll-journey .layer-detail li{font-size:12px;line-height:1.7;padding-block:9px}
  .scroll-journey .layer-detail .boundary{font-size:11px;line-height:1.8;margin-top:20px}
  .scroll-journey .manifesto{min-height:var(--stage-height)}
  .scroll-journey .manifesto-content{padding-block:80px}
  .scroll-journey .manifesto h2{font-size:clamp(38px,10.6vw,54px)}
  .scroll-journey .contact .builder-intro h2{font-size:36px}
  .scroll-journey .builder-intro>p:last-child{font-size:14px;line-height:1.8}
  .builder-workspace{padding:24px 20px}
  .builder-progress,.vision-builder input,.vision-builder textarea{scroll-margin-top:100px}
  .builder-step>p:not(.privacy-note){font-size:13px;line-height:1.8}
  .builder-choice{min-height:86px;padding:18px 14px}
  .builder-choice strong{font-size:14px}.builder-choice small{font-size:11px}
  .vision-builder textarea,.vision-builder input:not([type=radio]){font-size:16px}
  .vision-builder .field label,.builder-optional{font-size:12px}
  .builder-actions .button{font-size:12px;min-height:50px}
  .builder-back{font-size:12px;min-height:44px}
  .builder-blueprint #brief-vision{max-height:none;overflow:visible;font-size:13px}
  .builder-blueprint{backdrop-filter:none}
  #motion-toggle{bottom:max(10px,env(safe-area-inset-bottom));font-size:9px;min-height:40px}
  .motion-paused .mobile-card-stop{min-height:0!important}
  .motion-paused .mobile-card-body{position:relative!important;top:auto!important}
  .motion-paused .foundation-explorer>.assembly{display:none}
  .motion-paused .layer-panels [role=tabpanel]{min-height:0;margin-bottom:24px}
  .motion-paused .mobile-card-body>.assembly{min-height:150px;height:150px}
}

:root{--midnight:#080D12;--charcoal:#141B21;--slate:#283744;--stone:#B9BEC3;--ivory:#F2EEE8;--sand:#D6B894;--sunrise:#EFA45E;--muted:#AEB7BD}