.hero-container{background:var(--color-midnight);width:100%;color:var(--color-cool-white);font-family:var(--font-body);position:relative}.hero-scroll-spacer{pointer-events:none;height:620vh}.hero-canvas{z-index:0;width:100vw;height:100vh;display:block;position:fixed;top:0;left:0}@media (min-width:769px){.hero-canvas{clip-path:polygon(45.7% 0%,100% 0%,100% 100%,7.14% 100%);width:70vw;left:30vw}}.hero-container.is-loop,.hero-container.is-pending{height:100svh;overflow:hidden}@media (min-width:769px){.hero-container.is-pending{height:auto;overflow:visible}}.hero-container.is-loop .hero-beat,.hero-container.is-loop .hero-content{position:absolute}.hero-loop-plate{z-index:0;clip-path:polygon(0% var(--hero-diagonal-left,62%), 100% var(--hero-diagonal-right,28%), 100% 100%, 0% 100%);background:linear-gradient(180deg, var(--plate-top) 0, var(--plate-top) var(--band-top), var(--plate-bottom) calc(var(--band-top) + var(--band-h)), var(--plate-bottom) 100%);position:absolute;inset:0;overflow:hidden}.hero-loop-band{top:var(--band-top);width:var(--band-w);height:var(--band-h);position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.hero-video{width:var(--video-w);height:100%;transform:translateX(calc(-50% + var(--video-dx)));object-fit:cover;pointer-events:none;position:absolute;top:0;left:50%}.hero-blackout{z-index:5;pointer-events:none;will-change:opacity;background:var(--color-midnight);width:100vw;height:100vh;position:fixed;top:0;left:0}.hero-beat{z-index:8;pointer-events:none;justify-content:flex-start;align-items:center;padding-left:4vw;padding-right:58vw;display:flex;position:fixed;inset:0}.hero-beat:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(90deg,#0a0b0bd9 0%,#0a0b0ba6 40%,#0a0b0b33 78%,#0a0b0b00 100%);width:58vw;position:absolute;top:0;bottom:0;left:0}.hero-beat-inner{text-align:center;flex-direction:column;align-items:center;gap:.9rem;width:100%;display:flex}.hero-beat-numeral{color:var(--color-cool-white);opacity:.06;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:-1;font-size:clamp(10rem,20vw,22rem);font-weight:400;line-height:1;position:absolute;top:50%;left:23vw;transform:translate(-50%,-50%)}.hero-beat .section-label{letter-spacing:.3em;text-transform:uppercase;color:var(--color-crimson);font-size:.75rem}.beat-heading{text-transform:uppercase;letter-spacing:-.01em;color:var(--color-cool-white);text-shadow:0 4px 24px #000000d9,0 0 60px #00000080;margin:0;font-size:clamp(2rem,3.4vw,3.75rem);font-weight:400;line-height:1}.beat-body{color:var(--color-cool-grey);max-width:32ch;margin:0;font-size:clamp(.9rem,1.05vw,1.05rem);line-height:1.6}@media (max-width:768px){.hero-beat{align-items:flex-start;padding-top:11vh;padding-left:7vw;padding-right:7vw}.hero-beat:before{content:none}.beat-body{max-width:24ch}.hero-beat-numeral{top:24%;left:50%}}.hero-content{z-index:10;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:0 58vw 0 4vw;display:flex;position:fixed;inset:0}.hero-content>*{max-width:100%}.hero-content:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0a0b0bc7 0%,#0a0b0b80 45%,#0a0b0b26 80%,#0a0b0b00 100%);width:62vw;position:absolute;top:0;bottom:0;left:0}@media (max-width:768px){.hero-content{justify-content:flex-start;padding:11vh 1.5rem 0}.hero-content:before{content:none}}.hero-headline{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;color:var(--color-cool-white);text-shadow:0 4px 24px #000000d9,0 0 60px #00000080;margin:0;font-size:clamp(2.75rem,5.6vw,6.5rem);font-weight:400;line-height:1}.hero-headline-accent{color:var(--color-crimson)}