@font-face{font-family:Hanken;src:url('../../assets/hanken.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;font-family:Hanken,Arial,sans-serif;background:#070908;color:#e9f5ee;--ink:#e9f5ee;--dim:#a6b8ac;--header-height:70px}
*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input{font:inherit}
.globe-header{position:absolute;z-index:2;top:0;left:0;width:100%;height:var(--header-height);padding:20px 4vw;display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none}
.globe-header a{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:23px;font-weight:700;letter-spacing:-1px;pointer-events:auto}
.globe-header>span{font-size:12px;color:var(--dim)}
.globe-hero{position:relative;min-height:100svh;overflow:hidden;padding-bottom:24px}
.globe-stage{position:relative;width:100%;height:max(380px,calc(100svh - 220px));-webkit-user-select:none;user-select:none}
.globe-poster{display:block;width:100%;height:100%;padding-top:50px;object-fit:contain}
.globe-copy{position:relative;text-align:center;padding:0 20px;pointer-events:none}
h1{margin:0 0 10px;font-size:clamp(25px,3vw,40px);line-height:1.08;font-weight:550;letter-spacing:-1.2px}
.globe-copy p{margin:0;color:var(--dim);font-size:14px;line-height:1.5}
.globe-controls{display:grid;justify-items:center;gap:12px;position:relative;margin:18px auto 0;padding:0 20px}
.control-row{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}
.glass-control{min-height:44px;padding:0 17px;color:var(--ink);font-size:13px;background:#17251e;cursor:pointer}
.glass-control:disabled{opacity:.55;cursor:default}
.glass-control[aria-pressed=true]{border-color:#b8ebce}
.touch-control{display:none}
.zoom-control{display:grid;grid-template-columns:auto minmax(100px,190px) 44px;gap:10px;align-items:center;font-size:12px;color:var(--dim)}
.zoom-control input{width:100%;height:32px;margin:0;accent-color:#c6f1d7;cursor:pointer}
.zoom-control output{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink)}
.globe-status{min-height:18px;max-width:460px;margin:0;text-align:center;color:var(--dim);font-size:12px;line-height:1.5}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #b4ffcf;outline-offset:5px}
@media(max-width:760px){:root{--header-height:64px}.globe-header{padding:17px 20px}.globe-header a{font-size:20px}.globe-header>span{font-size:10px}.globe-stage{height:max(300px,calc(100svh - 285px))}.globe-copy p{max-width:280px;margin:auto}.touch-control{display:inline-flex}.globe-controls{padding:0 12px;gap:10px}.control-row{gap:7px}.glass-control{padding:0 13px;font-size:12px}.globe-status{max-width:290px}}
@media(pointer:coarse){.touch-control{display:inline-flex}}
@media(prefers-reduced-motion:reduce){button{transition:none}}