body .home-hero .home-labels{position:relative;width:min(100%,220px);padding:0;margin:14px 0 0}
body .home-hero .hero-social-title{display:flex;line-height:1.4}
.home-labels-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.home-labels-row a{display:flex;justify-content:center;align-items:center;min-width:0}
body .home-hero .home-labels img{display:block;width:56px;height:56px;max-width:100%;border-radius:50%;object-fit:contain;mix-blend-mode:normal;filter:none;opacity:1;transition:transform .2s ease}
.home-labels-row a:hover img{transform:translateY(-3px)}
.home-labels-row a:focus-visible{outline:2px solid #fff;outline-offset:5px;border-radius:50%}
@media(min-width:1024px){body .home-hero .home-labels{width:190px;margin-top:12px}body .home-hero .home-labels img{width:48px;height:48px}body .home-hero .hero-copy>.hero-location{margin-top:10px}}
@media(max-width:850px){body .home-hero .hero-copy>.home-labels{order:3;grid-column:1;margin-top:24px;margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){body .home-hero .home-labels img{transition:none}.home-labels-row a:hover img{transform:none}}

/* Social links precede the location and main actions on small screens. */
@media(max-width:850px){body .home-hero .hero-copy>.hero-social-title{order:5}body .home-hero .hero-copy>.hero-socials{order:6}body .home-hero .hero-copy>.hero-location{order:7}body .home-hero .hero-copy>.actions{order:8}}

@media(max-width:600px){body .home-hero .hero-copy>.home-labels{margin-inline:auto;justify-self:center}}

/* Compact desktop links retain their transparent surface on hover. */
@media(min-width:1024px){
  body .home-hero .hero-social-title{margin-top:26px}
  body[data-page=index] .home-hero{padding-bottom:0}
  body .home-hero .hero-socials a:hover{background:transparent;transform:none}
  body .home-hero .hero-socials a::after{content:'';position:absolute;left:32px;right:24px;bottom:6px;height:1px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
  body .home-hero .hero-socials a:hover::after{transform:scaleX(1)}
  body .home-hero .hero-socials a:hover>b{transform:translate(2px,-2px)}
}

.hero-animation-play{position:absolute;right:14px;bottom:14px;z-index:5;width:38px;height:38px;border:1px solid #ffffff66;border-radius:50%;background:#101012b3;color:#fff;cursor:pointer}
.hero-animation-play[hidden]{display:none}
@media(max-width:850px){body[data-page=index] main .home-hero::before{background-image:linear-gradient(#09090db5,#09090db5),url('photos/home-handball-action-mobile.webp')}}

.hero-next-link{display:block;margin-top:12px;padding:10px 12px;border-left:3px solid var(--red);background:#101012a8;line-height:1.4}.hero-next-link span{display:block;font-size:.65rem;letter-spacing:.1em;color:#bebec7}.hero-next-link strong{font-size:.85rem}.hero-next-link:hover{background:#202026}.hero-next-link:focus-visible{outline:3px solid #ffbf4b;outline-offset:3px}@media(max-width:850px){body .home-hero .hero-copy>.hero-next-link{order:9;width:100%}}

.hero-intro-media picture{display:contents}
@media(min-width:1024px){body .home-hero .hero-next-link{position:absolute;left:calc(100% + 24px);bottom:12px;width:min(100%,420px);margin:0;z-index:4}}