:root{color-scheme:dark;--bg:#090e1c;--text:#f5f1e9;--muted:#b8bdcd;--gold:#ddc392;--line:rgba(221,195,146,.24)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--gold);outline-offset:6px}::selection{background:var(--gold);color:var(--bg)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;top:-100px;left:16px;background:var(--gold);color:var(--bg);padding:12px 20px;z-index:10}.skip-link:focus{top:10px}
.header{position:absolute;z-index:2;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:30px 5.5%;border-bottom:1px solid rgba(255,255,255,.1);gap:24px}.wordmark{font-family:Georgia,serif;font-size:15px;letter-spacing:3px;white-space:nowrap}.wordmark span{color:var(--gold)}nav{display:flex;gap:36px;align-items:center}nav a{font-size:12px;letter-spacing:2px;text-transform:uppercase}nav a:hover,.footer a:hover{color:var(--gold)}.nav-listen{border-bottom:1px solid var(--gold);padding-bottom:5px}.nav-listen span{margin-left:15px}
.hero{min-height:850px;min-height:100svh;position:relative;display:flex;align-items:center;padding:160px 7% 120px;background:linear-gradient(270deg,rgba(9,14,28,.38),transparent 54%),url('images/hero.png') center/cover no-repeat,var(--bg)}.hero-content{position:relative;max-width:465px;width:100%;margin:auto 0 auto auto}.eyebrow{font-size:10px;font-weight:600;letter-spacing:3px;color:var(--gold);margin:0 0 26px}.eyebrow span{margin:0 8px}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.05}h1{font-size:clamp(54px,6.4vw,98px);letter-spacing:5px;margin:0 0 30px}h1 span{color:#e7d4b4} .hero-lead{font-family:Georgia,serif;font-size:clamp(22px,2.2vw,30px);font-style:italic;margin:0 0 12px}.hero-description{color:#c6c9d3;font-size:15px;margin:0 0 36px}.platforms{display:flex;gap:10px;flex-wrap:wrap;scroll-margin-top:40px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:19px;border:1px solid rgba(221,195,146,.55);background:rgba(9,14,28,.5);min-height:52px;padding:14px 20px;font-size:10px;letter-spacing:1.1px;font-weight:700;transition:background .2s,color .2s}.button.primary{background:var(--gold);color:#111624;border-color:var(--gold)}.button:hover{background:#f0ddba;color:#111624}.button span[aria-hidden]{font-size:17px;line-height:1}.discover{position:absolute;bottom:36px;left:7%;font-size:9px;letter-spacing:2px;color:var(--muted)}.discover span{color:var(--gold);font-size:20px;margin-right:15px}.hero-note{position:absolute;right:5.5%;bottom:40px;font-size:9px;letter-spacing:3px;color:var(--gold)}
.section{max-width:1240px;margin:auto;padding:120px 6%}.music{display:grid;grid-template-columns:1fr 1.05fr;gap:90px;align-items:center}.music-art{position:relative;border:1px solid var(--line);padding:12px}.music-art img{display:block;width:100%;height:auto}.art-caption{position:absolute;bottom:42px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:3px;color:var(--gold)}h2{font-size:clamp(30px,3.3vw,46px);letter-spacing:1px;margin:0 0 25px}.music-copy p:not(.eyebrow),.about-copy>p:not(.eyebrow):not(.closing){color:var(--muted);font-size:15px}.music-copy .serif-lead,.about-copy .serif-lead{font-family:Georgia,serif;font-size:25px!important;line-height:1.5;color:var(--text)!important}.music-platforms{margin-top:24px}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:70px;padding-top:95px;padding-bottom:100px}.section-number{font-family:Georgia,serif;color:var(--gold);font-size:88px;letter-spacing:8px;position:relative;align-self:center;text-align:center}.section-number span{display:block;font-size:23px;line-height:1}.about-copy{max-width:650px}.closing{font-family:Georgia,serif;font-size:24px;line-height:1.7;margin-top:35px}.closing em{color:var(--gold)}.footer{padding:45px 5.5% 26px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;background:#070b15}.footer p{font-family:Georgia,serif;font-style:italic;color:var(--muted);font-size:14px}.footer>a:last-of-type{font-size:9px;letter-spacing:2px}.footer small{flex-basis:100%;font-size:10px;color:var(--muted);border-top:1px solid rgba(255,255,255,.06);padding-top:20px;margin-top:12px}
@media(max-width:900px){.hero{min-height:840px}.music{gap:40px}.section{padding:85px 6%}.about{gap:35px}.platforms{max-width:530px}.hero-note{display:none}.footer p{display:none}}
@media(max-width:600px){.header{padding:22px 6%;gap:15px;flex-wrap:wrap}.wordmark{font-size:12px;letter-spacing:2px}nav{gap:23px}nav a{font-size:10px;letter-spacing:1px}.header nav{width:100%;justify-content:space-between}.hero{min-height:0;padding:calc(115px + clamp(180px,56vw,330px)) 7% 100px;background:var(--bg)}.hero-content{margin:0;max-width:none}h1{font-size:clamp(44px,11.4vw,68px);letter-spacing:2px;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:24px}.eyebrow span{margin:0 3px}.hero-lead{font-size:23px;max-width:290px}.hero-description{font-size:14px;max-width:300px}.desktop-break{display:none}.platforms{flex-direction:column;max-width:330px}.button{min-height:54px;padding:14px 18px;font-size:10px}.discover{bottom:26px}.music{grid-template-columns:1fr;gap:40px}.music-art{max-width:400px;width:100%;margin:auto}.section{padding:64px 7%}.music-copy .button{width:100%}.about{grid-template-columns:1fr;gap:32px}.section-number{font-size:40px;text-align:left;display:flex;gap:20px;align-items:center}.section-number span{font-size:17px}.about h2{font-size:29px}.closing{font-size:22px}.footer{padding:32px 7% 22px}.footer>a:last-of-type{font-size:8px}.footer .wordmark{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media (max-width: 600px) {
  .hero::before {
    content: "";
    position: absolute;
    inset: 100px 0 auto;
    height: clamp(180px, 56vw, 330px);
    background: url('images/hero.png') 36% center / cover no-repeat;
  }
}

/* Streaming buttons in HERO and THE MUSIC. */
.platforms .button {
  font-size: 13px;
  letter-spacing: .07em;
  border-color: transparent;
}

.platforms .button[href*="open.spotify.com"] {
  background: #1ed760;
  color: #08190e;
}

.platforms .button[href*="music.apple.com"] {
  background: #f6e9ff;
  color: #301a40;
}

.platforms .button[href*="youtube.com"] {
  background: #d92342;
  color: #fff;
}

.platforms .button:hover {
  box-shadow: inset 0 0 0 2px currentColor;
}