/* Each work keeps its own approved button artwork. */
.academy-story .academy-soundtrack{position:relative;z-index:2;width:min(1100px,calc(100% - 64px));margin:28px auto 34px}
.academy-soundtrack-button{position:relative;isolation:isolate;display:flex;align-items:center;gap:24px;width:100%;min-height:156px;border:0;padding:26px 60px;background:transparent;color:#f4fbff;text-align:left;cursor:pointer;font-family:'Wanted Sans',sans-serif;filter:drop-shadow(0 0 14px #46bdff25);transition:filter .2s,transform .2s}
.academy-soundtrack-button::before{content:'';position:absolute;inset:0;z-index:-1;background:url('/assets/academy-v1/button.webp') center/100% 100% no-repeat;pointer-events:none}
.academy-soundtrack-button:hover{filter:drop-shadow(0 0 21px #67d4ff65);transform:translateY(-2px)}
.academy-soundtrack-button:focus-visible{outline:3px solid #c8f4ff;outline-offset:5px;border-radius:12px}
.soundtrack-play{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border:1px solid #82daff88;border-radius:50%;background:#79d8ff1f;color:#d9faff;font-size:24px;padding-left:3px;box-shadow:0 0 24px #66cfff26}
.soundtrack-copy{display:grid;gap:6px;min-width:0}
.soundtrack-copy small{font-size:10px;letter-spacing:.2em;font-weight:700;color:#9adfff}
.soundtrack-copy strong{font-family:'Paperlogy','Wanted Sans',sans-serif;font-size:clamp(20px,2.5vw,31px);font-weight:800;letter-spacing:-.035em;line-height:1.3;word-break:keep-all}
.soundtrack-copy>span{font-size:13px;color:#bed8eb;line-height:1.5}
.soundtrack-copy i{font-style:normal;margin:0 7px;color:#70cfff}
.soundtrack-action{margin-left:auto;white-space:nowrap;flex:none;font-weight:750;font-size:15px;color:#cdf5ff}
.soundtrack-action b{margin-left:8px}
.soundtrack-bars{display:none;align-items:center;gap:3px;height:25px;flex:none}
.soundtrack-bars i{width:3px;height:18px;background:#9bedff;transform-origin:center;animation:academy-sound-wave 1s ease-in-out infinite alternate}
.soundtrack-bars i:nth-child(2n){animation-delay:-.4s;height:25px}.soundtrack-bars i:nth-child(3){animation-delay:-.7s;height:12px}
.is-playing .soundtrack-bars{display:flex}.is-playing .soundtrack-play{color:#a3f2ff;background:#66cfff35}
@keyframes academy-sound-wave{from{transform:scaleY(.3)}to{transform:scaleY(1)}}
@media(max-width:650px){.academy-story .academy-soundtrack{width:calc(100% - 24px);margin:18px auto 24px}.academy-soundtrack-button{min-height:170px;padding:30px 27px;gap:14px;display:grid;grid-template-columns:40px minmax(0,1fr)}.soundtrack-play{width:40px;height:40px;font-size:20px;grid-row:1 / 3}.soundtrack-copy{gap:5px}.soundtrack-copy strong{font-size:20px}.soundtrack-copy small{font-size:9px;letter-spacing:.13em}.soundtrack-copy>span{font-size:11px}.soundtrack-action{grid-column:2;margin:0;font-size:13px}.soundtrack-bars{display:none!important}}
@media(prefers-reduced-motion:reduce){.academy-soundtrack-button{transition:none}.academy-soundtrack-button:hover{transform:none}.soundtrack-bars i{animation:none}}

/* Arkesia reuses its existing action frame, not the academy's sci-fi art. */
.work-intro .arkesia-soundtrack{position:relative;width:min(1100px,calc(100% - 64px));margin:32px auto 0}
.arkesia-soundtrack .academy-soundtrack-button{color:#fff5e5;filter:drop-shadow(0 5px 14px #6a23302b)}
.arkesia-soundtrack .academy-soundtrack-button::before{background-image:url('/assets/redesign/action-frame.svg')}
.arkesia-soundtrack .academy-soundtrack-button:hover{filter:drop-shadow(0 6px 18px #992f4955)}
.arkesia-soundtrack .academy-soundtrack-button:focus-visible{outline-color:#992f49}
.arkesia-soundtrack .soundtrack-play{border-color:#f5d1a5aa;color:#fff1d6;background:#f8d8a91a;box-shadow:0 0 24px #f1c68b20}
.arkesia-soundtrack .soundtrack-copy small,.arkesia-soundtrack .soundtrack-copy i{color:#f3d2a7}
.arkesia-soundtrack .soundtrack-copy>span{color:#f8e4d2}
.arkesia-soundtrack .soundtrack-action{color:#fff1d6}
.arkesia-soundtrack .soundtrack-bars i{background:#ffdfab}
.arkesia-soundtrack .is-playing .soundtrack-play{color:#fff4da;background:#f8d8a933}
@media(max-width:650px){.work-intro .arkesia-soundtrack{width:calc(100% - 24px);margin:20px auto 0}}

/* New commissioned ink/guqin painting; no academy or Arkesia frame reuse. */
.manin-intro .manin-soundtrack{position:relative;z-index:2;margin:0;padding:34px max(20px,calc((100% - 1180px)/2));background:#25302b url('/assets/manin-soundtrack/ink-valley.webp') center/cover no-repeat;box-shadow:inset 0 14px 22px -18px #c7b892,inset 0 -14px 22px -18px #c7b892}
.manin-soundtrack .academy-soundtrack-button{display:flex;gap:22px;min-height:218px;padding:32px 25% 32px 15%;color:#fff2d7;filter:none;line-height:1.4}
.manin-soundtrack .academy-soundtrack-button::before{background-image:url('/assets/manin-soundtrack/ink-score.webp');background-size:100% 100%}
.manin-soundtrack .academy-soundtrack-button:hover{filter:drop-shadow(0 3px 9px #74542340);transform:translateY(-2px)}
.manin-soundtrack .academy-soundtrack-button:focus-visible{outline:2px solid #8f2e24;outline-offset:2px;border-radius:0}
.manin-soundtrack .soundtrack-play{position:absolute;left:6.5%;top:50%;transform:translateY(-50%);width:46px;height:46px;display:grid;place-items:center;border:0;border-radius:0;background:none;box-shadow:none;color:#fff0cb;font-size:28px}
.manin-soundtrack .soundtrack-copy{gap:8px}
.manin-soundtrack .soundtrack-copy small{font-family:var(--mn-title);font-size:15px;letter-spacing:.08em;color:#dbbb85}
.manin-soundtrack .soundtrack-copy strong{font-family:var(--mn-title);font-size:clamp(25px,3vw,37px);font-weight:400;line-height:1.2;letter-spacing:0;color:#fff2d7}
.manin-soundtrack .soundtrack-copy i{color:#caa26e}
.manin-soundtrack .soundtrack-copy>.soundtrack-action{font-size:13px;margin:1px 0 0;color:#f5d6a0;font-family:'Wanted Sans',sans-serif;font-weight:600;min-height:20px;grid-column:auto}
.manin-soundtrack-break{display:none}
.manin-soundtrack .soundtrack-bars{position:absolute;right:24%;bottom:35px;gap:4px}
.manin-soundtrack .soundtrack-bars i{background:#e5ba75}
.manin-soundtrack .is-playing .soundtrack-play{background:none;color:#fff8e9}
@media(max-width:800px){.manin-soundtrack .academy-soundtrack-button{min-height:190px;padding-right:19%;padding-left:17%}.manin-soundtrack .soundtrack-copy strong{font-size:29px}.manin-soundtrack .soundtrack-play{left:6%;font-size:23px;width:36px}.manin-soundtrack .soundtrack-copy small{font-size:12px}.manin-soundtrack .soundtrack-bars{right:19%;bottom:27px}}
@media(max-width:650px){.manin-intro .manin-soundtrack{padding:14px 8px}.manin-soundtrack .academy-soundtrack-button{min-height:210px;padding:36px 21% 36px 24%;gap:0}.manin-soundtrack .academy-soundtrack-button::before{background-image:url('/assets/manin-soundtrack/ink-score-mobile.webp')}.manin-soundtrack .soundtrack-copy{gap:8px}.manin-soundtrack .soundtrack-copy strong{font-size:27px;line-height:1.1}.manin-soundtrack-break{display:block}.manin-soundtrack .soundtrack-copy small{font-size:11px;letter-spacing:0;white-space:nowrap}.manin-soundtrack .soundtrack-copy>.soundtrack-action{font-size:12px}.manin-soundtrack .soundtrack-play{left:6%;top:41%;width:28px;font-size:20px}}
@media(prefers-reduced-motion:reduce){.manin-soundtrack .academy-soundtrack-button:hover{transform:none}}
