#title {
  width: 100%;
  background-color: var(--primary);
  padding: var(--m) 0px;
  display: grid;
  place-items: center;
}
#title .content-width {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

#featured-image {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-start;
}
#featured-image .content-width {
  width: calc(100% - (100vw - var(--content-width)) / 2 - var(--gutter));
  max-width: calc(100% - var(--gutter));
  padding: 0px;
  margin: 0px;
}
#featured-image .content-width .desktop-image,
#featured-image .content-width .mobile-image {
  display: block;
  width: 100%;
}
#featured-image .content-width .desktop-image img,
#featured-image .content-width .mobile-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#featured-image .content-width .desktop-image {
  height: 700px;
}
#featured-image .content-width .mobile-image {
  display: none;
}
@media (max-width: 768px) {
  #featured-image .content-width .desktop-image {
    display: none;
  }
  #featured-image .content-width .mobile-image {
    display: block;
    height: 80vh;
  }
}

#introduction {
  padding: var(--xl) 0px;
}
#introduction .content-width .col {
  width: 100%;
  height: auto;
}
#introduction .content-width .title .heading {
  color: var(--secondary);
  max-width: 7em;
}
#introduction .content-width .copy {
  max-width: 680px;
}
#introduction .content-width .copy .body {
  color: var(--secondary);
}

#our-team {
  padding: var(--l) 0px var(--xl);
}
#our-team .content-width .subheading {
  margin-bottom: var(--m);
}
#our-team .content-width .agents-grid .news-post .featured-image,
#our-team .content-width .our-team-grid .news-post .featured-image {
  aspect-ratio: 489/529;
}
#our-team .content-width .agents-grid {
  margin-bottom: var(--xl);
}
#our-team .content-width .agents-grid .visible:nth-of-type(3n + 1) {
  animation-delay: 0.15s;
}
#our-team .content-width .agents-grid .visible:nth-of-type(3n + 2) {
  animation-delay: 0.3s;
}
#our-team .content-width .agents-grid .visible:nth-of-type(3n + 3) {
  animation-delay: 0.45s;
}
#our-team .content-width .our-team-grid {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}
#our-team .content-width .our-team-grid .news-post {
  width: calc((100% - var(--m) * 3) / 4);
}
#our-team .content-width .our-team-grid .news-post.visible:nth-of-type(4n + 1) {
  animation-delay: 0.15s;
}
#our-team .content-width .our-team-grid .news-post.visible:nth-of-type(4n + 2) {
  animation-delay: 0.3s;
}
#our-team .content-width .our-team-grid .news-post.visible:nth-of-type(4n + 3) {
  animation-delay: 0.45s;
}
#our-team .content-width .our-team-grid .news-post.visible:nth-of-type(4n + 4) {
  animation-delay: 0.6s;
}
@media (max-width: 768px) {
  #our-team .content-width .our-team-grid .news-post {
    width: calc((100% - var(--m)) / 2);
  }
  #our-team .content-width .our-team-grid .news-post.visible:nth-of-type(2n + 1) {
    animation-delay: 0.15s;
  }
  #our-team .content-width .our-team-grid .news-post.visible:nth-of-type(2n + 2) {
    animation-delay: 0.3s;
  }
}
@media (max-width: 450px) {
  #our-team .content-width .our-team-grid .news-post {
    width: 100%;
  }
}

#memberships-cooperations {
  background-color: var(--secondary);
  padding: calc(var(--xl) * 2) 0px var(--xl);
}
#memberships-cooperations .content-width .subheading {
  color: var(--primary);
  margin-bottom: var(--xl);
}
#memberships-cooperations .content-width .grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: var(--m);
}
@media (max-width: 1200px) {
  #memberships-cooperations .content-width .grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 768px) {
  #memberships-cooperations .content-width .grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 500px) {
  #memberships-cooperations .content-width .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
#memberships-cooperations .content-width .grid .tile {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: var(--s);
}
#memberships-cooperations .content-width .grid .tile .packshot {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  overflow: hidden;
}
#memberships-cooperations .content-width .grid .tile .packshot img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1);
  transition: transform 0.3s;
}
#memberships-cooperations .content-width .grid .tile a.packshot:hover img {
  transform: scale(1.03);
}
#memberships-cooperations .content-width .grid .tile .body {
  font-family: var(--mono);
  font-weight: 700;
  color: var(--primary);
  text-align: center;
  line-height: 1em;
  transition: color 0.3s;
}
#memberships-cooperations .content-width .grid .tile a.body:hover {
  color: var(--accent);
}
#memberships-cooperations .content-width .association-memberships {
  margin-bottom: calc(var(--l) * 2);
}/*# sourceMappingURL=about.css.map */