.studio-products{--prod-paper:var(--studio-bg,#f7f8fa);--prod-ink:var(--studio-fg,#0b1220);--prod-slate:var(--studio-muted,#5b6472);--prod-mist:var(--studio-subtle,#8b939e);--prod-line:var(--studio-border,#e4e7ec);--prod-card:var(--studio-card,#fff);--prod-signal:var(--studio-accent,#0b6bcb);--prod-ease:cubic-bezier(.32, .72, 0, 1)}.studio-products [id]{scroll-margin-top:5.5rem}.studio-products__hero{gap:3rem;padding:3.5rem 0 4.5rem;display:grid}@media (min-width:980px){.studio-products__hero{grid-template-columns:.9fr 1.2fr;align-items:end;gap:2.5rem}}.studio-products__stage{min-height:420px;position:relative}.studio-products__stage-laptop{width:92%;margin-left:auto}.studio-products__stage-phone{z-index:2;width:min(210px,38%);position:absolute;bottom:-8%;right:4%}@media (max-width:979px){.studio-products__stage{min-height:0}.studio-products__stage-laptop{width:100%}.studio-products__stage-phone{width:min(240px,70%);margin:-18% auto 0;position:relative;bottom:auto;right:auto}}.studio-products .prod-bezel{background:#edf0f4;border:1px solid #0b12200f;border-radius:22px;padding:10px;box-shadow:inset 0 1px #ffffffe6,0 28px 60px #0b12201f,0 8px 18px #0b12200d}.studio-products .prod-lid{background:linear-gradient(#d7dbe2,#b7bec8);border-radius:14px 14px 8px 8px;padding:9px 9px 0}.studio-products .prod-camera{background:#3a414c;border-radius:50%;width:8px;height:8px;margin:0 auto 6px;box-shadow:0 0 0 2px #c5cad2}.studio-products .prod-screen{aspect-ratio:16/10;background:#0b1220;border-radius:8px 8px 0 0;position:relative;overflow:hidden}.studio-products .prod-screen img{object-fit:cover;object-position:top left;width:100%;height:100%;display:block}.studio-products .prod-chin{background:linear-gradient(#c4cad3,#9aa3af);border-radius:0 0 10px 10px;height:14px;margin:0 -22px -2px;box-shadow:0 10px 16px #0b122014}.studio-products .prod-phone{background:#16181d;border-radius:36px;padding:10px;box-shadow:inset 0 1px #ffffff1f,0 30px 50px #0b122047}.studio-products .prod-island{background:#0a0b0e;border-radius:999px;width:86px;height:18px;margin:4px auto 8px}.studio-products .prod-phone-screen{aspect-ratio:390/780;background:#0b1220;border-radius:26px;position:relative;overflow:hidden}.studio-products .prod-phone-screen img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.studio-products .prod-home-bar{background:#ffffff59;border-radius:999px;width:92px;height:4px;margin:8px auto 4px}.studio-products .prod-caption{font-family:var(--font-studio-mono), ui-monospace, monospace;color:var(--prod-mist);margin-top:.7rem;font-size:.7rem}.studio-products .prod-ink{color:#f7f8fa;background:#0b1220}.studio-products .prod-ink .prod-caption{color:#9aa3b2}.studio-products .prod-ink .prod-bezel{background:#1a2029;border-color:#2a3340}.studio-products .prod-ink p{color:#c5ccd6}.studio-products .prod-split{align-items:center;gap:2.5rem;display:grid}@media (min-width:900px){.studio-products .prod-split{grid-template-columns:1.15fr .85fr;gap:3.5rem}.studio-products .prod-split--reverse{grid-template-columns:.85fr 1.15fr}.studio-products .prod-split--reverse .prod-copy{order:2}}.studio-products .prod-tags{flex-wrap:wrap;gap:.4rem;margin-top:1.1rem;display:flex}.studio-products .prod-tags span{font-family:var(--font-studio-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--prod-line);color:var(--prod-slate);border-radius:999px;padding:.35rem .7rem;font-size:.68rem}.studio-products .prod-ink .prod-tags span{color:#c5ccd6;border-color:#2a3340}.dark .studio-products .prod-bezel{background:#1a2029;border-color:#2a3340}.dark .studio-products .prod-lid{background:linear-gradient(#3a414c,#2a313a)}.dark .studio-products .prod-chin{background:linear-gradient(#2a313a,#1c2128)}