.film-deck{min-height:calc(100svh - var(--nav-height));padding:clamp(2rem, 5vw, 4rem) var(--page-pad) 2rem;background:var(--color-bg-base);grid-template-rows:minmax(22rem,1fr) auto auto;align-items:center;display:grid;position:relative;overflow:hidden}.film-deck__stage{touch-action:pan-y;perspective:1100px;width:100%;height:min(58svh,620px);position:relative}.film-card{--film-offset:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-night);width:min(56vw,780px);height:min(52svh,560px);box-shadow:var(--shadow-media);cursor:pointer;transform:translate3d(calc(-50% + var(--film-offset-x)), -50%, var(--film-depth)) rotateY(var(--film-rotation)) scale(var(--film-scale));opacity:var(--film-opacity);filter:brightness(var(--film-brightness));padding:0;transition:transform .46s cubic-bezier(.16,1,.3,1),opacity .36s,filter .36s;position:absolute;top:50%;left:50%;overflow:hidden}.film-card:disabled{pointer-events:none;cursor:not-allowed;opacity:0}.film-card:hover:not(:disabled){border-color:var(--color-border-strong);filter:brightness(1.02)}.film-card:active:not(:disabled){transform:translate3d(calc(-50% + var(--film-offset-x)), -50%, var(--film-depth)) rotateY(var(--film-rotation)) scale(var(--film-active-scale))}.film-card:focus-visible{box-shadow:0 0 0 2px var(--color-bg-base), 0 0 0 4px var(--color-focus), var(--shadow-media)}.film-card img,.film-card video{object-fit:contain;background:var(--color-bg-night);width:100%;height:100%}.film-card__play{right:var(--space-4);bottom:var(--space-4);border-radius:var(--radius-full);min-width:3.2rem;height:3.2rem;color:var(--color-text-inverse);font-family:var(--font-mono);background:#120f176b;border:1px solid #ffffff7a;place-items:center;font-size:.62rem;display:grid;position:absolute}.film-control{z-index:10;border:1px solid var(--color-border-strong);border-radius:var(--radius-full);width:3rem;height:3rem;color:var(--color-text-primary);background:color-mix(in srgb, var(--color-bg-base) 82%, transparent);cursor:pointer;place-items:center;transition:color .15s,background .15s,transform .15s;display:grid;position:absolute;top:42%}.film-control--prev{left:var(--page-pad)}.film-control--next{right:var(--page-pad)}.film-control:hover{color:var(--color-text-inverse);background:var(--color-text-primary)}.film-control:active{transform:scale(.94)}.film-control:disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.film-deck__caption{z-index:2;width:min(100%,52rem);margin:var(--space-4) auto 0;text-align:center}.film-deck__caption h2{margin:var(--space-3) 0 var(--space-2);font-family:var(--font-display);letter-spacing:-.055em;font-size:clamp(2.4rem,5vw,5rem);font-weight:600;line-height:1}.film-deck__caption>p:last-child{max-width:38rem;color:var(--color-text-muted);margin:0 auto;line-height:1.65}.film-deck__dots{justify-content:center;gap:var(--space-2);margin-top:var(--space-6);display:flex}.film-deck__dots button{background:var(--color-border-strong);cursor:pointer;border:0;width:1.8rem;height:3px;padding:0;transition:width .15s,background .15s,transform .15s}.film-deck__dots button.is-active{background:var(--color-brand);width:3rem}.film-deck__dots button:hover{background:var(--color-text-primary)}.film-deck__dots button:active{transform:scaleX(.9)}.film-deck__dots button:disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.film-viewer{z-index:300;background:#08070af5;place-items:center;padding:clamp(1rem,4vw,3rem);display:grid;position:fixed;inset:0}.film-viewer video{background:#000;width:min(92vw,1100px);max-height:88svh}.film-viewer button{top:var(--space-6);right:var(--space-6);border-radius:var(--radius-full);width:2.75rem;height:2.75rem;color:var(--color-text-inverse);cursor:pointer;background:0 0;border:1px solid #ffffff75;place-items:center;font-size:1.6rem;display:grid;position:fixed}.film-viewer button:hover{color:var(--color-text-primary);background:var(--color-text-inverse)}.film-viewer button:active{transform:scale(.94)}.film-viewer button:disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.film-deck--skeleton{gap:var(--space-4)}.film-skeleton__stage{background:var(--color-bg-subtle);width:min(56vw,780px);height:min(52svh,560px);margin-inline:auto;animation:1.4s ease-in-out infinite film-pulse}.film-deck--skeleton span{background:var(--color-border);width:min(28rem,70%);height:1rem;margin-inline:auto;animation:1.4s ease-in-out infinite film-pulse}.film-deck__empty{gap:var(--space-3);text-align:center;place-content:center;min-height:75svh;display:grid}.film-deck__empty h2,.film-deck__empty p{margin:0}@keyframes film-pulse{50%{opacity:.45}}@media (width<=760px){.film-deck{min-height:calc(100svh - var(--nav-height));grid-template-rows:minmax(20rem,1fr) auto auto;padding-inline:.8rem}.film-deck__stage{height:min(55svh,560px)}.film-card{width:min(76vw,420px);height:min(52svh,520px);transform:translate3d(calc(-50% + var(--film-mobile-offset-x)), -50%, var(--film-mobile-depth)) scale(var(--film-mobile-scale))}.film-card:active:not(:disabled){transform:translate3d(calc(-50% + var(--film-mobile-offset-x)), -50%, var(--film-mobile-depth)) scale(var(--film-mobile-active-scale))}.film-control{width:2.6rem;height:2.6rem;top:39%}.film-control--prev{left:.7rem}.film-control--next{right:.7rem}}@media (prefers-reduced-motion:reduce){.film-card{transition:none}.film-skeleton__stage,.film-deck--skeleton span{animation:none}}.films-intro[data-astro-cid-vkx6vqww]{align-content:end;gap:var(--space-4);min-height:34svh;padding-top:calc(var(--nav-height) + var(--space-16));padding-bottom:var(--space-6);display:grid}.films-intro[data-astro-cid-vkx6vqww] h1[data-astro-cid-vkx6vqww]{max-width:none;font-family:var(--font-display);letter-spacing:-.06em;margin:0;font-size:clamp(3rem,5.2vw,6rem);font-weight:600;line-height:.98}.films-intro[data-astro-cid-vkx6vqww]>p[data-astro-cid-vkx6vqww]:last-child{max-width:38rem;color:var(--color-text-muted);margin:0;line-height:1.75}@media (width<=760px){.films-intro[data-astro-cid-vkx6vqww] h1[data-astro-cid-vkx6vqww]{overflow-wrap:anywhere;max-width:100%;font-size:clamp(2.35rem,10.5vw,2.75rem)}.films-intro[data-astro-cid-vkx6vqww]>p[data-astro-cid-vkx6vqww]:last-child{overflow-wrap:anywhere;max-width:100%}}
