:root{--paper:#ede3d1;--ink:#312a22;--rust:#815034;--muted:#6f6253;--line:#cbbca5;--dark:#27251f;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.65 Arial,sans-serif}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid var(--rust);outline-offset:6px}
.wrap{width:min(100%,1280px);margin:auto;padding-inline:6%}
header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:25px;border-bottom:1px solid var(--line)}
.logo{font:700 1.45rem/1.3 Georgia,serif;letter-spacing:.15em;white-space:nowrap}
nav{display:flex;gap:28px;font-size:.875rem}
nav a{padding-block:8px}
nav a:hover,.text-link:hover,footer a:hover{text-decoration:underline;text-underline-offset:5px}
.hero{padding-block:70px 76px;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}
.kicker{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--rust);margin:0 0 24px}
h1{font:400 clamp(4.6rem,7.8vw,6.6rem)/.95 Georgia,serif;letter-spacing:-.055em;margin:0 0 32px}
h1 em{font-weight:400;color:var(--rust)}
.intro{max-width:430px;color:var(--ink);font:1.125rem/1.65 Georgia,serif;margin:0 0 30px}
.buttons{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;background:var(--ink);color:var(--paper);padding:12px 19px;font-size:.875rem;font-weight:600;border:1px solid var(--ink)}
.btn:hover{background:var(--rust);border-color:var(--rust);color:var(--paper)}
.btn.outline{background:transparent;color:var(--ink);border-color:var(--line)}
.btn.outline:hover{border-color:var(--rust);color:var(--rust)}
.art{margin:0;transform:rotate(1deg)}
.art img{display:block;width:100%;height:auto;box-shadow:9px 18px 35px #4e341b26}
.art figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin-top:20px;font:italic .95rem/1.4 Georgia,serif;color:var(--muted)}
.art-label{font:normal .75rem/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em}
.rule{border-block:1px solid var(--line);padding:16px 6%;display:flex;justify-content:center;gap:38px;text-align:center;font-size:.75rem;letter-spacing:.13em}
.section{padding-block:72px}
h2{font:400 clamp(2.2rem,4.4vw,3.25rem)/1.13 Georgia,serif;letter-spacing:-.035em;margin:0}
.heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}
.heading .kicker{margin-bottom:16px}
.small{font-size:.8125rem;color:var(--muted)}
.heading>.small{margin:0 0 3px}
.tracks{display:grid;grid-template-columns:1fr 1fr;column-gap:56px}
.track{min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr) 24px;gap:14px;align-items:center;border-top:1px solid var(--line);padding:25px 0;transition:color .2s}
.track:hover{color:var(--rust)}
.number{font:italic 1.05rem Georgia,serif;color:var(--rust)}
.track h3{font:400 1.4rem/1.22 Georgia,serif;margin:0 0 6px}
.play{font-size:.75rem;text-align:right;color:var(--rust)}
.listening{background:var(--dark);color:var(--paper)}
.listening .kicker{color:#d8b28a}
.featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.featured{min-width:0;border-top:1px solid #675c4e;padding-top:26px}
.song-label{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#d8b28a;margin:0 0 15px}
.featured h3{font:400 clamp(1.9rem,3.1vw,2.6rem)/1.15 Georgia,serif;letter-spacing:-.025em;margin:0}
.song-note{color:#d4c9b7;font-size:1rem;line-height:1.65;margin:18px 0 24px;min-height:3.3em}
.featured iframe{display:block;width:100%;border:0;border-radius:12px;background:#36332b}
.text-link{display:inline-block;font-size:.875rem;border-bottom:1px solid #9d8c74;margin-top:18px;padding-block:4px}
.listening a:focus-visible{outline-color:#e2b88d}
.about{display:grid;grid-template-columns:1fr 1.25fr;gap:8%;border-top:1px solid var(--line)}
.about-copy>p:first-child{font:400 1.7rem/1.4 Georgia,serif;margin:0 0 20px}
.about-detail{font:1.075rem/1.8 Arial,sans-serif;margin:0;max-width:540px;color:var(--muted)}
.follow{text-align:center;border-top:1px solid var(--line);padding-block:60px 70px}
.follow .btn{margin-top:28px}
.follow .kicker{margin-bottom:15px}
footer{border-top:1px solid var(--line);padding-block:28px;display:flex;justify-content:space-between;gap:25px;font-size:.75rem;color:var(--muted);letter-spacing:.06em}
.skip{position:absolute;left:-9999px}
.skip:focus{left:15px;top:15px;padding:10px;background:white;z-index:9}
@media(max-width:900px){.hero{gap:5%}.buttons{flex-direction:column;align-items:flex-start}.art figcaption{display:block}.art-label{display:block;margin-bottom:5px}.featured-grid,.tracks{column-gap:32px}}
@media(max-width:680px){.wrap{padding-inline:7%}header{gap:15px;padding-block:20px}.logo{font-size:1.15rem;letter-spacing:.11em}nav{gap:18px;font-size:.8125rem}nav .desktop{display:none}.hero{grid-template-columns:1fr;padding-block:42px 45px;gap:42px}.hero h1{font-size:clamp(4.5rem,19vw,6.4rem)}.hero .kicker{margin-bottom:23px}.intro{font-size:1.1rem}.buttons{flex-direction:row;align-items:stretch}.btn{padding-inline:17px}.art{max-width:440px;margin-inline:auto}.art figcaption{display:flex;flex-wrap:wrap;gap:4px 15px}.art-label{margin:0}.section{padding-block:49px}.heading{display:block;margin-bottom:28px}.heading>.small{margin-top:18px}.tracks,.featured-grid,.about{grid-template-columns:1fr}.featured-grid{gap:36px}.song-note{min-height:0}.track{padding-block:23px}.track h3{font-size:1.4rem}.about{gap:25px}.about-copy>p:first-child{font-size:1.55rem}.rule{gap:8px 18px;flex-wrap:wrap;font-size:.75rem;letter-spacing:.08em}.rule span:first-child{display:none}.follow{padding-block:45px 55px}footer{align-items:flex-start;font-size:.75rem}}
@media(max-width:360px){header{align-items:flex-start;flex-direction:column;gap:8px}nav{gap:25px}.buttons{flex-direction:column}.btn{width:100%}.track{grid-template-columns:24px minmax(0,1fr) 16px;gap:9px}.track h3{font-size:1.25rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.track{transition:none}}
/* Keep enlarged text usable on small screens. */
header{flex-wrap:wrap}.track h3,.featured h3{overflow-wrap:anywhere}.hero-copy,.about-copy{min-width:0}