*{box-sizing:border-box}body{margin:0;color:#fff7df;background:radial-gradient(circle at 50% 2%,rgba(242,198,110,.12),transparent 24rem),linear-gradient(180deg,#0b2d4c,#061d32);font-family:Georgia,"Times New Roman",serif}.site-header{border-bottom:1px solid rgba(255,228,164,.14);background:rgba(6,29,50,.94)}.site-nav{width:min(1180px,calc(100% - 36px));min-height:66px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand,.nav-links a{color:#ffe4a4;text-decoration:none}.brand{font-weight:700;font-size:1.15rem}.nav-links{display:flex;gap:22px;flex-wrap:wrap}.nav-links a{color:#e8ddc5;font-size:.92rem}.nav-links a.active{color:#ffe4a4}.hero{width:min(1180px,100%);margin:auto;padding:22px 18px 0}.hero-frame{overflow:hidden;border:1px solid rgba(255,228,164,.45);border-radius:18px;box-shadow:0 18px 48px rgba(0,0,0,.28)}.cover-art{display:block;width:100%}.countdown-card{width:min(700px,calc(100% - 24px));margin:-24px auto 0;padding:14px 24px 13px;position:relative;text-align:center;border-radius:18px;color:#4c2d21;background:#fbf0cf;box-shadow:0 10px 28px rgba(0,0,0,.23)}.eyebrow,.kicker{margin:0;font-size:.83rem;letter-spacing:.15em;text-transform:uppercase;font-weight:700}.eyebrow{color:#8a5a31}.countdown-line{display:flex;align-items:baseline;justify-content:center;gap:12px;flex-wrap:wrap}#days-number{color:#a55f2f;font-size:clamp(2.15rem,6.5vw,3.8rem);font-weight:700}#days-label{font-size:clamp(1.15rem,3.2vw,1.75rem);font-weight:700}.intro{width:min(850px,calc(100% - 36px));margin:42px auto 76px;text-align:center}.kicker{color:#f2c66e;margin-bottom:14px}h1{margin:0 auto 22px;max-width:800px;color:#ffe4a4;line-height:1.06;font-size:clamp(1.9rem,5vw,3.55rem)}.lead{font-size:clamp(1.15rem,2.4vw,1.45rem);line-height:1.7}.supporting{color:#e9dfc8;line-height:1.65}.tagline{color:#ffe4a4;font-weight:700;font-size:1.3rem}.buy-area{margin-top:34px}.buy-button{display:inline-block;padding:15px 28px;border-radius:999px;color:#422817;background:linear-gradient(#ffe2a1,#dda84f);font-weight:700}.disabled{opacity:.72}.release-note{color:#d4c9b2;font-size:.92rem}.authors-teaser{text-align:center;margin:0 auto 70px}.authors-teaser h2{color:#ffe4a4}.authors-teaser p:last-child{color:#d4c9b2}footer{text-align:center;padding:30px;border-top:1px solid rgba(255,228,164,.14);color:#dacaa4}.small{font-size:.83rem;text-transform:uppercase}.music-page{width:min(940px,calc(100% - 36px));margin:auto;padding:70px 0 80px}.music-intro{text-align:center;max-width:780px;margin:0 auto 42px}.music-intro>p:last-child{font-size:1.13rem;line-height:1.65;color:#eee4cf}.sample-list{display:grid;gap:18px;max-width:790px;margin:auto}.sample-card{display:flex;gap:22px;align-items:center;padding:22px 24px;border-radius:18px;color:#4c2d21;background:linear-gradient(#fff7df,#fbf0cf);box-shadow:0 9px 24px rgba(0,0,0,.18)}.music-note{flex:0 0 52px;text-align:center;color:#bd8130;font-size:2.8rem}.sample-copy{min-width:0;flex:1}.sample-copy h2{margin:0;color:#5c3828}.sample-copy p{margin:4px 0 12px;color:#86634c}.sample-copy audio{width:100%;max-width:600px}.music-closing{text-align:center;margin-top:48px}.back-home{color:#ffe4a4}.music-closing .tagline{margin-bottom:22px}@media(max-width:760px){.site-nav{padding:13px 0;align-items:flex-start;flex-direction:column;gap:10px}.nav-links{gap:9px 16px}.music-page{padding-top:48px}}@media(max-width:520px){.hero{padding:10px 10px 0}.sample-card{gap:12px;padding:18px 16px}.music-note{flex-basis:32px;font-size:2rem}}
/* Interior story glimpses */
.story-glimpses{
  width:min(980px,calc(100% - 36px));
  margin:-12px auto 82px;
  text-align:center;
}
.story-glimpses>.kicker{margin-bottom:26px}
.story-moment{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(230px,.75fr);
  gap:32px;
  align-items:center;
}
.story-moment.reverse{
  grid-template-columns:minmax(230px,.75fr) minmax(0,1.2fr);
}
.story-moment.reverse .story-image-frame{order:2}
.story-moment.reverse .story-teaser{order:1}
.story-image-frame{
  overflow:hidden;
  border-radius:16px;
  border:1px solid rgba(255,228,164,.35);
  box-shadow:0 14px 34px rgba(0,0,0,.25);
  background:#0a2946;
}
.story-image-frame img{
  display:block;
  width:100%;
  height:auto;
}
.story-teaser p{
  margin:0;
  color:#ffe4a4;
  font-size:clamp(1.3rem,2.8vw,1.85rem);
  line-height:1.45;
  font-style:italic;
}
.story-divider{
  margin:31px 0;
  color:#d9aa52;
  letter-spacing:.18em;
  font-size:1.2rem;
}
.samples-invite{margin-top:42px}
.samples-button{
  display:inline-block;
  margin-top:14px;
  padding:14px 25px;
  border:1px solid #ffdf96;
  border-radius:999px;
  color:#422817;
  background:linear-gradient(180deg,#ffe2a1,#dda84f);
  text-decoration:none;
  font-weight:700;
  box-shadow:0 7px 18px rgba(0,0,0,.22);
}
.publisher-mark{
  margin-top:13px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
}
.publisher-mark img{
  width:80px;
  height:auto;
  display:block;
  opacity:.9;
}
.publisher-mark .small{margin:0}

@media(max-width:700px){
  .story-moment,.story-moment.reverse{
    grid-template-columns:1fr;
    gap:18px;
  }
  .story-moment.reverse .story-image-frame,
  .story-moment.reverse .story-teaser{order:initial}
  .story-teaser{padding:0 10px}
  .publisher-mark img{width:68px}
}

/* Hidden full-audio page */
.full-audio-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:42px 18px}
.listener-card{width:min(760px,100%);text-align:center;padding:42px 34px 36px;border:1px solid rgba(255,228,164,.28);border-radius:22px;background:rgba(7,32,54,.86);box-shadow:0 18px 48px rgba(0,0,0,.28)}
.listener-card h1{margin-bottom:18px}.listener-intro{max-width:650px;margin:0 auto;color:#eee4cf;font-size:1.12rem;line-height:1.65}
.full-player-wrap{margin:32px auto 18px;padding:20px;border-radius:18px;background:linear-gradient(rgba(255,247,223,.98),rgba(251,240,207,.98));box-shadow:0 8px 24px rgba(0,0,0,.2)}
.full-player-wrap audio{display:block;width:100%}.listener-note{margin:0;color:#d9ccb3;font-size:1rem}
.publisher-mark{margin-top:13px;display:flex;flex-direction:column;align-items:center;gap:6px}
.publisher-mark img{width:90px;height:auto;display:block;opacity:.95}.publisher-mark .small{margin:0}
@media(max-width:600px){.listener-card{padding:32px 18px 28px}.full-player-wrap{padding:14px}.publisher-mark img{width:76px}}

/* Full-audio song navigation */
.now-playing{
  margin:0 0 16px;
  padding:12px 14px;
  border-radius:12px;
  background:#0b2d4c;
  color:#fff7df;
  text-align:left;
}
.now-playing-label{
  display:block;
  margin-bottom:3px;
  color:#f2c66e;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}
#currentSong{
  display:block;
  color:#ffe4a4;
  font-size:1.18rem;
  line-height:1.3;
}
.song-menu{
  margin:30px auto 0;
}
.song-menu h2{
  margin:0 0 16px;
  color:#ffe4a4;
  font-size:1.55rem;
}
.song-buttons{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.song-jump{
  appearance:none;
  border:1px solid rgba(255,228,164,.4);
  border-radius:12px;
  padding:12px 14px;
  color:#fff7df;
  background:rgba(11,45,76,.9);
  font-family:Georgia,"Times New Roman",serif;
  font-size:.98rem;
  line-height:1.25;
  text-align:left;
  cursor:pointer;
}
.song-jump:hover,
.song-jump:focus-visible,
.song-jump.playing{
  color:#422817;
  background:linear-gradient(180deg,#ffe2a1,#dda84f);
  border-color:#ffdf96;
  outline:none;
}
@media(max-width:600px){
  .song-buttons{grid-template-columns:1fr}
  .song-jump{text-align:center}
}
