/* Artio V2.6: compact pair of true action banners, visible before planning on mobile.
   This CSS is loaded after legacy home and common chrome CSS to keep overrides explicit. */
.v2-site .home-banners-section{background:#fff;padding:12px 0 2px}
.v2-site .home-banners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.v2-site .home-banners .home-banner{display:flex;align-items:center;gap:12px;min-width:0;min-height:78px;margin:0;padding:13px 17px;border:0;border-radius:16px;color:#fff;box-shadow:0 9px 26px #09254b16;transition:transform .2s,box-shadow .2s}
.v2-site .home-banners .home-banner:hover{transform:translateY(-2px);box-shadow:0 12px 28px #09254b26}
.v2-site .home-banners .home-banner--follow{background:linear-gradient(105deg,#142f58,#354286 63%,#7e3588)}
.v2-site .home-banners .home-banner--competitions{background:linear-gradient(105deg,#073344,#0c5367 62%,#256a83)}
.v2-site .home-banners .home-banner-icon{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#ffffff22}
.v2-site .home-banners .home-banner-icon .ico{width:22px;height:22px}
.v2-site .home-banners .home-banner-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.v2-site .home-banners .home-banner-copy strong{font-size:18px;font-weight:850;line-height:1.17;letter-spacing:-.035em;color:#fff}
.v2-site .home-banners .home-banner-copy small{font-size:11px;line-height:1.25;letter-spacing:0;color:#e1eaf8;overflow-wrap:anywhere}
.v2-site .home-banners .home-banner-arrow{margin-left:auto;flex:none;display:grid;place-items:center;min-width:25px;height:25px;color:#fff}
.v2-site .home-banners .home-banner-arrow .ico{width:19px;height:19px}
@media(max-width:720px){
 .v2-site .hero-content{min-height:0;padding:24px 0 27px}
 .v2-site .hero h1{font-size:clamp(41px,10vw,55px);line-height:.94;margin:13px 0 11px}
 .v2-site .hero-content>p:not(.hero-eyebrow){font-size:13px;line-height:1.35}
 .v2-site .hero-buttons{margin-top:16px}
 .v2-site .hero-buttons .button{min-height:44px;padding:10px 12px}
 .v2-site .hero-markers{display:none}
 .v2-site .hero-bottom-indicator{display:none}
 .v2-site .home-banners-section{padding:9px 0 0}
 .v2-site .home-banners{grid-template-columns:minmax(0,1fr);gap:8px}
 .v2-site .home-banners .home-banner{min-height:66px;padding:10px 13px;gap:11px;border-radius:13px}
 .v2-site .home-banners .home-banner-icon{width:38px;height:38px;border-radius:10px}
 .v2-site .home-banners .home-banner-icon .ico{width:21px;height:21px}
 .v2-site .home-banners .home-banner-copy strong{font-size:16px}
 .v2-site .home-banners .home-banner-copy small{font-size:11px}
 .v2-site .schedule-section{padding-top:18px}
}
@media(max-width:400px){
 .v2-site .home-banners .insta-spotlight{flex-direction:row;align-items:center}
 .v2-site .home-banners .home-banner-copy strong{font-size:15px}
 .v2-site .home-banners .home-banner-copy small{font-size:10px}
 .v2-site .home-banners .home-banner{gap:9px}
 .v2-site .home-banners .home-banner-arrow{min-width:19px}
 .v2-site .home-banners .home-banner-arrow .ico{width:17px;height:17px}
}
@media(max-width:340px){
 .v2-site .hero h1{font-size:39px}
 .v2-site .hero-content{padding:19px 0 22px}
 .v2-site .hero-buttons{flex-direction:row;gap:6px}
 .v2-site .hero-buttons .button{font-size:10.5px;min-height:44px;padding:9px 7px}
 .v2-site .hero-buttons .button .ico{width:15px;height:15px}
}
@media(max-height:700px) and (max-width:720px){
 .v2-site .hero-content{padding-top:17px;padding-bottom:20px}
 .v2-site .hero h1{font-size:clamp(38px,9.3vw,47px);margin:9px 0 7px}
 .v2-site .hero-content>p:not(.hero-eyebrow){font-size:12px}
 .v2-site .hero-buttons{margin-top:12px}
 .v2-site .home-banners-section{padding-top:7px}
 .v2-site .home-banners .home-banner{min-height:59px;padding:8px 12px}
 .v2-site .schedule-section{padding-top:14px}
}
@media(prefers-reduced-motion:reduce){.v2-site .home-banners .home-banner{transition:none}}