@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{color:#e6f3f8;background:#07101d;font-family:DM Mono,monospace}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{overflow:hidden}button,a{font:inherit;color:inherit}button{cursor:pointer}.experience{min-height:100svh;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 51% 43%,#102a46,#081522 38%,#050b14 79%)}.experience:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(126,205,255,.06) 1px,transparent 1px),linear-gradient(rgba(126,205,255,.04) 1px,transparent 1px);background-size:76px 76px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 35%,transparent 95%);mask-image:linear-gradient(to bottom,transparent,black 35%,transparent 95%)}.grain{position:absolute;z-index:4;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}#scene{position:absolute;inset:0;width:100%;height:100%;outline:none;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}.topbar,.intro,.readout,.controls,.footer{position:absolute;z-index:2}.topbar{top:30px;left:34px;right:34px;display:flex;justify-content:space-between;align-items:flex-start;font-size:10px;letter-spacing:.11em;line-height:1.4}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:11px;letter-spacing:.13em;font-weight:500}.brand-mark{color:#77d7ff;font-size:25px;text-shadow:0 0 18px #22a2ff;line-height:1}.specimen{color:#7b9bb1;text-align:right}.specimen strong{font-size:16px;color:#e7f9ff;letter-spacing:0}.intro{top:24%;left:8.5%;width:min(370px,34vw)}.eyebrow{color:#8fdcff;margin:0 0 19px;font-size:10px;letter-spacing:.16em;display:flex;align-items:center;gap:9px}.eyebrow span{width:24px;height:1px;background:#6cd5ff;box-shadow:0 0 8px #6cd5ff}h1{margin:0;font:600 clamp(40px,5.3vw,78px)/.94 "Playfair Display",serif;letter-spacing:-.065em}h1 em{color:#b7eaff;font-weight:500}.lede{margin:24px 0 0;max-width:295px;color:#9bb6c7;font-size:12px;line-height:1.85;letter-spacing:.02em}.readout{right:5%;top:39%;width:170px;border-top:1px solid rgba(147,213,243,.36)}.readout div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid rgba(147,213,243,.18);font-size:9px;letter-spacing:.06em}.readout span{color:#7592a7}.readout b{color:#c7efff;font-weight:500}.readout i{display:inline-block;width:5px;height:5px;background:#5dffcf;border-radius:50%;box-shadow:0 0 8px #5dffcf;margin-right:4px}.controls{left:34px;bottom:74px;display:flex;gap:8px}.control{min-width:100px;padding:11px 13px;border:1px solid rgba(142,195,220,.22);background:#060f1a5c;color:#7d9aac;font-size:10px;letter-spacing:.05em;text-align:left;transition:.25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.control:hover,.control.is-active{color:#e9faff;border-color:#77d7ff;background:#1f74a533;box-shadow:inset 0 0 15px #4fb5ff14,0 0 18px #3096ef14}.glyph{display:inline-block;width:8px;height:8px;margin-right:6px;border:1px solid currentColor;vertical-align:-1px}.orbit-glyph{border-radius:50%}.pulse-glyph{transform:rotate(45deg)}.still-glyph{border-radius:1px}.footer{left:34px;bottom:27px;right:34px;display:flex;justify-content:space-between;color:#638095;font-size:9px;letter-spacing:.1em}.sound-toggle{border:0;padding:0;background:transparent;color:#7f9fb2}.sound-toggle span{display:inline-block;width:5px;height:5px;margin-right:5px;border:1px solid currentColor;border-radius:50%}.sound-toggle.is-on{color:#81e7ff}.sound-toggle.is-on span{background:currentColor;box-shadow:0 0 8px currentColor}.cursor-hint{position:absolute;z-index:2;left:54%;top:61%;color:#a8ecff;font-size:8px;line-height:1.5;letter-spacing:.18em;pointer-events:none;transition:opacity .25s}.cursor-hint:before{content:"";display:inline-block;width:28px;height:28px;margin:0 9px -8px 0;border:1px solid rgba(168,236,255,.55);border-radius:50%}.cursor-hint.is-hidden{opacity:0}@media(max-width:740px){.topbar{top:20px;left:20px;right:20px}.intro{left:20px;top:18%;width:64vw}.readout{display:none}.controls{left:20px;bottom:65px}.control{min-width:auto;padding:10px}.footer{left:20px;bottom:22px;right:20px}.cursor-hint{display:none}h1{font-size:clamp(43px,13vw,68px)}.lede{font-size:11px;max-width:230px}}