/* Subtle photographic finish; logos, icons and background banners stay flat. */
.photo-gloss{position:relative;isolation:isolate;box-shadow:0 14px 32px rgba(11,61,92,.13),0 3px 8px rgba(11,61,92,.06)}
.photo-gloss::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;border:1px solid rgba(255,255,255,.65);border-radius:inherit;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.035) 28%,transparent 48%);box-shadow:inset 0 1px 1px rgba(255,255,255,.5),inset 0 -1px 1px rgba(11,61,92,.08)}
.photo-gloss img{box-shadow:none}
.homepage .process-photo{border-radius:16px;overflow:hidden}
.homepage .how-it-works-media .photo-gloss img{box-shadow:none}
.homepage .case-study-media.photo-gloss{border-radius:16px;overflow:hidden}
.homepage .case-study-media.photo-gloss::after{z-index:0;background:linear-gradient(145deg,rgba(255,255,255,.14),transparent 45%),linear-gradient(135deg,rgba(11,61,92,.55),rgba(30,138,122,.35))}
.about-page .about-hero-image.photo-gloss{border-radius:20px 0 0 20px;overflow:hidden}
.about-page .about-hero-image.photo-gloss::after{background:linear-gradient(90deg,#f1fbff,transparent 18%),linear-gradient(145deg,rgba(255,255,255,.14),transparent 48%)}
.careers-page .careers-hero picture.photo-gloss{padding:0;border-radius:80px 8px 8px 8px;overflow:hidden}
.careers-page .careers-hero picture.photo-gloss::before{display:none}
@media(max-width:768px){
 .photo-gloss{box-shadow:0 8px 18px rgba(11,61,92,.11),0 2px 5px rgba(11,61,92,.05)}
 .careers-page .careers-hero picture.photo-gloss{border-top-left-radius:64px}
 .about-page .about-hero-image.photo-gloss{border-radius:14px}
}
