/* ==========================================================================
   AMSP 002 — 04.66 DEV 02 · Photographic A / B / C pass
   Loaded ONLY by /listening/002/ and /002/ (Edition 002 scope).
   Every Listening rule is scoped to .room002-page--dev02 .mi ; every editorial
   rule to .edition002-page--dev02. Nothing here reaches Edition 001.

   Treatment logic decided by the artist:
     A — The Mixtape: intimate photograph + restrained translucent GLASS for
         secondary reading; the announcer type stays dominant.
     B — Other Possible Futures: poster. Large live type directly on the
         photograph; local gradient only, no glass.
     C — The Constellation: industrial pavement. Large direct headings on a
         calmer, darkened area; long reading on a flat dark panel, compressed.
   No type shadows, no glows, no neon, no blur on the photographs themselves.
   ========================================================================== */

.room002-page--dev02 .mi{
  --f-paper:#F7F5F0;
  --f-ink:#0B0D0B;
  --f-lemon:var(--mi-lemon);
  --f-hair:rgba(247,245,240,.18);
  --f-glass:rgba(14,17,12,.56);
  --f-glass-solid:rgba(14,17,12,.88);
  --f-flat:rgba(13,14,14,.86);
  --f-radius:14px;
  background:#0C0E0C;
  isolation:isolate;
  overflow:clip;                 /* clip, not hidden: keeps position:sticky working */
  box-shadow:0 0 0 1px #000;
}

/* ---- Photographic field -------------------------------------------------- */
.room002-page--dev02 .mi-photo{position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;overflow:clip}
.room002-page--dev02 .mi-photo__frame{position:sticky;top:0;height:100vh;height:100lvh;overflow:hidden}
.room002-page--dev02 .mi-photo__img{
  position:absolute;left:0;top:-24px;width:100%;height:calc(100% + 48px);
  object-fit:cover;opacity:0;
  transform:translate3d(0,var(--mi-photo-shift,0px),0);
}
.room002-page--dev02 .mi-photo__img[data-on="1"]{opacity:1}
.room002-page--dev02 .mi-photo[data-fade="1"] .mi-photo__img{transition:opacity .45s ease}
.room002-page--dev02 .mi-photo[data-motion="still"] .mi-photo__img{transform:none}
.room002-page--dev02 .mi-photo__scrim{position:absolute;inset:0}
/* Field darkness per side. Calibrated against measured text contrast (QA). */
.room002-page--dev02 .mi[data-photo-side="A"] .mi-photo__scrim{background:linear-gradient(180deg,rgba(7,9,6,.46) 0%,rgba(7,9,6,.24) 34%,rgba(7,9,6,.34) 66%,rgba(7,9,6,.72) 100%)}
.room002-page--dev02 .mi[data-photo-side="B"] .mi-photo__scrim{background:linear-gradient(180deg,rgba(4,8,3,.52) 0%,rgba(4,8,3,.40) 26%,rgba(4,8,3,.16) 50%,rgba(4,8,3,.50) 100%)}
.room002-page--dev02 .mi[data-photo-side="C"] .mi-photo__scrim{background:linear-gradient(180deg,rgba(11,12,12,.46) 0%,rgba(11,12,12,.40) 34%,rgba(11,12,12,.64) 100%)}
.room002-page--dev02 .mi-photo[data-tone="light"] .mi-photo__scrim::after{content:"";position:absolute;inset:0;background:rgba(6,7,5,.2)}
.room002-page--dev02 .mi-photo[data-photo="missing"] .mi-photo__img{display:none}

/* ---- Grid safety: no child may widen the instrument ---------------------- */
.room002-page--dev02 .mi-body,.room002-page--dev02 .mi-deck,.room002-page--dev02 .mi-lower{grid-template-columns:minmax(0,1fr)}
.room002-page--dev02 .mi-body>*,.room002-page--dev02 .mi-lower>*{min-width:0}
.room002-page--dev02 .mi-b,.room002-page--dev02 .mi-c{scroll-margin-top:84px}
@media (min-width:980px){.room002-page--dev02 .mi-deck{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}

/* ---- Development bar (review only; not part of the design) -------------- */
.room002-page--dev02 .mi-devbar{border:1px dashed rgba(240,226,15,.7);border-radius:10px;background:rgba(10,10,9,.84);color:var(--f-lemon)}
.room002-page--dev02 .mi-devbar__summary{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;min-height:44px;padding:6px 12px;cursor:pointer;
  font:600 .7rem/1.3 var(--mi-mono);letter-spacing:.08em;text-transform:uppercase}
.room002-page--dev02 .mi-devbar__summary small{color:rgba(247,245,240,.78);font:400 .68rem/1.3 var(--mi-mono);letter-spacing:.04em}
.room002-page--dev02 .mi-devbar__body{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;padding:0 12px 12px}
.room002-page--dev02 .mi-devbar .mi-skinlab,.room002-page--dev02 .mi-devbar__field{min-width:0;max-width:100%}
.room002-page--dev02 .mi-devbar__select{width:100%;min-width:0}
.room002-page--dev02 .mi-devbar .mi-skinlab,.room002-page--dev02 .mi-devbar__field{flex:1 1 220px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  color:var(--f-lemon);font:600 .68rem/1.4 var(--mi-mono);letter-spacing:.06em;text-transform:uppercase}
.room002-page--dev02 .mi-devbar__select{min-height:44px;background:#171816;color:#FAF8EF;border:1px solid #92918B;padding:7px 10px;font:500 .84rem var(--mi-sans);text-transform:none;letter-spacing:0}
.room002-page--dev02 .mi-devbar__pause{min-height:44px;padding:0 14px;background:transparent;color:var(--f-paper);border:1px solid var(--f-paper);font:600 .72rem/1 var(--mi-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.room002-page--dev02 .mi-devbar__pause[aria-pressed="true"]{background:var(--f-lemon);border-color:var(--f-lemon);color:var(--f-ink)}
.room002-page--dev02 .mi-devbar__note{flex-basis:100%;margin:0;font:400 .75rem/1.45 var(--mi-mono);color:rgba(247,245,240,.82)}

/* ---- A/B/C navigation: 'field' skin, compact + sticky ------------------- */
.amsp-abc__key-name{display:none}
.room002-page--dev02 .mi-navigation{position:sticky;top:0;z-index:6;flex-direction:column;align-items:stretch;padding:6px 0 0;margin:0}
.room002-page--dev02 .mi .amsp-abc--field{
  --abc-line:rgba(247,245,240,.9);--abc-fill:transparent;--abc-selected:var(--f-lemon);--abc-inactive:var(--f-paper);--abc-active-type:var(--f-ink);--abc-muted:rgba(247,245,240,.78);
  width:100%;background:rgba(10,12,10,.74);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border:1px solid var(--f-hair);border-radius:12px;grid-template-columns:96px minmax(0,1fr);padding:10px 12px;gap:6px 16px}
.room002-page--dev02 .mi .amsp-abc--field .amsp-abc__graphic{max-width:96px}
.room002-page--dev02 .mi .amsp-abc--field .amsp-abc__keys{gap:6px}
.room002-page--dev02 .mi .amsp-abc--field .amsp-abc__key{display:grid;gap:3px;align-content:center;justify-items:center;min-height:56px;padding:6px 4px;border-color:rgba(247,245,240,.42);border-radius:8px;background:rgba(10,12,10,.35)}
.room002-page--dev02 .mi .amsp-abc--field .amsp-abc__key-letter{font:800 1.3rem/1 var(--mi-sans)}
.room002-page--dev02 .mi .amsp-abc--field .amsp-abc__key-name{display:block;font:600 .62rem/1.15 var(--mi-mono);letter-spacing:.04em;text-transform:uppercase;text-align:center}
.room002-page--dev02 .mi .amsp-abc--field .amsp-abc__key[aria-pressed="true"]{background:var(--f-lemon);border-color:var(--f-lemon);color:var(--f-ink)}
@media (max-width:719px){
  .room002-page--dev02 .mi .amsp-abc--field{grid-template-columns:1fr;padding:6px}
  .room002-page--dev02 .mi .amsp-abc--field :is(.amsp-abc__graphic,.amsp-abc__eyebrow,.amsp-abc__caption){display:none}
  .room002-page--dev02 .mi .amsp-abc--field .amsp-abc__keys{grid-column:1;grid-row:auto}
}

/* ---- Shared surfaces ------------------------------------------------------ */
.room002-page--dev02 .mi :focus-visible{outline:3px solid var(--f-lemon);outline-offset:2px;box-shadow:0 0 0 6px rgba(10,10,10,.85)}
.room002-page--dev02 .mi .mi-title{padding:4px 2px}
.room002-page--dev02 .mi-dc{background:var(--f-glass);-webkit-backdrop-filter:blur(16px) saturate(1.12);backdrop-filter:blur(16px) saturate(1.12);
  border:1px solid var(--f-hair);border-radius:var(--f-radius);color:var(--f-paper)}
.room002-page--dev02 .mi-dc__toggle{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;min-height:56px;padding:10px 16px;
  background:none;border:0;color:var(--f-paper);text-align:left;cursor:pointer;font:600 .78rem/1.3 var(--mi-mono);letter-spacing:.1em;text-transform:uppercase}
.room002-page--dev02 .mi-dc__summary{font:italic 400 1rem/1.3 var(--mi-serif);letter-spacing:0;text-transform:none;color:rgba(247,245,240,.9);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.room002-page--dev02 .mi-dc__state{font:600 .68rem/1 var(--mi-mono);letter-spacing:.08em;color:var(--f-lemon);border:1px solid currentColor;border-radius:99px;padding:5px 9px}
.room002-page--dev02 .mi-dc__region{padding:2px 14px 16px}
.room002-page--dev02 .mi-dc--sequence .mi-sequence>h3,.room002-page--dev02 .mi-dc--signals .mi-signals>h3{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .room002-page--dev02 .mi-dc,.room002-page--dev02 .mi .amsp-abc--field,.room002-page--dev02 .mi-deck__main{background:var(--f-glass-solid)}
}
@media (prefers-reduced-transparency:reduce){
  .room002-page--dev02 .mi-dc,.room002-page--dev02 .mi .amsp-abc--field,.room002-page--dev02 .mi-deck__main{background:var(--f-glass-solid);-webkit-backdrop-filter:none;backdrop-filter:none}
}

/* ==========================================================================
   SIDE A — glass over an intimate photograph; the announcer stays dominant
   ========================================================================== */
.room002-page--dev02 .mi[data-active-side="B"] .mi-deck,
.room002-page--dev02 .mi[data-active-side="C"] .mi-deck{display:none}
.room002-page--dev02 .mi-display{
  background:linear-gradient(180deg,rgba(8,10,7,.48) 0%,rgba(8,10,7,.20) 44%,rgba(8,10,7,.62) 100%);
  border:0;box-shadow:none;border-radius:var(--f-radius);
  min-height:clamp(420px,112vw,640px);
  padding:clamp(18px,4vw,40px);
}
.room002-page--dev02 .mi-artist{font-size:clamp(3.25rem,19cqi,10.5rem);line-height:.86;letter-spacing:-.035em;color:var(--f-paper)}
.room002-page--dev02 .mi-title-line{font-size:clamp(2.2rem,11cqi,5.5rem);color:var(--f-lemon)}
.room002-page--dev02 .mi-qualifier{color:var(--f-paper)}
.room002-page--dev02 .mi-release,.room002-page--dev02 .mi-tag{color:rgba(247,245,240,.88)}
.room002-page--dev02 .mi-deck__main{background:var(--f-glass);-webkit-backdrop-filter:blur(16px) saturate(1.12);backdrop-filter:blur(16px) saturate(1.12);
  border:1px solid var(--f-hair);border-radius:var(--f-radius);padding:18px 12px}
.room002-page--dev02 .mi-hint,.room002-page--dev02 .mi-providers{color:rgba(247,245,240,.86)}
.room002-page--dev02 .mi-stage{border-radius:10px}
.room002-page--dev02 .mi-stage__caption{text-shadow:none;background:rgba(10,10,9,.72);padding:6px 8px;border-radius:4px;left:10px;right:auto;max-width:calc(100% - 20px)}
.room002-page--dev02 .mi-tile{background:rgba(12,14,10,.5);border-color:rgba(247,245,240,.22)}
.room002-page--dev02 .mi-seq button{background:rgba(12,14,10,.35)}
.room002-page--dev02 .mi-seq button[aria-current="true"]{background:var(--f-lemon)}
.room002-page--dev02 .mi-empty{color:rgba(247,245,240,.86)}

/* ==========================================================================
   SIDE B — poster: large live type on the photograph, local gradient only
   ========================================================================== */
.room002-page--dev02 .mi-b{border-top:0;padding-top:6px;color:var(--f-paper)}
.room002-page--dev02 .mi-b__head{padding:clamp(20px,6vw,56px) 12px 14px;margin:0 -10px;border-radius:var(--f-radius);
  background:linear-gradient(180deg,rgba(4,8,3,.0) 0%,rgba(4,8,3,.46) 22%,rgba(4,8,3,.46) 78%,rgba(4,8,3,.0) 100%)}
.room002-page--dev02 .mi-b__kicker{display:inline-block;margin:0 0 10px;padding:5px 9px;background:var(--f-paper);color:var(--f-ink);font:600 .72rem/1 var(--mi-mono);letter-spacing:.14em;text-transform:uppercase}
.room002-page--dev02 .mi .mi-b h2{font:700 clamp(2.6rem,12vw,6.4rem)/.92 var(--mi-serif);letter-spacing:-.04em;margin:0 0 12px;color:var(--f-paper);max-width:10ch}
.room002-page--dev02 .mi-b .mi-branch__intro{color:var(--f-paper);max-width:34ch;margin:0 0 18px;background:linear-gradient(90deg,rgba(4,8,3,.55),rgba(4,8,3,.0));padding:4px 0}
.room002-page--dev02 .mi .mi-b__family-label{color:var(--f-paper);margin-bottom:14px}
.room002-page--dev02 .mi .mi-b__family-select{background:rgba(8,12,6,.78);border-color:rgba(247,245,240,.6);color:var(--f-paper)}
.room002-page--dev02 .mi .mi-b__water{background:none;border:0;min-height:0;padding:0;display:block;overflow:visible}
.room002-page--dev02 .mi .mi-b__water::after,
.room002-page--dev02 .mi .mi-b__stack::before,
.room002-page--dev02 .mi .mi-b__stack::after,
.room002-page--dev02 .mi .mi-b__card::before{display:none}
.room002-page--dev02 .mi .mi-b__stack{width:100%}
.room002-page--dev02 .mi .mi-b__card{
  container-type:inline-size;color:var(--f-paper);border:0;border-radius:var(--f-radius);box-shadow:none;overflow:visible;
  min-height:clamp(470px,124vw,700px);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;gap:18px;
  padding:clamp(16px,4vw,40px);
  background:linear-gradient(180deg,rgba(4,8,3,.10) 0%,rgba(4,8,3,.30) 38%,rgba(4,8,3,.38) 58%,rgba(4,8,3,.80) 100%);
}
.room002-page--dev02 .mi-b__card-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.room002-page--dev02 .mi .mi-b__card-eyebrow{margin:0;padding:6px 9px;background:rgba(4,8,3,.74);font:600 .74rem/1 var(--mi-mono);letter-spacing:.12em;text-transform:uppercase}
.room002-page--dev02 .mi-b__status{margin:0;padding:6px 10px;border-radius:99px;font:700 .74rem/1 var(--mi-mono);letter-spacing:.06em;text-transform:uppercase;border:1.5px solid var(--f-paper);background:rgba(4,8,3,.74)}
.room002-page--dev02 .mi-b__card[data-status="original"] .mi-b__status{background:var(--f-paper);color:var(--f-ink)}
.room002-page--dev02 .mi-b__card[data-status="selected"] .mi-b__status{background:var(--f-lemon);border-color:var(--f-lemon);color:var(--f-ink)}
.room002-page--dev02 .mi-b__card[data-status="unresolved"] .mi-b__status{border-style:dashed}
.room002-page--dev02 .mi-b__card-names{align-self:center}
.room002-page--dev02 .mi .mi-b__card-artist{margin:0 0 .12em;font:800 clamp(3rem,17cqi,9.5rem)/.86 var(--mi-sans);letter-spacing:-.035em;text-transform:uppercase;color:var(--f-paper);text-wrap:balance}
.room002-page--dev02 .mi .mi-b__card-title{margin:0;font:italic 400 clamp(2rem,10cqi,5rem)/1.04 var(--mi-serif);color:var(--f-lemon)}
.room002-page--dev02 .mi .mi-b__card-version{margin:0 0 4px;font:700 clamp(1.05rem,4.6cqi,1.6rem)/1.25 var(--mi-sans)}
.room002-page--dev02 .mi .mi-b__card-readiness{margin:0 0 14px;color:rgba(247,245,240,.9);font:400 .8rem/1.45 var(--mi-mono)}
.room002-page--dev02 .mi-b__links{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.room002-page--dev02 .mi-b__link{display:inline-flex;align-items:center;min-height:48px;padding:0 16px;border:2px solid var(--f-paper);color:var(--f-paper);background:rgba(4,8,3,.55);text-decoration:none;font:700 .8rem/1.2 var(--mi-mono);letter-spacing:.06em;text-transform:uppercase}
.room002-page--dev02 .mi-b__link[data-kind="listen"]{background:var(--f-lemon);border-color:var(--f-lemon);color:var(--f-ink)}
.room002-page--dev02 .mi-b__link:hover{background:var(--f-paper);color:var(--f-ink)}
.room002-page--dev02 .mi-b__provenance,.room002-page--dev02 .mi-b__no-link{flex-basis:100%;margin:0;font:400 .75rem/1.4 var(--mi-mono);color:rgba(247,245,240,.88)}
.room002-page--dev02 .mi .mi-b__nav{margin:14px 0 8px;gap:8px}
.room002-page--dev02 .mi .mi-b__key{min-height:52px;min-width:104px;background:rgba(6,9,5,.72);border-color:rgba(247,245,240,.7);border-radius:8px}
.room002-page--dev02 .mi .mi-b__position{padding:8px 10px;background:rgba(6,9,5,.72);border-radius:8px}
.room002-page--dev02 .mi-b__under{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;justify-content:center}
.room002-page--dev02 .mi .mi-b__home{min-width:0;padding:0 14px}
.room002-page--dev02 .mi-b__dots{display:flex;gap:8px;list-style:none;margin:0;padding:8px 10px;background:rgba(6,9,5,.72);border-radius:99px}
.room002-page--dev02 .mi-b__dots li{width:11px;height:11px;border-radius:50%;border:1.5px solid var(--f-paper)}
.room002-page--dev02 .mi-b__dots li[data-status="original"]{background:var(--f-paper)}
.room002-page--dev02 .mi-b__dots li[data-status="selected"]{background:var(--f-lemon);border-color:var(--f-lemon)}
.room002-page--dev02 .mi-b__dots li[data-status="unresolved"]{border-style:dashed}
.room002-page--dev02 .mi-b__dots li[data-current="1"]{outline:2px solid var(--f-paper);outline-offset:3px}
.room002-page--dev02 .mi .mi-b__note{color:var(--f-paper);background:rgba(6,9,5,.62);padding:8px 10px;border-radius:8px;margin:12px auto 0;max-width:40ch}
@media (min-width:980px){
  .room002-page--dev02 .mi-b__head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:0 40px;align-items:end}
  .room002-page--dev02 .mi-b__head>*{grid-column:1}
  .room002-page--dev02 .mi .mi-b__family-label{grid-column:2;grid-row:2 / 4;align-self:end}
}

/* ==========================================================================
   SIDE C — pavement: large direct headings; long reading compressed
   ========================================================================== */
.room002-page--dev02 .mi-c{border-top:0;padding-top:6px;color:var(--f-paper)}
.room002-page--dev02 .mi-c__head{padding:clamp(24px,7vw,64px) 2px 16px}
.room002-page--dev02 .mi .mi-c__eyebrow{display:inline-block;margin:0 0 12px;padding:6px 9px;background:var(--f-paper);color:var(--f-ink);font:600 .72rem/1 var(--mi-mono);letter-spacing:.14em;text-transform:uppercase}
.room002-page--dev02 .mi .mi-c h2{font:700 clamp(2.8rem,13vw,7rem)/.9 var(--mi-serif);letter-spacing:-.045em;color:var(--f-paper);margin:0 0 14px;max-width:9ch}
.room002-page--dev02 .mi-c .mi-branch__intro{color:var(--f-paper);max-width:36ch;margin:0 0 18px}
.room002-page--dev02 .mi .mi-c__modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}
.room002-page--dev02 .mi .mi-c__mode{min-height:52px;text-align:center;background:rgba(11,12,12,.72);border-color:rgba(247,245,240,.5);border-radius:8px;font-size:.74rem;padding:8px 6px}
.room002-page--dev02 .mi .mi-c__mode[aria-pressed="true"]{background:var(--f-paper);color:var(--f-ink);border-color:var(--f-paper)}
.room002-page--dev02 .mi-c__content{background:var(--f-flat);border:1px solid var(--f-hair);border-radius:var(--f-radius);padding:clamp(14px,3.4vw,34px)}
.room002-page--dev02 .mi .mi-c__label{color:var(--f-lemon)}
.room002-page--dev02 .mi-c__node{margin:0 0 12px;font:700 clamp(1.9rem,8vw,3.6rem)/1 var(--mi-serif);letter-spacing:-.02em}
.room002-page--dev02 .mi .mi-c__route-type{color:var(--f-lemon)}
.room002-page--dev02 .mi .mi-c__route-text{font-size:clamp(1.15rem,4.6vw,1.6rem)}
.room002-page--dev02 .mi .mi-c__text-button{border-color:rgba(247,245,240,.45);border-radius:8px;font-size:.78rem}
.room002-page--dev02 .mi .mi-c__follow{background:var(--f-paper);color:var(--f-ink);border-color:var(--f-paper);font-weight:700}
.room002-page--dev02 .mi :is(.mi-c__hubs>p,.mi-c__qualification,.mi-c__note,.mi-c__empty,.mi-c__hubs-note,.mi-c__why){font:400 1rem/1.55 var(--mi-sans);color:rgba(247,245,240,.88)}
.room002-page--dev02 .mi-c__why{margin:0 0 14px;font-family:var(--mi-serif)!important;font-style:italic}

/* Journeys: five chooser buttons, then a vertical timeline */
.room002-page--dev02 .mi .mi-c__journey-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,128px),1fr));gap:6px;margin:0 0 22px}
.room002-page--dev02 .mi .mi-c__journey-list button{grid-template-columns:auto minmax(0,1fr);gap:2px 10px;align-content:start;min-height:56px;padding:8px 10px;border-radius:8px;border-color:rgba(247,245,240,.3);font:700 .88rem/1.18 var(--mi-sans)}
.room002-page--dev02 .mi .mi-c__journey-list .mi-c__jn{grid-row:1 / 3;font:600 .72rem/1.5 var(--mi-mono);color:var(--f-lemon)}
.room002-page--dev02 .mi .mi-c__journey-list .mi-c__jm{font:400 .7rem/1.3 var(--mi-mono);color:rgba(247,245,240,.75)}
.room002-page--dev02 .mi .mi-c__journey-list button[aria-pressed="true"]{background:var(--f-lemon);color:var(--f-ink);border-color:var(--f-lemon)}
.room002-page--dev02 .mi .mi-c__journey-list button[aria-pressed="true"] :is(.mi-c__jn,.mi-c__jm){color:var(--f-ink)}
.room002-page--dev02 .mi .mi-c__journey-heading{font:700 clamp(2rem,9vw,4rem)/.98 var(--mi-serif);letter-spacing:-.03em;margin:0 0 6px}
.room002-page--dev02 .mi-c__journey-route{margin:0 0 18px;font:400 .8rem/1.4 var(--mi-mono);letter-spacing:.04em;color:rgba(247,245,240,.82)}
.room002-page--dev02 .mi-c__timeline{list-style:none;margin:0 0 18px;padding:0;position:relative}
.room002-page--dev02 .mi-c__timeline::before{content:"";position:absolute;left:21px;top:10px;bottom:10px;width:2px;background:rgba(247,245,240,.28)}
.room002-page--dev02 .mi-c__tl-item{position:relative}
.room002-page--dev02 .mi-c__tl-step{position:relative;width:100%;display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;min-height:48px;padding:4px 6px 4px 0;
  background:none;border:0;color:var(--f-paper);text-align:left;cursor:pointer;font:600 .98rem/1.3 var(--mi-sans)}
.room002-page--dev02 .mi-c__tl-n{justify-self:center;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#1A1C1C;border:2px solid rgba(247,245,240,.5);font:600 .72rem/1 var(--mi-mono)}
.room002-page--dev02 .mi-c__tl-item[data-state="past"] .mi-c__tl-label{color:rgba(247,245,240,.72)}
.room002-page--dev02 .mi-c__tl-item[data-state="past"] .mi-c__tl-n{background:rgba(247,245,240,.8);color:var(--f-ink);border-color:transparent}
.room002-page--dev02 .mi-c__tl-step[aria-current="step"] .mi-c__tl-n{background:var(--f-lemon);border-color:var(--f-lemon);color:var(--f-ink)}
.room002-page--dev02 .mi-c__tl-step[aria-current="step"] .mi-c__tl-label{color:var(--f-lemon)}
.room002-page--dev02 .mi .mi-c__journey-step{margin:6px 0 14px 54px;background:rgba(247,245,240,.06);border:1px solid var(--f-hair);border-radius:10px;padding:16px}
.room002-page--dev02 .mi .mi-c__journey-step h4{font:700 clamp(1.6rem,7.2vw,3rem)/1.02 var(--mi-serif);letter-spacing:-.02em;margin:0 0 10px}
.room002-page--dev02 .mi .mi-c__journey-steps{display:grid;grid-template-columns:auto 1fr;gap:8px;margin-top:16px}
.room002-page--dev02 .mi .mi-c__journey-steps button{min-height:52px;border-radius:6px;border-color:rgba(247,245,240,.45)}
@media (max-width:719px){
  .room002-page--dev02 .mi .mi-c__journey-step{margin:6px 0 14px 0;padding:14px}
  .room002-page--dev02 .mi .mi-c__journey-steps{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  .room002-page--dev02 .mi .mi-c__journey-steps button{white-space:nowrap;padding:10px 8px;text-align:center}
}
/* The painted arrow, as text: white road paint on charcoal. */
.room002-page--dev02 .mi .mi-c__journey-steps .mi-c__continue{background:var(--f-paper);color:var(--f-ink);border-color:var(--f-paper);text-align:center;font:800 .95rem/1 var(--mi-sans);letter-spacing:.08em;text-transform:uppercase}
.room002-page--dev02 .mi .mi-c__journey-steps .mi-c__continue:disabled{background:transparent;color:var(--f-paper)}
.room002-page--dev02 .mi .mi-c__link{border-radius:4px}
.room002-page--dev02 .mi .mi-c__link[data-type="reference"]{background:transparent;color:var(--f-paper);border:1.5px solid var(--f-paper)}
.room002-page--dev02 .mi .mi-c__provenance,.room002-page--dev02 .mi .mi-c__no-link{color:rgba(247,245,240,.82);flex-basis:100%}
.room002-page--dev02 .mi-dc--c{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-top:1px solid var(--f-hair);border-radius:0;margin:10px 0 0}
.room002-page--dev02 .mi-dc--c .mi-dc__toggle{padding:8px 0;min-height:52px}
.room002-page--dev02 .mi-dc--c .mi-dc__region{padding:0 0 12px}
.room002-page--dev02 .mi .mi-c__hubs{margin:0;border:0;padding:0}
.room002-page--dev02 .mi .mi-c__hub{border-radius:8px}
.room002-page--dev02 .mi .mi-c__hub[aria-pressed="true"]{border-color:var(--f-lemon)}
.room002-page--dev02 .mi .mi-c__back{margin:0 0 6px}
@media (min-width:980px){
  .room002-page--dev02 .mi-c__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:0 40px;align-items:end}
  .room002-page--dev02 .mi-c__head>*{grid-column:1}
  .room002-page--dev02 .mi .mi-c__modes{grid-column:2;grid-row:2 / 4;align-self:end}
}

/* ---- Motion ---------------------------------------------------------------- */
@media (prefers-reduced-motion:reduce){
  .room002-page--dev02 .mi-photo__img{transition:none!important;transform:none!important}
}

/* ---- Small phones -------------------------------------------------------- */
@media (max-width:379px){
  .room002-page--dev02 .mi .amsp-abc--field .amsp-abc__key-name{font-size:.56rem}
  .room002-page--dev02 .mi .mi-b__key{min-width:84px}
}

/* ==========================================================================
   EDITION 002 (/002/) — the three environments beside the article
   ========================================================================== */
.edition002-page--dev02 .edition002-fields{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 clamp(28px,4vw,48px)}
.edition002-page--dev02 .edition002-field{position:relative;display:grid;align-content:end;min-height:clamp(240px,34vw,440px);padding:clamp(14px,2vw,24px);
  color:#F7F5F0;text-decoration:none;overflow:hidden;isolation:isolate;background:#111}
.edition002-page--dev02 .edition002-field img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.edition002-page--dev02 .edition002-field::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,8,6,.08) 30%,rgba(6,8,6,.74) 100%)}
.edition002-page--dev02 .edition002-field[data-side="C"]::before{background:linear-gradient(180deg,rgba(11,12,12,.25) 20%,rgba(11,12,12,.8) 100%)}
.edition002-page--dev02 .edition002-field__letter{font:800 clamp(5rem,11vw,10rem)/.8 var(--body,Montserrat,sans-serif);letter-spacing:-.04em}
.edition002-page--dev02 .edition002-field__name{margin-top:10px;font:700 clamp(1.4rem,2.4vw,2.2rem)/1.02 var(--display,Georgia,serif);letter-spacing:-.02em}
.edition002-page--dev02 .edition002-field[data-side="B"] .edition002-field__name{font-style:italic;font-weight:400;color:var(--signal,#F0E20F)}
.edition002-page--dev02 .edition002-field__meta{margin-top:8px;font:600 .72rem/1.35 var(--mono,monospace);letter-spacing:.1em;text-transform:uppercase}
.edition002-page--dev02 .edition002-field:hover .edition002-field__name,.edition002-page--dev02 .edition002-field:focus-visible .edition002-field__name{text-decoration:underline;text-underline-offset:.15em}
.edition002-page--dev02 .edition002-field:focus-visible{outline:4px solid var(--signal,#F0E20F);outline-offset:3px}
.edition002-page--dev02 .edition002-fields__note{grid-column:1 / -1;margin:2px 0 0;font:400 .75rem/1.4 var(--mono,monospace);color:#3B3B38}
@media (max-width:820px){
  .edition002-page--dev02 .edition002-fields{grid-template-columns:1fr}
  .edition002-page--dev02 .edition002-field{min-height:220px;grid-template-columns:auto minmax(0,1fr);gap:0 16px;align-items:end}
  .edition002-page--dev02 .edition002-field__letter{grid-row:1 / 4;font-size:7rem}
  .edition002-page--dev02 .edition002-field__name{margin-top:0}
}

/* Label chips keep their own width inside the desktop head grids. */
.room002-page--dev02 .mi .mi-c__eyebrow,.room002-page--dev02 .mi-b__kicker{justify-self:start;width:max-content;max-width:100%}

/* DEV02.1 — targeted journey heading, not all Side C headings.
   The photographic field already has a darkened C scrim; the label uses
   existing publication lemon. Contrast is checked against all C candidates. */
.room002-page--dev02 .mi[data-c-mode="journey"] .mi-c__head #mi-c-title{color:var(--f-lemon)}

/* DEV02.1 — the actual instrument inside a development-only Back Room frame.
   Suppress only outer publication chrome; live player/controls remain intact. */
.room002-page--backroom-frame .room-nav,
.room002-page--backroom-frame .room002-hero,
.room002-page--backroom-frame .room002-elsewhere,
.room002-page--backroom-frame .amsp-foot,
.room002-page--backroom-frame .mobile-nav,
.room002-page--backroom-frame .skip,
.room002-page--backroom-frame #main>p:first-child{display:none!important}
.room002-page--backroom-frame .room002-instrument{padding:0!important;margin:0!important}
.room002-page--backroom-frame .room002-instrument>.wrap{max-width:none;width:100%;padding:0!important}
.room002-page--backroom-frame .mi{margin:0!important;min-width:0}
.room002-page--backroom-frame .mi-title{margin-top:0!important}
.room002-page--backroom-frame .room002-page{overflow-x:hidden}
/* DEV02.1 contrast safety for bright Side C image comparisons. This is a
   localized ink scrim (not glass or a photographic alteration). It exists
   only while Follow a journey is the principal heading. With the underlying
   C scrim it gives lemon display text sufficient contrast even over white
   pavement details; the unmodified photograph remains visible around it. */
.room002-page--dev02 .mi[data-c-mode="journey"] .mi-c__head{
  background:linear-gradient(90deg,rgba(6,8,6,.76) 0%,rgba(6,8,6,.65) 67%,rgba(6,8,6,.38) 100%);
  border-radius:6px;padding-inline:clamp(10px,2vw,24px);margin-inline:clamp(-24px,-2vw,-10px);
}