:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f4f1e9;background:#111a24}*{box-sizing:border-box}body{margin:0;min-height:100svh;overflow:hidden;background:radial-gradient(ellipse at 65% 32%,#40505c 0,#202f3e 40%,#101923 90%)}[hidden]{display:none!important}#camera,.shade{position:fixed;inset:0;width:100%;height:100%;object-fit:cover}.shade{pointer-events:none;background:linear-gradient(#06101b88,transparent 30%,transparent 60%,#06101baa)}header{position:fixed;z-index:3;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:calc(25px + env(safe-area-inset-top)) 6vw 20px}header a{color:inherit;text-decoration:none;letter-spacing:.25em;font-size:13px;font-weight:600}header a span{display:block;letter-spacing:.04em;font-size:10px;font-weight:400;margin-top:8px;color:#d0d6d9}button{font:inherit;cursor:pointer;border:1px solid #ffffff40;color:inherit;background:#14212a80;border-radius:30px;padding:12px 22px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e5c778;outline-offset:5px}button:hover{background:#ffffff20}.welcome{position:relative;max-width:560px;margin:0 auto;padding: max(150px,20svh) 28px 110px}.eyebrow{color:#d4bd83;letter-spacing:.25em;font-size:10px}h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(45px,8vw,76px);line-height:1.08;letter-spacing:-.035em;margin:25px 0}.welcome>p:not(.eyebrow){line-height:1.8;color:#d2d9dc;font-size:15px;max-width:380px}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;background:#ede7d8;color:#25313b;border:0;margin:30px 0 12px;padding:17px 24px}.primary:hover{background:#fff8e8}.primary span{font-size:23px}.text-button{display:block;border:0;margin:auto;font-size:13px}.welcome .fine{font-size:11px!important;color:#a6b3bd!important;margin-top:22px}footer{position:fixed;bottom:calc(22px + env(safe-area-inset-bottom));left:6vw;right:6vw;font-size:9px;letter-spacing:.15em;color:#a5b2be;display:flex;justify-content:space-between}footer span{letter-spacing:.04em}.guidance{position:fixed;bottom:calc(60px + env(safe-area-inset-bottom));width:100%;text-align:center;text-shadow:0 2px 12px #000}.guidance p{margin:8px}#direction{font-family:Georgia,serif;font-size:20px}#bearing{font-size:12px;color:#d9dedf}.demo-controls{position:fixed;bottom:calc(135px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(85vw,440px);padding:16px 20px;background:#101c28e8;border:1px solid #ffffff25;border-radius:14px;font-size:11px}.demo-controls label{display:flex;justify-content:space-between}.demo-controls input{width:100%;margin:15px 0;accent-color:#e2c780}.demo-controls>div{display:flex;justify-content:space-between;color:#bcc8d2}.notice{position:fixed;z-index:5;top:115px;left:5%;right:5%;max-width:600px;margin:auto;padding:14px 18px;background:#202d39f5;border:1px solid #bda36b;border-radius:12px;font-size:13px;line-height:1.5}@media(max-height:720px){.welcome{padding-top:115px}.welcome h1{font-size:44px;margin:15px 0}.welcome .fine{margin-top:12px}.primary{margin-top:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}


.demo-controls label[for=tilt]{margin-top:15px}


/* Transparent 3:1 image projected as a 12 m wide world plane. */
.banner{position:fixed;top:0;left:0;width:1000px;height:333.3333333333px;transform-origin:0 0;pointer-events:none;will-change:transform;background:transparent}.banner img{display:block;width:100%;height:100%;object-fit:contain}