.film{isolation:isolate;background:var(--black);scroll-margin-top:0;position:relative}.film-stage{background:var(--black) url(/media/film/manners-film.webp) 58% 50% / cover no-repeat;height:100svh;position:sticky;top:0;overflow:hidden}.film.is-ready .film-stage{background-image:none}.film-frames,.film-particles,.film-scrim,.film-grain{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.film-particles{mix-blend-mode:screen}.film-scrim{opacity:0;transition:opacity .9s}.film-scrim-left{background:linear-gradient(90deg,#050505db 0%,#05050573 45%,#0000 72%),linear-gradient(#05050573 0%,#0000 22% 75%,#050505b3 100%)}.film-scrim-right{background:linear-gradient(270deg,#050505db 0%,#05050573 45%,#0000 72%),linear-gradient(#05050573 0%,#0000 22% 75%,#050505b3 100%)}.film-scrim-center{background:radial-gradient(70% 60%,#0505059e 0%,#0505054d 70%,#0505058c 100%)}.film:not([data-side]) .film-scrim-center,.film[data-side=center] .film-scrim-center,.film[data-side=left] .film-scrim-left,.film[data-side=right] .film-scrim-right{opacity:1}.film-grain{opacity:.1;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.film-progress{left:var(--gutter);right:var(--gutter);opacity:0;gap:.7rem;transition:opacity .6s;display:grid;position:absolute;bottom:1.6rem}.film.is-playing .film-progress{opacity:1}.film-progress-label{letter-spacing:.2em;text-transform:uppercase;min-height:1em;color:var(--bone);font-size:.6875rem}.film-progress i{background:#edede72e linear-gradient(var(--bone), var(--bone)) no-repeat;background-size:calc(var(--fill,0) * 100%) 100%;height:1px;display:block}.film-track{z-index:1;margin-top:-100svh;position:relative}.film-block{min-height:var(--h,100svh);padding:6rem var(--gutter);align-items:center;display:flex}.film-copy{width:min(100%,44rem)}.film-block-intro{justify-content:center;min-height:max(46rem,100svh);padding-top:8rem}.film-intro{text-align:center;justify-items:center;width:min(100%,42rem);display:grid}.film-intro h1{flex-direction:column;align-items:center;gap:2px;width:100%;margin:0 0 1.8rem;font-weight:400;line-height:1;display:flex}.film-intro h1>span{font-family:Bebas Neue,sans-serif;font-size:clamp(3.2rem,5vw,5rem);line-height:.72}.film-intro h1>svg{aspect-ratio:880/160;width:100%;height:auto;display:block}.film-tagline{margin:0;font-size:1rem;line-height:1.7}.film-intro .brand-hero-invite{width:min(100%,30rem);margin:2rem auto 0}.film-hint{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);justify-items:center;gap:.6rem;margin:3.5rem 0 0;font-size:.6875rem;display:grid}.film-hint svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:18px;height:24px;animation:2.4s ease-in-out infinite film-cue}@keyframes film-cue{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}.film-block[data-layout=left]{justify-content:flex-start}.film-block[data-layout=right]{justify-content:flex-end}.film-block[data-layout=center] .film-copy,.film-block[data-layout=giant] .film-copy{text-align:center;margin:0 auto}.film-block[data-layout=left] .film-copy,.film-block[data-layout=right] .film-copy{width:min(100%,50rem)}.film-block[data-layout=giant] .film-copy,.film-block[data-layout=list] .film-copy{width:100%}.film-statement{margin:0;font-family:Bebas Neue,sans-serif;font-size:clamp(4rem,9vw,10rem);line-height:.88}.film-label{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:0 0 1.4rem;font-size:.75rem}.film-title{letter-spacing:-.005em;margin:0 0 2rem;font-family:Bebas Neue,sans-serif;font-size:clamp(4rem,8.5vw,9.5rem);font-weight:400;line-height:.88}.film-block[data-layout=giant] .film-title{font-size:clamp(5rem,13vw,15rem);line-height:.84}.film-body{letter-spacing:-.01em;color:var(--bone);margin:0 0 1.2rem;font-size:clamp(1.35rem,2.1vw,2.15rem);line-height:1.32}.film-block[data-layout=giant] .film-body{max-width:48rem;margin-inline:auto}.film-block[data-layout=list] .film-body{max-width:40rem}.film-principles{border-top:1px solid #edede740;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;margin:3rem 0 0;padding:2.2rem 0 0;list-style:none;display:grid}.film-principles span{letter-spacing:.2em;color:var(--muted);margin-bottom:1rem;font-size:.75rem;display:block}.film-principles strong{margin-bottom:.7rem;font-family:Bebas Neue,sans-serif;font-size:clamp(2.2rem,3.4vw,3.6rem);font-weight:400;line-height:.92;display:block}.film-principles p{color:#edede7d1;margin:0;font-size:1.1rem;line-height:1.5}.film-signature{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:2rem 0 0;font-size:.8125rem}.film-finale{text-align:center;margin:0 auto}.film-finale img{width:min(100%,40rem);height:auto;margin:0 auto 2rem;display:block}.film-finale .film-statement{font-size:clamp(2.6rem,5vw,5.2rem)}.film-actions{flex-wrap:wrap;justify-content:center;gap:.5rem 2.2rem;margin-top:2.4rem;display:flex}.film.is-ready .film-title,.film.is-ready .film-statement{padding-top:.04em;overflow:hidden}@media (width<=900px){.film-principles{grid-template-columns:1fr;gap:1.8rem}}@media (width<=600px){.film-block{padding:4rem var(--gutter)}.film-block[data-layout=right]{justify-content:flex-start}.film-title{margin-bottom:1.4rem;font-size:clamp(3.4rem,16vw,5.4rem)}.film-block[data-layout=giant] .film-title{font-size:clamp(3.8rem,19vw,6.4rem)}.film-statement{font-size:clamp(3.4rem,17vw,5.6rem)}.film-body{font-size:1.3rem}.film-scrim-left,.film-scrim-right,.film-scrim-center{background:linear-gradient(#0505059e 0%,#05050585 30%,#05050594 70%,#050505d9 100%)}.film-progress{bottom:1.1rem}}@media (prefers-reduced-motion:reduce){.film-hint svg{animation:none}}