.activity-hero {
  padding: 184px 0 86px;
  color: #fff;
  background: linear-gradient(110deg, rgba(8, 48, 35, .9), rgba(23, 97, 72, .7)), url("../images/activity-street-tree.jpg") center / cover;
}
.activity-hero--tamukai { background-image: linear-gradient(110deg, rgba(8, 48, 35, .9), rgba(23, 97, 72, .7)), url("../images/activities/tamukai-icho.jpg"); }
.activity-hero p, .section-heading > p { margin: 0; color: var(--lime); font-size: 13px; font-weight: 700; letter-spacing: .18em; }
.activity-hero h1 { margin: 8px 0; font-size: clamp(38px, 5vw, 58px); font-weight: 400; letter-spacing: .08em; }
.activity-hero span { display: block; margin-top: 16px; }
.activity-section { padding: 92px 0; background: var(--cream); }
.activity-section--white { background: #fff; }
.section-heading { margin-bottom: 38px; }
.section-heading h2 { margin: 7px 0 0; font-size: clamp(28px, 3.2vw, 42px); font-weight: 400; letter-spacing: .08em; }
.activity-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.activity-card { overflow: hidden; border: 1px solid #d7ded9; background: #fff; }
.activity-card__photos { display: grid; gap: 5px; background: #e5ebe6; }
.activity-card__photos img { display: block; width: 100%; height: auto; max-height: 410px; object-fit: cover; }
.activity-card__body { padding: 24px 28px 28px; color: #fff; background: var(--green); }
.activity-card__body--action { padding-top: 0; color: inherit; background: #fff; }
.activity-card h3 { margin: 0; color: #fff; font-size: clamp(20px, 2.2vw, 27px); font-weight: 400; line-height: 1.5; }
.activity-card__button { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; padding: 11px 14px; border: 1px solid var(--green); color: var(--green); font-size: 14px; font-weight: 700; }
.activity-card__body--action .activity-card__button { margin-top: 0; }
.activity-card__button:hover { color: #fff; background: var(--green); }
@media (min-width: 761px) {
  .activity-card__body--action { padding-top: 20px; }
}
.container--narrow { width: min(920px, calc(100% - 40px)); }
.activity-detail { padding: 72px 0 96px; }
.activity-detail__section { margin-top: 66px; }
.activity-detail__section h2 { margin: 0 0 22px; padding-bottom: 13px; border-bottom: 2px solid var(--green); font-size: clamp(25px, 3vw, 34px); font-weight: 400; }
.activity-detail__section p { line-height: 2; }
.activity-detail__pair { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); gap: 32px; align-items: start; margin-top: 30px; }
.activity-detail figure { margin: 0; }
.activity-detail figure img, .activity-detail__gallery img { display: block; width: 100%; height: auto; }
.activity-detail figcaption { margin-top: 8px; color: var(--green); font-size: 14px; font-weight: 700; }
.activity-detail__pair p { margin: 0; }
.activity-detail__gallery { display: grid; gap: 16px; margin-top: 30px; }
.activity-detail__gallery--wide { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.activity-detail__gallery--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.activity-detail__final { max-width: 760px; margin: 30px auto 0 !important; }
.activity-detail__back { margin-top: 64px; text-align: right; }
@media (max-width: 760px) {
  .activity-hero { padding: 130px 0 58px; }
  .activity-section, .activity-detail { padding: 65px 0; }
  .activity-grid, .activity-detail__pair, .activity-detail__gallery--wide { grid-template-columns: 1fr; }
  .activity-card__body { padding: 20px; }
  .activity-detail__section { margin-top: 48px; }
  .activity-detail__pair { gap: 16px; }
  .activity-detail__gallery--three { gap: 8px; }
}