.dfs-cardfan{width:100%;display:flex;justify-content:center;position:relative}.dfs-cardfan__layout{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:34vw;min-height:380px}.dfs-cardfan--anchor-start .dfs-cardfan__layout{justify-content:flex-start;padding-left:6vw}.dfs-cardfan--anchor-end .dfs-cardfan__layout{justify-content:flex-end;padding-right:6vw}.dfs-cardfan__card{position:absolute;flex:none;width:18.52vw;aspect-ratio:4 / 7;border-radius:3.07vw;overflow:clip;backface-visibility:hidden;will-change:transform;color:inherit;text-decoration:none;transform:translate(calc(var( --fan-xu, 0 ) * .925926vw),calc(var( --fan-yu, 0 ) * .925926vw)) rotate(var( --fan-r, 0deg )) scale(var( --fan-s, 1 ))}.dfs-cardfan__media{position:absolute;inset:0;display:block}.dfs-cardfan__media img,.dfs-cardfan__media video{width:100%;height:100%;object-fit:cover;display:block}.dfs-cardfan__caps{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:4px;padding:18px 20px;background:linear-gradient(to top,rgba(0,0,0,.55),transparent);pointer-events:none;z-index:2}.dfs-cardfan__caption{font-size:14px;font-weight:600;letter-spacing:.04em;color:#fff}.dfs-cardfan__desc{font-size:12.5px;font-weight:400;line-height:1.5;color:#ffffffc7}.dfs-cardfan--caps-hover .dfs-cardfan__caps{opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease}.dfs-cardfan--caps-hover .dfs-cardfan__card:hover .dfs-cardfan__caps{opacity:1;transform:translateY(0)}.dfs-cardfan--caps-center .dfs-cardfan__caps{left:16px;right:16px;bottom:30px;padding:0;align-items:center;text-align:center;background:none;text-shadow:0 1px 18px rgba(0,0,0,.6),0 0 2px rgba(0,0,0,.4)}.dfs-cardfan--shadows .dfs-cardfan__card{box-shadow:0 8px 24px #0000002e;transition:box-shadow .45s ease}.dfs-cardfan--shadows .dfs-cardfan__card:hover{box-shadow:0 26px 60px #00000052}.dfs-cardfan--grain .dfs-cardfan__card{outline:1px solid rgba(255,255,255,.14);outline-offset:-1px}.dfs-cardfan--grain .dfs-cardfan__media:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E")}.dfs-cardfan__card:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.28) 50%,transparent 60%);transform:translate(-130%)}.dfs-cardfan.is-sheen .dfs-cardfan__card:before{transition:transform .9s cubic-bezier(.4,0,.2,1);transform:translate(130%)}.dfs-cardfan__card{transform-style:preserve-3d}.dfs-cardfan__back{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;background:#101014 center / 30% no-repeat;backface-visibility:hidden;transform:rotateY(180deg)}.dfs-cardfan__stage{position:fixed;inset:0;z-index:9990;display:flex;align-items:center;justify-content:center;background:#08080ad1;opacity:0;pointer-events:none;transition:opacity .35s ease}.dfs-cardfan__stage.is-open{opacity:1;pointer-events:auto}.dfs-cardfan__stage-card{position:relative;height:min(78vh,900px);aspect-ratio:4 / 7;border-radius:24px;overflow:clip;transform:scale(.92);transition:transform .4s cubic-bezier(.215,.61,.355,1)}.dfs-cardfan__stage.is-open .dfs-cardfan__stage-card{transform:scale(1)}.dfs-cardfan__stage-card img,.dfs-cardfan__stage-card video{width:100%;height:100%;object-fit:cover}.dfs-cardfan__stage-visit{position:absolute;left:50%;bottom:26px;transform:translate(-50%);padding:12px 22px;border-radius:999px;background:#fff;color:#101014;font-size:13px;font-weight:700;letter-spacing:.08em;text-decoration:none}.dfs-cardfan__stage-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border:0;border-radius:50%;background:#ffffff1f;color:#fff;font-size:20px;cursor:pointer}.dfs-cardfan__stage-nav--prev{left:4vw}.dfs-cardfan__stage-nav--next{right:4vw}.dfs-cardfan--deck .dfs-cardfan__card{transform:translate(calc(var( --fan-du, 0 ) * .6vw),calc(var( --fan-du, 0 ) * -.5vw)) rotate(calc(var( --fan-du, 0 ) * 1.2deg)) scale(calc(1 - var( --fan-du, 0 ) * .035))}.dfs-cardfan--scatter .dfs-cardfan__layout{justify-content:center;gap:0}.dfs-cardfan--scatter .dfs-cardfan__card{position:relative;width:15vw;margin-inline:-2.2vw;transform:rotate(var( --fan-r, 0deg ));transition:transform .45s cubic-bezier(.215,.61,.355,1),z-index 0s}.dfs-cardfan--scatter .dfs-cardfan__card:hover{transform:rotate(0) translateY(-1.5vw) scale(1.05);z-index:40}.dfs-cardfan--marquee{display:block}.dfs-cardfan__rail{display:flex;overflow:hidden;width:calc(100vw - var( --dfs-sbw, 0px ));margin-left:calc(50% - 50vw + var( --dfs-sbw, 0px ) / 2)}.dfs-cardfan__track{display:flex;flex:none;gap:var( --fan-mq-gap, 0px );padding-right:var( --fan-mq-gap, 0px );animation:dfs-fan-glide 30s linear infinite}.dfs-cardfan--marquee .dfs-cardfan__card{position:relative;width:calc((100vw - var( --dfs-sbw, 0px )) / var( --fan-per-view, 4 ));max-width:420px;transform:none}@keyframes dfs-fan-glide{to{transform:translate(-100%)}}.dfs-cardfan--marquee:hover .dfs-cardfan__track{animation-play-state:var( --fan-mq-hover, running )}@media (max-width: 991px){.dfs-cardfan__card{width:19.68vw;border-radius:3.26vw;transform:translate(calc(var( --fan-xmu, 0 ) * 1.15741vw),calc(var( --fan-yu, 0 ) * 1.15741vw)) rotate(var( --fan-r, 0deg )) scale(var( --fan-s, 1 ))}.dfs-cardfan__layout{height:41.7vw;min-height:0}.dfs-cardfan--scatter .dfs-cardfan__card{width:24vw;margin-inline:-3vw}.dfs-cardfan--marquee .dfs-cardfan__card{width:calc((100vw - var( --dfs-sbw, 0px ) - 6vw) / max(2,calc(var( --fan-per-view, 4 ) - 1)))}}@media (max-width: 479px){.dfs-cardfan__card{width:38.77vw;border-radius:7.8vw;transform:translate(calc(var( --fan-xmu, 0 ) * 2.76923vw),calc(var( --fan-yu, 0 ) * 2.76923vw)) rotate(var( --fan-r, 0deg )) scale(var( --fan-s, 1 ))}.dfs-cardfan__layout{height:92vw}.dfs-cardfan--scatter .dfs-cardfan__card{width:44vw;margin-inline:-5vw}.dfs-cardfan--marquee .dfs-cardfan__card{width:60vw}}@media (max-width: 991px){.dfs-cardfan--deck .dfs-cardfan__card{transform:translate(calc(var( --fan-du, 0 ) * .8vw),calc(var( --fan-du, 0 ) * -.6vw)) rotate(calc(var( --fan-du, 0 ) * 1.2deg)) scale(calc(1 - var( --fan-du, 0 ) * .035))}}@media (prefers-reduced-motion: reduce) and (dfs-reduced-motion-honoured){.dfs-cardfan__track{animation:none}.dfs-cardfan__card:before{display:none}.dfs-cardfan--scatter .dfs-cardfan__card{transition:none}}.dfs-cardfan--mq-native .dfs-cardfan__card{width:auto;max-width:none;aspect-ratio:auto;height:var( --fan-mq-h, 420px )}.dfs-cardfan--mq-native .dfs-cardfan__media{position:relative;height:100%;width:auto}.dfs-cardfan--mq-native .dfs-cardfan__media img,.dfs-cardfan--mq-native .dfs-cardfan__media video{height:100%;width:auto;max-width:none;object-fit:contain}.dfs-cardfan--phone .dfs-cardfan__layout{height:auto;min-height:0;padding-block:3vw;gap:var( --fan-ph-gap, 2.5vw )}.dfs-cardfan--phone .dfs-cardfan__card{position:relative;width:15.5vw;aspect-ratio:9 / 19.5;border-radius:clamp(20px,2.4vw,46px);padding:clamp(5px,.5vw,10px);background:var( --fan-ph-body, #101014 );box-shadow:0 24px 60px #00000047,inset 0 0 0 1px #ffffff1a;overflow:visible;filter:brightness(var( --fan-dim, 1 ));transform:translate(calc(var( --fan-xu, 0 ) * 1vw),calc(var( --fan-yu, 0 ) * 1vw)) rotate(var( --fan-r, 0deg )) scale(var( --fan-s, 1 ));transition:transform .45s cubic-bezier(.215,.61,.355,1),filter .45s ease}.dfs-cardfan--phone .dfs-cardfan__media{inset:clamp(5px,.5vw,10px);border-radius:clamp(16px,1.95vw,38px);overflow:clip;background:#000}.dfs-cardfan--phone .dfs-cardfan__card:after{content:"";position:absolute;top:calc(clamp(5px,.5vw,10px) + clamp(6px,.55vw,12px));left:50%;transform:translate(-50%);width:26%;height:clamp(9px,.8vw,15px);border-radius:999px;background:#000;z-index:2}.dfs-cardfan--phone .dfs-cardfan__card:before{display:none}@media (hover: hover){.dfs-cardfan--phone .dfs-cardfan__card:hover{transform:translate(calc(var( --fan-xu, 0 ) * 1vw),calc(var( --fan-yu, 0 ) * 1vw - .7vw)) rotate(var( --fan-r, 0deg )) scale(var( --fan-s, 1 ));filter:brightness(1)}}.dfs-cardfan--phone .dfs-cardfan__caps{position:absolute;inset:100% auto auto 50%;transform:translate(-50%);margin-top:.8vw;padding:0;align-items:center;text-align:center;background:none;white-space:nowrap}@media (max-width: 991px){.dfs-cardfan--phone .dfs-cardfan__card{width:24vw}}@media (max-width: 640px){.dfs-cardfan--phone .dfs-cardfan__layout{padding-block:6vw;gap:var( --fan-ph-gap, 3.5vw )}.dfs-cardfan--phone .dfs-cardfan__card{width:27vw}}.dfs-cardfan--phone.is-entering .dfs-cardfan__card{transition:none}.dfs-cardfan--in-editor.dfs-cardfan--phone:not([data-dfs-entrance=""]) .dfs-cardfan__card{animation:none}.dfs-cardfan--in-editor.dfs-cardfan--phone .dfs-cardfan__card{animation:dfs-ph-settle .55s cubic-bezier(.215,.61,.355,1) backwards}@keyframes dfs-ph-settle{0%{transform:translateY(1.2vw) rotate(0) scale(.97);opacity:.35}}@media (prefers-reduced-motion: reduce) and (dfs-reduced-motion-honoured){.dfs-cardfan--phone .dfs-cardfan__card{transition:none}.dfs-cardfan--in-editor.dfs-cardfan--phone .dfs-cardfan__card{animation:none}}