/* Soft charcoal, satin grey and diffused gold connect the service cards to the brand. */
.services.wrap{width:100%;padding-inline:max(48px,calc((100% - 1200px)/2));background:radial-gradient(ellipse at 4% 12%,rgba(255,205,40,.2),transparent 36%),radial-gradient(ellipse at 98% 75%,rgba(255,220,110,.19),transparent 34%),linear-gradient(145deg,#e9e9e4,#f5f3ec 45%,#deded8);border-block:1px solid #d6d3c8}
.services .section-heading{margin-bottom:48px}
.services .section-heading h2{font-weight:800;letter-spacing:-2px}
.services .section-heading p:last-child{color:#565950}
.services .service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.services .service{position:relative;display:grid;grid-template-columns:80px 1fr 54px;grid-template-rows:86px 1fr;gap:22px 20px;padding:30px;border:1px solid rgba(255,255,255,.17);border-radius:20px;overflow:hidden;isolation:isolate;color:#fff;background:radial-gradient(ellipse at 0 0,rgba(255,202,5,.095),transparent 60%),linear-gradient(145deg,#353630,#1d1e1b 65%,#171815);box-shadow:0 14px 34px rgba(33,32,22,.12),inset 0 1px 0 rgba(255,255,255,.07);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.services .service::before{content:"";position:absolute;z-index:-1;pointer-events:none;width:170px;height:170px;right:-70px;top:-80px;border-radius:50%;background:radial-gradient(circle,rgba(255,202,5,.17),transparent 68%)}
.services .service:hover{background:radial-gradient(ellipse at 0 0,rgba(255,202,5,.13),transparent 60%),linear-gradient(145deg,#3a3b33,#22231d 65%,#1b1c17);border-color:rgba(255,202,5,.5);box-shadow:0 18px 38px rgba(33,32,22,.19),0 0 24px rgba(255,202,5,.055)}
.motion-enabled .services .service:hover{transform:translateY(-4px)}
.services .service-number{position:absolute;top:42px;left:132px;padding:0;color:#d7bc64;font-size:11px;letter-spacing:2px}
.services .service-icon{grid-column:1;grid-row:1;filter:drop-shadow(0 0 12px rgba(255,202,5,.12))}

.services .service h3{font-size:25px;line-height:1.3;letter-spacing:-.7px;font-weight:800;margin:0 0 14px;color:#fff}
.services .service p{font-size:15px;line-height:1.8;color:#cbcdc3;max-width:none;margin-bottom:23px}
.services .service-tag{color:#f4ce59;font-size:9px;letter-spacing:1.5px;line-height:1.7;display:block}
.services .service-enquiry{grid-column:3;grid-row:1;align-self:center;margin:0;color:#f7e4a1}
.services .service-enquiry::before{background:#303128}
.services .service-enquiry:hover,.services .service-enquiry:focus-visible{color:#17170f}
.services .service-enquiry:hover::before,.services .service-enquiry:focus-visible::before{background:var(--gold)}
.services::before{opacity:.16;top:0}
.services::after{opacity:.17;top:auto;bottom:0}
@media(max-width:1000px){.services.wrap{padding-inline:30px}.services .service{padding:25px;gap:20px 14px}.services .service-number{left:123px;top:38px}.services .service h3{font-size:23px}}
@media(max-width:760px){.services .service-list{grid-template-columns:1fr;gap:20px}}
@media(max-width:680px){.services.wrap{padding-inline:20px}.services .section-heading{margin-bottom:32px}.services .service{padding:25px;grid-template-columns:62px 1fr 44px;grid-template-rows:68px 1fr;gap:20px 12px;border-radius:17px}.services .service-icon{width:62px;height:68px}.services .service-icon svg{width:34px;height:37px}.services .service-number{display:block;left:107px;top:39px;font-size:10px}.services .service-enquiry{width:44px;height:49px}.services .service h3{font-size:23px}.services .service p{font-size:14px;line-height:1.8}.services .service-tag{font-size:8px}}
