/* A travel window beside the page purpose; content stays steady and immediately usable. */
.page-intro:has(.page-scene){display:grid;grid-template-columns:1.1fr .9fr;column-gap:48px;align-items:center}
.page-intro:has(.page-scene)>h1{grid-column:1;align-self:end}.page-intro:has(.page-scene)>p{grid-column:1;align-self:start}
.page-scene{grid-column:2;grid-row:1 / 3;position:relative;min-width:0;padding:0 0 20px 24px}
.scene-frames{position:relative;height:300px;overflow:hidden;border-radius:24px 24px 24px 4px;box-shadow:var(--shadow);border:1px solid var(--gold-edge);background:var(--soft)}
.scene-frames img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;opacity:0;animation:scene-journey 24s linear infinite;animation-play-state:paused}
.scene-frames img:first-child{opacity:1}.scene-frames img:nth-child(2){animation-delay:-16s}.scene-frames img:nth-child(3){animation-delay:-8s}
.scene-frames img:only-child{animation-name:scene-drift;animation-direction:alternate;opacity:1}
.about-hero>.page-scene{grid-column:auto;grid-row:auto}.tour-intro>.page-scene{padding-left:16px;margin-top:24px}.tour-intro .scene-frames{height:420px}
@keyframes scene-drift{from{transform:scale(1.02) translateX(-.5%)}to{transform:scale(1.08) translateX(.5%)}}
.page-scene::before{content:'';position:absolute;inset:24px 24px 0 0;border:1px solid var(--gold-edge);border-radius:4px 24px 24px 24px;pointer-events:none}
.page-scene[data-scene-active="1"] .scene-frames img{animation-play-state:running}
.page-scene[data-scene-ready="0"] .scene-frames img{animation:none;opacity:0}.page-scene[data-scene-ready="0"] .scene-frames img.scene-fallback{opacity:1}
.page-motion-toggle{position:absolute;right:12px;bottom:32px;z-index:2;min-height:44px;padding:8px 14px;border:1px solid var(--edge);border-radius:12px;background:var(--quiet-glass);color:var(--ink);box-shadow:var(--shadow);backdrop-filter:blur(16px);font-size:.8rem;font-weight:650}
[data-theme=dark] .scene-frames img{filter:brightness(.82) saturate(.92)}
@keyframes scene-journey{0%,27%{opacity:1;transform:scale(1.04) translateX(-1%)}33%,94%{opacity:0;transform:scale(1.1) translateX(1%)}100%{opacity:1;transform:scale(1.04) translateX(-1%)}}
.arrival-reveal.is-arrived{animation:page-arrival .65s cubic-bezier(.16,1,.3,1) both}
@keyframes page-arrival{from{transform:translateY(16px);opacity:.65}to{transform:none;opacity:1}}
[data-motion=off] .scene-frames img{animation:none;opacity:0;transform:none}[data-motion=off] .scene-frames img:first-child{opacity:1}
[data-motion=off] .arrival-reveal.is-arrived{animation:none}
@media(max-width:999px){.page-intro:has(.page-scene){column-gap:24px;grid-template-columns:1fr 1fr}.scene-frames{height:280px}.page-scene{padding-left:16px}.page-scene::before{right:16px}}
@media(max-width:700px){.page-intro:has(.page-scene){display:block}.page-scene{margin-top:24px}.scene-frames,.tour-intro .scene-frames{height:220px}.page-intro:has(.page-scene)>h1{font-size:2.65rem}}
@media(prefers-reduced-motion:reduce){.scene-frames img{animation:none;opacity:0;transform:none}.scene-frames img:first-child{opacity:1}.arrival-reveal.is-arrived{animation:none}}