:root{--ink:#07090b;--paper:#e9e4da;--gold:#e4a22a;--orange:#f34a1e;--muted:#918d84}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font:inherit}.nav-shell{height:86px;position:absolute;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #ffffff22}.wordmark{font-weight:900;font-size:18px;letter-spacing:.12em}.wordmark span{font-size:12px;color:var(--gold);display:block;letter-spacing:.36em}.nav-shell nav{display:flex;gap:36px;text-transform:uppercase;font-weight:700;font-size:12px;letter-spacing:.18em}.nav-shell nav a{transition:.25s}.nav-shell nav a:hover{color:var(--gold)}.menu-button{display:none}.hero{height:min(920px,100vh);min-height:680px;position:relative;display:flex;align-items:center;padding:120px 7vw 60px;overflow:hidden}.hero-photo{position:absolute;inset:0;background:linear-gradient(90deg,#050607 4%,#05060770 42%,#05060700 65%),linear-gradient(0deg,#07090b 0%,transparent 38%),url('/hero-live-new.jpg') center 56%/cover no-repeat;filter:saturate(.85) contrast(1.12)}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 52%,transparent 0 18%,#06070965 55%,#060709bb 100%)}.beam{position:absolute;z-index:1;top:-20%;width:8vw;height:110%;background:linear-gradient(#ffbd4b88,transparent 75%);filter:blur(18px);transform-origin:top;opacity:.55;animation:sway 7s ease-in-out infinite alternate}.beam-one{left:58%;transform:rotate(18deg)}.beam-two{right:8%;transform:rotate(-16deg);animation-delay:-3s}.hero-content{z-index:3;position:relative;max-width:800px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.36em;font-weight:800;color:var(--gold);display:flex;align-items:center;gap:12px}.eyebrow span{width:34px;height:2px;background:currentColor}.hero h1,.section h2,.live h2{font-size:clamp(56px,8.6vw,132px);line-height:.82;letter-spacing:-.065em;margin:25px 0;font-weight:950}.hero h1 em,.section h2 em,.live h2 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--gold)}.hero-copy{font-size:18px;line-height:1.6;max-width:540px;color:#d2cec5}.hero-actions{display:flex;gap:16px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:17px 25px;text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:900;border:1px solid #ffffff55;transition:.25s}.button:hover{transform:translateY(-3px);border-color:var(--gold)}.button.primary{background:var(--gold);color:#090909;border-color:var(--gold)}.button.primary:hover{background:#ffc24a}.scroll-cue{z-index:4;position:absolute;right:3vw;bottom:42px;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:9px;letter-spacing:.25em}.scroll-cue span{writing-mode:vertical-rl}.scroll-cue i{height:54px;width:1px;background:linear-gradient(var(--gold),transparent)}.ticker{background:var(--gold);color:#07090b;transform:rotate(-1deg) scale(1.02);padding:15px 0;overflow:hidden;white-space:nowrap;font-size:17px;font-weight:950;letter-spacing:.18em}.ticker div{width:max-content;animation:ticker 20s linear infinite}.ticker b{margin:0 28px}.section{padding:120px 7vw}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:65px}.section-heading h2,.band h2,.contact h2{font-size:clamp(52px,7vw,102px);margin:18px 0 0}.section-heading>p{max-width:430px;color:var(--muted);line-height:1.7}.music{background:#0c0e10}.music-grid{display:grid;grid-template-columns:minmax(280px,440px) 1fr;gap:7vw;align-items:center}.album-art{aspect-ratio:1;position:relative;background:url('/poster.jpeg') center 37%/cover;box-shadow:0 30px 80px #000;border:1px solid #db9c2944;padding:30px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.album-shade{position:absolute;inset:0;background:linear-gradient(#03050622,#030506a0 64%,#030506f8)}.album-art>*:not(.album-shade){z-index:1}.album-art p,.album-art span{font-size:10px;letter-spacing:.3em;color:var(--gold);font-weight:800}.album-art strong{font-size:45px;line-height:.8;letter-spacing:.08em}.album-art strong em{font-family:Georgia,serif;color:var(--gold);font-weight:400;letter-spacing:-.04em}.track{width:100%;border:0;border-bottom:1px solid #ffffff1c;background:transparent;color:inherit;display:grid;grid-template-columns:42px 50px 1fr 140px 40px;align-items:center;text-align:left;padding:21px 8px;cursor:pointer;transition:.25s}.track:hover,.track.active{background:#ffffff08;color:var(--gold);padding-left:18px}.track-number,.time{color:#666;font-size:11px}.play{width:36px;height:36px;border:1px solid #ffffff44;border-radius:50%;display:grid;place-items:center;font-size:10px}.track-info{display:flex;flex-direction:column;gap:6px}.track-info strong{text-transform:uppercase;letter-spacing:.06em}.track-info small{color:#777}.wave{letter-spacing:5px;color:#4c4c4c;font-size:10px}.player-note{color:#666;font-size:12px;padding-top:18px}.band{display:grid;grid-template-columns:1.1fr 1fr;min-height:820px;padding:0}.band-photo{background:url('/band-hero.jpeg') 54% 80%/cover;min-height:760px;position:relative;filter:saturate(.72)}.photo-label{position:absolute;bottom:40px;right:-34px;background:var(--gold);color:#090909;padding:20px 26px;transform:rotate(-4deg)}.photo-label span{display:block;font-size:9px;letter-spacing:.25em}.photo-label strong{font-size:18px;letter-spacing:.08em}.band-copy{padding:110px 8vw;display:flex;flex-direction:column;justify-content:center}.band-copy .lead{font-size:20px;color:#ded9d0;line-height:1.6}.band-copy>p:not(.eyebrow):not(.lead){color:var(--muted);line-height:1.75}.stats{display:flex;gap:4vw;border-top:1px solid #ffffff22;margin-top:35px;padding-top:30px}.stats div{display:flex;flex-direction:column}.stats strong{font-size:28px;color:var(--gold)}.stats span{text-transform:uppercase;font-size:9px;letter-spacing:.2em;color:#777;margin-top:6px}.live{min-height:820px;padding:110px 7vw;display:flex;align-items:center;background:linear-gradient(90deg,#07090bd9 0%,#07090b77 48%,#07090b22),linear-gradient(0deg,#07090b 0%,transparent 30%),url('/poster.jpeg') center 74%/cover fixed}.live>div{max-width:720px}.live h2{font-size:clamp(66px,9vw,130px)}.live p:not(.eyebrow){max-width:480px;color:#d0cbc1;line-height:1.7;margin-bottom:32px}.contact{text-align:center;background:radial-gradient(circle at 50% 0,#6e240d 0%,transparent 43%)}.contact .eyebrow{justify-content:center}.contact>p:not(.eyebrow){max-width:580px;margin:20px auto 45px;color:var(--muted);line-height:1.7}.mail{display:inline-flex;gap:70px;border-bottom:1px solid var(--gold);padding:15px 4px;font-weight:900;letter-spacing:.1em;color:var(--gold)}footer{padding:35px 5vw;border-top:1px solid #ffffff1c;display:flex;align-items:center;justify-content:space-between;color:#747474;font-size:11px;text-transform:uppercase;letter-spacing:.16em}footer .wordmark{color:var(--paper)}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes sway{to{transform:rotate(-3deg)}}
@media(max-width:800px){.nav-shell{height:72px}.menu-button{display:flex;width:42px;height:42px;background:none;border:0;flex-direction:column;justify-content:center;gap:7px;z-index:2}.menu-button i{height:1px;width:25px;background:#fff}.nav-shell nav{position:absolute;top:0;right:0;background:#090b0df5;height:100vh;width:70vw;flex-direction:column;padding:120px 38px;transform:translateX(100%);transition:.3s;font-size:15px}.nav-shell nav.open{transform:translateX(0)}.hero{min-height:760px;padding-left:6vw}.hero-photo{background-position:63% 60%;opacity:.76}.hero h1{font-size:clamp(52px,17vw,82px)}.hero-copy{max-width:88%;font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.section{padding:85px 6vw}.section-heading{display:block}.section-heading>p{margin-top:28px}.music-grid{grid-template-columns:1fr}.album-art{max-width:390px}.track{grid-template-columns:35px 44px 1fr 32px}.wave{display:none}.band{grid-template-columns:1fr}.band-photo{min-height:560px}.photo-label{right:15px}.band-copy{padding:85px 6vw}.stats{justify-content:space-between}.live{background-attachment:scroll;background-position:60% 70%;min-height:760px}.contact h2{font-size:17vw}.mail{font-size:11px;gap:18px}footer{align-items:flex-start;gap:24px;flex-direction:column}.scroll-cue{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.track{grid-template-columns:42px 50px 1fr 140px 90px;position:relative}.track-progress{grid-column:2/-1;height:2px;background:#ffffff12;margin-top:12px;overflow:hidden}.track-progress i{display:block;height:100%;background:var(--gold);box-shadow:0 0 12px #e4a22a;transition:width .2s linear}.track.active .wave{color:var(--gold)}.time{text-align:right;white-space:nowrap}.album-art{aspect-ratio:2048/992;background-image:url('/sthlm-sky-logo.png');background-position:center;background-size:cover;transform:scale(1.1);transform-origin:center}.members{border-left:2px solid var(--gold);background:#ffffff08;padding:14px 16px;color:#aaa!important}.members strong{color:var(--gold);text-transform:uppercase;font-size:11px;letter-spacing:.14em;margin-right:5px}
.track:not(.active) .track-progress{visibility:hidden}
@media(max-width:800px){.track{grid-template-columns:35px 44px 1fr 72px}.track-progress{grid-column:2/-1}.album-art{transform:none}}
html,body{max-width:100%;overflow-x:hidden}main{position:relative;width:100%;max-width:160vh;margin-inline:auto;overflow-x:clip}
@media(max-width:800px){.nav-shell nav{position:fixed;top:0;right:0;bottom:0;left:auto;width:min(80vw,340px);height:100dvh;transform:translate3d(105%,0,0);visibility:hidden;opacity:0;pointer-events:none;contain:layout paint;transition:transform .3s ease,opacity .2s ease,visibility 0s linear .3s}.nav-shell nav.open{transform:translate3d(0,0,0);visibility:visible;opacity:1;pointer-events:auto;transition:transform .3s ease,opacity .2s ease,visibility 0s}.menu-button{position:relative}}
@media(max-width:800px){.nav-shell nav:not(.open){display:none}.nav-shell nav.open{display:flex;transform:none;visibility:visible;opacity:1;pointer-events:auto}}
.band-photo{background-image:url('/hero-live-new.jpg');background-position:50% center}
.band-photo{width:90%;min-height:0;margin-inline:auto;aspect-ratio:2/1;background-size:contain;background-repeat:no-repeat;background-color:#07090b;align-self:center}.photo-label{right:22px;bottom:-26px}
.music-grid{grid-template-columns:1fr;gap:24px}.album-art{width:min(100%,1100px);margin:0;transform:none}.music-intro{max-width:650px;margin:0;color:var(--muted);line-height:1.7}.tracklist{width:100%;margin-top:12px}
.music,.band,.contact,footer{background-color:#0c0e10}
.live{background-color:#0c0e10;background-image:linear-gradient(90deg,#0c0e10f2 0%,#0c0e10d0 42%,#0c0e1055 72%,#0c0e1018 100%),linear-gradient(0deg,#0c0e10 0%,transparent 30%),url('/poster.jpeg');background-position:center,center,center;background-size:cover,cover,contain;background-repeat:no-repeat;background-attachment:scroll}
@media(max-width:800px){.live{background-position:center,center,center;background-size:cover,cover,contain}}
.band{grid-template-columns:1fr;min-height:0}
@media(max-width:800px) and (orientation:portrait){.band-photo{width:100%}}