.showroom-home .site-header{position:absolute;inset:0 0 auto;border:0;background:linear-gradient(#fbf7eae8,transparent);backdrop-filter:none}
.showroom-home .brand-mark{mix-blend-mode:multiply}.showroom-home .nav-cta{background:#292b25;color:white}
.experience{position:relative;background:#eee9df}
.stage{position:relative;width:100%;height:100vh;height:100svh;overflow:hidden;isolation:isolate;background:#e7dfd1}
.scroll-cue{position:absolute;z-index:2;bottom:max(22px,4svh);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;font:600 11px/1.3 Manrope,Arial,sans-serif;letter-spacing:.11em;color:#322c22;background:#f8f4e6df;border-radius:32px;padding:9px 16px;white-space:nowrap}
.scroll-cue i{width:6px;height:6px;border:solid #76644b;border-width:0 1px 1px 0;transform:rotate(45deg) translateY(-1px)}
.scene-notes{display:grid;grid-template-columns:repeat(4,1fr);padding:36px 4vw;gap:28px}.scene-notes article{max-width:340px}.scene-notes small{font:700 10px Manrope,Arial,sans-serif;letter-spacing:.17em;color:#756243}.scene-notes h2{font:normal clamp(24px,2.6vw,38px)/1.05 Georgia,serif;letter-spacing:-.045em;margin:9px 0}.scene-notes p{font-size:14px;line-height:1.5;margin:0;color:#57534b}
.scene-quote{display:inline-block;margin-top:15px;border-bottom:1px solid #987b54;font-size:13px;font-weight:700}
.experience.is-live{height:540vh;height:540svh}.is-live .stage{position:sticky;top:0}
.is-live .scene-notes{display:block;position:sticky;bottom:0;height:0;margin:0;padding:0;z-index:3}
.is-live .scene-notes article{position:absolute;bottom:clamp(28px,7svh,88px);left:clamp(20px,5vw,90px);padding:19px 24px 21px;border-left:2px solid #af956e;background:#faf7efed;max-width:min(340px,85vw);box-shadow:0 6px 32px #30291e16;opacity:0}
.after-scene .hero-copy{padding:76px max(28px,8vw);max-width:1300px;margin:auto}.after-scene .hero-copy h1{margin:16px 0;font-size:clamp(56px,7vw,95px)}.after-scene .hero-index{display:none}
@media(max-width:760px){.showroom-home .site-header .nav{height:62px}.scene-notes{grid-template-columns:1fr;padding:30px 24px}.is-live .scene-notes article{bottom:18px;left:14px;right:14px;max-width:none;padding:14px 18px}.scene-notes h2{font-size:25px}.scene-notes p{font-size:13px}.after-scene .hero-copy{padding:54px 24px}.stage .scroll-cue{bottom:20px}}
.is-live .scene-notes{position:absolute;inset:0;height:100%;width:100%;pointer-events:none}.is-live .scene-notes article:not([inert]) .scene-quote{pointer-events:auto}
.photo-wash{position:absolute;inset:-12%;background:linear-gradient(#eae5dd70,#eae5dd70),url("/assets/flagship-product.webp") center/cover;filter:blur(48px);opacity:.72;pointer-events:none}
.photo-field{position:absolute;inset:72px 0 48px;display:grid;place-items:center;pointer-events:none}
.pod-photograph{display:block;width:auto;height:auto;max-width:100%;max-height:100%;aspect-ratio:690/790;object-fit:contain;transform-origin:var(--focus-x,50%) var(--focus-y,50%);transform:scale(var(--zoom,1));will-change:transform}
.scene-notes{grid-template-columns:repeat(auto-fit,minmax(min(100%,205px),1fr))}.scene-notes h3{font:600 14px/1.4 Manrope,Arial,sans-serif;margin:4px 0}.scene-notes article:first-child h2{font-size:clamp(42px,5vw,68px);margin:6px 0}.scene-notes h2 span{font-size:.55em}.is-live .stage{overflow:hidden}.is-live .scene-notes article{max-width:min(310px,87vw)}
@media(max-width:760px){.photo-field{inset:62px 0 42px}.is-live .scene-notes article{bottom:max(10px,env(safe-area-inset-bottom));max-width:none}.scene-notes{grid-template-columns:1fr}.scene-notes article:first-child h2{font-size:38px}.scene-notes h3{margin:1px 0 4px}}
@media(prefers-reduced-motion:reduce){.pod-photograph{transform:none;will-change:auto}}
.photo-field{grid-template: minmax(0,1fr) / minmax(0,1fr)}.photo-field .pod-photograph{width:min(100%,calc((100svh - 120px)*.87341772));height:auto;max-height:none}@media(max-width:760px){.photo-field .pod-photograph{width:min(100%,calc((100svh - 104px)*.87341772))}}