:root{--paper:#eeeae0;--ink:#17140f;--muted:#6d685e;--gold:#7a5228;--moss:#43513c;--line:rgba(23,20,15,.16);--night:#151611;--light:#f4f0e7;--ratio-cinematic:16/9;--ratio-plan:8/5;--ratio-portrait:1/1}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font:300 16px/1.65 Inter,Arial,sans-serif}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
.wrap{width:min(1180px,calc(100% - 48px));margin:auto}
.nav{position:sticky;top:0;z-index:20;background:rgba(238,234,224,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-inner{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.wordmark{text-decoration:none;font-weight:200;letter-spacing:-.03em;font-size:21px}
.wordmark span{color:var(--gold)}
.wordmark em{opacity:.66}
.nav-links{display:flex;align-items:center;gap:24px}
.nav-links a{text-decoration:none;text-transform:uppercase;letter-spacing:.17em;font-size:11px}
.nav-links .nav-cta{padding:10px 14px;border:1px solid var(--gold);color:var(--gold)}
.nav-toggle{display:none;width:42px;height:42px;padding:10px;border:0;background:transparent;color:var(--ink);cursor:pointer}
.nav-toggle span{display:block;width:100%;height:1px;margin:5px 0;background:currentColor;transition:transform .2s ease,opacity .2s ease}
.nav-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nav-toggle.is-open span:nth-child(2){opacity:0}
.nav-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.hero{min-height:calc(100svh - 70px);display:grid;align-items:end;padding:11vh 0 8vh;background:linear-gradient(90deg,rgba(11,12,9,.82),rgba(11,12,9,.22)),url('/images/visions-shala-dawn-spatializer-v1.jpg') center/cover;color:#fff}
.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:12px;color:#cdbd9f}
.hero h1,.display{font:300 clamp(54px,9vw,126px)/.88 'Cormorant Garamond',serif;letter-spacing:-.04em;margin:20px 0 28px}
.hero-copy{max-width:720px;font:300 clamp(20px,2.1vw,29px)/1.5 'Cormorant Garamond',serif}
.hero-note{margin-top:34px;max-width:700px;padding-left:18px;border-left:1px solid #cdbd9f;color:rgba(255,255,255,.74);font-size:13px}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.button{display:inline-flex;min-height:44px;align-items:center;padding:12px 18px;text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font-size:11px;border:1px solid currentColor}
.button.primary{background:var(--gold);border-color:var(--gold);color:#fff}
.button.light{color:#fff}
.section{padding:110px 0;border-bottom:1px solid var(--line)}
.section.dark{background:var(--night);color:var(--light)}
.section-head{display:grid;grid-template-columns:.65fr 1.35fr;gap:60px;margin-bottom:64px}
.section h2{font:300 clamp(42px,6vw,76px)/.98 'Cormorant Garamond',serif;margin:0;letter-spacing:-.025em}
.section-lead{font:300 clamp(20px,2vw,27px)/1.55 'Cormorant Garamond',serif;margin:0;max-width:720px}
.grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.card{padding:28px 22px;min-height:240px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.card small,.step small{display:block;color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:11px}
.card h3,.step h3{font:400 29px/1.05 'Cormorant Garamond',serif;margin:34px 0 14px}
.card p,.step p{margin:0;color:var(--muted);font-size:14px}
.dark .card p,.dark .step p{color:rgba(244,240,231,.64)}
.statement{padding:76px 0;background:var(--moss);color:#fff}
.statement blockquote{max-width:980px;margin:0;font:300 clamp(34px,5vw,66px)/1.05 'Cormorant Garamond',serif}
.stages{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}
.step{padding:34px 28px;min-height:330px;background:var(--paper)}
.dark .step{background:var(--night)}
.step strong{display:block;margin-top:26px;font:300 42px/1 'Cormorant Garamond',serif;color:var(--gold)}
.image-band{position:relative;min-height:66svh;background:center/cover}
.image-band:after{content:"Concept study · not yet built";position:absolute;right:18px;bottom:18px;padding:9px 12px;background:rgba(10,10,8,.72);color:#fff;text-transform:uppercase;letter-spacing:.16em;font-size:8px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.plain-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.plain-list li{padding:19px 0;border-bottom:1px solid var(--line)}
.status{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.18em;font-size:9px;color:var(--moss)}
.status:before{content:"";width:7px;height:7px;border-radius:50%;background:#a87a38}
.form{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:760px}
.form .full{grid-column:1/-1}
.form input,.form select,.form textarea{width:100%;padding:15px 14px;border:1px solid var(--line);border-radius:0;background:rgba(255,255,255,.35);color:var(--ink);font:300 14px Inter,sans-serif}
.form textarea{min-height:150px;resize:vertical}
.form button{cursor:pointer}
.form-message{grid-column:1/-1;min-height:24px;font-size:12px;color:var(--moss)}
.footer{padding:38px 0}
.footer-inner{display:flex;justify-content:space-between;gap:26px;align-items:center;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}
.footer-links{display:flex;gap:18px}
.notice{padding:20px;border:1px solid var(--line);font-size:13px;color:var(--muted)}
.hero-compact{min-height:72svh}
.meaning{background:#e6e0d3}
.grid-four{grid-template-columns:repeat(4,1fr)}
.people-grid{display:grid;grid-template-columns:1fr;gap:1px;background:var(--line)}
.person{background:var(--paper);padding:42px;min-height:390px}
.person small{display:block;color:var(--gold);text-transform:uppercase;letter-spacing:.2em;font-size:9px}
.person h3{font:400 clamp(35px,4vw,52px)/1 'Cormorant Garamond',serif;margin:38px 0 22px}
.person p{color:var(--muted);max-width:700px}
.person-featured{padding:0;display:grid;grid-template-columns:minmax(280px,.78fr) 1.22fr;align-items:start}
.person-image{width:100%;height:auto;aspect-ratio:var(--ratio-portrait);object-fit:cover}
.person-image-matteo{object-position:center}
.person-copy{padding:42px}
.text-link{display:inline-block;margin-top:18px;color:var(--gold);text-transform:uppercase;letter-spacing:.15em;font-size:9px}
.text-note{display:block;margin-top:24px;color:var(--muted);font-size:11px}
.practice-image img{width:100%;aspect-ratio:1/1;object-fit:cover}
.network-section{background:#e6e0d3}
.network-grid{grid-template-columns:repeat(4,1fr)}
.readiness-table{border-top:1px solid var(--line)}
.readiness-row{display:grid;grid-template-columns:1.4fr .6fr;gap:30px;padding:20px 0;border-bottom:1px solid var(--line);align-items:center}
.readiness-row strong{color:var(--gold);font-weight:400}
.readiness-head{color:var(--muted);text-transform:uppercase;letter-spacing:.17em;font-size:9px}
.notice a{color:var(--gold)}
.home-hero{background-image:linear-gradient(90deg,rgba(11,12,9,.86),rgba(11,12,9,.2)),url('/images/visions-shala-dawn-spatializer-v1.jpg')}
.feature-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:64px;align-items:center}
.feature-figure,.wide-concept{position:relative;margin:0}
.feature-figure img,.wide-concept img{width:100%;height:auto;aspect-ratio:var(--ratio-cinematic);object-fit:cover;border:1px solid var(--line)}
.feature-figure figcaption,.wide-concept figcaption,.study-image figcaption{position:static;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:42px;padding:10px 0;border-bottom:1px solid var(--line);background:transparent;color:var(--muted);text-transform:uppercase;letter-spacing:.13em;font-size:12px}
.study-image figcaption a{color:var(--gold);white-space:nowrap}
.study-image-link{display:block}
.feature-copy h2{margin:18px 0 28px}
.roots-strip{background:#e6e0d3}
.roots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
.roots-grid article{min-height:280px;padding:34px;background:#e6e0d3}
.roots-grid small{display:block;color:var(--gold);text-transform:uppercase;letter-spacing:.2em;font-size:10px}
.roots-grid h3{font:400 34px/1.05 'Cormorant Garamond',serif;margin:48px 0 16px}
.roots-grid p{margin:0;color:var(--muted);font-size:14px}
.sequence-layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:58px;align-items:center}
.movement-score{position:relative;overflow:hidden;background:var(--night);color:var(--light);border:1px solid rgba(244,240,231,.16)}
.movement-score:before{content:"";position:absolute;inset:-35% -10% auto auto;width:48%;aspect-ratio:1;border:1px solid rgba(205,189,159,.18);border-radius:50%;pointer-events:none}
.score-topline{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;padding:22px 28px;border-bottom:1px solid rgba(244,240,231,.18);color:#cdbd9f;text-transform:uppercase;letter-spacing:.16em;font-size:12px}
.score-topline span:nth-child(2){text-align:center}.score-topline span:last-child{text-align:right}
.movement-score ol{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none}
.movement-score li{display:flex;min-height:320px;flex-direction:column;border-right:1px solid rgba(244,240,231,.18);transition:background .35s ease,color .35s ease}
.movement-score li:last-child{border-right:0}
.movement-score li.is-active{background:var(--gold);color:#fff}
.movement-trigger{display:flex;width:100%;min-height:100%;flex:1;flex-direction:column;padding:28px;border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}
.movement-trigger:focus-visible{outline:2px solid #fff;outline-offset:-7px}
.movement-trigger:hover .movement-index,.movement-trigger:focus-visible .movement-index{transform:translateY(-4px);color:rgba(244,240,231,.34)}
.movement-index{font:300 clamp(64px,7vw,102px)/.78 'Cormorant Garamond',serif;color:rgba(244,240,231,.18);letter-spacing:-.04em}
.movement-index{transition:transform .25s ease,color .25s ease}
.movement-score li.is-active .movement-index{color:rgba(255,255,255,.23)}
.movement-score li small{margin-top:auto;color:#cdbd9f;text-transform:uppercase;letter-spacing:.18em;font-size:12px}
.movement-score li.is-active small{color:#fff}
.movement-score li strong{display:block;margin-top:12px;font:400 clamp(30px,3vw,42px)/1 'Cormorant Garamond',serif}
.movement-score li p{margin:16px 0 0;color:rgba(244,240,231,.66);font-size:14px;line-height:1.55}
.movement-score li.is-active p{color:rgba(255,255,255,.78)}
.movement-detail{position:relative;display:grid;grid-template-columns:.7fr 1.3fr;gap:48px;padding:44px 28px;border-top:1px solid rgba(244,240,231,.18);background:#1d1e18}
.detail-intro{align-self:start}
.detail-kicker,.detail-grid dt,.chart-head span{display:block;color:#cdbd9f;text-transform:uppercase;letter-spacing:.17em;font-size:10px}
.detail-intro h3{margin:12px 0 18px;font:400 clamp(36px,4vw,56px)/1 'Cormorant Garamond',serif}
.detail-intro p{margin:0;color:rgba(244,240,231,.64);font-size:13px;line-height:1.65}
.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-column:2;margin:0;border-top:1px solid rgba(244,240,231,.18)}
.detail-grid>div{padding:20px 18px 20px 0;border-bottom:1px solid rgba(244,240,231,.18)}
.detail-grid dd{margin:10px 0 0;color:rgba(244,240,231,.76);font-size:13px;line-height:1.55}
.emphasis-chart{grid-column:2;padding-top:6px}
.chart-head{display:flex;justify-content:space-between;gap:18px;margin-bottom:16px}
.chart-head strong{font-weight:400}
.chart-row{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:14px;margin-top:9px;color:rgba(244,240,231,.62);font-size:11px}
.chart-row i{height:5px;background:rgba(244,240,231,.11);overflow:hidden}
.chart-row b{display:block;width:var(--value);height:100%;background:#cdbd9f;transition:width .45s cubic-bezier(.2,.8,.2,1)}
.score-note{margin:0;padding:14px 28px;border-top:1px solid rgba(244,240,231,.18);color:rgba(244,240,231,.56);text-transform:uppercase;letter-spacing:.12em;font-size:12px}
.future-home{background:#e6e0d3}
.future-home .wide-concept{margin-top:18px}
.status-light{color:#d7c7a9}
.form-dark input,.form-dark select,.form-dark textarea{background:rgba(255,255,255,.06);border-color:rgba(244,240,231,.24);color:#fff}
.form-dark input::placeholder,.form-dark textarea::placeholder{color:rgba(255,255,255,.52)}
.form-dark select option{color:var(--ink)}
.roots-hero{background-image:linear-gradient(90deg,rgba(11,12,9,.88),rgba(11,12,9,.25)),url('/images/founders-kintamani-warung-landscape-v2.jpg');background-position:center 42%}
.root-story{display:grid;grid-template-columns:180px 1fr;gap:42px;padding:44px 0;border-top:1px solid var(--line)}
.root-story:last-child{border-bottom:1px solid var(--line)}
.root-story .root-key{color:var(--gold);text-transform:uppercase;letter-spacing:.2em;font-size:10px}
.root-story h3{font:400 clamp(34px,4vw,52px)/1 'Cormorant Garamond',serif;margin:0 0 18px}
.root-story p{max-width:760px;color:var(--muted)}
.cultural-note{padding:34px;border:1px solid var(--line);background:rgba(255,255,255,.22)}
.cultural-note h3{font:400 34px/1 'Cormorant Garamond',serif;margin:0 0 16px}
.dark-roots{background:rgba(244,240,231,.18)}
.dark-roots article{background:var(--night)}
.dark-roots p{color:rgba(244,240,231,.66)}
@media(max-width:900px){.nav-inner{position:relative}
.nav-toggle{display:block;margin-left:auto}
.nav-links{position:absolute;top:calc(100% + 1px);right:0;left:0;display:grid;gap:0;padding:14px 24px 22px;background:rgba(238,234,224,.98);border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(23,20,15,.08);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}
.nav-links.is-open{opacity:1;visibility:visible;transform:none}
.nav-links a,.nav-links a:not(.nav-cta){display:flex;align-items:center;min-height:43px;border-bottom:1px solid var(--line)}
.nav-links .nav-cta{justify-content:center;margin-top:12px;border:1px solid var(--gold)}
.section-head,.split{grid-template-columns:1fr;gap:24px}
.feature-layout,.sequence-layout{grid-template-columns:1fr;gap:36px}
.grid{grid-template-columns:1fr 1fr}
.stages{grid-template-columns:1fr 1fr}
.roots-grid{grid-template-columns:1fr}
.hero{min-height:760px}
.hero-compact{min-height:680px}
.section{padding:80px 0}
.people-grid{grid-template-columns:1fr}
.person-featured{grid-template-columns:1fr 1fr}
.movement-score ol{grid-template-columns:1fr 1fr}
.movement-score li{min-height:270px;border-bottom:1px solid rgba(244,240,231,.18)}
.movement-score li:nth-child(2){border-right:0}
}
@media(max-width:560px){.wrap{width:min(100% - 30px,1180px)}
.nav-inner{min-height:62px}
.nav-links{padding-right:15px;padding-left:15px}
.nav-links .nav-cta{padding:8px 9px;font-size:8px}
.hero{min-height:calc(100svh - 62px);padding:90px 0 45px;background-position:58% center}
.hero h1{font-size:59px}
.section{padding:66px 0}
.grid,.stages,.form,.person-featured{grid-template-columns:1fr}
.form .full{grid-column:auto}
.card,.step{min-height:0}
.person{padding:28px;min-height:0}
.person-featured{padding:0}
.person-image{min-height:0}
.person-copy{padding:28px}
.readiness-row{grid-template-columns:1fr;gap:7px}
.footer-inner{align-items:flex-start;flex-direction:column}
.footer-links{flex-wrap:wrap}
.image-band{min-height:52svh}
.movement-score ol{grid-template-columns:1fr 1fr}
.movement-score li{min-height:240px;border-right:1px solid rgba(244,240,231,.18)}
.movement-score li:nth-child(2n){border-right:0}
.score-topline{grid-template-columns:1fr;padding:18px 20px;gap:6px}
.score-topline span,.score-topline span:nth-child(2),.score-topline span:last-child{text-align:left}
.score-topline span:nth-child(2),.score-topline span:last-child{color:rgba(205,189,159,.58)}
.score-note{padding:14px 20px}
.feature-figure figcaption,.wide-concept figcaption,.study-image figcaption{max-width:none;font-size:12px}
.root-story{grid-template-columns:1fr;gap:12px;padding:34px 0}
}

.sanctuary-hero{background-position:center}
.module-section{background:#e6e0d3}
.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
.module-card{padding:30px;min-height:300px;background:#e6e0d3}
.module-card small{display:block;color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:9px}
.module-card h3{font:400 31px/1.05 'Cormorant Garamond',serif;margin:42px 0 16px}
.module-card p{margin:0;color:var(--muted);font-size:13px}
.visual-atlas{background:var(--paper)}
.vision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.vision-card{margin:0;background:#e6e0d3;border:1px solid var(--line)}
.vision-card img{width:100%;aspect-ratio:16/10;object-fit:cover}
.vision-card figcaption{padding:24px}
.vision-card figcaption span,.mode-card>span{display:block;color:var(--gold);text-transform:uppercase;letter-spacing:.2em;font-size:9px}
.vision-card figcaption strong{display:block;margin-top:12px;font:400 27px/1.08 'Cormorant Garamond',serif}
.vision-card figcaption p{margin:12px 0 0;color:var(--muted);font-size:13px}
.concept-disclosure{margin:24px 0 0;color:var(--muted);font-size:11px}
.body-note{margin:26px 0 0;padding-left:18px;border-left:1px solid rgba(244,240,231,.28);color:rgba(244,240,231,.62);font-size:13px}
.full-bleed-study{position:relative;margin:0;background:var(--night)}
.full-bleed-study img{width:100%;height:auto;aspect-ratio:2/1;max-height:78svh;object-fit:cover}
.full-bleed-study figcaption,.study-image figcaption{position:absolute;right:18px;bottom:18px;padding:9px 12px;background:rgba(10,10,8,.74);color:#fff;text-transform:uppercase;letter-spacing:.14em;font-size:8px}
.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.mode-card{padding:34px 28px;min-height:310px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.mode-card h3{font:400 34px/1.05 'Cormorant Garamond',serif;margin:44px 0 16px}
.mode-card p{margin:0;color:var(--muted);font-size:13px}
.study-section{background:#e6e0d3}
.study-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:54px;align-items:start}
.study-image{position:sticky;top:92px;margin:0}
.study-image img{width:100%;height:auto;aspect-ratio:var(--ratio-plan);object-fit:contain;background:var(--night);border:1px solid var(--line)}
.study-copy h2{margin:18px 0 36px}
.study-copy .plain-list li{font-size:13px;color:var(--muted)}
.study-copy .plain-list strong{color:var(--ink);font-weight:400}
.funding-ladder{background:#e6e0d3}
.fund-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}
.fund-grid article{padding:28px;min-height:270px;background:#e6e0d3}
.fund-grid span{color:var(--gold);letter-spacing:.2em;font-size:10px}
.fund-grid h3{font:400 29px/1.05 'Cormorant Garamond',serif;margin:38px 0 14px}
.fund-grid p{margin:0;color:var(--muted);font-size:13px}
.gate-list{list-style:none;margin:0;padding:0;border-top:1px solid rgba(244,240,231,.2)}
.gate-list li{display:grid;grid-template-columns:44px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid rgba(244,240,231,.2)}
.gate-list span{color:#cdbd9f;font-size:10px;letter-spacing:.18em}
.system-section{background:#e6e0d3}
.systems-console{display:grid;grid-template-columns:minmax(460px,.95fr) minmax(360px,1.05fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.systems-diagram{position:relative;min-height:620px;aspect-ratio:auto;background:var(--night);overflow:hidden;color:var(--light)}
.systems-diagram:after{content:"UNBUILT SYSTEM STUDY";position:absolute;right:22px;bottom:18px;color:rgba(244,240,231,.34);letter-spacing:.18em;font-size:9px}
.system-lines{position:absolute;inset:8%;width:84%;height:84%;fill:none;stroke:rgba(205,189,159,.25);stroke-width:1}
.system-lines .system-pulse{stroke:#b67b3c;stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(182,123,60,.45));transition:transform .45s ease;transform-origin:center}
.system-core{position:absolute;left:50%;top:50%;width:180px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%,-50%);border:1px solid rgba(205,189,159,.38);border-radius:50%;background:#1d1e18;text-align:center}
.system-core small,.system-core span{color:#cdbd9f;text-transform:uppercase;letter-spacing:.15em;font-size:8px}
.system-core strong{margin:8px 0;font:400 28px/1 'Cormorant Garamond',serif}
.system-node{position:absolute;width:154px;min-height:82px;padding:13px 16px;border:1px solid rgba(244,240,231,.24);background:rgba(21,22,17,.9);color:var(--light);text-align:left;cursor:pointer;transition:background .25s ease,border-color .25s ease,transform .25s ease}
.system-node:hover,.system-node:focus-visible{border-color:#cdbd9f;transform:translateY(-3px)}
.system-node:focus-visible{outline:2px solid #fff;outline-offset:3px}
.system-node.is-active{background:var(--gold);border-color:var(--gold)}
.system-node span{display:block;margin-bottom:7px;color:#cdbd9f;letter-spacing:.17em;font-size:9px}
.system-node.is-active span{color:#fff}
.system-node strong{font:400 19px/1.1 'Cormorant Garamond',serif}
.node-climate{left:50%;top:7%;transform:translateX(-50%)}
.node-climate:hover,.node-climate:focus-visible{transform:translate(-50%,-3px)}
.node-sound{right:4%;top:50%;transform:translateY(-50%)}
.node-sound:hover,.node-sound:focus-visible{transform:translateY(calc(-50% - 3px))}
.node-fire{left:50%;bottom:7%;transform:translateX(-50%)}
.node-fire:hover,.node-fire:focus-visible{transform:translate(-50%,-3px)}
.node-water{left:4%;top:50%;transform:translateY(-50%)}
.node-water:hover,.node-water:focus-visible{transform:translateY(calc(-50% - 3px))}
.systems-panels{display:flex;min-height:620px;background:var(--paper)}
.system-panel{width:100%;padding:52px;align-self:stretch}
.system-panel[hidden]{display:none}
.system-status{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.16em;font-size:9px}
.system-status span{color:var(--gold)}
.system-status b{font-weight:400;color:var(--muted)}
.system-panel h3{margin:64px 0 22px;font:400 clamp(38px,4vw,58px)/.96 'Cormorant Garamond',serif}
.system-panel>p{max-width:600px;color:var(--muted);font-size:15px}
.system-panel dl{margin:54px 0 0;border-top:1px solid var(--line)}
.system-panel dl div{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:17px 0;border-bottom:1px solid var(--line)}
.system-panel dt{color:var(--gold);text-transform:uppercase;letter-spacing:.15em;font-size:9px}
.system-panel dd{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.system-legend{display:flex;flex-wrap:wrap;gap:26px;margin-top:18px;color:var(--muted);text-transform:uppercase;letter-spacing:.13em;font-size:9px}
.system-legend span{display:flex;align-items:center;gap:8px}
.system-legend i{width:14px;height:14px;border:1px solid var(--line);border-radius:50%}
.system-legend span:nth-child(2) i{background:var(--gold);border-color:var(--gold)}
.system-legend span:nth-child(3) i{border-style:dashed}
@media(max-width:900px){
  .module-grid{grid-template-columns:repeat(2,1fr)}
  .study-layout{grid-template-columns:1fr}
  .study-image{position:relative;top:auto}
  .mode-grid{grid-template-columns:1fr}
  .mode-card{min-height:0}
  .fund-grid{grid-template-columns:repeat(2,1fr)}
  .systems-console{grid-template-columns:1fr}
  .systems-diagram{min-height:580px;aspect-ratio:auto}
  .systems-panels{min-height:0}
  .system-panel{padding:42px}
}
@media(max-width:560px){
  .vision-grid,.module-grid,.fund-grid{grid-template-columns:1fr}
  .full-bleed-study img{min-height:0;aspect-ratio:4/3;max-height:none}
  .full-bleed-study figcaption{right:10px;bottom:10px;left:10px}
  .study-image figcaption{position:static}
  .vision-card img{aspect-ratio:4/3}
  .systems-diagram{min-height:520px}
  .system-node{width:122px;min-height:72px;padding:10px}
  .system-node strong{font-size:16px}
  .system-core{width:142px}
  .system-core strong{font-size:23px}
  .system-panel{padding:28px}
  .system-panel h3{margin-top:42px}
  .system-panel dl div{grid-template-columns:1fr;gap:6px}
}
@media(max-width:400px){
  .movement-score ol{grid-template-columns:1fr}
  .movement-score li{min-height:220px;border-right:0}
}
@media(max-width:900px){
  .movement-detail{grid-template-columns:1fr}
  .detail-grid,.emphasis-chart{grid-column:1}
}
@media(max-width:560px){
  .movement-trigger{padding:22px}
  .movement-detail{padding:32px 22px;gap:28px}
  .detail-grid{grid-template-columns:1fr}
  .chart-head{display:block}
  .chart-head span{margin-top:6px}
  .systems-diagram{min-height:480px}
  .node-climate{top:5%}.node-fire{bottom:5%}.node-sound{right:2%}.node-water{left:2%}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .movement-index,.chart-row b,.system-node,.system-lines .system-pulse{transition:none}
}