:root{color-scheme:dark;--gold:#d7b77a;--muted:#a8a9ac;--line:#cbb68038}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#030609;color:#eee6d8;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #f9deb0;outline-offset:6px}.skip{position:absolute;top:-100px;left:20px;background:#eed2a0;color:#111;padding:15px;z-index:10}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}header{height:85px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line);background:#020407}.wordmark{display:block;width:245px}.wordmark img{display:block;width:100%;height:auto}nav{display:flex;gap:36px;font-size:10px;letter-spacing:2.5px;color:#d7c4a1}nav a:hover{color:white}.hero{padding:0;position:relative;background:#020407;max-width:1800px;margin:auto}.hero picture{display:block}.hero-art{display:block;width:100%;height:auto}.listen-section{max-width:1050px;margin:0 auto;padding:28px 6% 38px;text-align:center}.eyebrow{font-weight:400;font-size:10px;letter-spacing:3px;color:var(--gold);line-height:1.7;margin:0 0 22px}.listen{display:flex;justify-content:center;gap:15px;scroll-margin-top:35px}.platform{flex:1;display:flex;align-items:center;text-align:left;gap:14px;max-width:300px;padding:18px 20px;border:1px solid #b997606e;background:linear-gradient(120deg,#111820,#060b10);transition:background .2s,border-color .2s,transform .2s;box-shadow:0 0 15px #b68c3012}.platform:hover{border-color:#edcf9a;background:#1a2026;transform:translateY(-2px)}.platform svg{width:27px;height:27px;flex-shrink:0;color:#f4e8d2}.platform small{display:block;font-size:8px;letter-spacing:1.6px;color:#c7b592;margin-bottom:6px}.platform span{font-size:16px;font-weight:400}.platform b{margin-left:auto;color:var(--gold);font-weight:400}.listen-note{display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#a9a6a0;line-height:1.7;margin:20px 0 0}.record{border-top:1px solid var(--line);padding:75px 6%;display:grid;grid-template-columns:1fr 1fr;gap:8%;max-width:1350px;margin:auto}.record-art img{width:100%;height:auto;display:block;border:1px solid #ab8b534f}.art-caption{display:flex;justify-content:space-between;padding-top:18px;font-size:8px;letter-spacing:1.5px;color:var(--muted)}h2{font-weight:300;font-size:28px;letter-spacing:5px;line-height:1.4;margin:0 0 22px}.record-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;color:#b1b2b5;max-width:470px}.record-copy .eyebrow{font-size:9px;letter-spacing:2px}.track-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-top:30px}h3{font-weight:400;font-size:11px;letter-spacing:2px;text-transform:uppercase}.track-heading>span{font-size:9px;letter-spacing:2px;color:var(--gold)}.tracks{list-style:none;padding:0;margin:0;counter-reset:track}.tracks[start="5"]{counter-reset:track 4}.tracks li{counter-increment:track;display:flex;gap:16px;padding:13px 0;border-bottom:1px solid #cbb68022;font-size:12px}.tracks li:before{content:counter(track,decimal-leading-zero);font-size:10px;color:#ac9270;margin-top:1px}.tracks time{margin-left:auto;color:var(--muted);font-size:11px}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;padding:18px 0;color:var(--gold);font-size:10px;letter-spacing:1px}summary::-webkit-details-marker{display:none}details[open] summary span{transform:rotate(45deg)}.closing{text-align:center;padding:40px 6% 65px;background:radial-gradient(ellipse at center bottom,#69462525,transparent 70%)}.closing .eyebrow{font-size:9px;letter-spacing:2px}.gold-button{display:inline-flex;align-items:center;gap:40px;padding:17px 30px;background:#141719;color:#eee0c5;border:1px solid #cbae78;font-size:10px;letter-spacing:2px}.gold-button:hover{background:#2a2420}footer{border-top:1px solid var(--line);padding:28px 6%;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-brand img{width:205px;height:auto;display:block}footer small{display:block;color:#989ba1;font-size:9px;margin-top:14px}footer>div{display:flex;gap:25px;align-items:center;color:#b1b2b5;font-size:10px}footer button{padding:0;background:none;border:0;color:inherit;font-size:10px}dialog{max-width:500px;border:1px solid #b89a69;background:#0a1017;color:#eee;padding:30px}dialog::backdrop{background:#000b}dialog h2{font-size:22px}dialog p{font-size:14px;line-height:1.7;color:#ccc}@media(min-width:1400px){.hero{max-width:1500px}.hero-art{max-height:810px;object-fit:contain}}@media(max-width:850px){header{height:70px}.wordmark{width:205px}.record{gap:30px;padding-top:50px;padding-bottom:50px}h2{font-size:24px;letter-spacing:3px}.platform{padding:15px 14px;gap:10px}.platform span{font-size:14px}.platform svg{width:23px}.listen-section{padding-left:5%;padding-right:5%}}@media(max-width:600px){header{height:58px;padding:0 5%}.wordmark{width:175px}nav{gap:15px;font-size:8px;letter-spacing:1.4px}nav a:first-child{display:none}.hero-art{width:100%;height:auto}.listen-section{padding:25px 6% 30px}.eyebrow{font-size:9px;letter-spacing:2.4px;margin-bottom:17px}.listen{flex-direction:column;gap:10px}.platform{width:100%;max-width:none;min-height:64px;padding:13px 20px;gap:15px}.platform svg{width:27px;height:27px}.platform span{font-size:16px}.platform small{font-size:8px}.listen-note{font-size:7px;letter-spacing:1px}.record{grid-template-columns:1fr;padding:35px 6%;gap:35px}.record-art{max-width:460px;margin:auto}.record-copy .eyebrow{font-size:8px}.record h2{font-size:26px;letter-spacing:3px}.record-copy>p:not(.eyebrow){font-size:13px}.closing{padding:25px 6% 45px}.closing .eyebrow{font-size:8px;letter-spacing:1.4px}footer{flex-direction:column;align-items:flex-start;padding:25px 6%;gap:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.platform{transition:none}}

/* Four listening services: balanced desktop rows, full-width mobile buttons. */
@media(min-width:601px){.listen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.platform{max-width:none}}

/* Keep the original artwork lettering; enlarge only the title region by 20%. */
header{justify-content:flex-end}
.hero{overflow:hidden}
.hero .hero-title-enlarged{position:absolute;inset:0;pointer-events:none;transform:scale(1.2);transform-origin:50% 12.5%;mask-image:linear-gradient(to bottom,transparent 6%,#000 8%,#000 17%,transparent 19%);clip-path:inset(0 29% 0 29%)}
@media(max-width:600px){.hero .hero-title-enlarged{transform-origin:50% 20%;mask-image:linear-gradient(to bottom,transparent 15%,#000 16.5%,#000 24%,transparent 25%);clip-path:inset(0 24% 0 24%)}}