.moon-lab{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:center;background:radial-gradient(ellipse at 80% 55%,#49305270,transparent 57%),#17121f;padding-top:85px;padding-bottom:90px;overflow:hidden}.moon-lab:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#c7b0ec66,#d9f99d55,transparent)}.moon-copy{position:relative;z-index:1}.moon-copy h2{font-size:clamp(45px,4.4vw,67px);line-height:1.08}.moon-copy h2 em{color:var(--lilac)}.moon-copy>p:not(.eyebrow){max-width:480px;color:#c9bed2;font-size:16px;margin-top:22px}.moon-copy .moon-lead{font-size:21px!important;color:var(--cream)!important;line-height:1.55}.moon-copy>.button{margin-top:30px;min-height:54px}.moon-principles{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.moon-principles span{border:1px solid #bda2d52b;padding:6px 10px;border-radius:30px;font-size:11px;color:#c9bed2}.moon-stage{height:530px;position:relative;isolation:isolate;max-width:680px;margin:auto}.moon-halo{position:absolute;inset:14% 12%;border-radius:50%;background:radial-gradient(ellipse,#a379b632,transparent 70%);border:1px solid #c7b0ec12;transform:rotate(-25deg);pointer-events:none}.moon-halo:after{content:'';position:absolute;inset:10% -10%;border:1px solid #d9f99d15;border-radius:50%;transform:rotate(50deg)}#moon-canvas{width:100%;height:100%;display:block;position:relative;cursor:grab;touch-action:pan-y;opacity:0;transition:opacity .5s;outline-offset:-6px}#moon-canvas:active{cursor:grabbing}#moon-canvas[data-mode=reveal]{cursor:crosshair;touch-action:none}.moon-stage[data-state=ready] #moon-canvas{opacity:1}.moon-poster{position:absolute;inset:0;object-fit:contain;width:100%;height:100%;pointer-events:none;transition:opacity .4s}.moon-stage[data-state=ready] .moon-poster{opacity:0}.moon-mark{position:absolute;left:0;top:15px;font:11px/1.8 Manrope;letter-spacing:.22em;color:#baadca;pointer-events:none}.moon-mark em{font:italic 14px Georgia;letter-spacing:0}.moon-status{position:absolute;bottom:0;left:15px;right:15px;text-align:center;color:#b9aac7;font-size:12px;pointer-events:none}.moon-controls{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:22px}.moon-controls button{border:1px solid #c7b0ec4a;background:#21192c;color:#e4dbea;border-radius:40px;padding:11px 16px;font-size:13px;min-height:44px;transition:background .25s,box-shadow .25s}.moon-controls button[aria-pressed=true]{background:#d9f99d;color:#21192c;border-color:#d9f99d}.moon-controls button:hover{box-shadow:0 0 20px #c7b0ec22}.moon-controls button:focus-visible{outline:3px solid #c7b0ec;outline-offset:3px}#moon-instructions{font-size:12px;color:#b9aac7;text-align:center;margin:14px auto 0;max-width:450px}.moon-controls button:disabled{opacity:.4;cursor:default}@media(max-width:1000px){.moon-lab{gap:20px}.moon-stage{height:450px}.moon-copy h2{font-size:47px}.moon-copy .eyebrow{font-size:10px}}@media(max-width:700px){.moon-lab{grid-template-columns:1fr;padding-top:55px;padding-bottom:55px;gap:15px}.moon-copy h2{font-size:46px}.moon-copy .moon-lead{font-size:19px!important}.moon-copy>p:not(.eyebrow){font-size:15px}.moon-principles{gap:7px;margin-top:20px}.moon-principles span{font-size:10px}.moon-stage{height:390px;margin-top:20px}.moon-mark{font-size:9px;top:5px}.moon-mark em{font-size:11px}.moon-controls{gap:6px;margin-top:12px}.moon-controls button{font-size:12px;padding:10px 13px}.moon-status,#moon-instructions{font-size:11px}.moon-exhibit{min-width:0}}@media(prefers-reduced-motion:reduce){#moon-canvas,.moon-poster,.moon-controls button{transition:none}}
.moon-principles span{font-size:12px}.moon-controls button{font-size:14px}#moon-instructions{font-size:13px}@media(max-width:700px){.moon-principles span{font-size:11px}.moon-controls button{font-size:13px}#moon-instructions,.moon-status{font-size:12px}}