.cards-fan{display:block;overflow-x:clip;margin-top:0;padding-top:clamp(50px,calc(154 * 100vw / 1920),154px);padding-bottom:clamp(50px,calc(160 * 100vw / 1920),160px);margin-bottom:0;padding-inline:20px}@media(min-width:768px){.cards-fan{padding-inline:max(50px,calc((100vw - var(--grid-width, 1280px)) / 2))}}.cards-fan__inner{display:flex;flex-direction:column;align-items:center}.cards-fan__title{margin:0 0 clamp(24px,calc(100vw * var(--title-gap) / 1920),calc(var(--title-gap) * 1px));font-family:var(--title-ff);font-weight:var(--title-fw);font-size:clamp(28px,calc(100vw * var(--title-sz) / 1920),calc(var(--title-sz) * 1px));line-height:var(--title-lh);letter-spacing:var(--title-ls);color:var(--title-color);text-align:center}.cards-fan__stage{display:flex;gap:24px;justify-content:center;width:100%;max-width:1040px}.cards-fan__card{position:relative;flex:1 1 0;min-width:0;aspect-ratio:416 / 518;border-radius:var(--card-radius);overflow:hidden;text-decoration:none;transform-origin:center center;box-shadow:0 16px 16px #00000040;outline:4px solid rgba(255,255,255,.6);outline-offset:-1px}.cards-fan__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#66666640,#0000008c)}.cards-fan__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.cards-fan__placeholder{background:#0000000f}.cards-fan__overlay{position:absolute;inset:auto 0 0 0;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 18px 32px;text-align:center;color:#fff;background:#e7e1d366;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.cards-fan__card-title{margin:0;font-size:clamp(18px,1.46vw,28px);font-weight:500;line-height:1;color:#fff}.cards-fan__card-desc{margin:0;font-size:clamp(12px,.73vw,14px);line-height:1.35;opacity:.92}.cards-fan__more{font-size:clamp(13px,.83vw,16px);line-height:1.35}.cards-fan.is-anim .cards-fan__stage{display:block;position:relative;width:var(--card-w);max-width:none;aspect-ratio:416 / 518}.cards-fan.is-anim .cards-fan__card{position:absolute;top:0;right:0;bottom:0;left:0;flex:none;will-change:transform}@media(min-width:768px){.cards-fan--full{display:flex;align-items:center;box-sizing:border-box;min-height:100vh;min-height:100svh;padding-top:clamp(40px,6vh,100px);padding-bottom:clamp(40px,6vh,100px);padding-inline:50px}.cards-fan--full .cards-fan__inner{width:100%}.cards-fan--full.is-anim .cards-fan__inner{transform:translateY(calc((var(--mid-lift, 0px) - var(--side-drop, 0px)) / 2))}.cards-fan--full .cards-fan__stage{max-width:none;gap:var(--fan-gap, 24px)}.cards-fan--full .cards-fan__card{max-width:calc(var(--fan-card-vh, 55svh) * 416 / 518)}.cards-fan--full.is-anim .cards-fan__stage{width:min(calc((100% - (var(--card-count, 3) - 1) * var(--fan-gap, 110px)) / var(--card-count, 3)),calc(var(--fan-card-vh, 55svh) * 416 / 518),calc((100svh - var(--fan-vfit-reserve, 320px) - var(--side-drop, 34px)) * 416 / 518))}.cards-fan--full.is-anim .cards-fan__card{max-width:none}}.low-end .cards-fan__card{box-shadow:none}@media(max-width:767px){.cards-fan__stage{flex-direction:column;max-width:420px}.cards-fan__card{flex:none;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/cards-fan.css.map */