.three-site .about-section { align-items: center; }
.gathering-figure { margin: 0; min-width: 0; width: 100%; }
.gathering-art { position: relative; overflow: hidden; border-radius: 16px; isolation: isolate; aspect-ratio: 1; background: #f9efeb; }
.gathering-art > img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; }
.gathering-art > canvas { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; }
.gathering-ready .gathering-art > canvas { opacity: 1; }
.gathering-figure figcaption { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; margin-top: 15px; font-size: 13px; line-height: 1.7; }
.gathering-figure figcaption > span { letter-spacing: .07em; }
.gathering-pause { border: 1px solid #173f2c55; border-radius: 28px; background: transparent; color: var(--ink); padding: 9px 16px; min-height: 44px; font: 14px/1.5 var(--body-font); cursor: pointer; }
.gathering-pause:hover { background: #173f2c; color: #fff; }
.gathering-pause:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
.gathering-pause[hidden] { display: none; }
.three-site .access-heading .shop-figure { margin-top: 36px; max-width: 500px; }
.three-site .access-heading .shop-figure figcaption { font: 13px/1.7 var(--body-font); padding-top: 10px; }
@media (max-width: 760px) {
  .gathering-art { border-radius: 10px; }
  .gathering-figure figcaption { margin-top: 12px; }
  .gathering-figure figcaption > span { font-size: 12px; letter-spacing: .035em; }
  .gathering-pause { padding-inline: 13px; }
  .three-site .access-heading .shop-figure { margin-top: 28px; max-width: none; }
}