.project-card.svelte-oviq8z{color:#050f2a;background:#fff;border:1px solid #b8bdc3;border-radius:24px;text-decoration:none;transition:transform .25s,box-shadow .25s;display:block;overflow:hidden}.project-card.svelte-oviq8z:hover{transform:translateY(-5px);box-shadow:0 20px 50px #050f2a1f}.project-visual.svelte-oviq8z{aspect-ratio:4/3;background:#eaf8ff;position:relative;overflow:hidden}.gradient.svelte-oviq8z{opacity:.28;place-items:center;width:100%;height:100%;transition:transform .35s,opacity .35s;display:grid}.gradient.svelte-oviq8z span:where(.svelte-oviq8z){color:#050f2a;font-size:58px}.project-card.svelte-oviq8z:hover .gradient:where(.svelte-oviq8z){opacity:.4;transform:scale(1.04)}.view-project.svelte-oviq8z{color:#111;opacity:0;background:#fff500;border:1px solid #111;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:800;transition:opacity .2s,transform .2s;position:absolute;bottom:16px;right:16px;transform:translateY(8px)}.project-card.svelte-oviq8z:hover .view-project:where(.svelte-oviq8z){opacity:1;transform:translateY(0)}.project-copy.svelte-oviq8z{padding:22px}.project-copy.svelte-oviq8z>span:where(.svelte-oviq8z){color:#717885;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}h3.svelte-oviq8z{font-family:var(--font-display);letter-spacing:var(--font-display-tracking);margin:7px 0 0;font-size:26px;font-weight:400;line-height:1.05}