/* Approved music-only first chapter, implemented inside the six-chapter shell. */
:root{--topbar:84px;--bottombar:87px}
body{background:#f1ede3}
.site-header{padding:0 4.3%;gap:28px;background:#f1ede3;border-color:#6d785e26}
.site-header .brand{min-width:0;display:flex;gap:13px;flex:none;text-decoration:none}
.site-header .brand-seal{display:grid;place-items:center;width:34px;height:41px;font-size:23px;color:#907748;border:1px solid #a88c55;border-radius:0;transform:none;background:transparent;box-shadow:inset 0 0 0 3px #f1ede3,inset 0 0 0 4px #ab945733}
.site-header .brand-name strong{font-size:21px;font-weight:400;letter-spacing:.19em;color:#214b45}
.site-header .brand-name small{font:6px/1 system-ui,sans-serif;letter-spacing:.19em;margin-top:8px;color:#8a927c}
.chapter-nav{gap:29px;height:100%;margin-left:auto}
.chapter-nav button{height:100%;min-height:0;padding:0 1px;font-size:12px;letter-spacing:.08em;color:#7e8a72}
.chapter-nav button.is-active,.chapter-nav button:hover{color:#224c40}
.chapter-nav button.is-active::after{left:1px;right:1px;bottom:20px;height:2px;background:#aa8d51;box-shadow:none}
.site-header .header-marker{display:flex;gap:6px;min-width:auto;font-size:9px;letter-spacing:.11em;color:#77866c;margin-left:20px;text-align:right;align-items:flex-end}
.site-header .header-marker b{font:6px/1.6 system-ui,sans-serif;color:#a28e61;letter-spacing:.12em;white-space:nowrap}
.music-cover-section{background:#214a3b;color:#faf0d9;position:relative;isolation:isolate}
.music-cover-section::before,.music-cover-section::after{content:none}
.music-hero-art{position:absolute;z-index:-5;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;pointer-events:none}
.music-hero-shade{position:absolute;z-index:-3;inset:0;pointer-events:none;background:linear-gradient(90deg,#103b2edb 0%,#1a4032a6 26%,#254c3829 53%,transparent 76%),linear-gradient(0deg,#153c2d42,transparent 29%)}
.music-hero-rule{position:absolute;inset:19px;border:1px solid #dfcf9f40;pointer-events:none}
.music-hero-topline{position:absolute;left:5.4%;right:5.4%;top:36px;display:flex;align-items:center;justify-content:space-between;font:8px/1.5 system-ui,sans-serif;letter-spacing:.18em;color:#e7dfc5}
.music-hero-topline>span:first-child{display:flex;align-items:center;gap:13px}.music-hero-topline i{display:block;width:29px;height:1px;background:#c2b38783}
.music-hero-topline>span:last-child{font:9px/1.5 'Songti SC','STSong',serif;letter-spacing:.2em;color:#d9d8bd}
.music-hero-copy{position:absolute;left:8%;top:50%;transform:translateY(-45%);max-width:43%}
.music-eyebrow{font-size:14px;color:#d7dcb8;letter-spacing:.35em;margin:0 0 21px}
.music-hero-copy h1{font-size:clamp(62px,7.1vw,114px);font-weight:400;line-height:1.14;letter-spacing:.13em;margin:0 0 27px;color:#f7edd4;text-shadow:0 2px 22px #163c2f3d;white-space:nowrap}
.music-hero-subtitle{font-size:19px;letter-spacing:.16em;margin:0;color:#e6ddbc;line-height:1.8}
.music-hero-description{font-size:12px;line-height:2;letter-spacing:.1em;color:#c9d1b3;margin:19px 0 25px}
.music-primary-action{width:206px;height:47px;background:#eee6d0;color:#294c3b;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:13px;letter-spacing:.13em;box-shadow:0 6px 20px #143a2424;transition:background .2s,transform .2s}
.music-primary-action>span{font:23px/1 system-ui,sans-serif;font-weight:300}.music-primary-action:hover{background:#fff4d9;transform:translateY(-2px)}
.music-primary-action:focus-visible,.site-header .brand:focus-visible,.music-footer-next:focus-visible{outline:2px solid #bca264;outline-offset:4px}
.music-action-note{display:block;font-size:8px;letter-spacing:.18em;color:#c4c8a6;margin-top:14px}
.music-scene-caption{position:absolute;right:7.3%;bottom:11%;display:flex;align-items:center;gap:11px;color:#f0e4c0;text-shadow:0 2px 10px #294b33}
.music-scene-caption>span{display:block;width:23px;height:1px;background:#c1af7c}.music-scene-caption strong{font-size:11px;font-weight:400;letter-spacing:.2em;display:block}.music-scene-caption small{font-size:7px;display:block;letter-spacing:.12em;color:#d7d2b2;margin-top:7px}
.music-hero-side{position:absolute;right:35px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;font:7px/1.5 system-ui,sans-serif;letter-spacing:.22em;color:#ded6b87a}
.music-hero-bottomline{position:absolute;left:5.4%;bottom:33px;font-size:8px;letter-spacing:.23em;color:#c7c6a0}
.site-footer{background:#f1ede3;border-color:#6d785e26;color:#7b8870;padding:0 4.3%}
.chapter-controls{gap:16px}.chapter-arrow{width:33px;height:31px;border-color:#b2b89e9c;color:#56704f;font-size:18px}.chapter-arrow:hover{background:#d8dec8;border-color:#a9b290}.chapter-position{color:#9ba28b;font-size:9px;gap:10px}.chapter-position b{color:#466446;font-size:20px;font-weight:300}.chapter-position i{height:auto;width:auto;background:none;font-size:8px;color:#b2b69e}.chapter-position i::before{content:'/'}
.site-footer .chapter-current-name{color:#6d8064}.chapter-instruction{color:#93a083}.footer-meta{color:#9ba38a}.footer-meta span:last-child{color:#9aa18b}
.chapter-progress{height:3px;background:#d3d7c1}.chapter-progress span{background:#a88c55;box-shadow:none}
.music-footer-collection,.music-footer-next{display:none}
.is-music-chapter .site-footer{display:flex;justify-content:space-between;gap:30px}
.is-music-chapter .site-footer .chapter-current-name,.is-music-chapter .site-footer .chapter-instruction,.is-music-chapter .site-footer .footer-meta{display:none}
.is-music-chapter .music-footer-collection{display:flex;align-items:center;gap:24px;font-size:10px;color:#7b8870;letter-spacing:.1em}
.music-footer-collection b{font:17px/1.3 system-ui,sans-serif;font-weight:300;color:#5e7757;margin-right:5px}.music-footer-collection>i{width:1px;height:18px;background:#b6bda22d}
.is-music-chapter .music-footer-next{display:flex;align-items:center;gap:25px;background:none;padding:0;border:0;cursor:pointer;text-align:left}
.music-footer-next small{display:block;color:#a0936f;font:6px/1.3 system-ui,sans-serif;letter-spacing:.15em;margin-bottom:7px}.music-footer-next strong{font-size:11px;font-weight:400;letter-spacing:.11em;color:#657c5d}.music-footer-next>b{font:22px/1 system-ui,sans-serif;color:#6d8360;font-weight:300}
@media(max-width:1060px){.site-header{gap:20px}.site-header .brand-name strong{font-size:19px}.chapter-nav{gap:18px}.chapter-nav button{font-size:11px}.site-header .header-marker{margin-left:4px}.music-hero-copy h1{font-size:77px}.music-hero-subtitle{font-size:16px}.music-hero-copy{max-width:48%}}
@media(max-width:800px){
 :root{--topbar:109px;--bottombar:89px}
 .site-header{padding:12px 22px;flex-wrap:wrap;gap:11px 20px;align-content:center}
 .site-header .brand{gap:10px}.site-header .brand-seal{width:28px;height:34px;font-size:20px}.site-header .brand-name strong{font-size:18px}.site-header .brand-name small{font-size:5px;margin-top:6px}
 .site-header .header-marker{margin-left:auto;font-size:8px;gap:6px;display:flex}.site-header .header-marker b{font-size:5px}
 .chapter-nav{display:flex;flex-basis:100%;flex-grow:0;order:3;height:31px;justify-content:space-between;gap:4px;margin-left:0}
 .chapter-nav button{font-size:10px;padding:0;min-height:0;height:31px}.chapter-nav button.is-active::after{bottom:0;left:0;right:0}
 .music-hero-rule{inset:12px}.music-hero-art{height:84%;object-position:100% 50%}
 .music-hero-shade{background:linear-gradient(0deg,#143e2efc 0%,#234d36ed 25%,#31553a73 51%,transparent 83%)}
 .music-hero-topline{top:24px;left:26px;right:26px;font-size:6px}.music-hero-topline>span:first-child{gap:9px}.music-hero-topline i{width:17px}.music-hero-topline>span:last-child{display:none}
 .music-hero-copy{top:auto;transform:none;left:31px;right:27px;bottom:46px;max-width:none}.music-eyebrow{font-size:11px;margin-bottom:15px}
 .music-hero-copy h1{font-size:50px;margin-bottom:15px;letter-spacing:.13em}.music-hero-subtitle{font-size:13px;letter-spacing:.08em}.music-hero-description{font-size:10px;line-height:1.9;margin:13px 0 18px;max-width:260px}
 .music-primary-action{width:184px;height:42px;font-size:11px;padding:0 15px}.music-primary-action>span{font-size:20px}.music-action-note{font-size:7px;margin-top:10px}
 .music-scene-caption{right:25px;bottom:auto;top:14%;gap:8px}.music-scene-caption>span{width:13px}.music-scene-caption strong{font-size:8px}.music-scene-caption small{font-size:5px;margin-top:5px}
 .music-hero-side{font-size:5px;right:22px;top:24%;color:#e4ddc47a}.music-hero-bottomline{display:none}
 .site-footer,.is-music-chapter .site-footer{padding:0 22px;gap:12px}.chapter-controls{gap:10px}.chapter-arrow{width:28px;height:28px;font-size:15px}.site-footer .chapter-position{font-size:8px;gap:7px}.chapter-position b{font-size:17px}
 .is-music-chapter .music-footer-collection{display:none}.is-music-chapter .music-footer-next{gap:16px}.music-footer-next small{font-size:5px;letter-spacing:.08em}.music-footer-next strong{font-size:9px}.music-footer-next>b{font-size:20px}
}
@media(max-height:730px) and (min-width:801px){:root{--topbar:76px;--bottombar:78px}.music-hero-copy h1{font-size:79px;margin-bottom:19px}.music-eyebrow{margin-bottom:15px;font-size:12px}.music-hero-subtitle{font-size:16px}.music-hero-description{font-size:11px;margin:13px 0 20px}.music-primary-action{height:42px;width:190px;font-size:12px}.music-action-note{margin-top:11px;font-size:7px}.music-hero-topline{top:30px}.music-hero-copy{transform:translateY(-43%)}}
@media(prefers-reduced-motion:reduce){.music-primary-action{transition:none}}