
#site .sp-page{position:relative;height:570px;overflow:hidden;background:#080d10;color:#f1eee5;font-family:Arial,Helvetica,sans-serif;isolation:isolate}
#site canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;touch-action:pan-y}
#site header,#site footer{position:absolute;left:38px;right:38px;display:flex;justify-content:space-between;align-items:center;gap:20px}
#site header{top:32px;padding-right:62px}#site footer{bottom:48px;flex-wrap:wrap}
#site .sp-domain{font-size:15px;letter-spacing:-.4px}#site .sp-edition,#site .sp-kicker{font:10px monospace;letter-spacing:2px;color:#a2aaa7}
#site nav{display:flex;gap:25px;flex-wrap:wrap}#site :is(button,a.contact-link){font:13px Arial,sans-serif;color:inherit;border:0;background:none;padding:12px 0;cursor:pointer}#site :is(button,a.contact-link):hover{color:#b4eec8}#site :is(button,a.contact-link):focus-visible{outline:2px solid #a0e5bb;outline-offset:5px}
#site .sp-tools{display:flex;gap:18px;color:#a2aaa7}#site .sp-tools button{font:11px monospace}#site .sp-machine-caption{position:absolute;top:68%;left:0;right:0;display:flex;justify-content:center;gap:10px;align-items:center;font:12px monospace;color:#9aaba4}
#site .sp-dot{width:5px;height:5px;background:#a2e7b6;border-radius:50%}#site .sp-hint{position:absolute;bottom:20px;left:38px;color:#75877e;font:10px monospace}

#site .sp-world-title{position:absolute;top:31%;left:7%;right:7%;pointer-events:none}#site .sp-world-title nav{pointer-events:auto;margin-top:28px}#site h1{font:400 clamp(45px,8vw,78px)/1.08 Georgia,serif;letter-spacing:-3px;margin:15px 0}#site h1 span{color:#e9af82}#site p{font:15px/1.5 Arial,sans-serif;color:#d1c7bf;margin:0}#site .sp-world .sp-kicker,#site .sp-world .sp-edition{color:#dac0ad}#site .sp-world-label{font:11px monospace;color:#b6aaa3}
@media(max-width:520px){#site .sp-page{height:570px}#site header,#site footer{left:23px;right:23px}#site .sp-edition{display:none}#site footer{gap:12px;bottom:52px}#site .sp-hint{left:23px;font-size:9px}#site nav{gap:23px}#site .sp-world-label{width:100%}#site .sp-world-title{top:32%}#site h1{letter-spacing:-2px}}

html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:#080d10}
*{box-sizing:border-box}
#site{position:fixed;inset:0;overflow:hidden}
#site .sp-page{height:100%;height:100dvh;width:100%;touch-action:none;user-select:none;-webkit-user-select:none}
#site canvas{z-index:0;touch-action:none;pointer-events:none}
#site header,#site footer,#site .sp-machine-caption,#site .sp-hint,#site .sp-world-title{z-index:1}
#site header{top:max(24px,env(safe-area-inset-top));padding-right:0;pointer-events:none}
#site footer{bottom:calc(30px + env(safe-area-inset-bottom))}
#site .sp-machine footer{bottom:calc(56px + env(safe-area-inset-bottom))}
#site .sp-hint{bottom:calc(22px + env(safe-area-inset-bottom));font-size:11px;pointer-events:none}
#site :is(button,a.contact-link){min-height:44px;min-width:44px;touch-action:manipulation}
#site .sp-world-title{top:32%}

#site .sp-tools .sp-scatter{width:72px;height:72px;flex:none;border-radius:50%;border:1px solid #6b947f;background:radial-gradient(circle at 35% 25%,#22382d,#101d17);color:#d9f7e3;font:11px Arial,sans-serif;box-shadow:0 0 22px #8ee3ac0c;transition:transform .2s,box-shadow .2s,border-color .2s}
#site .sp-tools .sp-scatter:hover{border-color:#b2edc5;box-shadow:0 0 24px #8ee3ac25}
#site .sp-tools .sp-scatter:active{transform:scale(.92)}
#site .sp-tools{align-items:center}
#site .sp-machine footer{align-items:center}
@media(max-width:520px){#site .sp-world-title{top:29%}#site .sp-world-label{font-size:11px}#site .sp-machine-caption{font-size:11px}}
@media(max-height:480px){#site header{top:12px}#site .sp-world-title{top:23%}#site h1{font-size:44px;margin:8px 0}#site .sp-world-title nav{margin-top:8px}#site .sp-world footer{bottom:8px}#site .sp-machine footer{bottom:25px}#site .sp-hint{bottom:6px}#site .sp-machine-caption{display:none}}

#site a.contact-link{text-decoration:none;box-sizing:border-box;display:inline-block;text-align:center}
