.microscope-home{background:radial-gradient(ellipse at 46% 46%,#101d24,#02060a 69%);overflow-x:hidden}.microscope-stage{padding:26px 5% 14px;max-width:1600px;margin:auto;transition:filter 1.2s,opacity 1.2s}.field-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1260px;margin:auto}.field-heading h1{font-size:36px;letter-spacing:-.04em;margin:8px 0 0}.field-tools{text-align:right}.field-tools button{padding:9px 15px;border:1px solid #84e5e459;border-radius:30px;color:#c4eeee;font-size:14px}.field-tools button[aria-pressed=true]{background:#84e5e420}.field-tools p{font-size:13px;color:var(--muted);margin:10px 0 0}.optics-layout{position:relative;max-width:1160px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:30px;padding:22px 0 30px}.optics{position:relative;flex:none;width:min(70vw,calc(100svh - 255px));min-width:440px;max-width:880px;aspect-ratio:1;border-radius:50%;padding:8px;border:1px solid #81ccd436;box-shadow:0 0 0 6px #17283055,0 0 0 7px #6da7b01a,0 0 0 16px #03080bcc,0 0 0 17px #649ca31c,0 0 80px #52909914}.lens-surface{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 40% 38%,#173f47 0%,#112c35 43%,#07151d 70%,#02070b 100%)}.specimen-plane{position:absolute;inset:0;transform:scale(1);transition:transform .9s,filter .9s,opacity .9s}.lens-vignette{position:absolute;inset:0;pointer-events:none;border-radius:50%;box-shadow:inset 0 0 50px 20px #000a,inset 0 0 12px 4px #000;z-index:5;background:radial-gradient(circle,transparent 58%,#0004 79%,#000c 100%)}.reticle{position:absolute;left:50%;width:1px;height:9px;background:#8bd3dc66}.reticle.top{top:-15px}.reticle.bottom{bottom:-15px}.ambient-cell{position:absolute;left:var(--x);top:var(--y);width:var(--s);mix-blend-mode:screen;pointer-events:none;animation:suspended 23s ease-in-out infinite alternate;animation-delay:var(--delay);opacity:.36;filter:blur(.7px);transform:rotate(var(--turn));z-index:0}.ambient-cell.depth-1{opacity:.23;filter:blur(3px);animation-duration:31s}.ambient-cell.depth-2{opacity:.18;filter:blur(5px);animation-duration:38s}.specimen{position:absolute!important;left:calc(var(--x) - var(--s)/2)!important;top:calc(var(--y) - var(--s)/2)!important;right:auto!important;bottom:auto!important;width:var(--s)!important;min-width:48px;aspect-ratio:1;z-index:3;display:block;animation:specimen-float 13s ease-in-out infinite alternate;animation-delay:var(--delay);outline-offset:0;border-radius:50%}.specimen img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;transition:scale .35s,filter .35s}.specimen:hover,.specimen:focus-visible{animation-play-state:paused;z-index:7}.specimen:hover img,.specimen:focus-visible img{scale:1.09;filter:drop-shadow(0 0 10px #a3eeff4d)}.specimen-label{position:absolute;left:50%;top:91%;transform:translateX(-50%);width:max-content;max-width:210px;padding:7px 11px;background:#04101be8;border:1px solid #9ae2e94a;border-radius:3px;text-align:center;line-height:1.35;color:#f0ffff;font-size:14px;opacity:0;transition:opacity .2s;pointer-events:none;box-shadow:0 4px 18px #0006}.specimen-label small{display:block;font-size:10px;color:#b2c7cf;margin-top:4px}.labels-visible .specimen-label,.specimen:hover .specimen-label,.specimen:focus-visible .specimen-label{opacity:1}.specimen.blast{animation-duration:19s}.specimen.wbc{animation-duration:17s}.specimen.sickle img{rotate:-15deg}.instrument-rail{width:185px;flex:none;display:flex;flex-direction:column;align-items:center;gap:60px}.satellite{display:flex;align-items:center;text-align:center;flex-direction:column;width:100%;position:relative}.satellite-kicker{font-family:monospace;font-size:10px;line-height:1.7;letter-spacing:.13em;color:#b1bfd7;max-width:180px;margin-bottom:12px}.virus-viewport{width:155px;height:155px;border:1px solid #ab9de759;border-radius:50%;padding:9px;background:radial-gradient(circle,#29224177,#050a11);box-shadow:0 0 0 5px #a995db09}.virus-viewport img{width:100%;mix-blend-mode:screen;animation:specimen-float 12s infinite alternate ease-in-out}.satellite strong{font-weight:500;font-size:16px;margin-top:14px;display:block}.satellite small{font-size:11px;color:var(--muted);margin-top:6px;display:block}.satellite:hover strong{color:var(--cyan)}.tube-window{border-top:1px solid var(--line);padding-top:16px}.tube-window>img{height:160px;width:160px;object-fit:contain;mix-blend-mode:screen;transition:transform .3s}.tube-window:hover>img{transform:translateY(-5px)}.microscope-footer{display:flex;justify-content:space-between;gap:20px;color:#8da4af;font-size:11px;line-height:1.6;padding-top:15px;border-top:1px solid var(--line)}.microscope-footer span:first-child{font-family:monospace;letter-spacing:.12em}.welcome-layer{position:absolute;z-index:20;inset:80px 0 0;min-height:calc(100svh - 80px);display:grid;place-items:center;background:radial-gradient(ellipse,#02080ce8 5%,#02080c95 44%,#02080c22 75%);transition:opacity 1s,visibility 1s}.welcome-layer .intro-copy{max-width:900px;padding-top:40px;padding-bottom:70px}.welcome-layer h1{font-size:clamp(48px,6.2vw,88px)}.welcoming .microscope-stage{filter:blur(1px);opacity:.63;pointer-events:none}.welcome-dismissed .welcome-layer{opacity:0;visibility:hidden;pointer-events:none}.entering .specimen-plane{transform:scale(1.13)}.departing .specimen-plane{transform:scale(3.7);filter:blur(6px);opacity:0}.departing .instrument-rail{opacity:0;transition:opacity .65s}.paused .specimen,.paused .ambient-cell,.paused .virus-viewport img{animation-play-state:paused!important}@keyframes specimen-float{0%{transform:translate(-5px,6px) rotate(-6deg)}50%{transform:translate(7px,-5px) rotate(2deg)}100%{transform:translate(1px,-11px) rotate(7deg)}}@keyframes suspended{from{transform:translate(-12px,6px) rotate(var(--turn))}to{transform:translate(23px,-19px) rotate(calc(var(--turn) + 28deg))}}@media(min-width:1450px){.optics{width:min(68vw,calc(100svh - 250px))}}@media(max-width:850px){.optics-layout{gap:20px}.optics{width:65vw;min-width:0}.instrument-rail{width:140px;gap:30px}.virus-viewport{width:125px;height:125px}.tube-window>img{width:130px;height:130px}.specimen-label{font-size:12px}.specimen-label small{display:none}.field-heading h1{font-size:30px}}@media(max-width:620px){.microscope-stage{padding:24px 4% 16px}.field-heading{align-items:start;gap:10px}.field-heading h1{font-size:30px}.field-heading .eyebrow{font-size:10px}.field-tools button{font-size:12px;padding:7px 11px}.field-tools p{font-size:11px;max-width:120px}.optics-layout{display:block;padding:25px 0 15px}.optics{width:91vw;margin:auto;padding:4px}.lens-vignette{box-shadow:inset 0 0 20px 8px #0009}.specimen-label{font-size:10px;padding:4px 5px;max-width:105px;white-space:normal;line-height:1.25}.instrument-rail{width:100%;flex-direction:row;justify-content:space-around;align-items:center;gap:15px;margin-top:35px}.satellite{width:45%}.satellite-kicker{font-size:9px;margin-bottom:8px;max-width:145px}.virus-viewport{width:90px;height:90px;padding:5px}.satellite strong{font-size:14px;margin-top:8px}.satellite small{font-size:10px}.tube-window{border-top:0;border-left:1px solid var(--line);padding:0 0 0 10px}.tube-window>img{height:130px;width:110px}.microscope-footer{font-size:9px;gap:18px}.microscope-footer span{max-width:48%}.welcome-layer{inset:65px 0 0;min-height:calc(100svh - 65px);position:fixed}.welcome-layer h1{font-size:clamp(42px,11vw,65px)}.welcome-layer .intro-copy{padding-bottom:75px}.welcome-layer .subtitle{font-size:17px}.welcoming .microscope-stage{filter:blur(.7px);opacity:.72}}@media(prefers-reduced-motion:reduce){.specimen-plane,.welcome-layer,.microscope-stage{transition:none}.departing .specimen-plane,.entering .specimen-plane{transform:none;filter:none}}
