.media-viewer-open{overflow:hidden}
.media-expand{position:absolute;top:20px;left:24px;min-height:44px;padding:10px 14px;background:var(--black);color:var(--white);border:1px solid var(--gray);font:10px var(--mono);z-index:2}
.media-expand span{margin-left:16px}.media-expand:hover{background:var(--white);color:var(--black)}
.hero-visual>.media-expand{position:static;align-self:flex-start;margin:0 0 18px}.hero-visual{position:relative}
.story-image-strip{display:grid;grid-template-columns:245px minmax(0,1fr);gap:38px;padding-block:32px;border-bottom:1px solid var(--line)}
.story-image-strip h2{font:28px/1.1 var(--serif);margin:10px 0}.story-image-strip p:not(.eyebrow){font-size:11px;line-height:1.6}
.story-image-thumbnails{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:10px}
.story-image-thumbnails button{flex:0 0 165px;text-align:left;scroll-snap-align:start;border:1px solid var(--line);background:var(--black);color:var(--white)}
.story-image-thumbnails img{height:112px;width:100%;object-fit:contain;display:block}.story-image-thumbnails span{display:block;padding:10px;font:9px var(--mono)}
.story-image-thumbnails button:hover{border-color:var(--red)}
.media-viewer{width:min(1280px,calc(100vw - 40px));max-width:calc(100vw - 40px);height:calc(100dvh - 40px);max-height:calc(100dvh - 40px);padding:0;background:var(--black);color:var(--white);border:1px solid var(--gray);overflow:hidden}
.media-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.media-viewer::backdrop{background:rgba(0,0,0,.9)}
.media-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 26px;border-bottom:1px solid var(--gray)}
.media-viewer-header h2{font:27px var(--serif);margin-top:7px}.media-viewer-header .eyebrow{font-size:9px}
.media-viewer button{min-width:44px;min-height:44px;padding:10px 15px;font:11px var(--mono);border:1px solid var(--gray)}
.media-viewer button:hover:enabled{background:var(--white);color:var(--black)}.media-viewer button:disabled{opacity:.3;cursor:default}
.media-viewer-stage{min-height:0;padding:20px;display:flex;align-items:center;justify-content:center;background:var(--paper)}
.media-viewer-stage img{width:100%;height:100%;object-fit:contain}
.media-viewer-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:20px 26px;border-top:1px solid var(--gray)}
.media-viewer-footer>div:first-child{min-width:0}.media-viewer-footer .eyebrow{font-size:9px;line-height:1.6}
#media-viewer-caption{font-size:12px;line-height:1.5;margin:7px 0;max-height:54px;overflow-y:auto}
#media-viewer-original{display:inline-block;font-size:10px;text-decoration:underline;text-underline-offset:4px;padding-block:7px}
.media-viewer-controls{display:flex;align-items:center;gap:18px;flex-shrink:0}.media-viewer-controls span{font:11px var(--mono);min-width:45px;text-align:center}
@media(max-width:700px){.story-image-strip{grid-template-columns:1fr;gap:18px}.story-image-strip h2{font-size:26px}.story-image-thumbnails button{flex-basis:140px}.story-image-thumbnails img{height:100px}.media-viewer{width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}.media-viewer-header{padding:12px 16px}.media-viewer-header h2{font-size:21px}.media-viewer-stage{padding:10px}.media-viewer-footer{display:block;padding:14px 16px}.media-viewer-controls{justify-content:space-between;margin-top:12px}.media-expand{top:14px;left:14px}}