.template-page{padding:clamp(2rem,5vw,4rem) var(--pad) clamp(3rem,6vw,6rem)}
.template-heading{padding-bottom:2rem;border-bottom:1px solid currentColor}
.template-heading .page-kicker{font-size:.875rem;margin:0 0 1rem}
.template-heading .page-title{font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.05}
.template-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),20rem));gap:2rem;padding-top:2rem}
.template-card{margin:0;min-width:0}
.template-media{position:relative;background:#0b0c0e;aspect-ratio:320/568;overflow:hidden;border-radius:16px}
.template-media picture,.template-media img{display:block;width:100%;height:100%}
.template-media img{object-fit:cover}
.template-motion{position:absolute;bottom:.75rem;right:.75rem;min-height:44px;min-width:72px;padding:.6rem 1rem;border:1px solid #777;border-radius:999px;background:#101114;color:#fff;font-size:.875rem;cursor:pointer}
.template-motion[hidden]{display:none}
.template-motion:hover{background:#282a30}
.template-card figcaption{padding:1.1rem 0 0}
.template-card figcaption p{font-size:1rem;margin:0 0 .3rem}
.template-card h2{margin:0;font-size:1.75rem;line-height:1.2;font-weight:500;letter-spacing:-.02em}