@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');
:root{--orange:#ff7027;--paper:#d2cfbc;--muted:#a9aca2;--line:#b8bea326;--bg:#090c0b}body{background:#090c0b}.command-bar{height:90px;padding:0 2.8%;gap:12px;background:#090c0bf2;border-bottom:1px solid #868c6340}.brand{font-size:21px}.brand-mark{border:none;border-inline-end:2px solid var(--orange);transform:none;font-size:39px;padding-inline:13px}.brand small{font-size:11px;letter-spacing:2px}.command-bar nav{gap:0}.command-bar nav a{font-size:13px;padding:13px 12px}.command-bar nav a.active{background:#ff70271c;color:#ff9254;clip-path:none;border-bottom:2px solid var(--orange)}.language-switch{display:flex;gap:4px;align-items:center;direction:ltr;flex-shrink:0;font:600 14px var(--display);letter-spacing:1px;border-inline-start:1px solid #71795655;padding-inline:12px}.language-switch button{padding:8px 5px;background:none;border:0;color:#88917c;font:inherit}.language-switch button[aria-pressed=true]{color:#fff}.language-switch span{color:#545f4c}.motion-control{width:36px;height:36px;padding:0;border-color:#71805b55}.motion-control span{display:none}.screen{padding-inline:5%;padding-top:36px}.story-screen{padding:0}.story-cinema{min-height:660px;height:calc(100svh - 240px);max-height:980px;background:#0a0d0a}.story-composition{grid-template-columns:1fr 1.05fr;padding:70px 6% 106px;gap:4%}.story-copy h1{font-size:clamp(48px,5.1vw,88px);letter-spacing:-2px;line-height:1.33}.story-copy h1 em{background:none;color:#f3efdf;position:relative}.story-copy h1 em:after{content:'';height:5px;background:var(--orange);width:70px;display:block;margin-top:17px}.story-kicker{transform:none;background:transparent;border:1px solid #acb88c55;border-inline-start:4px solid var(--orange);color:#d9ddc7;padding:6px 14px;box-shadow:none;letter-spacing:1px}.story-copy>p{font-size:17px;line-height:2;max-width:510px}.story-year{font-size:clamp(180px,23vw,360px);top:4%;color:#d5dbb80d}.portrait-stage{height:95%;min-height:430px}.portrait-cut{clip-path:polygon(0 0,97% 0,100% 3%,100% 100%,3% 100%,0 97%);border:1px solid #c7c6ac66;width:57%;height:88%;background:#45503e}.portrait-0{transform:rotate(3deg);bottom:0}.portrait-1{left:1%;transform:rotate(-5deg);bottom:11%;height:84%}.portrait-cut:before{content:'ARCHIVE / PORTRAIT';position:absolute;left:12px;top:12px;font:11px var(--display);letter-spacing:2px;z-index:4;color:#e7e9d6b0}.story-bottom{border-top:1px solid #b2bc9240;padding-top:17px}.chapter-strip{padding-inline:5%;background:#0e130f}.chapter-strip button{padding-inline:6%;border-inline-start:1px solid #929d7330}.chapter-strip strong{font-size:22px}.chapter-strip button[aria-selected=true]{background:linear-gradient(100deg,#7a331213,transparent)}.archive-crawl{background:#121a12;color:#a6b596;border-bottom:1px solid #b2bc9220;font-weight:400}.archive-crawl b{color:var(--orange)}.chapter-index{padding:16px 5%;display:flex;align-items:center;justify-content:space-between;direction:ltr;border-bottom:1px solid #78855433;font:14px var(--display);letter-spacing:3px;color:#a7b58d}.chapter-index a{font-size:20px;color:#e0e5d0}.chapter-index b{color:var(--orange);margin-left:20px}.action{padding:13px 23px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);font-size:15px}.screen-heading h1{font-size:clamp(38px,4.5vw,65px);letter-spacing:-1px;margin-bottom:16px}.screen-heading p{max-width:760px;font-size:16px;color:#aab49e}.archive-topline{border:0;padding:0 0 23px}.archive-topline h1{font-size:38px;font-weight:700}.case-register{display:grid;grid-template-columns:.65fr 1.2fr 1.3fr .85fr 1.2fr .55fr;border-block:1px solid #a2ad7d42;background:#151e12a1;margin:0 0 12px;position:relative;z-index:4}.case-register>span{padding:15px 17px;border-inline-end:1px solid #a2ad7d26;min-width:0}.case-register small{display:block;font:11px var(--display);letter-spacing:1.7px;color:#8a9876;direction:ltr;text-align:start;margin-bottom:6px}.case-register b{display:block;font-size:13px;line-height:1.7;font-weight:500;color:#d7ddc9}.case-register>span:first-child b{font:600 29px var(--display);color:var(--orange);direction:ltr;text-align:start}.dossier-stage{height:clamp(460px,51svh,660px);grid-template-columns:1fr 1.2fr;gap:5%}.dossier-copy{padding-inline-end:0}.dossier-copy h2{font-size:clamp(42px,4.8vw,75px);line-height:1.35}.dossier-copy .file-year{font-size:200px;color:#a9bc8710;top:-35px}.dossier-copy .summary{font-size:18px;max-width:500px}.dossier-copy .location{font-size:14px}.file-serial{font-size:12px;margin-bottom:20px}.evidence-table{min-height:440px}.atlas-sheet{left:2%;top:8%;width:85%;height:80%;transform:rotate(-5deg);background-color:#1b281f;opacity:.65}.photo-mount{left:8%;top:10%;width:87%;height:74%;padding:7px 7px 35px;transform:rotate(2deg) translateZ(30px);background:#bfc4a5;box-shadow:18px 24px 45px #000b}.photo-mount:before{background:#c3b89566;width:30%;height:28px;left:31%}.field-note{left:0;bottom:0;width:58%;background:#c5c8af;border-top:3px solid #ba521f;transform:rotate(-3deg) translateZ(55px);padding:18px 23px}.field-note p{font-size:13px}.file-reel{gap:0;border-block:1px solid #9ca67f44;grid-template-columns:repeat(8,minmax(0,1fr))}.file-tile{height:155px;background:#111810;border:0;border-inline-end:1px solid #8d9b6d33;box-shadow:none;padding:0 12px}.file-tile:after{background:none}.file-tile[aria-selected=true]{background:#9c4d1b1f}.file-tile .tile-num{top:13px;right:14px;font:18px var(--display);color:#788469}.file-tile .tile-year{top:12px;left:14px;font:30px var(--display);color:#939d77;opacity:.28}.file-tile .tile-title{font-size:15px;bottom:46px;right:14px;left:14px;line-height:1.6}.file-tile .tile-foot{font-size:12px;right:14px;left:14px;bottom:15px;color:#8f9d7b}.file-tile[aria-selected=true] .tile-num{color:var(--orange)}.filter-group button{font-size:13px}.map-layout{grid-template-columns:1.35fr .85fr;gap:4%}.tactical-map{min-height:580px;border-color:#8f9b683d;background:radial-gradient(ellipse at 50% 45%,#354b2226,transparent 65%),#080f0c}.map-info h2{font-size:50px}.map-file{background:transparent;border-bottom:1px solid #92a16a33;padding-block:18px}.map-file img{filter:grayscale(.7);width:95px}.city-controls button{border-color:#87976355;font-size:14px}.city-controls button[aria-pressed=true]{background:#ff792c22;color:#ff9254;border-color:#b15927}.map-stage-3d{inset:40px 25px 80px}.time-stage{background:#15201155;border:1px solid #94a26c44;padding:35px;min-height:350px}.time-stage h2{font-size:45px}.time-stage .big-year{font-size:230px;color:#c0c9940d}.eras article{border-top:1px solid #b0b77e55}.eras b{color:var(--orange)}.film-console{border:1px solid #919a7344;background:#10170e}.film-view{min-height:490px}.film-playlist{background:#10170e}.film-option{border-bottom:1px solid #9eaa7333;padding:24px 15px}.film-option[aria-pressed=true]{background:#ff792c13}.film-option strong{font-size:18px}.photo-gallery{gap:28px}.photo-tile img{filter:grayscale(.75) contrast(1.06)}.photo-tile:hover img{filter:grayscale(0)}.photo-tile figcaption{border-top:1px solid #929c7155;padding-top:13px}.person-workspace{grid-template-columns:210px 1fr;gap:40px}.person-selector button{background:#101810;border:0;border-inline-start:2px solid #73845544;padding:20px}.person-selector button[aria-selected=true]{background:#e4762520;border-color:var(--orange);color:#f1e6c9}.person-selector button[aria-selected=true] small{color:#b4bd9e}.person-selector button[aria-selected=true]>span{color:var(--orange)}.person-file{gap:45px}.person-portrait>img{border:7px solid #c7c9b3}.person-content h2{font-size:48px}.person-role{border-color:#8b9c5e44}.detail{padding-top:22px;max-width:none;width:100%;padding-inline:5%}.detail-cover{height:clamp(390px,57svh,690px);border:1px solid #889e6455;margin-bottom:0;overflow:hidden}.detail-cover-image{filter:grayscale(.7) contrast(1.1);object-position:center 45%;animation:case-pan 32s ease-in-out infinite alternate}.detail-cover-shade{background:linear-gradient(270deg,#070c0be0,transparent 95%),linear-gradient(0deg,#080c0ae8,transparent 75%)}.detail-cover-copy{right:5%;bottom:70px;max-width:800px}.detail-cover h1{font-size:clamp(46px,6.5vw,96px);line-height:1.3;margin:20px 0}.detail-cover p{max-width:750px;font-size:20px}.cover-number{font-size:clamp(200px,23vw,360px);top:15px;left:4%;opacity:.07}.cover-credit{right:5%;bottom:19px;font-size:12px;background:#070d08b5;padding:4px 10px}.detail>.case-register{margin-bottom:45px}.detail-layout{position:relative;grid-template-columns:1.65fr .8fr;gap:6%;margin-bottom:55px}.reading-paper{background:transparent;color:#d6ddc6;padding:0;box-shadow:none;border:0}.reading-paper:before,.reading-paper:after{display:none}.paper-heading{border-color:#89976955;color:#94a47f;padding:0 0 20px;font-size:12px}.reading-paper h2{font-size:42px;margin:28px 0 20px}.reading-paper .story{font-size:21px;line-height:2.15}.detail-tabs{border-bottom:1px solid #9caf7855;margin-top:38px;gap:12px}.detail-tabs button{background:none;color:#a6b493;border:0;font-size:15px;padding:14px 10px;border-bottom:2px solid transparent}.detail-tabs button[aria-selected=true]{background:#ff792c10;color:#ffac70;border-color:var(--orange)}.detail-panel{padding:27px 0;min-height:230px}.detail-panel h3{font-size:23px;color:#e6e9d8}.detail-panel p{font-size:18px;line-height:2;color:#b7c3a5}.paper-foot{border-top:1px solid #87966144;color:#88997b;font-size:12px}.facts{border:1px solid #95a06b44;padding:25px;background:#15200f55}.evidence-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #8d9d6344;padding-bottom:18px;margin-bottom:23px;direction:ltr;font:14px var(--display);letter-spacing:2px;color:#9ba580}.evidence-heading b{font-size:54px;line-height:1;color:var(--orange)}.facts dt{font-size:13px;color:#8a9e74}.facts dd{font-size:17px;color:#cbd6b9}.facts .casualty-count{font:600 70px var(--display);color:#e8e9d9}.facts .count-note{font-size:14px;color:#a6b397;line-height:1.95}.case-spine{position:absolute;right:-35px;top:0;writing-mode:vertical-rl;direction:ltr;font:11px var(--display);letter-spacing:3px;color:#71815b}.detail-evidence{border-top:1px solid #82965855;padding-top:35px}.source-section{padding-top:40px;border-top:1px solid #82965855;margin-top:45px}.sources a,.sources button{font-size:16px;background:transparent;border-bottom:1px solid #8d9b6433;padding-block:21px}.sources span{color:var(--orange)}.source-section h2{font-size:35px}.file-nav{padding-block:30px;border-top:1px solid #86966355}.method-grid article{background:#14200d33;border-top:1px solid #8da06466;padding:24px}.method-grid p{font-size:17px}.scope-doc{background:#16211044;border-color:#869d5b55}.reading-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:var(--orange);transform-origin:left;z-index:100;pointer-events:none;transform:scaleX(0)}.page-wipe{display:flex!important;position:fixed;inset:0;background:#10170ff5;z-index:90;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;opacity:0;transform:translateX(105%);border-inline-end:4px solid var(--orange)}.page-wipe span{font:14px var(--display);letter-spacing:5px;color:#889975}.page-wipe b{font:800 90px var(--display);letter-spacing:7px;color:#dedfcb}.page-wipe i{width:100px;height:3px;background:var(--orange);margin-top:20px}.page-leaving .page-wipe{opacity:1;transform:translateX(0);transition:transform .23s,opacity .23s}.screen-transfer .page-wipe{animation:chapter-transfer .6s both}.reveal-section{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.reveal-section.in-view{opacity:1;transform:none}.language-change .screen:not([hidden]),.language-change .detail{animation:language-in .35s both}html[lang=en] body{font-family:'IBM Plex Sans',sans-serif;line-height:1.8}html[lang=en] h1,html[lang=en] h2,html[lang=en] .tile-title,html[lang=en] .chapter-strip strong{font-family:'Barlow Condensed',sans-serif;letter-spacing:0;line-height:1.05;text-transform:uppercase}html[lang=en] .story-copy h1{font-size:clamp(62px,6.8vw,105px);line-height:.98;letter-spacing:-1px}html[lang=en] .story-copy h1 em{display:inline-block}html[lang=en] .story-copy>p{line-height:1.9}html[lang=en] .story-vignette{background:linear-gradient(90deg,#090b0df5 0%,#090b0dce 35%,#090b0d18 70%),linear-gradient(0deg,#10100f,transparent 45%)}html[lang=en] .story-year{left:auto;right:2%}html[lang=en] .chapter-strip button,html[lang=en] .chapter-strip button>span,html[lang=en] .person-selector button,html[lang=en] .file-tile{text-align:left}html[lang=en] .person-content{direction:ltr}html[lang=en] .person-file{direction:rtl}html[lang=en] .person-portrait{direction:ltr}html[lang=en] .portrait-cut strong{font-family:var(--display);text-transform:uppercase;font-size:29px}html[lang=en] .portrait-cut>span{text-align:left}html[lang=en] .dossier-copy .location{font-size:13px}html[lang=en] .dossier-copy h2{font-size:clamp(48px,5.8vw,85px);line-height:1.04}html[lang=en] .field-note{direction:ltr}html[lang=en] .mount-caption{direction:ltr}html[lang=en] .tile-title{font-size:21px}html[lang=en] .detail-cover-copy{left:5%;right:auto}html[lang=en] .detail-cover-shade{background:linear-gradient(90deg,#070c0be0,transparent 95%),linear-gradient(0deg,#080c0ae8,transparent 75%)}html[lang=en] .cover-number{left:auto;right:4%}html[lang=en] .cover-credit{left:5%;right:auto;text-align:left}html[lang=en] .case-spine{right:auto;left:-35px}html[lang=en] .reading-paper .story{font-size:20px;line-height:1.95}html[lang=en] .case-register b{font-size:13px}html[lang=en] .detail-panel p{line-height:1.9}html[lang=en] .story-screen[data-chapter="2"] .story-vignette{background:linear-gradient(90deg,#090b0df5 0%,#090b0dbb 42%,#090b0d11 85%),linear-gradient(0deg,#10100f,transparent 45%)}
.command-bar{position:sticky;top:0}.detail-tabs{scroll-margin-top:130px}.case-register small{font-size:12px}.tactical-map{touch-action:pan-y}.map-stage-3d{cursor:grab}.map-stage-3d:active{cursor:grabbing}
@keyframes chapter-transfer{0%{transform:translateX(105%);opacity:0}35%{transform:translateX(0);opacity:1}65%{transform:translateX(0);opacity:1}100%{transform:translateX(-105%);opacity:0}}@keyframes case-pan{from{scale:1}to{scale:1.045}}@keyframes language-in{from{opacity:.6;translate:0 5px}to{opacity:1;translate:0 0}}
@media(max-width:1200px){.command-bar{height:auto;flex-wrap:wrap;padding-top:14px;padding-bottom:0}.command-bar nav{order:4;width:100%;justify-content:center;padding-bottom:10px}.language-switch{margin-inline-start:auto}.command-bar nav a{padding:10px 15px}.case-register{grid-template-columns:repeat(3,1fr)}.case-register>span{padding:10px 15px}.case-register small{font-size:11px}.story-cinema{height:700px}.story-copy h1{font-size:58px}.person-workspace{grid-template-columns:180px 1fr;gap:25px}.person-file{gap:28px}.person-content h2{font-size:39px}.map-layout{grid-template-columns:1.2fr .8fr}.dossier-stage{gap:3%;height:500px}.dossier-copy h2{font-size:51px}.case-register>span:first-child b{font-size:24px}}
@media(max-width:800px){.command-bar{padding:14px 5% 0;gap:9px}.brand{font-size:18px}.brand-mark{font-size:30px;padding-inline:8px}.brand small{font-size:9px;letter-spacing:1.3px}.language-switch{padding-inline:6px;gap:2px;font-size:14px}.motion-control{width:30px;height:32px;margin:0}.motion-control span{display:none}.command-bar nav{justify-content:start;gap:2px}.command-bar nav a{padding:9px 13px;white-space:nowrap;font-size:13px}.screen{padding:24px 5%}.story-screen{padding:0}.story-cinema{height:auto;min-height:0}.story-composition{grid-template-columns:1fr;padding:65px 6% 0}.story-copy h1{font-size:48px;line-height:1.35}.story-copy>p{font-size:16px}.portrait-stage{min-height:0;height:340px;max-width:470px}.portrait-cut{height:86%;width:55%}.portrait-1{height:84%;bottom:12%}.story-bottom{padding-top:18px}.chapter-strip{padding-inline:0}.chapter-strip strong{font-size:16px}.chapter-strip button{padding-inline:12px;min-height:100px}.chapter-index{font-size:11px;letter-spacing:1px}.chapter-index a{font-size:17px}.screen-heading h1{font-size:37px}.archive-topline h1{font-size:29px}.case-register{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px}.case-register>span{padding:10px 12px}.case-register small{font-size:10px;letter-spacing:1px}.case-register b{font-size:12px}.dossier-stage{height:auto;display:flex;gap:10px}.dossier-copy h2{font-size:43px}.dossier-copy .summary{font-size:17px}.evidence-table{height:330px;min-height:0}.photo-mount{height:75%;width:86%;left:9%;top:10%}.field-note{width:53%;max-width:300px;padding:12px 15px}.field-note p{font-size:12px}.file-reel{grid-template-columns:none;grid-auto-columns:160px}.file-tile{height:145px}.file-tile .tile-title{font-size:15px}.map-layout{grid-template-columns:1fr}.tactical-map{height:470px;min-height:470px}.map-stage-3d{inset:50px 30px 90px}.map-info h2{font-size:40px}.time-stage{padding:25px;min-height:0}.time-stage h2{font-size:35px}.film-view{min-height:310px}.film-option{padding:15px}.person-workspace{grid-template-columns:1fr;gap:25px}.person-selector button{min-width:185px;padding:17px}.person-file{gap:25px}.person-content h2{font-size:39px}.person-portrait>img{border-width:6px}.detail{padding-inline:5%}.detail-cover{height:410px}.detail-cover-copy{right:6%;left:6%;bottom:90px}.detail-cover h1{font-size:45px}.detail-cover p{font-size:17px;line-height:1.9}.cover-credit{font-size:11px;right:6%;left:6%;text-align:right;bottom:18px}.cover-number{font-size:200px}.detail>.case-register{margin-bottom:32px}.detail-layout{grid-template-columns:1fr;gap:32px}.reading-paper h2{font-size:34px}.reading-paper .story{font-size:19px;line-height:2.1}.detail-tabs{gap:0;justify-content:space-between}.detail-tabs button{font-size:13px;padding:12px 7px}.detail-panel p{font-size:17px}.detail-panel{min-height:0}.case-spine{display:none}.facts{padding:24px}.facts dl{grid-template-columns:1fr 1.3fr}.evidence-heading b{font-size:42px}.method-grid article{padding:20px}.method-grid p{font-size:16px}.sources a,.sources button{font-size:15px}.page-wipe b{font-size:57px}.page-wipe span{font-size:11px;letter-spacing:3px}html[lang=en] .story-copy h1{font-size:69px;line-height:.99}html[lang=en] .dossier-copy h2{font-size:53px}html[lang=en] .detail-cover-copy{left:6%;right:6%}html[lang=en] .detail-cover h1{font-size:57px}html[lang=en] .detail-cover p{font-size:16px}html[lang=en] .reading-paper .story{font-size:18px}html[lang=en] .chapter-strip strong{font-size:19px;line-height:1.1}html[lang=en] .tile-title{font-size:21px}html[lang=en] .detail-tabs button{font-size:12px}html[lang=en] .story-vignette{background:linear-gradient(0deg,#0a0c0ce8,transparent 65%),linear-gradient(90deg,#090b0de0,#090b0d70)}}
@media(max-width:540px){.person-file{grid-template-columns:1fr}.portrait-stage{height:305px}.chapter-strip strong{font-size:14px}.story-copy h1{font-size:44px}.dossier-copy h2{font-size:38px}.photo-gallery{gap:22px}.case-register small{font-size:10px}.case-register b{font-size:12px}.field-note{width:57%;padding:12px}.evidence-table{height:300px}.field-note p{font-size:11px}.archive-topline>p{font-size:11px}.detail-cover h1{font-size:39px}.detail-cover{height:430px}html[lang=en] .story-copy h1{font-size:60px}html[lang=en] .case-register b{font-size:12px}.case-register>span:first-child b{font-size:23px}.brand{font-size:16px}.brand small{font-size:8px}.person-selector strong{font-size:16px}.person-portrait{max-width:340px}.film-caption p{font-size:12px}}
.motion-paused .detail-cover-image{animation-play-state:paused}.motion-paused .reveal-section{opacity:1;transform:none;transition:none}.motion-paused .screen-transfer .page-wipe{animation:none;opacity:0}.motion-paused .language-change .screen{animation:none}@media(prefers-reduced-motion:reduce){.page-wipe{display:none!important}.reveal-section{opacity:1;transform:none;transition:none}.detail-cover-image,.language-change .screen,.language-change .detail{animation:none!important}}

/* QA: content must determine panel height so translated titles never cover controls. */
.dossier-stage{height:auto;min-height:clamp(440px,51svh,620px)}
.dossier-copy{min-width:0}.dossier-actions{flex-wrap:wrap}.mount-caption{align-items:flex-end}.mount-caption>span{min-width:0;overflow-wrap:anywhere}.mount-caption>span:last-child{max-width:48%}
html[dir=ltr] [data-step],html[dir=ltr] #photo-prev,html[dir=ltr] #photo-next{transform:scaleX(-1)}
@media(max-width:800px){.dossier-stage{min-height:0}}
.film-view,.film-playlist{min-width:0}.film-view video{width:100%;max-width:100%}.film-caption{overflow-wrap:anywhere}

.film-view{width:100%}