/* A compact club footer with clear, grouped links. */
body{display:flex;flex-direction:column;min-height:100dvh}
body>main{flex:1 0 auto}
body>.site-header,body>.site-footer{flex-shrink:0}
body .site-footer{position:relative;isolation:isolate;overflow:hidden;background:#0c0c10;border-top:2px solid #ed0719}
body .footer-main{grid-template-columns:minmax(150px,.8fr) minmax(250px,1.2fr) minmax(260px,1.2fr) minmax(145px,.7fr);align-items:start;gap:22px;padding-block:20px 14px}
body .footer-brand{gap:10px;align-self:center}
body .footer-brand img{width:44px;height:44px}
body .footer-brand>span{font-size:1rem}
body .footer-brand small{font-size:.68rem;letter-spacing:3px;margin-top:4px}
body .footer-main h2{font:700 .7rem/1.4 var(--body);letter-spacing:.1em;color:#a8a8b2;margin-bottom:6px}
body .footer-main>div>a{display:flex;align-items:center;width:fit-content;min-height:36px;margin:0;font-size:.8rem;line-height:1.35;color:#e1e1e7}
body .footer-main>div>a:hover{color:#ff5363}
body .footer-links{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
body .footer-links h2{grid-column:1/-1}
body .footer-main .footer-links>a{min-height:36px}
body .footer-socials .footer-social-link{gap:8px}
body .footer-bottom{align-items:center;gap:12px;padding-block:8px;font-size:.75rem;border-color:#ffffff16}
body .footer-bottom a{display:inline-flex;align-items:center;min-height:36px}
body .footer-bottom nav{gap:18px}
@media(max-width:1100px){body .footer-main{grid-template-columns:1fr 1.4fr;gap:12px 24px}body .footer-brand{align-self:start}body .footer-socials{display:flex;flex-wrap:wrap;gap:0 18px}body .footer-socials h2{width:100%}}
@media(max-width:700px){
 body .footer-main{grid-template-columns:1fr;gap:8px;padding-block:16px 8px}
 body .footer-brand{justify-self:start}
 body .footer-main h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 body .footer-contact{display:flex;flex-wrap:wrap;gap:0 14px}
 body .footer-main .footer-contact>a{font-size:.75rem;min-height:44px}
 body .footer-links{column-gap:14px}
 body .footer-main .footer-links>a{min-height:44px;font-size:.8rem}
 body .footer-socials{gap:0 24px}
 body .footer-main .footer-socials>a{min-height:44px}
 body .footer-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;padding-block:6px 10px}
 body .footer-bottom>span{grid-column:1/-1;font-size:.7rem}
 body .footer-bottom nav{gap:12px}
 body .footer-bottom a{min-height:44px;font-size:.75rem}
}
