:root{
  --navy:#071725;
  --navy2:#0c2635;
  --gold:#e9b86d;
  --cream:#fff6e8;
  --teal:#3cbad7;
  --muted:#b9c8d0;
  --line:rgba(233,184,109,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--navy);color:var(--cream);line-height:1.6}
a{color:inherit;text-decoration:none}.nav-wrap{position:sticky;top:0;z-index:20;background:rgba(7,23,37,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07)}
.nav{max-width:1180px;margin:auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{font-weight:700;letter-spacing:.16em;font-size:.9rem}.nav-links{display:flex;gap:22px;color:#d7e2e7;font-size:.95rem}.nav-links a:hover{color:var(--gold)}
.hero{min-height:92vh;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(7,23,37,.35),rgba(7,23,37,.96)),url('assets/ride-easy.png') center/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 72% 40%,rgba(233,184,109,.16),transparent 38%),linear-gradient(90deg,rgba(7,23,37,.94) 0%,rgba(7,23,37,.62) 50%,rgba(7,23,37,.35) 100%)}.hero-content{position:relative;max-width:880px;padding:90px 28px 80px;text-align:center}.hero-logo{width:min(330px,70vw);border-radius:18px;box-shadow:0 22px 70px rgba(0,0,0,.38);margin-bottom:26px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--gold);font-size:.78rem;font-weight:700}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.5rem,6vw,5.2rem);line-height:1.02;margin:16px 0 22px;font-weight:500}.hero-copy{max-width:750px;margin:0 auto;color:#d6e1e5;font-size:1.14rem}.hero-actions{margin-top:34px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.button{padding:13px 22px;border-radius:999px;font-weight:700;border:1px solid var(--gold)}.primary{background:var(--gold);color:#0a1a25}.secondary{background:rgba(255,255,255,.04)}
.section{max-width:1180px;margin:auto;padding:96px 24px}.section-heading{max-width:720px;margin-bottom:38px}.section-heading h2,.listen h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(2.2rem,4vw,4rem);line-height:1.05;margin:.15em 0}.section-heading>p:last-child{color:var(--muted)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px;color:#d6e1e5;font-size:1.08rem}.pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.pill-row span{border:1px solid var(--line);border-radius:999px;padding:9px 14px;color:#dce8ec;background:rgba(255,255,255,.025)}
.releases{padding-top:70px}.release-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.16);transition:transform .2s ease,border-color .2s ease}.card:hover{transform:translateY(-5px);border-color:var(--line)}.card img{width:100%;display:block;aspect-ratio:1/1;object-fit:cover}.card div{padding:17px 17px 19px}.card h3{margin:0 0 4px;font-family:Georgia,"Times New Roman",serif;font-size:1.2rem;font-weight:500}.card p{margin:0;color:var(--muted);font-size:.9rem}
.listen{padding-top:60px}.listen-panel{padding:58px;border-radius:28px;background:linear-gradient(135deg,#0d2c3c,#071725 58%,#122b3a);border:1px solid var(--line);box-shadow:0 30px 70px rgba(0,0,0,.25);text-align:center}.listen-note{max-width:740px;margin:12px auto 30px;color:var(--muted)}.platforms{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.platforms a{display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);padding:12px 16px;border-radius:999px;font-weight:650}.platforms a:hover{border-color:var(--gold)}.dot{width:12px;height:12px;border-radius:50%;display:inline-block}.spotify{background:#1ed760}.apple{background:#ff5c74}.amazon{background:#35c8ff}.youtube{background:#ff1a1a}.pandora{background:#1aa7ff}
footer{max-width:1180px;margin:auto;padding:34px 24px 56px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:.9rem}footer strong{display:block;color:var(--cream);letter-spacing:.15em;font-size:.88rem}footer span{display:block;margin-top:6px}
@media(max-width:980px){.release-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.nav-links{display:none}.intro-grid{grid-template-columns:1fr}.release-grid{grid-template-columns:1fr 1fr}.listen-panel{padding:38px 22px}footer{flex-direction:column}.hero{min-height:auto}.hero-content{padding-top:72px}.hero-logo{width:min(270px,72vw)}}
@media(max-width:520px){.release-grid{grid-template-columns:1fr}.section{padding:72px 18px}.hero h1{font-size:2.8rem}.hero-copy{font-size:1rem}.platforms{align-items:stretch}.platforms a{width:100%;justify-content:center}}