/* Public STOCKHOLM listening room. Intro and feedback choreography remain in stockholm.css/js. */
:root{--orange:#ff570d;--condensed:'DIN Condensed','Arial Narrow',Impact,sans-serif;--max:1200px}
body{background:#07101b;color:#f5f1ea}
.brand-link img{filter:none}
.listening-room{scroll-margin-top:70px}
/* The overlapping feedback scene is visual only: never intercept hero links. */
.deep-forest-endorsement{pointer-events:none}
.hero{padding-bottom:100px;min-height:105svh;gap:5vw}
.hero-gatefold{background:linear-gradient(90deg,#07101be8,#07101b80),url('/assets/jd-stockholm/stockholm-lp-cover-web.jpg') center/cover;filter:blur(12px);opacity:.55}
.hero-vignette{background:linear-gradient(90deg,#040a12bd,transparent 90%),linear-gradient(0deg,#07101b,transparent 45%)}
.hero-network{opacity:.19}
.hero-copy h2{font-family:var(--condensed);font-size:clamp(70px,10vw,158px);font-weight:700;letter-spacing:-.02em;line-height:.91}
.hero-album{display:inline-block;border:1px solid #ffffff65;border-radius:18px;padding:15px 22px;margin-top:24px;font-family:var(--condensed);font-size:clamp(28px,4vw,52px);letter-spacing:.08em;line-height:1}
.hero-line{margin-top:26px;font-size:clamp(17px,1.5vw,22px);max-width:420px}
.hero-cover{width:min(39vw,550px);transform:none;box-shadow:0 35px 90px #000a;align-self:center}
.hero-cover img{border:1px solid #ffffff40}
.hero-cta,.beatport-pill{min-height:48px;display:inline-flex;align-items:center;gap:16px;padding:15px 21px;border:1px solid #ffffff55;border-radius:999px;text-decoration:none;font-size:9px;letter-spacing:.14em;margin-top:27px;margin-right:8px}
.hero-cta{background:var(--orange);border-color:var(--orange);color:#130900;font-weight:700}
.beatport-pill{background:#030a1460}
.beatport-pill:hover{border-color:var(--orange)}
.release-calendar{font-size:10px;line-height:1.8;color:#ffffff9a;max-width:390px;letter-spacing:.05em}
.endorsement-copy,.editorial-endorsement-card{border-radius:26px;border-color:#ffffff65;background:linear-gradient(145deg,#10223b90,#030911a0)}
.endorsement-copy::before,.editorial-endorsement-card::before{border-radius:19px}
.listening-room{padding-left:max(6vw,24px);padding-right:max(6vw,24px)}
.section-heading{grid-template-columns:.6fr 1.2fr 1fr;gap:35px;margin-bottom:35px}
.section-heading h2,.story-copy h2,.gatefold-heading h2,.mastering-section h2,.studio-section h2{font-family:var(--condensed);font-weight:700;letter-spacing:0;font-size:clamp(35px,4.5vw,64px);text-transform:uppercase}
.player-shell{border-radius:28px;padding:38px;background:linear-gradient(125deg,#152c44db,#060c17f0);border:1px solid #ffffff50;box-shadow:0 28px 65px #0005}
.player-shell::before{content:'';position:absolute;inset:10px;border:1px solid #ffffff28;border-radius:19px;pointer-events:none;mask-image:linear-gradient(125deg,#000 35%,transparent 95%)}
.player-now h3{font-family:var(--condensed);font-size:clamp(35px,5.4vw,78px);font-weight:700;letter-spacing:.01em;line-height:1.08;overflow-wrap:anywhere}
.player-now{max-width:90%}
#player-story{margin-top:20px;font-size:14px}
.jd-player-toggle{background:var(--orange);border-color:var(--orange);color:#160900;box-shadow:0 0 24px #ff570d26}
.jd-player-transport{margin-top:24px}
.quality-line{margin-top:16px;padding-top:16px;font-size:7px;line-height:1.7}
.album-programme{padding:0;border:0;background:none;box-shadow:none;margin-top:28px}
.album-programme::before{display:none}
.album-programme-head{display:none}
.track-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:0;margin-top:0}
.track-card{grid-template-columns:25px minmax(0,1fr) 30px;align-items:center;gap:14px;min-height:88px;padding:19px 22px;border:1px solid #ffffff20;border-radius:17px;background:#10223560}
.track-card:hover{background:#243f5e80;border-color:#ffffff65}
.track-card.is-active{border-color:var(--orange);background:#1b2d405e}
.track-card.is-active::before{display:none}
.track-copy b{font-family:var(--condensed);font-size:22px;font-weight:700;letter-spacing:.025em;line-height:1.1}
.track-copy small{font-size:8px;line-height:1.4}
.track-card .mini-play{display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff50;border-radius:50%;font-size:9px;color:var(--orange)}
.track-card:focus-visible,.beatport-pill:focus-visible,.hero-cta:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.album-programme-note{max-width:none;text-align:left;color:#ffffff80}
.story-section{min-height:700px}.story-visual{min-height:640px}.story-copy{padding:65px 6vw}.story-copy>p:not(.section-number){font-size:16px;margin-top:22px}
.story-copy blockquote{font-size:24px;margin-top:28px}
.gatefold-section{padding-top:110px;padding-bottom:110px}
.gatefold-heading{grid-template-columns:.4fr 1fr 1fr;gap:35px}
.gatefold-figure{max-width:1200px}.gatefold-figure img{border-radius:18px}
.mastering-section{padding-top:110px;padding-bottom:110px}
.press-note{padding-top:100px;padding-bottom:100px}
.journal-portal-link{border-radius:18px}
.promo-volume{--volume-color:var(--orange)}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding:120px 25px 160px;gap:38px;min-height:auto}.hero-copy h2{font-size:clamp(70px,16vw,108px)}.hero-cover{width:min(74vw,440px);justify-self:center}.hero-album{font-size:34px}.hero-line{font-size:17px}.hero-cta,.beatport-pill{font-size:8px;padding:13px 16px}.section-heading{grid-template-columns:1fr;gap:15px}.section-heading .section-number{margin-bottom:0}.section-heading>p:last-child{font-size:14px}.track-list{grid-template-columns:1fr}.player-shell{padding:27px 22px}.player-now{max-width:100%}.player-signal{display:none}.player-now h3{font-size:40px}.track-copy b{font-size:22px}.quality-line{gap:8px}.story-section{grid-template-columns:1fr;min-height:auto}.story-visual{min-height:0;height:480px}.story-visual img{object-position:center 46%}.story-copy{padding:42px 26px 80px}.gatefold-heading{grid-template-columns:1fr;gap:18px}.gatefold-heading .section-number{margin-bottom:0}.gatefold-section{padding:95px 24px}.mastering-section{padding:90px 26px}.release-calendar{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-cta b{animation:none}}

/* T-Centralen photograph: a centred portrait, never pinned to the left edge. */
.story-section{display:block;min-height:0;padding:105px max(6vw,24px) 115px;background:radial-gradient(ellipse at 50% 32%,#13264070,transparent 60%),#070b12}
.story-section .story-visual{width:min(100%,430px);height:auto;min-height:0;aspect-ratio:auto;margin:0 auto;overflow:hidden;border:1px solid #ffffff35;border-radius:23px;box-shadow:0 25px 70px #0006}
.story-section .story-visual img{display:block;width:100%;height:auto;object-fit:contain;object-position:center}
.story-section .story-visual::after{background:linear-gradient(0deg,#02060cb0,transparent 20%);pointer-events:none}
.story-section .story-visual p{left:15px;right:15px;bottom:24px;text-align:center;font-size:7px;letter-spacing:.2em;line-height:1.7}
.story-section .story-copy{max-width:820px;margin:0 auto;padding:55px 0 0}
.story-copy .section-number,.story-copy h2{text-align:center}
.story-copy h2{max-width:740px;margin-inline:auto}
@media(max-width:800px){.story-section{padding:90px 24px 100px}.story-section .story-visual{width:min(100%,340px);border-radius:20px}.story-section .story-copy{padding:38px 0 0}.story-copy h2{font-size:36px}.story-copy>p:not(.section-number){font-size:15px}}