.about-page{
  background:#fff;
  padding:clamp(30px,4vw,64px) 0 clamp(68px,7vw,105px);
}

.about-story-card{
  width:min(1380px,calc(100% - clamp(32px,8vw,160px)));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,48%) minmax(0,52%);
  min-height:620px;
  overflow:hidden;
  border:1px solid rgba(185,133,79,.16);
  border-radius:15px;
  background:#fbf7f2;
  box-shadow:0 18px 48px rgba(92,67,45,.07);
}

.about-story-photo{
  min-height:620px;
  overflow:hidden;
  background:#f1eae3;
}

.about-story-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 56%;
  filter:saturate(.91) contrast(.99) brightness(1.035) sepia(.012);
}

.about-story-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(46px,5vw,78px);
}

.about-story-copy h2{
  margin:10px 0 21px;
  font:500 clamp(34px,3.1vw,48px)/1.12 "Playfair Display",serif;
  letter-spacing:-.02em;
}

.about-story-copy h2 em{
  color:var(--gold);
  font-weight:500;
}

.about-story-copy>p:not(.overline){
  max-width:650px;
  margin:0 0 15px;
  color:#514a45;
  font-size:13px;
  line-height:1.9;
}

.about-values{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin-top:30px;
  padding-top:25px;
  border-top:1px solid #dfd1c4;
}

.about-value{
  min-width:0;
  padding:0 20px;
  border-right:1px solid #dfd1c4;
}

.about-value:first-child{padding-left:0}
.about-value:last-child{padding-right:0;border-right:0}
.about-value svg{width:27px;height:27px;fill:none;stroke:var(--gold);stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.about-value h3{margin:9px 0 6px;font:500 15px/1.3 "Playfair Display",serif}
.about-value p{margin:0;color:#655d57;font-size:9px;line-height:1.65}
.about-story-copy .btn{align-self:flex-start;margin-top:30px}

@media(max-width:960px){
  .about-story-card{width:calc(100% - 40px);grid-template-columns:1fr;min-height:0}
  .about-story-photo{min-height:0;aspect-ratio:16/11}
  .about-story-photo img{object-position:center 58%}
  .about-story-copy{padding:52px 44px}
}

@media(max-width:720px){
  .about-page{padding:28px 0 70px}
  .about-story-card{width:calc(100% - 30px);border-radius:12px}
  .about-story-photo{aspect-ratio:4/5}
  .about-story-photo img{object-position:center 60%}
  .about-story-copy{padding:40px 27px 44px}
  .about-story-copy>p:not(.overline){font-size:12px;line-height:1.8}
  .about-values{grid-template-columns:1fr;gap:18px}
  .about-value,.about-value:first-child,.about-value:last-child{padding:18px 0 0;border-right:0;border-top:1px solid #e4d8cd}
  .about-value:first-child{border-top:0;padding-top:0}
  .about-value p{font-size:10px}
  .about-story-copy .btn{width:100%}
}