*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;color:#172233;background:radial-gradient(circle at top left,rgba(184,167,223,.38),transparent 35%),radial-gradient(circle at top right,rgba(244,201,120,.28),transparent 30%),linear-gradient(180deg,#f7f3ff 0%,#fff8ec 48%,#fff 100%)}a{color:inherit}.nav{width:min(1180px,calc(100% - 40px));margin:auto;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.nav a{text-decoration:none;font-weight:800}.nav div{display:flex;gap:18px}.brand{display:flex;align-items:center;gap:12px}.brand span{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#f4c978,#b8a7df);display:grid;place-items:center;color:white}.hero{width:min(1180px,calc(100% - 40px));margin:auto;padding:50px 0 72px;display:grid;grid-template-columns:.92fr 1.08fr;gap:54px;align-items:center}.cover{width:100%;max-width:500px;border-radius:28px;box-shadow:0 24px 80px rgba(16,24,39,.28);border:1px solid rgba(255,255,255,.72)}.eyebrow{display:inline-block;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.7);color:#6d5aa7;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem}h1,h2{font-family:'Cormorant Garamond',Georgia,serif;color:#101827}h1{font-size:clamp(3.1rem,7vw,6.7rem);line-height:.92;margin:22px 0 14px;letter-spacing:-.04em}h2{font-size:clamp(2.3rem,5vw,4rem);line-height:1;margin:0 0 16px}.subtitle,.section-intro{font-size:1.15rem;color:#65758b;line-height:1.7}.pills{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 32px}.pills span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.8);border:1px solid rgba(184,167,223,.32);font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 20px;border-radius:999px;text-decoration:none;font-weight:800;background:rgba(255,255,255,.78);border:1px solid rgba(23,34,51,.12);margin:0 8px 8px 0}.btn.primary{background:linear-gradient(135deg,#172233,#394768);color:white;box-shadow:0 18px 40px rgba(23,34,51,.25)}section{width:min(1180px,calc(100% - 40px));margin:auto;padding:68px 0}.listen-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.listen-card,.story article,.press-grid div{background:rgba(255,255,255,.76);border:1px solid rgba(184,167,223,.28);border-radius:20px;padding:22px;box-shadow:0 18px 50px rgba(23,34,51,.08);text-decoration:none}.listen-card{min-height:112px;display:flex;flex-direction:column;justify-content:space-between}.listen-card span{color:#65758b;font-size:.9rem}.story{display:grid;grid-template-columns:1fr 1fr;gap:24px}.story p{color:#65758b;line-height:1.75}.quote{margin-top:28px;background:linear-gradient(135deg,rgba(23,34,51,.92),rgba(109,90,167,.82)),url('../assets/wings-of-quiet-light-cover.webp') center/cover;color:white;border-radius:28px;padding:clamp(34px,6vw,70px);box-shadow:0 24px 80px rgba(16,24,39,.28)}.quote p{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2rem,4vw,3.7rem);line-height:1.05;margin:0 0 16px}.quote strong{color:#ffe9b7}.tracklist{background:#101827;color:white;border-radius:28px;overflow:hidden;box-shadow:0 24px 80px rgba(16,24,39,.28)}.track{display:grid;grid-template-columns:58px 1fr;gap:18px;align-items:center;padding:18px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.track:last-child{border-bottom:none}.track span{color:#f4c978;font-weight:800}.press-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.press-grid small{text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:#806db7}.press-grid p{font-weight:600;line-height:1.65}footer{background:#101827;color:rgba(255,255,255,.72);padding:34px 20px;text-align:center;margin-top:50px}footer a{color:#ffe9b7;text-decoration:none;font-weight:700}@media(max-width:900px){.hero,.story{grid-template-columns:1fr}.cover{max-width:420px;display:block;margin:auto}.listen-grid,.press-grid{grid-template-columns:1fr 1fr}.nav div{display:none}}@media(max-width:560px){.listen-grid,.press-grid{grid-template-columns:1fr}.btn{width:100%}section,.hero,.nav{width:min(100% - 28px,1180px)}}