/* Backroads mobile-first correction layer, 2026-09. Loaded after page-local styles. */
:root{--br-mobile-pad:18px;--br-touch:48px}
html{-webkit-text-size-adjust:100%;overflow-x:hidden}
body{min-width:320px}
body[data-release-slug]{overflow-x:hidden}
button,input,select,textarea{font:inherit}
a,button,input[type="range"],summary{touch-action:manipulation}
:focus-visible{outline:3px solid rgba(241,201,133,.82)!important;outline-offset:3px!important}

/* Release pages */
.release-mobile-nav{display:none;position:relative;margin-left:auto}
.release-mobile-nav summary{list-style:none;display:flex;align-items:center;justify-content:center;min-width:70px;min-height:46px;padding:0 14px;border:1px solid rgba(214,164,95,.42);border-radius:999px;color:var(--ink);font:700 .82rem/1 'Source Sans 3',Arial,sans-serif;cursor:pointer}
.release-mobile-nav summary::-webkit-details-marker{display:none}
.release-mobile-nav[open] summary{border-color:var(--gold-bright);background:rgba(214,164,95,.12)}
.release-mobile-nav nav{position:absolute;right:0;top:calc(100% + 10px);z-index:20;width:min(82vw,280px);display:grid!important;gap:0!important;padding:8px;border:1px solid var(--line);border-radius:18px;background:rgba(12,11,9,.98);box-shadow:0 20px 60px rgba(0,0,0,.55);backdrop-filter:blur(18px)}
.release-mobile-nav nav a{display:flex;align-items:center;min-height:48px;padding:10px 13px;border-radius:12px;color:var(--ink)!important;text-decoration:none}
.release-mobile-nav nav a:hover,.release-mobile-nav nav a:focus-visible{background:rgba(214,164,95,.11)}
.artist-platforms{margin-top:clamp(56px,8vw,96px);padding-top:clamp(36px,6vw,64px);border-top:1px solid var(--line)}
.artist-platforms-heading{max-width:760px}
.artist-platforms-heading h2{margin:0;font:500 clamp(2rem,4.7vw,4rem)/1 Oswald,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.02em}
.artist-platforms-heading>p:last-child{max-width:650px;margin:16px 0 0;color:var(--muted)}
.artist-platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px}
.artist-platform-button{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);color:var(--ink);font-weight:700;text-decoration:none}
.artist-platform-button:hover,.artist-platform-button:focus-visible{border-color:rgba(241,201,133,.65);background:rgba(214,164,95,.08)}

/* First Listen current campaign */
.first-listen-coming-note{display:block;width:100%;padding:12px 14px;border:1px solid rgba(241,201,133,.34);border-radius:12px;background:rgba(5,5,4,.56);color:#f5efe5;font-weight:700;text-align:center}
.first-listen-track-current .first-listen-track-art img{object-position:center top}

@media (max-width:820px){
  /* Mobile is a dedicated composition, not a shrunken desktop grid. */
  body:not([data-release-slug]) .site-header{min-height:68px;padding:11px var(--br-mobile-pad)!important;background:rgba(9,8,7,.9);backdrop-filter:blur(16px)}
  body:not([data-release-slug]) .brand{min-height:44px!important}
  body:not([data-release-slug]) .brand-mark{width:42px!important;height:42px!important;flex-basis:42px!important}
  body:not([data-release-slug]) .brand-name{max-width:190px!important;font-size:.78rem!important;line-height:1.08!important;letter-spacing:.045em!important}
  body:not([data-release-slug]) .native-mobile-nav summary{width:48px!important;height:48px!important;min-width:48px;min-height:48px;padding:0!important}
  body:not([data-release-slug]) .native-mobile-panel{position:fixed!important;left:12px!important;right:12px!important;top:76px!important;width:auto!important;max-height:calc(100svh - 92px)!important;padding:10px!important;border-radius:20px!important;box-shadow:0 24px 70px rgba(0,0,0,.65)!important}
  body:not([data-release-slug]) .native-mobile-panel a{min-height:52px!important;display:flex!important;align-items:center!important;padding:10px 14px!important;font-size:1.08rem!important;border-radius:12px!important}

  /* Homepage hero: intentional phone framing and readable first-screen actions. */
  body:not(.first-listen-page):not([data-release-slug]) .hero{min-height:100svh!important;display:flex!important;align-items:flex-end!important}
  body:not(.first-listen-page):not([data-release-slug]) .hero-media{background-position:62% center!important}
  body:not(.first-listen-page):not([data-release-slug]) .hero-shade{background:linear-gradient(180deg,rgba(5,4,3,.22) 0%,rgba(5,4,3,.26) 32%,rgba(7,6,5,.82) 69%,#0c0b09 100%)!important}
  body:not(.first-listen-page):not([data-release-slug]) .hero-content{width:100%!important;max-width:none!important;margin:0!important;padding:118px var(--br-mobile-pad) 36px!important}
  body:not(.first-listen-page):not([data-release-slug]) .hero-entity-title{font-size:.85rem!important;letter-spacing:.13em!important}
  body:not(.first-listen-page):not([data-release-slug]) .hero-wordmark{width:min(88vw,420px)!important;max-height:30vh!important;margin:8px 0 12px!important;object-position:left center!important}
  body:not(.first-listen-page):not([data-release-slug]) .hero-intro{max-width:34ch!important;margin:0 0 18px!important;font-size:1.03rem!important;line-height:1.55!important}
  body:not(.first-listen-page):not([data-release-slug]) .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important}
  body:not(.first-listen-page):not([data-release-slug]) .hero-actions .button{width:100%!important;min-height:52px!important;justify-content:center!important}
  body:not(.first-listen-page):not([data-release-slug]) .hero-path-note{margin:14px 0 0!important;max-width:38ch!important;font-size:.86rem!important;line-height:1.5!important}

  /* Homepage catalog becomes a deliberate vertical selection interface. */
  #music-store{padding-inline:0!important}
  #music-store>.container{width:100%!important;padding-inline:var(--br-mobile-pad)!important}
  .itunes-intro{margin-bottom:24px!important}
  .itunes-storefront-shell{gap:30px!important}
  .itunes-now-playing{position:relative!important;top:auto!important;padding:18px!important;border-radius:20px!important}
  .itunes-now-playing-head{display:grid!important;gap:10px!important;margin-bottom:14px!important}
  .itunes-now-playing h3{max-width:none!important;font-size:clamp(2rem,10vw,3.2rem)!important;line-height:1!important}
  .itunes-store-badge{justify-self:start!important}
  .apple-embed-wrap iframe{height:390px!important;border-radius:12px!important}
  .itunes-now-playing-actions{gap:10px!important}
  .itunes-now-playing-actions .button{min-height:50px!important}
  .itunes-catalog-head{align-items:center!important;margin-bottom:14px!important}
  .itunes-catalog-head h3{font-size:2rem!important}
  .itunes-track-grid{grid-template-columns:1fr!important;gap:12px!important}
  .itunes-track-item{grid-template-columns:minmax(0,1fr) 108px!important;gap:9px!important;padding:0!important;border:0!important}
  .itunes-track-button{min-height:74px!important;padding:14px 15px!important;border-radius:16px!important}
  .itunes-track-name{font-size:1.02rem!important;line-height:1.24!important}
  .itunes-track-status{font-size:.82rem!important}
  .itunes-track-page-link{min-height:74px!important;padding:10px!important;border-radius:16px!important;text-align:center!important;white-space:normal!important;line-height:1.18!important}

  .first-listen-compact-card{grid-template-columns:1fr!important;gap:22px!important;padding:24px 20px!important;border-radius:20px!important}
  .first-listen-compact-card h2{font-size:clamp(2.25rem,11vw,3.5rem)!important;line-height:.98!important}
  .first-listen-compact-card>.button{width:100%!important;min-height:52px!important;justify-content:center!important}
  .platform-grid-compact{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .platform-grid-compact .platform-card{min-height:92px!important;padding:16px!important;border-radius:16px!important}

  /* Dedicated First Listen: one clear vertical story on phones/tablets. */
  .first-listen-page-intro{padding:112px var(--br-mobile-pad) 34px!important}
  .first-listen-page-intro .container{width:100%!important}
  .first-listen-page-intro h1{font-size:clamp(3rem,12vw,5.2rem)!important;line-height:.9!important;max-width:9ch!important}
  .first-listen-page-intro p{max-width:34ch!important;font-size:1.03rem!important}
  .first-listen-page .dedicated-first-listen-live{padding:30px var(--br-mobile-pad) 64px!important}
  .first-listen-page .dedicated-first-listen-live>.container{width:100%!important}
  .first-listen-access-locked{padding:24px 18px!important;border-radius:20px!important}
  .first-listen-gate-header{text-align:left!important;margin:0 0 22px!important}
  .first-listen-gate-header h2{font-size:clamp(2.55rem,11vw,3.8rem)!important;line-height:.95!important}
  .first-listen-gate-header>p:last-child{margin:0!important}
  .first-listen-shared-form{width:100%!important}
  .first-listen-shared-form input[type="email"],.first-listen-shared-form .button-primary{min-height:54px!important}
  .consent-row{grid-template-columns:24px 1fr!important;gap:11px!important;font-size:.92rem!important}
  .consent-row input{width:20px;height:20px}
  .first-listen-authorized-heading{text-align:left!important;margin-bottom:20px!important}
  .first-listen-authorized-heading h2{margin-inline:0!important;font-size:clamp(2.65rem,11vw,4rem)!important;line-height:.95!important}
  .first-listen-track-grid{grid-template-columns:1fr!important;gap:20px!important}
  .first-listen-track-card{min-height:min(760px,calc(100svh - 96px))!important;border-radius:22px!important}
  .first-listen-track-content{padding:20px!important}
  .first-listen-track-topline{inset:18px 18px auto!important;align-items:flex-start!important}
  .first-listen-release{max-width:52%;text-align:right!important;font-size:.78rem!important}
  .first-listen-track-copy h3{font-size:clamp(2.6rem,13vw,4.5rem)!important;line-height:.92!important}
  .first-listen-player{grid-template-columns:52px minmax(0,1fr) 48px!important;gap:11px!important}
  .first-listen-play{width:52px!important;height:52px!important}
  .first-listen-restart{width:48px!important;height:48px!important}
  .player-progress{min-height:28px!important}
  .first-listen-security-note{font-size:.85rem!important;line-height:1.5!important}

  /* Release page phone/tablet composition. */
  body[data-release-slug] .release-site-header{position:sticky;top:0;z-index:50;min-height:68px;padding:11px var(--br-mobile-pad)!important}
  body[data-release-slug] .release-desktop-nav{display:none!important}
  body[data-release-slug] .release-mobile-nav{display:block}
  body[data-release-slug] .brand{min-width:0;gap:9px!important;font-size:.76rem!important;letter-spacing:.045em!important}
  body[data-release-slug] .brand-mark{width:40px!important;height:40px!important;flex:0 0 40px!important}
  body[data-release-slug] .brand>span:last-child{max-width:185px!important;white-space:normal!important;line-height:1.08!important}
  body[data-release-slug] .release-shell{width:100%!important;padding:32px var(--br-mobile-pad) 64px!important}
  body[data-release-slug] .release-card{grid-template-columns:1fr!important;gap:28px!important}
  body[data-release-slug] .cover-wrap{width:min(100%,520px)!important;margin:auto!important}
  body[data-release-slug] .cover-wrap img{border-radius:20px!important}
  body[data-release-slug] .release-copy h1{font-size:clamp(2.9rem,13vw,5.2rem)!important;line-height:.9!important;overflow-wrap:anywhere}
  body[data-release-slug] .artist{margin-top:16px!important}
  body[data-release-slug] .status-copy{margin-top:18px!important;font-size:1.04rem!important}
  body[data-release-slug] .release-actions{margin-top:24px!important;gap:10px!important}
  body[data-release-slug] .release-button{min-height:54px!important;padding:14px 16px!important}
  .artist-platforms{margin-top:52px!important;padding-top:36px!important}
  .artist-platforms-heading h2{font-size:clamp(2.25rem,10vw,3.5rem)!important}
  .artist-platform-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .artist-platform-button{min-height:64px!important;padding:13px!important;font-size:.94rem!important;line-height:1.2!important}
  body[data-release-slug] .site-footer{padding:28px var(--br-mobile-pad)!important;gap:22px!important}
}

@media (max-width:520px){
  :root{--br-mobile-pad:16px}
  .platform-grid-compact{grid-template-columns:1fr!important}
  .itunes-track-item{grid-template-columns:minmax(0,1fr) 96px!important}
  .itunes-track-page-link{font-size:.9rem!important}
  .apple-embed-wrap iframe{height:360px!important}
  .artist-platform-grid{grid-template-columns:1fr!important}
  .artist-platform-button{min-height:56px!important}
  .first-listen-track-card{min-height:680px!important}
}

@media (max-width:360px){
  body:not([data-release-slug]) .brand-name{max-width:150px!important;font-size:.72rem!important}
  body[data-release-slug] .brand>span:last-child{max-width:145px!important;font-size:.7rem!important}
  .itunes-track-item{grid-template-columns:1fr!important}
  .itunes-track-page-link{min-height:48px!important}
  .first-listen-track-topline{display:grid!important;justify-content:start!important}
  .first-listen-release{max-width:none!important;text-align:left!important}
}

@media (min-width:821px) and (max-width:1100px){
  .artist-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

@media (max-width:820px){
  .site-footer .footer-links a,.site-footer nav a{display:inline-flex;align-items:center;min-height:44px;padding-block:8px}
}