/* Real footage, carefully framed; no crop, artificial aging or autoplay. */
.fans{background:var(--yellow);color:var(--blue);padding:60px 0 42px;overflow:hidden}
.fans>.chapter,.fans-heading,.fans-foot{margin-left:var(--pad);margin-right:var(--pad)}
.fans-heading{display:flex;justify-content:space-between;align-items:end;gap:42px;padding:60px 0 10px}
.fans-heading h2{font-size:clamp(52px,6.5vw,96px);max-width:760px;line-height:1.03;letter-spacing:-.06em}
.fans-heading h2 em{display:block}
.fans-heading>p{font-size:15px;line-height:1.65;padding-bottom:8px;flex-shrink:0}
.fans-track{display:grid;grid-template-columns:1.12fr .9fr 1.06fr .9fr 1fr;align-items:start;gap:clamp(16px,1.8vw,28px);padding:55px var(--pad) 52px;outline-offset:-6px!important}
.fan-card{min-width:0;background:var(--paper);padding:13px 13px 0;box-shadow:0 2px 3px rgb(36 28 15 / .08),0 18px 30px -22px rgb(36 28 15 / .5);transform:translateY(var(--fan-y,0px)) rotate(var(--fan-r,-2deg));transform-origin:center 70%}
.fan-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:25px;margin-bottom:8px;font-size:7px;line-height:1.6;font-weight:550;letter-spacing:.035em}
.fan-photo-link{display:block}
.fan-card img,.fan-card video{display:block;width:100%;height:clamp(280px,27vw,390px);object-fit:contain;object-position:center;background:#f0efe7}
.fan-card video{background:#141529;color:var(--paper)}
.fan-card video:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.fan-card figcaption{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 3px;font-family:Courier,monospace;font-size:13px;line-height:1.4}
.fan-card figcaption>span:last-child{font-family:Work,sans-serif;font-size:19px;font-weight:400}
.fan-company{--fan-r:-2deg}.fan-moment{--fan-r:2deg;--fan-y:30px}.fan-mention{--fan-r:-1deg;--fan-y:10px}.fan-walk{--fan-r:2.5deg;--fan-y:44px}
.fan-team{--fan-r:-2deg;--fan-y:14px}
.fan-faithful{--fan-r:1.4deg;--fan-y:24px;scroll-margin-top:110px}.fan-hinchada{--fan-r:-1.5deg;--fan-y:0px}.fan-stamps{--fan-r:1deg;--fan-y:26px}
.fans-foot{display:flex;justify-content:space-between;align-items:center;gap:26px;border-top:1px solid rgb(44 47 144 / .2);margin-top:35px;padding-top:24px}
.fans-foot p{font-size:11px;line-height:1.7}.fans-signature{font-family:Courier,monospace;font-size:12px;transform:rotate(-3deg)}
.fans-navigation{display:none}.fans-navigation[hidden]{display:none!important}
@media(min-width:1600px){.fans-track{max-width:1640px;margin:auto}}
@media(max-width:1200px){
 .fans-heading{padding-top:42px;align-items:start}.fans-heading h2{font-size:7vw}.fans-heading>p{font-size:12px}
 .fans-track{display:flex;overflow-x:auto;gap:24px;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y;align-items:start;padding-top:35px;padding-bottom:35px}
 .fans-track::-webkit-scrollbar{display:none}
 .fan-card{flex:0 0 290px;scroll-snap-align:start}
 .fan-card img,.fan-card video{height:355px}
 .fan-moment{--fan-y:17px}.fan-walk{--fan-y:20px}
 .fans-navigation{display:flex;justify-content:center;align-items:center;gap:28px;margin:15px var(--pad) 0}
 .fans-navigation p{text-align:center;display:flex;flex-direction:column;gap:7px;font-size:11px;line-height:1.4;letter-spacing:.07em}
 .fans-navigation p>span:last-child{font-size:8px}
 .fans-navigation button{min-width:44px;min-height:44px;border-color:rgb(44 47 144 / .4)}
 .fans-navigation button:disabled{opacity:.3;cursor:default}
 .fans-foot{margin-top:26px}
}
@media(max-width:700px){
 .fans{padding-top:38px;padding-bottom:32px}
 .fans-heading{display:block;padding-top:38px}
 .fans-heading h2{font-size:clamp(45px,12vw,72px);line-height:1.04;max-width:100%}
 .fans-heading>p{font-size:13px;margin-top:22px;padding-bottom:0}
 .fans-track{gap:22px;padding-top:28px;padding-bottom:28px}
 .fan-card{flex-basis:min(78vw,320px);padding:12px 12px 0}
 .fan-card img,.fan-card video{height:clamp(290px,85vw,355px)}
 .fan-meta{font-size:7px}.fan-card figcaption{font-size:12px;min-height:59px}
 .fans-foot{align-items:start;gap:22px}.fans-foot p{font-size:10px;max-width:180px}.fans-signature{font-size:11px;max-width:105px;line-height:1.5;text-align:right}
}
@media(prefers-reduced-motion:reduce){.fan-card{transform:none!important}.fans-track{scroll-behavior:auto}.fans-signature{transform:none}}
/* Eight records stay readable: continue the native carousel on wide screens. */
@media(min-width:1201px){
 .fans-track{display:flex;overflow-x:auto;gap:32px;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y;align-items:start}
 .fans-track::-webkit-scrollbar{display:none}
 .fan-card{flex:0 0 clamp(285px,22vw,340px);scroll-snap-align:start}
 .fans-navigation{display:flex;justify-content:center;align-items:center;gap:28px;margin:15px var(--pad) 0}
 .fans-navigation p{text-align:center;display:flex;flex-direction:column;gap:7px;font-size:11px;line-height:1.4;letter-spacing:.07em}
 .fans-navigation p>span:last-child{font-size:8px}
 .fans-navigation button{min-width:44px;min-height:44px;border-color:rgb(44 47 144 / .4)}
 .fans-navigation button:disabled{opacity:.3;cursor:default}
}