.film{--film-night: #0B2B33;--film-deep: #06191F;--film-cream: #F1EDE4;--film-gold: #D8A657;position:relative;color:var(--film-cream);overflow:hidden;background:radial-gradient(70% 55% at 50% 38%,#1b6e7657,#0b2b3300 70%),linear-gradient(180deg,#0D323B 0%,var(--film-night) 34%,var(--film-deep) 100%);padding:clamp(1.1rem,2.6vw,2.2rem) clamp(14px,3vw,40px) clamp(2rem,4.5vw,3.6rem)}.film-grain{position:absolute;inset:-50%;width:200%;height:200%;pointer-events:none;opacity:.13;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:film-grain 1.1s steps(6) infinite}@keyframes film-grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}html.film-anim .film [data-in]{opacity:0}.film-inner{position:relative;max-width:1320px;margin:0 auto;display:grid;justify-items:center;gap:clamp(.9rem,2vw,1.5rem)}.film-head{text-align:center;display:grid;gap:.5rem;justify-items:center;max-width:60rem}.film-eyebrow{margin:0;font-size:clamp(10.5px,1.1vw,12.5px);letter-spacing:.3em;text-transform:uppercase;font-weight:700;color:var(--film-gold);display:inline-flex;align-items:center;gap:.9em}.film-eyebrow:before,.film-eyebrow:after{content:"";width:clamp(18px,4vw,44px);height:1px;background:linear-gradient(90deg,transparent,var(--film-gold))}.film-eyebrow:after{transform:scaleX(-1)}.film-h1{margin:0;font-family:Fraunces,Playfair Display,Georgia,serif;font-weight:400;font-optical-sizing:auto;font-size:clamp(1.85rem,4.4vw,3.6rem);line-height:1.04;letter-spacing:-.02em;color:var(--film-cream);text-wrap:balance}.film-h1 .w{display:inline-block;will-change:transform,opacity}.film-h1 em{font-style:italic;color:#f4d9a6}.film-figure{margin:0;width:100%;max-width:min(1240px,max(320px,calc((100svh - 17rem)*1.8935)));display:grid;gap:clamp(.8rem,1.6vw,1.2rem);position:relative}.film-frame{position:relative;aspect-ratio:1920 / 1014;background:#031014;border-radius:clamp(8px,1.2vw,16px);overflow:hidden;box-shadow:0 0 0 1px #d8a65747,0 36px 90px -30px #000c,0 0 140px -40px #d8a6572e;transition:box-shadow 1.4s ease}.film-video,.film-poster{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;background:#031014}.film-veil{position:absolute;inset:0;pointer-events:none;background:radial-gradient(90% 90% at 50% 50%,#06191f00 40%,#06191f80),linear-gradient(0deg,#06191f8c,#06191f00 38%);transition:opacity .8s ease}.film.is-playing .film-veil,.film.is-started .film-veil{opacity:0}.film-play{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;background:none;color:var(--film-cream);cursor:pointer;display:grid;place-items:center;font:inherit;-webkit-tap-highlight-color:transparent}.film-play[hidden]{display:none}.film-play[disabled]{cursor:progress}.film-play-disc{position:relative;width:clamp(64px,9vw,112px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--film-cream);color:var(--film-night);box-shadow:0 18px 50px -12px #000000a6;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .25s ease}.film-play-disc svg{margin-left:5%;width:38%;height:auto}.film-play-disc:before,.film-play-disc:after{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--film-gold);opacity:0;animation:film-ring 2.8s cubic-bezier(.2,.6,.3,1) infinite}.film-play-disc:after{animation-delay:1.4s}@keyframes film-ring{0%{transform:scale(1);opacity:.75}to{transform:scale(1.75);opacity:0}}.film-play:hover .film-play-disc{transform:scale(1.06);background:#fff}.film-play:focus-visible{outline:3px solid var(--film-gold);outline-offset:-8px;border-radius:inherit}.film-play-chip{position:absolute;left:50%;bottom:clamp(10px,3vw,28px);transform:translate(-50%);display:inline-flex;align-items:center;gap:.6em;font-size:clamp(11px,1.2vw,13.5px);letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--film-cream);background:#06191f9e;border:1px solid rgba(241,237,228,.25);padding:.62em 1.15em;border-radius:999px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);white-space:nowrap}.film-play-chip i{font-style:normal;font-variant-numeric:tabular-nums;color:var(--film-gold)}.film-play--loading .film-play-disc{background:#f1ede424;color:var(--film-cream);box-shadow:none;border:1px solid rgba(241,237,228,.28)}.film-play--loading .film-play-disc:before,.film-play--loading .film-play-disc:after{display:none}.film-dots{display:inline-flex;gap:6px}.film-dots b{width:7px;height:7px;border-radius:50%;background:var(--film-gold);animation:film-dot 1.2s ease-in-out infinite}.film-dots b:nth-child(2){animation-delay:.15s}.film-dots b:nth-child(3){animation-delay:.3s}@keyframes film-dot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.film-err{position:absolute;left:12px;right:12px;top:12px;margin:0;padding:.7rem 1rem;border-radius:10px;background:#06191fe0;color:var(--film-cream);font-size:.9rem;z-index:3}.film-cap{display:grid;gap:.4rem;max-width:46rem}.film-line{margin:0;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.55;color:#e4e0d4}.film-note{margin:0;font-size:.8rem;line-height:1.5;color:#9db5b2}.film-lights{position:fixed;inset:0;z-index:44;pointer-events:none;opacity:0;background:radial-gradient(70% 60% at 50% 45%,#030c0fdb,#02080af5);transition:opacity 1.5s cubic-bezier(.4,0,.2,1)}.film-lights.on{opacity:1}.film.is-playing .film-frame{z-index:46;box-shadow:0 0 0 1px #d8a65766,0 40px 120px -20px #000000e6,0 0 220px -20px #d8a6574d}.film.is-playing .film-cap{opacity:.38}.film-cap{transition:opacity 1.5s ease}body:has(.film.is-playing) .eco-launch-banner{opacity:.08;transition:opacity 1.5s ease}.eco-launch-banner{transition:opacity 1.5s ease}body:has(.film.is-playing) #eco-chat{opacity:0;pointer-events:none;transition:opacity .6s ease}@media (max-width: 640px){.film-eyebrow:before,.film-eyebrow:after{width:14px}.film-play-chip{letter-spacing:.1em;padding:.5em .9em}}@media (max-width: 520px){.film-figure{max-width:none;width:calc(100% + 28px);margin-inline:-14px}.film-frame{border-radius:0;box-shadow:0 1px #d8a6574d,0 -1px #d8a6574d}.film-cap{padding-inline:14px}}@media (prefers-reduced-motion: reduce){.film-grain,.film-play-disc:before,.film-play-disc:after,.film-dots b{animation:none}.film-lights{transition:opacity .3s ease}}