.about-hero { position: relative; min-height: 900px; min-height: 100svh; display: flex; align-items: center; padding: 9rem var(--gutter) 5rem; isolation: isolate; }
.about-page .site-header:not(.is-scrolled) { background: transparent; backdrop-filter: none; }
.about-hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 69% top; z-index: -2; filter: grayscale(1); }
.about-hero-shade { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #080808f5 0%, #080808d9 35%, #0808084d 67%, transparent 85%), linear-gradient(0deg,#101010 0%,transparent 25%); }
.about-hero-copy { width: min(42rem, 53%); }
.about-hero-copy .eyebrow { margin-bottom: 1.4rem; color: #aaa; }
.about-hero-copy h1 { margin: 0 0 2rem; font-size: clamp(3.5rem, 7vw, 8rem); line-height: .95; font-weight: 500; letter-spacing: -.065em; }
.about-hero-copy > p { max-width: 36rem; color: #d0d0cf; font-size: clamp(1rem, 1.2vw, 1.15rem); line-height: 1.7; }
.about-signature { display: grid; gap: .35rem; margin-top: 2.5rem; }
.about-signature strong { font-size: .95rem; font-weight: 500; }
.about-signature span { color: #999; font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; }
.about-building { background: #f4f4f1; color: #101010; padding: clamp(2.5rem, 4vw, 4rem) var(--gutter); }
.about-building-heading { display: grid; justify-items: center; gap: .85rem; margin: 0 auto 2.25rem; text-align: center; }
.about-building-heading h2 { max-width: 24ch; margin: 0 auto; font-size: clamp(2rem, 3.3vw, 3.5rem); line-height: 1.06; font-weight: 500; letter-spacing: -.05em; }
.about-building-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(2rem, 5vw, 6rem); }
.about-building-grid article { border: 0; padding-top: 0; }
.about-building-grid h3 { margin: 1.2rem 0 1rem; font-size: clamp(1.7rem, 2.5vw, 2.6rem); font-weight: 500; letter-spacing: -.04em; }
.about-building-grid article > p:last-child { max-width: 27rem; color: #555; line-height: 1.7; }
.about-court { position: relative; min-height: 82svh; display: flex; align-items: flex-end; padding: 4rem var(--gutter); isolation: isolate; }
.about-court > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.about-court-shade { position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg,#000c,transparent 65%); }
.about-court-copy { display: flex; align-items: flex-end; justify-content: space-between; width: 100%; gap: 2rem; }
.about-court-copy p { margin: 0; font-size: clamp(3rem, 7vw, 8rem); line-height: .85; font-weight: 500; letter-spacing: -.065em; }
.about-court-copy span { font-size: .75rem; letter-spacing: .14em; }
@media (max-width: 760px) {
  .about-hero { min-height: 950px; align-items: flex-end; padding-top: 8rem; }
  .about-hero-image { object-position: 64% top; }
  .about-hero-shade { background: linear-gradient(0deg,#080808f5 5%,#080808c9 55%,#0808081f 90%); }
  .about-hero-copy { width: 100%; }
  .about-hero-copy h1 { font-size: clamp(3.5rem, 17vw, 6rem); }
  .about-building-heading { gap: .75rem; }
  .about-building-grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .about-building-grid h3 { margin-top: 1.5rem; }
  .about-court { min-height: 70svh; padding-bottom: 2.5rem; }
  .about-court-copy { display: block; }
  .about-court-copy span { display: block; margin-top: 2rem; }
}

@media (min-width: 761px) {
  .about-building { padding-block: clamp(3.5rem, 5vw, 6rem); }
  .about-building-heading { justify-items: start; text-align: left; margin-bottom: 3rem; }
  .about-building-heading h2 { margin-left: 0; max-width: 30ch; text-wrap: balance; }
  .about-building-grid { gap: 0; }
  .about-building-grid article { padding: 0 clamp(2rem, 4vw, 5rem); }
  .about-building-grid article:first-child { padding-left: 0; }
  .about-building-grid article:last-child { padding-right: 0; }
  .about-building-grid article + article { border-left: 1px solid #c8c8c4; }
  .about-building-grid h3 { margin-top: 0; }
  .about-building-grid article > p:last-child { max-width: 40ch; font-size: clamp(1rem, .85vw, 1.3rem); text-wrap: pretty; }
}
.about-hero-picture { position: absolute; inset: 0; z-index: -2; background: #000; }
.about-hero-image { object-fit: contain; object-position: center; filter: none; background: #000; }
.about-hero-shade { background: linear-gradient(0deg, #101010, transparent 18%); }
@media (max-width: 760px) {
  .about-hero { display: block; min-height: 177.78vw; padding-top: 0; background: #000; }
  .about-hero-picture { inset: 0 0 auto; width: 100%; aspect-ratio: 9 / 16; }
  .about-hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: center top; margin: 0; }
  .about-hero-copy { position: relative; width: 100%; padding-top: calc(75vw + 1.5rem); }
}

.about-signature { gap: .55rem; }
.about-signature img { width: clamp(14rem, 18vw, 24rem); max-width: 100%; height: auto; margin-bottom: .5rem; }
.about-signature strong { font-size: clamp(.95rem, .7vw, 1.25rem); }
.about-signature span { font-size: clamp(.75rem, .55vw, 1rem); }