/* ==========================================================================
   About
   ========================================================================== */
.phero--about { height: 515px; }
.phero--about .hero-inner, .phero--about .phero-inner { padding-top: 59px; padding-left: 11px; }
.phero--about .eyebrow { font-size: 13.5px; letter-spacing: .26em; color: #a0835e; }
.phero--about h1 { margin-top: 12px; font-size: 64px; line-height: 60px; }
.phero--about .lead { margin-top: 20px; max-width: 545px; font-size: 19px; line-height: 31px; }
.phero--about .hero-cta { margin-top: 26px; gap: 22px; }
.phero--about .hero-cta .btn { height: 62px; font-size: 17px; }
.phero--about .hero-cta .btn-gold { width: 200px; }
.phero--about .hero-cta .btn-outline { width: 218px; }

.ab-mission { background: var(--cream-2); padding: 36px 0 40px; }
.ab-mission-inner { display: grid; grid-template-columns: 1fr 1fr; padding-left: 11px; }
.ab-mission-copy { padding-right: 60px; border-right: 1px solid var(--line); }
.ab-mission-copy .eyebrow, .ab-values .eyebrow, .ab-why .eyebrow { font-size: 13px; letter-spacing: .26em; color: #a0835e; }
.ab-mission-copy h2 { margin-top: 14px; font-family: var(--serif); font-weight: 560; font-size: 53px; line-height: 57px; letter-spacing: -.02em; font-variation-settings: 'opsz' 60; }
.ab-mission-copy h2 em { font-style: italic; color: var(--gold-text); }
.ab-mission-copy p { margin-top: 22px; max-width: 545px; font-size: 17.5px; line-height: 30px; color: var(--muted); }
.ab-points { padding-left: 46px; }
.ab-points li { display: flex; gap: 38px; }
.ab-points li + li { margin-top: 30px; }
.ab-points .feature-icon { width: 73px; height: 73px; flex: none; }
.ab-points .feature-icon svg { width: 34px; height: 34px; }
.ab-points h3 { font-family: var(--serif); font-weight: 560; font-size: 23px; line-height: 30px; letter-spacing: -.012em; }
.ab-points p { margin-top: 6px; font-size: 16px; line-height: 25px; color: var(--muted); }

.ab-values { position: relative; overflow: hidden; height: 287px; background: linear-gradient(100deg, #f1e3d4 0%, #f5ebe0 35%, #f3e8dc 100%); }
.ab-values::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(115deg, transparent 0 60px, rgba(190, 140, 90, .07) 60px 110px); -webkit-mask-image: linear-gradient(90deg, #000 0, transparent 45%); mask-image: linear-gradient(90deg, #000 0, transparent 45%); }
.ab-values-plant { position: absolute; left: 0; top: 0; height: 100%; width: 87px; object-fit: cover; }
.ab-values-inner { position: relative; height: 100%; display: grid; grid-template-columns: 438px 1fr; align-items: center; padding-left: 11px; }
.ab-values h2 { margin-top: 20px; font-family: var(--serif); font-weight: 560; font-size: 49px; line-height: 54px; letter-spacing: -.02em; }
.ab-values ul { display: grid; grid-template-columns: repeat(4, 1fr); }
.ab-values li { padding: 0 20px 0 0; }
.ab-values li + li { padding-left: 34px; border-left: 1px solid rgba(190, 150, 110, .3); }
.ab-values li svg { width: 46px; height: 46px; color: #b3834b; }
.ab-values h3 { margin-top: 20px; font-family: var(--serif); font-weight: 560; font-size: 20px; line-height: 26px; }
.ab-values li p { margin-top: 8px; font-size: 15.5px; line-height: 24.5px; color: var(--muted); }

.ab-why { padding: 22px 0 25px; background: var(--cream-2); }
.ab-why-inner { display: grid; grid-template-columns: 1fr 740px; align-items: start; gap: 40px; padding-left: 11px; width: auto; margin-left: calc((100% - min(1290px, 100% - 64px)) / 2); margin-right: 0; }
.ab-why-copy { padding-top: 10px; }
.ab-why-copy h2 { margin-top: 12px; font-family: var(--serif); font-weight: 560; font-size: 50px; line-height: 52px; letter-spacing: -.02em; }
.ab-why-copy > p { margin-top: 18px; max-width: 555px; font-size: 16.5px; line-height: 27.5px; color: var(--muted); }
.ab-stats { display: flex; margin-top: 26px; }
.ab-stats li { padding-right: 46px; }
.ab-stats li + li { padding-left: 46px; border-left: 1px solid var(--line); }
.ab-stats b { display: block; font-family: var(--serif); font-weight: 500; font-size: 62px; line-height: 64px; color: #b3834b; }
.ab-stats span { display: block; margin-top: 8px; font-size: 16.5px; color: var(--muted); }
.ab-vision { display: flex; height: 415px; border-radius: 10px 0 0 10px; overflow: hidden; background: #1a1714; }
.ab-vision img { width: 419px; height: 100%; object-fit: cover; flex: none; }
.ab-vision-copy { padding: 44px 26px 0 44px; color: #fff; }
.ab-vision-copy .eyebrow { font-size: 12.5px; }
.ab-vision-copy h2 { margin-top: 10px; font-family: var(--serif); font-weight: 540; font-size: 43px; line-height: 45px; letter-spacing: -.015em; }
.ab-vision-copy p { margin-top: 18px; font-size: 15.5px; line-height: 26.5px; color: #ebe8e3; }

.cta-split--about { height: 235px; }
.cta-split--about .cs-leaf-l { width: 274px; object-fit: cover; }
.cta-split--about .cs-inner { height: 100%; grid-template-columns: 1fr 470px; padding-left: 209px; }
.cta-split--about .eyebrow { font-size: 12.5px; }
.cta-split--about h2 { margin-top: 20px; font-size: 52px; line-height: 55px; }
.cta-split--about .cs-side p { font-size: 16.5px; line-height: 27px; }
.cta-split--about .cs-side .btn { margin-top: 24px; width: 218px; height: 59px; }

@media (max-width: 1380px) {
  .ab-why-inner { grid-template-columns: 1fr 1fr; margin-right: 0; }
  .ab-vision { border-radius: 10px; }
  .ab-vision img { width: 50%; }
}
@media (max-width: 1200px) {
  .phero--about { height: auto; padding-bottom: 48px; }
  .ab-mission-inner, .ab-why-inner { grid-template-columns: 1fr; gap: 40px; padding-left: 0; }
  .ab-mission-copy { border: 0; padding: 0; }
  .ab-points { padding: 0; }
  .ab-values { height: auto; padding: 48px 0; }
  .ab-values-inner { grid-template-columns: 1fr; gap: 32px; }
  .ab-values ul { grid-template-columns: repeat(2, 1fr); row-gap: 28px; }
  .ab-values li + li { padding-left: 0; border: 0; }
  .cta-split--about { height: auto; padding: 48px 0; }
  .cta-split--about .cs-inner { grid-template-columns: 1fr; padding-left: 0; }
  .cta-split--about .cs-leaf-l { opacity: .3; }
}
@media (max-width: 760px) {
  .phero--about h1 { font-size: 44px; line-height: 46px; }
  .ab-mission-copy h2, .ab-why-copy h2, .ab-values h2, .cta-split--about h2 { font-size: 38px; line-height: 42px; }
  .ab-values ul { grid-template-columns: 1fr; }
  .ab-vision { flex-direction: column; height: auto; }
  .ab-vision img { width: 100%; height: 260px; }
  .ab-vision-copy { padding: 32px 24px; }
  .ab-stats b { font-size: 44px; line-height: 48px; }
  .ab-stats li { padding-right: 20px; }
  .ab-stats li + li { padding-left: 20px; }
}