:root{font:16px Arial,Helvetica,sans-serif;color-scheme:dark;color:#eeeae0;background:#090e0b;--gold:#c6b589}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;background:none;color:inherit;border:0;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}main{position:relative;min-height:100svh;overflow:hidden;background:radial-gradient(ellipse at 69% 41%,#22372f,#111b15 43%,#070b09 82%)}#lab-world{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y}header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:35px 42px;z-index:2;font-size:14px}header>a:first-child{letter-spacing:.2em;font-weight:600}header>a:last-child{color:#b6bfac}.lab-intro{position:relative;pointer-events:none;margin:40px 6vw 25px;width:35%}.eyebrow{font-size:12px;letter-spacing:.15em;color:var(--gold);margin:0 0 20px}.lab-intro h1{font:400 clamp(40px,4vw,64px)/1.05 Georgia,serif;letter-spacing:-.045em;margin:0 0 22px}.lab-intro>p:last-child{font-size:18px;line-height:1.5;color:#a9b6a2}.experiment{position:relative;z-index:2;width:min(520px,39vw);margin:32px 0 110px 6vw;padding:25px;border:1px solid #ffffff20;background:#0c140feb}.experiment-tabs{display:flex;gap:5px;margin-bottom:30px}.experiment-tabs button{flex:1;font-size:13px;min-height:44px;padding:8px 4px;color:#9eaf97;border-bottom:1px solid #ffffff25}.experiment-tabs button[aria-pressed=true]{color:var(--gold);border-color:var(--gold)}.experiment h2{font:400 30px/1.15 Georgia,serif;letter-spacing:-.025em;margin:0 0 17px}.experiment>p:not(.eyebrow){font-size:16px;line-height:1.6;color:#a7b6a1;margin:0 0 20px}.experiment .eyebrow{margin-bottom:13px}.experiment-sample{min-height:96px;padding:20px;background:#172217;border-left:2px solid var(--gold);font-size:18px;line-height:1.4;display:flex;align-items:center}.try-button{border-bottom:1px solid #c6b58977;min-height:44px;margin-top:13px;font-size:14px;padding:10px 0;color:var(--gold)}.lab-hint{position:absolute;right:7vw;bottom:38px;font-size:12px;letter-spacing:.1em;color:#9ead93;pointer-events:none}#lab-pause{position:absolute;right:42px;top:95px;z-index:3;color:#adbea0;font-size:14px;min-height:44px}#lab-loading{position:absolute;inset:45% 15%;text-align:center;pointer-events:none}.motion-track{width:100%;height:36px;border-bottom:1px solid #ffffff25}.motion-dot{display:block;width:30px;height:30px;background:var(--gold);border-radius:50%}.sample-steps{display:flex;align-items:center;gap:10px;font-size:14px}.sample-steps span{padding-bottom:10px;border-bottom:2px solid #ffffff22}.sample-steps span.active{color:var(--gold);border-color:var(--gold)}
@media(max-width:800px){main{min-height:1100px}header{padding:25px 24px;font-size:12px}.lab-intro{margin:40px 24px 0;width:80%}.lab-intro h1{font-size:43px}.lab-intro>p:last-child{font-size:16px}.experiment{margin:410px 24px 70px;width:calc(100% - 48px);padding:20px}.experiment-tabs{margin-bottom:22px}.experiment h2{font-size:28px}.lab-hint{bottom:25px;left:24px;right:24px;font-size:10px;letter-spacing:.07em}#lab-pause{top:90px;right:24px}#lab-world{height:740px}.lab-intro{pointer-events:none}}