.about-page-hero{height:clamp(430px,42vw,590px);display:grid;grid-template-columns:58% 42%;position:relative;overflow:hidden;background:#17271f;color:#fff}
.about-page-photo{min-width:0;height:100%;position:relative;overflow:hidden}
.about-page-photo img{display:block;width:100%;height:100%;object-fit:cover}
.about-page-photo--library img{object-position:50% 33%}
.about-page-photo--glasses img{object-position:50% 24%}
.about-page-photo--library:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#091c17c9 0%,#091c1740 43%,transparent 80%),linear-gradient(90deg,#091c1755,transparent 75%)}
.about-page-hero-copy{position:absolute;left:7.7%;bottom:9%;z-index:1}
.about-page-hero h1{font-size:clamp(70px,8vw,112px);line-height:.85;margin:.14em 0 0}
.about-page-story{display:grid;grid-template-columns:minmax(0,37%) minmax(0,1fr);gap:9%;padding:clamp(80px,8vw,115px) 12% clamp(90px,8.5vw,125px) 7.7%;background:radial-gradient(circle at 70% 5%,#fff,#f6f5f1 70%)}
.about-page-story-heading{padding-top:9px}
.about-page-story-heading .eyebrow{font-size:10px;line-height:1.6;margin-bottom:30px}
.about-page-story h2{font-size:clamp(59px,6vw,86px);line-height:.9;margin:0}
.about-page-story-text{max-width:680px}
.about-page-story-text p{color:#565d56;font-size:clamp(16px,1.3vw,19px);line-height:1.7;margin:0 0 1.35em}
.about-page-story-text .about-page-lead{font-family:var(--serif);font-size:clamp(27px,2.55vw,36px);line-height:1.25;letter-spacing:-.025em;color:#1d2a22;margin-bottom:1em}
.about-page-story-text p a{color:#114935;text-decoration:underline;text-underline-offset:3px}
.about-page-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:38px}
.about-page-links a{min-height:51px;min-width:190px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:11px 16px;border:1px solid #7f9486;color:#173d2e;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;transition:background .2s,color .2s}
.about-page-links a span{font-size:18px;font-weight:400}
.about-page-links a:hover,.about-page-links a:focus-visible{background:var(--green);color:#fff}
@media(max-width:900px){.about-page-story{gap:5%;padding:80px 6% 95px}.about-page-story h2{font-size:clamp(58px,7vw,76px)}}
@media(max-width:760px){
  .about-page-hero{height:550px;grid-template-columns:55% 45%}
  .about-page-photo--library img{object-position:48% 25%}
  .about-page-photo--glasses img{object-position:46% 20%}
  .about-page-hero-copy{left:20px;bottom:38px}
  .about-page-hero h1{font-size:clamp(67px,12vw,88px)}
  .about-page-story{display:block;padding:66px 20px 80px}
  .about-page-story-heading{margin-bottom:44px}
  .about-page-story-heading .eyebrow{margin-bottom:18px}
  .about-page-story h2{font-size:clamp(62px,11vw,82px)}
  .about-page-story-text p{font-size:16px}
  .about-page-story-text .about-page-lead{font-size:30px}
}
@media(max-width:480px){.about-page-hero{height:500px}.about-page-hero h1{font-size:64px}.about-page-links{flex-direction:column}.about-page-links a{width:100%}}
@media(prefers-reduced-motion:reduce){.about-page-links a{transition:none}}