/* Full-width artwork, with the original sci-fi frame kept above the image. */
#service-grid .service-card{padding:10px 10px 18px;overflow:hidden}
#service-grid .service-card::before{z-index:2;opacity:.8}
#service-grid .service-art{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:center;background:none;clip-path:polygon(12px 0,100% 0,100% 100%,0 100%,0 12px)}
#service-grid .service-body{padding:13px 40px 0 12px;min-height:112px}
#service-grid .service-body i{right:6px;bottom:5px}

/* A quiet Earth horizon behind the sidebar signature. */
.sidebar-bottom{position:relative;isolation:isolate}
.sidebar-bottom::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:-24px;right:-18px;bottom:54px;height:186px;background:url(media/sidebar-earth-v40.svg) center bottom/100% auto no-repeat;opacity:.45}
.sidebar-bottom .side-signature{position:relative;text-shadow:0 2px 8px #02111c}

/* Reuse the supplied vector frame; only its accent color becomes pink. */
.stats{position:relative;isolation:isolate;border-image:none;background:none;min-height:112px}
.stats::before{content:"";position:absolute;inset:-14px;z-index:-1;pointer-events:none;border:14px solid transparent;border-image:url(media/shapes-v37/panel-wide.svg) 100 110 180 280 / 14px / 0 stretch;filter:hue-rotate(140deg) saturate(.9) brightness(1.5);opacity:1}
.stats::after{content:"";position:absolute;inset:-10px;z-index:-1;pointer-events:none;background:linear-gradient(120deg,#f48cc5,#9f497d 45%,#d66cad);clip-path:polygon(evenodd,0 16px,16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px,1px 16px,1px calc(100% - 1px),calc(100% - 16px) calc(100% - 1px),calc(100% - 1px) calc(100% - 16px),calc(100% - 1px) 1px,16px 1px,1px 16px)}
.stats>div:after{background:#c459a45c}
.stats>div,.stats>a{min-width:0;padding-inline:16px;gap:18px}
.stats p{min-width:0}
.stats svg{flex-shrink:0}
.stats small{line-height:1.5}
.stats>a small{max-width:220px}
@media(max-width:1180px){.stats>div,.stats>a{padding-inline:10px;gap:10px}.stats>a strong{font-size:23px}}
@media(max-width:760px){
 #service-grid .service-card{padding:7px 7px 17px}
 #service-grid .service-art{aspect-ratio:1/1.05;clip-path:polygon(9px 0,100% 0,100% 100%,0 100%,0 9px)}
 #service-grid .service-body{padding:11px 26px 0 5px;min-height:124px}
 #service-grid .service-body i{right:3px;bottom:3px}
 .stats{padding:20px 8px;gap:24px 0}
 .stats::before{inset:-10px;border-width:10px;border-image-width:10px}
 .stats::after{inset:-7px}
 .stats>div,.stats>a{padding-inline:8px;gap:10px;align-items:flex-start}
 .stats>div:nth-child(odd){border-right-color:#c459a45c}
 .stats svg{width:29px;height:34px}
 .stats small{font-size:10px;max-width:130px}
 .stats>a strong{font-size:23px;white-space:nowrap}
}
@media(max-width:350px){
 #service-grid .service-body{min-height:138px;padding-left:3px;padding-right:22px}
 .stats{padding-inline:2px}
 .stats>div,.stats>a{padding-inline:2px;gap:5px}
 .stats svg{width:23px;height:30px}
 .stats>a strong{font-size:20px}
 .stats small{font-size:9px}
}