@font-face{font-family:Elektoral;src:url('./assets/display.woff2') format('woff2');font-display:swap;font-weight:300 700}
:root{font-family:Elektoral,Arial,sans-serif;color:#f5eeef;background:#08080c;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{isolation:isolate}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid #ff687d;outline-offset:6px}::selection{background:#ff3f59;color:#fff}.scene-backdrop{position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse at 50% 50%,#38081840,transparent 70%);pointer-events:none}#globe{display:block;width:100%;height:100%;mix-blend-mode:screen}.scene-backdrop:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 38%,#08080c66 80%,#08080cd9);pointer-events:none}.header{position:fixed;z-index:3;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:34px 42px;pointer-events:none}.brand{display:flex;align-items:center;gap:9px;letter-spacing:-1px;font-size:24px;font-weight:650;pointer-events:auto}.brand>span{margin-left:-9px;color:#ff455e}.status{display:flex;align-items:center;gap:9px;font:8px ui-monospace,monospace;letter-spacing:2px;color:#c799a5}.status i{width:5px;height:5px;background:#ff455e;border-radius:50%;box-shadow:0 0 12px #ff455e}.visual{position:fixed;inset:0;display:grid;place-items:center;cursor:grab;touch-action:pinch-zoom;outline:none;user-select:none;-webkit-user-select:none}.visual.dragging{cursor:grabbing}.visual:focus-visible:after{content:'';position:absolute;inset:14px;border:1px dashed #ff455e44;pointer-events:none}.centerpiece{position:relative;width:100%;text-align:center;perspective:1000px;pointer-events:none}.centerpiece:before{content:'';position:absolute;inset:-70px 8%;background:radial-gradient(ellipse,#08080cba,transparent 68%);filter:blur(20px);z-index:-1}h1{display:flex;justify-content:center;gap:.23em;margin:0;font-size:clamp(72px,12.7vw,205px);font-weight:500;letter-spacing:-.075em;line-height:1.06;transform-style:preserve-3d;will-change:transform;text-shadow:0 4px 44px #09060eaa}.word{white-space:nowrap;display:inline-flex}.letter{display:inline-block;will-change:transform;transform-origin:50% 75%}.word-red{color:#ff405b;text-shadow:0 0 70px #f715452e,0 5px 35px #11020dcc}.title-orbit{position:absolute;inset:-35px 9%;pointer-events:none}.title-orbit span{position:absolute;width:7px;height:7px;border:1px solid #ff7c8c66}.title-orbit span:first-child{left:0;top:0;border-right:0;border-bottom:0}.title-orbit span:last-child{right:0;bottom:0;border-left:0;border-top:0}.edge-marker{position:absolute;top:50%;font:8px ui-monospace,monospace;letter-spacing:2px;color:#b87989;opacity:.65}.edge-left{left:27px;writing-mode:vertical-rl;transform:rotate(180deg) translateY(50%)}.edge-right{right:27px;writing-mode:vertical-rl;transform:translateY(-50%)}.footer{position:fixed;z-index:3;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:28px 42px;pointer-events:none}.interaction-hint{display:flex;align-items:center;gap:10px;font:7px ui-monospace,monospace;letter-spacing:1.7px;color:#b48e99}.hint-dot{height:4px;width:4px;background:#e75870;border-radius:50%}[hidden]{display:none!important}.touch-hint{display:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1700px){h1{font-size:12vw}}
@media(max-width:900px){.interaction-hint{font-size:6px;letter-spacing:1px}.footer,.header{padding-left:26px;padding-right:26px}.edge-left{left:15px}.edge-right{right:15px}}
@media(max-width:600px){.header{padding:25px 22px}.brand{font-size:21px}.brand img{width:24px;height:24px}.status{font-size:6px;letter-spacing:1px;gap:6px}h1{flex-direction:column;align-items:center;gap:0;font-size:clamp(76px,24vw,144px);line-height:1.01;letter-spacing:-.075em}.centerpiece:before{inset:-30px 2%}.title-orbit{inset:-28px 12%}.edge-marker{font-size:6px;letter-spacing:1.5px}.footer{padding:22px;align-items:flex-end;height:100px}.interaction-hint{font-size:6px;letter-spacing:.9px;max-width:200px;padding-bottom:13px}.touch-hint{display:inline}.desktop-hint{display:none}.scene-backdrop:after{background:radial-gradient(ellipse,transparent 35%,#08080cb0 100%)}}
@media(max-height:500px) and (min-width:601px){.header{padding-top:18px}.footer{padding-bottom:15px}h1{font-size:16vh}.title-orbit{inset:-20px 15%}.edge-marker{font-size:6px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}h1,.letter{will-change:auto}}

.scene-fallback{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 65%,#6c0b293a,transparent 50%),radial-gradient(ellipse at 80% 35%,#ff24452a,transparent 45%)}
.webgl-ready .scene-fallback{display:none}.visual{cursor:default;touch-action:pinch-zoom}.footer{justify-content:center}.centerpiece:before{background:radial-gradient(ellipse,#08080cd0,transparent 68%)}

/* Text-only technical wordmark. */
.brand{gap:0;font-family:Elektoral,ui-monospace,monospace;font-size:22px;font-weight:600;letter-spacing:.055em;text-transform:uppercase;transform:skewX(-7deg);text-shadow:0 0 22px #ff375d18}
.brand>span{margin-left:2px;color:#ff4868;letter-spacing:.035em;text-shadow:0 0 18px #ff375d55}
@media(max-width:600px){.brand{font-size:17px;letter-spacing:.025em}.brand>span{margin-left:1px}}