/* Adapted directly from approved 47665ca: selector scoping only; camera model unchanged. */
@font-face { font-family: Cormorant; src: url('./CormorantGaramond.ttf') format('truetype'); font-style: normal; font-weight: 300 700; font-display: swap; }
.mrc-scroll .journey { position: relative; }
.mrc-scroll .stage { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden; isolation: isolate; }
.mrc-scroll .camera { position: absolute; left: 0; top: 0; width: 1672px; height: 941px; transform-origin: 0 0; will-change: transform; }
.mrc-scroll .camera picture, .mrc-scroll .camera img { display: block; width: 100%; height: 100%; }
.mrc-scroll .edge-shade { position: absolute; inset: 0; background: linear-gradient(180deg,rgba(9,10,9,.1),transparent 18%,transparent 78%,rgba(9,10,9,.55)); pointer-events: none; }
.mrc-scroll .scale-words, .mrc-scroll .company, .mrc-scroll .work { position: absolute; opacity: 0; visibility: hidden; width: 100%; padding: 0 24px; text-align: center; pointer-events: none; }
.mrc-scroll .scale-words { top: 77%; display: flex; justify-content: center; gap: clamp(14px,5vw,90px); font-size: clamp(9px, .82vw, 12px); letter-spacing: .15em; color: #c5b18a; }
.mrc-scroll .company { top: 78%; }
.mrc-scroll .company h2 { font: 500 clamp(38px,5.5vw,78px)/.95 Cormorant, Georgia, serif; letter-spacing: -.045em; margin: 0; }
.mrc-scroll .company h2 span { color: #c5ac76; }
.mrc-scroll .company p { font-size: clamp(11px,1vw,14px); letter-spacing: .13em; margin: 18px 0 0; color: #b8b5ac; }
/* Naming sits beneath the field; it does not replace the company reveal. */
.mrc-scroll .work { top: 79%; }
.mrc-scroll .work-lines { font: 400 clamp(24px,2.1vw,30px)/1.12 Cormorant,Georgia,serif; letter-spacing: -.012em; margin: 0; }
.mrc-scroll .work-name { font-size: 11px; letter-spacing: .12em; color: #bdb7aa; margin: 18px 0 0; opacity: 0; visibility: hidden; }
/* Same sticky field behind open territory links: no replacement images or card surfaces. */
.mrc-scroll .doors { position: relative; z-index: 1; margin-top: 482.4vh; margin-top: 482.4svh; padding: 0 max(22px,5vw) max(65px,env(safe-area-inset-bottom)); }
.mrc-scroll .doors::before { content: ''; position: absolute; inset: -90px 0 0; background: linear-gradient(180deg,transparent,rgba(9,10,9,.72) 28%,rgba(9,10,9,.94) 100%); pointer-events: none; }
.mrc-scroll .door-grid { position: relative; max-width: 1250px; margin: auto; display: flex; gap: clamp(24px,5vw,90px); }
.mrc-scroll .door { position: relative; flex: 1; min-width: 0; min-height: 260px; text-decoration: none; color: inherit; display: block; text-shadow: 0 2px 16px #000,0 1px 4px #000; }
.mrc-scroll .door-copy { padding: 28px 4px; }
.mrc-scroll .door h2 { font-size: clamp(20px,1.8vw,27px); font-weight: 500; letter-spacing: .10em; margin: 0 0 18px; }
.mrc-scroll .products { color: #d3cec3; font: 400 19px/1.35 Cormorant,Georgia,serif; min-height: 80px; margin: 0 0 16px; }
.mrc-scroll .products span { color: #bfb9ae; font-size: 17px; }
.mrc-scroll .door-link { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 44px; font-size: 12px; color: #e0c99a; border-bottom: 1px solid #827455; }
.mrc-scroll .door:focus-visible, .mrc-scroll .story-link:focus-visible { outline: 2px solid #d1bd91; outline-offset: 6px; }
.mrc-scroll .door:hover .door-link, .mrc-scroll .door:active .door-link, .mrc-scroll .story-link:hover { color: #fff7e3; border-color: #fff7e3; }
.mrc-scroll .door:active { background: rgba(197,172,118,.07); }
.mrc-scroll .story-link { position: relative; display: table; margin: 28px auto 0; padding: 15px 3px; min-height: 44px; color: #c2bcae; text-decoration: none; font-size: 12px; line-height: 1.5; border-bottom: 1px solid #66604f; }
.mrc-scroll .story-link span { margin-left: 18px; }
.mrc-scroll .debug { position: fixed; top: max(10px,env(safe-area-inset-top)); left: 10px; z-index: 5; max-width: calc(100vw - 20px); background: #e7edf1; color: #11202b; border: 1px solid #678394; padding: 10px; font: 11px/1.5 ui-monospace,monospace; }
.mrc-scroll .debug pre { white-space: pre-wrap; font: inherit; }
.mrc-scroll .debug button { min-height: 44px; color: #11202b; background: white; border: 1px solid #678394; padding: 8px; }
.mrc-scroll .debug strong { display: block; margin-top: 8px; }
.debug-bounds .mrc-scroll .camera { outline: 3px dashed #a9d9f3; }
.mrc-scroll [hidden] { display: none !important; }
@media(max-width:600px) {
.mrc-scroll .scale-words { top: 68%; gap: 14px; font-size: 9px; padding: 0 16px; }
.mrc-scroll .company { top: 65%; padding: 0 18px; }
.mrc-scroll .company h2 { font-size: clamp(37px,10.6vw,49px); }
.mrc-scroll .company p { font-size: 10px; letter-spacing: .11em; margin-top: 14px; }
.mrc-scroll .work { top: 65%; }
.mrc-scroll .work-lines { font-size: clamp(25px,7.2vw,30px); }
.mrc-scroll .work-name { font-size: 10px; margin-top: 20px; }
.mrc-scroll .doors { padding: 0 26px 60px; }
.mrc-scroll .door-grid { flex-direction: column; gap: 12px; }
.mrc-scroll .door { min-height: 188px; }
.mrc-scroll .door-copy { padding: 20px 0; }
.mrc-scroll .door h2 { font-size: 23px; margin-bottom: 12px; }
.mrc-scroll .products { min-height: 0; font-size: 18px; margin-bottom: 12px; }
.mrc-scroll .products span { font-size: 17px; }
}
@media(max-height:500px) and (min-width:601px) {
.mrc-scroll .company { top: 79%; }
.mrc-scroll .company h2 { font-size: 39px; }
.mrc-scroll .company p { margin-top: 8px; font-size: 10px; }
.mrc-scroll .work { top: 74%; }
.mrc-scroll .work-lines { font-size: 22px; line-height: 1.05; }
.mrc-scroll .work-name { margin-top: 10px; font-size: 9px; }
.mrc-scroll .door h2 { font-size: 17px; } }
@media(prefers-reduced-motion:reduce) {
.mrc-scroll .camera { will-change: auto; } }

.mrc-scroll { background:#090a09; color:#eee9df; font:400 16px/normal -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.mrc-scroll *, .mrc-scroll *::before, .mrc-scroll *::after { box-sizing:border-box; }
.mrc-scroll .camera img { max-width:none; }
.mrc-scroll .debug { z-index:30; }