.fan{--fan-bg: #000000;--fan-scrim: linear-gradient(180deg, rgba(6, 8, 14, .62) 0%, rgba(6, 8, 14, 0) 58%);--fan-title: #ffffff;--fan-subtitle: rgba(255, 255, 255, .7);--fan-pill: rgba(255, 255, 255, .18);--fan-pill-text: #ffffff;--fan-dot: rgba(255, 255, 255, .4);--fan-dot-active: #ffffff;--fan-shadow-color: rgba(0, 0, 0, .55);--fan-aspect: 2.4;--fan-card-w: 27cqw;--fan-ratio: 1.25;--fan-corner: 2.7cqw;--fan-zoom: 1.05;--fan-speed: .62s;--fan-ease: ease;container-type:inline-size;position:relative;width:100%;aspect-ratio:var(--fan-aspect);overflow:hidden;background:var(--fan-bg);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.fan:active{cursor:grabbing}.fan:focus-visible{outline:2px solid var(--fan-dot-active);outline-offset:-3px}.fan-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fan-card{position:absolute;top:50%;left:50%;width:var(--fan-card-w);height:calc(var(--fan-card-w) * var(--fan-ratio));border-radius:var(--fan-corner);text-decoration:none;transition:transform var(--fan-speed) var(--fan-ease),opacity .4s ease;will-change:transform}.fan--dragging .fan-card{transition:none}.fan-frame{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;border-radius:inherit;background:#0b0d12;box-shadow:0 2.4cqw 5cqw -1.6cqw var(--fan-shadow-color)}.fan-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform .7s cubic-bezier(.22,1,.36,1);-webkit-user-drag:none}.fan:not(.fan--dragging) .fan-card.is-focused:hover .fan-image{transform:scale(var(--fan-zoom))}.fan-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--fan-scrim);pointer-events:none}.fan-text{position:absolute;top:6.5%;left:7%;right:28%;display:flex;flex-direction:column;gap:.35em;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;pointer-events:none}.fan-title{font-size:clamp(13px,1.6cqw,26px);font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--fan-title)}.fan-subtitle{font-size:clamp(9px,.95cqw,15px);font-weight:500;line-height:1.3;color:var(--fan-subtitle)}.fan-tag{position:absolute;top:6.5%;right:7%;padding:.45em .9em;border-radius:999px;background:var(--fan-pill);color:var(--fan-pill-text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:clamp(8px,.75cqw,12px);font-weight:600;letter-spacing:.01em;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.fan-dots{position:absolute;left:50%;bottom:clamp(10px,2.2cqw,30px);z-index:200;display:flex;gap:8px;transform:translate(-50%)}.fan-dot{width:12px;height:8px;padding:0;border:0;border-radius:999px;background:var(--fan-dot);cursor:pointer;transition:width .35s var(--fan-ease),background-color .35s ease}.fan-dot.is-on{width:24px;background:var(--fan-dot-active)}@media(prefers-reduced-motion:reduce){.fan-card,.fan-image,.fan-dot{transition:none}.fan-card{will-change:auto}}.page{min-height:100vh;padding:clamp(32px,7vw,96px) clamp(20px,5vw,64px);background:#000;color:#f5f6f8}.page__head{max-width:1120px;margin:0 auto clamp(28px,5vw,56px)}.page__head h1{margin:0;font-size:clamp(24px,3vw,34px);font-weight:600;letter-spacing:-.02em}.page__head p{margin:8px 0 0;color:#9aa2ad;font-size:15px}.section{max-width:1120px;margin:0 auto clamp(40px,6vw,80px)}.section__title{margin:0 0 clamp(16px,2vw,24px);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8a8f99}.stage{display:flex;flex-direction:column;align-items:center;gap:clamp(28px,5vw,56px);padding:clamp(48px,8vw,104px) clamp(20px,4vw,48px);border-radius:28px;background:#000;text-align:center}.stage--fan{padding:0;overflow:hidden;background:#000}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}