/* Preserve the two supplied views, with live, readable captions below them. */
.views { background: var(--cream); color: var(--ink); }
.views .section-top { margin-bottom: clamp(2.5rem, 5vw, 4.5rem); }
.views .section-top > .eyebrow { font-size: .875rem; line-height: 1.6; }
.views h2 { font-size: clamp(3rem, 6.5vw, 6.5rem); line-height: 1.03; letter-spacing: -.045em; }
.views h2 em { color: #ad925c; }
.views-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.5rem, 2.5vw, 2.5rem); margin-top: clamp(2.75rem, 5.5vw, 5rem); }
.view-scene { min-width: 0; }
.view-image { position: relative; width: 100%; aspect-ratio: 680 / 472; overflow: hidden; background: #19392c; }
.view-image img { display: block; position: absolute; width: 225.882353%; max-width: none; height: auto; top: -101.059322%; }
.view-image-mussoorie img { left: -11.176471%; }
.view-image-hathipaon img { left: -114.705882%; }
.view-scene figcaption { padding-top: 1.5rem; }
.view-scene h3 { font-size: clamp(1.8rem, 2.7vw, 2.7rem); line-height: 1.2; letter-spacing: -.02em; }
.view-scene p { max-width: 32rem; margin-top: .65rem; color: #4d5c51; font-size: 1rem; line-height: 1.8; }
@media (max-width: 640px) {
  .views-gallery { grid-template-columns: minmax(0, 1fr); gap: 2.75rem; }
  .views .section-note { max-width: 9rem; font-size: .875rem; }
  .views h2 { font-size: clamp(3rem, 11.5vw, 4.5rem); }
  .view-scene figcaption { padding-top: 1.1rem; }
  .view-scene h3 { font-size: 2rem; }
}