/* ============ o-nas.css ============ */
.more {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: clamp(30px, 5vw, 96px); align-items: center;
  padding-block: var(--section-y);
}
.more__media img { width: 100%; aspect-ratio: 9 / 10; object-fit: cover; }
.more__text { display: flex; flex-direction: column; align-items: center; gap: clamp(20px, 2.4vw, 32px); text-align: center; }
.more__title { font-family: var(--font-display); font-weight: 500; font-size: var(--fs-h1); text-transform: uppercase; line-height: 1.1; }
.more__text p { font-size: var(--fs-lead); max-width: 46ch; }

.quote {
  position: relative; isolation: isolate;
  display: grid; place-items: center;
  padding: clamp(64px, 10vw, 170px) var(--gutter);
}
.quote__bg { position: absolute; inset: 0; z-index: -2; overflow: hidden; }
.quote__bg img { width: 100%; height: 100%; object-fit: cover; }
.quote::after { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(0,38,31,.6); }
.quote__text {
  font-family: "Dancing Script", "Playfair Display", cursive;
  font-weight: 600;
  font-size: clamp(1.8rem, 3.8vw, 3.3rem);
  line-height: 1.35; color: var(--cream); text-align: center;
  max-width: 40ch; margin: 0;
}

@media (max-width: 820px) {
  .more { grid-template-columns: 1fr; gap: 32px; max-width: 560px; margin-inline: auto; }
  .more__media { order: -1; }
}