/**
 * Section: Why Vanderbilt?
 *
 * Desktop (Figma 190:141): white ground, two columns — 660px prose on the
 * left, 427px image-led blocks on the right, with a wide 273px gutter.
 * Expressed proportionally (48.5% / 31.4%) so it holds at any width.
 * Mobile (190:177): single column, blocks in authored order.
 */

.vu-why__cols {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20.1%; /* 273 / 1360 */
}

.vu-why__col {
  display: flex;
  flex-direction: column;
  gap: 96px;
}

.vu-why__col--main {
  flex: 0 1 48.5%;  /* 660 / 1360 */
}

.vu-why__col--aside {
  flex: 0 1 31.4%;  /* 427 / 1360 */
}

.vu-why__block {
  display: flex;
  flex-direction: column;
  gap: var(--vu-space-8);
}

.vu-why__text {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.vu-why__heading {
  font-family: var(--vu-font-serif);
  font-weight: 400;
  font-size: 32px;
  line-height: 1.32;
  letter-spacing: -0.01em;
}

.vu-why__body {
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.01em;
}

.vu-why__body p + p {
  margin-block-start: var(--vu-space-5);
}

.vu-why__media {
  width: 100%;
  overflow: hidden;
}

.vu-why__image {
  width: 100%;
  height: auto;
}
/**== sarita css ===**/
.vu-why__inner {
	display: grid;
	grid-template-columns: 2fr 1fr;
	column-gap: 64px;
	row-gap: 24px;
}

.vu-why__inner > *:first-child {
	grid-column: 1 / -1;
}

.vu-why__cols {
	display: contents; 
}

.vu-why__col--main,
.vu-why__col--aside {
	display: flex;
	flex-direction: column;
	gap: 24px;
	justify-content: space-between;
}
.vu-why__inner .vu-section__head {
	margin-bottom: 200px;
}
.vu-why__col.vu-why__col--aside .vu-why__block:first-child {
	margin-top: -285px;
}
.vu-why__col.vu-why__col--main {
    max-width: 80%;
}
.vu-why__col.vu-why__col--aside .vu-why__block:last-child .vu-why__media img {
	aspect-ratio: 310 / 460;
	object-fit: cover;
}



/* ================================================================
 * Mobile — Figma 190:177
 * ============================================================== */
@media (max-width: 767px) {
	.vu-why__inner {
		grid-template-columns: 1fr;
	}
	.vu-why__cols {
		display: contents;
	}
	.vu-why__block {
		order: var(--vu-order);
	}
	.vu-why__inner {
		display: flex;
		flex-direction: column;
	}
	.vu-why__inner .vu-section__head {
		margin-bottom: 0;
	}
	.vu-why__col.vu-why__col--aside .vu-why__block:first-child {
		margin-top: 0;
	}

  .vu-why__col {
    display: contents;
  }

  .vu-why__block {
    order: var(--vu-order, 0);
    gap: var(--vu-space-7);
  }

  .vu-why__heading {
    font-size: 26px;
  }

  .vu-why__body {
    font-size: 17px;
    line-height: 27px;
  }
	.vu-why__text {
		gap: 15px;
	}
}