.challenge-zones{--challenge-gap:clamp(16px, 2vw, 24px);gap:var(--challenge-gap);text-align:left;flex-wrap:wrap;justify-content:center;display:flex}.challenge-zone-card{color:#fff;flex-direction:column;flex:0 1 calc((100% - var(--challenge-gap) - var(--challenge-gap) - var(--challenge-gap))/4);transform:rotate(var(--angle));gap:16px;text-decoration:none;transition:transform .18s,filter .18s;display:flex}.challenge-zone-card:hover,.challenge-zone-card:focus-visible{filter:drop-shadow(0 20px 32px #0ad0ff47);outline:none;transform:rotate(0)translateY(-8px)scale(1.02)}.challenge-zone-card:hover .thumb img,.challenge-zone-card:focus-visible .thumb img{scale:1.08}.challenge-zone-card .thumb{aspect-ratio:16/9;background:#ffffff14;border-radius:24px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff73,inset 0 -1px #fff3,0 16px 40px #00000040}.challenge-zone-card .thumb .glass-effect{--border-radius:24px}.challenge-zone-card .thumb img{object-fit:cover;width:100%;height:100%;transition:scale .24s;display:block}.challenge-zone-card .copy{flex-direction:column;gap:6px;padding:0 4px;display:flex}.challenge-zone-card .copy p{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.challenge-zone-card .copy h3{text-wrap:balance;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.36em;margin:0;font-size:clamp(15px,1.25vw,18px);font-weight:800;line-height:1.18;display:-webkit-box;overflow:hidden}@media (max-width:1023px){.challenge-zone-card{flex-basis:calc((100% - var(--challenge-gap))/2)}}@media (max-width:767px){.challenge-zones{max-width:430px}.challenge-zone-card{flex-basis:100%;transform:none}}