/* Scoped to the two film-led examples. The footage keeps its native 16:9 frame. */
body.frame{background:#050708;color:#f4f5f3}.frame .frame-header{max-width:1380px;margin:auto;padding:20px 4vw 16px;border:0;align-items:center;background:none}.frame .frame-logo{font:600 29px/1 Arial,sans-serif;letter-spacing:-.035em}.frame .frame-logo span{font:400 9px/1.4 Arial,sans-serif;letter-spacing:.12em;margin-top:7px}.frame .iv-back{font:400 13px/1.5 ImmersiveSans,sans-serif;border-bottom:0;min-height:44px;display:flex;align-items:center;color:#c6cbc9}
.frame .frame-stage{height:auto;min-height:0;padding:10px 4vw 0;margin:0;overflow:visible;background:none}.frame .frame-film-intro{max-width:1280px;margin:auto;display:flex;align-items:end;justify-content:space-between;gap:32px;padding-bottom:20px}.frame .frame-film-intro>div>p,.frame .frame-edit-title>p,.frame .frame-note>div>p{font:400 10px/1.6 Arial,sans-serif;letter-spacing:.11em;color:#a8b0ae;margin-bottom:10px}.frame .frame-film-intro h1{font:600 clamp(48px,5.4vw,72px)/1 Arial,sans-serif;letter-spacing:-.045em;margin:0}.frame .frame-film-intro>p{font:400 15px/1.7 ImmersiveSans,sans-serif;color:#b9c0bd;margin:0 0 2px}
.frame .frame-film-plane{position:relative;aspect-ratio:16/9;width:min(100%,calc(max(240px,100svh - 286px)*1.77778));margin:auto;background:#000;overflow:hidden}.frame .frame-film-plane>img,.frame .frame-film-plane>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .35s ease}.frame .frame-film-plane>video{opacity:0}.frame .frame-film-plane.has-frame>video{opacity:1}.frame .frame-film-plane.has-frame>img{opacity:0}.frame video::cue{font:400 14px/1.6 sans-serif;color:#fff;background:#000c}
.frame .frame-film-footer{max-width:1280px;display:flex;justify-content:space-between;align-items:center;gap:24px;margin:10px auto 0;min-height:48px}.frame .frame-film-footer>p{font:400 9px/1.7 Arial,sans-serif;letter-spacing:.08em;color:#98a29e;margin:0}.frame .frame-film-footer>p>span{display:inline-block;margin-left:18px;color:#737d78}.frame .frame-transport{display:flex;align-items:center;gap:4px;flex-shrink:0}.frame .frame-transport output{min-width:96px;text-align:right;margin-right:9px;font:400 10px/1.6 Arial,sans-serif;font-variant-numeric:tabular-nums;color:#a8b0ae}.frame .frame-transport>button,.frame .frame-seek-panel>summary{border:0;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;border-radius:50%;background:transparent;color:#d7ddda;cursor:pointer}.frame .frame-transport>button:hover,.frame .frame-seek-panel>summary:hover{background:#ffffff12}.frame .frame-transport>button:disabled{opacity:.35;cursor:default}.frame .frame-transport [data-film-captions][aria-pressed=true]{background:#ffffff0c}.frame .film-icon-pause{display:none}.frame [data-playing=true] .film-icon-play{display:none}.frame [data-playing=true] .film-icon-pause{display:block}.frame button:focus-visible,.frame summary:focus-visible,.frame input:focus-visible{outline:2px solid #a4c8bc;outline-offset:3px}.frame .frame-seek-panel{position:relative}.frame .frame-seek-panel>summary{list-style:none}.frame .frame-seek-panel>summary::-webkit-details-marker{display:none}.frame .frame-seek-panel>div{position:absolute;z-index:4;right:0;top:54px;width:250px;max-width:calc(100vw - 44px);padding:18px;background:#101815;border:1px solid #ffffff22;border-radius:10px;box-shadow:0 12px 28px #0006}.frame .frame-seek-panel label{display:block;font:400 12px/1.7 ImmersiveSans,sans-serif;margin-bottom:12px}.frame .frame-seek-panel input{width:100%;accent-color:#d0dfd8}
.frame .frame-status{position:static;min-height:22px;max-width:1280px;margin:2px auto 0;font:400 12px/1.7 ImmersiveSans,sans-serif;color:#a8b0ae}.frame .frame-status[data-kind=error]{color:#f0d9c7}.frame .frame-edit{display:block;padding:32px 4vw 60px;max-width:1380px;margin:auto;gap:0}.frame .frame-edit-title{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:21px}.frame .frame-edit-title>p{margin:0}.frame .frame-edit-title h2{font:400 15px/1.7 ImmersiveSans,sans-serif;margin:0;color:#cbd2ce}.frame .frame-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.frame .frame-chapters button{display:block;text-align:left;padding:19px 0 0;min-height:126px;border:0;border-top:1px solid #ffffff25;color:#dce0dc;background:none}.frame .frame-chapters button[aria-current=true]{border-color:#cbd9d2;background:none}.frame .frame-chapters button:hover{border-color:#cbd9d2;background:none}.frame .frame-chapters span{font:400 10px/1.5 Arial,sans-serif;letter-spacing:.03em;color:#8c9992}.frame .frame-chapters h3{font:400 clamp(22px,2.7vw,32px)/1.3 Arial,sans-serif;letter-spacing:-.03em;margin:13px 0 8px}.frame .frame-chapters p{font:400 13px/1.7 ImmersiveSans,sans-serif;color:#a9b5ad;margin:0}.frame .frame-note{max-width:1280px;margin:10px auto 70px;padding:40px 0 0;grid-template-columns:1fr 1.5fr;gap:24px;border-color:#ffffff20}.frame .frame-note h2{font:400 27px/1.55 ImmersiveSans,sans-serif;margin:12px 0 0}.frame .frame-note>p{font:400 15px/1.95 ImmersiveSans,sans-serif;color:#b4beb7}.frame .frame-note details{font:400 13px/1.8 ImmersiveSans,sans-serif;color:#aab6ae}.frame .iv-footer{max-width:1380px;margin:auto;padding-inline:4vw;border-color:#ffffff20}

@media(max-width:900px){.frame .frame-film-plane{width:100%}.frame .frame-note{margin-inline:4vw}.frame .frame-film-footer>p>span{display:block;margin-left:0}}
@media(max-width:650px){.frame .frame-header{padding:18px 22px 12px}.frame .frame-logo{font-size:26px}.frame .frame-stage{padding:22px 22px 0}.frame .frame-film-intro{align-items:center;padding-bottom:24px}.frame .frame-film-intro h1{font-size:48px}.frame .frame-film-intro>p{font-size:12px;max-width:12em}.frame .frame-film-footer{display:block;margin-top:13px}.frame .frame-film-footer>p{display:flex;gap:12px;justify-content:space-between}.frame .frame-film-footer>p>span{display:inline;margin:0}.frame .frame-transport{justify-content:flex-end;margin-top:8px}.frame .frame-transport output{margin-right:auto;text-align:left;min-width:80px}.frame .frame-edit{padding:35px 22px 45px}.frame .frame-chapters{gap:15px}.frame .frame-chapters h3{font-size:21px}.frame .frame-chapters p{font-size:11px;line-height:1.8}.frame .frame-chapters button{min-height:130px}.frame .frame-edit-title{align-items:start}.frame .frame-edit-title h2{font-size:13px}.frame .frame-note{display:block;margin:0 22px 55px;padding-top:30px}.frame .frame-note h2{font-size:24px;margin-bottom:24px}.frame .frame-note>p{font-size:14px}.frame .frame-note details{margin-top:25px}.frame .iv-footer{padding-inline:22px}.frame video::cue{font-size:12px}}
@media(prefers-reduced-motion:reduce){.frame .frame-film-plane>img,.frame .frame-film-plane>video{transition:none}}

/* EMBER remains a process study, with its narrative beside an uncropped film. */
.ember .ember-lab{border:0;gap:28px;align-items:start}.ember .ember-cinema{min-width:0}.ember .ember-film{aspect-ratio:16/9;height:auto;min-height:0;border:1px solid #e7eadb25}.ember .ember-film video{object-fit:contain}.ember .ember-film:after{display:none}.ember .ember-film-label{position:static;padding:0 0 14px;font-size:10px;line-height:1.6}.ember .ember-cinema-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:12px}.ember .ember-cinema-tools .ember-play{position:static;min-height:44px;padding:7px 0;min-width:0;border:0;background:none;gap:10px}.ember .ember-film-bottom{position:static;display:flex;align-items:center;gap:14px;min-height:44px;background:none}.ember .ember-film-bottom span:last-child{margin-left:0}.ember .ember-film-bottom button{min-height:44px;padding:6px 0}.ember .ember-observation{border-top:1px solid #e7eadb25}.ember .ember-play:focus-visible,.ember .ember-film-bottom button:focus-visible{outline:2px solid #e4ae88;outline-offset:4px}
@media(max-width:650px){.ember .ember-lab{gap:26px}.ember .ember-cinema-tools{gap:8px;flex-wrap:wrap}.ember .ember-film-bottom{font-size:10px;gap:13px}.ember .ember-film-label{font-size:10px}.ember .ember-film-bottom span:last-child{display:none}}

.ember [data-ember-play-icon]{display:inline-flex;align-items:center}.ember .film-icon-pause{display:none}.ember [data-playing=true] .film-icon-play{display:none}.ember [data-playing=true] .film-icon-pause{display:block}