/* Approved lavender/poster reference. Scoped to the music page only. */
body[data-page=music] header{padding:16px 4% 20px;align-items:center}.retro-page .brand:after{display:none}
body[data-page=music] .retro-hero{grid-template-columns:minmax(0,34fr) minmax(0,59fr) minmax(0,7fr);gap:0;padding:0;background:linear-gradient(90deg,#c2a7cc 0 36%,#103b30 36%)!important;align-items:stretch}
body[data-page=music] .retro-hero>div{padding:65px 7% 50px 11%;background:#c2a7cc url('src/paper-grain.svg');position:relative}
body[data-page=music] .retro-hero:before,body[data-page=music] .retro-hero:after{display:none}
body[data-page=music] .retro-hero h1{font:bold clamp(42px,5.4vw,86px)/.98 Georgia,serif;color:#103b30;letter-spacing:-.055em;margin:22px 0}
body[data-page=music] .retro-hero .intro{font:clamp(23px,2.3vw,35px)/1.14 Georgia,serif;margin:20px 0}.music-rule{display:block;width:70px;border-top:3px solid #80578b;margin:25px 0}.music-aside{font:italic clamp(18px,1.7vw,25px)/1.4 Georgia,serif;margin:25px 0}.retro-hero .text-link{font:24px Georgia,serif;border-bottom:2px solid currentColor}
body[data-page=music] .poster-hero{align-self:stretch;margin:0 -4px 0 6px;padding:0;transform:rotate(-1.8deg);border:9px solid #fff3db;box-shadow:7px 7px 0 #0003;z-index:1;display:flex;align-items:center;background:#103b30}
body[data-page=music] .poster-hero img{width:100%;height:100%;object-fit:contain}.margin-song{color:#c2a7cc;padding:25px 10px;font:italic clamp(17px,1.6vw,25px)/1.7 'Bradley Hand','Segoe Print',cursive;transform:rotate(-8deg);align-self:center}
.retro-page .band-strip{position:relative;z-index:2;padding:14px 3%;font:bold clamp(12px,1.3vw,20px)/1.8 Georgia,serif;letter-spacing:4px}
.retro-page .soundtrack{grid-template-columns:1.4fr .85fr .95fr 1.2fr;gap:25px;padding:45px 4% 55px;align-items:center}.retro-page .soundtrack h2{font:bold clamp(32px,3.5vw,56px)/1 Georgia,serif;margin:0 0 20px}.soundtrack h2 span{color:#baa2cd}.soundtrack>div>p:not(.music-scribble){font:21px/1.4 Georgia,serif}.music-scribble{font:italic 25px/1.3 'Bradley Hand','Segoe Print',cursive;color:#baa2cd}
body[data-page=music] .retro-note{padding:28px 20px;position:relative;clip-path:polygon(1% 2%,97% 0,100% 96%,95% 99%,3% 100%,0 95%)}.retro-note:before{content:'';position:absolute;top:0;left:23%;width:80px;height:20px;background:#59375f80}.retro-page .retro-note h3{font:bold clamp(38px,4vw,64px)/.98 Georgia,serif;margin:10px 0 20px}.retro-note .music-scribble{color:#e0c9e4}
body[data-page=music] .setlist{padding:25px 22px;transform:rotate(3deg);background:repeating-linear-gradient(transparent 0 29px,#74508030 30px 31px),#fff3db url('src/paper-grain.svg');clip-path:polygon(0 2%,6% 0,98% 2%,100% 98%,94% 100%,1% 97%)}.retro-page .setlist h3{font:bold italic 28px/1.1 Georgia,serif;border-bottom:2px solid #80578b;margin:0 0 14px;padding-bottom:10px}.setlist p{font:24px/1.3 Georgia,serif;margin:0}.paper-star{display:block;color:#80578b;text-align:right;font:58px/1 Georgia,serif}.close-home{border-left:1px solid #fff3db77;padding-left:30px}.retro-page .close-home h3{font:bold clamp(30px,3vw,48px)/1 Georgia,serif;margin:0}.close-home>p:not(.music-scribble){font:clamp(23px,2.4vw,34px)/1.2 Georgia,serif}.close-home .music-rule{margin:15px 0}
@media(max-width:950px){.retro-page .soundtrack{grid-template-columns:1fr 1fr;gap:35px}.margin-song{display:none}body[data-page=music] .retro-hero{grid-template-columns:40% 60%}.close-home{border:0;padding:15px}.retro-page .band-strip{letter-spacing:2px}}
@media(max-width:650px){body[data-page=music] .retro-hero{grid-template-columns:1fr;background:#103b30!important}body[data-page=music] .retro-hero>div{padding:35px 7% 45px}body[data-page=music] .retro-hero h1{font-size:61px}body[data-page=music] .poster-hero{margin:10px 5% 25px;border-width:7px}.retro-page .soundtrack{grid-template-columns:1fr;padding:35px 7%}.retro-page .retro-note,.retro-page .setlist{max-width:350px;width:90%;justify-self:center}.retro-page .soundtrack h2{font-size:45px}}
@media(min-width:651px){body[data-page=music] .retro-hero h1{font-size:clamp(42px,4.5vw,72px)}body[data-page=music] .retro-hero>div{padding-top:55px;padding-bottom:40px}body[data-page=music] .poster-hero{align-self:center}body[data-page=music] .poster-hero img{height:auto}}