/* A view of the real centre: a quiet introduction beside a staggered gallery. */
body.refined.evolved .about-banner {
  width: min(1400px, calc(100% - var(--gutter) * 2));
  margin: 0 auto;
  padding: var(--section-gap, 100px) 0;
  border: 0;
  scroll-margin-top: 88px;
}
body.refined.evolved .about-banner-inner {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.35fr);
  align-items: center;
  gap: clamp(32px, 4.5vw, 64px);
  max-width: none;
}
body.refined.evolved .about-copy { min-width: 0; }
body.refined.evolved .about-banner h2 {
  margin: 0;
  color: var(--text);
  font-size: clamp(40px, 4.2vw, 60px);
  font-weight: 700;
  line-height: 1.04;
  letter-spacing: -.045em;
  text-wrap: balance;
}
body.refined.evolved .about-banner h2 > span { display: block; }
body.refined.evolved .about-description {
  max-width: 43ch;
  margin: 24px 0 0;
  color: var(--text-2);
  font-size: 17px;
  line-height: 1.55;
  text-wrap: pretty;
}
body.refined.evolved .about-visit-link {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  min-height: 44px;
  margin-top: 20px;
  font-size: 15px;
}
body.refined.evolved .about-visit-link svg { width: 18px; height: 18px; }
body.refined.evolved .about-visit-link:focus-visible { outline: 2px solid var(--text); outline-offset: 6px; }
body.refined.evolved .about-photos {
  --about-gallery-height: clamp(480px, 43vw, 600px);
  --about-photo-gap: 16px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: var(--about-photo-gap);
  min-width: 0;
}
body.refined.evolved .about-photo-column {
  display: grid;
  align-content: start;
  gap: var(--about-photo-gap);
  min-width: 0;
}
body.refined.evolved .about-photo-column:first-child { padding-top: 48px; }
body.refined.evolved .about-photo-column:last-child { padding-top: 88px; }
body.refined.evolved .about-photo-slot { min-width: 0; }
body.refined.evolved .about-photo {
  position: relative;
  isolation: isolate;
  margin: 0;
  height: calc(var(--about-gallery-height) * .35);
  overflow: clip;
  border-radius: 24px;
  background: var(--bg);
}
body.refined.evolved .about-photo-square { height: calc(var(--about-gallery-height) * .37); }
body.refined.evolved .about-photo-portrait { height: calc(var(--about-gallery-height) * .46); }
body.refined.evolved .about-photo-wide { height: calc(var(--about-gallery-height) * .3); }
body.refined.evolved .about-photo-coaching { height: calc(var(--about-gallery-height) * .37); }
body.refined.evolved .about-photo-tall { height: calc(var(--about-gallery-height) * .9); }
body.refined.evolved .about-photo-reveal {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
body.refined.evolved .about-photo-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
body.refined.evolved .about-photo-pool .about-photo-image { object-position: 50% 52%; }
body.refined.evolved .about-photo-connection .about-photo-image { object-position: 50% 60%; }
body.refined.evolved .about-photo-coaching .about-photo-image { object-position: 30% 50%; }
body.refined.evolved .about-photo-physio .about-photo-image { object-position: 65% 50%; }
@media (max-width: 1000px) {
  body.refined.evolved .about-banner-inner { grid-template-columns: 1fr; gap: 40px; }
  body.refined.evolved .about-description { max-width: 55ch; }
  body.refined.evolved .about-photos { --about-gallery-height: clamp(440px, 54vw, 540px); }
}
@media (max-width: 760px) {
  body.refined.evolved .about-banner-inner { gap: 32px; }
  body.refined.evolved .about-banner h2 { font-size: clamp(32px, 9.2vw, 44px); line-height: 1.07; }
  body.refined.evolved .about-description { margin-top: 20px; font-size: 16px; }
  body.refined.evolved .about-visit-link { margin-top: 16px; font-size: 14px; }
  body.refined.evolved .about-photos {
    --about-photo-gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.refined.evolved .about-photo-column { display: contents; }
  body.refined.evolved .about-photo-column:first-child,
  body.refined.evolved .about-photo-column:last-child { padding-top: 0; }
  body.refined.evolved .about-photo {
    height: clamp(154px, 45vw, 260px);
    border-radius: 20px;
  }
  body.refined.evolved .about-photo-slot-tall { grid-column: 1 / -1; }
  body.refined.evolved .about-photo-tall { height: clamp(205px, 58vw, 320px); }
}