@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@300;400;500;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;background:#eeeae2;color:#283b3b;font-family:'DM Sans',sans-serif;overflow:hidden;transition:color 1s}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #c76c45;outline-offset:4px}#scene{position:fixed;inset:0}#scene canvas{display:block;touch-action:none}header{height:100px;position:fixed;top:0;left:4%;right:4%;display:flex;align-items:center;gap:22px;border-bottom:1px solid #73817a28;z-index:2}.brand{font-size:13px;font-weight:800;letter-spacing:2px;color:inherit;text-decoration:none;display:flex;align-items:center;gap:9px}.brandmark{font-size:30px;margin-right:8px}.brandlight{font-weight:400;letter-spacing:1px;opacity:.6}.edition{margin-left:auto;font-size:9px;letter-spacing:1.6px;display:flex;align-items:center;gap:18px}.edition i{height:4px;width:4px;background:#b66d51;border-radius:50%}#fullscreen{border:0;background:transparent;font-size:25px;margin-left:12px}.intro{position:fixed;top:18%;left:6%;pointer-events:none;z-index:1}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2.2px;display:flex;align-items:center;gap:10px}.eyebrow span{height:6px;width:6px;border-radius:50%;background:#c47756}h1{font-family:'Manrope',sans-serif;font-size:clamp(34px,4.1vw,66px);font-weight:500;line-height:1.15;letter-spacing:-3px;margin:24px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#a47153;letter-spacing:-2px}.description{font-size:12px;line-height:1.9;opacity:.65}.location{position:fixed;left:6%;bottom:22%;display:flex;align-items:center;gap:14px;font-size:10px;font-weight:700;letter-spacing:1.3px}.location span:not(.cross){display:block;font-size:7px;letter-spacing:1px;font-weight:400;opacity:.6;margin-top:7px}.cross{font-size:26px;color:#b2785c;font-weight:300}.controls{position:fixed;left:50%;bottom:93px;transform:translateX(-50%);display:flex;align-items:center;gap:7px;padding:9px;border:1px solid #fff8;border-radius:14px;background:#faf9f3d6;box-shadow:0 12px 35px #344d4712;backdrop-filter:blur(18px);z-index:3;color:#42534f;white-space:nowrap}.controls button{height:35px;min-width:35px;border:0;border-radius:8px;background:transparent;font-size:20px;transition:background .25s}.controls button span{font-size:10px;margin:0 7px}.controls button:hover{background:#d6dfd74d}.controls .active,.controls button[aria-pressed="true"]{background:#e3e8de}.mode{display:flex;gap:3px}.divider{width:1px;height:22px;background:#657b6b25;margin:0 5px}.hint{position:fixed;bottom:66px;text-align:center;width:100%;font-size:7px;letter-spacing:1.6px;opacity:.5}.hint span{padding:0 12px}.scene-label{position:fixed;right:6%;bottom:22%;font-size:8px;letter-spacing:1.4px;display:flex;align-items:center;gap:8px}.live{width:5px;height:5px;border-radius:50%;background:#6d967b;box-shadow:0 0 0 4px #6d967b15}footer{position:fixed;bottom:0;left:4%;right:4%;height:47px;border-top:1px solid #73817a28;display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:1.6px;opacity:.65}.footer-right{display:flex;align-items:center;gap:15px}.line{height:1px;width:40px;background:#70817770}#loading{position:fixed;left:50%;top:56%;padding:15px 25px;border-radius:10px;background:#f4f0e9;color:#52615a;font-size:12px;transform:translate(-50%,-50%)}body.dark{color:#d1dadd}body.dark h1 em{color:#d5a580}body.dark .controls{background:#21333ce6;color:#d1dadd;border-color:#afc1ce25}body.dark .controls .active,body.dark .controls button[aria-pressed="true"]{background:#46606b80}@media(max-width:800px){header{height:70px}.brand{font-size:10px;letter-spacing:1px}.brandmark{font-size:24px}.edition{display:none}#fullscreen{margin-left:auto}.intro{top:12%;left:7%}h1{font-size:39px;letter-spacing:-2px;margin:15px 0}.description{font-size:10px}.eyebrow{font-size:7px}.location{bottom:23%;left:7%;font-size:8px}.location span:not(.cross){font-size:6px}.scene-label{display:none}.controls{bottom:83px;gap:2px;padding:7px}.controls button span{font-size:9px;margin:0 4px}.divider{margin:0 3px}.hint{bottom:59px;font-size:6px}.footer-right{display:none}footer{height:36px;font-size:6px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Cinematic edition */
.intro{top:16%;left:5%;max-width:310px}h1{font-size:clamp(32px,3.4vw,53px);letter-spacing:-2.5px}.description{font-size:11px}.location{left:5%;bottom:23%}.view-controls{position:fixed;right:4.5%;top:135px;display:flex;flex-direction:column;align-items:flex-end;gap:9px;z-index:3}.view-controls button{background:none;border:0;color:inherit;opacity:.45;font-size:9px;letter-spacing:1px;padding:7px 0;transition:opacity .2s}.view-controls button:hover,.view-controls button.selected{opacity:1}.view-controls button.selected:before{content:'—';margin-right:10px;color:#daa277}.view-controls #quality{font-size:8px;margin-top:12px;opacity:.7;border-top:1px solid #8baca92b;padding-top:14px}.scene-label{bottom:23%}.controls{bottom:90px}body.dark{background:#142c3b}body.dark header,body.dark footer{border-color:#94b2c41a}body.dark .brandmark{color:#e4bb8c}body.dark .eyebrow{color:#b7c6cd}body.dark h1{color:#e5eaeb}body.dark .controls{background:#142933c9;box-shadow:0 12px 40px #031a2b40}.controls button:hover{color:#c68d60}@media(max-width:800px){.intro{top:12%;left:7%;max-width:240px}h1{font-size:35px}.description{font-size:9px}.view-controls{top:auto;right:0;bottom:139px;width:100%;flex-direction:row;justify-content:center;gap:15px}.view-controls button{font-size:7px}.view-controls #quality{position:fixed;right:6%;top:85px;border:0;margin:0;padding:0;font-size:7px}.view-controls button.selected:before{display:none}.location{display:none}.controls{bottom:79px}}