.template-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px;display:grid}@media (width>=640px){.template-focus-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 14px}}@media (width>=1024px){.template-focus-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1280px){.template-focus-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.template-focus-card .template-focus-visual>div{aspect-ratio:5/4}.template-focus-visual{transition:filter .22s,transform .22s}.template-focus-cue{opacity:0;transition:opacity .18s}.template-focus-grid:has(.template-focus-card:focus-visible) .template-focus-card:not(:focus-visible) .template-focus-visual{filter:blur(1.5px);transform:scale(.985)}.template-focus-card:focus-visible .template-focus-cue{opacity:1}@media (hover:hover) and (pointer:fine){.template-focus-grid:not(:has(.template-focus-card:focus-visible)):has(.template-focus-card:hover) .template-focus-card:not(:hover) .template-focus-visual{filter:blur(1.5px);transform:scale(.985)}.template-focus-grid:not(:has(.template-focus-card:focus-visible)) .template-focus-card:hover .template-focus-cue{opacity:1}}@media (width<=639px){.template-focus-cue{display:none}}@media (prefers-reduced-motion:reduce){.template-focus-visual,.template-focus-cue{transition:none}.template-focus-grid .template-focus-card .template-focus-visual{transform:none!important}}