/* One continuous film canvas, with space reserved for readable introductory copy. */
.hero{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;min-height:clamp(650px,78vh,900px);padding:64px 4.3% 52px}
.hero-copy{width:100%;max-width:940px;padding:0}
.hero h1{font-size:clamp(54px,5.25vw,100px);line-height:1.22;margin:36px 0 25px}
.hero .hero-backdrop{opacity:.86;filter:saturate(.95);object-position:center}
.hero:before{background:linear-gradient(90deg,rgba(10,13,16,.94),rgba(10,13,16,.76) 35%,rgba(10,13,16,.28) 66%,rgba(10,13,16,.12)),linear-gradient(0deg,rgba(10,13,16,.35),transparent 45%)}
.hero-bottom{max-width:660px;margin-top:46px}
@media(min-width:901px){.hero-bottom>span:last-child{position:absolute;right:calc(100% - 4.3% - 660px);bottom:14px;height:28px;display:flex;align-items:center;line-height:12px}.hero .backdrop-toggle{height:28px;line-height:12px;padding:7px 10px}}
@media(min-width:1500px){.hero{padding-left:4.3%;padding-right:4.3%}.hero-copy{max-width:1050px}}
@media(max-width:900px){.hero{min-height:640px;padding:46px 5%}.hero-copy{max-width:760px}.hero h1{font-size:clamp(52px,7.3vw,72px);letter-spacing:-2px}.hero-actions{flex-direction:row;align-items:center;gap:22px}.hero .hero-backdrop{object-position:62% center}.hero:before{background:linear-gradient(90deg,rgba(10,13,16,.92),rgba(10,13,16,.65) 55%,rgba(10,13,16,.22))}}
@media(max-width:600px){.hero{min-height:590px;padding:42px 6% 52px;gap:0}.hero h1{font-size:clamp(40px,10.8vw,58px);line-height:1.27;margin:30px 0 22px}.hero-copy{padding:0}.hero-actions{gap:20px}.hero .hero-backdrop{object-position:65% center;opacity:.78}.hero:before{background:linear-gradient(90deg,rgba(10,13,16,.88),rgba(10,13,16,.51)),linear-gradient(0deg,rgba(10,13,16,.38),transparent)}.hero-bottom{display:none}}