.equipment-photo-guide,
.photo-lesson {
  margin-top: 74px;
}

.equipment-figure-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.equipment-figure-grid figure,
.address-photo-layout figure,
.swing-photo-lesson figure {
  overflow: hidden;
  margin: 0;
  border-radius: 18px;
  background: #fff;
  box-shadow: var(--shadow);
}

.equipment-figure-grid img {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.equipment-figure-grid figcaption {
  display: grid;
  gap: 5px;
  padding: 17px;
}

.equipment-figure-grid figcaption b {
  margin-bottom: 4px;
  color: #286b52;
  font-size: 16px;
}

.equipment-figure-grid figcaption span {
  color: #687a74;
  font-size: 12px;
}

.equipment-figure-grid figcaption i {
  display: inline-grid;
  width: 19px;
  height: 19px;
  place-items: center;
  margin-right: 5px;
  border-radius: 50%;
  background: #dcecdc;
  color: #367653;
  font-style: normal;
  font-weight: 800;
}

.image-disclaimer {
  margin: 12px 0 0;
  color: #73847e;
  font-size: 12px;
}

.address-photo-layout {
  display: grid;
  grid-template-columns: 1.4fr 0.8fr;
  gap: 16px;
}

.address-photo-layout img {
  width: 100%;
  height: 100%;
  min-height: 410px;
  object-fit: cover;
}

.address-photo-layout figcaption,
.swing-photo-lesson figcaption {
  padding: 11px 16px;
  color: #667a73;
  font-size: 12px;
}

.address-photo-layout ol,
.swing-photo-notes ol {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.address-photo-layout li,
.swing-photo-notes li {
  padding: 12px;
  border-radius: 11px;
  background: #f2f7ef;
}

.address-photo-layout b,
.address-photo-layout span,
.swing-photo-notes b,
.swing-photo-notes span {
  display: block;
}

.address-photo-layout b,
.swing-photo-notes b {
  color: #286b52;
  font-size: 14px;
}

.address-photo-layout span,
.swing-photo-notes span {
  margin-top: 2px;
  color: #6d7e78;
  font-size: 12px;
}

.swing-photo-lesson {
  display: grid;
  grid-template-columns: 1.55fr 0.7fr;
  gap: 16px;
  margin-top: 20px;
}

.swing-photo-lesson img {
  width: 100%;
  min-height: 360px;
  object-fit: cover;
}

.swing-photo-notes {
  padding: 20px;
  border-radius: 18px;
  background: #fff;
  box-shadow: var(--shadow);
}

.swing-photo-notes h3 {
  margin: 0 0 12px;
  font: 25px "Jua";
}

@media (max-width: 850px) {
  .address-photo-layout,
  .swing-photo-lesson {
    grid-template-columns: 1fr;
  }

  .address-photo-layout ol,
  .swing-photo-notes ol {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 560px) {
  .equipment-figure-grid,
  .address-photo-layout ol,
  .swing-photo-notes ol {
    grid-template-columns: 1fr;
  }

  .address-photo-layout img,
  .swing-photo-lesson img {
    min-height: auto;
  }
}