:root{--coal:#211c18;--gold:#e5bd87;--paper:#fcfaf5;--ink:#302c26;--muted:#686158;--sans:"Aptos","Segoe UI",Arial,sans-serif;--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}::selection{background:#e5bd87;color:#211c18}:focus-visible{outline:3px solid #b88741;outline-offset:5px}.skip-link{position:fixed;z-index:10;top:1rem;left:1rem;padding:.8rem 1rem;background:var(--paper);transform:translateY(-180%)}.skip-link:focus{transform:none}
.site-header{padding:1.25rem max(1.5rem,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;gap:2rem;background:var(--coal);color:#efe7da;border-bottom:1px solid #ffffff20}.brand{display:block;width:215px;flex-shrink:0}.site-header nav{display:flex;gap:2rem;font-size:.9375rem}.site-header nav a:hover{color:var(--gold)}.eyebrow{font-size:.8125rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;line-height:1.6;margin:0}.eyebrow span{padding:0 .6rem;color:#8d7e6c}
.hero{background:radial-gradient(ellipse at 80% 40%,#7554342b,transparent 65%),var(--coal);color:var(--paper)}.hero-inner{max-width:1240px;margin:auto;padding:3.5rem 2.5rem 4rem;display:grid;grid-template-columns:1.2fr .9fr;align-items:center;gap:4.5rem}.hero .eyebrow{color:#ccbda7}.hero h1{font-family:var(--serif);font-size:clamp(3.5rem,6vw,5.5rem);font-weight:400;line-height:1.08;letter-spacing:-.035em;margin:1.35rem 0 1.25rem}.hero h1 span{color:#f1d2a8;font-style:italic}.artist-name{font-size:1.35rem;letter-spacing:.03em;font-weight:600;margin:0 0 1.4rem}.intro{font-size:1.125rem;line-height:1.75;color:#c8bfb2;max-width:28rem;margin:0 0 1.75rem}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.7rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;min-height:54px;padding:.9rem 1.25rem;font-size:.9375rem;font-weight:700;border:1px solid transparent;border-radius:3px}.button-gold{background:var(--gold);color:#282015}.button-gold:hover{background:#f0d1a6}.story-link{font-size:.9375rem;border-bottom:1px solid #b09c7c;padding:.5rem 0;line-height:1.5}.story-link span{padding-left:.5rem}.cover{margin:0;width:100%;max-width:440px;justify-self:end}.cover img{width:100%;aspect-ratio:1;object-fit:contain;border:1px solid #8c7655;padding:9px;background:#ffffff05;box-shadow:0 22px 55px #00000035}.cover figcaption{display:flex;justify-content:space-between;gap:1rem;color:#c6b9a5;font-size:.8125rem;margin-top:1.1rem}.cover figcaption span:first-child{color:var(--gold);font-weight:600}
.article{max-width:870px;margin:auto;padding:4.5rem 2.5rem 4rem}.article-header{padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid #d9d0c0}.article-header .eyebrow{color:#8a653e;margin-bottom:1rem}.article-header h2{font-family:var(--serif);font-size:clamp(2rem,3.2vw,2.75rem);font-weight:400;line-height:1.28;letter-spacing:-.025em;margin:0 0 1.5rem}.article-header strong{font-weight:700;font-style:normal}.article-meta{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;font-size:.875rem;line-height:1.6;color:var(--muted)}.article-body>p{font-size:1.125rem;line-height:1.9;margin:0 0 1.8rem;color:#4f4940}.article-body .lead{font-size:1.25rem;line-height:1.8;color:#302c26}.article-body strong{font-weight:700;color:#302c26}.article-body a{color:#795733;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#b5a186}.article-body a:hover{color:#3e2d1a}.article-body blockquote{border-left:3px solid #ba8b55;margin:2.5rem 0;padding:1rem 0 1rem 2rem}.article-body blockquote p{font-family:var(--serif);font-size:clamp(1.7rem,2.4vw,2.2rem);line-height:1.5;letter-spacing:-.015em;color:#674826;margin:0 0 1.3rem}.article-body blockquote footer{font-size:.875rem;line-height:1.75;color:#716457}
.listen-section{background:#ede3d2;border-top:1px solid #d8c5a8}.listen-inner{max-width:1160px;margin:auto;padding:3.5rem 0;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.listen-inner .eyebrow{color:#88623d;margin-bottom:.8rem}.listen-inner h2{font-family:var(--serif);font-weight:400;font-size:2.25rem;letter-spacing:-.03em;line-height:1.2;margin:0 0 1rem}.listen-inner h2 strong{font-weight:700}.listen-inner p:not(.eyebrow){font-size:1.0625rem;color:#746047;margin:0}.streaming-links{display:grid;gap:.75rem}.streaming-links a{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:54px;padding:.9rem 1.25rem;border:1px solid #bca17c;background:#ffffff35;font-size:1rem;font-weight:600}.streaming-links a:hover{background:#ffffff80}.site-footer{padding:2rem max(1.5rem,calc((100vw - 1160px)/2));background:var(--coal);color:#c1b6a7;display:flex;align-items:center;justify-content:space-between;gap:2rem}.site-footer .brand{width:190px}.site-footer p{font-size:.8125rem;line-height:1.6;margin:1rem 0 0}.site-footer nav{display:flex;gap:1.75rem;font-size:.875rem}.site-footer nav a:hover{color:var(--gold)}
@media(max-width:1240px){.site-header,.site-footer{padding-left:2.5rem;padding-right:2.5rem}.listen-inner{margin:0 2.5rem}}
@media(max-width:820px){.hero-inner{gap:2.5rem;grid-template-columns:1.1fr 1fr}.hero h1{font-size:3.8rem}.hero-actions{gap:1rem}.listen-inner{gap:2.5rem}.site-footer nav{flex-direction:column;gap:.9rem}}
@media(max-width:640px){.site-header{padding:1rem 1.5rem;gap:1.2rem}.brand{width:175px}.site-header nav{gap:1rem;font-size:.875rem}.site-header nav a:first-child{display:none}.hero-inner{padding:2.5rem 1.5rem 2.8rem;grid-template-columns:1fr;gap:2.5rem}.hero h1{font-size:clamp(3rem,12vw,4.5rem)}.hero .eyebrow{font-size:.75rem;letter-spacing:.075em}.artist-name{font-size:1.2rem}.intro{font-size:1.0625rem}.hero-actions{gap:1.4rem}.cover{max-width:440px;justify-self:center}.article{padding:3rem 1.5rem}.article-header{padding-bottom:1.6rem;margin-bottom:1.6rem}.article-header h2{font-size:2rem;line-height:1.3}.article-meta{font-size:.8125rem;gap:.5rem}.article-meta span{width:100%}.article-body>p{font-size:1.0625rem;line-height:1.85}.article-body .lead{font-size:1.125rem}.article-body blockquote{padding-left:1.3rem;margin:2rem 0}.article-body blockquote p{font-size:1.8rem}.listen-inner{grid-template-columns:1fr;margin:0;padding:2.75rem 1.5rem;gap:1.75rem}.listen-inner h2{font-size:2rem}.site-footer{flex-direction:column;align-items:flex-start;padding:2rem 1.5rem;gap:1.75rem}.site-footer nav{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
