:root{
  --ink:#0f0f0f;--ink2:#171513;--paper:#f3eadc;--paper2:#fffaf2;
  --red:#b82431;--gold:#c79b4b;--magenta:#b62767;--turq:#3f9d9b;
  --muted:#bdb3a6;--line:rgba(255,255,255,.14);--max:1180px;
}
.cover{text-decoration:none;display:block}
.nav__menu summary{cursor:pointer;border:1px solid var(--line);border-radius:999px;padding:.45rem .72rem;background:var(--ink);font-weight:800}
@media(min-width:901px){.nav__menu[open] summary{display:none}}
@media(max-width:900px){
 .nav__menu{position:relative}
 .nav__menu[open] .nav__links{display:flex;position:absolute;right:0;top:100%;flex-direction:column;align-items:stretch;width:220px;padding:1rem;background:var(--ink);border:1px solid var(--line);border-radius:1rem}
 .nav__menu[open] .nav__links a:not(.btn){display:block;padding:.6rem;min-height:44px}
 .hero .hero__media{height:38svh;min-height:300px}
 .hero .hero__copy{padding-top:2rem}
}
.cover img,.player__art{object-fit:contain;background:#090909}
a:focus-visible,button:focus-visible,.player:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.player,.track{scroll-margin-top:2rem}
.player__controls{margin-top:1rem}
.player__controls button{cursor:pointer;font-family:inherit}
#repeatTrack[aria-pressed="true"]{background:var(--red);border-color:var(--red)}
#playerStatus{min-height:1.5em;font-size:.85rem}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;background:var(--ink);color:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.55}
img{display:block;max-width:100%;height:auto}a{color:inherit}
.wrap{width:min(calc(100% - 2rem),var(--max));margin:auto}
.skip{position:absolute;left:1rem;top:-5rem;background:#fff;color:#111;padding:.7rem 1rem;z-index:100}
.skip:focus{top:1rem}
.nav{position:absolute;inset:0 0 auto;z-index:20;padding:1rem 0}
.nav__in{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.wordmark{text-decoration:none;font-weight:900;letter-spacing:.13em}.wordmark span{color:var(--gold)}
.nav__links{display:flex;gap:.9rem;align-items:center}.nav__links a{text-decoration:none;font-weight:800;font-size:.82rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:.72rem 1rem;border-radius:999px;background:var(--red);color:#fff;text-decoration:none;font-weight:900;border:1px solid transparent}
.btn--ghost{background:transparent;border-color:rgba(255,255,255,.35)}.btn:hover,.btn:focus-visible{filter:brightness(1.08)}
.hero{min-height:88vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);background:var(--ink)}
.hero__media{height:88vh;min-height:720px;overflow:hidden;background:#221d18}
.hero__media img{width:100%;height:100%;object-fit:cover;object-position:center top}
.hero__copy{display:flex;align-items:flex-end;padding:8rem max(2rem,4vw) 5rem;background:linear-gradient(160deg,#171513,#0f0f0f)}
.kicker{margin:0 0 .7rem;color:var(--gold);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.18em}
.hero h1,.section h2,.album__title,.quote{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.04em}
.hero h1{font-size:clamp(4rem,8vw,7rem);line-height:.82;margin:0}.hero h1 small{display:block;font:800 .17em Arial,sans-serif;letter-spacing:.42em;margin:1rem 0 0 .35rem}
.lede{font-size:clamp(1rem,1.6vw,1.3rem);max-width:40rem;color:#eee7de;margin:1.5rem 0}
.chips,.actions{display:flex;flex-wrap:wrap;gap:.55rem}.chips{margin-bottom:1.25rem}
.chip{padding:.4rem .65rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.section{padding:clamp(4rem,7vw,7rem) 0}.paper{background:var(--paper);color:#181512}.paper2{background:var(--paper2);color:#181512}
.section__head{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem;margin-bottom:2.5rem}
.eyebrow{color:var(--red);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.18em}
.section h2{font-size:clamp(2.3rem,5vw,4.8rem);line-height:.95;margin:.45rem 0 0}
.copy{font-size:1.05rem;max-width:50rem}.copy p{margin:0 0 1rem}
.profile{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.profile__image{aspect-ratio:1/1;overflow:visible;border-radius:0;background:transparent}.profile__image img,.profile__image video{width:100%;height:100%;object-fit:contain;object-position:center}
.signature{font-family:'Segoe Script','Brush Script MT',cursive;color:var(--red);font-size:clamp(1.8rem,3vw,2.6rem);margin-top:1rem}
.album{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.album__cover{aspect-ratio:1/1;overflow:hidden;border-radius:1rem;background:#181818}.album__cover img{width:100%;height:100%;object-fit:contain}
.album__date{color:var(--gold);text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:.75rem}
.album__title{font-size:clamp(2.4rem,5vw,4.6rem);line-height:.96;margin:.3rem 0 1rem}
.start-here{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin:1.1rem 0}.start-here>span{color:var(--gold);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.14em;margin-right:.2rem}.feature__play{border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;border-radius:999px;padding:.46rem .78rem;font-weight:900;cursor:pointer}.feature__play:hover,.feature__play:focus-visible{background:var(--red);border-color:var(--red)}.player{margin-top:.75rem;padding:1rem;border:1px solid var(--line);border-radius:1rem;background:#171513}
.player__now{display:flex;gap:1rem;align-items:center;margin-bottom:.8rem}.player__art{width:72px;aspect-ratio:1;object-fit:cover;border-radius:.5rem}.player__meta strong{display:block;font-size:1.05rem}.player__meta span{color:var(--muted);font-size:.78rem}
.player audio{width:100%}
.tracklist{margin-top:1rem;display:grid}
.track{display:grid;grid-template-columns:2rem 1fr auto auto;gap:.8rem;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--line)}
.track__no{color:#978d80;font-size:.72rem}.track__name{font-weight:900}.track__genre{font-size:.72rem;color:#d2c8bc;text-align:right}.track__play{border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;border-radius:999px;padding:.38rem .72rem;font-weight:900;cursor:pointer;text-decoration:none;font-size:.8rem}
.track__play:hover,.track__play:focus-visible{background:var(--red);border-color:var(--red);color:#fff}
.covers{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem;margin-top:3rem}.cover{background:#191715;border-radius:.8rem;overflow:hidden}.cover img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#090909}.cover span{display:block;padding:.65rem;font-size:.72rem;font-weight:900}
.thoughts{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.quotes{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.card{padding:1.35rem;border:1px solid rgba(24,21,18,.15);border-radius:1rem;background:rgba(255,255,255,.42);min-height:260px;display:flex;flex-direction:column;justify-content:space-between}
.card blockquote{font-family:Georgia,serif;font-size:clamp(1.3rem,2.2vw,1.9rem);line-height:1.17;margin:1rem 0}.card small{color:#6f665d}
.human{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,6vw,6rem)}.human__big{font-family:Georgia,serif;font-size:clamp(2.2rem,5vw,4.2rem);line-height:.98;margin:0}.human__big em{color:var(--gold);font-style:normal}
.steps{display:grid;gap:.7rem}.step{padding:1rem 0 1rem 1rem;border-left:3px solid var(--red)}.step h3{margin:0 0 .25rem}.step p{margin:0;color:#cec5ba}
.quotes{margin-top:3rem}.quote-card{border:1px solid var(--line);border-radius:1rem;padding:1.35rem;background:#191715}.quote{font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.17;margin:0}.quote-card cite{display:block;margin-top:1rem;color:var(--gold);font-style:normal;font-weight:900}
.watchgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.watchcard{display:block;text-decoration:none;border:1px solid var(--line);border-radius:1rem;overflow:hidden;background:#171513}.watchcard img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#090909}.watchcard__body{padding:1rem}.watchcard__body strong{display:block}.watchcard__body span{color:var(--muted);font-size:.8rem}
.press{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.panel{padding:1.35rem;border:1px solid rgba(24,21,18,.14);border-radius:1rem;background:rgba(255,255,255,.38)}.panel h3{font-family:Georgia,serif;font-size:1.7rem;margin:0 0 .6rem;font-weight:400}.panel .btn--ghost{border-color:rgba(24,21,18,.25);color:#181512}
.footer{border-top:1px solid var(--line);padding:2rem 0 3rem;color:#a89f94;font-size:.76rem}.footer__in{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
@media(max-width:900px){
 .nav__links a:not(.btn){display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero__media{height:62svh;min-height:520px}.hero__copy{padding:2.5rem 1rem 3rem;align-items:flex-start}
 .section__head,.profile,.album,.human,.press{grid-template-columns:1fr}.profile__image{max-width:520px}.covers{grid-template-columns:repeat(2,1fr)}.thoughts,.quotes,.watchgrid{grid-template-columns:1fr}
}
@media(max-width:560px){.wrap{width:min(calc(100% - 1.25rem),var(--max))}.track{grid-template-columns:1.6rem 1fr auto}.track__genre{grid-column:2;text-align:left;margin-top:-.35rem}.covers{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


@media(min-width:901px){.signature{white-space:nowrap}}


.life-section{background:#111;color:#fff}
.life-banner{border-radius:1rem;overflow:hidden;margin:0 0 1rem;background:#181818}
.life-banner img{width:100%;aspect-ratio:3/1;object-fit:cover}
.life-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}
.life-card{margin:0;grid-column:span 4;border-radius:1rem;overflow:hidden;background:#191715;border:1px solid var(--line);position:relative}
.life-card--tall{grid-row:span 2}
.life-card--wide{grid-column:span 8}
.life-card img{width:100%;height:100%;min-height:320px;object-fit:cover}
.life-card--tall img{min-height:660px}
.life-card figcaption{position:absolute;left:.8rem;bottom:.8rem;background:rgba(15,15,15,.78);backdrop-filter:blur(8px);padding:.45rem .65rem;border-radius:999px;font-size:.72rem;font-weight:900;letter-spacing:.05em}
.watch-feature{display:grid;grid-template-columns:1.25fr .75fr;gap:0;border:1px solid var(--line);border-radius:1.1rem;overflow:hidden;background:#171513;margin-bottom:1rem}
.watch-feature>img{width:100%;height:100%;min-height:440px;object-fit:cover}
.watch-feature__copy{padding:clamp(1.3rem,3vw,2.4rem);display:flex;flex-direction:column;justify-content:center}
.watch-feature__copy h3{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.2rem,4vw,4.2rem);line-height:.95;margin:.45rem 0 .8rem;font-weight:400}
.watch-feature__copy p{color:#d4cbc0;max-width:34rem}
.watch-feature button.btn{font:900 .9rem Arial,Helvetica,sans-serif;cursor:pointer}


@media(max-width:900px){
 .life-banner img{aspect-ratio:16/7}
 .life-grid{grid-template-columns:1fr 1fr}
 .life-card,.life-card--wide{grid-column:span 1}
 .life-card--tall{grid-row:auto}
 .life-card img,.life-card--tall img{min-height:300px}
 .watch-feature{grid-template-columns:1fr}
 .watch-feature>img{min-height:280px}
}
@media(max-width:560px){
 .life-grid{grid-template-columns:1fr}
 .life-card,.life-card--wide{grid-column:1}
 .life-banner img{aspect-ratio:16/8}
 .life-card img,.life-card--tall img{min-height:360px}
}

.back-link{display:inline-flex;align-items:center;gap:.35rem;text-decoration:none;font-weight:800;font-size:.78rem;color:#fff;opacity:.88;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:.45rem .72rem;background:rgba(15,15,15,.28);backdrop-filter:blur(8px)}.back-link:hover,.back-link:focus-visible{opacity:1;border-color:rgba(255,255,255,.5)}

.profile-life{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:2rem}
.profile-life figure{margin:0;position:relative;overflow:hidden;border-radius:.9rem;background:#191715;aspect-ratio:4/5}
.profile-life img{width:100%;height:100%;object-fit:cover}
.profile-life figcaption{position:absolute;left:.65rem;bottom:.65rem;background:rgba(15,15,15,.76);backdrop-filter:blur(8px);padding:.38rem .58rem;border-radius:999px;color:#fff;font-size:.68rem;font-weight:900}
.watchcard__body strong{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.2}
@media(max-width:900px){.profile-life{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.profile-life{grid-template-columns:repeat(2,1fr);gap:.5rem}}
.tracklist.covers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}
.tracklist .track{display:block;padding:0;border:1px solid var(--line);border-radius:.8rem;overflow:hidden;background:#191715}
.tracklist .track--current{border:2px solid var(--gold)}
.track__details{padding:.65rem;display:flex;gap:.5rem;justify-content:space-between;align-items:center}
.track__details .track__genre{text-align:left}
.track__play{min-height:44px;min-width:64px}
.cover span{font-size:.9rem;line-height:1.3}
.artist-links{margin-top:1rem}.artist-links summary,.section-disclosure>summary{cursor:pointer;min-height:44px;padding:.75rem 0;font-weight:800}
.artist-links .actions{margin-top:.75rem}
.section-disclosure{width:min(calc(100% - 2rem),var(--max));margin:auto}.section-disclosure>.wrap{width:100%}
.section:has(>.section-disclosure){padding:1.5rem 0}
.mini-player{position:fixed;bottom:0;left:0;right:0;z-index:40;padding:.8rem max(1rem,calc((100vw - 1180px)/2));background:#171513;border-top:1px solid var(--gold);display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 -4px 20px #0006}
.mini-player[hidden]{display:none}.mini-player strong{display:block}.mini-player span{font-size:.8rem;color:var(--muted)}
.mini-player__actions{display:flex;gap:.5rem;flex-wrap:wrap}.mini-player button{min-height:44px;padding:.6rem .8rem;border:1px solid var(--line);border-radius:999px;background:transparent;color:#fff;cursor:pointer;font-weight:800}
.mini-player button[aria-pressed="true"],#togglePlayback{background:var(--red)}.mini-player button:disabled{opacity:.4;cursor:default}
body{padding-bottom:150px}
@media(max-width:900px){.tracklist.covers{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-player{flex-direction:column;align-items:stretch;gap:.4rem}.mini-player strong{font-size:.9rem}.mini-player__actions{justify-content:space-between;gap:.25rem}.mini-player button{padding:.5rem .6rem}.track__details{flex-wrap:wrap}}
.album__back{margin:2rem 0 0}.album__back img{width:100%;height:auto;object-fit:contain;border-radius:1rem}.album__back figcaption{margin-top:.7rem;color:var(--muted);font-size:.9rem}

.profile__image video:focus-visible{outline:3px solid var(--gold);outline-offset:-4px}


/* Compact mobile reading rhythm + persistent playback progress */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.mini-player{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"top actions" "progress actions";gap:.35rem 1rem;padding:.65rem max(1rem,calc((100vw - 1180px)/2))}
.mini-player__top{grid-area:top;display:flex;align-items:baseline;justify-content:space-between;gap:.8rem;min-width:0}
.mini-player__meta{display:flex;align-items:baseline;gap:.65rem;min-width:0}
.mini-player__meta strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-player__time{display:flex;gap:.25rem;white-space:nowrap;color:#d8cfc4;font-size:.75rem;font-variant-numeric:tabular-nums}
.mini-player__progress{grid-area:progress;display:flex;align-items:center;min-width:0}
#miniSeek{width:100%;height:24px;margin:0;accent-color:var(--gold);cursor:pointer}
.mini-player__actions{grid-area:actions;align-items:center;flex-wrap:nowrap}

@media(max-width:900px){
  .section{padding:3rem 0}
  .section__head{gap:1rem;margin-bottom:1.5rem}
  .card{min-height:0;padding:1.05rem}
  .card blockquote{margin:.65rem 0 .8rem}
  .thoughts{gap:.7rem}
  .quotes{margin-top:1.5rem;gap:.7rem}
  .quote-card{padding:1.05rem}
  .mini-player{display:grid;grid-template-columns:1fr;grid-template-areas:"top" "progress" "actions";gap:.25rem;padding:.45rem .65rem .55rem}
  .mini-player__top{gap:.5rem}
  .mini-player__meta{gap:.45rem}
  .mini-player__meta strong{font-size:.86rem;max-width:55vw}
  .mini-player__meta #miniState{font-size:.7rem}
  .mini-player__time{font-size:.7rem}
  #miniSeek{height:20px}
  .mini-player__actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.3rem}
  .mini-player button{min-width:0;min-height:40px;padding:.38rem .25rem;font-size:.72rem}
  body{padding-bottom:128px}
}
@media(max-width:560px){
  .hero .hero__media{height:46svh;min-height:330px}
  .hero .hero__copy{padding:1.75rem .65rem 2.2rem}
  .section{padding:2.35rem 0}
  .section h2{font-size:clamp(2.05rem,11vw,3rem)}
  .section__head{margin-bottom:1.15rem}
  .profile-life{margin-top:1.25rem}
  .life-card img,.life-card--tall img{min-height:0;aspect-ratio:4/5}
  .life-banner img{aspect-ratio:16/7}
  .album__back{margin-top:1.25rem}
  .mini-player__meta strong{max-width:48vw}
}
