/* Why Nirvana section */
.nv-why-section {
  --nv-bg: #f0ebe1;
  background: var(--nv-bg);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nv-why-inner {
  width: min(1300px, 92vw);
  margin: 0 auto;
}

/* New flex layout: 3 columns */
.nv-why-flex {
  display: flex;
  gap: 0; /* remove gap to allow overlaps across columns */
  align-items: flex-start;
}

.nv-why-col { flex: 1 1 0; }
.nv-why-col--copy { 
  margin-top: 0; 
  z-index: 3; 
   position: relative;
    right: -120px;}
.nv-why-col--img1 { z-index: 2;}
.nv-why-col--img2 { margin-top: 0; position: relative; z-index: 1; }

.nv-why-copy { max-width: 640px; }

.nv-why-title {
  margin: 0 0 18px 0;
  font-family: 'Playfair Display', Georgia, serif!important;
  font-size: clamp(32px, 11vw, 78px)!important; /* much larger and responsive */
  line-height: 1.08;
  color: #232323;
  position: relative;
  z-index: 3;
  max-width: 12ch; /* narrow measure to force multi-line */
}

/* fine-tune overlap of column 2 into column 3 handled by negative margin-right below */

.nv-why-desc {
  margin: 0;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(16px, 1.9vw, 20px);
  line-height: 1.7;
  color: #2b2b2b;
  max-width: 85%;
}

/* Image column figure maintains portrait ratio */
.nv-why-figure {
  width: 100%;
  aspect-ratio: 3 / 4; /* portrait: taller than wide */
  overflow: hidden;
  box-shadow: 0 12px 28px rgba(0,0,0,0.12);
  background: #ddd;
}

/* Make column 2 image overlap into column 3 by ~100px */
.nv-why-col--img1 .nv-why-figure { position: relative; z-index: 2;}

.nv-why-col--img1 .nv-why-figure{
  right: -70px;
  top: 100px;;
}

.nv-why-img { width: 100%; height: 100%!important; object-fit: cover; display: block; }

/* Responsive */
@media (max-width: 1200px) {
  /* Reduce overlaps a bit on medium screens */
  .nv-why-title { margin-right: -80px; max-width: 11ch; }
  .nv-why-col--img1 .nv-why-figure { margin-right: -80px; }
}

@media (max-width: 1024px) {
  .nv-why-desc { font-size: clamp(16px, 2.2vw, 18px); }
  .nv-why-title { margin-right: -56px; max-width: 10.5ch; }
  .nv-why-col--img1 .nv-why-figure { margin-right: -56px; }
}

@media (max-width: 820px) {
  .nv-why-section { padding: 48px 0; align-items: start; }
  .nv-why-flex { flex-direction: column; }
  .nv-why-title { margin-right: 0; }
  .nv-why-col--img1 .nv-why-figure { margin-right: 0; right: 0; top: 0; position: unset; }
  .nv-why-col--img1 { margin-top: 24px; }
  .nv-why-col--img2 { margin-top: 36px; }
  .nv-why-col--copy { right: 0;}
}

@media (max-width: 520px) {
  .nv-why-title { font-size: clamp(44px, 18vw, 88px); max-width: 9.5ch; }
  .nv-why-images { height: 62vw; min-height: 260px; }
}