.page-hero.with-mascot{padding:130px 0 45px}
.page-hero.with-mascot:before{background:radial-gradient(ellipse at 83% 65%,rgba(214,168,75,.1),transparent 28%)}
.page-hero.with-mascot>.container{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:center}
.page-hero.with-mascot .page-hero-copy{min-width:0}
.page-mascot{width:280px;height:280px;background-image:url('assets/optimized/belfor-vier-poses.webp');background-size:200% 200%;background-repeat:no-repeat;justify-self:center;filter:drop-shadow(0 12px 14px rgba(0,0,0,.24))}
.pose-welcome{background-position:0 0}.pose-player{background-position:100% 0}.pose-guide{background-position:0 100%}.pose-tickets{background-position:100% 100%}
@media(max-width:900px){.page-hero.with-mascot>.container{grid-template-columns:minmax(0,1fr) 220px;gap:22px}.page-mascot{width:220px;height:220px}.page-hero.with-mascot h1{font-size:clamp(2.6rem,7vw,5rem)}}
@media(max-width:600px){.page-hero.with-mascot{padding:112px 0 30px}.page-hero.with-mascot>.container{grid-template-columns:1fr;gap:20px}.page-mascot{width:210px;height:210px}.page-hero.with-mascot p{font-size:.95rem}.page-hero.with-mascot h1{font-size:clamp(2.8rem,12vw,4rem)}}

.pose-planner,.pose-cheering,.pose-reporter,.pose-trophy,.pose-original{background-size:contain;background-position:center}
.pose-planner{background-image:url('assets/optimized/belfor-schedule.webp')}
.pose-cheering{background-image:url('assets/optimized/belfor-live.webp')}
.pose-reporter{background-image:url('assets/optimized/belfor-news.webp')}
.pose-trophy{background-image:url('assets/optimized/belfor-history.webp')}
.pose-original{background-image:url('assets/optimized/belfor.webp')}
.home-hero-side{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:0}
.home-hero-side>.page-mascot{width:200px;height:200px;align-self:center}
@media(max-width:1050px){.home-hero-side{flex-direction:row;align-items:center;gap:24px}.home-hero-side>.page-mascot{width:190px;height:190px;flex-shrink:0}.home-hero-side>.count-card{flex:1}}
@media(max-width:600px){.home-hero-side{flex-direction:column;gap:12px;align-items:stretch}.home-hero-side>.page-mascot{width:180px;height:180px}.home-hero-side>.count-card{width:100%}}