:root{color-scheme:dark;--ink:#171912;--deep:#11130f;--cream:#f6eddb;--muted:#c9bea8;--gold:#ebba76;--line:#ffffff25;--serif:Georgia,"Times New Roman",serif;--sans:system-ui,sans-serif}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--cream);font:1rem/1.65 var(--sans)}
a{color:inherit;text-decoration:none}
button{font:inherit}
a:focus-visible,button:focus-visible,audio:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
img{display:block;max-width:100%;height:auto}
figure,p{margin:0}
.wrap{width:min(100% - 3rem,1152px);margin-inline:auto}
.skip{position:absolute;top:1rem;left:1rem;z-index:2;transform:translateY(-200%);background:var(--gold);color:var(--deep);padding:.7rem 1rem}
.skip:focus{transform:none}
.top{border-bottom:1px solid var(--line);background:var(--deep)}
.top-inner,.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:1.2rem}
.wordmark{font:small-caps 1.55rem/1 var(--serif);letter-spacing:.055em;white-space:nowrap}
.wordmark i,h1 em,h2 em{color:var(--gold);font-weight:400}
nav{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(.8rem,3vw,2.2rem);font-size:.85rem}
nav a:hover,.text-link:hover,nav button:hover{color:var(--gold)}
.hero{background:radial-gradient(ellipse at 80% 20%,#42331d 0%,transparent 51%),linear-gradient(130deg,#27291c,var(--deep));border-bottom:1px solid var(--line)}
.hero-inner{display:grid;grid-template-columns:1fr minmax(0,.91fr);align-items:center;gap:clamp(2.5rem,7vw,7rem);padding-block:clamp(3rem,7vw,6.6rem)}
.eyebrow,.place,.record-date{font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;font-weight:700}
.eyebrow{color:var(--gold);display:flex;align-items:center;gap:.65rem}
.eyebrow span{display:inline-block;width:1.8rem;height:1px;background:currentColor}
h1,h2,h3{margin:0;font-family:var(--serif);font-weight:400;line-height:1.03}
h1{font-size:clamp(3.9rem,8.7vw,8.4rem);letter-spacing:-.065em;margin:.25em 0 .27em}
h2{font-size:clamp(2.65rem,5.5vw,5.25rem);letter-spacing:-.049em;margin:.28em 0 .3em}
h3{font-size:clamp(1.35rem,2.5vw,2rem);overflow-wrap:anywhere}
.lede{font:clamp(1.15rem,2.5vw,1.45rem)/1.45 var(--serif);max-width:29ch;color:var(--cream)}
.release-date{color:var(--muted);font-size:.84rem;margin-top:1.2rem}
.release-date span{padding-inline:.45rem;color:var(--gold)}
.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}
.button{display:inline-flex;justify-content:center;align-items:center;gap:.85rem;padding:.72rem 1rem;min-height:46px;border:1px solid var(--line);font-weight:700;font-size:.83rem}
.primary{background:var(--gold);border-color:var(--gold);color:#20180e}
.primary:hover{background:#fbd095}
.quiet:hover{border-color:var(--gold);color:var(--gold)}
.cover img{width:100%;border:1px solid #b7915870;box-shadow:0 20px 56px #0007}
.story{background:#202218}
.story-grid{display:grid;grid-template-columns:.83fr 1fr;gap:clamp(2rem,6vw,6rem);padding-block:clamp(3rem,7vw,6.2rem)}
.place{color:var(--muted)}
.story-copy{max-width:65ch}
.story-copy p+p{margin-top:1rem}
.story-copy p{color:#e0d6c5}
.story-copy .opening{font:clamp(1.45rem,3vw,2.1rem)/1.25 var(--serif);color:var(--cream)}
blockquote{margin:1.55rem 0 0;padding:.35rem 0 .35rem 1.2rem;border-left:2px solid var(--gold);font:italic clamp(1.35rem,3vw,2rem)/1.3 var(--serif);color:var(--gold)}
.listen{border-block:1px solid #8a69454d;background:#2e271b}
.listen-inner{display:grid;grid-template-columns:.83fr 1fr;align-items:center;gap:clamp(1.1rem,6vw,6rem);padding-block:clamp(2rem,5vw,4rem)}
#preview-status{color:var(--muted)}
audio{width:min(100%,32rem);display:block}
.listen-controls .actions{margin-top:.8rem}
.artist-grid{display:grid;grid-template-columns:minmax(0,.63fr) 1fr;align-items:center;gap:clamp(2rem,8vw,8rem);padding-block:clamp(3rem,7vw,6rem)}
.portrait{width:100%;max-height:440px;object-fit:cover;object-position:center 38%;border:1px solid var(--line)}
.artist-grid p:not(.eyebrow){max-width:48ch;color:var(--muted);margin-bottom:1.15rem}
.text-link{color:var(--gold);font-size:.89rem;font-weight:700;text-decoration:underline;text-underline-offset:.28em}
.text-link:hover{color:var(--cream)}
.music{background:var(--deep);border-top:1px solid var(--line);padding-block:clamp(3rem,6vw,5.5rem)}
.record-list{margin-top:1.7rem}
.record{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:clamp(.7rem,2vw,1.3rem);border-top:1px solid var(--line);padding-block:.8rem}
.record:last-child{border-bottom:1px solid var(--line)}
.record img{width:64px;height:64px;object-fit:cover;background:#2e271b}
.record-date{color:var(--muted);margin-bottom:.27rem;font-size:.65rem}
.footer{background:var(--deep);border-top:1px solid var(--line)}
.footer-inner{position:relative}
.label-credit{border-top:1px solid var(--line);padding-block:.8rem;color:var(--muted);font-size:.8rem}
.footer button{background:transparent;color:inherit;padding:0;border:0;cursor:pointer}
#share-status{position:absolute;bottom:.15rem;right:0;font-size:.75rem;color:var(--gold)}
@media(max-width:730px){
  .hero-inner,.story-grid,.listen-inner,.artist-grid{grid-template-columns:1fr}
  .hero-inner{gap:2rem}
  .cover{max-width:520px}
  .portrait{max-width:370px}
  .top-inner,.footer-inner{gap:.7rem}
}
@media(max-width:380px){
  .wrap{width:calc(100% - 2rem)}
  nav{gap:.65rem}
  .wordmark{font-size:1.25rem}
  .record{grid-template-columns:50px 1fr auto}
  .record img{width:50px;height:50px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.record h3 a:hover{color:var(--gold)}
.listen-inner p:not(.eyebrow){color:var(--muted)}

.theme-gator-bob{
  --ink:#19241d;
  --deep:#111b15;
  --cream:#f5f0dc;
  --muted:#c6cfb8;
  --gold:#d8dc8e;
}
.theme-gator-bob .hero{background:radial-gradient(ellipse at 21% 15%,#4d5331,transparent 62%),linear-gradient(135deg,#253b2b,var(--deep))}
.theme-gator-bob .cover img{border-color:#929965}
.theme-gator-bob .story{background:#25382c}
.theme-gator-bob .listen{background:#2d3d27;border-color:var(--line)}
@media(min-width:731px){
  .theme-gator-bob .hero-copy{grid-column:2;grid-row:1}
  .theme-gator-bob .cover{grid-column:1;grid-row:1}
}

.theme-one-more-angel{
  --ink:#272137;
  --deep:#1c1827;
  --cream:#fcf0e5;
  --muted:#ddc9d5;
  --gold:#f0c8ae;
}
.theme-one-more-angel .hero{background:radial-gradient(ellipse at 73% 30%,#674352,transparent 60%),linear-gradient(130deg,#322a43,var(--deep))}
.theme-one-more-angel .cover img{border-color:#b68583;border-radius:42% 42% .3rem .3rem / 22% 22% .3rem .3rem;object-fit:cover}
.theme-one-more-angel .story{background:#31283d}
.theme-one-more-angel .listen{background:#403043;border-color:var(--line)}
.theme-one-more-angel .story-grid{grid-template-columns:1fr;gap:1.35rem;max-width:690px}