/* HERO cinematic header — responsive image collage with external sources */
.hero{min-height:620px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 32%,#391820 0%,#100b12 48%,#080709 85%)!important}
.hero .heroBg{opacity:.22!important;filter:blur(5px) saturate(.85)!important;z-index:0!important}
.hero-collage{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.hero-collage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,9,.18),rgba(5,5,9,.78) 32%,rgba(5,5,9,.9) 50%,rgba(5,5,9,.78) 68%,rgba(5,5,9,.18)),linear-gradient(0deg,#09080c 0%,transparent 28%,rgba(7,6,10,.25) 100%)}
.hero-posters{position:absolute;inset:5% 17% 10%;display:flex;justify-content:center;align-items:center;gap:clamp(4px,1vw,15px);transform:perspective(1000px) rotateX(3deg);opacity:.9}
.hero-posters img{width:19%;height:68%;max-height:420px;object-fit:cover;border-radius:10px;border:1px solid #c69a5e55;box-shadow:0 15px 40px #000a;filter:saturate(1.18);transform:rotate(var(--angle,0deg)) translateY(var(--rise,0px))}
.hero-posters img:nth-child(1){--angle:-10deg;--rise:32px}.hero-posters img:nth-child(2){--angle:-5deg;--rise:-20px}.hero-posters img:nth-child(3){--angle:0deg;--rise:18px}.hero-posters img:nth-child(4){--angle:5deg;--rise:-18px}.hero-posters img:nth-child(5){--angle:10deg;--rise:35px}
.hero-athlete{position:absolute;top:3%;bottom:0;width:27%;overflow:hidden;opacity:.9;mask-image:linear-gradient(to bottom,#000 55%,transparent 100%)}
.hero-athlete-left{left:0;mask-image:linear-gradient(to right,#000 62%,transparent 100%)}.hero-athlete-right{right:0;mask-image:linear-gradient(to left,#000 62%,transparent 100%)}
.hero-athlete img{width:100%;height:100%;object-fit:cover;object-position:center 18%;filter:contrast(1.1) saturate(.95)}
.hero .heroInner{position:relative;z-index:5!important;min-height:620px;display:flex;align-items:center;justify-content:center;text-align:center}
.hero .heroContent{position:relative;z-index:5;max-width:760px;margin-inline:auto;text-shadow:0 3px 20px #000}
.hero .heroContent h1{filter:drop-shadow(0 3px 15px #000)}
.hero .heroShine,.hero .stadium-lights,.hero .hero-frame{pointer-events:none}
@media(max-width:800px){.hero{min-height:650px}.hero .heroInner{min-height:650px;align-items:flex-end;padding-bottom:65px}.hero-posters{inset:4% 5% 22%;gap:5px;align-items:flex-start}.hero-posters img{width:19%;height:44%;border-radius:6px}.hero-athlete{width:37%;top:8%;bottom:27%;opacity:.8}.hero-athlete-left{left:-6%}.hero-athlete-right{right:-6%}.hero-collage:after{background:linear-gradient(0deg,#09080c 12%,rgba(8,7,12,.92) 35%,rgba(8,7,12,.24) 72%),linear-gradient(90deg,rgba(5,5,9,.25),transparent 48%,rgba(5,5,9,.25))}.hero .heroContent{width:100%}}
@media(max-width:480px){.hero{min-height:660px}.hero .heroInner{min-height:660px;padding-bottom:50px}.hero-posters{inset:6% 0 27%}.hero-posters img{height:42%}.hero-athlete{width:44%;top:15%;bottom:31%}.hero-athlete-left{left:-9%}.hero-athlete-right{right:-9%}.hero .heroContent{padding-inline:8px}.hero .heroContent h1{font-size:clamp(30px,8vw,45px)}}
@media(prefers-reduced-motion:reduce){.hero-posters img{transition:none}}
