.filmography{background:#050505}.film-project{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;isolation:isolate}.film-project__image{position:absolute;inset:-4%;z-index:-2;background-image:var(--film-image),radial-gradient(circle at 65% 42%,#758289,#202a2d 35%,#060708 72%);background-size:cover;background-position:center;transform:scale(1.12);will-change:transform}.film-project__image::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.15) 53%,rgba(0,0,0,.32) 100%),linear-gradient(0deg,rgba(0,0,0,.5),transparent 40%)}.film-project__content{width:min(46rem,82vw);margin-left:var(--page-padding);padding-top:var(--nav-height);will-change:transform}.film-project__awards{display:flex;gap:.85rem;margin-bottom:1.65rem}.award-mark{width:4.62rem;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(255,255,255,.36);font-size:.7rem;line-height:1;text-align:center;letter-spacing:.03em;color:rgba(255,255,255,.8)}.award-mark--image{height:4.62rem;object-fit:contain;border:0}.film-project h2{margin:0;font-size:clamp(1.98rem,4.61vw,5.4rem);line-height:.9;letter-spacing:-.045em;text-transform:uppercase}.film-project__meta{display:flex;align-items:center;gap:1.3rem;margin:1.6rem 0 0;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.65)}.film-project__meta-separator{font-size:.52rem;opacity:.72}.film-project__count{position:absolute;right:var(--page-padding);bottom:2rem;font-size:.62rem;letter-spacing:.15em;color:rgba(255,255,255,.55)}
.film-project__actions{display:flex;gap:.65rem;margin-top:1.6rem}.film-button{display:inline-flex;min-width:7.6rem;align-items:center;justify-content:center;border:0;border-radius:999px;padding:.76rem 1.25rem;background:#f8f8f5;color:#080808;font-size:.62rem;letter-spacing:.11em;text-transform:uppercase;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.film-button--secondary{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}.film-button:hover{transform:translateY(-2px)}.film-button--secondary:hover{background:#f8f8f5;color:#080808}.trailer-dialog{width:min(92vw,72rem);max-width:none;padding:0;border:0;background:#000;color:#fff;overflow:visible;opacity:0;transform:translateY(1.25rem) scale(.975);transition:opacity 650ms var(--ease-soft),transform 650ms var(--ease-premium)}.trailer-dialog.is-visible{opacity:1;transform:none}.trailer-dialog::backdrop{background:rgba(0,0,0,0);backdrop-filter:blur(0);transition:background 650ms var(--ease-soft),backdrop-filter 650ms var(--ease-soft)}.trailer-dialog.is-visible::backdrop{background:rgba(0,0,0,.86);backdrop-filter:blur(14px)}.trailer-dialog__frame{position:relative;aspect-ratio:16/9;background:#000;box-shadow:0 2rem 6rem rgba(0,0,0,.45)}.trailer-dialog iframe{display:block;width:100%;height:100%;border:0}.trailer-dialog__close{position:absolute;right:0;bottom:calc(100% + 1rem);border:0;background:none;padding:.5rem 0;color:#fff;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;opacity:.7}.trailer-dialog__close:hover{opacity:1}
@media(max-width:700px){.film-project{align-items:flex-end}.film-project__content{width:calc(100% - 2*var(--page-padding));margin:0 var(--page-padding);padding:0 0 16vh}.film-project h2{font-size:clamp(1.8rem,9.36vw,3.24rem)}.award-mark{width:4.2rem}.award-mark--image{height:4.2rem}.film-project__actions{flex-wrap:wrap;margin-top:1.25rem}.film-button{min-width:7rem;padding:.7rem 1rem}.film-project__image::before{background:linear-gradient(0deg,rgba(0,0,0,.88),transparent 65%),linear-gradient(90deg,rgba(0,0,0,.3),transparent)}.film-project__count{bottom:1.25rem}}