.experiments-page{overflow:hidden}.experiments-page .site-header{--nav-fade:0s}.experiments-page nav a[aria-current=page]{text-underline-offset:5px;text-decoration:underline}.experiments-shell{isolation:isolate;grid-template-rows:calc(max(24px,env(safe-area-inset-top)) + 68px) minmax(0,1fr) auto;height:100svh;padding-inline:var(--gutter);display:grid;position:relative}.experiments-shell>.paper{opacity:.48}.experiments-main{grid-template-rows:auto minmax(0,1fr);gap:clamp(8px,2svh,24px);width:100%;max-width:1000px;height:100%;min-height:0;margin:auto;padding:clamp(8px,2svh,24px) 0 16px;display:grid}.experiments-copy{text-align:center}.experiments-copy .eyebrow{margin-bottom:12px}.experiments-copy h1{font-size:clamp(30px,3.2vw,44px)}.experiment-figure{width:100%;max-width:780px;height:100%;min-height:0;margin:0 auto}.experiment-figure svg{width:100%;height:100%;color:var(--ink);fill:none;stroke:currentColor;stroke-width:.7px;display:block}.experiment-figure .construction{opacity:.23;stroke-dasharray:4 6}.experiment-figure .quiet{opacity:.38}.experiment-figure .anchor{fill:currentColor;stroke:none}.experiment-flow{stroke-dasharray:4 8;opacity:.48;animation:12s linear infinite experiment-flow}.experiment-ring{transform-origin:320px 188px;opacity:.42;animation:80s linear infinite experiment-turn}.experiment-scan{transform-origin:320px 188px;opacity:.3;animation:12s ease-in-out infinite experiment-scan}.experiment-sample{transform-box:fill-box;transform-origin:50%;animation:8s ease-in-out infinite experiment-sample;animation-delay:var(--delay,0s)}.experiment-hatch{animation:10s ease-in-out infinite experiment-hatch}.experiments-page[data-paused=true] .experiment-figure *{animation-play-state:paused}.experiments-page .experiments-footer{width:100%;padding-block:18px max(18px,env(safe-area-inset-bottom));gap:18px}@keyframes experiment-flow{to{stroke-dashoffset:-24px}}@keyframes experiment-turn{to{transform:rotate(360deg)}}@keyframes experiment-scan{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes experiment-sample{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.65;transform:scale(1.16)}}@keyframes experiment-hatch{0%,to{opacity:.2}50%{opacity:.38}}@media (width<=700px){.experiments-shell{grid-template-rows:calc(max(18px,env(safe-area-inset-top)) + 64px) minmax(0,1fr) auto}.experiments-main{padding-top:14px}.experiments-page .experiments-footer{padding-block:12px max(12px,env(safe-area-inset-bottom))}.experiments-footer p{font-size:12px}.experiments-footer p+p{margin-top:6px}.experiments-copy .eyebrow{margin-bottom:8px}}@media (height<=500px) and (orientation:landscape){.experiments-shell{grid-template-rows:calc(max(8px,env(safe-area-inset-top)) + 56px) minmax(0,1fr) auto}.experiments-main{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);align-items:center;gap:16px;padding:6px 0}.experiments-copy h1{font-size:30px}.experiments-copy .eyebrow{font-size:12px}.experiments-page .experiments-footer{padding-block:8px;display:flex}.experiments-footer p{font-size:12px}.experiments-footer p+p{margin:0}}@media (prefers-reduced-motion:reduce){.experiment-figure *{animation:none!important}}
