@font-face{font-family:Cormorant;src:url('assets/CormorantGaramond.ttf') format('truetype');font-weight:300 700;font-display:swap}@font-face{font-family:Cormorant;src:url('assets/CormorantGaramond-Italic.ttf') format('truetype');font-style:italic;font-weight:300 700;font-display:swap}
:root{--paper:#fafaf9;--ink:#202320;--muted:#666a65;--line:#d6d8d2;--orange:#8f1d1d;--green:#2e5d3a;--dark:#0e0e0e;--amber:#d4a017}body{background:#0e0e0e}::selection{color:white;background:#8f1d1d}html{scroll-padding-top:105px}h2 em,h3 em{font-family:Cormorant,serif;font-size:1.19em;font-weight:500;letter-spacing:-.045em}h1 em{font-family:Cormorant,serif;font-size:1.12em;line-height:.8;font-weight:500;color:#2e5d3a;letter-spacing:-.04em}.eyebrow{display:block;font-size:11px;letter-spacing:.12em;font-weight:600;margin-bottom:25px}.header{height:98px;position:fixed;left:4.3%;right:4.3%;margin:0;max-width:none!important;border:0;gap:17px;z-index:40;transition:color .35s}.header:before{content:'';position:absolute;inset:12px -20px;z-index:-1;background:#fafaf9e8;border:1px solid #ffffff80;border-radius:18px;box-shadow:0 8px 35px #0e0e0e05;backdrop-filter:blur(18px);opacity:0;transition:opacity .4s,background .4s}.header.scrolled:before{opacity:1}.header .logo{width:214px}.header-join{display:flex;align-items:center;gap:14px;margin-left:auto;font-size:12px;font-weight:600;padding:14px}.header-join svg{width:17px;height:17px;transition:transform .45s}.header-join:hover svg{transform:translate(3px,-3px)}.cabinet{padding:15px 22px;border:1px solid #e8e9e5;background:#fff;border-radius:30px;font-size:12px;gap:20px;box-shadow:0 6px 20px #0e0e0e05,0 1px 4px #0e0e0e03;color:#202320;transition:box-shadow .4s,transform .4s}.cabinet:hover{transform:translateY(-2px);box-shadow:0 12px 26px #0e0e0e09}.menu-toggle{display:flex;width:49px;height:49px;background:#fff;border:1px solid #e8e9e5;border-radius:14px;padding:14px;gap:6px;flex-direction:column;justify-content:center;box-shadow:0 6px 20px #0e0e0e05;color:#202320}.menu-toggle span{height:1px;width:21px;background:currentColor;transition:transform .4s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.header.on-dark{color:#fafaf9}.header.on-dark:before{background:#161917e8;border-color:#ffffff15}.header.on-dark .logo img{filter:grayscale(1) brightness(0) invert(1);mix-blend-mode:screen}.mobile-menu{position:fixed;right:4.3%;left:auto;top:90px;width:min(410px,91.4%);z-index:39;background:#fafaf9;color:#202320;padding:30px;display:flex;flex-direction:column;gap:0;border-radius:18px;box-shadow:0 30px 65px #0003}.mobile-menu a{font-size:21px;padding:15px 0;border-bottom:1px solid #ddd;transition:transform .4s}.mobile-menu a:hover{transform:translateX(8px)}.hero{background:var(--paper);margin:10px 10px 0;border-radius:24px 24px 38px 38px;min-height:810px;height:100svh;max-height:1100px;padding:115px calc(4.3% - 10px) 0;box-shadow:0 25px 65px #0005;z-index:2;isolation:auto;overflow:hidden}.hero-topline{padding-top:12px}.hero-copy{padding-top:70px;width:60%;z-index:10}.hero-copy .eyebrow{margin-bottom:22px}h1{font-size:clamp(44px,4.65vw,76px);line-height:1.11;letter-spacing:-.045em}.hero-copy>p{font-size:14px;line-height:1.9;margin-top:27px;max-width:440px}.hero-actions{margin-top:31px;gap:25px}.button{border-radius:50px;box-shadow:0 6px 19px #15201808,0 2px 5px #15201805;transition:transform .45s var(--ease),box-shadow .45s,background .45s}.primary{background:#2e5d3a;color:#fff}.primary:hover{background:#234b2d;box-shadow:0 15px 30px #172a181a;transform:translateY(-3px)}.dark{background:#1b211e}.dark:hover{background:#2e5d3a;box-shadow:0 15px 35px #0e0e0e18}.hero-art{position:fixed;right:0;top:16vh;width:56vw;height:72vh;min-height:0;z-index:8;margin:0;will-change:transform;--art-detail:1}.art-label,.cube-tools,.art-orbit,.art-ground{opacity:var(--art-detail)}.art-orbit{border-color:#b6beb6;opacity:calc(var(--art-detail)*.48)}.art-ground{background:#354239;opacity:calc(var(--art-detail)*.13);filter:blur(35px);top:76%;width:55%;left:25%}.label-top{left:33%;top:8%}.label-bottom{right:10%;bottom:13%;background:none}.label-bottom small,.art-label small,.mouse-hint{color:#72776f}.label-bottom .green{background:#2e5d3a}.cube-tools{bottom:-2%;left:50%;transform:translateX(-50%)}.cube-tools button{background:#ffffffc9;border-color:#deded7;box-shadow:0 8px 24px #18221909}.hero-bottom{bottom:0;height:77px;z-index:10}.hero-bottom>span{font-family:Cormorant,serif;font-size:19px;font-style:italic;color:#555e51}.hero-actions .text-link{font-size:12px}.reading-progress{background:#d4a017}.motion-toggle>span{background:#2e5d3a}
/* One scroll scene. Three dimensional modules become readable HTML surfaces. */
.system-story{height:355vh;background:#0e0e0e;color:#fafaf9;position:relative;isolation:isolate}.system-story:before{content:'';position:absolute;inset:0;background:linear-gradient(#0e0e0ef0,#0e0e0ee8),url('assets/graphite-grain.svg') repeat;z-index:-1}.story-stage{position:sticky;top:0;height:100vh;min-height:650px;overflow:hidden;padding:130px 6.3% 45px;perspective:1400px}.story-stage:before{content:'';position:absolute;width:40vw;height:30vw;top:25%;right:2%;background:radial-gradient(ellipse,#41614819,transparent 68%);pointer-events:none}.story-meta{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.14em;color:#b1b8b0;border-top:1px solid #ffffff23;padding-top:18px}.story-intro{position:absolute;left:6.3%;top:30%;width:42%}.story-intro .eyebrow{color:#a4b69d;font-size:11px;margin-bottom:24px}.story-intro h2{font-size:clamp(37px,3.6vw,60px);line-height:1.08}.story-intro h2 em{color:#b7c4af}.story-intro p{font-size:14px;color:#b3bab2;line-height:1.9;margin-top:23px}.story-index{display:flex;gap:25px;margin-top:37px}.story-index button{font-size:11px;color:#a3a99f;padding:8px 0;position:relative;border-bottom:1px solid #ffffff2a;display:flex;align-items:center;gap:8px;transition:color .3s,border .3s}.story-index button>span{font-size:11px;color:#747c70}.story-index button.active{color:#e4bd52;border-color:#d4a017}.story-index button.active>span{color:#d4a017}.story-skip{margin-top:23px;font-size:11px;color:#a8ada4}.story-skip svg{width:16px}.benefit-deck{position:absolute;top:31%;left:53%;width:40.7%;height:380px;max-height:49vh;perspective:1600px;z-index:9}.benefit-card{position:absolute;inset:0;border-radius:15px;overflow:hidden;padding:28px 32px 22px;box-shadow:0 30px 75px #0004,0 4px 12px #0002;transform-origin:center center;will-change:transform,opacity;border:1px solid #ffffff22;display:flex;flex-direction:column}.card-tech{background:#eceee7;color:#232a24;z-index:1}.card-support{background:#24462e;color:#f6f5ed;z-index:2}.card-practice{background:#65231f;color:#faf7f0;z-index:3}.card-head{display:flex;justify-content:space-between;align-items:center;letter-spacing:.1em;font-size:11px;position:relative;z-index:2}.card-head svg{width:21px;height:21px;stroke-width:1}.card-copy{position:relative;z-index:2;margin-top:auto}.card-copy h3{font-size:clamp(24px,2.25vw,36px);font-weight:400;line-height:1.1;letter-spacing:-.035em}.card-copy h3 em{font-size:1.2em}.card-copy p{font-size:12px;line-height:1.8;margin-top:17px;opacity:.8}.card-link{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;margin-top:22px;border-top:1px solid #74846d44;padding-top:15px;font-size:11px}.card-support .card-link,.card-practice .card-link{border-color:#ffffff30}.card-link svg{width:18px;height:18px;transition:transform .4s}.card-link:hover svg{transform:translate(3px,-3px)}.card-grid{position:absolute;right:24px;top:60px;width:88px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;transform:perspective(600px) rotateY(-22deg) rotateX(13deg);opacity:.5}.card-grid i{aspect-ratio:1;background:#bcc4b7;border-radius:3px;box-shadow:3px 4px 4px #50634615}.card-grid i:nth-child(3n){background:#2e5d3a}.card-grid i:nth-child(5){background:#d4a017;animation:tileFloat 4s ease-in-out infinite}.support-time{position:absolute;right:25px;top:25px;font:300 clamp(50px,7vw,106px)/1 Cormorant,serif;color:#a9c4a530;letter-spacing:-.08em}.support-time span{color:#d4a01766}.live-dot{width:6px;height:6px;border-radius:50%;background:#d3b452;box-shadow:0 0 0 6px #d3b45212;animation:none}.card-practice:before{content:'';position:absolute;width:210px;height:210px;right:-80px;top:20px;border:1px solid #e5bca330;border-radius:50%;box-shadow:0 0 0 24px #ffffff03,0 0 0 48px #ffffff02}.story-bottom{position:absolute;bottom:40px;left:6.3%;right:6.3%;display:flex;align-items:center;gap:24px;font-size:11px;letter-spacing:.1em;color:#a6ada1}.story-step{min-width:225px}.story-progress{height:1px;background:#ffffff22;flex:1}.story-progress i{height:1px;width:100%;display:block;background:#d4a017;transform-origin:left}.story-bottom>span:last-child{font-size:11px}
@keyframes tileFloat{50%{transform:translateZ(15px) translateY(-4px);box-shadow:8px 12px 10px #50634620}}@keyframes livePulse{50%{box-shadow:0 0 0 10px #d3b45205}}
/* White surfaces sit above the graphite base. */
.practice{background:#fafaf9;position:relative;z-index:10;margin:0 10px;border-radius:32px 32px 0 0;padding-top:125px;padding-bottom:125px;box-shadow:0 -15px 60px #0003}.practice-intro em{font-family:Cormorant,serif;color:#2e5d3a;font-size:1.3em;font-style:italic}.workspace-visual{background:#fff;box-shadow:18px 28px 65px -25px #13231728,0 2px 10px #00000005;border:1px solid #e5e7e1;border-radius:14px}.workspace-side{background:#f0f2ed}.workspace-top,.workspace-foot,.flow-item{border-color:#e4e7df}.flow-result{background:#e7eee5;color:#2e5d3a}.workspace-tabs button.active{color:#8f1d1d}.flow-node{background:#eff1eb}.scale{background:#0e0e0e;position:relative;color:#fafaf9;padding-top:105px;padding-bottom:100px}.scale-heading h2 em{color:#d4a017}.figure-number>span{color:#d4a017}.figure-bar i{background:#2e5d3a}.figure-bar i:nth-child(3n){background:#547458}.figure-bar.secondary i{background:#8f1d1d}.figure-bar.secondary i:nth-child(2n){background:#5c201e}.figure-dots i:nth-child(4n){background:#d4a017}.join,.routes,.disclosure{background:#fafaf9;margin:0 10px}.join{border-radius:32px 32px 0 0;box-shadow:0 -14px 50px #0002}.join-copy h2>span{font-family:Cormorant,serif;font-style:italic;color:#2e5d3a;font-size:1.23em}.routes{background:#f0f1ed}.contact{background:#e7ebe3;margin:0 10px;border-radius:0 0 32px 32px;box-shadow:0 25px 65px #0004}.contact h2>span{font-family:Cormorant,serif;font-style:italic;color:#2e5d3a;font-size:1.18em}.contact-form .button{background:#2e5d3a}.document-list a:hover{background:#edf0e9}footer{background:#0e0e0e;color:#fafaf9;padding-top:60px}.footer-main .logo img{filter:grayscale(1) brightness(0) invert(1);mix-blend-mode:screen}.footer-main p,.footer-bottom{color:#a4aaa0}.footer-bottom{border-color:#ffffff25}.reveal{transition:opacity 1s var(--ease),translate 1.1s var(--ease),filter 1.1s var(--ease)}.js-motion .reveal.pending{opacity:0;translate:0 24px;filter:blur(4px)}.js-motion .reveal.visible{opacity:1;translate:0 0;filter:blur(0)}.hero-copy>p{transition-delay:.1s}.hero-copy h1{transition-delay:.06s}.motion-off .reveal{filter:none!important}.motion-off *{transition-duration:0s!important}.static-story .system-story{height:auto}.static-story .story-stage{position:relative;min-height:0;height:auto;padding-bottom:70px}.static-story .story-intro{position:relative;top:auto;left:auto;width:100%;margin-top:50px}.static-story .story-index,.static-story .story-bottom,.static-story .story-skip{display:none}.static-story .benefit-deck{position:relative;left:auto;top:auto;width:100%;height:auto;max-height:none;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px;perspective:none}.static-story .benefit-card{position:relative;min-height:375px;opacity:1!important;transform:none!important;filter:none!important}.static-story .card-copy h3{font-size:25px}.static-story .card-copy p{font-size:12px}.static-story .card-grid{width:65px}
@media(min-width:1600px){.hero-copy{padding-top:100px}.benefit-deck{height:430px}.story-intro{top:32%}}
@media(max-width:1100px) and (min-width:761px){.hero{min-height:790px}.hero-copy{padding-top:85px;width:63%}h1{font-size:49px}.hero-art{top:20vh}.hero-actions{max-width:390px}.hero-bottom>span{display:none}.benefit-deck{left:51%;width:44%;height:360px}.benefit-card{padding:24px}.card-copy h3{font-size:27px}.story-index{gap:14px}.story-intro h2{font-size:39px}.story-meta>span:last-child{display:none}.static-story .benefit-deck{grid-template-columns:1fr}.static-story .benefit-card{min-height:340px}}
@media(max-width:760px){html{scroll-padding-top:86px}.header{height:79px;left:6%;right:6%;gap:9px}.header:before{inset:7px -10px;border-radius:15px}.header .logo{width:156px}.header-join{display:none}.cabinet{margin-left:auto;padding:12px;width:43px;height:43px;justify-content:center;gap:0;font-size:0}.cabinet svg{width:18px;height:18px}.menu-toggle{width:43px;height:43px;padding:11px;border-radius:12px}.mobile-menu{top:77px;right:6%;width:88%}.hero{margin:6px 6px 0;border-radius:20px 20px 28px 28px;min-height:920px;height:auto;padding:90px calc(6% - 6px) 465px;max-height:none}.hero-topline{padding-top:8px;font-size:11px}.specialization{font-size:11px;max-width:125px}.hero-copy{width:100%;padding-top:38px}.eyebrow{font-size:11px;margin-bottom:17px}.hero-copy .eyebrow{margin-bottom:17px}h1{font-size:clamp(35px,8.9vw,61px);line-height:1.15}.hero-copy>p{font-size:12px;max-width:340px;line-height:1.8;margin-top:20px}.hero-actions{gap:14px;margin-top:23px}.hero-actions .text-link{font-size:11px}.button{font-size:11px;min-height:49px}.hero-art{position:absolute;top:490px;right:0;width:100%;height:345px;min-height:0;margin:0;transform:none!important;opacity:1!important;visibility:visible!important;z-index:8}.label-top{top:3%;left:24%;font-size:11px}.label-top small,.label-bottom small{font-size:11px}.label-bottom{right:9%;bottom:14%;font-size:11px;background:#fafaf9d9}.cube-tools{bottom:-12px}.cube-tools button{font-size:11px}.hero-bottom{height:63px;left:6%;right:6%;font-size:11px}.motion-toggle{font-size:11px}.hero-bottom>span{display:none}.system-story{height:auto}.story-stage{height:auto;min-height:0;padding:80px 6% 60px;overflow:visible}.story-meta{font-size:11px}.story-meta>span:last-child{display:none}.story-intro,.static-story .story-intro{margin-top:32px}.story-intro h2{font-size:39px}.story-intro p{font-size:12px;margin-top:20px}.story-intro p br{display:none}.story-intro .eyebrow{font-size:11px}.static-story .benefit-deck{display:flex;flex-direction:column;gap:23px;margin-top:34px}.static-story .benefit-card{min-height:355px;padding:25px;border-radius:14px;position:sticky;top:100px;box-shadow:0 20px 45px #0004}.static-story .benefit-card:nth-child(2){top:116px}.static-story .benefit-card:nth-child(3){top:132px}.static-story .card-copy h3{font-size:28px}.card-head{font-size:11px}.support-time{font-size:95px}.static-story .card-grid{width:72px;top:65px}.practice{margin:0 6px;padding:75px 6%;border-radius:28px 28px 0 0}.practice-intro h2{font-size:44px}.practice-intro h2 br:nth-child(2){display:block}.scale{padding:70px 6%}.join,.routes,.disclosure,.contact{margin:0 6px}.join{border-radius:28px 28px 0 0}.contact{border-radius:0 0 28px 28px}.contact h2{font-size:36px}.join-copy h2{font-size:43px}.figure-number>span{color:#d4a017}.story-stage:before{display:none}.motion-off .benefit-card{position:relative;top:auto!important}}
@media(prefers-reduced-motion:reduce){.benefit-card{position:relative!important;top:auto!important}.js-motion .reveal{filter:none!important}}
@media(max-width:760px){.static-story .benefit-card{bottom:auto;left:auto;right:auto;flex-shrink:0}}

body{color:#fafaf9}.hero,.practice,.join,.routes,.disclosure,.contact{color:var(--ink)}
.story-index button>span{color:#aab1a5}.art-label small,.mouse-hint{color:#62695e}
.card-grid i:nth-child(5){animation-play-state:paused}.card-tech.is-front .card-grid i:nth-child(5){animation-play-state:running}
.hero-art{color:var(--ink)}
