/* A lightweight preview of the real lab. The interactive modules load only there. */
.lab-preview{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:44px;padding:30px 0;border-block:1px solid var(--line);margin-bottom:56px}
.lab-preview-copy>span{display:block;font-size:12px;color:var(--muted);margin-bottom:12px}
.lab-preview h2,.lab-preview h3{font-size:clamp(30px,3vw,42px);line-height:1.1;letter-spacing:-.04em;max-width:18ch}
.lab-preview-copy p{font-size:16px;line-height:1.65;color:var(--muted);max-width:45ch;margin:18px 0 22px}
.lab-preview-copy>a{display:inline-flex;align-items:center;gap:16px;font-size:14px;font-weight:500;padding-block:8px;text-underline-offset:5px}
.lab-preview-art{display:block;border:1px solid var(--line);background:#edece1;overflow:hidden}
.lab-preview-art img{display:block;width:100%;height:auto;transition:transform .35s}
.lab-preview-art:hover img{transform:scale(1.025)}
.lab-preview-art:focus-visible{outline:3px solid var(--green);outline-offset:5px}
.home-lab{padding-block:0 64px}.home-lab .lab-preview{margin-bottom:0}
@media(max-width:760px){.lab-preview{grid-template-columns:1fr;gap:24px;margin-bottom:38px;padding:26px 0}.lab-preview-copy p{margin:15px 0 12px}.lab-preview-art{max-width:620px}.home-lab{padding-bottom:42px}}
@media(prefers-reduced-motion:reduce){.lab-preview-art img{transition:none}.lab-preview-art:hover img{transform:none}}
html[data-motion=off] .lab-preview-art img{transition:none;transform:none}
