.fan-process{overflow:hidden;padding:100px 0 70px;background:radial-gradient(ellipse at 50% 48%,#182d49 0,#070e20 52%,#040a1c 90%)}.fan-heading{text-align:center}.fan-heading h2{font-size:clamp(30px,4vw,58px);font-weight:500;margin:22px 0 18px;letter-spacing:.02em}.fan-heading>p:last-child{color:#9cacbf;font-size:16px}.fan-stage{position:relative;height:460px;max-width:1500px;margin:30px auto 0;perspective:1400px;touch-action:pan-y;outline-offset:-10px}.fan-card{position:absolute;left:50%;top:36px;width:310px;height:350px;margin-left:-155px;padding:0;border:1px solid #bcd6ff40;border-radius:12px;overflow:hidden;background:#111c2f;color:white;cursor:pointer;transform-origin:50% 110%;box-shadow:0 24px 60px #0008;will-change:transform,opacity;isolation:isolate}.fan-art{position:absolute;inset:0;background-image:url(process-covers.webp);background-size:300% 200%;background-position:calc(var(--col)*50%) calc(var(--row)*100%)}.fan-shade{position:absolute;inset:0;background:linear-gradient(transparent 40%,#020815e8)}.fan-label{position:absolute;bottom:26px;left:25px;text-align:left}.fan-label small{display:block;font-size:9px;letter-spacing:.15em;color:#c0d0e2;margin-bottom:9px}.fan-label strong{font-size:26px;font-weight:500}.fan-card:focus-visible{outline:2px solid #fff;outline-offset:4px}.fan-controls{display:flex;justify-content:center;align-items:center;gap:24px}.fan-controls button{border:1px solid #a3bddb55;border-radius:50%;background:transparent;color:white;width:44px;height:44px;font-size:21px;cursor:pointer}.fan-controls button:hover{background:#ffffff15}.fan-controls span{font:12px var(--mono);letter-spacing:.16em;color:#b0c1d7}.fan-detail{text-align:center;max-width:670px;margin:26px auto}.fan-detail h3{font-size:25px;font-weight:500;margin-bottom:12px}.fan-detail p{color:#a6b5cc;line-height:1.9;min-height:54px}.fan-detail div{font-size:12px;color:#c7d7ec;margin-top:18px}.fan-tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:30px}.fan-tabs button{background:transparent;color:#8c9cb5;border:0;border-bottom:1px solid #ffffff20;padding:12px 15px;cursor:pointer}.fan-tabs button[aria-pressed=true]{color:#eaf2ff;border-color:#b7d3ff}.fan-credit{text-align:center;color:#72849e;font-size:10px;margin-top:26px;letter-spacing:.06em}@media(max-width:600px){.fan-process{padding:70px 0 50px}.fan-heading h2{font-size:29px}.fan-heading>p:last-child{font-size:13px}.fan-stage{height:370px;margin-top:20px}.fan-card{width:240px;height:290px;margin-left:-120px}.fan-label strong{font-size:23px}.fan-detail p{font-size:14px;min-height:80px}.fan-tabs{gap:4px}.fan-tabs button{font-size:11px;padding:10px}.fan-detail{margin-top:22px}}