@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&display=swap');

:root {
  --title-font: "Montserrat", Figtree, Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.hero h1,
.page-hero h1,
.content h2,
.section-head h2,
.capabilities h2,
.stockists h2,
.partner h2,
.about h2,
.enquiry h2,
.brand-detail h1,
.brand-list article h2,
.path-grid h3,
.cap-grid h3,
.category-grid h3,
.values h3,
.logo b {
  font-family: var(--title-font);
}

h1,
.hero h1,
.page-hero h1,
.brand-detail h1 {
  font-weight: 800;
  letter-spacing: -0.055em;
}

h2,
h3,
.section-head h2,
.capabilities h2,
.stockists h2,
.partner h2,
.about h2,
.enquiry h2,
.content h2 {
  font-weight: 700;
  letter-spacing: -0.045em;
}

.review span::after {
  content: " · MONTSERRAT + NEW PHOTOGRAPHY";
}

.v3-photo-frame img {
  object-position: 50% center;
  filter: saturate(.96) contrast(1.02);
}

.path-grid img,
.cap-grid.visual img,
.capability-band img,
.contact-team-photo img,
.purpose-visual img,
.values-visual img {
  filter: saturate(.94) contrast(1.02);
}

.client-photo-note {
  color: var(--body);
  font-size: .8rem;
}

@media (max-width: 850px) {
  .review {
    justify-content:center;
  }

  .review span {
    display:none;
  }

  .hero {
    grid-template-columns: minmax(0, 1fr);
    gap: 2rem;
    padding: 3.5rem 6vw 4.5rem;
  }

  .hero h1 {
    font-size: clamp(3.25rem, 15vw, 5.5rem);
  }

  .hero-copy,
  .hero .hero-copy {
    max-width: 38rem;
  }

  .v3-hero-image {
    width:100%;
    min-height:390px;
  }

  .v3-photo-frame,
  .v3-photo-frame img {
    min-height:370px;
  }

  h1,
  .hero h1,
  .page-hero h1 {
    letter-spacing: -0.045em;
  }
}

@media (max-width: 520px) {
  .hero h1 {
    font-size: clamp(2.7rem, 14vw, 4rem);
    line-height: .94;
  }

  .v3-hero-image {
    min-height:330px;
  }

  .v3-photo-frame,
  .v3-photo-frame img {
    min-height:310px;
  }
}