.about {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 45.8%) minmax(0, 54.2%);
  min-height: clamp(47rem, 66vw, 64rem);
  overflow: hidden;
  padding-bottom: var(--pb-gutter);
  background: #fbf8f2;
  color: #1b2328;
}

.about__content {
  position: relative;
  z-index: 1;
  isolation: isolate;
  grid-column: 2;
  grid-row: 1;
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: clamp(3.5rem, 5.1vw, 5.9rem) max(var(--pb-gutter), calc((100vw - 82.75rem) / 2))
    clamp(3rem, 4.8vw, 5.2rem) clamp(2rem, 4.2vw, 4.5rem);
  text-align: left;
}

.about__heading { margin-bottom: clamp(1.55rem, 2.3vw, 2.45rem); }
.about__eyebrow {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1.5rem;
  margin: 0 0 1.45rem;
  color: #85633a;
  font: 600 .83rem/1.2 var(--pb-font-body);
  letter-spacing: .37em;
  text-transform: uppercase;
}
.about__eyebrow span { display: block; width: 4.8rem; height: 1px; background: #a67945; }
.about__eyebrow span:last-child { width: 3.2rem; }
.about__heading h3 {
  font-size: clamp(3.6rem, 5.55vw, 6.4rem);
  font-weight: 500;
  line-height: .78;
  letter-spacing: -.055em;
}
.about__gold { color: #95703e; }

.about__prose {
  max-width: 42rem;
  margin-left: 0;
  font: 400 clamp(1.18rem, 1.48vw, 1.55rem)/1.24 var(--pb-font-heading);
}
.about__prose p + p { margin-top: clamp(1.2rem, 2vw, 2rem); }
.about__prose strong { font-weight: 600; }
.about__closing-rule { display: block; width: 4.3rem; height: 1px; margin: clamp(1.5rem, 2.4vw, 2.3rem) 0 0; background: #a67945; }

.about__portrait { position: relative; grid-column: 1; grid-row: 1; min-width: 0; min-height: 100%; margin-left: max(var(--pb-gutter), calc((100vw - 92rem) / 2)); overflow: hidden; border-radius: .65rem; background: #b2aa98; }
.about__portrait-frame { position: absolute; inset: 0; overflow: hidden; transform: scaleX(-1); }
.about__portrait img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
}

@media (max-width: 1100px) {
  .about__content { padding-left: 2.2rem; }
  .about__heading h3 { font-size: clamp(3.5rem, 5.8vw, 5rem); }
  .about__prose { font-size: clamp(1.14rem, 1.65vw, 1.4rem); }
}

@media (max-width: 850px) {
  .about { display: block; min-height: 0; }
  .about__content { max-width: 46rem; margin-inline: auto; padding: 4rem var(--pb-gutter) 3.3rem; }
  .about__heading h3 { font-size: clamp(3.85rem, 9.5vw, 5.65rem); }
  .about__prose { font-size: clamp(1.2rem, 2.65vw, 1.45rem); }
  .about__portrait { width: min(calc(100% - var(--pb-gutter) * 2), 42rem); height: min(118vw, 51rem); min-height: 0; margin-inline: auto; }
}

@media (min-width: 801px) and (max-width: 850px) {
  .about__portrait { width: calc(100% - var(--pb-gutter) * 2); }
}

@media (max-width: 530px) {
  .about__content { padding-block: 3.3rem 2.8rem; }
  .about__eyebrow { gap: 1rem; margin-bottom: 1.2rem; font-size: .72rem; }
  .about__eyebrow span { width: 2.6rem; }
  .about__eyebrow span:last-child { width: 2rem; }
  .about__heading h3 { font-size: clamp(3.35rem, 13.4vw, 4.5rem); }
  .about__prose { font-size: 1.23rem; line-height: 1.28; }
  .about__prose p + p { margin-top: 1.4rem; }
  .about__portrait { height: 136vw; }
}