.film-loader{z-index:50;background:radial-gradient(circle at 50% 48%,#ffffff1f,#0000 28%),linear-gradient(#0b0b0a 0%,#020202 100%);place-items:center;transition:opacity .8s,visibility .8s;display:grid;position:fixed;inset:0}.film-loader.is-ready{opacity:0;visibility:hidden;pointer-events:none}.film-loader>div{text-transform:uppercase;gap:12px;min-width:min(360px,100vw - 42px);display:grid}.film-loader span,.film-loader em{color:#f7f4ed94;letter-spacing:.18em;font-size:11px;font-style:normal}.film-loader strong{letter-spacing:0;font-size:72px;line-height:.9;display:block}.film-loader:after{content:"";transform-origin:0;background:linear-gradient(90deg,#0000,#f7f4edc7,#0000);width:min(360px,100vw - 42px);height:1px;animation:1.2s ease-in-out infinite filmLoadSweep}@keyframes filmLoadSweep{0%{opacity:.25;transform:scaleX(0)}45%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.machine-film{color:#f7f4ed;background:#050505;width:100vw;height:100dvh;position:fixed;top:0;left:0;overflow:hidden}.machine-film-canvas{z-index:0;width:100%;height:100%;transform:scale(calc(1 + var(--film-fade,0) * .08));filter:blur(calc(var(--film-fade,0) * 14px)) saturate(calc(1 - var(--film-fade,0) * .5)) brightness(calc(1 - var(--film-fade,0) * .35));will-change:transform, filter;background:#050505;display:block;position:absolute;inset:0}.machine-film-veil{z-index:1;pointer-events:none;opacity:var(--film-fade,0);will-change:opacity;background:radial-gradient(120% 90% at 50% 42%,#280c0e8c,#0000 60%),#060606;position:absolute;inset:0}.machine-film-veil:after{content:"";opacity:.5;mix-blend-mode:screen;background-image:radial-gradient(circle at 20% 30%,#ffffff0a 0 1px,#0000 1px),radial-gradient(circle at 70% 60%,#ffffff08 0 1px,#0000 1px);background-size:3px 3px,4px 4px;position:absolute;inset:0}.machine-film-copy{z-index:2;pointer-events:none;--reveal:clamp(0, calc((var(--film-fade,0) - .5) / .5), 1);opacity:var(--reveal);will-change:opacity;align-content:center;gap:22px;padding:8vw 9vw;display:grid;position:absolute;inset:0}.machine-film-copy p{color:#ff2d37;letter-spacing:.22em;text-transform:uppercase;width:fit-content;transform:translateX(calc((1 - var(--reveal)) * -24px));margin:0;padding-left:56px;font-size:12px;font-weight:800;position:relative}.machine-film-copy p:before{content:"";width:calc(40px * var(--reveal));background:#ff2d37;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.machine-film-copy h1{width:min(1100px,100%);font-family:var(--font-serif,"Fraunces", serif);letter-spacing:-.015em;text-wrap:balance;transform:translateY(calc((1 - var(--reveal)) * 40px)) scale(calc(.96 + var(--reveal) * .04));clip-path:inset(0 0 calc((1 - var(--reveal)) * 100%) 0);transform-origin:0 100%;margin:0;font-size:clamp(50px,7.6vw,132px);line-height:.92}.machine-film-copy>span{color:#f7f4edbd;width:min(620px,100%);transform:translateY(calc((1 - var(--reveal)) * 20px));font-size:18px;line-height:1.45}.machine-film-top{z-index:5;letter-spacing:.2em;text-transform:uppercase;color:#fff;mix-blend-mode:difference;pointer-events:none;justify-content:space-between;padding:22px 32px;font-size:11px;display:flex;position:absolute;top:0;left:0;right:0}.machine-film-progress{z-index:5;background:#ffffff1f;height:3px;position:absolute;bottom:0;left:0;right:0}.machine-film-progress-fill{transform-origin:0;background:linear-gradient(90deg,#d71920,#f7f4ed);height:100%;transition:transform .32s cubic-bezier(.19,1,.22,1)}@media (max-width:760px){.machine-film-top{padding:16px 18px}.machine-film-copy{padding:22vh 22px}.machine-film-copy h1{font-size:clamp(38px,11vw,64px)}.machine-film-copy>span{font-size:16px}}.machine-film.is-rotated{transform-origin:50%;width:100dvh;height:100dvw;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)rotate(90deg)}.machine-film-rotate-hint{z-index:45;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;letter-spacing:.02em;white-space:nowrap;pointer-events:none;background:#0c0f14b8;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;padding:9px 15px;font-size:13px;font-weight:600;display:inline-flex;position:fixed}.machine-film-rotate-hint span{font-size:17px;display:inline-block}.machine-film.is-rotated .machine-film-rotate-hint{top:50%;right:22px;transform:translateY(-50%)rotate(-90deg)}