.gallery-context {
  padding: clamp(4.5rem, 7vw, 7.5rem) 0;
  background: #f7f3ec;
  color: #1a1612;
}
.gallery-context__inner { width: min(1120px, calc(100% - 3rem)); margin-inline: auto; }
.gallery-context__head { max-width: 760px; margin-bottom: 3rem; }
.gallery-context__head span { color: #8b6b3d; font-size: .68rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.gallery-context h2 { max-width: 18ch; margin: .9rem 0 1.25rem; color: #1a1612; font-family: var(--font-heading, Georgia, serif); font-size: clamp(2.3rem, 4.5vw, 4.4rem); font-weight: 400; line-height: 1; letter-spacing: -.035em; }
.gallery-context__head p, .gallery-context__grid p { color: #686055; line-height: 1.72; }
.gallery-context__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid rgba(139,107,61,.25); border-left: 1px solid rgba(139,107,61,.25); }
.gallery-context__grid article { padding: clamp(1.5rem, 3vw, 2.6rem); border-right: 1px solid rgba(139,107,61,.25); border-bottom: 1px solid rgba(139,107,61,.25); }
.gallery-context__grid h3 { margin: 0 0 .8rem; color: #1a1612; font-family: var(--font-heading, Georgia, serif); font-size: 1.65rem; font-weight: 400; }
.gallery-context__grid p { margin: 0; font-size: .95rem; }
.gallery-context a { color: #78582f; text-decoration: underline; text-underline-offset: .22em; }
@media (max-width: 760px) { .gallery-context__inner { width: min(100% - 2rem, 1120px); } .gallery-context__grid { grid-template-columns: 1fr; } }
