.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(20,108,255,.08) 50%,transparent 65%);transform:translateX(-100%);animation:hero-sheen 7s ease-in-out infinite;pointer-events:none}
.hero-orbit{animation:orbit-float 5s ease-in-out infinite;will-change:transform}
.hero-orbit::before{content:'';position:absolute;inset:-1px;border-radius:50%;border:1px solid rgba(255,255,255,.28);z-index:2}
.hero-orbit img{transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.hero-orbit:hover img{transform:scale(1.06)}
.hero-orbit span{z-index:3;animation:arrow-pulse 2.5s ease-in-out infinite}
.club-showcase{position:relative;overflow:hidden}
.club-showcase::before{content:'Club shops';position:absolute;right:-20px;top:25px;font-size:clamp(70px,12vw,180px);font-weight:800;color:#f4f4f4;line-height:1;pointer-events:none}
.club-showcase>*{position:relative;z-index:1}
.section-intro{max-width:540px;color:#666;line-height:1.7;margin:0 0 24px}
.club-grid a{min-height:230px;position:relative;overflow:hidden;transition:color .45s cubic-bezier(.2,.8,.2,1),background .45s cubic-bezier(.2,.8,.2,1),transform .45s cubic-bezier(.2,.8,.2,1)}
.club-grid a::after{content:'↗';position:absolute;right:22px;top:20px;color:var(--blue);font-size:24px;opacity:0;transform:translate(-12px,12px);transition:.4s ease}
.club-grid a:hover{transform:translateY(-8px)}
.club-grid a:hover::after{opacity:1;transform:translate(0,0)}
.club-grid span{transition:transform .45s ease,background .45s ease}
.club-grid a:hover span{transform:scale(1.08) rotate(-5deg)}
@keyframes orbit-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
@keyframes arrow-pulse{0%,100%{box-shadow:0 0 0 0 rgba(20,108,255,.45)}50%{box-shadow:0 0 0 18px rgba(20,108,255,0)}}
@keyframes hero-sheen{0%,35%{transform:translateX(-100%)}65%,100%{transform:translateX(100%)}}
.motion-ready .reveal{opacity:0;transform:translateY(42px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.motion-ready .reveal.reveal-left{transform:translateX(-42px)}
.motion-ready .reveal.is-visible{opacity:1;transform:translate(0,0)}
.motion-ready .reveal-delay-1{transition-delay:.08s}.motion-ready .reveal-delay-2{transition-delay:.16s}.motion-ready .reveal-delay-3{transition-delay:.24s}.motion-ready .reveal-delay-4{transition-delay:.32s}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.motion-ready .reveal{opacity:1;transform:none}}
