:root{--blue:#3B5AF6;--mint:#20FFE8;--deep:#0B1F55;--light:#77A4FF;--white:#fff;--pad:clamp(24px,3.25vw,56px);color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:var(--white);background:var(--blue)}
*{box-sizing:border-box}html,body{margin:0;min-width:280px}body{overscroll-behavior:none}button{font:inherit}::selection{background:var(--mint);color:var(--deep)}
.page{position:relative;isolation:isolate;width:100%;height:100svh;min-height:440px;overflow:hidden;touch-action:none}
#field{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.masthead,.colophon{position:absolute;left:var(--pad);right:var(--pad);display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:2}
.masthead{top:calc(var(--pad) - 5px)}.wordmark{font-size:24px;letter-spacing:-1.3px;font-weight:800}.masthead h1{font-size:16px;font-weight:400;letter-spacing:-.3px;margin:0}
.brand{position:absolute;left:50%;top:48%;width:min(61vw,910px);aspect-ratio:775/234;transform:translate(-50%,-50%);overflow:hidden;pointer-events:none;user-select:none}
.brand img{position:absolute;max-width:none;width:154.83871%;height:auto;left:-28.645161%;top:-196.153846%;filter:brightness(0) invert(1)}
.colophon{bottom:calc(var(--pad) - 9px);font-size:14px;letter-spacing:-.2px}.instruction{margin:0;line-height:1.5}.touch-hint{display:none}
#motion{border:0;padding:12px 0 12px 18px;background:none;color:inherit;display:flex;gap:10px;align-items:center;cursor:pointer;min-height:44px;white-space:nowrap}#motion:hover{color:var(--mint)}#motion:focus-visible{outline:1px solid var(--mint);outline-offset:6px}.motion-icon{font-size:16px;width:12px;text-align:center}.no-script{position:absolute;bottom:20%;width:100%;text-align:center}
@media(max-width:600px){.brand{width:82vw;top:47%}.masthead h1{font-size:14px}.wordmark{font-size:22px}.colophon{align-items:flex-end;font-size:13px;gap:12px}.instruction{max-width:155px}.masthead{top:26px}.colophon{bottom:22px}}
@media(pointer:coarse){.desktop-hint{display:none}.touch-hint{display:inline}}
@media(max-height:460px) and (min-width:601px){.brand{width:49vw}.masthead{top:18px}.colophon{bottom:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}