.web-demos[data-astro-cid-3jppnthl]{padding:clamp(84px,10vw,150px) clamp(24px,7vw,112px);background:var(--aqua);border-block:1px solid var(--ink)}.web-demos-heading[data-astro-cid-3jppnthl]{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(44px,8vw,130px);align-items:end;margin-bottom:clamp(54px,7vw,92px)}.web-demos-heading[data-astro-cid-3jppnthl] h2[data-astro-cid-3jppnthl]{max-width:900px;margin:0;font-family:var(--font-display);font-size:clamp(45px,5.6vw,88px);font-weight:400;line-height:.96;letter-spacing:-.045em}.web-demos-heading[data-astro-cid-3jppnthl]>p[data-astro-cid-3jppnthl]{max-width:640px;margin:0;padding-top:24px;border-top:1px solid var(--ink);font-size:17px;line-height:1.68}.web-demo-grid[data-astro-cid-3jppnthl]{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(30px,4vw,64px)}.web-demo-card[data-astro-cid-3jppnthl]{grid-column:span 6}.web-demo-card[data-astro-cid-3jppnthl]:last-child:nth-child(odd){grid-column:4/span 6}.web-demo-card-featured[data-astro-cid-3jppnthl] .demo-browser[data-astro-cid-3jppnthl]{box-shadow:12px 12px 0 var(--terracotta)}.web-demo-card-featured[data-astro-cid-3jppnthl] .demo-meta[data-astro-cid-3jppnthl]>a[data-astro-cid-3jppnthl]{padding:10px 14px;border:1px solid var(--ink);background:var(--coral);box-shadow:4px 4px 0 var(--ink)}.demo-browser[data-astro-cid-3jppnthl]{display:block;border:1px solid var(--ink);background:var(--paper);box-shadow:12px 12px #10131329;transition:transform .25s ease,box-shadow .25s ease}.demo-browser[data-astro-cid-3jppnthl]:hover{transform:translate(-4px,-4px);box-shadow:17px 17px #1013132e}.demo-browser-bar[data-astro-cid-3jppnthl]{height:34px;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid var(--ink)}.demo-browser-bar[data-astro-cid-3jppnthl] i[data-astro-cid-3jppnthl]{width:7px;height:7px;border:1px solid var(--ink);border-radius:50%}.demo-browser-bar[data-astro-cid-3jppnthl] b[data-astro-cid-3jppnthl]{margin-left:auto;font-size:10px;letter-spacing:.12em}.demo-screen[data-astro-cid-3jppnthl]{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--ink)}.demo-screen[data-astro-cid-3jppnthl] img[data-astro-cid-3jppnthl]{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.demo-browser[data-astro-cid-3jppnthl]:hover img[data-astro-cid-3jppnthl]{transform:scale(1.025)}.demo-screen[data-astro-cid-3jppnthl]:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#10131308 35%,#101313bf)}.demo-screen-copy[data-astro-cid-3jppnthl]{position:absolute;z-index:2;left:clamp(20px,3vw,42px);right:24px;bottom:clamp(20px,3vw,38px);color:#fff}.demo-screen-copy[data-astro-cid-3jppnthl] small[data-astro-cid-3jppnthl]{display:block;margin-bottom:8px;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.demo-screen-copy[data-astro-cid-3jppnthl] strong[data-astro-cid-3jppnthl]{font-family:var(--font-display);font-size:clamp(30px,3.4vw,54px);font-weight:400;line-height:1}.demo-meta[data-astro-cid-3jppnthl]{padding:30px 2px 0}.demo-meta[data-astro-cid-3jppnthl]>p[data-astro-cid-3jppnthl]:first-child{margin:0 0 12px;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.demo-meta[data-astro-cid-3jppnthl] h3[data-astro-cid-3jppnthl]{margin:0;font-family:var(--font-display);font-size:clamp(31px,3vw,48px);font-weight:400;line-height:1}.demo-meta[data-astro-cid-3jppnthl]>p[data-astro-cid-3jppnthl]:nth-of-type(2){max-width:610px;margin:16px 0 22px;line-height:1.62}.demo-meta[data-astro-cid-3jppnthl]>a[data-astro-cid-3jppnthl]{display:inline-flex;gap:10px;padding-bottom:4px;border-bottom:1px solid var(--ink);font-weight:800}@media(max-width:900px){.web-demos-heading[data-astro-cid-3jppnthl]{grid-template-columns:1fr;align-items:start}.web-demo-grid[data-astro-cid-3jppnthl]{grid-template-columns:1fr}.web-demo-card[data-astro-cid-3jppnthl],.web-demo-card[data-astro-cid-3jppnthl]:last-child{grid-column:auto}}@media(max-width:640px){.web-demos-heading[data-astro-cid-3jppnthl] h2[data-astro-cid-3jppnthl]{font-size:46px}.demo-screen[data-astro-cid-3jppnthl]{aspect-ratio:4/3}.demo-browser[data-astro-cid-3jppnthl]{box-shadow:8px 8px #10131329}.demo-screen-copy[data-astro-cid-3jppnthl] strong[data-astro-cid-3jppnthl]{font-size:35px}}