@import url('./service-shared.css');
.services-hero{--svc-hero-image:url('../../media/fayetteville.jpg');--svc-hero-position:center 50%}
.service-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:230px;gap:14px}.service-tile{position:relative;overflow:hidden;border:1px solid rgba(198,161,91,.25);border-radius:18px;background:#111;box-shadow:0 18px 36px rgba(0,0,0,.2)}.service-tile.tile-large{grid-column:span 2;grid-row:span 2}.service-tile.tile-wide{grid-column:span 2}.service-tile img{width:100%;height:100%;object-fit:cover;opacity:.8;transition:transform .65s ease,opacity .35s ease}.service-tile:hover img{transform:scale(1.06);opacity:1}.service-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.9))}.service-tile div{position:absolute;left:18px;right:18px;bottom:16px;z-index:1}.service-tile span{color:var(--gold);font-size:.67rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.service-tile h3{margin:6px 0 0;color:#fff;font-size:1.55rem;text-transform:uppercase;letter-spacing:-.05em}.service-tile p{margin:6px 0 0;color:rgba(255,255,255,.78);font-size:.88rem;line-height:1.45}@media(max-width:980px){.service-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.service-tile.tile-large{grid-column:span 2}.service-tile.tile-wide{grid-column:span 2}}@media(max-width:680px){.service-bento{grid-template-columns:1fr;grid-auto-rows:220px}.service-tile.tile-large,.service-tile.tile-wide{grid-column:span 1;grid-row:span 1}}