/* AMSP 002 · PB027 · private photographed stage correction
   Editorial visuals only. No music, transport, Refined Crystal or selection logic changes.
   Delete this stylesheet and its link to revert stage/typography treatment. */

/* Full-bleed is the photographic field, while the musical reading remains centered.
   Both edges of the viewport are occupied by the authored photograph on EVERY side. */
body.room002-page--dev024 .room002-instrument { background:#101211; padding:0; }
body.room002-page--dev024 .room002-instrument > .wrap {
  width:100%; max-width:none; margin:0; padding:0;
}
body.room002-page--dev024 #main .mi {
  width:100%; max-width:none; margin:0;
  border-radius:0; box-shadow:none;
  padding-block:clamp(28px,4.5vw,64px);
  padding-inline:max(20px,calc((100vw - 1190px)/2));
}
body.room002-page--dev024 #main .mi-photo {
  inset:0; border-radius:0;
}
body.room002-page--dev024 #main .mi-photo__img {
  object-fit:cover; object-position:var(--mi-photo-focus,center);
}
/* The scrim is applied over the photograph, not its file. Preserve bright blooms
   without sacrificing foreground labels and interactive-controls contrast. */
body.room002-page--dev024 #main .mi[data-photo-side="A"] .mi-photo__scrim {
 background:linear-gradient(180deg,rgba(6,10,7,.42),rgba(7,10,7,.35) 46%,rgba(5,7,6,.82));
}
body.room002-page--dev024 #main .mi[data-photo-side="B"] .mi-photo__scrim {
 background:linear-gradient(180deg,rgba(8,12,8,.42),rgba(6,9,6,.49) 52%,rgba(5,7,6,.82));
}
body.room002-page--dev024 #main .mi[data-photo-side="C"] .mi-photo__scrim {
 background:linear-gradient(180deg,rgba(7,8,9,.50),rgba(8,9,10,.42) 46%,rgba(7,8,9,.84));
}
@media(max-width:599px){
 body.room002-page--dev024 #main .mi {padding:24px 16px 40px;}
 body.room002-page--dev024 .room002-instrument > .wrap {padding:0;}
}
/* The October 24 linked-recordings essay was unreadable on cream.
   Make it a warm, atmospheric stage note, not a new card or photo overlay. */
body.room002-page--dev024 #music-002-additional-recordings {
  --field-ink:#f3eee2;
  color:var(--field-ink);
  background:#202321;
  padding:clamp(60px,7vw,108px) max(20px,4vw);
  border-block:1px solid rgba(235,171,71,.28);
  background-image:linear-gradient(rgba(226,174,94,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(226,174,94,.025) 1px,transparent 1px);
  background-size:44px 44px;
}
body.room002-page--dev024 #music-002-additional-recordings .wrap {
  width:min(100%,920px); max-width:920px; padding:0; margin:0 auto;
}
body.room002-page--dev024 #music-002-additional-recordings .eyebrow {
  color:#f0bb59; letter-spacing:.16em;
  font:600 11px/1.5 var(--dv-f-mono);
}
body.room002-page--dev024 #music-002-additional-recordings h2 {
  color:#f1ad4b;
  font:700 clamp(34px,5.2vw,66px)/1.1 var(--dv-f-display);
  letter-spacing:-.025em;
  margin:22px 0 30px;
  text-wrap:balance;
}
body.room002-page--dev024 #music-002-additional-recordings p:not(.eyebrow) {
  color:var(--field-ink);
  font:400 clamp(16px,1.7vw,19px)/1.7 var(--dv-f-sans);
  overflow-wrap:break-word; margin:0 0 1.4em;
}
body.room002-page--dev024 #music-002-additional-recordings a {
  color:#ffcc77;
  text-decoration-color:rgba(255,204,119,.55);
  text-decoration-thickness:1px;
  text-underline-offset:4px;
}
body.room002-page--dev024 #music-002-additional-recordings a:hover,
body.room002-page--dev024 #music-002-additional-recordings a:focus-visible {
  color:#ffeaad; text-decoration-color:currentColor;
}
body.room002-page--dev024 #music-002-additional-recordings a:focus-visible {
  outline:2px solid #ffe069; outline-offset:3px;
}
@media(prefers-reduced-motion:reduce){
  body.room002-page--dev024 #main .mi-photo__img{transform:none!important;transition:none!important;}
}
