.about-page{background:var(--paper)}
.about-page .site-header{border-color:rgba(255,255,255,.18)}
.about-hero{min-height:790px;padding:162px 5vw 76px 7vw;display:grid;grid-template-columns:minmax(0,.88fr) minmax(440px,1.12fr);gap:6vw;align-items:center;background:var(--green);color:#fff}
.about-hero-copy{max-width:650px}
.about-hero-labels{display:flex;align-items:center;justify-content:space-between;gap:24px}
.about-hero-labels .eyebrow{margin:0;color:rgba(255,255,255,.78)}
.about-dev-badge{flex:0 0 auto;padding:7px 10px;border:1px solid rgba(255,255,255,.34);font-size:8px;font-weight:600;letter-spacing:.18em;color:rgba(255,255,255,.68)}
.about-hero h1,.about-story h2,.about-values h2,.about-cta h2{font-family:"Cormorant Garamond",serif;font-weight:400;letter-spacing:-.035em}
.about-hero h1{margin:28px 0;font-size:clamp(58px,6.2vw,98px);line-height:.88}
.about-hero h1 em,.about-cta h2 em{font-weight:400;color:#d7c7a5}
.about-hero-text{max-width:580px;margin:0;color:rgba(255,255,255,.72);font-size:16px;line-height:1.75}
.about-facts{display:grid;grid-template-columns:1fr 1fr;margin:58px 0 0;border-top:1px solid rgba(255,255,255,.2)}
.about-facts>div{padding:23px 22px 0 0}
.about-facts>div+div{padding-left:24px;border-left:1px solid rgba(255,255,255,.2)}
.about-facts dt{margin-bottom:9px;color:rgba(255,255,255,.48);font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.about-facts dd{margin:0;font-family:"Cormorant Garamond",serif;font-size:24px}
.about-portrait{position:relative;margin:0;align-self:center;color:var(--green)}
.about-portrait::before{content:"";position:absolute;inset:-18px 22px 82px -18px;border:1px solid rgba(255,255,255,.24);pointer-events:none}
.about-portrait-frame{position:relative;padding:12px;background:var(--cream);box-shadow:0 30px 70px rgba(7,22,14,.3)}
.about-portrait img{display:block;width:100%;height:auto;aspect-ratio:885/672;object-fit:contain;background:#d8d3ca}
.about-portrait figcaption{position:relative;display:flex;justify-content:space-between;gap:30px;padding:19px 6px 0;color:rgba(255,255,255,.74)}
.about-portrait figcaption>span{font-family:"Cormorant Garamond",serif;font-size:19px}
.about-portrait figcaption small{max-width:300px;color:rgba(255,255,255,.45);font-size:8px;line-height:1.55;letter-spacing:.1em;text-align:right;text-transform:uppercase}
.about-story{padding:145px 8vw;display:grid;grid-template-columns:15% minmax(360px,1fr) minmax(280px,.72fr);gap:6vw;align-items:start}
.about-story .section-number{margin-top:8px}
.about-story h2{margin:0;font-size:clamp(54px,5.8vw,86px);line-height:.92}
.about-story h2 em,.about-values h2 em{font-weight:400;color:var(--red)}
.about-story-copy>p:first-child{margin:8px 0 38px;color:#5e625b;font-size:16px;line-height:1.85}
.about-story blockquote{margin:0;padding:29px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:"Cormorant Garamond",serif;font-size:clamp(29px,3vw,40px);line-height:1.15;color:var(--green)}
.about-draft-note{margin:26px 0 0;color:#8a6a61;font-size:9px;line-height:1.65;letter-spacing:.08em;text-transform:uppercase}
.about-values{padding:120px 8vw 132px;background:var(--cream)}
.about-values-heading{display:flex;align-items:end;justify-content:space-between;gap:70px}
.about-values-heading .section-number{align-self:start;margin-top:12px}
.about-values h2{margin:0;font-size:clamp(54px,6vw,88px);line-height:.92}
.about-values-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:78px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.about-values-grid article{min-height:280px;padding:32px 38px 42px 0}
.about-values-grid article+article{padding-left:38px;border-left:1px solid var(--line)}
.about-values-grid article>span{color:var(--red);font-size:9px;font-weight:600;letter-spacing:.16em}
.about-values-grid h3{margin:54px 0 18px;font-family:"Cormorant Garamond",serif;font-size:34px;font-weight:400;line-height:1}
.about-values-grid p{max-width:330px;margin:0;color:#686d64;font-size:14px;line-height:1.75}
.about-cta{padding:35px;background:var(--paper)}
.about-cta-card{padding:92px 8vw;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:8vw;align-items:end;background:var(--green);color:#fff}
.about-cta h2{margin:24px 0 0;font-size:clamp(56px,6vw,88px);line-height:.9}
.about-cta-copy>p{margin:0 0 34px;color:rgba(255,255,255,.7);font-size:15px;line-height:1.75}
.about-cta-actions{display:flex;align-items:center;gap:28px}
.about-cta .text-link{color:#fff}

@media(min-width:801px) and (max-width:1120px){
  .about-hero{grid-template-columns:minmax(0,.92fr) minmax(380px,1.08fr);gap:4vw;padding-left:5vw}
  .about-hero h1{font-size:clamp(54px,6.4vw,72px)}
  .about-portrait figcaption{display:block}
  .about-portrait figcaption small{display:block;max-width:none;margin-top:7px;text-align:left}
  .about-story{grid-template-columns:100px minmax(275px,1fr) minmax(210px,.72fr);gap:4vw;padding-left:5vw;padding-right:5vw}
}

@media(max-width:800px){
  .about-hero{min-height:0;padding:124px 24px 72px;display:block}
  .about-hero-labels{align-items:flex-start}
  .about-hero h1{margin:25px 0;font-size:clamp(52px,15vw,67px)}
  .about-hero-text{font-size:15px}
  .about-facts{margin-top:46px}
  .about-facts>div{padding-top:20px}
  .about-facts>div+div{padding-left:17px}
  .about-facts dd{font-size:20px}
  .about-portrait{margin-top:62px}
  .about-portrait::before{inset:-12px 12px 105px -12px}
  .about-portrait-frame{padding:8px}
  .about-portrait figcaption{display:block;padding-top:16px}
  .about-portrait figcaption small{display:block;max-width:none;margin-top:8px;text-align:left}
  .about-story{padding:92px 24px;display:block}
  .about-story h2{margin:28px 0 40px;font-size:clamp(50px,14vw,66px)}
  .about-story-copy>p:first-child{margin-top:0}
  .about-story blockquote{font-size:32px}
  .about-values{padding:90px 24px 96px}
  .about-values-heading{display:block}
  .about-values h2{margin:28px 0 0;font-size:clamp(50px,14vw,66px)}
  .about-values-grid{display:block;margin-top:52px}
  .about-values-grid article,.about-values-grid article+article{min-height:0;padding:30px 0 34px;border-left:0;border-bottom:1px solid var(--line)}
  .about-values-grid article:last-child{border-bottom:0}
  .about-values-grid h3{margin:25px 0 13px;font-size:31px}
  .about-cta{padding:12px}
  .about-cta-card{padding:72px 24px;display:block}
  .about-cta h2{font-size:clamp(52px,14vw,68px)}
  .about-cta-copy{margin-top:44px}
  .about-cta-actions{align-items:flex-start;flex-direction:column}
}

@media(max-width:380px){
  .about-dev-badge{display:none}
  .about-facts{grid-template-columns:1fr}
  .about-facts>div+div{margin-top:18px;padding-left:0;border-left:0}
}