.card-fan{padding:76px var(--pad) 70px;background:#f2e9d8;text-align:center;overflow:hidden}.card-fan-heading{max-width:700px;margin:0 auto 32px}.card-fan-heading h2{font:300 clamp(48px,6vw,88px)/.9 var(--serif);margin:14px 0}.card-fan-heading p:last-child{color:var(--muted);font-size:11px}.fan-deck{position:relative;width:min(100%,980px);height:clamp(430px,52vw,650px);margin:0 auto}.fan-card{position:absolute;left:50%;top:50%;width:clamp(190px,25vw,300px);aspect-ratio:4/5;border-radius:4px;overflow:hidden;background-size:cover;background-position:center;box-shadow:0 18px 45px rgba(38,31,24,.2);transition:transform .62s cubic-bezier(.22,1,.36,1),opacity .62s ease,filter .62s ease,z-index .62s step-end}.fan-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(10,9,8,.9) 100%)}.fan-card-copy{position:absolute;z-index:1;left:22px;right:18px;bottom:20px;text-align:left;color:#f8f3ea}.fan-card-copy small{display:block;color:#c5a880;font:600 8px var(--sans);letter-spacing:.18em}.fan-card-copy strong{display:block;margin-top:8px;font:400 clamp(22px,2.4vw,34px)/.95 var(--serif)}.fan-controls{display:flex;justify-content:center;gap:10px;margin-top:20px}.fan-controls button{width:42px;height:42px;border:1px solid rgba(38,36,31,.28);background:transparent;color:var(--ink);font-size:18px;cursor:pointer;transition:.25s}.fan-controls button:hover,.fan-controls button:focus-visible{background:var(--ink);color:var(--paper);outline:2px solid #c5a880;outline-offset:3px}.fan-card[data-position="active"]{transform:translate(-50%,-50%) scale(1);opacity:1;filter:none;z-index:5}.fan-card[data-position="upper-left"]{transform:translate(calc(-50% - 235px),calc(-50% - 70px)) rotateX(9deg) rotateY(18deg) rotateZ(-9deg) scale(.78);opacity:.45;filter:grayscale(.8);z-index:2}.fan-card[data-position="upper-right"]{transform:translate(calc(-50% + 235px),calc(-50% - 70px)) rotateX(9deg) rotateY(-18deg) rotateZ(9deg) scale(.78);opacity:.45;filter:grayscale(.8);z-index:2}.fan-card[data-position="lower-left"]{transform:translate(calc(-50% - 180px),calc(-50% + 125px)) rotateZ(-12deg) scale(.72);opacity:.38;filter:grayscale(.9);z-index:1}.fan-card[data-position="lower-right"]{transform:translate(calc(-50% + 180px),calc(-50% + 125px)) rotateZ(12deg) scale(.72);opacity:.38;filter:grayscale(.9);z-index:1}.fan-card[data-position="hidden"]{transform:translate(-50%,-50%) scale(.5);opacity:0;z-index:0}
@media(max-width:760px){.card-fan{padding:58px 20px 55px}.fan-deck{height:470px}.fan-card{width:210px}.fan-card[data-position="upper-left"]{transform:translate(calc(-50% - 115px),calc(-50% - 75px)) rotateZ(-9deg) scale(.65)}.fan-card[data-position="upper-right"]{transform:translate(calc(-50% + 115px),calc(-50% - 75px)) rotateZ(9deg) scale(.65)}.fan-card[data-position="lower-left"]{transform:translate(calc(-50% - 82px),calc(-50% + 115px)) rotateZ(-10deg) scale(.6)}.fan-card[data-position="lower-right"]{transform:translate(calc(-50% + 82px),calc(-50% + 115px)) rotateZ(10deg) scale(.6)}}
@media(prefers-reduced-motion:reduce){.fan-card{transition:opacity .2s ease,filter .2s ease}}