.film-gallery{--paper:#ece9e2;--ink:#222;min-height:100svh;background:var(--paper);color:var(--ink);padding:28px 0 18px;transition:background .4s,color .4s;overflow:hidden}.film-gallery.night{--paper:#171715;--ink:#efede6}.gallery-header{display:flex;align-items:flex-start;justify-content:space-between;padding:0 28px;font-size:12px;line-height:1.2}.gallery-logo{font-size:15px;letter-spacing:-.04em}.gallery-header nav{display:flex;flex-direction:column;gap:3px}.gallery-discipline{margin-left:auto;margin-right:16vw}.theme-switch{border:0;background:none;color:inherit;cursor:pointer;font-size:11px;display:flex;flex-direction:column;align-items:flex-end}.theme-switch span{opacity:.4}.theme-switch .chosen{opacity:1}.theme-switch .chosen:before{content:"• "}.gallery-intro{display:flex;align-items:flex-end;justify-content:space-between;margin:90px 28px 34px;gap:24px}.gallery-eyebrow{font-size:10px;letter-spacing:.12em;opacity:.6}.gallery-intro h1{font-size:clamp(36px,5.5vw,88px);font-weight:400;letter-spacing:-.055em;line-height:1.1;margin:12px 0}.gallery-intro p{font-size:15px;opacity:.65}.gallery-intro nav{display:flex;gap:20px;font-size:12px}.gallery-intro nav a{opacity:.45;padding-bottom:5px}.gallery-intro nav a[aria-current]{opacity:1;border-bottom:1px solid}.film-track{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;align-items:stretch;padding:0 max(24px,calc((100vw - min(66vw,1100px))/2));height:clamp(360px,53vh,720px);touch-action:pan-y;outline-offset:-2px}.film-card{position:relative;border:0;padding:0;background:#333;color:#fff;flex:0 0 13vw;min-width:120px;overflow:hidden;border-radius:5px;cursor:pointer;transition:flex-basis .5s cubic-bezier(.22,1,.36,1);text-align:left}.film-card.active{flex-basis:min(66vw,1100px)}.film-card img{object-fit:cover;transition:transform .65s}.film-card:hover img{transform:scale(1.04)}.film-shade{position:absolute;inset:0;background:linear-gradient(transparent 35%,#000a)}.film-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;border:1px solid #fff8;backdrop-filter:blur(8px);border-radius:50%;display:grid;place-items:center;font-size:20px;opacity:0;transition:opacity .4s}.film-card.active .film-play{opacity:1}.film-card-info{position:absolute;bottom:24px;left:24px;right:20px;opacity:0;transition:opacity .3s}.film-card.active .film-card-info{opacity:1}.film-title{font-size:clamp(20px,2vw,32px);line-height:1.2;display:block}.film-label{display:block;opacity:.7;font-size:13px;margin-top:6px}.gallery-bottom{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;font-size:11px;letter-spacing:.05em}.gallery-arrows{display:flex;gap:20px}.gallery-arrows button{background:none;border:0;color:inherit;font-size:26px;cursor:pointer}.gallery-arrows button:disabled{opacity:.2;cursor:default}.channel-link{display:block;text-align:center;font-size:11px;letter-spacing:.1em;margin-top:10px}.film-dialog{border:0;padding:0;background:transparent;color:#fff;width:min(1200px,94vw);max-width:94vw;max-height:95svh;margin:auto}.film-dialog::backdrop{background:#000e;backdrop-filter:blur(12px)}.film-player-shell{background:#171717;padding:20px}.film-player-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.film-player-heading h2{font-size:20px;font-weight:400}.film-player-heading button{color:white;background:none;border:0;cursor:pointer;font-size:12px}.film-player-shell iframe{width:100%;aspect-ratio:16/9;max-height:72svh;border:0;background:black;display:block}.film-player-shell>a{display:block;text-align:right;font-size:12px;margin-top:16px;color:#aaa}@media(max-width:767px){.film-gallery{padding-top:20px}.gallery-header{padding:0 16px}.gallery-discipline{display:none}.gallery-intro{margin:70px 16px 24px;align-items:flex-start;flex-direction:column}.gallery-intro nav{gap:16px;flex-wrap:wrap}.gallery-intro p{font-size:13px}.film-track{height:52svh;min-height:340px;padding-left:7vw;padding-right:7vw}.film-card{flex-basis:18vw;min-width:70px}.film-card.active{flex-basis:86vw}.film-card-info{left:18px;bottom:20px}.film-play{width:56px;height:56px}.gallery-bottom{padding:18px 16px}.gallery-hint{font-size:8px;max-width:150px;text-align:center}.film-player-shell{padding:12px}.film-player-heading h2{font-size:16px}}@media(prefers-reduced-motion:reduce){.film-card,.film-card img,.film-gallery{transition:none}}@media(min-width:768px){.gallery-header nav{margin-left:14vw}}