*{box-sizing:border-box}html{scroll-behavior:smooth;background:#0b1010}body{margin:0;color:#ecebe4;background:#0b1010;font-family:Arial,Helvetica,sans-serif}a{color:inherit}header{position:absolute;z-index:5;top:0;left:0;width:100%;padding:24px 4vw;display:flex;align-items:center;justify-content:space-between}nav{display:flex;gap:6px;padding:8px;background:#0b1010b8;border:1px solid #ffffff30;border-radius:40px}nav a{padding:8px;text-decoration:none;font-size:11px;letter-spacing:.1em}nav a[aria-current]{color:#c2d3ac;border-bottom:1px solid}main{max-width:2000px;margin:auto}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:100svh}.hero-copy{padding:140px 6vw 50px;display:flex;flex-direction:column;justify-content:center}.meta{font-size:10px;letter-spacing:.15em;color:#a5aca4;display:flex;gap:22px;flex-wrap:wrap;margin-bottom:75px}.meta span{color:#b9c7a6}.eyebrow,.section-label{font-size:11px;letter-spacing:.2em;color:#bac8aa;line-height:1.7}h1{font-weight:400;font-size:clamp(60px,7.7vw,140px);line-height:.98;letter-spacing:-.065em;margin:25px 0 30px}.intro{font:19px/1.6 Georgia,serif;color:#c5c8bd}.first{border-top:1px solid #ffffff27;margin-top:35px;padding-top:20px;display:flex;gap:10px;flex-direction:column;font-size:10px;letter-spacing:.19em}.first strong{font-size:30px;letter-spacing:.04em;font-weight:400}.down{font-size:10px;letter-spacing:.16em;text-decoration:none;margin-top:40px}.hero figure{margin:0;position:relative;background:#262824}.hero figure img{width:100%;height:100%;max-height:1100px;object-fit:cover;object-position:50% 50%;display:block}.hero figcaption{position:absolute;bottom:20px;left:24px;right:24px;font-size:10px;letter-spacing:.06em;color:white;text-shadow:0 1px 5px #000;background:#0006;padding:9px 12px;width:fit-content;border-radius:3px}article,.premiere{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding:85px 7vw;border-bottom:1px solid #ffffff20}.prose{max-width:770px}h2{font-size:clamp(30px,3.4vw,58px);line-height:1.1;font-weight:400;letter-spacing:-.04em;margin:0 0 25px}p{line-height:1.8}.prose p,.premiere p,.album p{color:#bfc4bc;font-size:17px}.premiere{background:#151d19}.premiere h2 span{display:block;font:italic 24px/1.5 Georgia,serif;color:#b8c8a8;letter-spacing:0;margin-top:12px}.pending{border:1px solid #ffffff25;display:inline-block;padding:15px 20px;border-radius:30px;font-size:12px;color:#bdc9b4;margin-top:15px}.album{padding:85px 7vw;display:grid;grid-template-columns:1fr 1.5fr;align-items:center;gap:7vw}.album img{width:100%;height:auto;display:block}.album .facts{font-size:9px;letter-spacing:.13em;padding-top:22px;border-top:1px solid #ffffff25}footer{border-top:1px solid #ffffff25;margin:0 7vw;padding:45px 0;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.13em}footer div{text-align:center}footer img{object-fit:contain}footer p{font-size:15px}footer small{letter-spacing:0;color:#aaa}footer a{text-decoration:none}a:focus-visible{outline:2px solid #bed29e;outline-offset:5px}@media(max-width:700px){header{padding:18px 16px;gap:8px}.sa-home-pill{font-size:10px!important}nav a{padding:5px;font-size:10px}.hero{grid-template-columns:1fr}.hero-copy{padding:115px 26px 40px}.meta{margin-bottom:35px;font-size:9px}h1{font-size:74px}.intro{font-size:18px}.first{flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:18px}.first strong{font-size:25px}.hero figure img{max-height:none;height:auto}.hero figure{margin:0 16px}article,.premiere{grid-template-columns:1fr;padding:45px 25px;gap:25px}.album{grid-template-columns:1fr;padding:45px 25px;gap:32px}.album img{max-width:320px}footer{gap:15px;flex-wrap:wrap}footer>span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero .studio-logo{position:absolute;right:22px;top:100px;width:110px;padding:12px;background:#ffffffe6;border-radius:6px;transition:background .2s}.hero .studio-logo:hover{background:#fff}.hero .studio-logo img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.hero .studio-logo:focus-visible{outline:2px solid #fff;outline-offset:4px}@media(max-width:700px){.hero .studio-logo{top:18px;right:18px;width:92px}}
.premiere-logo{display:inline-flex;align-items:center;justify-content:center;background:#fff;padding:18px 26px;border-radius:8px;margin-bottom:24px;max-width:100%}.premiere-logo img{display:block;width:180px;max-width:100%;height:auto;max-height:100px;object-fit:contain}.premiere-logo:hover{opacity:.85}
.album h2 .album-light{display:block;font-family:Georgia,serif;font-weight:400;font-size:.68em;line-height:1.25;letter-spacing:-.025em;color:#bac8aa;margin-top:.24em}
.gatefold{margin:0 7vw 65px}.gatefold a{display:block}.gatefold img{display:block;width:100%;height:auto;border:1px solid #ffffff20}.gatefold figcaption{font-size:11px;line-height:1.5;color:#aeb7aa;text-align:center;margin-top:15px;letter-spacing:.06em}@media(max-width:700px){.gatefold{margin:0 25px 45px}}
/* Stockholm palette: midnight blue, cyan light and a restrained red accent. */
html,body{background:#070e19;color:#edf1f6}.hero-copy{background:radial-gradient(ellipse at 0% 35%,#10263b 0%,#070e19 72%)}nav{background:#070e19d9}nav a[aria-current],.meta span,.eyebrow,.section-label{color:#8bcde3}.meta{color:#9eafc3}.intro{color:#c4cedb}.prose p,.premiere p,.album p{color:#bdc9d8}.premiere{background:linear-gradient(115deg,#0c1b2b,#0c1422 75%,#20141e)}.premiere h2 span,.pending,.album h2 .album-light{color:#9ed6e7}.first{border-top-color:#71c8e350}.first strong{color:#edf5fc}.down{color:#a9dced}.premiere .section-label{border-left:2px solid #c97078;padding-left:15px;height:fit-content}.gatefold figcaption{color:#a9b8cb}a:focus-visible{outline-color:#8bcde3}
.album .mastering-mark{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:30px 0 22px}.mastering-mark>span{font-size:10px;letter-spacing:.18em;color:#9ed6e7}.mastering-mark a{display:inline-block;padding:8px 0;transition:opacity .2s}.album .mastering-mark img{width:174px;height:auto;max-width:100%;object-fit:contain}.mastering-mark a:hover{opacity:.75}
.hero h1{font-size:clamp(48px,6.5vw,116px);letter-spacing:-.055em}.hero-subtitle{display:block;font-size:.43em;line-height:1.2;letter-spacing:-.025em;font-weight:400;color:#9ed6e7;margin-top:.6em}@media(max-width:700px){.hero h1{font-size:clamp(45px,11.4vw,78px)}}
.hero h1{font-size:clamp(38px,5.15vw,96px);letter-spacing:-.045em}@media(max-width:700px){.hero h1{font-size:clamp(32px,9.5vw,66px)}}