/* AI Lab motion study. Shared site fonts, colours, navigation and players retained. */
.ai-motion-preview .loader{display:none!important}.ai-motion-preview:before{display:none}.ai-motion-preview{--motion-ease:cubic-bezier(.16,1,.3,1);--stage-border:#ffffff19}
.lab-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;padding:40px 0 30px;border-bottom:0;align-items:start}.lab-intro h1{font-size:clamp(3.5rem,5.7vw,6rem);max-width:none;margin:0;white-space:nowrap}.lab-intro .lede{margin:0;font-size:.9rem;line-height:1.85}.lab-notes{margin-top:12px;font-size:.76rem;color:var(--muted)}.lab-notes summary{cursor:pointer;list-style:none;color:var(--blue2);display:flex;align-items:center;gap:18px;min-height:32px}.lab-notes summary::-webkit-details-marker{display:none}.lab-notes summary span{font-size:20px}.lab-notes[open] summary span{transform:rotate(45deg)}.lab-notes p{margin:10px 0;font-size:.76rem;line-height:1.8}
.screening-head{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-top:1px solid var(--line);font-size:10px;letter-spacing:.12em;font-weight:600;gap:15px}.screening-head>span{display:flex;align-items:center;gap:10px}.screening-dot{display:inline-block;width:5px;height:5px;background:var(--blue);border-radius:50%}.stage-options{display:flex;gap:24px;align-items:center}.screening-head button{display:flex;align-items:center;gap:10px;background:none;border:0;color:var(--muted);font:inherit;letter-spacing:0;cursor:pointer;min-height:44px;padding:0}.screening-head button[hidden]{display:none}.screening-head button:hover{color:white}.screening-head button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}.switch-mark{width:23px;height:13px;border:1px solid #91a4b2;border-radius:10px;position:relative}.switch-mark:after{content:"";position:absolute;left:3px;top:3px;width:5px;height:5px;border-radius:50%;background:#91a4b2;transition:transform .2s}.screening-head button[aria-pressed="true"] .switch-mark{border-color:var(--blue)}.screening-head button[aria-pressed="true"] .switch-mark:after{background:var(--blue);transform:translateX(9px)}
/* Film strip: one selection changes the emphasis and the screen geometry. */
.film-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:0;margin-bottom:0;border-top:1px solid var(--line);position:relative;transition:grid-template-columns .55s var(--motion-ease);isolation:isolate}.film-choice{display:grid;grid-template-columns:70px minmax(0,1fr);gap:14px;align-items:center;background:none;color:var(--muted);text-align:left;border:0;padding:18px 16px 20px;cursor:pointer;position:relative;font-family:inherit;min-width:0}.film-choice:first-child{padding-left:0}.film-choice .thumb{height:66px;overflow:hidden;position:relative;display:grid;place-items:center;background:#111517}.film-choice img{width:100%;height:100%;object-fit:cover;filter:saturate(.4);opacity:.58;transition:transform .5s var(--motion-ease),opacity .25s,filter .25s}.film-choice:hover img,.film-choice:focus-visible img,.film-choice[aria-pressed="true"] img{transform:scale(1.07);opacity:1;filter:none}.film-choice[aria-pressed="true"]{color:white}.film-choice small{display:block;font-size:8px;letter-spacing:.1em;margin-bottom:7px;color:#a8b1b5;white-space:nowrap}.film-choice strong{font-family:'Bebas Neue',sans-serif;font-size:23px;line-height:1.03;font-weight:400;display:block}.selection-line{position:absolute;bottom:0;left:0;height:2px;width:100px;transform-origin:left;background:var(--blue);transition:transform .55s var(--motion-ease);pointer-events:none;z-index:2}.film-choice .bars{display:none;position:absolute;bottom:7px;right:7px;height:14px;align-items:end;gap:2px}.film-choice.is-playing .bars{display:flex}.bars i{display:block;width:3px;background:#7bc9ff;animation:level .7s ease-in-out infinite alternate;height:6px}.bars i:nth-child(2){animation-delay:-.2s;height:14px}.bars i:nth-child(3){animation-delay:-.5s;height:9px}@keyframes level{to{height:3px}}
/* The environmental light comes from the selected poster, then the actual video. */
.lab-enhanced .film-gallery{display:block;padding:0;position:relative;margin-bottom:0;isolation:isolate;border-bottom:1px solid var(--line);background:#080b0e;overflow:clip}.ambient-field{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;opacity:.5;transition:opacity .4s}.ambient-field img,.ambient-field canvas{position:absolute;inset:-10%;width:120%;height:120%;object-fit:cover;filter:blur(65px) saturate(.75);transform:scale(1.08)}.ambient-field canvas{opacity:0;transition:opacity .5s}.ambient-field.has-frame canvas{opacity:1}.ambient-field:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080b0e22,#080b0e66 56%,#080b0ef5)}.ambient-off .ambient-field{opacity:0}.lab-enhanced .film{margin:0;position:relative;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:center;min-height:600px;border:0;padding:32px 34px 26px}.lab-enhanced .film[hidden]{display:none!important}.lab-enhanced .film .ld-player{background:transparent;border:0;overflow:visible;position:relative;z-index:2;min-width:0;width:100%;padding-top:12px}.lab-enhanced .film .ld-player-screen{width:var(--screen-width,100%);height:var(--screen-height,400px);max-width:100%;margin:auto;overflow:hidden;position:relative;background:#050607;box-shadow:0 22px 45px #0007}.lab-enhanced .film video,.lab-enhanced .film.portrait video{width:100%;height:100%;max-height:none;min-height:0;aspect-ratio:auto;object-fit:contain;background:#050607;border:0}.lab-enhanced .film figcaption{padding:0;align-self:center;position:relative;z-index:2}.lab-enhanced .film figcaption h2{font-size:clamp(2.6rem,3.8vw,4.3rem);line-height:.97;margin:17px 0 22px;text-wrap:balance}.lab-enhanced .film figcaption p{font-size:.85rem;line-height:1.85;max-width:34ch}.lab-enhanced .film .project-type{font-size:9px;letter-spacing:.13em;color:var(--blue2)}.film-format{display:flex;align-items:center;gap:12px;font-size:10px;color:#c6d3dc;letter-spacing:.06em;margin-bottom:24px}.format-glyph{display:inline-block;border:1px solid #a8b1b5;width:22px;height:13px}.portrait .format-glyph{width:13px;height:22px}.film-format .format-name{color:#a8b1b5}.lab-enhanced .film .video-description{margin-top:25px;font-size:.74rem}.lab-enhanced .film .video-description[open]{max-height:240px;overflow:auto}.lab-enhanced .film .video-description p{font-size:.76rem}.lab-enhanced .ld-player-bar{padding:13px 0 0;border-top:0;margin-top:20px;background:transparent}.lab-enhanced .ld-player-toolbar{grid-template-columns:44px 44px minmax(64px,1fr) 44px 44px;margin-top:0}.lab-enhanced .ld-player-bottom{padding-top:5px;margin-top:0;border-top-color:var(--stage-border)}.lab-enhanced .ld-player-bottom img{width:86px;height:22px}.lab-enhanced .ld-player-start{transition:background .2s,box-shadow .2s,transform .3s var(--motion-ease)}.lab-enhanced .ld-player-start:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 12px 30px #0008}.lab-enhanced .film .ld-player:fullscreen{display:flex;background:#050607;overflow:hidden;padding:0}.lab-enhanced .film .ld-player:fullscreen .ld-player-screen{width:100%;height:auto;max-height:none;flex:1;box-shadow:none}.lab-enhanced .film .ld-player:fullscreen video{height:100%;max-height:100%;object-fit:contain}.lab-enhanced .film .ld-player:fullscreen .ld-player-bar{padding:12px 20px;margin-top:0;background:#0b0d0e}
.lab-enhanced .site-header,.lab-intro,.lab-enhanced .film figcaption,.film-selector,.ai-motion-preview main>.section,.ai-motion-preview .footer{transition:opacity .4s}.lights-down .site-header,.lights-down .lab-intro,.lights-down .film figcaption,.lights-down .film-selector,.lights-down main>.section,.lights-down .footer{opacity:.2}.lights-down .film-selector:hover,.lights-down .film-selector:focus-within,.lights-down .site-header:hover,.lights-down .site-header:focus-within,.lights-down .film figcaption:focus-within{opacity:1}.lights-down{background:#030405}.lights-down .ambient-field{opacity:.7}.lights-down.ambient-off .ambient-field{opacity:0}.lab-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.lab-enhanced .concise-about{border-top:1px solid var(--line);padding-top:38px}.lab-enhanced main>.section{padding-top:54px}.ai-motion-preview :focus-visible{outline:2px solid var(--blue2);outline-offset:4px}.ai-motion-preview ::selection{background:var(--blue);color:#04121d}
@media(min-width:1100px){.film-selector[data-selected="0"]{grid-template-columns:1.3fr 1fr 1fr 1fr}.film-selector[data-selected="1"]{grid-template-columns:1fr 1.3fr 1fr 1fr}.film-selector[data-selected="2"]{grid-template-columns:1fr 1fr 1.3fr 1fr}.film-selector[data-selected="3"]{grid-template-columns:1fr 1fr 1fr 1.3fr}}
@media(max-width:1000px){.lab-intro{gap:30px;grid-template-columns:1fr 1fr}.lab-intro h1{white-space:normal}.lab-enhanced .film{grid-template-columns:minmax(0,1fr) 235px;gap:26px;padding:26px 22px;min-height:560px}.film-choice{grid-template-columns:50px 1fr;gap:10px;padding:15px 10px}.film-choice .thumb{height:64px}.film-choice strong{font-size:21px}.film-choice small{font-size:7px}.lab-enhanced .film figcaption h2{font-size:2.8rem}.lab-enhanced .film figcaption p{font-size:.8rem}.stage-options{gap:18px}}
@media(max-width:650px){.lab-intro{grid-template-columns:1fr;gap:18px;padding:28px 0 22px}.lab-intro h1{font-size:3.65rem;white-space:nowrap}.lab-intro .lede{font-size:.88rem}.screening-head{align-items:start;flex-direction:column;gap:0;padding:13px 0 4px;font-size:9px}.stage-options{width:100%;justify-content:space-between}.screening-head button{font-size:10px}.film-selector{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding:0 2px;scrollbar-width:thin;scrollbar-color:#0793fd55 transparent}.film-choice,.film-choice:first-child{flex:0 0 152px;grid-template-columns:40px 1fr;gap:10px;scroll-snap-align:start;padding:13px 0 15px;border-bottom:2px solid transparent}.film-choice[aria-pressed="true"]{border-bottom-color:var(--blue)}.film-choice strong{font-size:19px}.film-choice .thumb{height:57px}.film-choice small{font-size:7px}.selection-line{display:none}.lab-enhanced .film{grid-template-columns:1fr;gap:24px;padding:24px 14px 30px;min-height:0}.lab-enhanced .film figcaption h2{font-size:2.65rem;margin:12px 0 15px}.lab-enhanced .film figcaption p{font-size:.88rem;max-width:100%}.lab-enhanced .film .project-type{font-size:8px}.lab-enhanced .film .video-description{margin-top:18px}.film-format{margin-bottom:16px}.lab-enhanced .ld-player-bar{padding:4px 0 0;margin-top:12px}.lab-enhanced .ld-player-bottom img{width:72px}.lab-enhanced .ld-player-bottom{gap:8px}.lab-enhanced .ld-volume{width:66px}.lab-enhanced .ld-player-time{font-size:.64rem}.lab-enhanced .ld-player-start{width:60px;height:60px}.lab-enhanced .ld-player-start svg{width:24px;height:24px}.ambient-field img,.ambient-field canvas{filter:blur(38px) saturate(.75)}.ambient-field:after{background:linear-gradient(0deg,#080b0ef5,#080b0e33)}.lab-enhanced main>.section{padding-top:34px}.lab-enhanced .concise-about{padding-top:26px}.lights-down .film figcaption{opacity:.45}}
@media(prefers-reduced-motion:reduce){.ai-motion-preview *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ambient-field canvas{display:none}}
.film-choice[data-format="portrait"] .thumb{width:37px;justify-self:center}.film-choice[data-format="wide"] .thumb{height:44px}.film-choice img{object-fit:contain}.ai-motion-preview .film-selector:focus-within{opacity:1}
@media(max-width:1000px){.film-choice[data-format="portrait"] .thumb{width:36px}.film-choice[data-format="wide"] .thumb{height:34px}}
@media(max-width:650px){.film-choice[data-format="portrait"] .thumb{width:32px}.film-choice[data-format="wide"] .thumb{height:28px}.film-choice img{transform:none!important}}

.lab-enhanced .film{scroll-margin-top:160px}.lights-down #lights{position:fixed;top:87px;right:24px;z-index:60;padding:8px 13px;background:#0b0d0ef5;color:#f4f7f8;border:1px solid #ffffff35;min-height:44px}.lights-down .screening-head{position:relative;z-index:5}
@media(max-width:650px){.lights-down #lights{top:78px;right:18px;font-size:10px}}
/* Keep the fixed navigation opaque while surrounding content is dimmed. */
.lights-down .site-header{opacity:1;background:#030405;z-index:50}
@media(max-width:650px){
 .film-selector{width:100%;gap:12px;padding:0 max(18px,calc((100vw - 520px)/2));border-top:0;scroll-padding-inline:18px;scroll-snap-type:x mandatory;scrollbar-width:none}
 .film-selector::-webkit-scrollbar{display:none}
 .film-choice,.film-choice:first-child{flex:0 0 min(44vw,168px);display:flex;flex-direction:column;align-items:stretch;gap:9px;padding:0 0 12px;scroll-snap-align:center}
 .film-choice .thumb,.film-choice[data-format="portrait"] .thumb,.film-choice[data-format="wide"] .thumb{width:100%;height:auto;aspect-ratio:16/9;justify-self:auto;background:#111719}
 .film-choice img{width:100%;height:100%;object-fit:cover;opacity:.58;filter:saturate(.35)}
 .film-choice>span:last-child{display:block;min-width:0}
 .film-choice small{margin-bottom:5px;font-size:6.5px;letter-spacing:.12em}
 .film-choice strong{font-size:18px;line-height:1.05;text-wrap:balance}
 .film-choice[aria-pressed="true"] .thumb{box-shadow:inset 0 0 0 1px var(--blue)}
}
/* Footage-led covers and single-decoder hover sampling. */
.film-choice .thumb{isolation:isolate}.hover-film{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#080b0e;z-index:2;pointer-events:none}.is-previewing .thumb:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--blue);z-index:3;transform-origin:left;animation:preview-time 2s linear forwards}@keyframes preview-time{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.film-end{position:absolute;inset:0;z-index:5;background:#070b10f5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:12px;text-align:center}.film-end[hidden]{display:none}.film-end .end-label{font-size:9px!important;letter-spacing:.16em;color:#a8b1b5;margin:0}.film-end>img{width:110px;height:82px;object-fit:contain}.film-end>strong{font:400 clamp(22px,2.5vw,34px)/1 'Bebas Neue',sans-serif;max-width:260px}.film-end button{font:600 11px Montserrat,sans-serif;cursor:pointer;min-height:44px;padding:10px 18px;border:1px solid var(--line);background:transparent;color:var(--white)}.film-end .watch-next{background:var(--blue);border-color:var(--blue);color:#06131d;margin-top:5px}.film-end .replay-film{border:0;color:#bdcbd5}.film-end button:hover{filter:brightness(1.18)}.film-share{margin-top:22px}.copy-film{display:inline-flex;align-items:center;gap:9px;background:transparent;border:0;padding:0;min-height:44px;color:var(--blue2);font:400 11px Montserrat,sans-serif;cursor:pointer}.copy-film svg{height:17px;width:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.film-share input{width:100%;padding:10px;background:#0b0d0e;border:1px solid var(--line);color:#f4f7f8;font:12px Montserrat,sans-serif}.film-share input[hidden]{display:none}.lab-enhanced .film figcaption h2.film-title-long{font-size:clamp(2.25rem,3.15vw,3.5rem);line-height:.96}.lab-enhanced .film .film-process[open]{max-height:none!important;overflow:visible}.film-process strong{color:#f4f7f8;font-weight:600}.film-process .film-attribution{color:#93a3ad;font-size:.69rem!important;border-top:1px solid var(--line);padding-top:12px;margin-top:14px}
@media(max-width:650px){.film-end{padding:12px;gap:7px}.film:not(.portrait) .film-end>img{display:none}.film:not(.portrait) .film-end>strong{font-size:23px}.film:not(.portrait) .film-end .end-label{display:none}.film:not(.portrait) .film-end button{padding:6px 15px;min-height:40px}.film-share{margin-top:16px}.lab-enhanced .film figcaption h2.film-title-long{font-size:2.35rem}}
