.film{height:100svh;position:relative;overflow:hidden;perspective:1500px;background:#000}.film canvas.film-gl{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.film-mark,.film-markfly{position:absolute;top:53%;left:50%;transform:translate(-50%,-50%);pointer-events:none;white-space:nowrap;font-weight:900;font-family:var(--face);font-size:clamp(58px,13.6vw,208px);letter-spacing:-.05em;line-height:1;margin:0}.film-mark{opacity:0;color:transparent;background-image:radial-gradient(circle 38vw at var(--bx, 50%) 42%,rgba(255,246,230,1) 0%,rgba(235,230,220,.82) 40%,rgba(148,150,160,.28) 68%,rgba(54,56,66,.08) 100%);-webkit-background-clip:text;background-clip:text}.film-markfly{color:#cfcbc2;transform-style:preserve-3d}.film-markfly .fl{display:inline-block;backface-visibility:hidden;will-change:transform}.film-markfly .fdot,.film-dot{color:#ff3600;opacity:0}.film-sub{pointer-events:none;position:absolute;top:calc(53% + clamp(58px,11vw,168px));left:50%;transform:translate(-50%);font-size:clamp(13px,1.25vw,19px);letter-spacing:.3em;text-transform:uppercase;color:#ededeadb;font-weight:500;opacity:0;margin:0;white-space:nowrap}.film-sub .who{color:#ededea80;font-weight:400}.film-cue{pointer-events:none;position:absolute;bottom:30px;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#ededea66;opacity:0;margin:0}.film-shard{position:absolute;top:50%;left:50%;width:42px;height:42px;background:#0024ff;will-change:transform,opacity;opacity:0;pointer-events:none}.film-shard.s2{background:#0016a8}.film-shard.s3{background:#3d5afe;width:26px;height:26px}.film-shard.tri{clip-path:polygon(50% 0,100% 100%,0 100%)}.film-shard.quad{clip-path:polygon(20% 0,100% 15%,80% 100%,0 70%)}.corr{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.001;pointer-events:none}.dolly{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.film:not(.film--static) .piece.card,.film:not(.film--static) .piece.card:hover{transform:none!important;will-change:auto;opacity:0;background:transparent!important;box-shadow:none!important;overflow:visible}.film:not(.film--static) .card .win{background:transparent}.film:not(.film--static) .card .win{box-shadow:none}.film:not(.film--static) .card .win img{opacity:0;height:100%!important}.film:not(.film--static) .card .veil,.film:not(.film--static) .card .halo,.film:not(.film--static) .card .cnum{display:none}.film .piece.card{position:absolute;top:50%;left:50%;width:min(40vw,620px);display:block;text-decoration:none;color:inherit;pointer-events:none;will-change:transform}.film .card .veil{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;pointer-events:none;z-index:2}.film .card .halo{position:absolute;left:50%;top:-12vh;transform:translate(-50%);width:120%;height:12vh;pointer-events:none;background:radial-gradient(ellipse 50% 95% at 50% 100%,rgba(255,238,210,.17),transparent 70%)}.film .card .win{overflow:hidden;box-shadow:0 34px 90px #000000a6;margin:0}.film .card .win img{width:100%;height:min(30vw,460px);object-fit:cover;display:block;will-change:transform}.film .card .cnum{position:absolute;right:-8%;top:-22%;z-index:-1;font-weight:900;font-size:22vh;line-height:1;letter-spacing:-.06em;color:#ededea0e}.film .card .cap{margin-top:14px;overflow:hidden}.film .card .capin{will-change:transform}.film .card .ct{font-weight:700;font-size:17px;letter-spacing:-.02em;color:#ededea}.film .card .cm{font-weight:400;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#ededea80;margin-top:4px}.corr-chapter{position:absolute;top:9%;left:var(--gutter);overflow:hidden;opacity:0}.corr-chapter .in{font-weight:900;font-size:clamp(26px,4.2vw,58px);letter-spacing:-.045em;will-change:transform;color:#ededea;margin:0}.corr-chapter em{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-style:italic}.corr-count{position:absolute;bottom:6%;left:var(--gutter);font-size:12px;letter-spacing:.22em;color:#ededea99;font-variant-numeric:tabular-nums;opacity:0;margin:0}.corr-count b{color:#ededea;font-weight:700}.film:not(.film--static) .piece.card[data-hit="1"]{pointer-events:auto;cursor:pointer}.film-grain{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;width:200%;height:200%;pointer-events:none;z-index:8;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E")}@media(prefers-reduced-motion:no-preference){.film-grain{animation:film-grain .9s steps(4) infinite}}@keyframes film-grain{0%{transform:translate(0)}25%{transform:translate(-2%,1.4%)}50%{transform:translate(1.2%,-1.8%)}75%{transform:translate(-1.6%,-.8%)}to{transform:translate(0)}}.film--gl .film-mark,.film--gl .film-markfly,.film--gl .film-shard{opacity:0!important;visibility:hidden}.film--strip .piece.card .cap{position:absolute;left:0;right:0;bottom:0;margin:0;padding:0 5.5% 4.5%;background:linear-gradient(to top,#0000009e,#0000)}.film--strip .piece.card .ct{color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.9)}.film--strip .piece.card .cm{color:#ffffffb8;text-shadow:0 2px 12px rgba(0,0,0,.9)}@media(max-width:900px){.film .piece.card{position:absolute;left:50%!important;top:50%!important;width:min(40vw,620px)!important;height:auto!important;margin:0!important}.film .card .win{height:auto}.film .card .win img{height:min(30vw,460px)}}@media(max-width:700px){.film-mark,.film-markfly{font-size:17vw}.film-sub{font-size:12px;letter-spacing:.22em;top:calc(53% + 74px);white-space:normal;text-align:center;width:86vw;line-height:1.7}.film .piece.card{width:78vw!important}.film .card .win img{height:56vw}.film .card .cnum{font-size:14vh;right:-4%;top:-16%}}.film.film--static{height:auto;overflow:visible;perspective:none}.film.film--static .film-markfly,.film.film--static .film-shard,.film.film--static .film-cue,.film.film--static canvas.film-gl,.film.film--static .film-grain{display:none}.film.film--static .film-mark{position:static;transform:none;opacity:1;display:block;padding:22vh var(--gutter) 6vh;text-align:center}.film.film--static .film-sub{position:static;transform:none;opacity:1;text-align:center}.film.film--static .film-sub{padding-bottom:10vh}.film.film--static .corr{position:static;opacity:1;perspective:none;pointer-events:auto}.film.film--static .piece.card{pointer-events:auto}.film.film--static .dolly{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;padding:0 var(--gutter) 12vh}.film.film--static .piece.card{position:static!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;transform:none!important}.film.film--static .card .veil{display:none}.film.film--static .card .capin{transform:none!important}.film.film--static .card .win img{transform:none!important;height:auto;aspect-ratio:4 / 3}.film.film--static .corr-chapter,.film.film--static .corr-count,.loader--film .loader-mark{display:none}.pin-spacer:has(.film)+.room,.pin-spacer:has(.film)+.suite{margin-top:-100svh;position:relative;z-index:1}.film--merc .film-mark,.film--merc .film-markfly,.film--merc .film-shard{opacity:0!important;visibility:hidden}.film-load{position:absolute;left:0;right:0;bottom:0;height:1px;z-index:2;background:#ededea6b;transform-origin:0 50%;transform:scaleX(0);pointer-events:none}.film.film--static .film-load{display:none}