/* Original supplied artwork. Clear space and proportions are retained. */
.brand .brand-wordmark{display:block;width:142px;height:auto;object-fit:contain}
#hero-title{margin:36px 0 30px;line-height:1;width:min(57vw,780px);white-space:normal}
.hero-wordmark{display:block;width:100%;height:auto}
.photo-caption{display:flex;align-items:center;gap:12px}
.photo-caption img{width:30px;height:30px;object-fit:contain;filter:none}
/* Compact record shelf: four across, two across on smaller screens. */
#music{padding-top:80px;padding-bottom:72px}
#music .section-heading{margin-bottom:32px}
.release-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.release{min-width:0}
.cover{aspect-ratio:1}
.cover img{object-fit:contain}
.cover-cta{bottom:12px;right:12px;padding:7px 10px;font-size:12px}
.release-caption{padding:18px 0 6px;gap:10px}
.release-caption h3{font-size:24px}
.release-caption .eyebrow{font-size:11px;letter-spacing:.055em;line-height:1.6}
.release-caption p:not(.eyebrow){font-size:14px;line-height:1.5}
.release-caption .round-arrow{width:32px;height:32px;font-size:18px;margin-top:3px}
.listening{margin-top:26px;padding-top:24px}
/* A rising cut echoes the D mark; the existing palette stays unchanged. */
.section-heading{position:relative}
.section-heading::before{content:"";position:absolute;width:24px;height:2px;left:-34px;top:7px;background:var(--accent);transform:rotate(-45deg);transform-origin:center}
.button{clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}
.button:focus-visible{clip-path:none}
.brand-lines{position:relative;isolation:isolate}
.brand-lines::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url('assets/d-symbol-outline.png');background-repeat:no-repeat;background-size:440px;background-position:calc(100% + 120px) 50%;opacity:.035}
.contact.brand-lines::before{background-size:570px;background-position:calc(100% + 110px) 15%;filter:brightness(0);opacity:.055}
.about-photo{clip-path:polygon(0 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%)}
.footer-top{position:relative}
@media(min-width:1600px){.release-grid{gap:32px}.cover-cta{font-size:13px}}
@media(max-width:1000px){.release-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}.brand .brand-wordmark{width:124px}.release-caption .round-arrow{display:none}.section-heading::before{left:-25px;width:16px}}
@media(max-width:700px){.brand .brand-wordmark{width:106px}.header nav{gap:15px;font-size:13px}#hero-title{width:min(100%,520px);margin:37px 0 35px}.hero-wordmark{max-width:100%}.hero-description{margin-top:35px}#music{padding-top:60px;padding-bottom:54px}#music .section-heading{gap:20px;margin-bottom:28px}.release-grid{gap:26px 16px}.release-caption{padding:14px 0 0}.release-caption h3{font-size:21px}.release-caption .eyebrow{font-size:10px;letter-spacing:.025em}.release-caption p:not(.eyebrow){font-size:13px}.cover-cta{position:static;display:block;background:transparent;border:0;padding:10px 0 0;font-size:12px}.cover{aspect-ratio:auto;overflow:visible;background:transparent}.cover img{display:block;aspect-ratio:1;height:auto}.release:hover .cover img{transform:none}.section-heading::before{left:-17px;top:7px;width:12px}.brand-lines::before{background-size:300px;background-position:calc(100% + 110px) 80%}.contact.brand-lines::before{background-size:390px;background-position:calc(100% + 180px) 18%}.footer-top .brand-wordmark{width:140px}}
@media(max-width:360px){.header nav{gap:11px;font-size:12px}.brand .brand-wordmark{width:94px}.release-grid{gap:24px 12px}.release-caption h3{font-size:19px}.release-caption .eyebrow{font-size:10px}.cover-cta{font-size:11px}}

/* Smaller video and a companion mix, with no genre labels. */
.hero-bottom{justify-content:flex-end}
.sessions-grid{display:grid;grid-template-columns:minmax(0,480px) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:stretch;max-width:1120px}
.session-video{min-width:0}
.sessions .video{aspect-ratio:16/9;width:100%}
.sessions .video>img{object-fit:cover}
.sessions .play{width:60px;height:60px;font-size:18px}
.sessions .video-label{left:18px;bottom:16px;font-size:11px}
.sessions .session-caption{align-items:start;flex-direction:column;gap:16px;margin-top:20px}
.sessions .session-caption h3{font-size:26px}
.sessions .session-caption p{line-height:1.6}
.sessions .mix-row{margin:0;padding:26px 0 24px;display:flex;flex-direction:column;align-items:start;gap:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sessions .mix-number{font-size:12px;letter-spacing:.1em;color:var(--muted)}
.sessions .mix-row h3{font-size:clamp(30px,3vw,44px);line-height:1.12;margin:0 0 20px}
.sessions .mix-row p{font-size:16px;line-height:1.7}
.sessions .mix-row .mix-location{font-size:14px;margin-top:8px}
.sessions .mix-action{margin: auto 0 0;font-size:14px;border-bottom:1px solid #777b69;padding-bottom:5px}
@media(max-width:800px){.sessions-grid{grid-template-columns:minmax(0,1fr);max-width:480px;gap:36px}.sessions .mix-row{gap:20px}.sessions .mix-row h3{font-size:30px}.sessions .mix-action{margin-top:6px}}

/* Quiet monochrome branding and diffuse light, inspired by the references. */
.hero-wordmark,.brand-wordmark{filter:url('brand-tone.svg#muted')}
.hero-description{color:#c3c4bd}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 1% 80%,rgba(212,239,128,.10),transparent 44%)}
.sessions{position:relative;isolation:isolate;background:radial-gradient(ellipse at 100% 40%,rgba(212,239,128,.085),transparent 58%),#101110}
.sessions::before{content:"";position:absolute;inset:0 var(--gutter);z-index:-1;pointer-events:none;border-inline:1px solid rgba(212,239,128,.06)}
.sessions .section-heading{align-items:end}
.sessions .section-aside{display:block;color:#c3c4bd;font-size:16px;line-height:1.5}
.sessions-grid{display:flex;flex-direction:column;max-width:none;gap:32px}
.session-video{display:grid;grid-template-columns:minmax(0,480px) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,72px);padding-bottom:32px;border-bottom:1px solid var(--line)}
.sessions .session-caption{margin:0;gap:24px}
.sessions .session-caption .eyebrow{font-size:12px;letter-spacing:.12em;margin:0 0 18px;color:var(--accent)}
.sessions .session-caption h3{font-size:clamp(28px,3vw,40px);margin-bottom:18px}
.sessions .session-caption .recording-details{font-size:14px;margin-top:8px}
.sessions .mix-row{display:grid;grid-template-columns:1fr auto;gap:16px 40px;padding:0 0 32px;border-top:0}
.sessions .mix-number{grid-column:1/-1;color:var(--accent)}
.sessions .mix-row h3{font-size:clamp(24px,2.5vw,32px);margin:0 0 12px}
.sessions .mix-action{align-self:center;margin:0}
@media(max-width:800px){.session-video{grid-template-columns:1fr;gap:24px}.sessions .video{max-width:480px}.sessions .mix-row{grid-template-columns:1fr}.sessions .mix-action{justify-self:start;margin-top:8px}.sessions .section-heading{align-items:start}.sessions .section-aside{text-align:left;font-size:15px}.sessions-grid{gap:28px}.sessions::before{border-right:0}.sessions .session-caption h3{font-size:28px}}
