.hero-banner{background:var(--tvn-black);padding:25px 30px 100px}.hero-banner h1{letter-spacing:.1rem;margin-bottom:1.5rem;font-family:SamsungSharpSans,sans-serif;font-size:clamp(3rem,6vw,7rem);font-weight:500;line-height:1.1}.hero-banner h1 span{color:var(--accentColour)}.hero-banner p{color:#ffffffb8;margin-bottom:2rem;font-size:1.1rem;font-weight:300}.scroll-indicator-container{z-index:10;flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;top:150px;right:25px}.scroll-text{letter-spacing:.3em;text-transform:uppercase;color:#fff6;writing-mode:vertical-lr;font-size:10px;font-weight:300;transform:rotate(180deg)}:root{--accentColour:#e50914}.scroll-indicator-container{z-index:10;flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;bottom:100px;right:40px}.scroll-text{letter-spacing:.3em;text-transform:uppercase;color:#fff6;writing-mode:vertical-lr;font-family:Inter,sans-serif;font-size:10px;font-weight:300;transform:rotate(180deg)}.scroll-line-bg{background:#ffffff1f;border-radius:2px;width:1px;height:150px;position:relative;overflow:hidden}.scroll-line-active{background:#ffffff80;width:100%;position:absolute;top:0;left:0}.scroll-dot{background:var(--accentColour);border-radius:2px;width:1px;height:30px;position:absolute;top:0;left:0}@media (max-width:768px){.scroll-indicator-container{display:none}.hero-banner{padding:25px 20px 60px}.scroll-indicator-container{top:120px;right:20px}.scroll-line-bg{height:100px}}