/* Lo-Key music site — v2.4 additions. Uses the approved tokens from styles.css; no changes to existing pages' look. */

/* ---------- Credits / Liner Notes ---------- */
.credits-page{background:#f5e9e5}
.credits-intro{background:radial-gradient(ellipse 47% 80% at 95% 35%,#bc7180b0,transparent),#301626;color:var(--cream);padding-top:max(150px,13vw)}
.credits-hero-grid{display:grid;grid-template-columns:1fr minmax(220px,.6fr);align-items:end;gap:6vw}
.credits-hero-grid h1{font:900 clamp(72px,11vw,176px)/.8 var(--display);text-transform:uppercase;letter-spacing:-.04em;margin:25px 0}
.credits-hero-grid h1 em{color:#f0b1a4}
.credits-intro .section-eyebrow{color:var(--peach)}
.credits-lede{font-size:15px;line-height:1.7;color:#f4d5de;max-width:420px;margin:0}
.credits-cover{margin:0}
.credits-cover img{width:100%;aspect-ratio:1;object-fit:cover;display:block;box-shadow:0 30px 70px #0006}
.credits-cover figcaption{margin-top:12px;font-size:10px;font-weight:800;letter-spacing:.2em;color:#f4d5de}
.credits-jump{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:clamp(36px,5vw,64px);padding-top:18px;border-top:1px solid #fff1df55}
.credits-jump a{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--cream);text-decoration:underline;text-underline-offset:5px;text-decoration-color:#f0b1a480}
.credits-jump a:hover,.credits-jump a:focus-visible{text-decoration-color:currentColor}
.credits-preview-banner{position:sticky;top:var(--nav-height);z-index:20;background:var(--gold);color:#2b1625;text-align:center;font-size:11px;font-weight:800;letter-spacing:.16em;padding:10px var(--page-gutter)}

.credits-release{color:#2b1625;background:#f5e9e5}
.credits-release+.credits-release{border-top:1px solid #ab849255}
.credits-release:nth-of-type(even){background:#efdfdc}
.credits-release-grid{display:grid;grid-template-columns:minmax(200px,.42fr) 1fr;gap:clamp(30px,6vw,96px);align-items:start}
.credits-release-art{position:sticky;top:calc(var(--nav-height) + 24px);display:grid;gap:18px}
.credits-release-art img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.credits-actions{display:flex;flex-wrap:wrap;gap:10px}
.credits-release-art .button,.credits-empty .button-light{background:#321b2b;color:#fff4e5;justify-content:center}
.credits-release-title{font:900 clamp(52px,7vw,112px)/.85 var(--display);text-transform:uppercase;letter-spacing:-.035em;margin:0 0 clamp(26px,4vw,48px)}
.credits-subhead{font-size:11px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:#934d67;margin:34px 0 4px}
.credit-list{list-style:none;margin:0;padding:0}
.credit-row{display:grid;grid-template-columns:minmax(150px,.85fr) 1.15fr;gap:4px 28px;padding:15px 0;border-bottom:1px solid #ab849266}
.credit-roles{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#8a5268;padding-top:4px}
.credit-name{font:800 clamp(22px,2.2vw,30px)/1.05 var(--display);text-transform:uppercase;letter-spacing:.005em;overflow-wrap:anywhere}
.credit-name a{color:inherit;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;text-decoration-color:#b05c7480}
.credit-name a:hover,.credit-name a:focus-visible{text-decoration-color:currentColor}
.credit-note{grid-column:2;font-size:13px;line-height:1.6;color:#745866}
.credit-row.is-draft{opacity:.62}
.credit-draft-tag{display:inline-block;margin-left:10px;font:800 9px/1 var(--sans);letter-spacing:.14em;padding:4px 6px;background:var(--gold);color:#2b1625;vertical-align:middle}

.credits-tracks{border-top:1px solid #ab849266}
.credits-track{border-bottom:1px solid #ab849266}
.credits-track summary{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:16px;padding:18px 0;cursor:pointer;list-style:none;min-height:56px}
.credits-track summary::-webkit-details-marker{display:none}
.credits-track summary:focus-visible{outline:2px solid #934d67;outline-offset:4px}
.credits-track-no{font:800 22px/1 var(--display);color:#b05c74}
.credits-track-title{font:800 clamp(24px,2.6vw,36px)/1 var(--display);text-transform:uppercase}
.credits-track-title small{display:block;margin-top:6px;font:600 12px/1.3 var(--sans);text-transform:none;color:#745866}
.credits-track-count{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#8a5268;white-space:nowrap}
.credits-track[open] .credits-track-count{color:#2b1625}
.credits-track .credit-list{padding:0 0 16px 64px}

.credits-empty{color:#2b1625}
.credits-empty h2{font:900 clamp(52px,7vw,112px)/.85 var(--display);text-transform:uppercase;letter-spacing:-.035em;margin:0 0 24px}
.credits-empty h2 em{color:#b05c74}
.credits-empty p{font-size:16px;color:#70495f;max-width:460px;margin:0 0 28px}
.credits-empty .button-outline{color:#321b2b;border-color:#321b2b}

@media(max-width:860px){
  .credits-hero-grid,.credits-release-grid{grid-template-columns:1fr}
  .credits-cover{max-width:340px}
  .credits-release-art{position:static;max-width:360px}
}
@media(max-width:560px){
  .credit-row{grid-template-columns:1fr}
  .credit-note{grid-column:1}
  .credits-track summary{grid-template-columns:36px 1fr;}
  .credits-track-count{grid-column:2}
  .credits-track .credit-list{padding-left:0}
}

/* ---------- Merch v2.4 (sale price, empty/error state) ---------- */
.merch-price-was{color:#8a6f7c;font-weight:600;margin-right:4px}
.merch-empty p{margin:0 0 18px}
.merch-empty .button{background:#321b2b;color:#fff4e5;justify-content:center}

/* ---------- Shared ---------- */
[data-credits-link][hidden]{display:none!important}


/* v2.5 — balanced page geometry, centered projects, independent mobile poster.
   The gallery carousel and approved desktop hero remain unchanged. */
.mobile-hero-art{display:none}

/* Keep backgrounds full-bleed while centering editorial content across screen sizes. */
section.section-pad:not(.gallery-section){
  padding-left:max(var(--page-gutter), calc((100% - 1550px) / 2));
  padding-right:max(var(--page-gutter), calc((100% - 1550px) / 2));
}
section.section-pad:not(.gallery-section) > :is(.section-top,.release-grid,.projects-head,.projects-grid,.video-heading,.video-grid,.about-grid,.tour-layout,.contact-layout,.press-two-col,.press-download-grid,.merch-hero-grid,.merch-grid,.credits-hero-grid,.credits-release-grid,.credits-jump){
  width:100%;max-width:1440px;margin-left:auto;margin-right:auto;min-width:0;
}
.release-grid > *, .about-grid > *, .tour-layout > *, .contact-layout > *,
.projects-grid > *, .video-grid > *, .press-two-col > *, .merch-hero-grid > *{
  min-width:0;
}
.projects-head{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px}
.projects-head h2,.projects-head p{max-width:none;text-align:center;margin-left:auto;margin-right:auto}
.project-card-copy{display:flex;flex-direction:column;align-items:center;text-align:center}
.project-card h3,.project-card p{text-align:center;margin-left:auto;margin-right:auto}

@media (max-width:680px){
  /* The chosen artwork includes headline, subtitle and rendered CTA buttons.
     Show it uncropped, and layer accessible real link hit areas over the buttons. */
  .hero{display:block;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;overflow:hidden;position:relative;background:#2b1127}
  .hero .hero-background,.hero .hero-picture,.hero .hero-photo-shade,
  .hero .hero-content,.hero .hero-vertical{display:none!important}
  .mobile-hero-art{display:block;position:relative;z-index:2;width:100%;line-height:0}
  .mobile-hero-art > img{display:block;width:100%;height:auto;object-fit:contain}
  .mobile-art-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .mobile-art-link{display:block;position:absolute;z-index:5;left:50.5%;width:45.5%;background:transparent;border-radius:100px;cursor:pointer}
  .mobile-art-project{top:53.85%;height:6.38%}
  .mobile-art-videos{top:60.3%;height:6.42%}
  .mobile-art-link:focus-visible{outline:3px solid #fff1df;outline-offset:2px;background:#fff1df22}

  /* Center mobile section CONTENT. Preserve gallery layout and header logo/menu. */
  section.section-pad:not(.gallery-section){padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
  section.section-pad:not(.gallery-section) :is(.section-top,.section-eyebrow,.release-info,.release-desc,.release-meta,.listening-title,.tracklist,.video-heading,.video-heading p,.video-copy,.projects-head,.project-card-copy,.about-copy,.about-type,.tour-layout,.tour-row,.contact-layout,.contact-details,.press-hero-copy,.press-hero-art,.press-two-col,.press-info,.press-assets,.merch-hero-grid,.merch-products,.merch-item-copy,.credits-hero-grid,.credits-release-grid,.credits-empty){text-align:center}
  section.section-pad:not(.gallery-section) .section-top{justify-content:center}
  .release-grid,.release-info,.video-heading,.projects-head,.about-grid,.about-copy,.tour-layout,.contact-layout,.contact-details,.press-two-col,.merch-hero-grid,.credits-hero-grid,.credits-release-grid{justify-items:center;align-items:center}
  .release-art,.release-desc,.video-heading p,.projects-head p,.press-hero-art,.merch-hero-grid>img,.credits-cover,.credits-lede,.credits-release-art{margin-left:auto;margin-right:auto}
  .release-meta>div{align-items:center;text-align:center}
  .video-grid .video-copy{align-items:center;justify-content:center}
  .video-grid .video-copy strong,.video-grid .video-copy span,.video-grid .video-copy small{text-align:center}
  .streaming-platforms,.streaming-links,.social-links,.hero-cta,.credits-actions,.credits-jump{justify-content:center}
  .track-row{justify-content:center}
  .press-fields>div{align-items:center;gap:15px}
  .press-fields strong{text-align:center}
  .contact-details>p,.credits-empty p{margin-left:auto;margin-right:auto}
  .footer{align-items:center;text-align:center}
  .footer>div{justify-content:center}
  .footer-brand,.footer-logo{margin-left:auto;margin-right:auto}
  .projects-head h2{font-size:clamp(54px,15vw,110px)}
  .projects-grid .project-card{width:100%}
  .projects-grid .project-card p{max-width:100%}
}