@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Manrope:wght@400;500;600;700&display=swap');
:root{--ink:#282326;--wine:#512c3b;--gold:#b68c69;--paper:#faf9f7;--muted:#72696b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}header{max-width:1160px;margin:auto;padding:20px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:block;background:#080820;border-radius:5px;width:72px;height:82px;padding:4px}.brand img{width:100%;height:100%;object-fit:contain}header>span{font-size:12px;letter-spacing:2px;color:var(--wine)}.demo{background:#eee5e8;border-block:1px solid #d9c8ce;padding:12px 24px;text-align:center;color:var(--wine);font-size:14px}.hero{text-align:center;padding:48px 24px 54px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 10%,#efe6e9,transparent 70%)}.eyebrow{font-size:12px;letter-spacing:2.5px;color:var(--wine);font-weight:600}.hero h1{font:500 clamp(52px,7vw,82px)/1.12 'Cormorant Garamond',Georgia,serif;letter-spacing:-1px;margin:18px auto;max-width:900px;overflow-wrap:anywhere}.hero h1 em{font-weight:400;color:var(--gold)}.date{font-size:14px;letter-spacing:2px}.rule{display:block;height:1px;width:64px;background:var(--gold);margin:26px auto}.hero.photo{padding:0;background:#282326;color:white}.hero.photo img{width:100%;height:460px;object-fit:cover;display:block;opacity:.6}.hero.photo .hero-copy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px}.hero.photo .eyebrow{color:white}.hero.photo h1 em{color:#e4c8ab}main{width:min(780px,88%);margin:auto;padding:48px 0 80px}.intro{text-align:center;margin-bottom:38px}h2{font:500 clamp(38px,5vw,50px)/1.2 'Cormorant Garamond',Georgia,serif;margin:0 0 18px}.intro p{color:var(--muted);max-width:650px;margin:auto}.tracks{display:grid;gap:22px}.track{border:1px solid #ded4d7;background:white;border-radius:8px;overflow:hidden;box-shadow:0 10px 28px #512c3b06}.track-info{display:flex;gap:22px;padding:26px 28px 22px}.number{font:38px/1 'Cormorant Garamond',Georgia,serif;color:var(--gold);padding-top:5px}.info{min-width:0}.moment{font-size:12px;letter-spacing:1.7px;color:var(--wine);font-weight:700;margin:0 0 9px;overflow-wrap:anywhere}.info h3{font:500 30px/1.2 'Cormorant Garamond',Georgia,serif;margin:0 0 6px;overflow-wrap:anywhere}.artist{color:var(--muted);font-size:14px;margin:0}.controls{background:var(--wine);color:white;padding:20px 28px;display:flex;align-items:center;gap:18px}.play{border:0;border-radius:50%;width:52px;height:52px;flex-shrink:0;background:#f4e8da;color:var(--wine);display:grid;place-items:center;cursor:pointer}.play svg{width:21px;height:21px;fill:currentColor}.timeline{flex:1;min-width:0}.seek{width:100%;margin:0;accent-color:#d5b599;min-height:30px;cursor:pointer}.time{display:flex;justify-content:space-between;color:#e0cfd6;font-size:12px;font-variant-numeric:tabular-nums}.volume{width:86px;display:flex;flex-direction:column;align-items:center;font-size:12px;color:#e0cfd6}.volume input{width:100%;accent-color:#d5b599;min-height:28px}.status{padding:0 28px;color:var(--wine);font-size:14px}.status:empty{display:none}.empty{text-align:center;border:1px solid #ded4d7;padding:32px;color:var(--muted);border-radius:8px}footer{border-top:1px solid #ddd6d2;text-align:center;padding:32px 24px;color:var(--muted);font-size:14px}footer p{margin:6px 0}footer strong{font-size:13px;letter-spacing:1px;color:var(--ink)}footer a:hover{text-decoration:underline}footer .group{color:var(--wine);text-decoration:underline;text-underline-offset:3px}@media(max-width:600px){header{padding:16px 6%}header>span{font-size:12px;letter-spacing:1px;max-width:145px;text-align:right}.hero{padding:32px 20px 36px}.hero h1{font-size:52px}.hero.photo img{height:400px}main{padding:36px 0 55px}.track-info{padding:22px 20px;gap:16px}.info h3{font-size:28px}.controls{padding:18px 20px;gap:14px}.volume{display:none}.moment{letter-spacing:1px}.intro{text-align:left}.demo{font-size:13px}.date{letter-spacing:1px}}@media(pointer:coarse){.volume{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.countdown{text-align:center;margin:0 auto;padding:28px 20px 30px;border-block:1px solid #e7dfe1;background:#f5f1f2;color:var(--wine)}.countdown p{margin:0}.countdown-label,.countdown-end{font-size:14px;color:var(--muted)}.countdown-values{font:500 clamp(23px,3.5vw,32px)/1.6 'Cormorant Garamond',Georgia,serif; font-variant-numeric:tabular-nums; padding:5px 0;display:flex;gap:0 10px;justify-content:center;flex-wrap:wrap}.countdown-values span{white-space:nowrap}.countdown-arrived{font:italic 500 34px/1.3 'Cormorant Garamond',Georgia,serif}.countdown [hidden]{display:none}

.track-note{font-size:14px;line-height:1.6;color:var(--wine);margin:8px 0 0;max-width:620px}