.about-introduction,.about-story{padding:96px 0;background:#fff}
.about-story-tinted{background:#f5f7f8}
.about-intro-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:8%}
.about-eyebrow{font:600 11px/1.8 var(--sans);letter-spacing:.12em;color:#08475f;margin-bottom:24px}
.about-intro-grid h2{margin:0;color:#08475f;font-size:34px;font-weight:700;line-height:1.8}
.about-prose{min-width:0;color:#364b54;font-size:15px;line-height:2.2;overflow-wrap:anywhere}
.about-prose p{margin:0}.about-prose p+p{margin-top:22px}
.about-prose .about-lead{color:#08475f;font-weight:600;font-size:17px}
.about-prose h2{margin:0 0 30px;color:#08475f;font-size:30px;line-height:1.75;font-weight:700;letter-spacing:.01em}
.about-prose strong{color:#08475f;font-weight:700}
.about-story .section-topline{margin-bottom:48px}
.about-story-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8%;align-items:start}
.about-story-image{margin:0;position:sticky;top:192px;min-width:0}
.about-story-image img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.about-story-image figcaption{padding-top:10px;text-align:right;font:10px/1.8 var(--sans);letter-spacing:.04em;color:#52656d}
.about-practice-title{font-size:18px;font-weight:700;color:#08475f;line-height:1.8;margin:36px 0 16px;border-top:1px solid #dce3e6;padding-top:26px}
.hero .about-hero-message{font-size:24px;line-height:1.8;font-weight:600}
@media(max-width:991px){.about-story-image{top:84px}.about-story-grid{gap:5%}.about-prose h2{font-size:26px}}
@media(max-width:800px){.about-introduction,.about-story{padding:60px 0}.about-intro-grid,.about-story-grid{grid-template-columns:1fr;gap:30px}.about-intro-grid h2{font-size:28px}.about-intro-grid h2 br{display:none}.about-prose{font-size:14px}.about-prose .about-lead{font-size:16px}.about-prose h2{font-size:25px;margin-bottom:24px}.about-story .section-topline{margin-bottom:30px}.about-story .number{font-size:9px;letter-spacing:.07em;line-height:1.8}.about-story-image{position:static}.about-story-image img{aspect-ratio:16/10}.hero .about-hero-message{font-size:20px}.about-practice-title{font-size:17px}}

.hero-photograph{object-position:center 48%}.hero::after{background:linear-gradient(90deg,rgba(3,36,51,.82),rgba(4,46,64,.5) 55%,rgba(4,46,64,.15))}
/* Keep the section label and photograph visible together on two-column layouts. */
@media (min-width: 801px) {
  .about-story .section-topline { position: sticky; top: 176px; z-index: 2; padding-block: 12px; background: #fff; }
  .about-story-tinted .section-topline { background: #f5f7f8; }
  .about-story-image { top: 240px; }
}
@media (min-width: 801px) and (max-width: 991px) {
  .about-story .section-topline { top: 84px; }
  .about-story-image { top: 148px; }
}

/* An opaque band joins the sticky heading to the header and masks scrolling prose. */
@media (min-width: 801px) {
  .about-story { --about-section-background: #fff; }
  .about-story-tinted { --about-section-background: #f5f7f8; }
  .about-story .section-topline { isolation: isolate; }
  .about-story .section-topline::before {
    content: "";
    position: absolute;
    inset: -32px 0 -22px;
    z-index: -1;
    background: var(--about-section-background);
    pointer-events: none;
  }
}