.video-open{overflow:hidden}.video-dialog{width:min(1000px,calc(100% - 32px));max-height:calc(100svh - 32px);padding:0;border:0;background:#f7edda;color:#4b3024;box-shadow:0 15px 70px #24170bb0;overflow:auto}.video-dialog::backdrop{background:#261c14d9}.video-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 20px}.video-dialog-bar h2{font:500 16px/1.3 'Familjen Grotesk',sans-serif;letter-spacing:0;margin:0;text-wrap:initial}.video-dialog-bar button{background:none;border:0;color:inherit;font:14px/1.3 'Familjen Grotesk',sans-serif;min-height:44px;padding:5px;cursor:pointer;white-space:nowrap}.video-dialog-bar button span{font-size:23px;padding-left:10px}.video-dialog-frame{aspect-ratio:16/9;background:#251c16}.video-dialog-frame iframe{display:block;width:100%;height:100%;border:0}.video-original{display:inline-flex;align-items:center;min-height:44px;margin:3px 20px;font-size:12px}.film-poster{position:relative;display:block}.film-poster>img{aspect-ratio:16/9!important;object-fit:cover!important}.film-play{position:absolute;inset:auto 0 0;padding:44px 24px 20px;display:flex;align-items:center;gap:13px;color:#fff9e8;font:16px/1.3 'Familjen Grotesk',sans-serif;background:linear-gradient(transparent,#23190bce)}.film-play>span{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:16px;border:1px solid #fff9e890;border-radius:50%;padding-left:3px}.film-play small{margin-left:auto;font-size:12px}.interview-library{margin-top:75px}.library-intro{max-width:590px;margin-bottom:35px}.interview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 26px}.interview-grid article a{text-decoration:none;display:block}.interview-grid h3{font:500 17px/1.3 'Familjen Grotesk',sans-serif;letter-spacing:0;text-wrap:initial;margin:14px 0 6px}.interview-grid p{font-size:11px;color:#7e5f49;line-height:1.5;margin:0}.interview-portrait{position:relative}.interview-portrait img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center 32%}.interview-portrait>span{position:absolute;bottom:12px;right:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding-left:2px;font-size:12px;border:1px solid #fff9e8b0;border-radius:50%;background:#4b302499;color:#fff9e8}.channel-link{font-size:13px;margin-top:35px}.written-story .text-link{margin-right:20px}.interview-grid a:hover h3{text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.video-dialog-bar{padding:9px 13px}.video-dialog-bar h2{font-size:14px}.film-play{padding:32px 14px 12px;font-size:14px;gap:9px}.film-play>span{width:36px;height:36px}.film-play small{font-size:10px}.interview-grid{grid-template-columns:1fr 1fr;gap:28px 18px}.interview-grid h3{font-size:15px}.interview-portrait img{aspect-ratio:1}.interview-library{margin-top:55px}}

/* Controls stay reachable on short screens; the portrait is the whole target. */
.video-dialog-bar{position:sticky;top:0;background:#f7edda;z-index:1}
.video-dialog-bar button:focus-visible,.video-original:focus-visible{outline:2px solid #884126;outline-offset:2px}
.video-dialog-bar button:hover{color:#884126;text-decoration:underline;text-underline-offset:4px}
.interview-portrait{overflow:hidden;background:#e9ddc8}
.interview-portrait>span{transition:background 180ms ease,transform 180ms ease}
.interview-grid a:hover .interview-portrait>span,.interview-grid a:focus-visible .interview-portrait>span{background:#4b3024df;transform:scale(1.08)}
.interview-grid p{font-size:12px;color:#765740}
@media(prefers-reduced-motion:reduce){.interview-portrait>span{transition:none}}