.music-archive { --music-ink:#14263e; --music-muted:#565752; --music-gold:#8b7044; color:var(--music-ink); padding-block:34px 0; }
.music-intro { max-width:750px; margin:0 auto 26px; text-align:center; }
.music-archive .music-eyebrow { margin:0 0 12px; font:700 .7rem/1.6 Arial,Helvetica,sans-serif; text-transform:uppercase; letter-spacing:.18em; color:#685437; }
.music-intro h1 { margin:0 0 14px; font-size:clamp(2rem,4vw,3.5rem); letter-spacing:.02em; }
.music-intro .music-deck { margin:0 0 12px; font:italic 1.5rem/1.4 Georgia,serif; }
.music-intro > p:last-child { max-width:580px; margin:0 auto; color:var(--music-muted); font-size:1.12rem; }
.music-preview-note { margin:0 0 28px; padding:12px 18px; border-left:3px solid var(--music-gold); background:rgb(255 255 255 / 55%); font: .8rem/1.6 Arial,Helvetica,sans-serif; color:#53534c; }
.music-feature { display:grid; grid-template-columns:39% 1fr; background:#f8f5ed; border:1px solid #b8ac94; box-shadow:0 8px 22px rgb(45 37 24 / 9%); }
.music-feature-art { position:relative; min-width:0; }
.music-feature-art img { display:block; width:100%; height:100%; min-height:390px; max-height:480px; object-fit:cover; object-position:center 35%; }
.music-feature-art > span { position:absolute; inset:auto 0 0; padding:26px 18px 16px; background:linear-gradient(transparent,rgb(0 0 0 / 75%)); color:white; font:italic 1rem/1.5 Georgia,serif; }
.music-feature-body { align-self:center; min-width:0; padding:30px 36px; }
.music-feature-body h2 { margin:0 0 12px; font:normal clamp(1.7rem,2.5vw,2.4rem)/1.15 Georgia,serif; letter-spacing:-.025em; color:var(--music-ink); text-shadow:none; }
.music-credit { color:var(--music-ink); font-size:1.15rem; }
.music-song-date { font:.8rem/1.6 Arial,Helvetica,sans-serif; color:#56534d; }
.music-feature-body > p:not(.music-eyebrow) { margin:0 0 17px; }
.music-listen-label { display:block; margin:22px 0 8px; font:700 .7rem/1.5 Arial,Helvetica,sans-serif; text-transform:uppercase; letter-spacing:.1em; }
.music-archive.page-content audio { display:block; width:100%; max-width:100%; min-width:0; height:42px; }
.music-feature-body .music-file { display:inline-block; margin-top:12px; font-size:.9rem; }
.music-collection { margin-top:44px; }
.music-collection-heading { display:flex; justify-content:space-between; align-items:end; gap:16px; padding-bottom:18px; border-bottom:2px solid var(--music-ink); }
.music-collection-heading .music-eyebrow { margin-bottom:5px; }
.music-collection-heading h2 { color:var(--music-ink); font:normal 1.8rem/1.2 Georgia,serif; letter-spacing:-.02em; text-shadow:none; margin:0; }
.music-collection-heading > p { margin:0; font: .75rem/1.5 Arial,Helvetica,sans-serif; color:var(--music-muted); }
.music-tracks { margin:0; padding:0; list-style:none; }
.music-track { display:grid; grid-template-columns:24px 90px minmax(0,1fr) minmax(220px,30%); gap:18px; align-items:center; padding:25px 0; border-bottom:1px solid #b9b09c; }
.music-track-number { align-self:start; padding-top:4px; font: .8rem/1.5 Georgia,serif; color:#6e6049; }
.music-track-art { height:90px; overflow:hidden; background:#e7e3d8; }
.music-track-art img { width:100%; height:100%; object-fit:cover; display:block; }
.music-track-art--notes { display:grid; place-items:center; position:relative; background:repeating-linear-gradient(0deg,transparent 0 13px,rgb(255 255 255 / 15%) 13px 14px),#263d51; color:#e1d5b9; }
.music-track-art--notes span { font:3rem/1 Georgia,serif; }
.music-track-art--warm { background:repeating-linear-gradient(0deg,transparent 0 13px,rgb(255 255 255 / 15%) 13px 14px),#71523c; }
.music-kind { font:700 .6rem/1.5 Arial,Helvetica,sans-serif; letter-spacing:.12em; text-transform:uppercase; color:#6e5433; margin:0 0 5px; }
.music-track h3 { margin:0 0 7px; font:normal 1.2rem/1.25 Georgia,serif; }
.music-track-copy > p:not(.music-kind) { margin:0; font-size:.88rem; color:#56534d; }
.music-track-copy .music-track-description { margin-top:5px!important; font-size:.82rem!important; }
.music-track-media { min-width:0; }
.music-track-media > a,.music-media-links { display:block; margin-top:9px; font:.75rem/1.5 Arial,Helvetica,sans-serif; }
.music-media-links { display:flex; flex-wrap:wrap; gap:12px; }
.music-closing { margin:40px 0 10px; text-align:center; }
.music-closing > span { font-size:2rem; color:var(--music-gold); }
.music-closing p { margin:4px 0 10px; font:italic 1.3rem/1.5 Georgia,serif; }
.music-closing a { font-size:.95rem; }
.music-song-links { display:flex; flex-direction:column; align-items:flex-start; gap:12px; margin-top:22px; }
.music-track-media.music-song-links { margin-top:0; gap:10px; }
.music-track-duration { margin:0; font:.75rem/1 Arial,Helvetica,sans-serif; color:#56534d; }
.music-track-media.music-song-links > a { margin:0; font-size:.88rem; }
.music-archive .music-song-links a.site-button[href] { flex-direction:row; gap:.75em; padding:.55em 1em; }
.music-archive .music-availability { margin:0; font:.75rem/1.6 Arial,Helvetica,sans-serif; color:#56534d; }
.music-feature-body .music-availability { margin:18px 0 0; }
.music-track-copy p.music-songwriter { font-size:1.05rem; font-weight:bold; color:var(--music-ink); }
.music-track-art--water { background:repeating-linear-gradient(0deg,transparent 0 13px,rgb(255 255 255 / 15%) 13px 14px),#315e69; }
.music-lyric-sheet { scroll-margin-top:30px; padding:30px 0; border-bottom:1px solid #b9b09c; }
.music-lyric-sheet h2 { color:var(--music-ink); text-shadow:none; letter-spacing:normal; }
.music-lyrics-status { padding:18px 22px; background:#f8f5ed; border-left:3px solid var(--music-gold); }
.music-lyrics { max-width:850px; margin:auto; }
.music-lyric-text { max-width:42rem; margin:28px 0; }
.music-lyric-stanza { margin:0 0 1.6em; font-size:1.12rem; line-height:1.7; }
.music-lyric-cue { margin:1.8em 0 .7em; color:#56534d; font:italic .88rem/1.5 Georgia,serif; }
@media(max-width:1200px) { .music-track { grid-template-columns:20px 70px minmax(0,1fr); gap:14px; } .music-track-art { height:70px; } .music-track-media { grid-column:3; max-width:340px; } .music-feature-body { padding:25px; } }
@media(max-width:650px) { .music-archive { padding-top:25px; } .music-feature { grid-template-columns:1fr; } .music-feature-art img { height:240px; min-height:0; object-position:center 30%; } .music-feature-body { padding:25px 22px; } .music-collection-heading { display:block; } .music-collection-heading > p { margin-top:12px; } .music-track { grid-template-columns:18px 56px minmax(0,1fr); gap:12px; align-items:start; } .music-track-art { height:56px; } .music-track-media { grid-column:1 / -1; max-width:none; padding-left:30px; } .music-track h3 { font-size:1.15rem; } }