/* Chi siamo: two equally welcome ways to attend. */
.about-welcome { color: #051b33; padding-block: 2.5rem; }
.about-welcome__intro { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: start; }
.about-welcome__eyebrow { display: block; color: #176b50; font-size: .76rem; line-height: 1.6; font-weight: 500; letter-spacing: .075em; text-transform: uppercase; }
.about-welcome h2 { margin: .65rem 0 0; font-size: clamp(2rem, 3.4vw, 2.9rem); line-height: 1.14; font-weight: 300; letter-spacing: -.035em; text-wrap: balance; }
.about-welcome__intro-copy p { margin: 0 0 .7rem; color: #455a50; font-size: 1.05rem; line-height: 1.7; font-weight: 500; }
.about-welcome__invitation { margin: 2.4rem 0 1.2rem; padding-top: 1.5rem; border-top: 1px solid #dce5df; color: #455a50; font-weight: 500; font-size: 1rem; }
.about-welcome__scenes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
.about-welcome__scene { min-width: 0; background: #faf9f5; border: 1px solid #e8e8de; border-radius: 5px; overflow: hidden; }
.about-welcome__image { aspect-ratio: 4 / 3; background: #f3edde; display: flex; align-items: center; }
.about-welcome__image img { display: block; width: 100%; height: 100%; max-height: none; object-fit: contain; }
.about-welcome__copy { padding: clamp(1.2rem, 2.3vw, 2rem); }
.about-welcome h3 { margin: .55rem 0 .8rem; font-size: clamp(1.45rem, 2.3vw, 1.9rem); line-height: 1.25; font-weight: 500; letter-spacing: -.035em; text-wrap: balance; }
.about-welcome__copy p { margin: 0; font-size: 1.02rem; line-height: 1.7; color: #455a50; font-weight: 500; }
.about-welcome__closing { text-align: center; padding-top: 1.5rem; }
.about-welcome__closing p { margin: 0 auto .45rem; max-width: none; font-size: 1rem; color: #176b50; font-weight: 500; }
.about-welcome__closing small { display: block; color: #617168; font-size: .76rem; line-height: 1.6; }
@media (max-width: 700px) {
  .about-welcome { padding-block: 1.7rem; }
  .about-welcome__intro { grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
  .about-welcome__intro-copy p { font-size: 1rem; }
  .about-welcome__invitation { margin-top: 1.2rem; padding-top: 1.1rem; }
  .about-welcome__scenes { grid-template-columns: minmax(0, 1fr); gap: 1.4rem; }
  .about-welcome__copy { padding: 1.25rem; }
  .about-welcome__eyebrow { font-size: .71rem; letter-spacing: .055em; }
  .about-welcome__closing { text-align: left; }
}