.about-page{background:#f3f1ec;color:#20372b}
.about-hero{position:relative;isolation:isolate;display:flex;min-height:clamp(540px,48vw,690px);overflow:hidden;background:#20372b;color:#fff}
.about-hero>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 58%}
.about-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(15,29,22,.82),rgba(15,29,22,.42) 45%,rgba(15,29,22,.08) 80%),linear-gradient(0deg,rgba(15,29,22,.42),transparent 45%)}
.about-hero-content{position:relative;align-self:flex-start;width:min(760px,85%);padding:clamp(60px,8vw,110px) 0 110px;margin-left:6%}
.about-hero .eyebrow{color:#f6c2b7;font-size:13px;letter-spacing:.14em}
.about-hero h1{font:800 clamp(60px,7.2vw,112px)/.94 var(--display);letter-spacing:-.035em;margin:22px 0 32px;color:#fff}
.about-dot{color:#e68e82}
.about-hero p{max-width:580px;margin:0;font-size:clamp(18px,1.6vw,23px);font-weight:600;line-height:1.45;text-wrap:pretty}
.about-photo-label{position:absolute;right:6%;bottom:30px;padding:10px 14px;background:#e68e82;color:#20372b;font-size:11px;font-weight:800;letter-spacing:.1em}
.about-story,.about-team{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.5fr);gap:clamp(40px,7vw,130px);padding:clamp(65px,7vw,105px) 6%;align-items:start}
.about-story{border-bottom:1px solid #20372b25}
.about-story-tinted{background:#dce7dc;border-bottom:0}
.about-index{display:inline-block;padding-top:15px;border-top:3px solid #e68e82;color:#6a7a6c;font-size:13px;font-weight:800;letter-spacing:.12em}
.about-story h2,.about-team h2{max-width:520px;margin:25px 0 0;font:800 clamp(38px,4.5vw,69px)/1.02 var(--display);letter-spacing:-.025em}
.about-story-copy,.about-team-copy{max-width:740px}
.about-story-copy p,.about-team-copy p{margin:0 0 23px;font-size:clamp(17px,1.25vw,19px);line-height:1.67}
.about-story-copy p:last-child{margin-bottom:0}
.about-team{background:#20372b;color:#fff}
.about-team .about-index{color:#b8d1be}
.about-team-copy{padding-top:9px}
.about-names{font-weight:700;color:#c9ddca}
.about-button{margin-top:12px;background:#e68e82;color:#20372b}
.about-button:hover{background:#f4b6aa;color:#20372b}
@media(max-width:760px){
 .about-hero{min-height:580px}
 .about-hero>img{object-position:53% 55%}
 .about-hero-shade{background:linear-gradient(180deg,rgba(15,29,22,.86),rgba(15,29,22,.55) 38%,rgba(15,29,22,.06) 75%,rgba(15,29,22,.35))}
 .about-hero-content{width:88%;padding:49px 0 125px}
 .about-hero h1{font-size:clamp(55px,12vw,78px);margin:20px 0 24px}
 .about-hero p{max-width:440px;font-size:17px;line-height:1.5}
 .about-photo-label{right:6%;bottom:18px;font-size:10px}
 .about-story,.about-team{grid-template-columns:1fr;gap:24px;padding:55px 6%}
 .about-story h2,.about-team h2{margin-top:20px;font-size:clamp(38px,9vw,55px)}
 .about-team-copy{padding-top:0}
}