.card-fan{--blade-w: var(--fan-blade-w, 190px);--blade-h: calc(var(--blade-w) * 2.15);--pivot: calc(var(--blade-h) * .3);--step: var(--fan-step, 18deg);--fan-ease: cubic-bezier(.22, 1, .36, 1);overflow-x:clip}.card-fan__inner{display:grid;gap:clamp(32px,4vw,56px)}.card-fan__intro{display:grid;gap:12px;max-width:720px}.card-fan__intro>*{margin:0}.card-fan__intro--center{justify-self:center;text-align:center}.card-fan__deck{position:relative;height:calc(var(--blade-h) + var(--pivot));margin-bottom:56px;view-timeline:--card-fan block}.card-fan__blade{--angle: calc((var(--i) - (var(--fan-n) - 1) / 2) * var(--step));position:absolute;bottom:var(--pivot);left:50%;z-index:calc(var(--i) + 1);width:var(--blade-w);height:var(--blade-h);margin-left:calc(var(--blade-w) / -2);transform:rotate(calc(var(--angle) * .06));transform-origin:50% calc(100% + var(--pivot));transition:transform 1.1s var(--fan-ease);transition-delay:calc(var(--i) * 40ms)}.card-fan__deck.is-open .card-fan__blade{transform:rotate(var(--angle))}@supports (animation-timeline: view()){.card-fan--scroll .card-fan__blade{transition:none;animation:card-fan-open linear both;animation-timeline:--card-fan;animation-range:entry 15% cover 50%}}@keyframes card-fan-open{0%{transform:rotate(calc(var(--angle) * .06))}to{transform:rotate(var(--angle))}}.card-fan__card{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:18px;background:var(--blade-color);color:var(--blade-text);text-decoration:none;box-shadow:0 22px 40px -26px #2a1f2480,inset 0 0 0 1px #0000000a;transition:transform .5s var(--fan-ease),box-shadow .5s ease}.card-fan__media{flex:1 1 auto;min-height:0;margin:8px 8px 0;overflow:hidden;border-radius:12px;background:color-mix(in srgb,var(--blade-color) 70%,#fff)}.card-fan__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--fan-ease)}.card-fan__label{display:grid;gap:2px;padding:14px 14px 34px}.card-fan__title{font-family:var(--font-heading);font-size:clamp(14px,1.3vw,19px);line-height:1.15}.card-fan__subtitle{font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.78}.card-fan__rivet-hole{position:absolute;bottom:12px;left:50%;width:10px;height:10px;border-radius:50%;background:var(--bg);box-shadow:inset 0 1px 2px #0000004d;transform:translate(-50%)}@media(hover:hover){.card-fan__blade:hover{z-index:40}.card-fan__blade:hover .card-fan__card{transform:translateY(-28px);box-shadow:0 30px 50px -24px #2a1f248c}.card-fan__blade:hover .card-fan__media img{transform:scale(1.08)}}.card-fan__card:focus-visible{outline:2px solid var(--fg);outline-offset:3px;transform:translateY(-28px)}.card-fan__blade:focus-within{z-index:40}.card-fan__pivot{position:absolute;bottom:0;left:50%;z-index:50;display:grid;place-items:center;width:108px;height:108px;padding:12px;border-radius:50%;background:var(--fg);color:var(--bg);font-size:12px;font-weight:600;line-height:1.2;letter-spacing:.1em;text-align:center;text-decoration:none;text-transform:uppercase;transform:translate(-50%,50%);transition:transform .4s var(--fan-ease)}a.card-fan__pivot:hover{transform:translate(-50%,50%) scale(1.08)}.card-fan__pivot--dot{width:28px;height:28px;padding:0;box-shadow:0 0 0 6px color-mix(in srgb,var(--fg) 15%,transparent)}@media(max-width:989px){.card-fan{--blade-w: min(var(--fan-blade-w, 190px), 15vw)}}@media(max-width:749px){.card-fan{--blade-w: min(var(--fan-blade-w, 190px), 22vw);--step: var(--fan-step-mobile, 13deg)}.card-fan__card{border-radius:12px}.card-fan__media{margin:5px 5px 0;border-radius:8px}.card-fan__label{padding:8px 8px 24px}.card-fan__subtitle{display:none}.card-fan__rivet-hole{bottom:8px;width:7px;height:7px}.card-fan__deck{margin-bottom:44px}.card-fan__pivot{width:84px;height:84px;font-size:10px}}@media(hover:none){.card-fan__deck{margin-top:28px}.card-fan__deck .card-fan__blade.is-active{z-index:45;animation:none;transform:rotate(0);transition:transform .45s var(--fan-ease)}.card-fan__blade.is-active .card-fan__card{transform:translateY(-26px) scale(1.06);box-shadow:0 30px 50px -22px #2a1f248c,0 0 0 2px var(--fg)}.card-fan__deck.has-active .card-fan__blade:not(.is-active) .card-fan__card{opacity:.82}}@media(prefers-reduced-motion:reduce){.card-fan__blade,.card-fan--scroll .card-fan__blade{animation:none;transform:rotate(var(--angle));transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-card-fan.css.map */