.command-bar{gap:16px}.command-bar nav{gap:2px}.command-bar nav a{padding-inline:13px}.story-screen{padding:0;overflow:hidden;background:#10100e}.story-cinema{position:relative;min-height:620px;height:calc(100svh - 242px);max-height:940px;isolation:isolate;overflow:hidden}.story-cinema>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.15);opacity:.58;z-index:-4}.story-vignette{position:absolute;inset:0;z-index:-3;background:linear-gradient(270deg,#090b0df5 0%,#090b0dce 35%,#090b0d18 70%),linear-gradient(0deg,#10100f 0%,transparent 45%)}.broadcast-lines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 4px,#0002 4px 5px);opacity:.45;pointer-events:none;z-index:5}.broadcast-lines:after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:#ffffff30;box-shadow:0 0 35px #ff792c55;animation:signal-scan 13s linear infinite}.story-year{position:absolute;left:3%;top:1%;font:900 clamp(140px,21vw,340px)/1 var(--display);letter-spacing:-.035em;color:#ffffff12;direction:ltr;white-space:nowrap;z-index:-1}.frame-label{position:absolute;top:24px;left:4%;right:4%;display:flex;justify-content:space-between;direction:ltr;font:13px var(--display);letter-spacing:2px;color:#bfc1b8}.frame-label span:last-child{font-family:var(--font);font-size:12px;letter-spacing:0}.story-composition{min-height:inherit;height:100%;display:grid;grid-template-columns:1.03fr 1fr;align-items:center;padding:55px 5% 105px;gap:20px}.story-copy{z-index:4}.story-kicker{font-size:14px;display:inline-block;background:var(--orange);color:#12120e;padding:5px 16px;transform:rotate(-2deg);font-weight:700;box-shadow:8px 6px 0 #0006}.story-copy h1{font-size:clamp(44px,5.1vw,82px);line-height:1.32;margin:22px 0 17px;font-weight:700;letter-spacing:-2px;text-shadow:0 4px 35px #0008}.story-copy h1 em{color:#eee9dc;background:linear-gradient(0deg,#a94719 0 14%,transparent 14%);padding-inline:3px}.story-copy>p{max-width:530px;font-size:17px;color:#c3c6bd;line-height:1.95;margin-bottom:28px}.story-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.story-secondary{font-size:15px;border-bottom:1px solid #777c6b;padding-block:9px}.scope-line{display:block;font-size:12px;color:#969b91;margin-top:22px}.portrait-stage{height:100%;position:relative;min-height:400px;transform:translate(var(--mx,0px),var(--my,0px));transition:transform .4s ease-out}.portrait-cut{position:absolute;border:0;padding:0;background:#373a31;bottom:0;width:58%;height:97%;overflow:hidden;box-shadow:0 15px 50px #0006;clip-path:polygon(5% 0,100% 3%,96% 97%,0 100%);transition:filter .35s,transform .5s;isolation:isolate}.portrait-cut:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#090c08 0%,transparent 65%),linear-gradient(110deg,#bf541c40,transparent 60%);pointer-events:none}.portrait-cut img{height:100%;width:100%;object-fit:cover;object-position:center 20%;filter:grayscale(1) contrast(1.25);mix-blend-mode:luminosity;transition:filter .6s,transform 1s}.portrait-cut:hover img{filter:grayscale(.4) contrast(1.1);transform:scale(1.04)}.portrait-0{right:0;z-index:2;transform:rotate(5deg);height:90%;bottom:0}.portrait-1{left:-3%;transform:rotate(-7deg);bottom:5%;height:96%;z-index:1}.portrait-cut:hover{z-index:3}.portrait-cut>span{position:absolute;right:18px;left:18px;bottom:28px;z-index:3;text-align:right;transform:rotate(-2deg)}.portrait-cut strong{display:block;font-size:clamp(20px,2.2vw,34px);line-height:1.45;color:#f1eee2}.portrait-cut small{font-size:12px;color:#ddd9c8}.portrait-cut b{display:block;text-align:right;font:14px var(--display);letter-spacing:1px;color:var(--orange);margin-top:10px}.story-bottom{position:absolute;bottom:22px;right:5%;left:5%;display:flex;align-items:end;justify-content:space-between;gap:35px;z-index:6}.story-source{max-width:630px;font-size:12px;color:#a6aa9f;line-height:1.7}.chapter-control{display:flex;align-items:center;gap:18px;flex-shrink:0}.chapter-control>span{font:22px var(--display);color:var(--orange)}.chapter-control button{background:#0c100cc7;border:1px solid #777b6c;padding:8px 14px;font-size:12px}.chapter-strip{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #888b683b;background:#101311}.chapter-strip button{position:relative;min-height:111px;text-align:right;padding:19px 8%;background:transparent;border:0;border-left:1px solid #888b683b;overflow:hidden;transition:background .3s}.chapter-strip button[aria-selected=true]{background:#b54d191f}.chapter-strip button>span{display:block;font:13px var(--display);letter-spacing:2px;color:#8e988b;direction:ltr;text-align:right}.chapter-strip strong{display:block;font-size:21px;line-height:1.7}.chapter-strip small{font-size:12px;color:#969e91}.chapter-strip button[aria-selected=true] strong{color:var(--orange)}.chapter-strip i{position:absolute;bottom:0;right:0;height:3px;width:var(--progress,0%);background:var(--orange);box-shadow:0 0 15px #ff792c80}.archive-crawl{overflow:hidden;height:37px;background:var(--orange);color:#111a13;font-size:12px;font-weight:600;line-height:37px}.archive-crawl>div{width:max-content;white-space:nowrap;animation:archive-crawl 65s linear infinite}.archive-crawl b{margin:0 35px;font-size:20px}.aftermath-label{position:absolute;bottom:10%;left:5%;border-left:5px solid var(--orange);padding:10px 25px;background:#10140a99;transform:rotate(-4deg)}.aftermath-label strong{display:block;font-size:72px;line-height:1.4}.aftermath-label small,.aftermath-label>span{font-size:14px;color:#c7cdbb}.story-screen[data-chapter="2"] .story-vignette{background:linear-gradient(270deg,#090b0df5 0%,#090b0dbb 42%,#090b0d11 85%),linear-gradient(0deg,#10100f,transparent 45%)}.story-screen[data-chapter="1"] .portrait-cut{width:65%;right:12%;height:95%}.chapter-enter .story-copy{animation:copy-reveal .7s both}.chapter-enter .portrait-cut{animation:portrait-reveal .9s both}.people-screen{background:radial-gradient(ellipse at 10% 40%,#6f3b1b30,transparent 65%)}.people-screen .screen-heading{margin-bottom:30px}.people-screen .screen-heading p{max-width:760px;color:#a9b1a5}.person-workspace{display:grid;grid-template-columns:220px 1fr;gap:36px;max-width:1500px;margin:auto}.person-selector{display:flex;flex-direction:column;gap:7px}.person-selector button{background:#151a15;border:1px solid #5c695133;text-align:right;padding:17px 15px;position:relative}.person-selector button>span{font:14px var(--display);color:#7f8c77;float:left}.person-selector strong{display:block;font-size:17px}.person-selector small{font-size:12px;color:#9aa493}.person-selector button[aria-selected=true]{background:var(--orange);color:#151b12;border-color:var(--orange)}.person-selector button[aria-selected=true] small,.person-selector button[aria-selected=true]>span{color:#253020}.person-file{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;direction:ltr;align-items:start}.person-portrait{margin:0;position:relative;direction:rtl}.person-portrait>img{width:100%;max-height:640px;object-fit:cover;object-position:top;filter:grayscale(1) contrast(1.12);border:9px solid #c4c4af;box-shadow:14px 14px 0 #4a503522}.portrait-stamp{position:absolute;bottom:85px;right:-10px;transform:rotate(-5deg);background:var(--orange);color:#182017;padding:5px 18px;font-weight:700}.person-portrait figcaption{font-size:12px;line-height:1.9;color:#a6ae9c;margin-top:15px}.person-portrait a{text-decoration:underline;text-underline-offset:4px}.person-content{direction:rtl}.person-english{font:14px var(--display);letter-spacing:3px;color:var(--orange)}.person-content h2{font-size:clamp(30px,3vw,49px);margin:10px 0 14px}.person-role{display:flex;justify-content:space-between;gap:12px;border-block:1px solid #6c79523b;padding:12px 0;color:#b7c0aa;font-size:14px}.person-role b{font:20px var(--display);color:var(--orange)}.person-summary{font-size:18px;margin:24px 0}.person-facts{margin:0}.person-facts>div{padding:12px 0;border-bottom:1px solid #6c795233}.person-facts dt{font-size:14px;font-weight:700;color:#c7ccb7}.person-facts dd{margin:5px 0 0;font-size:16px;color:#a4b09b}.responsibility-note{font-size:13px;border-right:2px solid var(--orange);padding:12px 16px;margin:25px 0;background:#8b632011;color:#b8baa9}.person-sources h3{font-size:16px;margin-bottom:8px}.person-sources a{display:block;font-size:14px;padding:5px 0;color:#c7ccb7;text-decoration:underline;text-underline-offset:4px}.file-tile{background:linear-gradient(130deg,#303528,#111a14);height:132px}.file-tile:after{opacity:.35}.file-tile[aria-selected=true]{background:linear-gradient(135deg,#994f22,#212117)}.file-tile .tile-year{font-size:36px;opacity:.3;top:10px}.motion-paused .broadcast-lines:after,.motion-paused .archive-crawl>div,.motion-paused .chapter-enter .story-copy,.motion-paused .chapter-enter .portrait-cut{animation:none}.motion-paused .portrait-stage{transform:none}.motion-paused .portrait-cut img{transition:none}@keyframes signal-scan{from{transform:translateY(0)}to{transform:translateY(900px)}}@keyframes archive-crawl{to{transform:translateX(35%)}}@keyframes copy-reveal{from{opacity:0;transform:translateX(30px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes portrait-reveal{from{opacity:0;translate:0 35px;filter:blur(5px)}to{opacity:1;translate:0 0;filter:none}}
@media(min-width:801px) and (max-width:1180px){.command-bar{flex-wrap:wrap;height:auto;padding-top:12px}.command-bar nav{order:3;justify-content:center;width:100%;padding-bottom:10px}.command-bar nav a{padding:8px 14px}.story-cinema{height:680px}.person-workspace{grid-template-columns:180px 1fr;gap:20px}.person-file{gap:24px}.story-copy h1{font-size:53px}.chapter-control{gap:10px}}
@media(max-width:800px){.story-screen{padding:0}.story-cinema{height:auto;max-height:none;min-height:0}.story-composition{padding:70px 6% 0;grid-template-columns:1fr;gap:0}.story-copy h1{font-size:clamp(42px,8.3vw,67px);letter-spacing:-1px;margin-block:18px 14px}.story-copy>p{font-size:16px;max-width:600px;margin-bottom:22px}.story-actions{gap:15px}.story-actions .action{font-size:14px}.story-secondary{font-size:14px}.scope-line{margin-top:15px}.portrait-stage{height:350px;min-height:0;max-width:490px;width:100%;margin:35px auto 0}.portrait-cut{width:54%}.portrait-0{right:3%}.portrait-1{left:3%}.portrait-cut strong{font-size:26px}.story-year{font-size:130px;top:390px;left:0}.story-bottom{position:relative;inset:auto;padding:27px 6% 22px;display:flex;flex-direction:column;align-items:stretch;gap:18px}.chapter-control{justify-content:space-between}.story-source{font-size:12px}.frame-label{top:24px;left:6%;right:6%;font-size:12px;letter-spacing:1px}.story-vignette{background:linear-gradient(0deg,#0a0c0ce8,transparent 65%),linear-gradient(90deg,#090b0d70,#090b0de0)}.chapter-strip button{padding:14px 12px;min-height:112px}.chapter-strip strong{font-size:15px}.chapter-strip small{display:none}.chapter-strip button>span{font-size:12px;letter-spacing:0;margin-bottom:9px}.story-screen[data-chapter="2"] .portrait-stage{height:240px}.aftermath-label strong{font-size:60px}.person-workspace{grid-template-columns:1fr;gap:26px}.person-selector{flex-direction:row;overflow-x:auto;padding-bottom:10px}.person-selector button{min-width:170px;flex:1}.person-file{gap:25px;grid-template-columns:1fr 1.2fr}.person-content h2{font-size:32px}.person-portrait>img{border-width:6px}.portrait-stamp{font-size:13px;right:0}.person-summary{font-size:17px}.person-content{min-width:0}.person-role{flex-wrap:wrap}.people-screen .screen-heading p{font-size:15px}.story-cinema>video{object-position:45% center}.command-bar nav a{padding-inline:12px}}
@media(max-width:540px){.person-file{grid-template-columns:1fr}.person-portrait{max-width:340px;margin:auto}.person-portrait>img{max-height:410px}.person-portrait figcaption{font-size:12px}.person-content h2{font-size:37px}.portrait-stage{height:300px}.story-copy h1{font-size:44px}.story-actions{align-items:start;flex-direction:column;gap:7px}.story-secondary{padding-block:8px}.story-copy>p{line-height:1.9}.story-year{top:450px}.portrait-cut strong{font-size:23px}.portrait-cut>span{left:14px;right:14px;bottom:23px}.story-screen[data-chapter="1"] .portrait-cut{width:62%;right:20%}.chapter-strip strong{font-size:14px}.chapter-strip button{padding-inline:10px}.chapter-strip button>span{font-size:12px}.story-source{line-height:1.9}}
.portrait-1>span{text-align:left;right:30%;left:12px}.portrait-1>span strong{font-size:clamp(19px,2vw,29px)}.portrait-1>span b{text-align:left}.portrait-1>span small{display:block}
@media(prefers-reduced-motion:reduce){.broadcast-lines:after,.archive-crawl>div,.chapter-enter .story-copy,.chapter-enter .portrait-cut{animation:none}.portrait-stage,.portrait-cut img{transition:none}}