/* The opening is a continuous, reversible scroll sequence. */
:root{--ink:#121725;--ink-deep:#0d111c;--ink-soft:#202637;--paper:#f6f2eb;--mint:#e3a574;--teal:#92572f;--text:#252632;--muted:#6b6665;--line:#d8cfc6;--copper:#e3a574}
.site-header{position:absolute;inset:0 0 auto;background:transparent;border-color:#ffffff22;height:96px}.site-header nav a{color:#e1dcd6}.header-note{color:#bfb4ae}.site-header .brand-mark{transform:none}.reading-progress{background:var(--copper)}
.scroll-hero{position:relative;height:100svh;min-height:650px;background:var(--ink)}
.story-frame{height:100svh;min-height:650px;position:relative;isolation:isolate;overflow:clip;background:var(--ink)}
.scroll-ready:not(.reduced-motion) .scroll-hero{height:390svh;min-height:0}
.scroll-ready:not(.reduced-motion) .story-frame{position:sticky;top:0;min-height:0}
.story-art{position:absolute;inset:0;z-index:-3;will-change:clip-path;overflow:hidden;clip-path:inset(var(--art-inset,0%) round var(--art-radius,0px));background:var(--ink)}
.scene-image{position:absolute;inset:0;transform-origin:68% 55%;will-change:transform,opacity;backface-visibility:hidden}
.scene-image img{width:100%;height:100%;object-fit:cover;object-position:68% 50%}
.scene-image-1,.scene-image-2{opacity:0}
.story-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#101522e8 0%,#101522bd 27%,#10152252 53%,#10152200 79%),linear-gradient(180deg,#11162485 0%,transparent 25%,transparent 73%,#0d111ce3 100%);pointer-events:none}
.story-topline{position:absolute;top:130px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;gap:25px;align-items:center;color:#c8bbb0;font-size:12px;letter-spacing:.09em;z-index:3;opacity:var(--topline-opacity,1)}
.story-topline>span{font-size:12px;letter-spacing:.13em}.story-topline>div{display:flex;gap:24px;font-size:12px;letter-spacing:0}.story-topline a{color:#ded4ca}.story-topline a:hover{text-decoration:underline;text-underline-offset:5px}.story-motion{border:0;background:none;color:#dec4ae;font-size:12px;padding:4px 0}.story-motion:hover{color:#fff}
.story-copies{position:absolute;inset:0;z-index:1;pointer-events:none}
.story-copy{position:absolute;left:var(--pad);right:var(--pad);top:50%;transform:translate3d(0,-42%,0);max-width:780px;pointer-events:auto;will-change:transform,opacity}
.story-copy-1,.story-copy-2{opacity:0;pointer-events:none}
.story-copy .eyebrow{display:flex;align-items:center;gap:13px;font-size:12px;color:#d5c4b7;letter-spacing:.12em;margin-bottom:28px}
.story-copy h1{font-size:clamp(60px,6.3vw,104px);line-height:1.06;letter-spacing:-.06em;max-width:780px}
.story-copy h2{font-size:clamp(58px,6.5vw,99px);line-height:1.06;letter-spacing:-.055em}
.story-copy h1 em,.story-copy h2 em{color:var(--copper)}
.story-description{max-width:405px;font-size:18px;color:#ddd3ca;line-height:1.75;margin-top:29px}
.story-invitation{margin-top:35px;display:flex;align-items:center;gap:14px;font-size:13px;color:#e1c2a9}
.story-invitation>span{height:33px;width:1px;background:#b3947b;position:relative;overflow:hidden}
.story-invitation>span:after{content:"";position:absolute;top:-16px;left:0;width:1px;height:16px;background:#fff5e8;animation:scrollLine 2.7s infinite}
.story-detail{display:block;max-width:360px;color:#bcaa9b;font-size:13px;line-height:1.6;margin-top:25px;padding-left:17px;border-left:1px solid #a87147}
.story-continue{margin-top:29px;background:#f1e9dd;color:var(--ink)}
.story-bottom{position:absolute;left:var(--pad);right:var(--pad);bottom:36px;display:flex;align-items:flex-end;justify-content:space-between;gap:45px;z-index:4}
.story-counter{font-family:var(--serif);font-size:39px;font-style:italic;line-height:1;color:#f6e9db;white-space:nowrap;min-width:108px}.story-counter>span:last-child{font-family:var(--sans);font-size:12px;font-style:normal;color:#b7a99b;letter-spacing:.04em;margin-left:7px}
.scene-nav{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:24px;width:510px;max-width:55%;margin-right:auto}
.scene-nav button{display:block;text-align:left;color:#baafa3;border:0;background:none;padding:14px 0 0;font-size:12px;min-height:52px}
.scene-nav button>b{font-weight:400}.scene-nav button[aria-current]{color:#f7e7d7}.scene-nav b{font-weight:400;margin-left:9px}.scene-track{display:block;height:2px;background:#f0d8c03b;margin-bottom:13px;overflow:hidden}.scene-track i{display:block;width:100%;height:100%;transform-origin:left;background:var(--copper);transform:scaleX(0);will-change:transform}
.scene-nav button:hover .scene-track{background:#f0d8c078}.story-scroll-label{font-size:12px;color:#d2c1b2;display:flex;align-items:center;gap:17px;white-space:nowrap;line-height:1.5}.scroll-line{display:block;width:1px;height:37px;background:#d1a582}
.story-frame :focus-visible{outline-color:#f1b780}
.perspective{position:relative;z-index:2;border-top:1px solid #ffffff18}
.section-light h2 em{color:#955b35}.principle-index{color:#886f5d}.line-icon{stroke:#955b35}.scenario-lenses{background:#eee6db}.lens-tag{color:#895c3e}.scenario-lenses p{color:#655d56}.outcome-bar{background:#202536}.outcome-bar>span{color:#efb98e}
.resource-top,.ladder-visual{background:#eee4d7}.resource-top .eyebrow,.resource-year{color:#74573f}.ladder-step{background:#e1cbb4;color:#493929}.ladder-step>span:first-child{color:#715337}.ladder-step:nth-child(2){background:#d1ad88}.ladder-step:nth-child(3){background:#b98659;color:#302218}.ladder-step:nth-child(4){background:#875431;color:#fff5eb}.ladder-step:nth-child(4)>span:first-child{color:#ead5c2}.m3-feature .resource-top,.m3-visual{background:#e6e5eb}.m3-feature .resource-top .eyebrow,.m3-feature .resource-year{color:#555269}.m3-visual>div{border-color:#a5a1b2}.m3-visual>div>span:first-child{color:#3b3b50}.m3-visual>div>span:last-child{color:#666172}
.closing{background:#e6b184}.closing .eyebrow,.closing>p:not(.eyebrow){color:#604733}.closing-rule{background:#a9754c}.foundation-art figcaption{background:#12172588;padding:3px 8px}.brand-ai{color:var(--copper)}
.reduced-motion .scroll-hero{height:100svh;min-height:650px}.reduced-motion .story-frame{position:relative;min-height:650px}.reduced-motion .story-art{clip-path:none!important}.reduced-motion .scene-image-0{opacity:1!important;transform:none!important}.reduced-motion .scene-image-1,.reduced-motion .scene-image-2{opacity:0!important}.reduced-motion .story-copy-0{opacity:1!important;transform:translate3d(0,-42%,0)!important}.reduced-motion .story-copy-1,.reduced-motion .story-copy-2{opacity:0!important;pointer-events:none!important}.reduced-motion .scene-nav,.reduced-motion .story-counter,.reduced-motion .story-invitation,.reduced-motion .story-scroll-label{display:none}.reduced-motion .story-copy-0:after{content:"Explore Strategy & Policy below.";display:block;font-size:14px;color:#e0b58f;margin-top:25px}
@media(min-width:1700px){.story-copy{max-width:900px}.story-copy h1{font-size:108px}.story-copy h2{font-size:105px}.story-description{font-size:20px;max-width:440px}.story-topline{top:142px}}
@media(max-width:1100px){.story-copy{max-width:680px}.story-copy h1{font-size:clamp(56px,7.4vw,82px)}.story-copy h2{font-size:clamp(58px,7.9vw,84px)}.story-description{font-size:17px;max-width:360px}.scene-image img{object-position:65% center}.story-shade{background:linear-gradient(90deg,#101522ed,#101522ae 34%,#10152220 76%),linear-gradient(0deg,#0d111ce3,transparent 24%,transparent 83%,#111624aa)}.story-bottom{gap:25px}.scene-nav{gap:19px;max-width:none;flex:1}.story-scroll-label{display:none}.story-topline{top:127px}.story-topline>span{font-size:12px}}
@media(max-width:900px){.site-header{height:80px}.story-topline{top:112px}.story-topline>span{display:none}.story-topline>div{margin-left:auto}.story-copy h1{font-size:clamp(56px,9.4vw,78px)}.story-copy h2{font-size:clamp(53px,8.7vw,75px)}.story-copy{top:47%;max-width:660px}.story-description{font-size:17px;max-width:350px}.story-art{inset:0 -18% 0 -5%}.scene-image{transform-origin:70% 65%}.scene-image img{object-position:62% 50%}.story-shade{background:linear-gradient(90deg,#101522ec,#101522a8 42%,#10152240 85%),linear-gradient(0deg,#0d111ce3,transparent 23%,transparent 80%,#111624ae)}.story-counter{font-size:34px;min-width:85px}.scene-nav{gap:20px}.scene-nav b{margin-left:5px;font-size:12px}.story-bottom{bottom:30px}}
@media(max-width:600px){.site-header{height:76px}.site-header nav{background:#121725}.scroll-ready:not(.reduced-motion) .scroll-hero{height:350svh}.scroll-hero,.story-frame{min-height:650px}.story-topline{top:99px;left:24px;right:24px}.story-topline>div{font-size:12px;gap:22px;justify-content:space-between;width:100%}.story-motion{font-size:12px}.story-copies{inset:0}.story-copy{top:22%;transform:none;left:24px;right:24px;max-width:none}.story-copy .eyebrow{font-size:12px;line-height:1.55;margin-bottom:23px;max-width:295px;letter-spacing:.09em;gap:10px}.story-copy h1{font-size:clamp(39px,10.6vw,63px);line-height:1.09;letter-spacing:-.065em;white-space:normal}.story-copy h2{font-size:clamp(38px,10.3vw,62px);line-height:1.08;letter-spacing:-.055em}.story-description{font-size:16px;line-height:1.65;max-width:310px;margin-top:22px}.story-detail{font-size:12px;max-width:255px;margin-top:22px}.story-invitation{margin-top:24px;font-size:12px}.story-continue{font-size:14px;padding:14px 18px;min-height:49px;gap:25px;margin-top:24px}.story-art{inset:52% -32% -7% -42%;mask-image:linear-gradient(180deg,transparent,black 20%)}.scene-image{transform-origin:66% 61%}.scene-image img{object-fit:cover;object-position:64% center}.story-shade{background:linear-gradient(180deg,#121725 0%,#121725fc 17%,#121725db 36%,#12172559 58%,#12172500 75%,#0d111cde 100%),linear-gradient(90deg,#1217255c,transparent 75%)}.story-bottom{left:24px;right:24px;bottom:24px;gap:0;display:block}.story-counter{font-size:27px;margin-bottom:20px;display:none}.scene-nav{max-width:none;width:100%;gap:15px;grid-template-columns:1.35fr .75fr 1fr}.scene-nav button{font-size:12px;padding:12px 0 0;min-height:52px}.scene-nav b{font-size:12px;margin-left:5px}.scene-track{margin-bottom:11px}.reduced-motion .story-copy-0{transform:none!important}.reduced-motion .scroll-hero,.reduced-motion .story-frame{min-height:730px}.reduced-motion .story-topline{opacity:1!important}}
@media(max-height:680px) and (min-width:601px){.story-topline{top:105px}.story-copy{top:48%;max-width:680px}.story-copy h1{font-size:68px}.story-copy h2{font-size:63px}.story-copy .eyebrow{margin-bottom:18px}.story-description{font-size:16px;line-height:1.6;margin-top:20px}.story-invitation{margin-top:20px}.story-bottom{bottom:22px}.story-detail{margin-top:19px}.story-continue{margin-top:20px;padding:14px 20px}.story-frame{min-height:0}.story-shade{background:linear-gradient(90deg,#101522ec,#101522ad 35%,#10152233 76%),linear-gradient(0deg,#0d111cdb,transparent 28%,transparent 80%,#111624aa)}}
@media(max-height:720px) and (max-width:600px){.story-art{top:62%}.story-copy{top:22%}.story-copy h1{font-size:clamp(38px,10.1vw,55px)}.story-copy h2{font-size:clamp(36px,9.8vw,52px)}.story-copy .eyebrow{margin-bottom:17px}.story-description{font-size:16px;margin-top:18px;line-height:1.55}.story-invitation{margin-top:18px}.story-detail{margin-top:16px}.story-continue{margin-top:19px}.story-topline{top:91px}.story-bottom{bottom:14px}}
@media(prefers-reduced-motion:reduce){.scroll-ready .scroll-hero{height:100svh;min-height:650px}.scroll-ready .story-frame{position:relative}.story-art{clip-path:none!important}.scene-image-0{transform:none!important;opacity:1!important}.scene-image-1,.scene-image-2{opacity:0!important}.story-copy-0{opacity:1!important}.story-copy-1,.story-copy-2{opacity:0!important}.scene-nav,.story-counter,.story-invitation,.story-scroll-label{display:none}}