.intro[data-astro-cid-epnv4ixt]{grid-template-columns:1.3fr 1fr;align-items:center;gap:clamp(16px,4vw,32px);padding-top:clamp(32px,6vw,56px);padding-bottom:24px;display:grid}.lede[data-astro-cid-epnv4ixt]{color:var(--muted);max-width:640px;margin:0;font-size:17px;line-height:1.6}.laptop-wrap[data-astro-cid-epnv4ixt]{justify-content:center;align-items:center;height:clamp(170px,30vw,280px);display:flex}.laptop[data-astro-cid-epnv4ixt]{width:min(300px,100%)}.lid[data-astro-cid-epnv4ixt]{background:#d6d6d8;border:3px solid #d6d6d8;border-bottom:none;border-radius:10px 10px 0 0;padding:8px 8px 0;box-shadow:0 20px 44px #00000080}.screen[data-astro-cid-epnv4ixt]{background:var(--surface);border-radius:4px;grid-template-columns:1fr 1.3fr;height:150px;display:grid;overflow:hidden}.code-pane[data-astro-cid-epnv4ixt]{border-right:1px solid var(--rule);flex-direction:column;gap:8px;padding:14px 12px;display:flex}.code-pane[data-astro-cid-epnv4ixt] i[data-astro-cid-epnv4ixt]{border-radius:3px;height:6px}.browser[data-astro-cid-epnv4ixt]{background:#f4f2ec;border-radius:6px;flex-direction:column;margin:10px 10px 10px 0;display:flex;overflow:hidden}.browser-bar[data-astro-cid-epnv4ixt]{background:#e4e1d8;border-bottom:1px solid #d6d2c6;align-items:center;gap:4px;padding:6px 8px;display:flex}.dot[data-astro-cid-epnv4ixt]{border-radius:50%;width:6px;height:6px}.red[data-astro-cid-epnv4ixt]{background:#e08a8a}.yellow[data-astro-cid-epnv4ixt]{background:#e0cf8a}.green[data-astro-cid-epnv4ixt]{background:#8ae0ac}.urlbar[data-astro-cid-epnv4ixt]{background:#fff;border-radius:3px;flex:1;height:8px;margin-left:6px}.browser-body[data-astro-cid-epnv4ixt]{flex-direction:column;flex:1;gap:6px;padding:8px;display:flex}.browser-head[data-astro-cid-epnv4ixt]{background:var(--accent);opacity:.8;border-radius:3px;height:16px}.browser-grid[data-astro-cid-epnv4ixt]{flex:1;grid-template-columns:1fr 1fr;gap:5px;display:grid}.browser-grid[data-astro-cid-epnv4ixt] div[data-astro-cid-epnv4ixt]{background:#dcdad2;border-radius:3px}.base[data-astro-cid-epnv4ixt]{background:#d6d6d8;border-radius:0 0 8px 8px;width:113.3%;height:16px;margin-left:-6.65%;position:relative;box-shadow:0 6px 14px #0006}.base[data-astro-cid-epnv4ixt] span[data-astro-cid-epnv4ixt]{background:#bcbcbe;border-radius:0 0 4px 4px;width:60px;height:5px;position:absolute;top:0;left:50%;transform:translate(-50%)}.projects[data-astro-cid-epnv4ixt]{flex-direction:column;gap:32px;padding-top:48px;padding-bottom:96px;display:flex}.project[data-astro-cid-epnv4ixt]{background:var(--surface);border:1px solid var(--accent);border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));scroll-margin-top:24px;display:grid;overflow:hidden}.project[data-astro-cid-epnv4ixt] .shot[data-astro-cid-epnv4ixt]{aspect-ratio:3/2;border-bottom:none;align-self:center;min-height:0;overflow:hidden}.project[data-astro-cid-epnv4ixt] .shot[data-astro-cid-epnv4ixt]:has(img) img{object-fit:cover;object-position:top;width:100%;height:100%}.project[data-astro-cid-epnv4ixt][data-flip=true] .project-body[data-astro-cid-epnv4ixt]{order:1}.project[data-astro-cid-epnv4ixt][data-flip=true] .shot[data-astro-cid-epnv4ixt]{order:2}.project-body[data-astro-cid-epnv4ixt]{padding:clamp(28px,5vw,44px)}.era[data-astro-cid-epnv4ixt]{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:10px;font-size:11px}.project-body[data-astro-cid-epnv4ixt] h2[data-astro-cid-epnv4ixt]{margin-bottom:12px;font-size:26px}.project-body[data-astro-cid-epnv4ixt] p[data-astro-cid-epnv4ixt]{color:var(--muted);margin:0 0 20px;font-size:15.5px;line-height:1.65}.project-body[data-astro-cid-epnv4ixt] .pill-row[data-astro-cid-epnv4ixt]{margin-bottom:24px}.actions[data-astro-cid-epnv4ixt]{flex-direction:column;align-items:stretch;gap:10px;display:inline-flex}.actions[data-astro-cid-epnv4ixt] a[data-astro-cid-epnv4ixt]{text-align:center}@media (width<=500px){.intro[data-astro-cid-epnv4ixt]{grid-template-columns:1fr}.laptop-wrap[data-astro-cid-epnv4ixt]{display:none}.actions[data-astro-cid-epnv4ixt]{width:fit-content;margin-inline:auto;display:flex}}