.templates-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (max-width:1180px){.templates-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width:680px){.templates-grid{grid-template-columns:1fr;gap:14px}}.template-card{color:inherit;text-decoration:none;animation:.4s ease-out both fadeUp;display:block}.template-card--inert{cursor:default}.template-card__preview{aspect-ratio:16/10;background:var(--bg-2);border-radius:12px;transition:box-shadow .35s cubic-bezier(.2,.7,.2,1),transform .35s cubic-bezier(.2,.7,.2,1);position:relative;overflow:hidden;box-shadow:0 1px #0000000a,0 18px 40px -22px #00000073}.template-card:hover .template-card__preview,.template-card:focus-visible .template-card__preview{transform:translateY(-2px);box-shadow:0 1px #0000000f,0 26px 50px -22px #0009}.template-card__preview img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1);display:block}.template-card:hover .template-card__preview img{transform:scale(1.02)}.template-card__placeholder{width:100%;height:100%;color:var(--muted);font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.04em;background:linear-gradient(135deg, rgb(var(--accent-rgb) / .08), rgb(var(--accent-rgb) / .02));justify-content:center;align-items:center;font-size:96px;font-weight:500;display:flex}.template-card__badge{letter-spacing:.14em;text-transform:uppercase;color:#f0ede7;-webkit-backdrop-filter:blur(8px);z-index:2;background:#0a0a0eb3;border-radius:999px;padding:5px 10px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;position:absolute;top:12px;left:12px}.template-card__badge--coming-soon{background:#0a0a0eb3}.template-card__open{color:#f0ede7;-webkit-backdrop-filter:blur(8px);opacity:0;z-index:2;background:#0a0a0e8c;border-radius:999px;place-items:center;width:28px;height:28px;font-size:13px;line-height:1;transition:opacity .25s,transform .25s;display:grid;position:absolute;top:10px;right:10px;transform:translateY(-2px)}.template-card:hover .template-card__open,.template-card:focus-visible .template-card__open{opacity:1;transform:translateY(0)}.template-card__overlay{opacity:0;z-index:1;background:linear-gradient(#0a0a0e00 40%,#0a0a0e59 65%,#0a0a0ec7 100%);align-items:flex-end;padding:14px 16px;transition:opacity .25s;display:flex;position:absolute;inset:0}.template-card:hover .template-card__overlay,.template-card:focus-visible .template-card__overlay{opacity:1}.template-card__overlay-inner{flex-direction:column;gap:4px;min-width:0;display:flex}.template-card__overlay-name{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.01em;color:#f5f3ee;font-size:18px;font-weight:500;line-height:1.15}.template-card__overlay-industry{letter-spacing:.14em;text-transform:uppercase;color:#f5f3eeb3;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px}@media (hover:none),(max-width:680px){.template-card__overlay{opacity:1;background:linear-gradient(#0a0a0e00 40%,#0a0a0e4d 65%,#0a0a0ec7 100%)}.template-card__open{opacity:1;transform:none}}