.template-related{background:#f8f9fb;border-block:1px solid #eceef2;padding:56px 0}.template-related>.bby-section-shell{width:min(1120px,100% - 48px)}.template-related__heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px 24px;margin-bottom:24px;display:flex}.template-related__heading h2{color:#16181d;letter-spacing:-.025em;margin:0;font-size:clamp(24px,2.2vw,30px);font-weight:650;line-height:1.25}.template-related__heading>a{color:#626875;flex-shrink:0;align-items:center;gap:8px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.template-related__heading>a:hover{color:var(--brand-primary-hover)}.template-related a:focus-visible{outline:2px solid var(--brand-primary);outline-offset:4px}.template-related__list{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 16px;margin:0;padding:0;list-style:none;display:grid}.template-related__list li{min-width:0}.template-related__card{background:#fff;border:1px solid #e4e7ec;border-radius:14px;height:100%;transition:border-color .16s,box-shadow .16s;overflow:hidden;box-shadow:0 1px 2px #14182808}.template-related__media{aspect-ratio:3/4;background:#eef0f5}.template-related__media video{object-fit:contain;width:100%;height:100%;display:block}.template-related__body{padding:16px}.template-related__title{align-items:start;gap:12px;min-height:48px;display:flex}.template-related__title h3{flex:1;min-width:0;margin:0;font-size:16px;font-weight:600;line-height:1.5}.template-related__title a{color:#282d37;overflow-wrap:anywhere;text-decoration:none}.template-related__title>svg{color:#9299a6;flex-shrink:0;margin-top:4px}.template-related__body>p{color:#737b89;margin:8px 0 0;font-size:13px;line-height:1.5}.template-related__card:hover,.template-related__card:focus-within{border-color:#c9c1e3;box-shadow:0 6px 20px #14182812}.template-related__title a:hover,.template-related__title a:focus-visible{color:var(--brand-primary-hover);text-underline-offset:4px;text-decoration:underline}@media (width<=980px){.template-related__list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.template-related{padding:40px 0}.template-related__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){.template-related__list{grid-template-columns:minmax(0,320px);justify-content:center}}@media (prefers-reduced-motion:reduce){.template-related__card{transition:none}}