.templates{overflow:hidden;.container{position:relative;z-index:1}}.templates .section-bg{bottom:-1px;left:0;right:0;top:0;& svg{height:100%}@media (max-width:60em){left:-150px}}.flamingo-img{bottom:76.5%;left:11%;-webkit-transform:rotate(6deg);transform:rotate(6deg);width:19%;z-index:0;@media (max-width:47.99em){display:none}@media (min-width:48em) and (max-width:59.99em){bottom:70.5%;left:17%}@media (min-width:60em){bottom:74.5%}@media (min-width:75em){bottom:78%}}.templates-headline-group{margin-bottom:var(--space-4);text-align:center}.templates .subline{.subline-highlight{display:inline-block;position:relative;z-index:1}.underline{bottom:3px;height:20%;left:0;position:absolute;right:0;width:100%;z-index:-1}}.templates-img-group{display:grid;gap:0 var(--space-2);grid-template-columns:repeat(3,1fr);grid-template-rows:7.5rem 1.5rem 1.5rem 7.5rem 1.5rem 1.5rem 7.5rem;@media (min-width:48em){grid-template-columns:repeat(5,1fr);grid-template-rows:8.125rem 1.375rem 1.375rem 8.125rem}@media (min-width:60em){grid-template-rows:12.125rem 1.375rem 1.375rem 12.125rem}@media (min-width:75em){grid-template-rows:15.625rem 1.5rem 1.5rem 15.625rem}}.templates-img-frame{background:var(--clr-neutral-00);border-radius:.5rem;box-shadow:0 1rem 2.5rem rgba(0,24,51,.1),0 .125rem .25rem rgba(0,24,51,.07)}.templates-img{border-radius:.25rem;max-height:100%;object-fit:cover;object-position:top;padding:.25rem;width:100%}[class*=img-grid]{display:grid;grid-template-rows:subgrid}.img-grid-1{grid-column:1/2;grid-row:1/2;@media (min-width:48em){grid-column:2/3}}.img-grid-2{border:2px solid #1cca70;border-radius:.5rem;grid-column:2/3;grid-row:1/3;overflow:hidden;position:relative;&:hover{border:2px solid var(--clr-neutral-50)}@media (min-width:48em){grid-column:3/4}& .templates-img-frame{grid-row:1/3;overflow:hidden;position:absolute;transition:transform .5s ease;&:first-of-type{transform:translateX(-100%)}}}.img-grid-2:focus,.img-grid-2:hover{& .templates-img-frame{&:first-of-type{transform:translateX(0)}&:last-of-type{transform:translateX(100%)}}}.img-grid-3{grid-column:3/4;grid-row:1/4;@media (min-width:48em){grid-column:4/5;grid-row:1/4}& .templates-img-frame{background-color:transparent;box-shadow:none;height:140%;left:-40%;position:relative;width:160%;@media (min-width:48em){left:-30%;width:150%}@media (min-width:75em){left:-25%;width:140%}}}.img-grid-4{grid-column:1/2;grid-row:3/5;@media (min-width:48em){grid-row:1/3}& .templates-img-frame{grid-row:1/3}}.img-grid-5{grid-column:2/3;grid-row:4/6;@media (min-width:48em){grid-column:1/2}& .templates-img-frame{grid-row:1/3;@media (min-width:48em){grid-row:1/2}}}.img-grid-6{grid-column:3/4;grid-row:3/5;@media (min-width:48em){grid-column:4/5}& .templates-img-frame{grid-row:1/3}}.img-grid-7{grid-column:1/2;grid-row:6/8;@media (min-width:48em){grid-column:2/3;grid-row:3/5}& .templates-img-frame{grid-row:1/3}}.img-grid-8{grid-column:2/3;grid-row:7/8;@media (min-width:48em){grid-column:3/4;grid-row:4/5}& .templates-img-frame{grid-row:1/3}}.img-grid-9{grid-column:3/4;grid-row:6/8;@media (min-width:48em){grid-column:5/6;grid-row:1/3}& .templates-img-frame{grid-row:1/3}}.img-grid-10{grid-row:7/8;@media (max-width:47.99em){display:none}@media (min-width:48em){grid-column:5/6;grid-row:4/5}& .templates-img-frame{grid-row:1/3}}.templates-btn-group{display:flex;justify-content:center}.templates-arrow-down{display:none}.templates-arrow-right{margin-left:var(--space-1);fill:currentColor;flex-shrink:0;height:1em;width:1em}