/* Myrtle Promises (mck-about-promises): from site/about/v1/style.css (.shaped / .promises). */
.mck-about-promises .shaped { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(48px, 7vw, 120px); align-items: start; }
.mck-about-promises .shaped-head { position: sticky; top: 150px; }
.mck-about-promises .shaped-head .lead { margin-top: 28px; max-width: 40ch; }
.mck-about-promises .promises { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.mck-about-promises .promises.is-stagger .shell:nth-child(even) { margin-top: 72px; margin-bottom: -72px; }
.mck-about-promises .promises .core { height: 100%; padding: 40px 34px 44px; background: var(--soft); transition: transform .8s var(--ease); }
.mck-about-promises .promises .shell { transition: transform .8s var(--ease); }
.mck-about-promises .promises .shell:hover .core { transform: translateY(-6px); }
.mck-about-promises .pr-ic { display: grid; place-items: center; width: 60px; height: 60px; border-radius: 50%; background: var(--white); margin-bottom: 56px; transition: transform .8s var(--spring); }
.mck-about-promises .pr-ic img { width: 30px; }
.mck-about-promises .promises .shell:hover .pr-ic { transform: rotate(-12deg) scale(1.08); }
.mck-about-promises .promises h3 { font-size: clamp(24px, 2vw, 30px); font-weight: 300; line-height: 1.12; margin-bottom: 12px; }
.mck-about-promises .promises p { font-weight: 300; font-size: 16.5px; }
@media (max-width: 1080px) {
  .mck-about-promises .shaped { grid-template-columns: 1fr; }
  .mck-about-promises .shaped-head { position: relative; top: 0; }
}
@media (max-width: 767px) {
  .mck-about-promises .promises { grid-template-columns: 1fr; }
  .mck-about-promises .promises.is-stagger .shell:nth-child(even) { margin: 0; }
  .mck-about-promises .pr-ic { margin-bottom: 32px; }
}