:root{color:#fff8e8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#17293b}html,body{width:100%;height:100%;overflow:hidden}.experience{background:radial-gradient(circle,#274d5f 0,#17293b 46%,#0d1724 100%);place-items:center;width:100vw;height:100vh;margin:0;padding:0;display:grid;position:relative;overflow:hidden}.title{z-index:5;color:#f5c85b;letter-spacing:-.07em;text-align:center;margin:0;font-size:clamp(3.5rem,10vw,9rem);font-weight:500;line-height:.8;position:relative}.orbit{position:absolute;inset:50% auto auto 50%}.note{width:max-content;max-width:16rem;font:700 .72rem/1 var(--web-shell-mono);letter-spacing:.05em;text-transform:uppercase;transform-origin:50%;background:#0d1724b8;border:1px solid #fff8e861;border-radius:999px;padding:.75rem 1rem;position:absolute;inset:0 auto auto 0;translate:-50% -50%;box-shadow:0 1rem 3rem #0000002e}.speed-note{font:700 .68rem/1.4 var(--web-shell-mono);letter-spacing:.09em;text-transform:uppercase;margin:0;position:absolute;inset-block-end:clamp(1.5rem,4vw,3rem);inset-inline-start:clamp(1.25rem,4vw,4rem)}.notes-control{color:inherit;font:700 .7rem/1 var(--web-shell-sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#0d1724b8;border:1px solid;border-radius:999px;padding:.8rem 1rem;position:absolute;inset-block-end:clamp(1rem,3vw,2rem);inset-inline-end:clamp(1rem,3vw,2rem)}@media (width<=42rem){.note{font-size:.6rem}}@media (prefers-reduced-motion:reduce){.note{transition:none}}