/* Shared image proportions with straight script lettering along the outside edge. */
:is(.who-we-serve-page,.about-page) .aperture-intro{padding-block:132px 96px}
:is(.who-we-serve-page,.about-page) .aperture-intro .intro-bottom{grid-template-columns:1.32fr 1fr;gap:3.5%;margin-top:0;align-items:center}
:is(.who-we-serve-page,.about-page) .aperture-intro .intro-image-shell{--script-gutter:clamp(48px,8vw,140px);position:relative;isolation:isolate;min-width:0;width:calc(100% - var(--script-gutter));margin-left:var(--script-gutter);aspect-ratio:.92;overflow:visible}
:is(.who-we-serve-page,.about-page) .aperture-intro .intro-image{position:absolute;inset:0;z-index:1;min-height:0;aspect-ratio:auto}
:is(.who-we-serve-page,.about-page) .aperture-intro :is(img,svg).understand-script{position:absolute;left:0;right:auto;top:0;bottom:auto;width:auto;max-width:none;height:100%;padding:0;object-fit:contain;transform:translateX(-100%);transform-origin:center;opacity:1;pointer-events:none;user-select:none}
/* Two centered lines keep the client phrase readable beside the photo. */
.who-we-serve-page .aperture-intro :is(img,svg).understand-script{top:15%;height:70%;transform:translateX(-100%) rotate(0deg)}
/* Keep the gold lettering outside the photograph. */
:is(.who-we-serve-page,.about-page) .aperture-intro .intro-image-shell>.understand-script{z-index:0}
:is(.who-we-serve-page,.about-page) .aperture-intro .intro-image>.understand-script{display:none}
:is(.who-we-serve-page,.about-page) .aperture-intro .has-photo-motion .intro-image>img:not(.understand-script){will-change:transform}
:is(.who-we-serve-page,.about-page) .aperture-intro .intro-title{font-size:clamp(52px,5.2vw,84px);line-height:.99;letter-spacing:-.036em;margin:0 0 29px;text-wrap:balance}
:is(.who-we-serve-page,.about-page) .aperture-intro .intro-copy .eyebrow{margin-bottom:30px}
:is(.who-we-serve-page,.about-page) .aperture-intro .intro-copy p:not(.eyebrow){font-size:16px;line-height:1.8;margin:0 0 20px;max-width:660px}
:is(.who-we-serve-page,.about-page) .aperture-intro .intro-copy p:last-child{margin-bottom:0}
@media(max-width:1023px){
  :is(.who-we-serve-page,.about-page) .aperture-intro{padding-block:85px}
  :is(.who-we-serve-page,.about-page) .aperture-intro .intro-bottom{grid-template-columns:1fr;gap:38px}
  :is(.who-we-serve-page,.about-page) .aperture-intro .intro-image-shell{aspect-ratio:1.2;max-height:450px}
  :is(.who-we-serve-page,.about-page) .aperture-intro .intro-title{font-size:clamp(42px,7.5vw,57px);margin-bottom:24px}
}


/* Right-hand images carry their lettering along the right edge. */
.about-page .niche-intro .intro-bottom{grid-template-columns:1fr 1.32fr}
.about-page .niche-intro .intro-image-shell{margin-left:0;margin-right:var(--script-gutter)}
.about-page .niche-intro :is(img,svg).understand-script{left:auto;right:0;transform:translateX(100%)}
@media(max-width:1023px){.about-page .niche-intro .intro-bottom{grid-template-columns:1fr}}

@font-face{font-family:"LMG Beloved Script";src:url("https://use.typekit.net/af/9029b4/00000000000000007735a9f2/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2");font-style:normal;font-weight:400;font-display:swap}

.about-page .niche-intro :is(img,svg).understand-script{transform:translateX(100%);rotate:0deg}