/* About: the approved soft-gradient team photograph. */
.about-page .agency-team.agency-team--gradient{position:relative;isolation:isolate;display:grid;align-items:end;padding:0;aspect-ratio:1920/840;overflow:hidden;background:#003135;scroll-margin-top:110px}
.about-page .agency-team--gradient .agency-team-photo{position:absolute;inset:0;z-index:-2;margin:0;width:100%;height:100%}
.about-page .agency-team--gradient .agency-team-photo img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 100%}
.about-page .agency-team--gradient:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 30%,#00282c0a 40%,#00282c9c 63%,#00282cf2 84%,#00282c 100%)}
.about-page .agency-team--gradient .agency-team-copy{display:block;position:relative;padding:36px 0 42px;margin:0 auto;width:min(1120px,calc(100% - 100px));text-align:center;text-shadow:0 2px 18px #00282c55}
.about-page .agency-team--gradient .agency-team-copy h2{font-size:clamp(36px,3.05vw,58px);font-weight:400;line-height:1.05;letter-spacing:-.022em;text-wrap:balance;max-width:36ch;margin:0 auto 23px;color:#fff}
.about-page .agency-team--gradient .agency-prose{max-width:960px;margin:0 auto}
.about-page .agency-team--gradient .agency-prose p{font-size:clamp(14px,.94vw,17px);line-height:1.75;margin:0;color:#e6eeec;text-wrap:pretty}

/* Let the copy extend below the photo on smaller screens to keep every face visible. */
@media(max-width:1000px){
 .about-page .agency-team.agency-team--gradient{display:block;aspect-ratio:auto}
 .about-page .agency-team--gradient .agency-team-photo{position:relative;inset:auto;z-index:0;aspect-ratio:1920/840;height:auto}
 .about-page .agency-team--gradient .agency-team-photo img{position:absolute;inset:0}
 .about-page .agency-team--gradient:before{display:none}
 .about-page .agency-team--gradient .agency-team-photo:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#003135)}
 .about-page .agency-team--gradient .agency-team-copy{width:100%;padding:15px 34px 40px;margin:-10px 0 0;text-shadow:none}
 .about-page .agency-team--gradient .agency-team-copy h2{font-size:clamp(32px,4.4vw,44px);line-height:1.1;max-width:32ch;margin-bottom:22px}
 .about-page .agency-team--gradient .agency-prose p{font-size:15px;line-height:1.8}
}
@media(max-width:600px){
 .about-page .agency-team--gradient .agency-team-copy{padding-inline:25px}
 .about-page .agency-team--gradient .agency-team-copy h2{font-size:32px}
 .about-page .agency-team--gradient .agency-prose p{font-size:14px;line-height:1.8}
}