:root{--engineering-icon-shadow:drop-shadow(0 11px 17px rgba(18,86,147,.11)) saturate(1.03) contrast(1.015)}
.hero-benefit>img,.cycle-stage>img,.cycle-benefits img,.deliverables-list img,.implementation-grid img,.materials-cards img{object-fit:contain;image-rendering:auto;filter:var(--engineering-icon-shadow)}
.hero-benefit>img{width:64px;height:64px}
.hero-benefit{grid-template-columns:64px minmax(0,1fr)}
.deliverables-list img{width:78px;height:78px}
.deliverables-list article{grid-template-columns:78px minmax(0,1fr) 28px}
.header-mail{padding:7px 10px;border:1px solid rgba(8,127,235,.2);border-radius:999px;background:#eff8ff}
.header-mail .contact-lines strong{color:#087feb;font-weight:700}
.header-phone{flex-basis:162px}
.header-mail{flex-basis:184px}

@media(max-width:1320px) and (min-width:1151px){.header-mail{display:none}}
@media(max-width:1150px) and (min-width:761px){.header-mail{display:flex}}
@media(max-width:760px){
  .header-phone{width:34px;flex-basis:34px}
  .header-mail{display:grid!important;width:34px;height:34px;flex:0 0 34px;padding:0;place-items:center;border-radius:50%}
  .header-mail .contact-lines{display:none}
  .header-mail svg{width:18px;height:18px}
  .hero-benefit>img{width:58px;height:58px}
  .hero-benefit{grid-template-columns:58px minmax(0,1fr)}
  .deliverables-list img{width:58px;height:58px}
  .deliverables-list article{grid-template-columns:58px minmax(0,1fr) 20px}
}

@media(max-width:370px){
  .header-phone{width:32px;flex-basis:32px}
  .header-mail{width:32px;height:32px;flex-basis:32px}
  .hero-benefit>img{width:54px;height:54px}
  .hero-benefit{grid-template-columns:54px minmax(0,1fr)}
  .deliverables-list img{width:52px;height:52px}
  .deliverables-list article{grid-template-columns:52px minmax(0,1fr) 18px}
}