:root{--ink:#101010;--cream:#f1e7d5;--red:#c8382b;--muted:#b6ac9c;--line:#453e36;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased}img{display:block;width:100%;max-width:100%}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:5px}a{text-underline-offset:5px}.shell{width:min(1140px,calc(100% - 80px));margin-inline:auto}.section{padding-block:100px}.eyebrow{margin:0 0 18px;font:600 10px/1.5 var(--sans);letter-spacing:.21em;text-transform:uppercase}h2{margin:0 0 48px;font:italic 400 clamp(35px,4.5vw,58px)/1.1 var(--serif);letter-spacing:-.035em}p{line-height:1.65}.skip-link{position:absolute;z-index:50;top:10px;left:15px;transform:translateY(-200%);padding:12px;background:var(--cream);color:var(--ink)}.skip-link:focus{transform:none}.site-header{position:sticky;z-index:10;top:0;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:76px;padding:18px 40px;background:rgba(16,16,16,.97);border-bottom:1px solid #24211d}.site-nav,.header-links{display:flex;align-items:center;gap:25px}.site-nav a{font:italic 700 17px/1 var(--serif);text-decoration:none}.site-nav a:hover,.header-links a:hover{color:#e05a4c}.header-links{gap:20px}.header-links a{font:600 10px/1 var(--sans);letter-spacing:.04em;text-decoration:none}.menu-toggle,.mobile-brand{display:none}.hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:760px;padding:46px 24px 70px;text-align:center;overflow:hidden}.hero:before{position:absolute;top:0;left:50%;content:'';width:1px;height:30px;background:var(--red)}.hero>.eyebrow{margin-bottom:8px;color:var(--muted)}.hero-logo{width:clamp(270px,31vw,420px);height:auto;filter:invert(96%) sepia(15%) saturate(380%) hue-rotate(344deg) brightness(99%);margin:0 auto 13px}.hero h1{margin:0 0 28px;font:italic 400 clamp(25px,3vw,39px)/1.2 var(--serif)}.button-row{display:flex;justify-content:center;gap:15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-width:190px;padding:16px 24px;border:1px solid var(--cream);background:var(--cream);color:var(--ink);font:italic 700 16px/1.2 var(--serif);text-decoration:none;transition:background .16s,color .16s}.button:hover{background:var(--red);border-color:var(--red);color:var(--cream)}.button-outline{background:transparent;color:var(--cream)}.hero-footnote{display:flex;align-items:center;gap:20px;margin-top:45px;color:var(--muted);font:italic 15px/1 var(--serif)}.star{color:var(--red);font:32px/1 var(--serif)}.live-film{background:var(--red);padding:65px max(40px,calc((100vw - 1140px)/2))}.film-link{display:block;position:relative;overflow:hidden;text-decoration:none;background:#060606}.film-link>img{aspect-ratio:2.15;object-fit:cover;transition:transform .3s}.film-link:hover>img{transform:scale(1.025)}.film-link:after{position:absolute;inset:0;content:'';background:linear-gradient(transparent 40%,rgba(0,0,0,.85))}.film-overlay{position:absolute;z-index:1;bottom:30px;left:32px;right:30px;display:flex;align-items:center;gap:18px;font:italic 30px/1.2 var(--serif)}.film-overlay small{display:block;margin-top:7px;font:600 9px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase}.play{display:grid;place-items:center;flex:0 0 48px;height:48px;border:1px solid var(--cream);border-radius:50%;font:25px/1 var(--sans)}.shows{text-align:center}.show-notice{display:flex;gap:26px;align-items:center;padding:34px 0;border-block:1px solid var(--line);text-align:left}.show-mark{font:52px/1 var(--serif);color:var(--red)}.show-notice h3{margin:0 0 5px;font:italic 26px/1.2 var(--serif)}.show-notice p{margin:0;color:var(--muted);font-size:13px}.show-notice>.button{margin-left:auto;min-width:175px;font-size:15px}.music{background:var(--cream);color:var(--ink);text-align:center}.music>.shell>.eyebrow{color:#7c382f}.release-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.release{text-decoration:none}.cover{position:relative;overflow:hidden;background:#d4c9b5}.cover img{aspect-ratio:1;object-fit:cover;transition:transform .25s}.release:hover img{transform:scale(1.045)}.cover>span{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:30px;height:30px;background:var(--cream);color:var(--ink)}.release h3{margin:20px 0 6px;font:italic 400 22px/1.15 var(--serif)}.release p{margin:0;font-size:10px;letter-spacing:.15em;color:#746653}.platforms{display:flex;justify-content:center;flex-wrap:wrap;gap:25px;margin-top:50px;padding-top:30px;border-top:1px solid #bdb09a}.platforms a{font:italic 700 16px/1.3 var(--serif);text-decoration:none}.platforms a:hover{color:var(--red)}.band{display:grid;grid-template-columns:1.05fr 1fr;gap:75px;align-items:center}.band-photo img{aspect-ratio:.94;object-fit:cover;object-position:52% center;filter:grayscale(1)}.band-copy h2{margin-bottom:28px}.band-copy .eyebrow{color:var(--muted)}.band-copy .lead{font:italic 28px/1.35 var(--serif);color:var(--cream)}.band-copy p:not(.eyebrow):not(.lead){font-size:14px;color:var(--muted);max-width:430px}.underlined-link{display:inline-block;margin-top:12px;font:italic 700 15px/1.2 var(--serif)}.merch{position:relative;background:var(--red);text-align:center;overflow:hidden}.merch h2{margin-bottom:15px;font-size:clamp(45px,6vw,76px)}.merch p:not(.eyebrow){margin:0 0 27px;font-size:14px}.merch-symbol{display:block;margin-bottom:24px;font:70px/.8 var(--serif)}.merch .button:hover{background:var(--ink);border-color:var(--ink)}.site-footer{display:flex;gap:65px;align-items:center;padding-block:40px}.footer-logo{width:120px;flex-shrink:0}.footer-logo img{filter:invert(96%) sepia(15%) saturate(380%) hue-rotate(344deg) brightness(99%)}.site-footer .eyebrow{margin-bottom:11px;color:var(--muted);font-size:8px}.booking-link{font:italic 22px/1.2 var(--serif);text-decoration:none}.footer-note{margin:10px 0 0;color:var(--muted);font-size:10px}.back-top{margin-left:auto;font-size:10px;text-decoration:none}
@media(min-width:1500px){.hero{min-height:850px}}@media(max-width:900px){.site-header{padding-inline:24px}.site-nav{gap:18px}.header-links{gap:13px}.header-links a{font-size:9px}.shell{width:calc(100% - 48px)}.band{gap:38px}.release-grid{gap:16px}.release h3{font-size:20px}.hero{min-height:690px}.hero-logo{width:335px}.live-film{padding:40px 24px}}
@media(max-width:650px){html{scroll-padding-top:66px}.section{padding-block:65px}.site-header{min-height:64px;padding:15px 22px;flex-wrap:wrap;gap:0}.mobile-brand{display:block;font:italic 700 18px/1 var(--serif);text-decoration:none}.menu-toggle{display:flex;gap:14px;align-items:center;margin-left:auto;padding:5px 0;border:0;background:none;color:var(--cream);font:italic 15px/1 var(--serif)}.menu-toggle span{font:22px/1 var(--sans)}.site-nav{display:none;order:3;width:100%;padding:24px 0 8px;justify-content:space-between}.site-nav.is-open{display:flex}.site-nav a{font-size:17px}.header-links{display:none}.shell{width:calc(100% - 44px)}.hero{min-height:650px;padding:40px 22px 53px}.hero-logo{width:min(325px,86vw);margin-bottom:22px}.hero h1{font-size:28px}.hero .eyebrow{font-size:9px}.button-row{width:100%;gap:10px}.button{min-width:0;padding:15px 20px;font-size:15px}.button-row .button{flex:1;max-width:190px;gap:14px}.hero-footnote{margin-top:38px;font-size:14px}.live-film{padding:25px 22px}.film-link>img{aspect-ratio:1.1;object-position:center}.film-overlay{left:18px;right:18px;bottom:21px;gap:11px;font-size:23px}.play{flex-basis:36px;height:36px;font-size:20px}h2{margin-bottom:31px;font-size:38px}.show-notice{flex-wrap:wrap;gap:15px;padding-block:25px}.show-mark{font-size:38px}.show-notice h3{font-size:23px}.show-notice p{max-width:240px;font-size:12px}.show-notice>.button{margin-left:53px;margin-top:8px;min-width:170px}.release-grid{grid-template-columns:1fr 1fr;gap:32px 16px}.release h3{margin-top:14px;font-size:20px}.platforms{gap:20px;margin-top:33px}.platforms a{font-size:15px}.band{grid-template-columns:1fr;gap:35px}.band-photo img{aspect-ratio:1.15;object-position:center 47%}.band-copy .lead{font-size:27px}.merch h2{font-size:53px}.site-footer{gap:24px;flex-wrap:wrap;padding-block:30px}.footer-logo{width:83px}.booking-link{font-size:19px}.footer-note{max-width:200px;line-height:1.5}.back-top{margin-left:107px;font-size:9px}.site-footer .eyebrow{font-size:8px}}
.record-light{display:block;flex-shrink:0;object-fit:contain}.record-light-small{width:27px;height:27px}.record-light-show{width:48px;height:48px}.band-photo .armed-track{width:min(280px,80%);height:auto;aspect-ratio:4;object-fit:contain;filter:none;margin:27px auto 0}.sound-wave{width:155px;height:auto;margin:0 auto 28px}
.footer-wrap{border-top:1px solid var(--line);background:#0c0c0c}.site-footer{display:grid;grid-template-columns:1fr 1fr auto;gap:40px;padding-block:32px}.footer-band{display:flex;align-items:center;gap:20px}.footer-band .footer-logo{width:90px}.footer-band .footer-note{margin:0;font-size:11px}.footer-nav{display:grid;grid-template-columns:repeat(3,auto);gap:18px 23px}.footer-nav a,.creator-links a{font-size:11px;text-decoration:none;color:var(--muted)}.footer-nav a:hover,.creator-links a:hover{color:var(--cream)}.footer-credit{border-left:1px solid var(--line);padding-left:28px}.creator-signature{display:flex;align-items:center;gap:13px;text-decoration:none}.creator-signature img{width:76px;height:76px;object-fit:contain}.credit-label{display:block;font:500 8px/1.4 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.creator-signature strong{display:block;margin-top:6px;font:italic 26px/1 var(--serif)}.creator-links{display:flex;gap:20px;margin:10px 0 0 89px}.footer-bottom{display:flex;justify-content:space-between;gap:18px;padding-block:19px;border-top:1px solid #25211e;font-size:9px;color:var(--muted)}.footer-bottom a{text-decoration:none}
@media(max-width:900px){.site-footer{grid-template-columns:1fr 1fr;gap:28px}.footer-credit{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.creator-links{margin:0}}@media(max-width:650px){.record-light-show{width:38px;height:38px}.band-photo .armed-track{width:230px;margin-top:22px}.sound-wave{width:135px}.site-footer{grid-template-columns:1fr;gap:24px}.footer-nav{grid-template-columns:repeat(3,1fr);gap:20px 12px}.footer-credit{grid-column:auto}.creator-signature img{width:64px;height:64px}.creator-signature{gap:10px}.credit-label{font-size:7px}.creator-signature strong{font-size:22px}.creator-links{gap:13px}.footer-bottom>span:nth-child(2){display:none}}
.footer-band .footer-logo img{height:auto;aspect-ratio:1;object-fit:contain}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.cover img,.film-link>img{transition:none}}

/* Same partnership band on desktop, tablet, and phone. */
.footer-wrap .site-footer {
  display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr);
  align-items: stretch; gap: 0; min-height: 256px; padding-block: 12px;
}
.footer-client { min-width: 0; display: grid; align-content: start; gap: 12px; padding-right: clamp(12px, 3vw, 40px); }
.footer-band { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.footer-band .footer-logo { display: block; width: 60px; }
.footer-band .footer-note { margin: 0; font-size: 10px; line-height: 1.5; }
.footer-nav { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 8px; }
.footer-nav a, .creator-links a { display: inline-flex; align-items: center; min-height: 32px; padding-block: 6px; font-size: 11px; line-height: 1.3; }
.footer-credit {
  grid-column: auto; display: flex; flex-direction: column;
  align-items: flex-start; justify-content: flex-start;
  border-top: 0; border-left: 1px solid var(--line);
  padding: 0 0 0 clamp(12px, 3vw, 40px); min-width: 0;
}
.creator-signature { flex-direction: column; align-items: flex-start; gap: 10px; }
.creator-signature img { width: 60px; height: 60px; }
.credit-label { font-size: 8px; letter-spacing: .08em; line-height: 1.5; }
.creator-signature strong { margin-top: 4px; font-size: 24px; }
.creator-links { display: flex; flex-wrap: wrap; gap: 0 14px; margin: 8px 0 0; }
.footer-bottom { min-height: 48px; align-items: center; padding-block: 8px; font-size: 9px; gap: 10px; }
@media (max-width: 600px) {
  .footer-wrap .shell { width: calc(100% - 32px); }
  .footer-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer-nav a, .creator-links a { font-size: 10px; }
  .footer-bottom > span:nth-child(2) { display: none; }
}

/* BEGIN SHARED PARTNERSHIP FOOTER v1 */
/* Shared layout only. Site styles supply brand colors, fonts, and logo artwork. */
.partnership-footer { padding-bottom: 0; }
.partnership-footer .partnership-band {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr);
  align-items: stretch;
  gap: 0;
  min-height: 256px;
  padding-block: 12px;
}
.partnership-footer .footer-client {
  min-width: 0; display: grid; align-content: start; gap: 12px;
  padding-right: clamp(12px, 3vw, 40px);
}
.partnership-footer .footer-credit {
  grid-column: auto; display: flex; flex-direction: column;
  align-items: flex-start; justify-content: flex-start;
  border-top: 0; border-left: 1px solid var(--line, #453e36);
  padding: 0 0 0 clamp(12px, 3vw, 40px); min-width: 0;
}
.partnership-footer .creator-signature {
  display: flex; flex-direction: column; align-items: flex-start; gap: 10px;
  text-decoration: none;
}
.partnership-footer .partner-logo,
.partnership-footer .creator-mark,
.partnership-footer .creator-signature img {
  display: block; width: 60px; height: 60px; object-fit: contain; flex-shrink: 0;
}
.partnership-footer .footer-links,
.partnership-footer .footer-nav {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 8px;
}
.partnership-footer .footer-links a,
.partnership-footer .footer-nav a,
.partnership-footer .creator-links a {
  display: inline-flex; align-items: center; min-height: 32px;
  padding-block: 6px; font-size: 11px; line-height: 1.3;
}
.partnership-footer .credit-label {
  display: block; font-size: 8px; letter-spacing: .08em; line-height: 1.5;
}
.partnership-footer .creator-signature strong { display: block; margin-top: 4px; font-size: 24px; }
.partnership-footer .creator-links { display: flex; flex-wrap: wrap; gap: 0 14px; padding-left: 0; margin: 8px 0 0; }
.partnership-footer .footer-bottom {
  display: flex; min-height: 48px; align-items: center; justify-content: space-between;
  flex-wrap: nowrap; padding-block: 8px; font-size: 9px; gap: 10px;
}
@media (max-width: 600px) {
  .partnership-footer .partnership-band { width: calc(100% - 32px); }
  .partnership-footer .footer-links,
  .partnership-footer .footer-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .partnership-footer .footer-links a,
  .partnership-footer .footer-nav a,
  .partnership-footer .creator-links a { font-size: 10px; }
  .partnership-footer .footer-bottom > span:nth-child(2) { display: none; }
}
/* END SHARED PARTNERSHIP FOOTER v1 */

/* Compact video feature, interview cards, and merch preview. */
.member-portrait.portrait-drums img{width:180%;left:-65%;top:auto;bottom:0}
.live-film{padding:30px 0;background:#191614}.compact-watch{display:grid;grid-template-columns:200px 1fr auto;gap:30px;align-items:center}.compact-watch-image{display:block;overflow:hidden}.compact-watch-image img{aspect-ratio:1.8;object-fit:cover}.compact-watch h2{margin:0 0 8px;font-size:30px}.compact-watch .eyebrow{margin-bottom:9px;font-size:8px;color:var(--muted)}.compact-watch p:not(.eyebrow){margin:0;font-size:11px;color:var(--muted)}.compact-watch .underlined-link{font-size:14px;margin-top:12px}.all-videos{font-size:11px;color:var(--muted);text-decoration:none}.members{grid-column:1/-1;padding-top:22px}.members-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;border-top:1px solid var(--line);padding-top:45px;margin-bottom:30px}.members-heading h3{margin:0;font:italic 35px/1.2 var(--serif)}.members-heading p{margin:0;max-width:420px;color:var(--muted);font-size:12px}.member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.member-portrait{position:relative;overflow:hidden;aspect-ratio:.8;background:#191919}.member-portrait img{position:absolute;width:200%;max-width:none;height:auto;top:0;left:0;filter:grayscale(1)}.portrait-bass img{left:-100%}.portrait-drums img{width:100%;top:auto;bottom:0}.member>.eyebrow{margin:22px 0 7px;color:var(--muted);font-size:9px}.member>h3{margin:0 0 22px;font:italic 30px/1.2 var(--serif)}.interview-card{min-height:150px;border:1px solid var(--line);background:#171513;padding:22px}.interview-card summary{cursor:pointer;list-style:none;font:italic 21px/1.25 var(--serif)}.interview-card summary::-webkit-details-marker{display:none}.interview-card summary span{display:block;margin-top:20px;color:#d95e50;font:600 9px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase}.interview-card[open] summary span{display:none}.interview-card p{margin:18px 0 12px;color:var(--cream);font-size:13px;line-height:1.65}.interview-card small{font-size:9px;color:var(--muted)}.interview-source{display:inline-block;margin-top:25px;font-size:10px;color:var(--muted)}.merch-silhouettes{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:730px;margin:40px auto 34px}.merch-silhouettes figure{margin:0}.merch-silhouettes svg{display:block;width:100%;height:190px;color:#211b19;fill:currentColor;filter:drop-shadow(0 12px 0 rgba(0,0,0,.08))}.merch-silhouettes .seam{fill:none;stroke:#c8382b;stroke-width:2;opacity:.8}.merch-silhouettes figcaption{margin-top:16px;font:italic 17px/1.3 var(--serif)}.merch .merch-note{font-size:12px}.music .release p{letter-spacing:.04em}.interview-card summary:focus-visible{outline:2px solid var(--red);outline-offset:5px}
@media(max-width:650px){.compact-watch{grid-template-columns:110px 1fr;gap:18px}.compact-watch h2{font-size:24px}.compact-watch-image img{aspect-ratio:1;object-fit:cover}.all-videos{grid-column:2}.members-heading{display:block;padding-top:30px}.members-heading h3{margin-bottom:13px}.member-grid{grid-template-columns:1fr;gap:40px}.member-portrait{aspect-ratio:1}.portrait-drums{aspect-ratio:1.2}.member{display:grid;grid-template-columns:1fr;max-width:420px;margin-inline:auto;width:100%}.interview-card{min-height:0}.merch-silhouettes{gap:15px;margin-top:30px}.merch-silhouettes svg{height:120px}.merch-silhouettes figcaption{font-size:13px}.merch h2{font-size:46px}}

/* Responsive visual refinement. */
main > section { scroll-margin-top: 10px; }
.site-nav a, .header-links a { display: inline-flex; align-items: center; min-height: 40px; }
.site-header { min-height: 72px; padding-block: 12px; }
.hero { min-height: 650px; padding-block: 42px 54px; }
.hero-logo { width: clamp(280px, 28vw, 370px); }
.hero-footnote { margin-top: 32px; }
.cover { aspect-ratio: 1; }
.cover img { height: 100%; }
.release { min-width: 0; }
.release h3 { min-height: 2.3em; margin-bottom: 8px; }
.release .release-year { font-size: 11px; letter-spacing: .1em; }
.release-action { display: inline-block; margin-top: 12px; font-size: 11px; line-height: 1.5; color: #574a3a; }
.platforms a { display: inline-flex; align-items: center; min-height: 44px; }
.band { column-gap: 60px; row-gap: 50px; align-items: start; }
.band-photo > img:first-child { height: auto; aspect-ratio: 3 / 2; object-fit: cover; object-position: center; }
.band-copy { padding-top: 12px; }
.band-copy .lead { font-size: 26px; }
.members { padding-top: 0; }
.members-heading { padding-top: 36px; }
.member { min-width: 0; }
.member-portrait { aspect-ratio: 4 / 5; }
.member-portrait.portrait-guitar img { width: 230%; height: auto; left: -13%; top: -14%; bottom: auto; }
.member-portrait.portrait-bass img { width: 225%; height: auto; left: -113%; top: -14%; bottom: auto; }
.member-portrait.portrait-drums img { width: 203%; height: auto; left: -86%; top: auto; bottom: -16%; }
.member > h3 { min-height: 1.2em; }
.interview-card { padding: 22px; min-height: 158px; }
.interview-card summary { font-size: 20px; line-height: 1.35; }
.interview-card summary span { line-height: 1.5; }
.interview-card[open] summary::after { content: "Close answer −"; display: block; margin-top: 16px; color: #e47769; font: 600 9px/1.5 var(--sans); letter-spacing: .08em; text-transform: uppercase; }
.interview-card summary span { color: #e47769; }
.interview-card p { font-size: 14px; }
.interview-card small { font-size: 11px; }
.interview-source { font-size: 11px; line-height: 1.6; }
.compact-watch { grid-template-columns: 180px minmax(0, 1fr) auto; gap: 26px; }
.compact-watch-image img { height: auto; aspect-ratio: 1.8; object-fit: cover; }
.compact-watch h2 { font-size: 29px; }
.compact-watch p:not(.eyebrow) { font-size: 12px; }
.all-videos { min-height: 44px; display: inline-flex; align-items: center; }
.merch-silhouettes svg { height: auto; aspect-ratio: 1; }
.merch-silhouettes figcaption { line-height: 1.4; }
@media (min-width: 651px) and (max-width: 1000px) {
  .site-header { gap: 20px; }
  .site-nav { gap: 18px; }
  .header-links { gap: 12px; }
  .band { gap: 32px; }
  .band-copy h2 { font-size: 39px; }
  .band-copy .lead { font-size: 23px; }
  .member-grid { gap: 18px; }
  .member > h3 { font-size: 25px; }
  .interview-card { padding: 17px; }
  .interview-card summary { font-size: 18px; }
}
@media (max-width: 650px) {
  html { scroll-padding-top: 76px; }
  .shell { width: calc(100% - 40px); }
  .section { padding-block: 52px; }
  .site-header { min-height: 64px; padding: 10px 20px; }
  .mobile-brand { min-height: 44px; display: inline-flex; align-items: center; font-size: 18px; }
  .menu-toggle { min-width: 76px; min-height: 44px; justify-content: end; gap: 12px; font-size: 16px; }
  .menu-toggle span { transition: transform .15s; }
  .menu-toggle[aria-expanded="true"] span { transform: rotate(45deg); }
  .site-nav { position: absolute; top: 100%; left: 0; right: 0; width: 100%; padding: 12px 20px 20px; background: #101010; border-bottom: 1px solid var(--line); box-shadow: 0 12px 20px #0005; }
  .site-nav.is-open { display: grid; grid-template-columns: 1fr 1fr; gap: 0 22px; }
  .site-nav a { min-height: 48px; border-bottom: 1px solid #302b26; font-size: 18px; }
  .hero { min-height: 0; padding: 38px 20px 42px; }
  .hero:before { height: 20px; }
  .hero-logo { width: min(270px, 78vw); margin-bottom: 12px; }
  .hero h1 { font-size: clamp(24px, 6.9vw, 29px); margin-bottom: 24px; }
  .hero-footnote { gap: 16px; margin-top: 28px; font-size: 13px; }
  .hero-footnote .record-light-small { width: 23px; height: 23px; }
  .button-row { gap: 10px; }
  .button-row .button { padding: 14px 10px; gap: 10px; font-size: 15px; min-height: 48px; }
  h2 { font-size: clamp(32px, 8.8vw, 39px); margin-bottom: 28px; }
  .eyebrow { font-size: 9px; margin-bottom: 12px; }
  .live-film { padding: 24px 0; }
  .compact-watch { grid-template-columns: 96px minmax(0, 1fr); gap: 12px 17px; }
  .compact-watch-image { align-self: start; grid-row: 1 / 3; }
  .compact-watch-image img { aspect-ratio: .9; }
  .compact-watch h2 { font-size: 23px; line-height: 1.15; margin-bottom: 8px; }
  .compact-watch p:not(.eyebrow) { font-size: 11px; line-height: 1.6; }
  .compact-watch .eyebrow { font-size: 8px; letter-spacing: .13em; }
  .compact-watch .underlined-link { font-size: 13px; line-height: 1.5; margin-top: 10px; }
  .all-videos { grid-column: 2; min-height: 32px; font-size: 11px; }
  .show-notice { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 14px; padding-block: 24px; }
  .record-light-show { width: 32px; height: 32px; align-self: start; margin-top: 3px; }
  .show-notice h3 { font-size: 23px; }
  .show-notice p { font-size: 13px; max-width: none; }
  .show-notice > .button { grid-column: 1 / -1; width: 100%; margin: 7px 0 0; min-height: 48px; }
  .release-grid { gap: 30px 16px; }
  .release h3 { margin-top: 14px; font-size: 21px; line-height: 1.2; min-height: 2.4em; }
  .release .release-year { font-size: 10px; }
  .release-action { font-size: 10px; margin-top: 8px; }
  .cover > span { width: 26px; height: 26px; right: 7px; bottom: 7px; }
  .platforms { display: grid; grid-template-columns: 1fr 1fr; gap: 3px 20px; margin-top: 30px; padding-top: 20px; text-align: left; }
  .platforms a { justify-content: center; font-size: 15px; }
  .band { gap: 32px; }
  .band-photo > img:first-child { aspect-ratio: 3 / 2; }
  .band-photo .armed-track { width: 190px; margin-top: 18px; }
  .band-copy { padding-top: 0; }
  .band-copy h2 { margin-bottom: 20px; }
  .band-copy .lead { font-size: 25px; line-height: 1.35; margin-block: 0 22px; }
  .band-copy p:not(.eyebrow):not(.lead) { font-size: 15px; line-height: 1.75; }
  .members-heading { padding-top: 28px; margin-bottom: 26px; }
  .members-heading h3 { font-size: 31px; }
  .members-heading p { font-size: 13px; line-height: 1.65; }
  .member-grid { gap: 32px; }
  .member { display: block; max-width: 420px; padding-bottom: 30px; border-bottom: 1px solid var(--line); }
  .member:last-child { border-bottom: 0; padding-bottom: 0; }
  .member-portrait { aspect-ratio: 4 / 5; }
  .member > .eyebrow { margin-top: 18px; }
  .member > h3 { min-height: 0; font-size: 29px; margin-bottom: 18px; }
  .interview-card { padding: 20px; min-height: 0; }
  .interview-card summary { font-size: 21px; }
  .interview-card summary span { margin-top: 17px; }
  .interview-card p { line-height: 1.7; }
  .interview-source { margin-top: 24px; font-size: 11px; }
  .merch h2 { font-size: clamp(38px, 11vw, 47px); }
  .merch .merch-inner > p:not(.eyebrow) { font-size: 13px; }
  .merch-silhouettes { gap: 12px; margin-block: 28px; }
  .merch-silhouettes svg { height: auto; }
  .merch-silhouettes figcaption { font-size: 12px; margin-top: 10px; }
  .merch .sound-wave { width: 115px; margin-bottom: 24px; }
  .merch .button { min-height: 48px; }
}
@media (max-width: 350px) {
  .shell { width: calc(100% - 32px); }
  .site-header { padding-inline: 16px; }
  .hero { padding-inline: 16px; }
  .mobile-brand { font-size: 17px; }
  .compact-watch { grid-template-columns: 80px minmax(0, 1fr); gap: 12px; }
  .compact-watch h2 { font-size: 21px; }
  .release h3 { font-size: 19px; }
  .release-grid { column-gap: 12px; }
  .release-action { font-size: 9px; }
}

/* Font-independent arrows keep their shape and inherit each link's color. */
.ui-arrow { display: inline-block; width: 1em; height: 1em; flex: 0 0 1em; vertical-align: -.15em; margin-inline-start: .2em; }
.ui-arrow-down { transform: rotate(180deg); }
.button > .ui-arrow, .button > span > .ui-arrow, .cover > span > .ui-arrow { margin-inline-start: 0; }
.button > span { display: inline-flex; }

/* Keep the phone layout compact without squeezing artwork or text. */
@media (max-width: 650px) {
  .compact-watch { grid-template-columns: 112px minmax(0, 1fr); align-items: start; }
  .compact-watch-image { grid-row: auto; }
  .compact-watch-image img { aspect-ratio: 1.8; }
  .compact-watch .underlined-link { min-height: 44px; display: inline-flex; align-items: center; margin-top: 2px; }
  .all-videos { min-height: 44px; margin-top: -12px; }
  .release h3 { min-height: 0; }
  .release { display: grid; grid-template-rows: auto 1fr auto auto; align-content: start; }
  .release h3 { margin-bottom: 14px; }
  .release-action { min-height: 36px; display: inline-flex; align-items: center; justify-content: center; margin-top: 0; }
  .member-portrait { aspect-ratio: 1; }
  .member-portrait.portrait-guitar img { top: -18%; }
  .member-portrait.portrait-bass img { top: -18%; }
  .member-portrait.portrait-drums img { bottom: -20%; }
  .interview-source { padding-block: 10px; }
}
@media (max-width: 350px) {
  .compact-watch { grid-template-columns: 92px minmax(0, 1fr); }
}