section.u5m-image-tiles{margin:var(--section-margin-none);padding:var(--section-padding-medium);.section-inner.center{&:has(.intro-content){margin-bottom:40px}}.tile-grid{display:grid;gap:32px;margin-inline:auto;&.two{grid-template-columns:repeat(2,1fr);max-width:512px}&.three{grid-template-columns:repeat(3,1fr);max-width:824px}&.four{grid-template-columns:repeat(4,1fr);max-width:1056px}@media (max-width:1024px){&.four{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){&.four,&.three{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){&.four,&.three,&.two{grid-template-columns:1fr}}}.image-tile{border-radius:0;min-height:170px;overflow:hidden;position:relative;.tile-media{inset:0;position:absolute;img{display:block;height:100%;object-fit:cover;transition:transform .45s ease;width:100%}}&:before{background:linear-gradient(0deg,rgba(10,25,55,.8) 0,rgba(10,25,55,.35) 50%,rgba(10,25,55,.15));content:"";inset:0;position:absolute;transition:background .35s ease;z-index:1}.tile-content{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;padding:24px;position:absolute;text-align:center;z-index:2;.tile-title{color:var(--white,#fff);font-family:var(--font1);font-size:20px;font-weight:700;letter-spacing:.5px;line-height:1.3;text-transform:uppercase;transition:transform .35s ease;@media (max-width:768px){font-size:17px}}.tile-desc{color:var(--white,#fff);font-size:14px;line-height:1.5;margin:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .35s ease,margin-top .35s ease}}&.is-link{cursor:pointer}.tile-link-cover{inset:0;position:absolute;z-index:3}&.has-desc:hover,&.is-link:hover{&:before{background:linear-gradient(0deg,rgba(10,25,55,.92) 0,rgba(10,25,55,.65) 50%,rgba(10,25,55,.3))}.tile-media img{transform:scale(1.06)}}&.has-desc:hover{.tile-content{.tile-title{transform:translateY(-6px)}.tile-desc{margin-top:12px;max-height:120px;opacity:1}}}}}