/* Photographic glass-fade industry cards are exclusive to the Services page.
   The landing page keeps its original minimal icon-only industries section. */
main .employer-services-page .service-sector-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:clamp(10px,1.15vw,18px)!important;
}
main .employer-services-page .service-sector-grid > article[data-pnc-photo-card]{
  position:relative!important;
  isolation:isolate;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  align-items:stretch!important;
  text-align:left!important;
  min-width:0;
  min-height:clamp(330px,30vw,410px)!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  overflow:hidden!important;
  background:#111b23!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#fff!important;
  transform:none!important;
}
main .employer-services-page [data-pnc-photo-card] > img.pnc-industry-photo-image{
  border:0!important;
  border-radius:0!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  min-width:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
  opacity:1!important;
  z-index:0!important;
  filter:none!important;
  transform:scale(1);
  transition:transform .65s cubic-bezier(.2,.7,.25,1)!important;
}
main .employer-services-page [data-pnc-photo-card]::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(8,12,20,.03) 0%,rgba(8,12,20,.06) 27%,rgba(8,12,20,.38) 52%,rgba(6,11,17,.92) 100%);
}
main .employer-services-page [data-pnc-photo-card]::after{
  content:"";
  position:absolute;
  z-index:1;
  left:0;
  right:0;
  bottom:0;
  height:79%;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(17,24,33,.03),rgba(15,22,31,.36) 55%,rgba(8,14,22,.53) 100%);
  -webkit-backdrop-filter:blur(15px) saturate(112%);
  backdrop-filter:blur(15px) saturate(112%);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.35) 29%,#000 70%);
  mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.35) 29%,#000 70%);
}
main .employer-services-page [data-pnc-photo-card] > .pnc-industry-photo-panel{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  min-width:0;
  width:100%;
  min-height:218px;
  padding:clamp(18px,2.3vw,28px)!important;
  gap:0!important;
  background:transparent!important;
  color:#fff!important;
  text-align:left!important;
}
/* Service sector photos: icons float directly on the image without a chip,
   while the photograph's glass-fade text overlay remains unchanged. */
main .employer-services-page [data-pnc-photo-card] :is(.industry-icon,.service-sector-icon){
  position:relative;
  display:grid!important;
  place-items:center!important;
  flex:none!important;
  width:32px!important;
  height:32px!important;
  min-height:32px!important;
  margin:0 0 auto!important;
  padding:0!important;
  color:#fff!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
main .employer-services-page [data-pnc-photo-card] :is(.industry-icon,.service-sector-icon) svg{
  display:block!important;
  width:30px!important;
  height:30px!important;
  fill:none!important;
  stroke:#fff!important;
  stroke-width:1.55!important;
  stroke-linecap:round;
  stroke-linejoin:round;
}
main .employer-services-page [data-pnc-photo-card] :is(.industry-name,.pnc-industry-photo-title){
  width:100%;
  margin:34px 0 9px!important;
  color:#fff!important;
  font-size:clamp(17px,1.55vw,23px)!important;
  font-weight:680!important;
  text-transform:none!important;
  letter-spacing:-.025em!important;
  text-align:left!important;
  line-height:1.17!important;
  overflow-wrap:anywhere;
  text-shadow:0 1px 12px rgba(0,0,0,.42);
}
main .employer-services-page [data-pnc-photo-card] :is(.industry-description,.pnc-industry-photo-description){
  width:100%;
  max-width:none!important;
  margin:0!important;
  color:rgba(255,255,255,.90)!important;
  text-align:left!important;
  font-size:clamp(12px,.95vw,14px)!important;
  line-height:1.55!important;
  font-weight:450!important;
  text-shadow:0 1px 10px rgba(0,0,0,.3);
}
@media(hover:hover) and (pointer:fine){
  main .employer-services-page [data-pnc-photo-card]:hover > .pnc-industry-photo-image{
    transform:scale(1.055)!important;
  }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  main .employer-services-page [data-pnc-photo-card]::after{
    background:linear-gradient(180deg,transparent,rgba(6,11,17,.8));
  }
}
@media(max-width:1080px){
  main .employer-services-page .service-sector-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  main .employer-services-page [data-pnc-photo-card] :is(.industry-name,.pnc-industry-photo-title){font-size:21px!important}
}
@media(max-width:680px){
  main .employer-services-page .service-sector-grid{grid-template-columns:1fr!important;gap:14px!important}
    main .employer-services-page .service-sector-grid > article[data-pnc-photo-card]{
    min-height:315px!important;
    border-radius:0!important;
  }
  main .employer-services-page [data-pnc-photo-card] > .pnc-industry-photo-panel{
    padding:22px!important;
    min-height:190px;
  }
  main .employer-services-page [data-pnc-photo-card] :is(.industry-name,.pnc-industry-photo-title){font-size:22px!important}
  main .employer-services-page [data-pnc-photo-card] :is(.industry-description,.pnc-industry-photo-description){font-size:13px!important}
}
@media(prefers-reduced-motion:reduce){
  main .employer-services-page [data-pnc-photo-card] > img.pnc-industry-photo-image{transition:none!important}
}
