/* Myrtle Values Stack (mck-home-values): ported from site/home/v2/style.css (VALUES sticky stack). */
.mck-home-values { --display: "Sunset Serial", Georgia, serif; } /* Elementor containers set --display: flex */
.mck-home-values .values { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(40px, 6vw, 112px); align-items: start; }
.mck-home-values .values-head { position: sticky; top: 150px; }
.mck-home-values .values-head .lead { margin-top: 28px; }
.mck-home-values .stack { display: grid; gap: 28px; }
.mck-home-values .stack.is-sticky .shell { position: sticky; top: calc(130px + var(--i) * 26px); }
.mck-home-values .stack .core { min-height: 300px; padding: 44px 44px 48px; overflow: hidden; }
.mck-home-values .stack .core::after { content: ""; position: absolute; right: -40px; bottom: -40px; width: 200px; height: 200px; background: var(--shape) center / contain no-repeat; opacity: .9; transition: transform 1.2s var(--ease); }
.mck-home-values .stack .shell:hover .core::after { transform: rotate(-12deg) scale(1.06); }
.mck-home-values .v-ic { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 20px; background: var(--soft); margin-bottom: 40px; }
.mck-home-values .v-ic img { width: 34px; }
.mck-home-values .stack h3 { font-size: clamp(28px, 2.2vw, 32px); font-weight: 300; line-height: 1.08; margin-bottom: 14px; max-width: 16ch; }
.mck-home-values .stack p { font-size: 17px; font-weight: 300; max-width: 40ch; position: relative; z-index: 1; }
@media (max-width: 1080px) {
  .mck-home-values .values { grid-template-columns: 1fr; }
  .mck-home-values .values-head { position: static; }
}
@media (max-width: 767px) {
  .mck-home-values .stack.is-sticky .shell { top: calc(96px + var(--i) * 14px); }
  .mck-home-values .stack .core { min-height: 0; padding: 32px 28px 36px; }
  .mck-home-values .stack .core::after { width: 96px; height: 96px; right: -26px; bottom: -26px; opacity: .3; }
  .mck-home-values .v-ic { margin-bottom: 28px; }
}