/* About: editorial presence, approved type, and restrained opacity transitions. */
.about-page .about-hero{display:flex;position:relative;isolation:isolate;overflow:hidden;align-items:center;min-height:clamp(620px,43vw,780px);padding-top:72px;padding-bottom:72px;background:var(--soft);border-bottom:0}
.about-page .about-hero-copy{position:relative;z-index:1;min-width:0;width:min(44%,620px)}
.about-page .about-hero h1{font-size:clamp(36px,4.2vw,64px);line-height:1.2;margin-bottom:28px}
.about-page .about-hero .lede{margin:0}
.about-page .about-encounter{position:absolute;inset:0;z-index:0;margin:0;min-width:0;overflow:hidden;background:var(--soft);pointer-events:none}
.about-page .about-encounter img{display:block;position:absolute;left:36%;width:88%;max-width:none;height:100%;object-fit:cover;object-position:50% 50%}
.about-page .about-encounter::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#F4F5F7 0%,#F4F5F7 31%,rgba(244,245,247,.99) 37%,rgba(244,245,247,.9) 44%,rgba(244,245,247,.68) 53%,rgba(244,245,247,.22) 67%,rgba(244,245,247,0) 81%)}
.about-page .dna-grid{align-items:start;padding-top:72px;padding-bottom:72px}
.about-page .dna-grid>div:first-child{border-top:1px solid var(--silver);padding-top:24px}
.about-page .dna-grid .eyebrow{color:var(--indigo)}
.about-page .dna-grid h2{margin-top:0}
.about-page .approach-grid{align-items:center}
.about-page .approach-grid>div{min-width:0}
.about-page .approach-statements{margin:0;font-size:clamp(26px,2.65vw,38px);line-height:1.35}
.about-page .approach-line{display:block;position:relative;padding:18px 0 18px 22px;border-bottom:1px solid var(--silver)}
.about-page .approach-line:first-child{padding-top:0}
.about-page .approach-line::before{content:"";position:absolute;left:0;top:calc(18px + .55em);width:6px;height:6px;background:var(--aqua)}
.about-page .approach-line:first-child::before{top:.55em}
.about-page .principles{padding-top:64px;gap:5%}
.about-page .principles>div{min-width:0}
.about-page .principles>div>span{font-family:"DM Sans",Arial,sans-serif;font-size:14px;font-weight:700;color:var(--indigo)}
.about-page [data-about-reveal]{opacity:1}
@media(prefers-reduced-motion:no-preference){
  .about-page.about-motion-ready [data-about-reveal]{opacity:0;transition:opacity 220ms ease var(--reveal-delay,0ms)}
  .about-page.about-motion-ready [data-about-reveal].is-visible{opacity:1}
}
@media(max-width:900px){
  .about-page .about-hero{display:block;min-height:0;padding-top:44px;padding-bottom:0}
  .about-page .about-hero-copy{width:100%;max-width:620px;padding-bottom:clamp(360px,68vw,600px)}
  .about-page .about-hero h1{font-size:clamp(36px,6.7vw,56px)}
  .about-page .about-encounter img{left:0;bottom:0;width:100%;height:clamp(400px,75vw,660px);object-position:50% 50%}
  .about-page .about-encounter::after{inset:auto 0 0;height:clamp(400px,75vw,660px);background:linear-gradient(180deg,#F4F5F7 0%,rgba(244,245,247,.98) 10%,rgba(244,245,247,.65) 20%,rgba(244,245,247,.12) 32%,rgba(244,245,247,0) 42%)}
  .about-page .dna-grid{padding-top:48px;padding-bottom:48px;gap:7%}
  .about-page .principles{gap:28px}
}
@media(max-width:700px){
  .about-page .about-hero h1{font-size:clamp(34px,8.5vw,50px)}
  .about-page .dna-grid .dna-copy{margin-top:30px}
  .about-page .approach-grid .dna-copy{margin-top:30px}
  .about-page .approach-statements{font-size:clamp(25px,6.4vw,32px)}
  .about-page .principles{padding-top:24px;padding-bottom:40px}
  .about-page .principles>div{margin-top:28px}
}