/* Restore the published composition without its retired runtime integrations. */
html {scroll-behavior:smooth}
#container {visibility:visible;max-width:none;padding:0;width:100%;height:auto}
a:focus-visible,button:focus-visible {outline:2px solid #bbd7e3!important;outline-offset:4px}
#header {position:sticky;top:0;height:45px;z-index:10000}
.home_panel,.home_panel .holder_wide {min-height:45px}
.header.section {height:100svh;min-height:640px}
.header #video-container {position:absolute;inset:0;width:100%;height:100%;min-height:0;background:#000 url('../img/optimized/vid_bg.webp') center/cover no-repeat}
.header #bgvid {inset:0;width:100%;height:100%;object-fit:cover;min-width:0;min-height:0}
.title h1,.title p.subline,.title p.author,ul.translate {display:block}
.title {height:auto;bottom:10%}
.background-film-toggle {position:absolute;right:24px;top:80px;z-index:120;padding:8px 12px;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.6);color:white;font:12px Montserrat,sans-serif;cursor:pointer}
.background-film-toggle[hidden] {display:none}
#progress {width:0;pointer-events:none}
.film-launch {display:block;position:relative;aspect-ratio:16/9;width:100%;border:0;padding:0;background:#111;cursor:pointer;color:#fff;overflow:hidden}
.film-launch img {display:block;width:100%;height:100%;object-fit:cover;opacity:.7}
.film-launch span {position:absolute;inset:0;display:grid;place-items:center;font:18px Montserrat,sans-serif;text-shadow:0 1px 4px #000}
.restored-film iframe {display:block;width:100%;aspect-ratio:16/9;height:auto;border:0}
.film-fallback {display:inline-block;font:12px Montserrat,sans-serif;text-decoration:underline;margin:12px 0;color:#bbd7e3}
.video_intro h2 {text-wrap:balance}
.title .translate:after {content:'';display:table;clear:both}
.title p.author {font-size:17px!important}
@media(max-width:1199px) {.pull_right_image{max-width:45%;margin-right:0}.pull_right_image img{max-width:100%;height:auto}}
@media(max-width:768px) {
 .header.section{min-height:720px}.header #bgvid{display:none}.title{left:5%;right:5%;bottom:7%;height:auto}
 .title h1 {font-size:clamp(50px,16.666vw,65px);line-height:.96!important}
 .title p.subline {font-size:16px!important;line-height:22px!important}
 .background-film-toggle{display:none}.pull_right_image{max-width:45%;margin:0 0 16px 16px;padding-left:0}
 .video_intro .cover {margin-top:24px;max-width:340px}.video_intro h2{padding:0 18px;font-size:20px}
 #footer .holder_wide{width:calc(100% - 40px)!important}.back-to-top{float:none;display:block;margin:0 0 24px}
 .add-nav {margin-right:12px}
}
@media(max-width:480px) {.pull_right_image{float:none;max-width:none;width:100%;margin:24px 0;padding:0}}
@media(prefers-reduced-motion:reduce) {html{scroll-behavior:auto}.header #bgvid{display:none}}
.wrapper img {height:auto}
.caption,.credit,.video_intro h2,.title p.author {font-weight:300}
/* Old phone rules fixed both layers to600px, clipping the byline/language links. */
.header.section {height:100svh!important}
.header #video-container {height:100%!important}

/* Parallax masks only the photo; original captions remain steady below. */
.archive-photo-viewport{width:100%;overflow:clip}.archive-photo-viewport>img{display:block;width:100%;height:auto}