.site-home{gap:calc(var(--lab-space-8) * 2);max-width:var(--site-wide);padding:var(--lab-space-4) var(--lab-space-4) var(--lab-space-8);margin:0 auto;display:grid}@media (max-width:640px){.site-home{gap:calc(var(--lab-space-8) + var(--lab-space-4));padding:var(--lab-space-2) var(--lab-space-2) var(--lab-space-6)}}.site-home h2{font-size:var(--site-text-3xl);font-weight:600;line-height:var(--site-leading-tight);letter-spacing:var(--site-tracking-tight);text-wrap:balance;margin:0}.site-home p{margin:0}.site-hero{align-items:center;gap:var(--lab-space-8);padding-top:var(--lab-space-8);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);display:grid}.site-hero-copy{gap:var(--lab-space-4);display:grid}.site-eyebrow{color:var(--lab-muted);font-size:var(--site-text-sm);font-weight:500}.site-hero h1{font-size:var(--site-text-display);letter-spacing:var(--site-tracking-display);text-wrap:balance;margin:0;font-weight:600;line-height:1.02}.site-hero h1 em{color:var(--lab-muted);font-style:normal}.site-hero-text{max-width:46ch;color:var(--lab-muted);font-size:var(--site-text-lg)}.site-hero-actions{gap:var(--lab-space-2);margin-top:var(--lab-space-2);flex-wrap:wrap;display:flex}.site-hero-art{aspect-ratio:1;border-radius:var(--lab-radius-glass);corner-shape:superellipse(1.5);background:var(--site-card);position:relative;overflow:hidden}.site-hero-scene,.site-hero-canvas{position:absolute;inset:0}.site-hero-scene{place-items:center;display:grid}.site-hero-fallback{width:28%;height:auto}.site-hero-motion{inset-inline-end:var(--lab-space-3);bottom:var(--lab-space-3);position:absolute}@media (max-width:900px){.site-hero{padding-top:var(--lab-space-4);grid-template-columns:minmax(0,1fr)}.site-hero-art{aspect-ratio:4/3;max-height:60vw}}.site-home-tools .lab-list-card{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--site-col-min)), 1fr));display:grid}.site-home-section{gap:var(--lab-space-6);display:grid}.site-home-title{gap:var(--lab-space-2);max-width:60ch;display:grid}.site-home-title p,.site-home-copy>p{color:var(--lab-muted);font-size:var(--site-text-lg)}.site-home-copy{align-content:start;justify-items:start;gap:var(--lab-space-4);display:grid}.site-home-copy>.lab-list-section{justify-self:stretch}.site-home-copy>svg{color:var(--lab-muted)}.site-split{align-items:start;gap:var(--lab-space-8);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);display:grid}@media (max-width:900px){.site-split{grid-template-columns:minmax(0,1fr)}}.site-split-art{border-radius:var(--lab-radius-glass);corner-shape:superellipse(1.5);background:var(--lab-surface-soft);width:100%;height:auto;display:block}.site-card-grid{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--site-card-min)), 1fr));gap:var(--lab-space-4);display:grid}.site-card{border-radius:var(--lab-radius-glass);corner-shape:superellipse(1.5);background:var(--site-card);color:inherit;grid-template-rows:auto 1fr;text-decoration:none;display:grid;overflow:hidden}.site-card img{width:100%;height:auto;display:block}.site-card-copy{align-content:start;gap:var(--lab-space-2);padding:var(--lab-space-6);display:grid}.site-card-copy>svg{color:var(--lab-muted)}.site-card-copy strong{font-size:var(--site-text-xl);font-weight:600;line-height:1.3}.site-card-copy small{color:var(--lab-muted);font-size:var(--site-text-sm)}.site-card-copy>span:not(.site-card-link){color:var(--lab-muted)}.site-card-link{align-items:center;gap:var(--lab-space-1);margin-top:var(--lab-space-2);font-weight:500;display:inline-flex}.site-card:hover strong{text-decoration:underline;-webkit-text-decoration-color:var(--lab-primary);text-decoration-color:var(--lab-primary);text-underline-offset:.2em}.site-card:focus-visible{outline:var(--lab-focus-ring-width) solid var(--lab-focus-ring-color);outline-offset:var(--lab-focus-ring-offset)}.site-examples{gap:var(--lab-space-4);min-width:0;display:grid}.site-examples-copy{gap:var(--lab-space-1);display:grid}.site-examples-copy h3{font-size:var(--site-text-xl);margin:0}.site-examples-copy p,.site-examples-footer p{color:var(--lab-muted)}.site-examples-footer{justify-content:space-between;align-items:center;gap:var(--lab-space-2);flex-wrap:wrap;display:flex}.site-preview{gap:var(--lab-space-3);padding:var(--lab-space-3);border-radius:var(--lab-radius-glass);corner-shape:superellipse(1.5);background:var(--site-card);margin:0;display:grid}.site-preview-bar,.site-preview figcaption{justify-content:space-between;align-items:center;gap:var(--lab-space-2);padding-inline:var(--lab-space-2);flex-wrap:wrap;display:flex}.site-preview figcaption{color:var(--lab-muted);font-size:var(--site-text-sm)}.site-preview-stage{border-radius:var(--lab-radius-panel);corner-shape:superellipse(1.5);background:var(--lab-surface);place-items:center;display:grid;overflow:hidden}.site-preview-stage img{width:100%;height:auto;display:block}.site-preview-stage[data-view=mobile] img{width:min(60%, var(--site-col-min));padding-block:var(--lab-space-4)}.site-preview-stage img[hidden]{display:none}.site-final{justify-content:space-between;align-items:center;gap:var(--lab-space-4);padding:var(--lab-space-8);border-radius:var(--lab-radius-glass);corner-shape:superellipse(1.5);background:var(--site-primary-wash);flex-wrap:wrap;display:flex}.site-final p{margin-top:var(--lab-space-2);color:var(--lab-muted);font-size:var(--site-text-lg)}.site-footer{justify-content:space-between;align-items:center;gap:var(--lab-space-4);padding-top:var(--lab-space-6);border-top:var(--site-hairline) solid var(--lab-line);color:var(--lab-muted);font-size:var(--site-text-sm);flex-wrap:wrap;display:flex}.site-footer nav{gap:var(--lab-space-2) var(--lab-space-4);flex-wrap:wrap;display:flex}.site-footer a{color:inherit}.site-footer a:hover{color:var(--lab-ink)}