.courier{width:1px;height:var(--fall);background:linear-gradient(#edba7200,#edba7226);position:absolute;bottom:0;left:50%}.courier>span{background:var(--gold);opacity:0;border-radius:50%;width:5px;height:5px;animation:3.8s cubic-bezier(.5,0,.3,1) 1.6s infinite courier;position:absolute;top:0;left:-2px;box-shadow:0 0 10px #edba72b0}.courier>span:before{content:"";transform-origin:50% 100%;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(#edba7200,#edba72cc);width:4px;height:30px;animation:3.8s cubic-bezier(.5,0,.3,1) 1.6s infinite wake;position:absolute;bottom:2.5px;left:.5px}@keyframes courier{0%{opacity:0;transform:translateY(0)}8%{opacity:1}46%{opacity:1;transform:translateY(calc(var(--fall) - 5px))}60%,to{opacity:0;transform:translateY(calc(var(--fall) - 5px))}}@keyframes wake{0%,6%{transform:scaleY(0)}26%{transform:scaleY(1)}46%,to{transform:scaleY(0)}}@media (prefers-reduced-motion:reduce){.courier>span{display:none}}.film{--film-gap:clamp(12px, 3svh, 32px);--fall:clamp(36px, 6svh, 64px);width:min(1360px, calc(100% - var(--gutter) * 2));min-height:100vh;min-height:100dvh;padding:calc(var(--header-h) + var(--film-gap)) 0;view-timeline:--film block;scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;justify-content:center;margin-inline:auto;display:flex;position:relative}.film-glow{z-index:-1;pointer-events:none;filter:blur(20px);background:radial-gradient(#b98a3a26 0%,#8a6c2512 40%,#0000 70%);width:120%;height:70%;position:absolute;top:50%;left:50%;translate:-50% -50%}.film-frame{--room:calc(100svh - var(--header-h) * 2 - var(--film-gap) * 2);aspect-ratio:16/9;width:min(100%, calc(var(--room) * 16 / 9));isolation:isolate;background:#0d0d0c;border-radius:18px;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,inset 0 1px #ffffff14,0 50px 120px -30px #000d,0 0 90px #edba720c;container-type:inline-size}.film-frame video,.film-poster img{object-fit:cover;background:#0d0d0c;width:100%;height:100%;display:block}.film-frame video{cursor:pointer}.film-poster{pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.film-frame[data-started=true] .film-poster{opacity:0}.film-cue{color:#201a12;background:var(--gold);pointer-events:none;opacity:0;border-radius:50%;place-items:center;width:76px;height:76px;margin:-38px 0 0 -38px;padding-left:4px;transition:opacity .25s,scale .25s;display:grid;position:absolute;top:50%;left:50%;scale:.9;box-shadow:0 0 0 8px #edba7222,0 12px 40px #0008}.film-frame[data-mode=paused]:not([data-scrubbing=true]) .film-cue{opacity:1;scale:1}.film-controls{pointer-events:none;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.film-frame[data-playing=true]:not(:hover,:focus-within) :is(.film-button:not([data-invite=true]),.film-scrub){opacity:.55}.film-button,.film-scrub{pointer-events:auto;-webkit-backdrop-filter:blur(12px)saturate(140%);background:#1a1a18b8;border:1px solid #ffffff1c;border-radius:999px;height:36px;transition:opacity .3s,background .2s,border-color .2s,color .2s}.film-button{color:#f1f0e9;flex:none;justify-content:center;align-items:center;gap:8px;min-width:36px;padding:0 11px;font-size:13px;font-weight:500;display:inline-flex}.film-button:hover,.film-scrub:hover{background:#2a2925d0;border-color:#ffffff30}:is(.film-button:focus-visible,.film-scrub:focus-visible){outline:2px solid var(--gold);outline-offset:3px}.film-button[data-invite=true]{color:#201a12;background:var(--gold);border-color:#f5cb8d;padding-inline:13px 15px}.film-button[data-invite=true]:hover{background:#f4ca8e}.film-scrub{--at:0;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;flex:1;align-items:center;min-width:0;padding:0 16px;display:flex}.film-track{background:#ffffff24;border-radius:2px;flex:1;height:4px;position:relative}.film-fill{inset:0 calc((1 - var(--at)) * 100%) 0 0;border-radius:inherit;background:linear-gradient(90deg, #edba7266, var(--gold));position:absolute}.film-thumb{top:50%;left:calc(var(--at) * 100%);background:var(--gold);opacity:0;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;transition:opacity .15s,scale .15s;position:absolute;scale:.5;box-shadow:0 0 0 3px #edba7233,0 2px 6px #0008}.film-scrub:is(:hover,:focus-visible) .film-thumb,.film-frame[data-scrubbing=true] .film-thumb{opacity:1;scale:1}.film-frame[data-scrubbing=true] .film-scrub{cursor:grabbing}@media (hover:none){.film-thumb{opacity:1;scale:1}}@container (width<=520px){.film-controls{flex-wrap:wrap;row-gap:8px}.film-scrub{flex-basis:100%;order:-1;height:30px}}.film-error{color:#aaa99f;text-align:center;margin:16px 0 0;font-size:14px;display:block}.film-error a{color:var(--gold);text-underline-offset:3px;text-decoration:underline}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.film-frame{transform-origin:50% 100%;animation:linear both film-rise;animation-timeline:--film;animation-range:entry}}}@keyframes film-rise{0%{opacity:.6;transform:perspective(1800px)rotateX(9deg)scale(.93)}}@media (max-aspect-ratio:2/3){.film-frame{aspect-ratio:9/16;width:min(100%, calc(var(--room) * 9 / 16));border-radius:20px}}@media (max-width:760px){.film-controls{bottom:12px;left:12px;right:12px}.film-cue{width:64px;height:64px;margin:-32px 0 0 -32px}}