/* Copper, graphite, precision. The computational assembly follows scroll position. */
:root{--ink:#0b111c;--ink-deep:#080d15;--ink-soft:#19212c;--copper:#efa56c;--mint:#efa56c;--paper:#f2f1ee;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace}
h1,h2,h3,h4{font-weight:500}
h1 em,h2 em{font-family:var(--sans);font-style:normal;font-weight:500;letter-spacing:inherit}
.site-header{background:#090f1870;border-color:#ffffff20}
.header-note,.story-topline>span,.story-copy .eyebrow,.principle-index,.section-number,.resource-kind,.chapter-heading .eyebrow,.story-scroll-label{font-family:var(--mono)}
.header-note{letter-spacing:.07em;color:#aab3bf}
.story-art{inset:-2%;background:#090f18}
.scene-image{transform-origin:71% 51%}
.scene-image img{object-position:67% center}
.story-grid{position:absolute;inset:96px var(--pad) 118px;z-index:-1;pointer-events:none;border-left:1px solid #b7c5d00c;border-right:1px solid #b7c5d00c;background:linear-gradient(90deg,transparent 49.95%,#b7c5d00a 50%,transparent 50.05%)}
.story-shade{background:linear-gradient(90deg,#090f18ed 0%,#090f18da 24%,#090f1860 45%,#090f1800 67%),linear-gradient(180deg,#090f1880,transparent 25%,transparent 70%,#090f18ec)}
.story-topline{color:#aab3c0;top:127px}
.story-copy{max-width:670px;top:48%}
.story-copy .eyebrow{font-size:12px;letter-spacing:.1em;color:#afbac6;margin-bottom:28px}
.story-copy h1{font-size:clamp(70px,7.5vw,118px);letter-spacing:-.07em;line-height:.99;font-weight:500}
.story-copy h2{font-size:clamp(61px,6.5vw,101px);letter-spacing:-.065em;line-height:1.03}
.story-copy h1 em,.story-copy h2 em{color:var(--copper)}
.story-description{max-width:385px;color:#c4cbd2;font-size:18px;line-height:1.65;margin-top:32px}
.story-detail{color:#99a7b6;border-color:#8a674d;max-width:330px}
.story-invitation{color:#c0c6ce;font-family:var(--mono);font-size:12px;margin-top:35px}
.story-counter{font-family:var(--mono);font-style:normal;font-size:32px;letter-spacing:-.08em;color:#e7ebee}
.story-counter>span:last-child{color:#8997a6}
.story-scroll-label{font-size:12px;color:#9ca9b8;letter-spacing:.015em;gap:0}
.story-scroll-label .scroll-line{display:none}
.scene-nav{width:560px;gap:24px}
.scene-nav button{font-size:13px;color:#8794a3}
.scene-nav b{font-size:13px;margin-left:8px}
.scene-nav button[aria-current]{color:#f7d5b8}
.scene-track{background:#ffffff29}
.story-continue{background:#e9ae7e;color:#0c111a}
.perspective h2,.approach h2{letter-spacing:-.06em}
.principle-index{font-size:12px;letter-spacing:.06em}
.principle h3{font-size:27px}
.line-icon{stroke:#97623e}
.section-aside{font-family:var(--mono);font-size:12px}
.foundation-art{border:1px solid #ffffff20;background:#080e18}
.foundation-art img{object-position:72% center;object-fit:cover}
.foundation-art figcaption{left:17px;bottom:17px;background:#080e18b8;color:#c7d0da;font-family:var(--mono);font-size:12px;padding:6px 9px;letter-spacing:.05em}
.chapter-number,.resource-year,.m3-visual>div>span:first-child{font-family:var(--mono);font-style:normal;letter-spacing:-.07em}
.chapter>p{color:#b7c1cc}
.chapter-progress a{color:#99a8b8}
.closing{background:#0d1622;color:#f3f2ee;border-top:1px solid #ffffff1d}
.closing h2 em{color:var(--copper)}
.closing .eyebrow{color:#aeb8c3;font-family:var(--mono)}
.closing>p:not(.eyebrow){color:#b7c3cf}
.closing .button-dark{background:var(--copper);color:#101720}
.footer-top>span,.footer-bottom p{color:#a1adba}
@media(min-width:1700px){.story-copy{max-width:800px}.story-copy h1{font-size:126px}.story-description{font-size:20px;max-width:440px}}
@media(max-width:1100px){.story-copy{max-width:610px}.story-copy h1{font-size:clamp(66px,8.4vw,94px)}.story-copy h2{font-size:clamp(57px,7.2vw,84px)}.story-description{font-size:17px;max-width:350px}.story-scroll-label{display:none}.scene-nav{width:auto;max-width:none}}
@media(max-width:900px){.story-art{inset:0 -16% 0 -8%}.story-copy{top:45%;max-width:550px}.story-copy h1{font-size:clamp(64px,9.5vw,85px)}.story-copy h2{font-size:clamp(57px,8vw,76px)}.story-shade{background:linear-gradient(90deg,#090f18f2,#090f18aa 39%,#090f1830 78%),linear-gradient(0deg,#090f18f5,transparent 35%,transparent 80%,#090f18aa)}.story-topline{top:112px}.foundation-art img{object-fit:cover;object-position:center 50%}}
@media(max-width:600px){
 .site-header{background:#090f18d9}.site-header nav{background:#0b111c}
 .story-topline{top:99px}.story-grid{inset:76px 24px 92px;background:none}
 .story-copy{top:21%;max-width:none}.story-copy .eyebrow{font-size:12px;letter-spacing:.025em;max-width:none;margin-bottom:23px}
 .story-copy h1{font-size:clamp(49px,13vw,73px);line-height:1.03;letter-spacing:-.075em}
 .story-copy h2{font-size:clamp(41px,11vw,65px);line-height:1.05;letter-spacing:-.06em}
 .story-description{font-size:16px;line-height:1.6;max-width:320px;margin-top:24px}
 .story-invitation{margin-top:23px;font-size:12px}.story-detail{display:none}
 .story-art{inset:43% -17% 3% -83%;mask-image:linear-gradient(180deg,transparent,black 17%,black 80%,transparent)}
 .scene-image{transform-origin:72% 54%}.scene-image img{object-fit:cover;object-position:70% center}
 .story-shade{background:linear-gradient(180deg,#090f18 0%,#090f18 36%,#090f18bb 50%,#090f1800 64%,#090f1822 83%,#090f18ed)}
 .scene-nav{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
 .scene-nav button{font-size:12px;min-height:55px}.scene-nav b{display:block;margin-left:0;margin-top:3px;font-size:12px}
 .scene-nav button>span:last-child{display:block}.scene-track{margin-bottom:9px}
 .story-bottom{bottom:20px}.story-continue{font-size:14px;margin-top:23px;padding:13px 17px;min-height:47px}
 .principle h3{font-size:24px}.story-scroll-label{display:none}
}
@media(max-height:720px) and (max-width:600px){
 .story-copy{top:23%}.story-copy .eyebrow{margin-bottom:15px;font-size:12px}.story-copy h1{font-size:clamp(43px,11.8vw,62px)}.story-copy h2{font-size:clamp(38px,10vw,53px)}
 .story-description{font-size:16px;line-height:1.55;margin-top:18px}.story-invitation{display:none}.story-topline{top:91px}.story-art{top:49%;bottom:3%}
 .story-shade{background:linear-gradient(180deg,#090f18 0%,#090f18 38%,#090f1888 56%,transparent 70%,#090f18cc)}.story-bottom{bottom:14px}.story-continue{margin-top:17px}
}