.hero-with-image {
  max-width: none;
  width: 100%;
  min-height: 820px;
  padding-left: max(28px, calc((100vw - 1184px) / 2));
  padding-right: max(28px, calc((100vw - 1184px) / 2));
  isolation: isolate;
  overflow: hidden;
}

.hero-with-image::before {
  content: "";
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  background: linear-gradient(90deg, rgba(8,13,22,.96) 0%, rgba(8,13,22,.79) 43%, rgba(8,13,22,.24) 72%, rgba(8,13,22,.48) 100%);
  z-index: -1;
}

.hero-banner-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: -2;
}

.hero-with-image .hero-copy {
  max-width: 720px;
  text-shadow: 0 2px 24px rgba(0,0,0,.35);
}

.hero-with-image .hero-panel {
  align-self: end;
  background: rgba(15,24,37,.9);
  backdrop-filter: blur(12px);
}

.founder-photo {
  margin: 0;
  grid-row: 1 / span 2;
  grid-column: 1;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: clamp(560px, 48vw, 690px);
  min-height: 0;
  overflow: hidden;
  background: #162033;
}

.founder-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 18%;
}

.about-card {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: center;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  gap: clamp(42px, 5vw, 72px);
  padding: 64px 48px;
  position: relative;
  isolation: isolate;
  background: transparent;
}

.about-section {
  max-width: none !important;
  width: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0;
  padding-right: 0;
  background: transparent;
  overflow: visible;
  box-shadow: none;
  clip-path: none;
}

.about-card::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background: var(--gold);
}

.founder-copy {
  grid-column: 2;
  min-width: 0;
  align-self: center;
  max-width: 620px;
}

.about-card h2 {
  font-size: clamp(2.8rem, 4.4vw, 4.8rem);
  overflow-wrap: normal;
  word-break: normal;
  margin-bottom: 28px;
}

.founder-copy > p:not(.eyebrow):not(.signature) {
  max-width: 58ch;
}

.founder-copy .signature {
  margin-top: 42px;
}

@media (max-width: 850px) {
  .hero-with-image {
    min-height: auto;
    padding: 90px 20px 55px;
  }

  .hero-with-image::before {
    background: linear-gradient(180deg, rgba(8,13,22,.72) 0%, rgba(8,13,22,.9) 55%, rgba(8,13,22,.98) 100%);
  }

  .hero-banner-image {
    height: 58%;
    object-position: center top;
  }

  .hero-with-image .hero-copy { padding-top: 180px; }
  .hero-with-image .hero-panel { margin-top: 5px; }
  .about-card { grid-template-columns: 1fr; }
  .about-card { padding: 48px 20px; gap: 34px; }
  .founder-photo { grid-row: auto; grid-column: 1; height: min(118vw, 680px); min-height: 0; max-height: 680px; }
  .founder-copy { grid-column: 1; }
}

@media (max-width: 520px) {
  .hero-with-image .hero-copy { padding-top: 120px; }
  .founder-photo { height: 112vw; min-height: 430px; max-height: 560px; }
  .about-card { padding: 20px; }
  .founder-copy { padding: 18px 6px 0; }
}

/* Preserve the founder portrait at its full editorial ratio. */
.founder-photo{height:auto;aspect-ratio:2 / 3}.founder-photo img{object-position:center;object-fit:cover}@media(max-width:850px){.founder-photo{height:auto;aspect-ratio:2 / 3;max-height:none}}
/* Keep the training photo inside the visible hero stacking layer. */
.hero-with-image::before{z-index:1}
.hero-banner-image{z-index:0}
.hero-with-image > :not(.hero-banner-image){position:relative;z-index:2}

/* Image delivery and stacking repair. */
.hero-with-image::before{z-index:1}.hero-banner-image{z-index:0}.hero-with-image > :not(.hero-banner-image){position:relative;z-index:2}