/* Matched character illustrations have their own space, clear of card content. */
.bento .service-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); min-height:360px; }
.bento .service-card .card-body { width:auto; height:100%; min-width:0; padding:30px 0 30px 30px; }
.bento .service-card .card-body h3 { font-size:34px; line-height:1.06; max-width:none; }
.bento .service-card .card-body > p { max-width:28ch; font-size:15px; line-height:1.7; }
.bento .service-card .chip { align-self:flex-start; white-space:normal; font-size:9px; margin-bottom:18px; }
.bento .service-card .checks { gap:7px 12px; font-size:11px; }
.bento .service-card .arrow-link { min-height:44px; padding-top:0; margin-top:20px; }
.bento .service-card .repair-actions { margin-top:auto; padding-top:20px; gap:4px 18px; }
.bento .service-card .repair-actions .arrow-link { margin:0; }
.bento .service-card .card-body > .arrow-link { margin-top:auto; padding-top:20px; }
.service-art-stage { display:flex; align-items:flex-end; justify-content:center; align-self:end; min-width:0; min-height:0; height:320px; padding:12px 14px 20px 0; pointer-events:none; }
.service-art-stage .service-art { display:block; min-width:0; min-height:0; width:100%; height:100%; max-height:100%; object-fit:contain; object-position:center bottom; max-width:none; }
.service-card.c-duct::after { display:none; }
.service-card.c-duct .card-body { justify-content:flex-start; }
.service-card.c-duct { background:#151515; }
.service-card.c-repair .service-art-stage,.service-card.c-duct .service-art-stage { background:radial-gradient(ellipse at 60% 85%,#ffffff0d,transparent 72%); }
@media(max-width:1160px) {
  .bento .service-card { grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr) 238px; min-height:0; }
  .bento .service-card .card-body { padding:28px 28px 6px; }
  .bento .service-card .card-body h3 { font-size:34px; }
  .bento .service-card .card-body > p { max-width:38ch; }
  .bento .service-card .chip { margin-bottom:16px; }
  .service-art-stage { height:238px; padding:8px 16px 18px; }
  .service-art-stage .service-art { max-width:350px; }
}
@media(max-width:760px) {
  .bento .service-card { grid-template-rows:auto 226px; }
  .bento .service-card .card-body { height:auto; padding:26px 26px 4px; }
  .bento .service-card .card-body h3 { font-size:34px; }
  .bento .service-card .card-body > p { max-width:38ch; margin-top:14px; }
  .bento .service-card .checks { font-size:11px; }
  .service-art-stage { height:226px; padding:6px 20px 16px; }
  .service-art-stage .service-art { max-width:320px; }
}
@media(max-width:360px) {
  .bento .service-card .card-body { padding:24px 22px 4px; }
  .bento .service-card .card-body h3 { font-size:31px; }
  .bento .service-card .card-body > p { font-size:14px; }
}