.juro-fan{padding-block:clamp(64px,11vh,140px) clamp(80px,13vh,160px);padding-inline:var(--juro-pad-x);background:var(--juro-surface);color:var(--juro-ink);overflow:hidden}.juro-fan--alt{background:var(--juro-surface-alt)}.juro-fan--navy{background:var(--juro-navy-panel);color:var(--juro-on-dark)}.juro-fan__inner{max-width:var(--juro-max-w);margin-inline:auto;text-align:center}.juro-fan__head{display:flex;flex-direction:column;align-items:center}.juro-fan__eyebrow{margin:0 0 18px;font-size:11px;font-weight:500;letter-spacing:var(--juro-tracking-eyebrow);text-transform:uppercase;color:var(--juro-muted)}.juro-fan--navy .juro-fan__eyebrow{color:var(--juro-on-dark-muted)}.juro-fan__title{margin:0;max-width:18ch;font-size:clamp(30px,4.6vw,60px);font-weight:700;letter-spacing:var(--juro-tracking-tight);line-height:1.02;text-wrap:balance}.juro-fan__body{margin:18px auto 0;max-width:46ch;font-size:var(--juro-size-body);line-height:1.65;color:var(--juro-muted)}.juro-fan--navy .juro-fan__body{color:var(--juro-on-dark-body)}.juro-fan__body>*{margin:0}.juro-fan__cta{display:inline-flex;align-items:center;min-block-size:48px;margin-block-start:28px;padding:14px 30px;border-radius:100px;background:var(--juro-navy);color:var(--juro-white);font-size:14px;font-weight:600;text-decoration:none;transition:background .2s var(--juro-ease),transform .08s var(--juro-ease)}.juro-fan--navy .juro-fan__cta{background:var(--juro-white);color:var(--juro-navy)}.juro-fan__cta:hover{background:#1a2a40}.juro-fan--navy .juro-fan__cta:hover{background:#ffffffdb}.juro-fan__cta:active{transform:translateY(1px)}.juro-fan__cards{--card: clamp(150px, 22vw, 300px);--spread: clamp(70px, 13vw, 190px);--tilt: 9deg;position:relative;display:grid;place-items:center;block-size:calc(var(--card) * 1.42);margin:clamp(48px,8vh,88px) 0 0;padding:0;list-style:none}.juro-fan__card{grid-area:1 / 1;inline-size:var(--card);aspect-ratio:4 / 5;border-radius:18px;overflow:hidden;background:var(--juro-surface-alt);box-shadow:0 2px 4px #0f1b2c0f,0 24px 60px #0f1b2c38;z-index:var(--z);transform:translate(calc(var(--o) * var(--spread))) translateY(calc(var(--a) * var(--a) * 14px)) rotate(calc(var(--o) * var(--tilt)));transition:transform .9s cubic-bezier(.16,1,.3,1),box-shadow .3s var(--juro-ease);transition-delay:calc(var(--a) * 70ms)}.juro-fan__card img{display:block;inline-size:100%;block-size:100%;object-fit:cover}.juro-fan__cards[data-juro-in]:not([data-juro-in=true]) .juro-fan__card{transform:translateY(40px) rotate(calc(var(--o) * 2deg))}.juro-fan__cards[data-juro-in]{opacity:1;transform:none}@media(hover:hover){.juro-fan__card:hover{z-index:100;transition-delay:0ms;transform:translate(calc(var(--o) * var(--spread))) translateY(calc(var(--a) * var(--a) * 14px - 26px)) rotate(calc(var(--o) * var(--tilt) * .4)) scale(1.04);box-shadow:0 4px 8px #0f1b2c14,0 36px 80px #0f1b2c4d}}@media(max-width:749px){.juro-fan__cards{--card: 46vw;--spread: 21vw;--tilt: 7deg}}@media(prefers-reduced-motion:reduce){.juro-fan__card,.juro-fan__cta{transition:none}.juro-fan__cards[data-juro-in]:not([data-juro-in=true]) .juro-fan__card{transform:translate(calc(var(--o) * var(--spread))) translateY(calc(var(--a) * var(--a) * 14px)) rotate(calc(var(--o) * var(--tilt)))}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/juro-image-fan.css.map */