@layer module{@property --sp-service-grid-gradient-start{syntax:"<color>";initial-value:#000;inherits:false}@property --sp-service-grid-gradient-end{syntax:"<color>";initial-value:#fff;inherits:false}.symetric-service-grid{display:grid;gap:calc(var(--sp-rem-base)*22) calc(var(--sp-rem-base)*30);list-style:none;padding:0;@media (min-width:768px){grid-template-columns:repeat(2,1fr)}@media (min-width:1000px){grid-template-columns:repeat(3,1fr)}>li{display:contents}.symetric-service-grid-item{border-radius:calc(var(--sp-rem-base)*10);color:#fff;display:grid;gap:0;grid-row-end:span 5;grid-template-rows:subgrid;padding:calc(var(--sp-rem-base)*13) calc(var(--sp-rem-base)*30) calc(var(--sp-rem-base)*30);text-decoration:none;--sp-service-grid-gradient-start:oklch(from var(--sp-service-grid-background-overlay,#000) min(l,0.33) c h/0);--sp-service-grid-gradient-end:oklch(from var(--sp-service-grid-background-overlay,#000) min(l,0.33) c h/1);background:linear-gradient(to bottom,var(--sp-service-grid-gradient-start) 35%,var(--sp-service-grid-gradient-end) 100%),var(--sp-service-grid-background,#767676) no-repeat center center;background-size:cover;transition:--sp-service-grid-gradient-start .12s ease-out,--sp-service-grid-gradient-end .12s ease-out;&:focus,&:hover{--sp-service-grid-gradient-start:oklch(from var(--sp-color-primary) l c h/0.85);--sp-service-grid-gradient-end:oklch(from var(--sp-color-primary) l c h/0.85)}&:before{aspect-ratio:1/1;content:"";display:block;order:-2}.symetric-service-grid-title{font-size:calc(var(--sp-rem-base)*29);font-weight:700;line-height:1.3;margin:0 0 calc(var(--sp-rem-base)*23)}.symetric-service-grid-subtitle{font-size:calc(var(--sp-rem-base)*15);font-weight:600;line-height:1.5;margin:0 0 calc(var(--sp-rem-base)*7);order:-1}.symetric-service-grid-description{font-size:calc(var(--sp-rem-base)*15);font-weight:400;line-height:1.5;margin:0;margin:0 0 calc(var(--sp-rem-base)*29)}.symetric-service-grid-link{align-items:center;display:flex;font-size:calc(var(--sp-rem-base)*15);font-weight:400;gap:.5em;line-height:1.5;margin:0;&:focus,&:hover{text-decoration:underline}}}}}