.pin{position:relative}.pin .stick{position:sticky;top:0;height:100svh;display:flex;align-items:center;overflow:hidden}.pin .inner{width:100%}.pin .pgrid{display:grid;grid-template-columns:var(--pin-split,55%) 1fr;gap:var(--pin-gap,52px);align-items:center}.pin .pgrid>div:first-child{display:flex;flex-direction:column;align-items:flex-start}.pin .rail{display:grid;gap:2px;width:100%}.pin .rail button{display:flex;align-items:center;gap:14px;padding:13px 0 13px 16px;text-align:left;border-left:2px solid var(--line);color:var(--tx-3);transition:.35s var(--ease);font-size:15px;font-weight:500;border-top:0;border-right:0;border-bottom:0;width:100%;background:none}.pin .rail button .n{font-family:var(--fm);font-size:11px;letter-spacing:.1em;opacity:.6}.pin .rail button.on{border-left-color:var(--red);color:var(--tx);padding-left:22px}.pin .rail button.on .n{color:var(--red-hi);opacity:1}.pin .pstage{position:relative;aspect-ratio:1/1;max-width:430px;margin-left:auto;width:100%;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:linear-gradient(160deg,#131316,#0C0C0E)}.pin .pstage .card{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:translate3d(48px,0,0) scale(.97);filter:blur(6px);transition:opacity .6s var(--eo),transform .8s var(--eo),filter .6s var(--eo)}.pin .pstage .card.on{opacity:1;transform:none;filter:blur(0)}.pin .pstage .card .art{width:74%;max-width:330px;color:rgba(255,255,255,.55)}.pin .pstage .card .tag{position:absolute;left:22px;bottom:22px}.pin .pstage .card .tag b{font-family:var(--fd);font-size:clamp(20px,2.4vw,32px);font-weight:500;display:block;letter-spacing:-.03em}.pin .pstage .card .tag span{font-family:var(--fm);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--tx-3);display:block;margin-top:7px}.pin .pstage .card .cap{position:absolute;right:20px;top:20px;font-family:var(--fm);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--tx-3);background:rgba(0,0,0,.44);border:1px solid var(--line);padding:5px 9px;border-radius:5px}.pin .bar{height:2px;background:var(--line);margin-top:22px;position:relative;overflow:hidden;border-radius:2px;width:100%}.pin .bar i{position:absolute;inset:0 auto 0 0;background:var(--red);width:0;transition:width .25s linear}@media(max-width:1024px){.pin .pgrid{--pin-split:100%;--pin-gap:30px;grid-template-columns:1fr}.pin .pstage{margin:0 auto;max-width:360px}.pin .rail{grid-template-columns:repeat(2,1fr)}.pin .stick{height:auto;position:static;padding:70px 0}.pin .pstage .card{position:relative;opacity:1;transform:none;filter:none}.pin .pstage .card:not(.on){display:none}}@media(max-width:480px){.pin .rail{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.pin .stick{position:static;height:auto;padding:70px 0}.pin .pstage .card{position:relative;opacity:1!important;transform:none!important;filter:none!important}}.pin .pin-title{font-size:clamp(26px,3.4vw,42px);font-weight:400;margin-bottom:22px}.pin .pin-note{color:var(--tx-2);font-size:15px;margin-top:20px}.pin .acts{margin-top:22px}.pin .pstage .card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}