:root{color-scheme:dark;--cream:#f6eee3;--muted:#aeb7b3;--gold:#dfa86e;--line:#a67f6257}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100svh;color:var(--cream);font-family:'DM Sans',system-ui,sans-serif;background:radial-gradient(ellipse at 50% 8%,#292825,#0b1515 64%,#08100f)}
body.life{background:radial-gradient(ellipse at 50% 8%,#253039,#10171c 59%,#090e12)}
body.poetic{background:radial-gradient(ellipse at 50% 8%,#342021,#1b1113 59%,#100b0d)}
a{color:inherit}
a:focus-visible,audio:focus-visible{outline:3px solid #fff;outline-offset:3px}
.shell{width:min(100%,560px);margin-inline:auto;padding:clamp(14px,3vw,34px) 17px 16px}
.header{text-align:center;padding:0 0 13px}
.label{color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.32em;text-decoration:none}
.card{border:1px solid var(--line);border-radius:14px;padding:clamp(16px,3vw,26px);background:linear-gradient(140deg,#202827c7,#080d0edb);box-shadow:0 24px 65px #0007}
.poetic .card{background:linear-gradient(140deg,#291e1fc9,#100b0ddd)}
.identity{display:grid;grid-template-columns:clamp(105px,29vw,152px) minmax(0,1fr);gap:clamp(15px,3vw,24px);align-items:center;margin-bottom:17px}
.art{aspect-ratio:1;overflow:hidden;border:1px solid var(--line);border-radius:4px;box-shadow:0 10px 25px #0006}
.art img{display:block;width:100%;height:100%;object-fit:cover}
.eyebrow{margin:0 0 7px;color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
h1{margin:0;font:600 clamp(29px,7vw,42px)/1.02 'Cormorant Garamond',Georgia,serif;overflow-wrap:anywhere}
.actions{display:grid;gap:9px}
.action{display:flex;align-items:center;justify-content:center;gap:11px;min-height:56px;padding:10px 14px;border-radius:9px;text-decoration:none;text-align:center;font-size:16px;font-weight:800;transition:transform .18s,filter .18s}
.action:hover{transform:translateY(-2px);filter:brightness(1.1)}
.action svg,.action img{width:26px;height:26px;flex:none}
.action svg{fill:currentColor}
.action img{border-radius:6px}
.action.spotify{border:2px solid #1ed760;background:#0c2519}
.action.spotify svg{color:#1ed760}
.action.apple{border:1px solid #f97383;background:#3a171e}
.action.amazon{border:1px solid #27c4ce;background:#102a30}
.action.amazon svg{color:#25d1da}
.section-title{display:flex;align-items:center;gap:10px;margin:17px 0 10px;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.section-title:before,.section-title:after{content:"";height:1px;background:var(--line);flex:1}
.local-player{padding:10px 12px 7px;border:1px solid var(--line);border-radius:9px;background:#ffffff08}
.local-player label{display:block;margin-bottom:7px;color:var(--muted);font-size:11px}
.local-player audio{display:block;width:100%;height:40px}
.more-links{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:16px;padding-top:15px;border-top:1px solid var(--line)}
.more-links a{color:var(--gold);font-size:13px;font-weight:700;text-decoration:none}
.more-links a:hover,.footer a:hover{text-decoration:underline}
.footer{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;padding:13px 0 5px;font-size:11px;color:var(--gold)}
.footer a{text-decoration:none}
.disclosure{margin:0;text-align:center;color:var(--muted);font-size:10px;line-height:1.4}
@media(max-width:390px){.shell{padding:10px 10px 12px}.card{padding:14px}.identity{grid-template-columns:96px minmax(0,1fr);gap:13px}.action{min-height:49px;font-size:14px}.action svg,.action img{width:23px;height:23px}.more-links a{font-size:12px}}
@media(max-height:680px) and (max-width:760px){.shell{padding-top:7px}.header{padding-bottom:7px}.card{padding:12px}.identity{grid-template-columns:86px minmax(0,1fr);margin-bottom:11px}.action{min-height:45px}.actions{gap:6px}.section-title{margin:11px 0 7px}.more-links{margin-top:11px;padding-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.action{transition:none}}