:root{--paper:#ece8de;--ink:#242a25;--rust:#963e2e;--mx:0;--my:0}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 Arial,sans-serif}button,a{color:inherit;font:inherit}button{cursor:pointer}a{text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--rust);outline-offset:6px}#experience{container-type:inline-size;margin:auto;background:var(--paper)}body.phone{background:#292e29;padding:28px 0}.phone #experience{max-width:430px;box-shadow:0 20px 100px #0006}header{height:90px;display:flex;justify-content:space-between;align-items:center;padding:0 4vw;border-bottom:1px solid #242a2525}.brand{font-size:13px;font-weight:bold;letter-spacing:.08em}.brand span{display:block;font-size:8px;font-weight:normal;letter-spacing:.2em;margin-top:5px}nav{display:flex;gap:28px;align-items:center;font-size:11px}nav button{background:transparent;border:0;border-bottom:1px solid #242a2540;padding:6px 0}.desktop{height:450svh}#stage{height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate}.location{position:absolute;left:4%;top:22px;font-size:9px;letter-spacing:.18em;z-index:5}.big-word{position:absolute;left:-2%;top:2%;font:italic 21vw/.9 Georgia,serif;letter-spacing:-.065em;color:#242a2510;white-space:nowrap;z-index:-1}.picture{position:absolute;left:50%;top:50%;width:min(77vw,104svh);aspect-ratio:3/2;padding:0;border:0;background:none;will-change:transform;cursor:zoom-in;transform:translate(-50%,-50%)}.picture img{display:block;width:100%;height:100%;object-fit:contain;transform:perspective(1400px) translate3d(calc(var(--mx)*-16px),calc(var(--my)*-12px),0) rotateY(calc(var(--mx)*1.4deg)) rotateX(calc(var(--my)*-.8deg));box-shadow:0 24px 60px #20271d24;will-change:transform}.picture-b{z-index:2;visibility:hidden}.picture-b img{transform:perspective(1400px) translate3d(calc(var(--mx)*-28px),calc(var(--my)*-18px),0) rotateY(calc(var(--mx)*1.9deg)) rotateX(calc(var(--my)*-1deg))}.zoom{position:absolute;right:12px;bottom:12px;padding:7px 11px;background:var(--paper);font-size:10px;opacity:0;transition:opacity .2s}.picture:hover .zoom,.picture:focus-visible .zoom{opacity:1}.title{position:absolute;z-index:4;pointer-events:none;left:5%;bottom:14%;max-width:450px}.title h1,.title h2{font:400 clamp(70px,10vw,180px)/.95 Georgia,serif;letter-spacing:-.06em;margin:10px 0 20px}.title p:last-child{background:var(--paper);display:inline;padding:6px 10px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.eyebrow{font-size:9px;letter-spacing:.18em;color:var(--rust)}.title-b{left:auto;right:5%;bottom:13%;text-align:right;opacity:0}.title-b h2{font-style:italic}.thread{position:absolute;left:8%;top:49%;width:84%;height:1px;background:#963e2e30;z-index:-1;transform-origin:left}.thread span{display:block;height:100%;background:var(--rust);transform-origin:left}.conclusion{position:absolute;bottom:13%;left:5%;right:5%;text-align:center;opacity:0}.conclusion h2{font:400 clamp(28px,3.1vw,55px)/1.08 Georgia,serif;letter-spacing:-.035em;margin:15px 0}.conclusion p:last-child{font-size:13px}.guide{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;height:58px;padding:0 4%;font-size:10px;background:var(--paper);border-top:1px solid #242a2520;z-index:10}.guide i{position:absolute;bottom:0;left:0;right:0;height:2px}.guide b{display:block;width:100%;height:100%;background:var(--rust);transform-origin:left;transform:scaleX(0)}.mobile{display:none}.ending{padding:65px 6%;text-align:center;border-top:1px solid #242a2525}.ending p{font-size:12px}.ending a{display:inline-block;border-bottom:1px solid var(--rust);color:var(--rust);margin:14px 22px}.ending button{display:block;margin:15px auto 0;border:0;background:none;font-size:11px}footer{padding:25px 4%;font-size:10px;border-top:1px solid #242a2525;display:flex;justify-content:space-between;color:#72766c}dialog{border:0;background:#17201b;color:var(--paper);width:96vw;max-width:96vw;height:94svh;max-height:94svh;padding:65px 25px 30px}dialog::backdrop{background:#142019e8}dialog button{position:absolute;right:20px;top:15px;background:none;border:0;color:inherit;padding:10px}dialog img{display:block;width:100%;height:calc(100% - 55px);object-fit:contain}dialog p{text-align:center;font-size:12px}
.mobile-scene,.mobile-end{padding:52px 22px 35px}.mobile h1,.mobile h2{font:400 64px/1 Georgia,serif;letter-spacing:-.055em;margin:22px 0}.mobile p{font-size:14px}.mobile .eyebrow{font-size:9px}.mobile button{padding:0;margin:28px -22px 0;width:calc(100% + 44px);border:0;background:none;text-align:right}.mobile img{width:100%;height:auto;display:block}.mobile button span{font-size:10px;display:block;margin:10px 22px}.mobile .mobile-guide{font-size:11px;text-align:center;margin:35px 0 0}.second{background:#d9ddd0;border-top:1px solid #242a2520}.second h2{font-style:italic}.mobile-end{background:#253129;color:var(--paper);padding-bottom:60px}.mobile-end h2{font-size:39px;line-height:1.13}.mobile-end .eyebrow{color:#d3b696}.mobile-scene button{transform:translateY(var(--reveal-y,0px));opacity:var(--reveal-opacity,1);will-change:transform}.static .desktop{display:none}.static .mobile{display:block;max-width:960px;margin:auto}.static .mobile-scene button{transform:none!important;opacity:1!important}
@container(max-width:700px){header{height:auto;min-height:94px;padding:20px 22px;gap:15px;align-items:flex-start}.brand{font-size:10px;max-width:140px}.brand span{font-size:6px}nav{flex-direction:column;gap:8px;align-items:flex-end;font-size:9px}.desktop{display:none}.mobile{display:block}.ending{padding:36px 20px}.ending a{font-size:13px;margin:14px 0}footer{padding:20px;display:block;font-size:9px}footer span{display:block;margin-top:8px}}
@media(max-width:480px){body.phone{padding:0}.phone #experience{max-width:none}}

header{position:relative;z-index:20}.desktop #stage{height:100svh}.title{max-width:440px}.title h1,.title h2{font-size:clamp(70px,9vw,150px)}
@container(min-width:701px){header{position:fixed;top:0;left:0;right:0;background:var(--paper);height:76px}#stage .location{top:94px}.big-word{top:14%}.picture{width:min(72vw,96svh)}.title{bottom:16%}}

@container(min-width:701px){.title{bottom:9%;max-width:none}.title h1,.title h2{font-size:clamp(56px,6vw,100px);white-space:nowrap;margin:8px 0 12px}.title .eyebrow{margin:0}.title-b{right:6%}.title p:last-child{padding:0;background:none}}

body:has(dialog[open]){overflow:hidden}dialog[open]{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;padding:60px 12px 20px}dialog img{height:100%;min-height:0}dialog p{margin:0 8px}
@container(min-width:701px){.static main{padding-top:76px}}
@container(max-width:700px){nav a,nav button{min-height:36px;display:flex;align-items:center}nav{gap:0}}
@media(max-width:700px){dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0}}

/* Complete reportage: fixed mobile reading, original photographic framing. */
.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--paper);padding:14px}.skip:focus{top:10px}
.reportage-intro{padding:145px 5% 85px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:5vw;min-height:90svh;border-bottom:1px solid #242a2530}.reportage-intro h1{font:400 clamp(38px,4.5vw,78px)/1.06 Georgia,serif;letter-spacing:-.045em;margin:28px 0}.reportage-intro .minister{font-size:12px;color:#62685e;max-width:390px}.reportage-intro p:not(.eyebrow){max-width:460px}.cover{border:0;background:none;padding:0;position:relative;cursor:zoom-in}.cover img{display:block;width:100%;height:auto}.cover .zoom{opacity:1}#motion{padding:12px 0;background:none;border:0;border-bottom:1px solid var(--rust);font-size:11px}.quote{background:var(--rust);color:white;padding:12px 16px}.story-section{padding:85px 5%;border-top:1px solid #242a2530;background:#dedfd4}.story-heading{display:grid;grid-template-columns:1fr 1fr;gap:5px 9%;margin-bottom:40px}.story-heading .eyebrow{grid-column:1/-1}.story-heading h2{font:400 clamp(36px,4vw,66px)/1.07 Georgia,serif;letter-spacing:-.04em;margin:14px 0}.story-heading>p:last-child{align-self:center;max-width:420px}.story-images{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.story-images.count-1{grid-template-columns:1fr}.story-images figure{margin:0}.story-images button{width:100%;padding:0;border:0;background:none;position:relative;cursor:zoom-in}.story-images img{display:block;width:100%;height:auto}.story-images figcaption{font-size:11px;margin-top:12px;line-height:1.6}.story-images .zoom{opacity:1}.story-1{background:var(--paper)}.story-2{background:#253129;color:var(--paper)}.story-2 .eyebrow{color:#d3b696}.story-2 .count-1{max-width:1120px;margin:auto}.story-3{background:var(--paper)}.mobile-scene button{transform:none!important;opacity:1!important;will-change:auto}.mobile-end{border-bottom:1px solid #242a2530}.ending{background:#dedfd4}.static main{padding-top:0}.static .mobile{max-width:1100px}.guide{background:#ece8def5}.title-b h2{font-size:clamp(45px,5.5vw,94px)}
@container(max-width:700px){header{padding:16px 18px;min-height:85px;align-items:center}nav{flex-direction:row;flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:200px}nav a{min-height:44px}.quote{padding:8px 10px}.reportage-intro{padding:35px 22px 40px;display:block;min-height:0}.reportage-intro h1{font-size:44px}.reportage-intro .cover{margin-top:24px;width:100%}.reportage-intro .minister{font-size:12px}.story-section{padding:42px 22px}.story-heading{display:block;margin-bottom:24px}.story-heading h2{font-size:42px}.story-images{grid-template-columns:1fr;gap:28px}.story-images figcaption{font-size:11px}.mobile-scene button{margin-top:28px}.ending a{display:block}.ending p{font-size:14px}.guide{display:none}}
@media(prefers-reduced-motion:reduce){.picture img{transform:none!important}}

.mobile-scene button{position:relative}.mobile button .zoom{position:static;display:inline-block;margin:10px 22px;opacity:1}@container(max-width:700px){#motion{display:none}}

/* The same six semantic chapters remain readable without JavaScript and on mobile. */
.full-controls{display:none}.motion-scene{position:relative}.motion-scene .story-section{margin:0}.activity-story{background:#d9ddd0}.activity-story .story-heading p:last-child{font-size:15px}
.immersive #journey{height:800svh;position:relative}.immersive .full-stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}.immersive .motion-scene{position:absolute;inset:0;visibility:hidden;overflow:hidden;background:var(--paper);will-change:clip-path}.immersive .motion-scene.visible{visibility:visible}
.immersive .reportage-intro,.immersive .story-section{display:block;padding:0;min-height:0;height:100%;border:0;background:transparent}
.immersive .reportage-intro>div,.immersive .story-heading{position:absolute;left:5%;top:24%;width:30%;display:block;margin:0;z-index:3;pointer-events:none}.immersive .reportage-intro>div a,.immersive .reportage-intro>div button{pointer-events:auto}
.immersive .reportage-intro h1,.immersive .story-heading h2{font:400 clamp(40px,4.2vw,76px)/1.04 Georgia,serif;letter-spacing:-.045em;margin:22px 0 26px}.immersive .reportage-intro p,.immersive .story-heading>p:last-child{font-size:14px;line-height:1.65;max-width:380px}.immersive .reportage-intro .eyebrow,.immersive .story-heading .eyebrow{font-size:9px}.immersive .reportage-intro .minister{font-size:12px}.immersive .story-images{display:contents}.immersive .story-images figure{display:contents}.immersive figcaption{display:none}
.immersive [data-image]{position:absolute;display:block;width:54%;height:64%;left:41%;top:20%;margin:0;border:0;padding:0;background:transparent;aspect-ratio:auto;will-change:transform;transform-origin:center}
.immersive [data-image] img{display:block;width:100%;height:100%;object-fit:contain;transform:perspective(1200px) translate3d(calc(var(--mx)*-30px),calc(var(--my)*-22px),0) rotateY(calc(var(--mx)*3deg)) rotateX(calc(var(--my)*-1.8deg));will-change:transform;backface-visibility:hidden;filter:drop-shadow(0 18px 24px #18221725)}
.immersive [data-image].secondary img{transform:perspective(1000px) translate3d(calc(var(--mx)*-48px),calc(var(--my)*-32px),0) rotateY(calc(var(--mx)*4deg)) rotateX(calc(var(--my)*-2.5deg))}
.immersive .s1,.immersive .s2{background:#dedfd4}.immersive .s4{background:#253129;color:var(--paper)}.immersive .s4 .eyebrow{color:#d3b696}.immersive .s1 [data-image],.immersive .s2 [data-image],.immersive .s3 [data-image],.immersive .s5 [data-image]{left:37%;top:17%;width:48%;height:53%}
.immersive .s1 .secondary,.immersive .s2 .secondary,.immersive .s3 .secondary,.immersive .s5 .secondary{left:63%;top:61%;width:32%;height:29%;z-index:2}
.immersive .s2 .secondary{left:45%;top:72%;width:23%;height:19%}.immersive .s3 .secondary{left:67%;top:63%;width:28%;height:27%}.immersive .s5 [data-image]:not(.secondary){left:41%}.immersive .s5 .secondary{left:59%;width:36%;height:32%;top:58%}
.immersive .full-controls{position:absolute;display:flex;justify-content:space-between;align-items:center;gap:20px;left:0;right:0;bottom:0;height:56px;padding:0 4%;z-index:15;border-top:1px solid #242a2525;background:#ece8def7;font-size:11px;color:var(--ink)}.full-controls nav{display:flex;gap:8px}.full-controls button{min-width:38px;min-height:42px;border:0;background:none;font-size:11px}.full-controls button[aria-current="true"]{color:var(--rust);box-shadow:inset 0 -2px var(--rust)}.full-controls>i{position:absolute;left:0;bottom:0;right:0;height:2px}.full-controls>i b{display:block;height:100%;background:var(--rust);transform:scaleX(0);transform-origin:left}
.immersive #motion{position:fixed;top:22px;left:43%;padding:7px 0;z-index:25;pointer-events:auto;background:var(--paper);font-size:11px}.immersive .ending{position:relative;z-index:1}.immersive footer{position:relative}
@media(min-width:701px) and (max-height:740px){.immersive .reportage-intro>div,.immersive .story-heading{top:20%;width:30%}.immersive .reportage-intro h1,.immersive .story-heading h2{font-size:clamp(34px,3.5vw,56px);margin:12px 0 16px}.immersive .reportage-intro p,.immersive .story-heading>p:last-child{font-size:12px}.immersive .reportage-intro .minister{font-size:10px}.immersive .full-controls{height:44px}.immersive [data-image]{top:19%;height:65%}}
@media(min-width:701px) and (max-width:1050px){.immersive .reportage-intro h1,.immersive .story-heading h2{font-size:38px}.immersive .reportage-intro>div,.immersive .story-heading{width:31%;left:4%}.immersive .reportage-intro p,.immersive .story-heading>p:last-child{font-size:12px}header .brand{max-width:180px}.immersive #motion{left:35%;font-size:10px}.full-controls .journey-hint{display:none}}
@media(max-width:700px){.full-controls{display:none!important}.motion-scene [data-image]{transform:none!important}.motion-scene img{transform:none!important}.activity-story .story-images{grid-template-columns:1fr}.activity-story .story-heading h2{font-size:44px}}

/* One vertical image is deliberately given the whole chapter. No forced crop. */
.immersive .s2 [data-image]{left:43%;top:14%;width:50%;height:76%}.immersive .s4 [data-image]{left:37%;top:17%;width:48%;height:53%}.immersive .s4 .secondary{left:63%;top:61%;width:32%;height:29%;z-index:2}.immersive .s2{background:#e7e0d4}.immersive .s3{background:#e7e0d4}.preview-note{font-size:11px;letter-spacing:.08em;color:#8c3b2b}.static .story-images.count-1{max-width:750px;margin:auto}.static .story-images.count-1 img{max-height:80svh;object-fit:contain}header .quote{white-space:nowrap}

.zoom{color:#20281f}