/* SUNDAY NIGHTS — Cinematic Experience 2027 */
:root{--sn-white:#f7f5f1;--sn-red:#f1282b}
html{scroll-padding-top:80px}body{overflow-x:hidden}button:focus-visible,a:focus-visible{outline:2px solid #ff5d65;outline-offset:4px}
.cinematic-intro[hidden]{display:none!important}.cinematic-intro{position:fixed;inset:0;background:#070708;z-index:200;display:grid;place-items:center;overflow:hidden;transition:opacity .55s ease,visibility .55s}.cinematic-intro.is-leaving{opacity:0;visibility:hidden;pointer-events:none}.cinematic-intro:before{content:'';position:absolute;inset:-20%;background:radial-gradient(ellipse at 50% 54%,rgba(206,20,33,.26),transparent 54%);animation:introPulse 1.4s ease-out both}.intro-noise{position:absolute;inset:0;opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 3px,#dadada 4px 4.5px);pointer-events:none}.intro-inner{text-align:center;position:relative;padding:18px}.intro-kicker,.intro-sub{font-size:clamp(9px,1.6vw,12px);font-weight:900;letter-spacing:.25em;color:#f15b61}.intro-word{font-family:Impact,'Arial Narrow',sans-serif;font-weight:900;letter-spacing:-.045em;font-size:clamp(72px,17vw,235px);line-height:.87;margin:27px 0 23px;animation:wordOn .8s cubic-bezier(.19,1,.22,1) both}.intro-word>span{display:block}.intro-word>span:last-child{color:#f1282b}.intro-stop{color:#fff}.intro-loader{margin:28px auto 0;width:200px;height:2px;background:#3a3033;overflow:hidden}.intro-loader span{display:block;background:#f1282b;height:100%;width:0;animation:loadAcross 1.4s linear forwards}.intro-skip{position:absolute;right:clamp(20px,4vw,72px);bottom:clamp(24px,6vh,70px);background:transparent;border:1px solid #655c60;color:#fff;padding:11px 16px;font-size:11px;font-weight:900;letter-spacing:.1em}.intro-skip:hover{background:#f1282b;border-color:#f1282b}@keyframes wordOn{from{transform:translateY(35px) scale(.94);filter:blur(6px);opacity:0}to{transform:none;filter:blur(0);opacity:1}}@keyframes introPulse{from{transform:scale(.86)}to{transform:scale(1)}}@keyframes loadAcross{to{width:100%}}
/* Hero: poster first; optional video activated with user tap */
.hero-cinema{min-height:min(860px,calc(100svh - 74px));max-height:none}.hero-cinema .hero-foreground{position:relative;z-index:3}.hero-cinema .hero-content{padding-top:64px;padding-bottom:100px}.hero-film{background:#100d0e}.hero-red-light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 85% 62%,rgba(217,22,32,.15),transparent 51%)}.hero-vignette{background:linear-gradient(90deg,rgba(7,7,9,.88) 0%,rgba(7,7,9,.55) 43%,rgba(7,7,9,.20) 100%),linear-gradient(0deg,#09090b 0%,transparent 24%)}.hero-cinema h1{max-width:840px;line-height:.94;margin:23px 0}.hero-cinema h1 .hero-word{padding:.035em 0;letter-spacing:-.035em}.hero-cinema .hero-content>p{font-size:clamp(16px,1.6vw,22px)}.hero-eyebrow{display:flex;align-items:center;gap:12px}.signal-line{width:28px;height:2px;background:#f1282b;flex:none}.hero-scroll{position:absolute;bottom:34px;right:20px;color:#b5b1b4;font-size:10px;letter-spacing:.18em;font-weight:900;display:flex;gap:15px;align-items:center}.hero-scroll span{font-size:24px;color:#f1282b}.hero-film-controls{margin-top:28px}.hero-film-controls button{background:rgba(8,8,11,.45)}@keyframes heroBreath{from{transform:scale(1)}to{transform:scale(1.07)}}
/* Member reveal */
.member-showcase{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:13px}.member-portrait-main{position:relative;min-height:480px;max-height:620px;aspect-ratio:4/4.5;overflow:hidden;background:radial-gradient(circle at 50% 30%,#8e362a,#221017 70%);border:1px solid #383337}.member-portrait-main>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 34%;transition:opacity .28s ease,transform .7s ease}.member-portrait-main:hover>img{transform:scale(1.04)}.member-picture-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,3,6,.94),rgba(0,0,0,.03) 65%);pointer-events:none}.member-number{position:absolute;top:22px;left:23px;font-weight:900;font-size:11px;letter-spacing:.17em}.member-identity{position:absolute;bottom:25px;left:24px;right:24px}.member-identity>span{font-size:11px;letter-spacing:.2em;color:#ff7074;font-weight:800}.member-identity strong{display:block;font:900 clamp(64px,8vw,110px)/.95 Impact,'Arial Narrow',sans-serif;letter-spacing:-.02em;margin:5px 0 15px}.member-links{display:flex;flex-wrap:wrap;gap:15px}.member-links a{font-size:10px;font-weight:900;letter-spacing:.1em;border-bottom:1px solid #af6a6c;padding-bottom:5px}.member-links a:hover{color:#ff767b}.member-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.member-select{min-width:0;display:grid;grid-template-columns:48px 1fr;align-items:center;text-align:left;gap:8px;background:#1b191c;border:1px solid #41383c;color:#a9a1a5;padding:7px}.member-select.active,.member-select:hover{border-color:#f1282b;color:white;background:#2b171b}.member-select img{width:48px;height:53px;object-fit:cover}.member-select span{display:grid;gap:4px;font-size:9px}.member-select b{font-size:12px;letter-spacing:.06em}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
/* Vinyl: record CSS drawn, original actual cover from user portfolio */
.discography-feature{background:#19171a;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:35px;align-items:center;border:1px solid #3b3438;padding:clamp(22px,4vw,55px);overflow:hidden}.vinyl-stage{position:relative;aspect-ratio:1.22/1;display:flex;align-items:center;justify-content:flex-start;min-width:0}.vinyl-cover{width:73%;aspect-ratio:1;z-index:2;position:relative;box-shadow:0 30px 60px #0009}.vinyl-cover img{display:block;width:100%;height:100%;object-fit:cover}.vinyl-record{position:absolute;right:1%;width:69%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle at center,#111 0px,#111 3px,#29272a 4px,#101012 7px);border:6px solid #111;box-shadow:10px 12px 28px #000a;transition:transform .65s cubic-bezier(.16,1,.3,1)}.vinyl-record:before{content:'';position:absolute;inset:27%;border-radius:50%;background:#cd222c;border:4px solid #19171a}.vinyl-center{position:absolute;inset:34%;z-index:1;display:grid;place-items:center;border-radius:50%;font:900 26px Impact,sans-serif;color:#fff}.vinyl-stage:hover .vinyl-record{transform:translateX(6%) rotate(24deg)}.vinyl-story h3{font:900 clamp(72px,8vw,130px)/.82 Impact,'Arial Narrow',sans-serif;letter-spacing:-.025em;margin:24px 0}.vinyl-story h3 em{font-style:normal;color:#f1282b}.vinyl-story p{color:#bfb9be;font-size:16px}.record-meta{display:grid;gap:12px;margin:28px 0;border-top:1px solid #393337;border-bottom:1px solid #393337;padding:20px 0}.record-meta span{display:flex;justify-content:space-between;gap:20px;color:#9d989b;font-size:10px;letter-spacing:.16em}.record-meta strong{color:#e8e5e7;letter-spacing:.04em}.other-releases{display:grid;grid-template-columns:1fr 1fr;margin-top:16px;gap:16px}.other-releases a{padding:20px 22px;border:1px solid #393338;display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px}.other-releases .eyebrow{grid-column:1/-1}.other-releases strong{font-size:13px}.other-releases a:hover{border-color:#d52a31}
/* Tour */
.tour-caption{max-width:360px}.tour-bar{border-top:1px solid #494047;border-bottom:1px solid #494047;display:flex;align-items:center;justify-content:space-between;gap:10px}.tour-tabs{display:flex;gap:2px;flex-wrap:wrap}.tour-tab{color:#aaa2a7;border:none;background:transparent;font-size:11px;padding:18px 20px;letter-spacing:.12em;font-weight:900}.tour-tab.active{color:#fff;box-shadow:inset 0 -3px 0 #f1282b}.tour-tab:hover{color:#fff}.tour-count{font-weight:900;letter-spacing:.13em;color:#aaa2a7;font-size:10px;white-space:nowrap}.tour-empty{text-align:center;padding:70px 18px 80px;background:radial-gradient(ellipse at center,rgba(96,24,33,.16),transparent 65%)}.tour-empty>span{font-weight:900;color:#ff4b53;font-size:10px;letter-spacing:.24em}.tour-empty h3{font:900 clamp(54px,8vw,108px)/.9 Impact,'Arial Narrow',sans-serif;margin:20px 0}.tour-empty p{color:#a4a0a2;margin-bottom:23px}.tour-row{display:grid;grid-template-columns:100px 1fr 1fr auto;gap:20px;padding:26px 8px;align-items:center;border-bottom:1px solid #343037}.tour-date{font:900 40px/.9 Impact,sans-serif}.tour-date small{font:800 11px sans-serif;display:block;color:#fa555f;margin-top:6px;letter-spacing:.1em}.tour-event{font-weight:900;font-size:18px}.tour-place{font-size:12px;color:#aaa2a7}.tour-note{border-top:1px solid #41363b;padding:20px 0;display:flex;gap:10px;align-items:center;font-size:10px;color:#a9a3a5;font-weight:800;letter-spacing:.12em}.tour-note-dot{width:8px;height:8px;border-radius:50%;background:#f1282b}.tour-note a{margin-left:auto;color:#fff;border-bottom:1px solid #f1282b;padding-bottom:4px}
@media(max-width:900px){.discography-feature{grid-template-columns:1fr}.vinyl-stage{max-width:620px;margin:auto;width:100%}.vinyl-story h3{font-size:clamp(62px,12vw,112px)}.tour-row{grid-template-columns:80px 1fr auto}.tour-place{grid-column:2}}
@media(max-width:620px){.hero-cinema{min-height:710px}.hero-cinema .hero-content{padding:70px 0 100px}.hero-cinema h1{font-size:clamp(66px,14.5vw,112px);line-height:.99;margin:24px 0 19px}.hero-cinema h1 .hero-word{padding:.075em 0;letter-spacing:-.035em}.hero-cinema .hero-content>p{margin-top:20px}.hero-vignette{background:linear-gradient(0deg,#09090b 0%,rgba(6,6,8,.38) 55%,rgba(6,6,8,.30) 100%)}.hero-scroll{left:16px;right:auto;bottom:18px}.hero-film-controls{margin-top:28px}.member-portrait-main{min-height:360px;aspect-ratio:4/4.4}.member-identity strong{font-size:65px}.member-select{display:grid;grid-template-columns:1fr;justify-items:center;padding:6px;text-align:center}.member-select img{width:100%;height:80px}.member-select span{font-size:9px}.discography-feature{padding:20px}.vinyl-stage{aspect-ratio:1.25}.vinyl-story h3{font-size:clamp(70px,16vw,100px)}.vinyl-story .hero-actions .btn{flex:1}.other-releases{grid-template-columns:1fr}.tour-bar{align-items:flex-start;flex-direction:column;padding-bottom:12px}.tour-tab{padding:14px 10px;font-size:10px}.tour-count{padding-left:10px}.tour-row{grid-template-columns:64px 1fr;gap:12px}.tour-date{font-size:32px}.tour-row .btn{grid-column:2;justify-self:start}.tour-note{flex-wrap:wrap}.tour-note a{margin-left:0;width:100%;margin-top:8px}}
@media(prefers-reduced-motion:reduce){.cinematic-intro{display:none!important}.reveal{opacity:1;transform:none}.intro-word,.intro-loader span{animation:none}.vinyl-record{transition:none}}
/* Keep hero controls and labels readable over the stage photography. */
.hero-cinema .hero-foreground{width:min(1180px,calc(100% - 48px))}
@media(max-width:620px){.hero-cinema .hero-foreground{width:calc(100% - 32px)}.hero-cinema .hero-content{max-width:100%}.hero-cinema .hero-actions{max-width:100%}.hero-cinema .hero-actions .btn{font-size:10px;padding:12px 11px;flex:1}.hero-cinema .hero-film-controls a,.hero-cinema .hero-film-controls button{max-width:100%;font-size:9px}}