.about-hero { position: relative; overflow: hidden; padding: 86px 0 82px; }
.about-hero::before { content: ""; position: absolute; width: 520px; height: 520px; left: -350px; top: -280px; border: 1px solid rgba(199,155,59,.3); border-radius: 50%; box-shadow: 0 0 0 80px rgba(199,155,59,.04),0 0 0 160px rgba(199,155,59,.025); }
.about-hero-grid { position: relative; display: grid; grid-template-columns: 1.02fr .98fr; gap: 72px; align-items: center; }
.about-hero-copy h1 span { color: var(--gold-strong); }
.about-hero-copy .lead { max-width: 660px; margin: 25px 0 30px; color: var(--ink-soft); font-size: 18px; }
.about-hero-visual { position: relative; min-height: 540px; margin: 0; overflow: hidden; background: var(--navy); box-shadow: var(--shadow); }
.about-hero-visual img { width: 100%; height: 540px; object-fit: cover; object-position: center 43%; }
.about-hero-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 50%,rgba(8,23,40,.9)); }
.about-hero-visual figcaption { position: absolute; z-index: 1; left: 28px; right: 28px; bottom: 24px; color: #fff; font: 400 24px/1.3 "DM Serif Display",Georgia,serif; }
.about-proof { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 34px; padding-top: 26px; border-top: 1px solid var(--line); }
.about-proof span { display: grid; color: var(--ink-soft); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.about-proof strong { margin-bottom: 2px; color: var(--ink); font-size: 18px; letter-spacing: 0; text-transform: none; }
.about-overview { background: var(--surface); }
.about-overview-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 78px; align-items: start; }
.about-overview h2,.director-copy h2 { margin: 0; font: 400 clamp(39px,5vw,59px)/1.07 "DM Serif Display",Georgia,serif; }
.about-copy { padding-top: 2px; }
.about-copy p { margin: 0; color: var(--ink-soft); font-size: 17px; }
.about-copy p + p { margin-top: 21px; }
.principle-grid { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--line); }
.principle-grid article { min-height: 330px; padding: 34px 31px; border-right: 1px solid var(--line); background: var(--surface); }
.principle-grid article:last-child { border-right: 0; }
.principle-grid span { color: var(--gold-strong); font-size: 11px; font-weight: 800; letter-spacing: .15em; }
.principle-grid h3 { margin: 52px 0 13px; font: 400 31px/1.15 "DM Serif Display",Georgia,serif; }
.principle-grid p { margin: 0; color: var(--ink-soft); font-size: 14px; }
.director { background: var(--surface); }
.director-grid { display: grid; grid-template-columns: .86fr 1.14fr; gap: 80px; align-items: center; }
.director-photo { min-height: 580px; margin: 0; overflow: hidden; background: var(--navy); box-shadow: var(--shadow); }
.director-photo img { width: 100%; height: 580px; object-fit: cover; object-position: center 25%; }
.director-copy > p:not(.eyebrow):not(.director-title) { color: var(--ink-soft); }
.director-title { margin: 14px 0 28px; color: var(--gold-strong); font-size: 13px; font-weight: 800; letter-spacing: .04em; }
.director-copy .button { margin-top: 18px; }
.partners { background: var(--paper); }
.partner-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.partner-logo { display: grid; min-height: 190px; place-items: center; padding: 25px; border: 1px solid var(--line); background: #fff; }
.partner-logo img { width: 100%; max-width: 210px; max-height: 118px; object-fit: contain; }

@media (max-width:1180px) and (min-width:901px) {
  .about-hero { padding: 54px 0 60px; }
  .about-hero-grid { gap: 42px; }
  .about-hero-copy h1 { font-size: clamp(50px,5.8vw,64px); }
  .about-hero-copy .lead { margin: 19px 0 24px; font-size: 16px; line-height: 1.68; }
  .about-hero-visual,.about-hero-visual img { min-height: 440px; height: 440px; }
  .about-proof { gap: 18px; margin-top: 24px; padding-top: 20px; }
  .about-overview-grid,.director-grid { gap: 48px; }
  .director-photo,.director-photo img { min-height: 510px; height: 510px; }
}

@media (max-height:800px) and (min-width:901px) {
  .about-hero { padding-top: 42px; padding-bottom: 48px; }
  .about-hero-copy h1 { font-size: clamp(52px,5vw,68px); }
  .about-hero-visual,.about-hero-visual img { min-height: 420px; height: 420px; }
  .about-proof { margin-top: 19px; padding-top: 17px; }
}

@media (max-width:900px) {
  .about-hero-grid,.about-overview-grid,.director-grid { grid-template-columns: 1fr; gap: 46px; }
  .principle-grid { grid-template-columns: 1fr; }
  .principle-grid article { min-height: 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .principle-grid article:last-child { border-bottom: 0; }
  .principle-grid h3 { margin-top: 30px; }
  .partner-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width:700px) {
  .about-hero { padding: 58px 0 62px; }
  .about-hero-copy .lead { font-size: 16px; }
  .about-hero-visual,.about-hero-visual img { min-height: 430px; height: 430px; }
  .about-proof { gap: 18px; }
  .about-proof span { width: calc(50% - 10px); }
  .director-photo,.director-photo img { min-height: 440px; height: 440px; }
  .partner-grid { grid-template-columns: 1fr; }
  .partner-logo { min-height: 155px; }
}