section.box-grid .wrapper>.content{max-width:650px;width:100%;margin:0 auto 2rem;text-align:center}section.box-grid .wrapper>.content h2,section.box-grid .wrapper>.content h2 *{font-size:2.5rem}section.box-grid .wrapper .boxes{display:grid;grid-template-columns:1fr 1fr;column-gap:auto;row-gap:auto;gap:.5rem}section.box-grid .wrapper .boxes .box{position:relative;width:100%;height:100%;text-decoration:none;border-radius:1rem;overflow:hidden;aspect-ratio:1/1;display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;flex-wrap:auto}section.box-grid .wrapper .boxes .box .image{position:absolute;width:100%;height:100%;z-index:1;overflow:hidden}section.box-grid .wrapper .boxes .box .image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:all .3s ease}section.box-grid .wrapper .boxes .box .label{position:relative;z-index:2;width:100%;padding:.5rem .5rem 1rem;transition:all .3s ease}section.box-grid .wrapper .boxes .box .label .top-border{position:absolute;width:100%;height:10px;top:-9px;left:0;z-index:2}section.box-grid .wrapper .boxes .box .label .top-border svg{width:100%;height:100%;display:block}section.box-grid .wrapper .boxes .box .label h4{color:#fff;margin-bottom:0;font-size:1rem}@media only screen and (min-width: 601px){section.box-grid .wrapper .boxes .box{aspect-ratio:1.25/1}section.box-grid .wrapper .boxes .box .label h4{font-size:1.5rem}}@media only screen and (min-width: 992px){section.box-grid .wrapper .content h2,section.box-grid .wrapper .content h2 *{font-size:3.75rem}section.box-grid .wrapper .boxes{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}section.box-grid .wrapper .boxes .box{border-radius:1.5rem;aspect-ratio:1.5/1}section.box-grid .wrapper .boxes .box:hover .image img{transform:scale(1.05)}section.box-grid .wrapper .boxes .box:hover .label{padding:1rem 1rem 2rem}section.box-grid .wrapper .boxes .box .label{padding:0 1rem 1rem}section.box-grid .wrapper .boxes .box .label .top-border{position:absolute;width:100%;height:40px;top:-20px;left:0;z-index:2}section.box-grid .wrapper .boxes .box .label .top-border svg{width:100%;height:100%;display:block}section.box-grid .wrapper .boxes .box .label h4{font-size:2.5rem;position:relative;z-index:3}section.box-grid .wrapper .boxes .box:first-child{grid-column:span 2;grid-row:span 2}}