/* Myrtle Rising Steps (mck-rise): ported from site/services/marketplace/v1/style.css (.expect-head / .rise).
   The teal card is .rs-hi (the static page used .shell:last-child). */
.mck-rise { --display: "Sunset Serial", Georgia, serif; } /* Elementor containers set --display: flex */
.mck-rise .expect-head { max-width: 820px; }
.mck-rise .expect-head .lead { margin-top: 28px; max-width: 58ch; }
.mck-rise .rise { position: relative; display: grid; grid-template-columns: repeat(var(--cols, 5), 1fr); gap: 16px; align-items: end; margin-top: clamp(64px, 7vw, 104px); }
.mck-rise .rise .shell { margin-bottom: calc(var(--i) * var(--step, 34px)); }
.mck-rise .rise .core { min-height: 280px; display: flex; flex-direction: column; padding: 28px 26px 30px; background: var(--soft, var(--white)); transition: transform .8s var(--ease); }
.mck-rise .rise .shell:hover .core { transform: translateY(-6px); }
.mck-rise .rs-top { display: flex; align-items: center; justify-content: space-between; }
.mck-rise .rs-n { font: 500 13px var(--body); letter-spacing: .08em; color: var(--teal); }
.mck-rise .rs-ic { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--white); transition: transform .8s var(--spring); }
.mck-rise .rs-ic img { width: 24px; }
.mck-rise .rise .shell:hover .rs-ic { transform: rotate(-12deg) scale(1.1); }
.mck-rise .rise h3 { margin-top: auto; padding-top: 56px; font-size: clamp(21px, 1.7vw, 25px); font-weight: 300; line-height: 1.12; }
.mck-rise .rise p { margin-top: 10px; font-weight: 300; font-size: 15.5px; }
.mck-rise .rise .rs-hi .core { background: var(--teal); color: rgba(255, 254, 253, .85); }
.mck-rise .rise .rs-hi h3 { color: var(--white); }
.mck-rise .rise .rs-hi .rs-n { color: var(--aqua); }
.mck-rise .rise .rs-hi .rs-ic { background: rgba(255, 254, 253, .12); }
@media (prefers-reduced-motion: no-preference) {
  .js .mck-rise .rise .shell { opacity: 0; transform: translateY(60px); transition: opacity .9s var(--ease), transform 1.1s var(--ease); transition-delay: calc(var(--i) * 130ms); }
  .js .mck-rise .rise.is-in .shell { opacity: 1; transform: none; }
}
@media (max-width: 1080px) {
  .mck-rise .rise { grid-template-columns: 1fr 1fr; align-items: stretch; }
  .mck-rise .rise .shell { margin-bottom: 0; }
  .mck-rise .rise .shell:last-child { grid-column: 1 / -1; }
  .mck-rise .rise .core { min-height: 0; }
}
@media (max-width: 767px) {
  .mck-rise .rise { grid-template-columns: 1fr; }
  .mck-rise .rise h3 { padding-top: 36px; }
}