/* Override the old nested grid only on the demo page. */
.layer-demo-page .handoff{display:block;padding:28px;margin:24px 0;border:1px solid #2d425a;border-radius:16px;background:#15283c;min-height:0!important}
.layer-demo-page .handoff-stage{display:grid;grid-template-columns:210px minmax(0,1fr);gap:30px;align-items:center}
.layer-demo-page .handoff-stage>video{grid-column:auto;grid-row:auto;width:210px;height:175px;object-fit:contain;margin:0;mask-image:radial-gradient(ellipse 68% 73% at 50% 42%,#000 35%,transparent 78%)}
.layer-demo-page .handoff-stage>div{grid-column:auto;grid-row:auto}.layer-demo-page .handoff h3{font:500 28px/1.2 Manrope,sans-serif;margin:8px 0 16px;letter-spacing:-.025em}
.layer-demo-page .handoff #handoff-caption{font-size:16px;line-height:1.7;min-height:0;margin:0;color:#f6bd8b}.layer-demo-page .handoff>small{font-size:11px;margin-top:20px;color:#a7b6cc}
.layer-demo-page .handoff .arrival-hint{margin:16px 0 0;color:#dbe6f0;font-size:14px;line-height:1.7}.layer-demo-page .handoff .arrival-intro-controls{min-height:0;display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.layer-demo-page .handoff .arrival-intro-controls button{margin:0;border-radius:8px;font-size:13px;padding:10px 15px;min-height:44px}.layer-demo-page .handoff .arrival-intro-controls button:first-child{background:#f4ac70;color:#142234;border-color:#f4ac70}
.mobile-tour-stage{display:none}.pc-monitor-frame{scroll-margin-top:120px}
@media(max-width:1000px),(pointer:coarse){.layer-demo-page .handoff-stage{grid-template-columns:1fr;gap:10px}.layer-demo-page .handoff-stage>video{width:200px;height:165px;margin:auto}.layer-demo-page .handoff{padding:20px;margin:18px 0}.layer-demo-page .handoff h3{font-size:24px}.layer-demo-page .handoff #handoff-caption{font-size:15px}.layer-demo-page .handoff .arrival-intro-controls{display:grid;grid-template-columns:1fr 1fr}.layer-demo-page .handoff .arrival-intro-controls button{padding:10px 7px}.layer-demo-page .pc-monitor-caption{display:none!important}.mobile-tour-stage:not([hidden]){display:block;padding:20px;border:1px solid #49647e;border-radius:12px;background:#15283c;margin:14px 0 25px}.mobile-tour-heading{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#f4ac70}.mobile-tour-stage h3{font:500 22px/1.25 Manrope,sans-serif;margin:13px 0}.mobile-tour-stage p{font-size:15px;line-height:1.7;color:#dce6ef;margin:0;min-height:80px}.mobile-tour-progress{display:flex;gap:5px;margin:20px 0 15px}.mobile-tour-progress i{height:3px;background:#30485f;flex:1}.mobile-tour-progress i.filled{background:#f4ac70}.mobile-tour-actions{display:flex;flex-wrap:wrap;gap:8px}.mobile-tour-actions button{min-height:44px;padding:10px 13px;border:1px solid #58738d;border-radius:7px;background:transparent;color:#edf2f7;font:13px 'DM Sans',sans-serif;cursor:pointer}.mobile-tour-actions button:first-child{background:#f4ac70;color:#142234;border-color:#f4ac70}.mobile-tour-actions button:focus-visible{outline:2px solid #f4ac70;outline-offset:3px}.mobile-tour-stage small{display:block;margin-top:14px;font-size:10px;color:#acbdd0}}
@media(prefers-reduced-motion:reduce){.mobile-tour-stage *{transition:none!important;animation:none!important}}