/* Techman V45 | Real website refinements to V44. Keep Solutions content and original Techman logo untouched. */
:root { --v45-red: #c53135; }

/* Full website footer now has a dedicated Services navigation column. */
.site-footer .footer-main {
  display:grid;
  grid-template-columns:minmax(175px,1.65fr) minmax(115px,.92fr) minmax(160px,1.36fr) minmax(165px,1.45fr) minmax(112px,.9fr);
  gap:clamp(17px,2vw,31px);
  align-items:start;
}
.site-footer .footer-main > div { min-width:0; }
.site-footer .footer-main .footer-services { display:flex; flex-direction:column; gap:9px; }
.site-footer .footer-main .footer-services a { overflow-wrap:break-word; }

/* The V44 About-Us hero was coded but not activated on Services pages.
   Keep a true left headline and full-width image on the right, as approved. */
.svc44 .svc44-about-hero .inside-hero-content {
  padding-left:max(calc((100vw - 1180px)/2),30px);
  gap:0;
  grid-template-columns:minmax(0,46%) minmax(0,54%);
}
.svc44 .svc44-about-hero .inside-headline { min-width:0; padding-right:5%; }
.svc44 .svc44-about-hero h1 { font-size:clamp(47px,4.7vw,70px); overflow-wrap:normal; }
.svc44 .svc44-about-hero .inside-hero-art:before {
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,#f3f6f8 0%,rgba(243,246,248,.62) 15%,transparent 55%);
}

/* Key Benefits: balanced two-column layout, contained 16:9 image, no loose image offset.
   Fixes all five Services pages at once. */
.svc44 .svc43-benefits-section.shell {
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(34px,4.5vw,64px);
  align-items:center;
  width:min(1180px,calc(100% - 56px));
  max-width:1180px;
  margin:0 auto;
  padding:70px 0 72px;
}
.svc44 .svc43-benefit-copy{display:flex;flex-direction:column;min-width:0;align-items:flex-start;}
.svc44 .svc43-benefit-copy h2{max-width:100%;}
.svc44 .svc43-benefit-copy p{max-width:430px;}
.svc44 .svc43-benefit-copy .svc44-inline-photo{
  display:block;
  width:100%; max-width:100%;
  height:auto; aspect-ratio:16/9;
  object-fit:cover;
  object-position:center;
  margin:24px 0 0;
  border-radius:15px;
  overflow:hidden;
}
.svc44 .svc43-benefit-grid{
  min-width:0; align-self:center;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px 24px; align-items:stretch;
  align-self:end;margin-bottom:40px;
}
.svc44 .svc43-perk{min-width:0;align-items:flex-start;padding:10px 0;}
.svc44 .svc43-perk > div{min-width:0;}
.svc44 .svc43-perk strong{font-size:15px;}
.svc44 .svc43-perk p{font-size:13px;line-height:1.58;}
.svc44 .svc43-perk .svc43-icon-circle{width:46px;height:46px;}

/* Discover-more cards re-use the original Solutions component, but link to Services. */
.svc45-related{padding-top:65px;padding-bottom:82px;}
.svc45-related .v3-related-heading h2{margin-top:12px;margin-bottom:28px;}
.svc45-related .v3-related-item{min-height:224px;}
.svc45-related .v3-related-item img{aspect-ratio:1.08;object-fit:cover;}
.svc45-related-link{text-align:right;margin:20px 0 0;}
.svc45-related-link a{font-size:13px;color:#c53135;font-weight:720;text-decoration:none;}
.svc45-related-link a:hover{text-decoration:underline;}
.svc45-overview-discover .v3-related-heading p{font-size:15px;color:#677480;line-height:1.65;max-width:640px;margin:-8px 0 28px;}

/* Motion: images remain readable and visible even if JS fails. */
.svc44 .svc43-photo-frame img,
.svc44 .svc44-inline-photo,
.svc42-overview .svc42-frame img,
.v24-csr-campaign-grid article img,
.v24-bb-photo img,
.svc45-related .v3-related-item img {
  transition:transform 700ms cubic-bezier(.18,.67,.25,1),filter 700ms ease;
  will-change:auto;
}
.svc44 .svc43-photo-frame:hover img,
.svc42-overview .svc42-overview-item:hover img,
.v24-csr-campaign-grid article:hover img,
.v24-bb-photo:hover img,
.svc45-related .v3-related-item:hover img { transform:scale(1.035); }
.svc44 .svc44-about-hero .inside-hero-art img { transition:transform 1000ms ease; }
.svc44 .svc44-about-hero:hover .inside-hero-art img { transform:scale(1.025); }
.v24-csr-campaign-grid article { transition:transform 500ms ease,box-shadow 500ms ease; }
.v24-csr-campaign-grid article:hover { transform:translateY(-5px);box-shadow:0 22px 42px rgba(20,32,45,.11); }
.v24-csr-campaign-grid article { overflow:hidden; }
.v24-bb-photo { overflow:hidden; border-radius:23px; }
[data-v45-reveal].v45-reveal-run { animation:v45-reveal-up 650ms cubic-bezier(.21,.77,.25,1) both; animation-delay:var(--v45-delay,0ms); }
@keyframes v45-reveal-up {
  from{opacity:.62;transform:translate3d(0,19px,0) scale(.993)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}

@media(max-width:1150px){
 .site-footer .footer-main{grid-template-columns:minmax(180px,1.25fr) repeat(2,minmax(145px,1fr));row-gap:31px;}
 .site-footer .footer-main > div:nth-child(1){grid-row:span 2;}
}
@media(max-width:790px){
 .svc44 .svc43-benefits-section.shell{grid-template-columns:1fr;gap:23px;padding:50px 0 58px;}
 .svc44 .svc43-benefit-copy .svc44-inline-photo{max-width:100%;height:auto;max-height:330px;}
 .svc44 .svc43-benefit-grid{align-self:stretch;margin-bottom:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;}
 .svc44 .svc44-about-hero .inside-hero-content{padding-left:0;}
 .svc45-related{padding-top:52px;padding-bottom:62px;}
}
@media(max-width:700px){
 .site-footer .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px;}
 .site-footer .footer-main > div:nth-child(1){grid-row:auto;grid-column:1/-1;}
 .site-footer .footer-main .footer-services{gap:9px;}
}
@media(max-width:510px){
 .svc44 .svc43-benefits-section.shell{width:calc(100% - 34px);}
 .svc44 .svc43-benefit-grid{grid-template-columns:1fr;gap:12px;}
 .svc44 .svc43-perk{padding:5px 0;}
 .svc44 .svc44-about-hero h1{font-size:clamp(38px,10vw,49px);}
 .svc45-related .v3-related-item{min-height:168px;}
 .svc45-related .v3-related-item>div{padding:18px 13px;}
 .svc45-related .v3-related-item h3{font-size:17px;}
 .site-footer .footer-main a{font-size:12px;}
}
@media(prefers-reduced-motion:reduce){
 [data-v45-reveal].v45-reveal-run{animation:none!important;}
 .svc44 .svc43-photo-frame img,.svc44 .svc44-inline-photo,.svc42-overview .svc42-frame img,
 .v24-csr-campaign-grid article img,.v24-bb-photo img,.svc45-related .v3-related-item img,
 .svc44 .svc44-about-hero .inside-hero-art img,.v24-csr-campaign-grid article{transition:none!important;}
 .svc44 .svc43-photo-frame:hover img,.svc42-overview .svc42-overview-item:hover img,
 .v24-csr-campaign-grid article:hover img,.v24-bb-photo:hover img,
 .svc45-related .v3-related-item:hover img,.svc44 .svc44-about-hero:hover .inside-hero-art img{transform:none!important;}
}
