.services-intro{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;min-height:32rem}
.services-intro>.media-bg{z-index:0}
.services-intro>.media-bg picture,.services-intro>.media-bg img{width:100%;height:100%;display:block;object-fit:cover}
.services-intro>.media-bg canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:1}
.services-intro::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);mask-image:linear-gradient(90deg,#000 0%,#000 20%,transparent 35%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 20%,transparent 35%)}
.services-intro::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#00152499,transparent 32%),linear-gradient(90deg,#00152488,transparent 62%)}
.services-intro-copy{position:relative;z-index:2;gap:1.5rem;padding-block:2rem 3rem}
.services-intro h1{font-size:clamp(3rem,6vw,7rem);line-height:.98}
.services-intro-copy>.lead{max-width:55ch}
.services-intro nav{font-size:.875rem}
.services-intro .about-label{display:flex;gap:1rem;align-items:center;color:var(--color-muted)}
.services-intro .about-label::before{content:'';width:3rem;height:1px;background:var(--color-teal)}
.services-index-page .nav [aria-current=page]{color:var(--color-cyan);text-decoration:underline;text-underline-offset:.75rem}
@media(min-width:64rem){
 .services-index-page .services-intro{min-height:calc(932 * var(--desktop-unit));align-items:center}
 .services-index-page .services-intro-copy{width:52%;padding-top:calc(242 * var(--desktop-unit));padding-bottom:calc(80 * var(--desktop-unit));gap:calc(28 * var(--desktop-unit))}
 .services-index-page .services-intro h1{font-size:clamp(3.25rem,5.15vw,6.5rem);line-height:1.02}
 .services-index-page .services-intro-copy>.lead{font-size:clamp(1rem,1.28vw,1.5rem);line-height:1.5}
 .services-index-page .services-intro .about-label{font-size:var(--text-xs)}
}
@media(max-width:47.999rem){
 .services-intro{min-height:28rem}
 .services-intro h1{font-size:clamp(2.5rem,12vw,4rem)}
}