@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#111415;--text:#f2f0e9;--muted:#a9aaa5;--accent:#efb091;--line:#343738}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}header{height:105px;padding:0 5%;display:flex;align-items:center;justify-content:space-between}.brand{font-family:Manrope,sans-serif;font-size:27px;letter-spacing:-1.5px;font-weight:800}.brand span{font-size:12px;vertical-align:top;margin-left:5px;letter-spacing:0}nav{display:flex;align-items:center;gap:35px;font-size:14px}nav a:hover,.text-link:hover,footer a:hover{color:var(--accent)}.nav-listen{border:1px solid #555;padding:8px 23px;border-radius:30px}.hero{margin:0 3%;position:relative;min-height:690px;display:flex;flex-direction:column;justify-content:space-between;background:#1c272f;isolation:isolate;overflow:hidden}.hero-image{position:absolute;inset:0;z-index:-2}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center;animation:drift 25s ease-in-out infinite alternate}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,18,22,.58),rgba(9,18,22,.05)),linear-gradient(0deg,rgba(8,13,16,.85),transparent 60%)}.hero-top,.hero-caption{display:flex;justify-content:space-between;gap:15px;padding:30px 3.3%;font-size:13px}.hero-top{text-transform:uppercase;letter-spacing:.14em}.hero-title{padding:80px 3.3% 55px}.eyebrow{text-transform:uppercase;font-size:13px;letter-spacing:.16em;font-weight:500;margin:0 0 28px}h1,h2,p{margin-top:0}h1,h2{font-family:Manrope,sans-serif;font-weight:500;letter-spacing:-.065em;line-height:1.06}h1{font-size:clamp(80px,13.5vw,210px);margin:0 0 26px}h1 span{color:var(--accent)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;max-width:870px}.hero-bottom p{font-size:18px;line-height:1.5;margin:0}.pill{background:var(--text);color:#171b1d;padding:17px 26px;border-radius:40px;font-size:14px;display:inline-flex;align-items:center;gap:28px;white-space:nowrap;transition:background .2s}.pill:hover{background:var(--accent)}.hero-caption{border-top:1px solid #ffffff35;color:#dedfd9}.album{padding:130px 6% 110px;display:grid;grid-template-columns:1fr 1.25fr;gap:12%}h2{font-size:clamp(42px,4.5vw,68px);margin-bottom:30px}.description{max-width:390px;color:var(--muted);line-height:1.8}.text-link{display:inline-block;font-size:14px;border-bottom:1px solid var(--accent);padding:8px 0;margin-top:15px}.record-meta{margin-top:65px;display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:18px;font-size:13px;color:var(--muted);max-width:390px}.track-head{display:flex;gap:30px;border-bottom:1px solid var(--line);padding:0 0 20px;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.12em}details{border-bottom:1px solid var(--line)}summary{display:grid;grid-template-columns:38px 1fr 20px;gap:18px;align-items:center;list-style:none;cursor:pointer;min-height:69px;padding:12px 0;font-size:17px}summary::-webkit-details-marker{display:none}.number{font-size:13px;color:var(--muted)}.plus{font-size:22px;color:var(--muted);font-weight:400}details[open] .plus{transform:rotate(45deg)}summary:hover{color:var(--accent)}details p{color:var(--accent);margin:4px 35px 8px 56px;font-size:16px}small{font-size:12px;color:var(--muted);display:block}.track-note{display:block;margin:0 35px 25px 56px;font-size:14px;color:var(--muted)}.listen{margin:0 6%;padding:75px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10%}.listen h2{font-size:clamp(56px,6.5vw,92px)}.listen p:not(.eyebrow){color:var(--muted)}.platforms{align-self:center}.platforms>div{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 0;border-bottom:1px solid var(--line);font-size:22px}.platforms>div:first-child{border-top:1px solid var(--line)}.status{font-size:12px;color:var(--muted);border:1px solid #494c4d;border-radius:30px;padding:5px 12px;white-space:nowrap}.about{padding:100px 6%;display:grid;grid-template-columns:1fr 1fr;gap:10%}.about h2{font-size:42px;letter-spacing:-.04em}.about div{max-width:520px}.about div p{color:var(--muted);font-size:18px;line-height:1.8}.about div p:first-of-type{color:var(--text);font-size:25px;line-height:1.5}footer{border-top:1px solid var(--line);margin:0 6%;padding:35px 0;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:13px;color:var(--muted)}footer .brand{color:var(--text);font-size:20px}.skip{position:fixed;top:-100px;left:15px;z-index:10;background:var(--text);color:var(--bg);padding:10px}.skip:focus{top:10px}@keyframes drift{from{transform:scale(1)}to{transform:scale(1.06)}}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:800px){header{height:85px}.brand{font-size:24px}nav{gap:20px}.hero{min-height:590px}.hero-title{padding-top:65px}h1{font-size:clamp(70px,15vw,120px)}.hero-bottom{align-items:flex-start;flex-direction:column}.hero-top,.hero-caption{font-size:12px}.album{padding-top:75px;grid-template-columns:1fr;gap:60px}.album-intro .description{max-width:530px}.record-meta{margin-top:35px;max-width:none}.listen{grid-template-columns:1fr;gap:25px;padding:55px 0}.about{grid-template-columns:1fr;gap:12px;padding:70px 6%}.about .eyebrow{margin-bottom:12px}}@media(max-width:480px){header{padding:0 6%;height:80px}nav{gap:18px}nav a{font-size:13px}nav a:first-child{display:none}.nav-listen{padding:6px 15px}.hero{margin:0 4%;min-height:570px}.hero-top,.hero-caption{padding:25px 6%}.hero-top span:first-child{letter-spacing:.07em}.hero-title{padding:60px 6% 35px}h1{font-size:19vw;letter-spacing:-.07em}.hero-bottom p{font-size:16px}.hero-caption{flex-direction:column;gap:5px}.pill{padding:13px 22px}.album{padding:65px 7%}.eyebrow{font-size:12px}summary{font-size:16px;gap:12px;grid-template-columns:30px 1fr 18px}.track-note,details p{margin-left:42px}.listen,.about{margin-left:7%;margin-right:7%}.about{padding-left:0;padding-right:0}.platforms>div{font-size:20px}.about div p:first-of-type{font-size:22px}footer{flex-wrap:wrap}footer .brand{flex-basis:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image img{animation:none}}
