@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');
:root{--bg:#170c10;--gold:#d2ae6b;--cream:#f0e6d6;--muted:#b4a39d;--line:#4a3435}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--cream);font-family:'Manrope',sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}header{height:112px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:absolute;inset:0 0 auto;z-index:10;border-bottom:1px solid #d2ae6b19}.brand{font-size:17px;letter-spacing:5px;display:flex;align-items:center;position:relative;gap:12px;font-weight:600}.brand-sub{font-size:7px;letter-spacing:2.6px;position:absolute;left:48px;top:34px;white-space:nowrap;color:var(--muted)}.brand-mark{font-family:Manrope,Arial,sans-serif;position:relative;font-size:36px;line-height:1;color:var(--gold);letter-spacing:-6px;padding-right:6px}.brand-mark span{position:absolute;left:12px;top:-12px;font-size:24px}nav{display:flex;gap:42px;font-size:11px}nav a{padding:12px 0}nav span{color:var(--gold);margin-left:20px}.concept{font-size:8px;letter-spacing:2px;color:var(--muted)}.hero{height:100svh;min-height:720px;position:relative;padding:0 7%;display:flex;align-items:center}.hero-copy{z-index:2;pointer-events:none;position:relative;margin-top:15px}.hero-copy a{pointer-events:auto}.eyebrow{font-size:9px;font-weight:500;letter-spacing:2.7px;color:var(--gold);display:flex;align-items:center;gap:12px;line-height:1.8}.small-line{width:26px;height:1px;background:var(--gold)}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:Manrope,Arial,sans-serif;font-weight:400}h1{font-size:clamp(66px,6.2vw,108px);line-height:.99;letter-spacing:-3px;margin:30px 0 25px}em{color:var(--gold);font-weight:400}.intro{font-size:12px;color:var(--muted);line-height:1.9;letter-spacing:.2px}.text-link{border:0;border-bottom:1px solid var(--line);padding:0 0 13px;background:none;color:var(--cream);display:inline-flex;align-items:center;gap:65px;font-size:11px;margin-top:35px;cursor:pointer}.text-link span{color:var(--gold);font-size:20px}.hero-caption{position:absolute;bottom:42px;left:63%;font-size:8px;letter-spacing:2.4px;color:var(--gold);display:flex;gap:10px;align-items:center}.live-dot{height:4px;width:4px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold)}.scroll-cue{position:absolute;bottom:35px;left:7%;display:flex;align-items:center;gap:20px;font-size:8px;letter-spacing:2px;color:var(--muted)}.scroll-cue i{width:66px;height:1px;background:var(--line)}.hero-index{position:absolute;right:5%;bottom:35px;color:var(--muted);font-size:8px;letter-spacing:2px}.approach{padding:145px 7%;background:#1c1014;position:relative;z-index:3;border-block:1px solid #d2ae6b12}.approach h2,.work h2{font-size:clamp(52px,5vw,80px);line-height:1.05;letter-spacing:-1.5px;margin:22px 0 30px}.approach>p:last-of-type{max-width:520px;margin-left:48%;font-size:13px;color:var(--muted);line-height:2}.principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:75px;border-top:1px solid var(--line);gap:55px;padding-top:30px}.principles span{font-size:9px;color:var(--gold)}.principles h3{font-size:30px;margin:16px 0 10px}.principles p{font-size:11px;color:var(--muted)}.work{min-height:1000px;padding:110px 7% 120px;position:relative;display:grid;grid-template-columns:1fr 370px;column-gap:50px;align-content:start}.work-head{grid-column:1/-1;position:relative;z-index:2;pointer-events:none}.work-head p:last-child{color:var(--muted);line-height:1.9;font-size:11px}.explorer-space{height:520px}.state-panel{margin-top:25px;position:relative;z-index:6}label,.detail-label{display:block;font-size:8px;letter-spacing:2.2px;color:var(--gold);margin-bottom:15px}select{width:100%;background:#211419;color:var(--cream);border:1px solid var(--line);padding:16px 12px;font-size:11px;border-radius:0}.state-detail{padding-top:32px}.state-detail h3{font-size:44px;line-height:1.1;margin:14px 0}.state-detail>p:not(.eyebrow){color:var(--muted);font-size:11px;line-height:1.8}.state-detail .demo-note{font-size:9px!important;margin-top:30px;color:#9a8884!important}.detail-label{margin-top:28px;margin-bottom:10px}.state-detail h4{font-size:25px;margin-bottom:12px}#state-work{color:var(--muted);font-size:11px;line-height:1.8}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.tags span{font-size:8px;color:var(--gold);padding:8px;border:1px solid var(--line)}.map-stage{position:absolute;top:130px;left:43%;width:53%;height:calc(100svh - 230px);min-height:460px;z-index:1}.map-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 45% 50%,#75432314,transparent 65%);pointer-events:none}canvas,#state-map{position:absolute;width:100%;height:100%;inset:0}#state-map{overflow:visible}#state-map path{fill:transparent;stroke:#c9a36600;stroke-width:.6;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .6s ease,stroke .6s ease;pointer-events:all}#state-map path:focus-visible{outline:1px dashed #f0d39a;outline-offset:3px}#state-map path.selected{fill:#d4ad6928;stroke:#f0d39a;stroke-width:1.1}#state-map.show-borders path{stroke:#c9a36655}#state-map path.hit{fill:none;stroke:transparent;stroke-width:12;pointer-events:stroke}#state-map path.hit:focus-visible{outline:1px dashed #f0d39a}.hover-name{position:absolute;top:16px;left:50%;transform:translateX(-50%);font-size:10px;color:var(--gold);letter-spacing:1px;pointer-events:none;white-space:nowrap}.map-tools{position:absolute;bottom:-32px;left:50%;transform:translateX(-50%);display:flex;gap:15px;white-space:nowrap}.map-tools button{color:var(--muted);border:0;padding:8px 0;background:none;cursor:pointer;font-size:15px}.map-tools button span{font-size:8px;margin-left:4px;letter-spacing:.7px}.map-tools button:hover,.map-tools button[aria-pressed=true]{color:var(--gold)}.map-status{position:absolute;inset:50% 20px auto;text-align:center;color:var(--gold);font-size:12px}.map-status:empty{display:none}footer{padding:65px 7% 30px;border-top:1px solid var(--line);position:relative;z-index:3;background:var(--bg);display:grid;grid-template-columns:1fr 1fr;gap:50px}footer .brand-sub{left:0;top:30px;font-size:6px}footer>p{text-align:right;color:var(--muted);font-size:11px}details{color:var(--muted);font-size:10px;line-height:1.9;max-width:600px}summary{cursor:pointer;color:var(--gold)}details p{margin-top:15px}details a{text-decoration:underline}.footer-end{font-size:7px;letter-spacing:2px;color:var(--muted);align-self:end;text-align:right}[hidden]{display:none!important}
@media(min-width:1600px){.hero-copy{margin-left:3%}.map-stage{left:42%;width:51%}}
@media(max-width:900px){header{height:90px;padding-inline:6%}nav{gap:20px}.concept{display:none}.hero{min-height:850px;height:1050px;max-height:none;align-items:flex-start;padding-top:150px}.hero-copy{margin-top:0}h1{font-size:70px}.map-stage{top:420px;left:15%;width:76%;height:530px;min-height:0}.hero-caption{bottom:50px;left:auto;right:7%;font-size:7px}.hero-index{display:none}.approach{padding:90px 7%}.approach>p:last-of-type{margin-left:25%}.work{grid-template-columns:1fr 310px;min-height:1100px;gap:25px}.explorer-space{height:600px}.state-panel{margin-top:150px}}
@media(max-width:600px){header{height:85px}.brand{font-size:13px;letter-spacing:3px;gap:9px}.brand-mark{font-size:30px}.brand-sub{font-size:5.5px;top:29px;left:39px;letter-spacing:1.6px}nav{gap:0}nav a:first-child{display:none}nav a{font-size:9px}nav span{margin-left:8px}.hero{height:900px;min-height:0;padding-top:135px}.hero .eyebrow{font-size:7px;letter-spacing:2px}h1{font-size:clamp(37px,11.2vw,62px);letter-spacing:-1.5px;margin:23px 0 18px}.intro{font-size:11px}.text-link{margin-top:25px;gap:45px;font-size:10px}.map-stage{top:350px;left:4%;width:92%;height:440px}.map-tools{gap:16px;bottom:-22px}.hero-caption{bottom:42px;right:7%;font-size:6px;letter-spacing:1.3px}.scroll-cue{font-size:6px;bottom:19px}.scroll-cue i{width:30px}.approach{padding:75px 7%}.approach h2,.work h2{font-size:49px}.approach>p:last-of-type{margin-left:0;font-size:12px}.principles{grid-template-columns:1fr;gap:25px;margin-top:45px}.principles>div{display:grid;grid-template-columns:30px 1fr;align-items:center}.principles h3{margin:0;font-size:26px}.principles p{grid-column:2;font-size:10px;margin-top:7px}.work{display:block;padding-top:75px;min-height:1230px}.explorer-space{height:530px}.state-panel{margin-top:0}.state-detail{padding-top:25px}.state-detail h3{font-size:38px}footer{grid-template-columns:1fr;gap:40px;padding-top:45px}footer>p, .footer-end{text-align:left}footer>p{margin-top:10px}.hover-name{top:0}.eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* The first chapter is pinned so scroll position controls the sculpture. */
.assembly-track{height:210svh;min-height:1512px;position:relative}.assembly-track .hero{position:sticky;top:0}.assembly-track .hero-copy{will-change:opacity,transform}.map-stage{isolation:isolate}#depth-particles{pointer-events:none}#state-map{transform-origin:center;will-change:transform;transition:opacity .25s}.map-stage[data-interactive="false"] #state-map{pointer-events:none;opacity:0}.map-stage[data-interactive="false"] #state-map path{pointer-events:none}.assembly-meter{position:absolute;bottom:-55px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:var(--gold);font-size:7px;letter-spacing:1.5px;white-space:nowrap}.assembly-meter i{width:66px;height:1px;background:#b09b7133}.assembly-meter b{display:block;height:1px;width:0;background:var(--gold)}.hero-caption{bottom:30px}.hero-index{bottom:24px}.scroll-cue{bottom:24px}.map-glow{background:radial-gradient(ellipse at 50% 48%,#8e5b2e24,transparent 66%)}
@media(max-width:900px){.assembly-track{height:1800px;min-height:0}.assembly-track .hero{height:1050px}.assembly-meter{bottom:-52px}.hero-caption{bottom:30px}}
@media(max-width:600px){.assembly-track{height:1700px}.assembly-track .hero{height:900px}.assembly-meter{bottom:-44px}.hero-caption{bottom:25px}.scroll-cue{bottom:9px}}
@media(prefers-reduced-motion:reduce){.assembly-track{height:auto;min-height:0}.assembly-track .hero{position:relative}.assembly-meter{display:none}}

/* One full-banner particle canvas; the complete map is framed inside it. */
header{height:88px}.hero-copy{max-width:460px}.hero h1{font-size:clamp(58px,5.3vw,90px)}.assembly-track .hero{z-index:2;pointer-events:none}.hero-copy::before{content:"";position:absolute;inset:-65px -25px -65px -110px;background:radial-gradient(ellipse,#170c10e0,transparent 72%);z-index:-1;pointer-events:none}.hero a{pointer-events:auto}.map-stage{top:0;left:0;width:100%;height:100svh;min-height:0}.map-tools{bottom:47px;left:var(--map-center-x,67%);padding:7px 14px;background:#170c1099;border-radius:30px}.assembly-meter{bottom:28px;left:var(--map-center-x,67%)}.hero-caption{bottom:10px;left:57%;font-size:7px}.hover-name{left:var(--map-center-x,67%);top:100px}.map-glow{background:radial-gradient(ellipse at 66% 52%,#a4652c2c,transparent 60%)}.map-stage[data-explorer="true"] .map-tools{bottom:-32px}.map-stage[data-explorer="true"] .assembly-meter{bottom:-55px}
@media(max-width:900px){header{height:85px}.assembly-track .hero{padding-top:110px}.hero h1{font-size:58px}.hero-copy{max-width:450px}.hero-copy::before{inset:-35px -25px -35px -55px}.map-tools{bottom:65px}.assembly-meter{bottom:45px}.hero-caption{left:auto;right:7%;bottom:22px}.map-glow{background:radial-gradient(ellipse at 50% 68%,#a4652c2c,transparent 65%)}}
@media(max-width:600px){.hero h1{font-size:clamp(37px,11.2vw,62px)}.hero-copy{max-width:100%}.map-tools{bottom:70px}.assembly-meter{bottom:49px}.hero-caption{bottom:27px;font-size:6px}.hero-copy::before{inset:-20px -15px -20px -35px}.hover-name{top:350px}}
/* Keep animation controls clear of the enlarged southern coast and islands. */
.map-stage[data-explorer="false"] .map-tools{left:7%;transform:none;bottom:52px}
.map-stage[data-explorer="false"] .assembly-meter{left:7%;transform:none;bottom:33px}
.map-stage[data-explorer="true"] .map-tools,.map-stage[data-explorer="true"] .assembly-meter{left:50%;transform:translateX(-50%)}
@media(max-width:900px){.map-stage[data-explorer="false"] .map-tools{left:50%;transform:translateX(-50%);bottom:64px}.map-stage[data-explorer="false"] .assembly-meter{left:50%;transform:translateX(-50%);bottom:44px}}
@media(min-width:901px){.map-stage[data-explorer="false"] .map-tools{bottom:70px}.map-stage[data-explorer="false"] .assembly-meter{bottom:50px}}
@media(max-width:600px){.map-stage[data-explorer="false"] .map-tools{bottom:var(--banner-ui-bottom,64px)}.map-stage[data-explorer="false"] .assembly-meter{bottom:calc(var(--banner-ui-bottom,64px) - 20px)}}
.map-stage[data-explorer="false"]{overflow:clip}

/* Particle-wave entrance, then the homepage timeline. */
html.is-loading,body.preloading{overflow:hidden;overscroll-behavior:none}#site-content{opacity:1;transition:opacity .6s ease}body.preloading #site-content{opacity:0;pointer-events:none}.intro-loader{position:fixed;inset:0;z-index:100;background:#030204;color:#f1e4d0;opacity:1;transition:opacity .6s ease;display:flex;align-items:center;justify-content:center}.intro-loader.leaving{opacity:0;pointer-events:none}#loader-wave{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.loader-wordmark{position:absolute;top:13%;left:0;width:100%;text-align:center;font-size:17px;letter-spacing:8px;font-weight:500}.loader-wordmark span{display:block;font-size:6px;letter-spacing:3px;margin-top:15px;color:#b3a8a4}.loader-readout{position:absolute;bottom:15%;left:50%;transform:translateX(-50%);width:min(260px,68vw);text-align:center}.loader-readout p{font-size:7px;letter-spacing:2.2px;color:#bcb1a9;margin-bottom:24px}#loader-progress{display:flex;align-items:center;gap:20px;text-align:left}#loader-progress>i{display:block;flex:1;height:1px;background:#ffffff1e}#loader-fill{display:block;height:1px;width:0;background:linear-gradient(90deg,#53bfe7,#f1a864,#ec679c);box-shadow:0 0 7px #ed9a6d66}#loader-percent{font-size:10px;letter-spacing:1.5px;min-width:34px;font-variant-numeric:tabular-nums}#loader-recovery{position:absolute;bottom:6%;left:0;width:100%;text-align:center}#loader-continue{border:1px solid #7b6651;color:#f1e4d0;background:none;padding:12px 18px;font-size:11px;cursor:pointer}
@media(max-width:600px){.loader-wordmark{top:18%;font-size:14px;letter-spacing:6px}.loader-readout{bottom:20%}.loader-readout p{font-size:6px;letter-spacing:1.7px}}
@media(prefers-reduced-motion:reduce){.intro-loader,#site-content{transition:none}}

/* A pinned animation has no visible scrollbar; normal page content does. */
html{scrollbar-gutter:stable}
#site-content{position:relative}
html.is-pinned-scene{scrollbar-width:none;padding-right:var(--native-scrollbar-gap,0px)}
html.is-pinned-scene::-webkit-scrollbar{display:none;width:0;height:0}

/* Finish the map at the top, then hand control to normal page scrolling. */
.assembly-track{height:auto;min-height:0}.assembly-track .hero{position:relative}
#site-header{position:fixed;inset:0 0 auto;transform:none;margin:0;z-index:90;background:transparent;border-bottom:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
html.is-pinned-scene #site-header{right:var(--native-scrollbar-gap,0px)}
@media(max-width:900px){.assembly-track{height:auto;min-height:0}}

/* Keep navigation outside the animated page and anchored to the viewport. */
#site-header{opacity:1;transition:opacity .3s ease}
body.preloading #site-header{opacity:0;pointer-events:none}

/* Remain clear over the opening scene; frost the content behind navigation on scroll. */
#site-header{transition:opacity .3s ease,background-color .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease}
#site-header.is-scrolled{background-color:rgba(23,12,16,.28);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}

#site-content.is-changing-chapter{pointer-events:none}

/* Nacional EMC: editorial chapters with a shared golden particle language. */
#site-header .brand{font-size:15px;letter-spacing:3.2px}
#site-header nav{gap:30px}
.about-us,.objectives{position:relative;min-height:100svh;padding:140px 7% 95px;background:#1c1115;border-top:1px solid #d2ae6b16}
.about-us{display:flex;flex-direction:column;justify-content:center}
.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;margin-top:38px}
.about-us h2,.objectives h2{font-size:clamp(64px,7.1vw,106px);line-height:1.05;letter-spacing:-2.6px}
.about-us h2 em{display:block}
.section-rule{width:64px;height:1px;background:var(--gold);margin:35px 0}
.about-copy{max-width:610px}.about-copy p,.objectives-copy>p:not(.eyebrow){font-size:14px;line-height:1.95;color:#c5b7af}
.about-copy p+p,.objectives-copy>p+p{margin-top:24px}
.section-aside{color:var(--gold);font-size:8px;line-height:2;letter-spacing:2.3px}
.next-objectives{align-self:flex-start;margin-top:44px}
.chapter-number{position:absolute;bottom:28px;right:5%;color:var(--muted);font-size:8px;letter-spacing:2px}
.objectives{min-height:990px;overflow:hidden;background:#170c10;padding-top:140px;padding-bottom:130px}
.objectives-copy{position:relative;z-index:2;width:45%;max-width:540px}
.objectives-copy h2{margin-top:28px;font-size:clamp(58px,6.7vw,98px);color:var(--gold)}
.objectives-copy .section-rule{margin:30px 0}
#fist-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.fist-aura{position:absolute;inset:10% 0 0 42%;background:radial-gradient(ellipse at 60% 45%,#9a642321,transparent 65%);pointer-events:none}
.fist-caption{position:absolute;bottom:98px;right:10%;display:flex;align-items:center;gap:10px;color:var(--gold);font-size:7px;letter-spacing:2.1px;z-index:2}
footer .brand{font-size:15px;letter-spacing:3px}
@media(max-width:900px){#site-header nav{gap:20px}.about-us,.objectives{padding:125px 7% 95px}.about-grid{gap:7%;grid-template-columns:.7fr 1.3fr}.about-copy p,.objectives-copy>p:not(.eyebrow){font-size:12px}.objectives-copy{width:49%}.objectives{min-height:1080px}.objectives-copy h2{font-size:65px}.fist-caption{right:7%;font-size:6px}}
@media(max-width:600px){#site-header .brand{font-size:11px;letter-spacing:1.8px;gap:7px}#site-header .brand-sub{font-size:5px;letter-spacing:1.3px}#site-header nav{gap:16px}#site-header nav a{font-size:9px}#site-header nav a:first-child{display:none}#site-header nav a:last-child{display:none}.loader-wordmark{font-size:13px;letter-spacing:4px}.about-us{padding:115px 7% 85px}.about-grid{display:block;margin-top:25px}.about-us h2{font-size:64px}.about-us h2 em{display:inline}.about-heading .section-rule{margin:24px 0}.section-aside{display:none}.about-copy{margin-top:28px}.about-copy p,.objectives-copy>p:not(.eyebrow){font-size:12px;line-height:1.95}.next-objectives{margin-top:30px}.objectives{padding:115px 7% 680px;min-height:0}.objectives-copy{width:100%;max-width:none}.objectives-copy h2{font-size:62px;margin-top:24px}.objectives-copy .section-rule{margin:26px 0}.fist-aura{inset:50% 0 0}.fist-caption{bottom:55px;left:0;right:0;justify-content:center;font-size:6px}.chapter-number{bottom:22px}}

.objectives-copy::before{content:"";position:absolute;inset:-18px -28px;background:linear-gradient(90deg,#170c10e8 78%,#170c1000);z-index:-1;pointer-events:none}
@media(max-width:600px){.objectives-copy::before{background:#170c10df}}

/* One viewport canvas carries the same dust across both adjoining chapters. */
#fist-particles{position:fixed;inset:0;width:100%;height:100svh;z-index:1;pointer-events:none}
.about-us,.objectives{background:#170c10;border-top:0}
.about-us>.eyebrow,.about-grid,.next-objectives,.about-us>.chapter-number{position:relative;z-index:2}
.about-us>.chapter-number{position:absolute}
.about-copy{position:relative;background:linear-gradient(180deg,#170c10dd 82%,#170c1000)}

/* A full-height About Us chapter, with natural growth where the copy needs it. */
.about-us{height:100svh;min-height:100svh}
@media(max-width:600px),(max-height:700px){.about-us{height:auto;min-height:100svh}}

/* Full-viewport content chapters. Long copy stays accessible inside its panel. */
.about-us,.objectives,.work{height:100svh;min-height:100svh;max-height:100svh;box-sizing:border-box}
.about-us{display:grid;grid-template-rows:auto minmax(0,1fr)auto;row-gap:24px;padding:110px 7% 50px}
.about-grid{margin-top:0;min-height:0;align-items:center}
.about-copy{min-height:0;max-height:100%;overflow:auto;overscroll-behavior:contain;padding-right:10px}
.next-objectives{margin-top:0;justify-self:start}
[data-section-scroll]{scrollbar-width:thin;scrollbar-color:#a480493f transparent}
.objectives{padding:110px 7% 55px;min-height:100svh}
.objectives-copy{width:46%;max-height:100%;overflow:auto;overscroll-behavior:contain;padding-right:14px}
.objectives-copy h2{font-size:clamp(50px,5.5vw,76px);margin-top:18px}
.objectives-copy .section-rule{margin:20px 0}
.objectives-copy>p:not(.eyebrow){font-size:12px;line-height:1.8}
.objectives-copy>p+p{margin-top:18px}
.fist-caption{bottom:30px}
.work{display:grid;grid-template-columns:minmax(0,1fr) 350px;grid-template-rows:auto 1fr;column-gap:50px;row-gap:0;padding:105px 7% 50px;align-content:stretch}
.work-head{grid-column:1;grid-row:1}
.work h2{font-size:48px;margin:10px 0 12px;line-height:1.02}
.work-head p:last-child{font-size:10px;line-height:1.7}
.explorer-space{grid-column:1;grid-row:2;height:auto;min-height:0}
.state-panel{grid-column:2;grid-row:1/-1;align-self:stretch;min-height:0;margin-top:0;overflow:auto;overscroll-behavior:contain;padding:0 4px 12px}
.state-detail{padding-top:24px}.state-detail h3{font-size:40px}
.map-stage[data-explorer="true"] .map-tools{bottom:-22px}
.map-stage[data-explorer="true"] .assembly-meter{display:none}
@media(max-width:900px) and (min-width:601px){.work{grid-template-columns:minmax(0,1fr) 270px;column-gap:30px}.work h2{font-size:42px}.about-us h2{font-size:74px}}
@media(max-width:600px){
 .about-us{padding:105px 7% 40px;row-gap:18px}
 .about-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:18px;align-items:stretch;margin:0}
 .about-us h2{font-size:54px}.about-heading .section-rule{margin:15px 0 0}.about-copy{margin:0;padding-right:7px}
 .about-copy p{font-size:11px;line-height:1.85}.about-copy p+p{margin-top:18px}
 .next-objectives{margin:0;font-size:10px;padding-bottom:9px}
 .objectives{padding:105px 7% 45px;min-height:100svh}
 .objectives-copy{width:100%;max-width:none;height:calc(100svh * .39);max-height:calc(100svh * .39);padding-right:8px}
 .objectives-copy h2{font-size:46px;margin-top:14px}.objectives-copy .section-rule{margin:18px 0}
 .objectives-copy>p:not(.eyebrow){font-size:11px;line-height:1.8}
 .fist-caption{bottom:27px;font-size:5px;letter-spacing:1.5px}
 .chapter-number{bottom:10px}
 .work{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) minmax(120px,26svh);padding:100px 7% 22px;gap:12px}
 .work-head{grid-column:1;grid-row:1}.work h2{font-size:35px;margin:8px 0 10px;line-height:1}
 .work-head p:last-child{font-size:9px;line-height:1.5}
 .explorer-space{grid-column:1;grid-row:2;height:auto}
 .state-panel{grid-column:1;grid-row:3;margin:0;padding:0 3px 8px;overflow:auto}
 .state-panel label{font-size:7px}.state-panel select{font-size:10px;padding:12px}
 .state-detail{padding-top:16px}.state-detail h3{font-size:30px}.state-detail>p{font-size:10px}
}
@media(max-height:650px) and (min-width:601px){.about-us,.objectives,.work{padding-top:100px;padding-bottom:30px}.about-us h2{font-size:62px}.about-copy p{font-size:12px;line-height:1.8}.objectives-copy h2{font-size:48px}.work h2{font-size:38px}.state-detail h3{font-size:32px}}

[data-section-scroll]{overscroll-behavior:auto}
[data-section-scroll]:focus-visible{outline:1px solid #d2ae6b88;outline-offset:5px}

/* About Us is an opaque viewport above both particle scenes, even in transit. */
.about-us{position:relative;z-index:3;isolation:isolate;overflow:clip;background:#170c10;height:100svh;min-height:100svh;max-height:100svh}
.about-copy{background:none}

/* Read Objectives as part of the page, without a nested text scroller. */
.objectives{height:auto;min-height:100svh;max-height:none}
.objectives-copy{height:auto;max-height:none;overflow:visible;padding-right:0}
@media(max-width:600px){
 .objectives{padding-bottom:calc(26svh + 100px)}
 .objectives-copy{height:auto;max-height:none;overflow:visible}
}

/* Both editorial containers share the space required by the full Objectives copy. */
.about-us,.objectives{height:var(--editorial-chapter-height,100svh);min-height:100svh;max-height:none}

.about-us h2{white-space:nowrap}.about-us h2 em{display:inline}