/* One native scroll track; every chapter derives from the same progress value. */
.vinyl-ready .record-track { height:1372svh; }
.studio-anchor { top:264svh; }
.studio-canvas { position:absolute; inset:0; z-index:5; width:100%; height:100%; pointer-events:none; opacity:var(--studio-entry,0); }
.studio-stage { opacity:calc(var(--studio-entry,0) * var(--studio-copy-alpha,1)); }
.music-story { display:contents; }
.story-room,.story-card-space,.story-timeline { pointer-events:none; }
.story-room { z-index:4; position:absolute; inset:0; opacity:var(--room-alpha,0); overflow:hidden; }
.story-room img { width:100%; height:100%; object-fit:cover; transform:scale(var(--room-scale,1)); filter:brightness(.5) saturate(.65); }
.story-room::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(5,14,12,.8),transparent 75%); }
.story-timeline { position:absolute; inset:0; z-index:7; opacity:var(--timeline-alpha,0); }
.story-axis { position:absolute; height:55%; top:24%; left:50%; width:1px; background:linear-gradient(transparent,rgba(215,187,139,.6),transparent); }
.story-timeline article { position:absolute; top:39%; width:34%; left:10%; text-align:right; opacity:var(--era-alpha,0); transform:translateY(var(--era-y,25px)); text-shadow:0 2px 24px #04110e; }
.story-timeline article:nth-of-type(2) { left:56%; text-align:left; }
.story-timeline time { font:300 clamp(58px,7vw,118px)/1 Georgia,serif; letter-spacing:-.05em; color:#e4caa0; }
.story-timeline h3 { margin:20px 0 10px; font-size:clamp(18px,2vw,26px); font-weight:400; }
.story-timeline p { font-size:13px; color:#d2d8d3; letter-spacing:.1em; }
.story-card-space { z-index:4; position:absolute; inset:0; perspective:1800px; opacity:var(--stage-alpha,0); }
.story-card { position:absolute; inset:0; transform-style:preserve-3d; transform:translate(var(--poster-x,0px),var(--poster-y,0px)) scale(var(--poster-scale,1)) rotateY(var(--poster-flip,0deg)); }
.story-card-front,.story-card-back { position:absolute; inset:0; backface-visibility:hidden; overflow:hidden; box-shadow:0 32px 110px #0007; }
.story-card-front { background:#040605; }
.story-card-front>img { width:100%; height:100%; object-fit:cover; transform:scale(var(--stage-scale,1)); }
.story-poster-type { position:absolute; inset:10% 9%; opacity:var(--poster-type,0); color:#f4eee3; }
.story-poster-type span { font-size:20px; letter-spacing:.25em; }
.story-poster-type strong { display:block; font-size:clamp(100px,11vw,190px); font-weight:500; line-height:1.1; margin-top:9%; letter-spacing:-.04em; }
.story-poster-type small { position:absolute; bottom:0; font-size:18px; letter-spacing:.15em; }
.story-card-back { transform:rotateY(180deg); background:#f0ede2; color:#26382f; padding:7% 9%; }
.board-kicker { font-size:16px; letter-spacing:.18em; }
.story-card-back h3 { font:400 clamp(36px,4.8vw,72px)/1.3 var(--font-display); margin:4% 0; }
.board-score { width:45%; position:absolute; right:8%; top:9%; opacity:.38; }
.story-card-back img { width:67%; height:50%; object-fit:cover; object-position:center 58%; position:absolute; bottom:9%; right:8%; box-shadow:0 4px 15px #26382f22; }
.board-caption { position:absolute; bottom:9%; left:9%; writing-mode:vertical-rl; letter-spacing:.3em; font-size:19px; }
.story-chapter { position:absolute; z-index:8; left:8vw; top:50%; width:40%; max-width:550px; transform:translateY(calc(-50% + var(--chapter-y,20px))); opacity:var(--chapter-alpha,0); color:#f0eee6; }
.story-chapter>span { font-size:11px; letter-spacing:.22em; color:#d0b58c; }
.story-chapter h2 { font:400 clamp(32px,4.1vw,66px)/1.28 var(--font-display); letter-spacing:-.03em; margin:25px 0; }
.story-chapter h2 em { font-style:normal; color:#d7bc92; }
.story-chapter p { font-size:14px; line-height:2; color:#d4d7d1; margin:24px 0; }
.story-chapter a { pointer-events:auto; display:inline-flex; align-items:center; gap:36px; color:#f1e6d3; padding:12px 0; border-bottom:1px solid #d7bc9255; font-size:13px; }
.story-chapter a b { font-size:20px; font-weight:400; }
.story-chapter[data-chapter="entertainment"],.story-chapter[data-chapter="education"] { left:59%; width:34%; }
@media(max-width:768px) {
 .story-timeline article { left:6%; width:39%; top:43%; }
 .story-timeline article:nth-of-type(2) { left:55%; }
 .story-timeline h3 { font-size:17px; line-height:1.4; }
 .story-timeline p { font-size:11px; }
 .story-chapter { top:auto; bottom:8%; left:7%; width:86%; transform:translateY(var(--chapter-y,20px)); }
 .story-chapter h2 { font-size:34px; margin:14px 0; }
 .story-chapter p { font-size:12px; margin:14px 0; }
 .story-chapter[data-chapter="entertainment"],.story-chapter[data-chapter="education"] { left:7%; width:86%; }
 .story-card-front>img { object-position:56% center; }
 .story-card-back { padding:12% 10%; }
 .story-card-back h3 { font-size:44px; }
 .story-card-back img { width:82%; height:43%; bottom:13%; }
 .board-score { width:72%; top:32%; right:14%; }
 .board-caption { writing-mode:horizontal-tb; bottom:4%; font-size:13px; }
 .story-poster-type strong { font-size:98px; margin-top:28%; }
 .story-poster-type span,.story-poster-type small { font-size:13px; }
 .story-room::after { background:linear-gradient(0deg,#06120ff0,transparent); }
}
@media(prefers-reduced-motion:reduce) {
 .vinyl-ready .record-track { height:auto; }
 .studio-canvas { display:none; }
 .studio-fallback { display:block; }
 .music-story { display:block; position:relative; background:#071610; padding:40px 7vw; }
 .story-room,.story-card-space,.story-timeline { display:none; }
 .music-story .story-chapter { position:relative; inset:auto; width:100%; max-width:none; opacity:1; transform:none; padding:40px 0; }
}

html:has(.record-home) { scroll-behavior:auto; }
.studio-fallback { display:block; }
.has-3d .studio-fallback { display:none; }
.story-card-back { border:3px solid #a7aba4; }
@media(prefers-reduced-motion:reduce) { .has-3d .studio-fallback { display:block; } }

@media(max-width:768px) { .story-card-front::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(transparent 40%,#06110bd9); } .story-poster-type { z-index:1; } }

@media(max-width:768px) { .story-card-back h3 { font-size:36px; } .story-poster-type strong { position:absolute; bottom:10%; font-size:74px; margin:0; } }

.story-card-front>img { position:absolute; inset:0; }
.story-card-front .stage-clean { opacity:0; }
.has-performer .story-card-front .stage-clean { opacity:1; }
.has-performer .story-card-front .stage-original { opacity:var(--poster-image-alpha,1); }

/* Review: legible history, photographic print material and a balanced team spread. */
.story-timeline-shade { position:absolute; inset:0; z-index:6; pointer-events:none; background:linear-gradient(90deg,#020607d9,#020607a8 50%,#020607d9); opacity:var(--timeline-alpha,0); }
.story-timeline article { text-shadow:0 2px 10px #000,0 8px 35px #000; }
.story-timeline h3 { color:#fff9ed; }
.story-timeline p { color:#e3e1d9; }
.story-card-front::before { content:""; position:absolute; inset:0; z-index:2; pointer-events:none; border:clamp(18px,2.8vw,48px) solid #e7ddc9; box-shadow:inset 0 0 0 2px #261e17,inset 0 0 55px 20px #0007; opacity:var(--poster-type,0); }
.story-card-front::after { content:""; position:absolute; inset:0; z-index:2; pointer-events:none; opacity:calc(var(--poster-type,0) * .25); mix-blend-mode:soft-light; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23g)' d='M0 0h180v180H0z'/%3E%3C/svg%3E"); }
.story-card-front .stage-original { filter:contrast(1.08) saturate(.73) sepia(.13); }
.story-poster-type { z-index:3; text-shadow:0 2px 20px #0009; }
.story-poster-type::after { content:"BRM  /  LIVE ARCHIVE                         35 MM"; position:absolute; bottom:-8%; left:0; right:0; font:12px/1.3 monospace; letter-spacing:.18em; color:#3a3028; text-shadow:none; }
.team-preview .split { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(24px,5vw,72px); }
.team-preview .split__media { order:0; min-width:0; }
.team-preview .split__body { min-width:0; }
.team-preview .split__media img { display:block; height:min(58vh,540px); width:100%; object-fit:contain; object-position:center; box-shadow:none; border-radius:2px; }
@media(max-width:600px) {
 .team-preview .split { grid-template-columns:1fr; gap:26px; }
 .team-preview .split__media img { height:42svh; }
 .story-card-front::before { border-width:22px; }
 .story-poster-type::after { font-size:10px; bottom:-7%; }
}
@media(prefers-reduced-motion:reduce) { .story-timeline-shade { display:none; } }

/* A face's text, frame and grain must disappear together when it turns away. */
.story-card-front { transform:translateZ(.1px); visibility:var(--poster-front-visibility,visible); }
.story-card-back { visibility:var(--poster-back-visibility,hidden); }

/* Stable mobile track height; photo remains a real photograph. */
.story-card-front .stage-original { filter:none; object-position:50% center; }
.story-card-front { -webkit-backface-visibility:hidden; }
.story-card-back { -webkit-backface-visibility:hidden; }

.stage-shade { position:absolute;inset:0;background:linear-gradient(90deg,#050906b3,transparent 80%);pointer-events:none;opacity:calc(1 - var(--poster-type,0)); }