.film{height:850vh;position:relative;background:var(--seam)}.film-stage{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden;background:#0a1230}.film-poster,.film-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.film-canvas{opacity:0;transition:opacity .5s ease}html.js .film-canvas.is-live{opacity:1}.film-grain{position:absolute;inset:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.film-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 120% 90% at 50% 45%,transparent 55%,rgba(5,8,24,.55))}.film-fade{position:absolute;inset:auto 0 0;height:34vh;pointer-events:none;opacity:0;background:linear-gradient(to bottom,transparent,var(--seam))}.film-loader{position:absolute;inset:0;display:grid;place-content:center;gap:14px;z-index:6;background:#060a1c8c;backdrop-filter:blur(4px);transition:opacity .6s ease}.film-loader.is-done{opacity:0;pointer-events:none}.film-loader-label{color:#f5f1eacc;font-size:11px;letter-spacing:.22em;text-transform:uppercase;text-align:center}.film-loader-bar{width:min(220px,56vw);height:2px;background:#f5f1ea2e;border-radius:2px;overflow:hidden}.film-loader-bar i{display:block;height:100%;width:0%;border-radius:2px;background:linear-gradient(90deg,#537ce6,#7473c9,#e55564);transition:width .25s ease}.film-readout{position:absolute;top:calc(76px + env(safe-area-inset-top));left:clamp(1.25rem,5vw,3rem);z-index:5;display:flex;align-items:center;gap:10px;color:#f5f1ead9;font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:0;transition:opacity .5s ease}html.js .film-readout.is-live{opacity:1}.film-readout .ro-num{font-family:var(--display);font-size:15px;letter-spacing:0}.film-readout .ro-bar{width:72px;height:1px;background:#f5f1ea40}.film-readout .ro-bar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,#537ce6,#e55564)}.beat{position:absolute;z-index:4;inset-inline:clamp(1.25rem,6vw,8rem);bottom:clamp(5.5rem,14vh,9rem);max-width:34rem;opacity:0;pointer-events:none}.beat:before{content:"";position:absolute;inset:-18% -14%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 90% 80% at 30% 60%,rgba(5,9,26,.52),transparent 70%);filter:blur(6px)}.beat h1,.beat h2{color:var(--paper);font-size:clamp(1.9rem,5.2vw + .6rem,4rem);line-height:1.04;text-shadow:0 1px 2px rgba(4,7,20,.85),0 3px 10px rgba(4,7,20,.65),0 8px 40px rgba(4,7,20,.5);text-wrap:balance}.beat p{color:#f5f1eae6;margin-top:.9rem;font-size:clamp(.95rem,1.4vw + .6rem,1.15rem);text-shadow:0 1px 2px rgba(4,7,20,.85),0 2px 14px rgba(4,7,20,.6);max-width:46ch}.beat-cue{display:inline-block;margin-top:1.4rem;color:#f5f1eaa6;font-size:12px;letter-spacing:.18em;text-transform:uppercase}.beat-book{display:inline-grid;place-content:center;margin-top:1.3rem;padding:.8rem 2.2rem;border-radius:999px;background:linear-gradient(135deg,#537ce6,#7473c9,#e55564);color:#fff;font-weight:600;font-size:15px;box-shadow:inset 1px 1px 1px #ffffff80,0 8px 28px #537ce666}.beat-stats{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;margin-top:1.2rem}.bstat{color:#f5f1ead9;font-size:13px}.bstat b{font-family:var(--display);font-size:clamp(1.5rem,3vw,2.1rem);font-weight:600;display:block}.pings{position:absolute;inset:-40vh -10vw auto auto;width:0;height:0}.pings i{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#F5F1EA 0%,#E5A564 60%,transparent 70%);animation:ping 2.6s ease-out infinite;opacity:0}.pings i:nth-child(1){left:-46vw;top:-8vh;animation-delay:0s}.pings i:nth-child(2){left:-18vw;top:-22vh;animation-delay:.5s}.pings i:nth-child(3){left:-64vw;top:-26vh;animation-delay:1s}.pings i:nth-child(4){left:-30vw;top:2vh;animation-delay:1.5s}.pings i:nth-child(5){left:-52vw;top:-14vh;animation-delay:2s}@keyframes ping{0%{transform:scale(.4);opacity:0}12%{opacity:.95}60%{transform:scale(1.6);opacity:.25}to{transform:scale(2.2);opacity:0}}.beat-5{max-width:40rem;bottom:clamp(3.5rem,9vh,6.5rem)}.b5-demo{margin-top:1.4rem;max-width:min(30rem,86vw);cursor:pointer;pointer-events:auto;border-radius:12px;overflow:hidden;border:1px solid rgba(245,241,234,.16);background:#0a0e268c;backdrop-filter:blur(8px);box-shadow:0 18px 60px #0406148c;transition:transform .3s ease,box-shadow .3s ease}.b5-demo:hover,.b5-demo:focus-visible{transform:translateY(-3px);box-shadow:0 24px 70px #537ce659;outline:none}.b5-frame{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid rgba(245,241,234,.1)}.b5-dots i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#f5f1ea47;margin-right:4px}.b5-url{color:#f5f1ea99;font-size:11.5px;letter-spacing:.04em}.b5-stage{position:relative;aspect-ratio:16/9}.b5-stage img{width:100%;height:100%;object-fit:cover;display:block}.b5-stage video{width:100%;height:100%;display:block;background:#000}.b5-play{position:absolute;inset:0;margin:auto;width:58px;height:58px;display:grid;place-content:center;border-radius:50%;color:#fff;font-size:18px;padding-left:4px;background:linear-gradient(135deg,#537ce6,#7473c9,#e55564);box-shadow:inset 1px 1px 1px #ffffff80,0 10px 34px #537ce680}.b5-meta{display:block;padding:9px 12px;color:#f5f1eaa6;font-size:12px}.b5-cta{margin-top:1.3rem;pointer-events:auto}@media(max-height:780px){.beat-5 h2{font-size:clamp(1.5rem,3.4vw + .4rem,2.4rem)}.beat-5 p{display:none}.b5-demo{max-width:min(24rem,82vw);margin-top:1rem}.b5-meta{display:none}}.landing-zone{background:linear-gradient(to bottom,var(--seam, #062C56) 0%,#1C1F4A 46%,var(--paper) 100%);padding:clamp(7rem,16vh,12rem) 0 clamp(9rem,18vh,14rem)}.hn-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,80vw),1fr));gap:1.4rem}.hn-case{position:relative;aspect-ratio:9/13;border-radius:14px;overflow:hidden;text-decoration:none;display:block}.hn-case img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.hn-case:hover img{transform:scale(1.04)}.hn-case-teaser{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}.hn-case:hover .hn-case-teaser,.hn-case:focus-visible .hn-case-teaser{opacity:1}@media(prefers-reduced-motion:reduce){.hn-case-teaser{transition:none;display:none}}.hn-case-scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(16,18,52,.92) 18%,transparent 62%)}.hn-case-body{position:absolute;inset:auto 1.1rem 1.1rem;color:var(--paper)}.hn-case-client{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.8}.hn-case-metric{display:block;font-family:var(--display);font-weight:600;font-size:2rem;margin-top:.3rem}.hn-case-label{display:block;font-size:12.5px;opacity:.85}@media(prefers-reduced-motion:reduce){.film{height:auto}.film-stage{position:relative;height:72vh}.film-canvas,.film-loader,.film-readout,.pings{display:none!important}.beat{position:relative;inset:auto;opacity:1!important;pointer-events:auto;padding:1.6rem clamp(1.25rem,6vw,8rem);max-width:none}.film-poster~.beat{background:var(--seam)}.beat h1,.beat h2{transform:none!important}}html:not(.js) .film{height:auto}html:not(.js) .film-stage{position:relative;height:auto;min-height:60vh}html:not(.js) .beat{position:relative;inset:auto;opacity:1;pointer-events:auto;padding:1.6rem clamp(1.25rem,6vw,8rem);background:var(--seam, #062C56);max-width:none}html:not(.js) .film-loader,html:not(.js) .film-readout{display:none}