@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#343d35;background:#e9e5dc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{height:100svh;min-height:700px;position:relative;overflow:hidden}#scene{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}header{position:absolute;top:36px;left:46px;right:46px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{font-size:13px;letter-spacing:3px;font-weight:700;text-decoration:none;color:inherit;pointer-events:auto}.brand span{color:#9b9f90;margin:0 8px}.edition{font-size:10px;letter-spacing:2px}.intro{position:absolute;top:23%;left:6%;pointer-events:none}.eyebrow,.panel-label{font-size:9px;letter-spacing:2px;font-weight:600}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#788969;margin-right:8px;vertical-align:middle}h1{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(64px,7.2vw,108px);line-height:1.03;letter-spacing:-5px;margin:24px 0}h1 em{font-weight:500;color:#748268}.description{font-size:13px;line-height:1.9;color:#73786d}.facts{display:flex;gap:34px;margin:32px 0}.facts div{display:flex;flex-direction:column;gap:8px}.facts strong{font-family:Georgia,serif;font-size:27px;font-weight:400}.facts strong span{font-size:16px}.facts div>span{font-size:8px;letter-spacing:1.5px;color:#7a7f74}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #748268;outline-offset:5px}.download{pointer-events:auto;display:flex;align-items:center;gap:14px;border:1px solid #aab09f;background:#e9e5dcaa;padding:14px 17px;font-size:12px;border-radius:3px}.download:hover{background:#fff6}.download small{font-size:9px;color:#7a7f74;margin-left:12px}.model-note{font-size:9px;color:#85887f;margin-top:12px}.view-panel{position:absolute;right:38px;bottom:106px;width:225px;padding:22px;background:#f6f5eeaa;border:1px solid #fff9;border-radius:8px;backdrop-filter:blur(16px)}.panel-label{font-size:8px;margin:0 0 20px;letter-spacing:1.4px;color:#7d8375}.row{display:flex;justify-content:space-between;align-items:center;margin:15px 0;font-size:11px}.switch{width:29px;height:17px;border:0;background:#c5c8bc;border-radius:12px;padding:3px;transition:background .2s}.switch span{display:block;width:11px;height:11px;background:white;border-radius:50%;transition:transform .2s}.switch[aria-pressed=true]{background:#738566}.switch[aria-pressed=true] span{transform:translateX(12px)}.views{display:flex;margin-top:23px;border-top:1px solid #c8cdbf;padding-top:15px;gap:3px}.views button{border:0;background:none;font-size:10px;padding:8px;border-radius:3px}.views .selected{background:#dde2d3}.zoom-controls{display:flex;gap:6px;margin-top:10px}.zoom-controls button{border:1px solid #c8cdbf;background:transparent;border-radius:3px;min-width:28px;height:27px;font-size:14px}.zoom-controls #reset{flex:1;font-size:10px}footer{position:absolute;bottom:30px;left:46px;right:46px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;pointer-events:none;color:#7b8274}.hint{font-size:8px;letter-spacing:1.3px}.hint i{font-style:normal;margin:0 10px}.live{color:#58644f;font-size:8px}#status{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);padding:16px 24px;background:#f5f3e9;border-radius:6px;font-size:12px;max-width:80%;text-align:center}#status:empty{display:none}body.night{color:#e6e7d8;background:#111b21}body.night h1 em{color:#d8b77d}body.night .description,body.night footer,body.night .model-note,body.night .facts div>span{color:#adb4aa}body.night .view-panel{background:#263238cc;border-color:#ffffff16}body.night .download{background:#263238aa;border-color:#667164}body.night .views .selected{background:#52604c}body.night .panel-label{color:#b6bcaf}body.night .live{color:#c5cfb9}
@media(max-width:1000px){.intro{left:4%;top:20%}h1{font-size:72px}.view-panel{right:22px;width:205px}.hint{display:none}header,footer{left:25px;right:25px}}
@media(max-width:650px){main{min-height:820px}header{top:22px}.brand{font-size:10px;letter-spacing:2px}.edition{font-size:8px;letter-spacing:0}.intro{top:80px;left:24px}.eyebrow{font-size:7px;letter-spacing:1px}h1{font-size:54px;letter-spacing:-2px;margin:15px 0}.description{font-size:10px}.facts{gap:18px;margin:18px 0}.facts strong{font-size:22px}.facts div>span{font-size:6px}.download{font-size:10px;padding:10px;gap:8px}.download small{margin-left:0}.model-note{max-width:140px;line-height:1.5;font-size:8px}.view-panel{bottom:67px;right:18px;width:190px;padding:15px}.panel-label{font-size:7px}.row{margin:10px 0}.views{margin-top:15px;padding-top:10px}footer{bottom:24px;font-size:7px}.coordinates{max-width:150px;line-height:1.7}}
.site-nav{display:flex;gap:20px;pointer-events:auto}.site-nav a{color:inherit;text-decoration:none;font-size:11px;padding:8px 0;border-bottom:1px solid transparent}.site-nav a[aria-current=page]{border-bottom-color:#748268}.site-nav a:hover{color:#748268}@media(max-width:650px){.site-nav{position:absolute;top:30px;left:0;gap:20px}.site-nav a{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}