/* 2027 Mobile-first polish — SUNDAY NIGHTS */
.hero-cinema .hero-content>.eyebrow{position:relative;z-index:1}
.hero-cinema .hero-content>p{font-weight:600}
@media(max-width:760px){
  html{scroll-padding-top:72px}
  .topnav{position:sticky;top:0;z-index:80;background:rgba(10,10,12,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
  .navinner{min-height:68px;gap:8px}
  .navbrand{font-size:clamp(23px,6vw,29px);letter-spacing:-.055em;white-space:nowrap}
  .navinner .btn.small{font-size:10px;min-height:42px;padding:10px 12px;letter-spacing:.055em}
  .hero-cinema{min-height: min(850px, calc(100svh - 68px));max-height:none;display:flex;align-items:stretch}
  .hero-cinema .hero-foreground{width:calc(100% - 36px);padding-top:0;padding-bottom:22px;display:flex;flex-direction:column;justify-content:center;min-height:calc(100svh - 68px)}
  .hero-cinema .hero-content{max-width:100%;padding:clamp(46px,8svh,98px) 0 clamp(50px,8svh,80px)}
  .hero-cinema .hero-content>.eyebrow{font-size:9px;letter-spacing:.13em;max-width:100%;line-height:1.65;gap:8px}
  .hero-eyebrow .signal-line{width:18px}
  .hero-cinema h1{font-size:clamp(65px,15.2vw,112px);line-height:.82;letter-spacing:-.035em;gap:clamp(23px,6vw,37px);margin:30px 0 32px;max-width:100%}
  .hero-cinema h1 .hero-word{width:max-content;max-width:100%;padding:0 .03em .11em 0;white-space:nowrap}
  .hero-cinema .hero-content>p{font-size:clamp(15px,3.9vw,18px);line-height:1.55;max-width:320px;margin:0}
  .hero-cinema .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:27px}
  .hero-cinema .hero-actions .btn{min-width:0;min-height:52px;justify-content:center;padding:13px 10px;font-size:11px;letter-spacing:.04em;gap:8px;white-space:nowrap}
  .hero-cinema .hero-actions .btn svg{width:14px;height:14px;flex:none}
  .hero-film-controls{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;margin-top:26px;font-size:9px;letter-spacing:.06em}
  .hero-film-controls .hero-live-dot{display:none}
  .hero-film-controls span:nth-child(2){grid-column:1/-1;flex-basis:auto;color:#dad2d4}
  .hero-film-controls button,.hero-film-controls a{font-size:10px;min-height:40px;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border-color:#8a747c}
  .hero-film-controls a svg{width:13px;height:13px}
  .hero-scroll{display:none}
  .hero-cinema .hero-vignette{background:linear-gradient(90deg,rgba(7,6,9,.7),rgba(7,6,9,.25)),linear-gradient(0deg,#09090b 0%,rgba(6,6,8,.7) 22%,rgba(7,7,9,.32) 72%,rgba(7,7,9,.48) 100%)}
  .section{padding:60px 0}
  .section h2{overflow-wrap:normal;word-break:normal}
  .member-portrait-main{aspect-ratio:4/4.6;min-height:360px;max-height:none}
  .member-identity{left:18px;right:18px;bottom:22px}
  .member-identity strong{font-size:clamp(59px,14vw,83px)}
  .member-picker{gap:7px}
  .member-select{border-radius:3px;padding:6px}
  .member-select img{height:80px;object-position:50% 25%}
  .discography-feature{padding:20px;gap:22px}
  .vinyl-stage{width:100%;max-width:480px;aspect-ratio:1.22}
  .vinyl-story h3{font-size:clamp(76px,17vw,105px);line-height:.86;margin:20px 0 22px}
  .vinyl-story .hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .vinyl-story .hero-actions .btn{width:100%;justify-content:center}
  .video-grid,.album-grid{grid-template-columns:1fr;gap:18px}
  .video-caption{padding:15px 13px;gap:8px}
  .video-caption a{white-space:nowrap}
  .playbadge{height:54px;width:54px;border-radius:50%;background:rgba(14,14,16,.73);border:1px solid rgba(255,255,255,.83);box-shadow:0 8px 30px #0009;font-size:0}
  .playbadge:before{content:'';width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid #fff;margin-left:4px}
  .tour-empty{padding:52px 12px 64px}
  .tour-empty h3{font-size:clamp(53px,14vw,80px)}
  .tour-tabs{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .tour-tab{font-size:9px;padding:14px 7px}
  .tour-row{grid-template-columns:64px minmax(0,1fr);gap:12px}
  .contact .gridform input,.contact .gridform select,.contact .gridform textarea{font-size:16px}
}
@media(max-width:380px){
 .hero-cinema .hero-foreground{width:calc(100% - 30px)}
 .navbrand{font-size:22px}
 .navinner .btn.small{font-size:9px;padding:9px 9px}
 .hero-cinema h1{font-size:15.0vw;gap:23px}
 .hero-cinema .hero-actions .btn{font-size:10px;padding:10px 6px}
 .hero-cinema .hero-film-controls a,.hero-cinema .hero-film-controls button{font-size:9px}
}
@media(prefers-reduced-motion:reduce){}