.recordings-list{display:grid;gap:0;border-top:1px solid var(--line)}
.recording-card{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:28px;align-items:center;padding:40px 0;border-bottom:1px solid var(--line);transition:background .25s}
.recording-card:hover{background:#d4ef8007}
.recording-number{align-self:start;padding-top:4px;font:13px Consolas,monospace;color:var(--muted)}
.recording-copy .eyebrow{font-size:12px;color:var(--accent);margin:0 0 18px}
.recording-copy h3{font-size:clamp(26px,2.8vw,40px);font-weight:400;line-height:1.2;margin-bottom:14px}
.recording-copy>p:last-child{color:var(--muted);font-size:15px;line-height:1.7;margin:0}
.recording-copy>p span{color:var(--muted)}
.recording-destination{display:flex;align-items:center;gap:20px;font-size:14px;white-space:nowrap}
.recording-arrow{font-size:23px;color:var(--accent)}
.recording-card:hover h3{color:var(--accent)}
@media(max-width:1000px){.recording-card{grid-template-columns:28px minmax(0,1fr)}.recording-destination{grid-column:2;justify-content:space-between;max-width:240px}}
@media(max-width:700px){.recording-card{grid-template-columns:1fr;gap:18px;padding:28px 0}.recording-number{display:none}.recording-copy h3{font-size:28px}.recording-copy>p span{display:block}.recording-destination{grid-column:1;max-width:none}.recording-copy .eyebrow{font-size:11px}.ambient-light{inset:-12%;opacity:.8}.ambient-grain{opacity:.1}}
@media(prefers-reduced-motion:reduce){.ambient-light{transform:none;will-change:auto}.recording-card{transition:none}}


/* Neutral page texture. No tiled gradients or viewport-fixed layers. */
body{position:relative;isolation:isolate;background:#101110}
.ambient{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict;background:#101110}
.ambient-light{display:none}
.ambient-grain{position:absolute;inset:0;width:100%;height:100%;background-repeat:repeat;background-size:160px 160px;opacity:.055;mix-blend-mode:soft-light}
.header{background:#101110}
.platforms,#music,.sessions{background:transparent}
.about{background:rgba(24,25,22,.88)}
.sessions::before{border:0}
.hero{display:flex;align-items:center;justify-content:flex-start;min-height:600px;height:min(720px,calc(100svh - 88px));background:transparent}
.hero-content{width:100%;padding:64px var(--gutter) 100px;text-align:left}
.hero .eyebrow{font-size:12px;color:var(--muted);margin:0 0 30px}
#hero-title{width:min(38vw,510px);margin:0 0 32px}
.hero-image{width:90%;right:-12%;object-position:50% 35%;opacity:.66;mask-image:linear-gradient(to right,transparent 0%,#000 30%)}
.hero-shade{background:linear-gradient(90deg,#101110 0%,rgba(16,17,16,.85) 22%,rgba(16,17,16,.08) 72%),linear-gradient(0deg,#101110,transparent 38%)}
.hero::after{display:none}
.hero-description{font-size:20px;line-height:1.5;margin:0 0 28px;max-width:360px;color:#c3c4bd}
.hero-description span{display:block}
.hero .button{min-height:46px;padding:11px 20px;font-size:14px}
.hero-bottom{justify-content:flex-end}
/* Two bounded accent pools, fading fully before their section edges. */
.accent-glow{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.accent-glow::before{content:'';position:absolute;width:min(480px,65vw);height:360px;left:-180px;bottom:-100px;background:radial-gradient(ellipse,rgba(190,216,122,.085),transparent 68%);transform:translate3d(var(--ambient-x,0px),var(--ambient-y,0px),0)}
.sessions{position:relative;isolation:isolate}
.sessions .accent-glow::before{left:auto;right:-140px;bottom:0;opacity:.65}
@media(max-width:700px){.hero{min-height:550px;height:min(680px,calc(100svh - 76px));max-height:none}.hero-content{padding:50px 24px 95px}.hero-image{width:165%;right:-47%;opacity:.46;object-position:center}.hero-shade{background:linear-gradient(90deg,rgba(16,17,16,.7),rgba(16,17,16,.1)),linear-gradient(0deg,#101110,transparent 70%)}#hero-title{width:min(80%,330px);margin:0 0 28px}.hero-description{font-size:18px;line-height:1.55}.hero .eyebrow{font-size:11px;letter-spacing:.1em;margin-bottom:26px}.hero-bottom a{font-size:10px}.hero-bottom a span{font-size:14px}.ambient-grain{opacity:.045}.accent-glow::before{opacity:.6}}
@media(prefers-reduced-motion:reduce){.accent-glow::before{transform:none}}

/* Compact portrait, aligned with the biography rather than the whole section. */
.about{grid-template-columns:minmax(240px,400px) minmax(0,540px);justify-content:center;column-gap:clamp(40px,7vw,110px);row-gap:0;padding-block:64px;align-items:start}
.about-copy{display:contents}
.about-copy>*{grid-column:2}
.about-copy>.eyebrow{grid-row:1}
.about-copy>h2{grid-row:2}
.about-copy>.lead{grid-row:3}
.about-copy>p:nth-of-type(3){grid-row:4;margin:0 0 18px}
.about-copy>p:nth-of-type(4){grid-row:5;margin:0}
.about-copy>.text-link{grid-row:6;justify-self:start;margin-top:28px}
.about-photo{grid-column:1;grid-row:2 / 6;align-self:stretch;aspect-ratio:auto;min-height:0}
.about-photo>img{position:absolute;inset:0;object-position:46% center}
@media(max-width:700px){
 .about{grid-template-columns:minmax(0,540px);gap:28px;padding-block:48px}
 .about-photo{grid-column:1;grid-row:auto;height:320px;width:min(100%,400px);justify-self:center}
 .about-copy{display:block}
 .about-copy>p:nth-of-type(3){margin:0 0 18px}
 .about-copy>.text-link{margin-top:24px}
}

/* Vector arrows stay monochrome on iOS and every other platform. */
.arrow-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.socials{flex-wrap:wrap}

/* Restrained portrait motion, kept inside its existing frame. */
.about-photo>img{transition:transform .8s cubic-bezier(.2,.65,.3,1),filter .8s ease;transform:scale(1)}
@media(hover:hover) and (pointer:fine){.about-photo:hover>img{transform:scale(1.045);filter:brightness(.87)}}
@media(prefers-reduced-motion:reduce){.about-photo>img{transition:none}.about-photo:hover>img{transform:none}}