/* Touch operates the same cover scene; vertical gestures still scroll the page. */
#home { touch-action: pan-y pinch-zoom; }
.nav-card { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
@media (pointer:coarse) {
  .hub-desktop-hint { display:none; }
  .hub-touch-hint { display:inline; }
}
.intro-start { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:5; padding:14px 25px; border:1px solid #53634955; border-radius:99px; background:#fffef5; color:#354230; font:inherit; }
.intro-start[hidden] { display:none; }
.intro-start:focus-visible { outline:2px solid #354230; outline-offset:5px; }

/* The guide is shown only until the touch device is turned landscape. */
.landscape-guide{position:fixed;inset:0;z-index:100000;background:#f5f3ed;color:#293328;display:grid;place-items:center;text-align:center;padding:7vw;overscroll-behavior:contain;touch-action:manipulation}
.landscape-guide[hidden]{display:none}
.landscape-guide-copy{width:min(90vw,calc(340px / var(--presentation-scale,1)))}
.landscape-guide svg{width:calc(64px / var(--presentation-scale,1));height:auto;fill:none;stroke:#56664c;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.landscape-guide h2{font-size:calc(24px / var(--presentation-scale,1));font-weight:500;line-height:1.5;letter-spacing:0;margin:calc(24px / var(--presentation-scale,1)) 0 calc(12px / var(--presentation-scale,1))}
.landscape-guide p{font-size:calc(14px / var(--presentation-scale,1));line-height:1.9;color:#53604e}
.landscape-guide button{display:block;margin:calc(20px / var(--presentation-scale,1)) auto 0;padding:calc(12px / var(--presentation-scale,1)) calc(20px / var(--presentation-scale,1));font:inherit;font-size:calc(14px / var(--presentation-scale,1));color:#36482b;border:1px solid #76856d;border-radius:99px;background:transparent}
.landscape-guide button[hidden]{display:none}
.landscape-guide button:focus-visible{outline:3px solid #36482b;outline-offset:5px}
html.awaiting-landscape,html.awaiting-landscape body{overflow:hidden!important}
.touch-presentation .nav-card,.touch-presentation .card-stage{touch-action:pan-y pinch-zoom}