.mf-steps__layout{display:grid;grid-template-columns:minmax(0,1fr)}.mf-steps__heading{gap:1.125rem;margin-bottom:var(--mf-space-6)}.mf-steps__heading .mf-section-heading__text{font-size:1.125rem;line-height:1.6;text-wrap:pretty}.mf-steps__media{position:relative;overflow:hidden;aspect-ratio:4 / 5;margin-bottom:var(--mf-space-4);border-radius:var(--mf-radius-lg);background:var(--mf-sand)}.mf-steps--mobile-square .mf-steps__media{aspect-ratio:1}.mf-steps__img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--mf-steps-focal, 50% 50%)}.mf-steps__video{background:var(--mf-sand)}.mf-steps__video-label{position:absolute;bottom:var(--mf-space-3);left:var(--mf-space-3);padding:.25rem .625rem;border-radius:var(--mf-radius-pill);background:rgb(var(--mf-ink-rgb) / .6);color:var(--mf-paper);font-size:.75rem;font-weight:var(--mf-font-body-weight-bold);letter-spacing:.03em;line-height:1.4;pointer-events:none}.mf-steps__item{--mf-steps-pad: var(--mf-space-5);--mf-steps-num: clamp(2.5rem, 2.1rem + 1.8vw, 3.25rem);--mf-steps-dot-y: calc(var(--mf-steps-pad) + var(--mf-steps-num) / 2);display:grid;grid-template-columns:.75rem minmax(0,1fr);column-gap:var(--mf-space-4)}.mf-steps__marker{position:relative;color:var(--mf-doodle)}.mf-steps__dot{position:absolute;z-index:1;top:var(--mf-steps-dot-y);left:50%;width:.6875rem;height:.6875rem;margin:-.34375rem 0 0 -.34375rem;border:.125rem solid currentColor;border-radius:50%;background:currentColor}.mf-steps__line{position:absolute;top:var(--mf-steps-dot-y);left:0;width:100%;height:100%}.mf-steps__line svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.mf-steps__row{padding-block:var(--mf-steps-pad) calc(var(--mf-steps-pad) + .25rem)}.mf-steps__item+.mf-steps__item .mf-steps__row{border-top:1px solid var(--mf-hairline)}.mf-steps__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--mf-space-4);height:var(--mf-steps-num);margin-bottom:var(--mf-space-3)}.mf-steps__num{color:var(--mf-heading);font-family:var(--mf-font-heading);font-style:var(--mf-font-heading-style);font-weight:var(--mf-font-heading-weight);font-size:var(--mf-steps-num);letter-spacing:-.02em;line-height:1}.mf-steps__item{--mf-steps-accent: var(--mf-pink);--mf-steps-tint: var(--mf-rose)}.mf-steps__item:nth-child(2n){--mf-steps-accent: var(--mf-green);--mf-steps-tint: var(--mf-mint)}.mf-steps__num{color:var(--mf-steps-accent)}@supports (color: color-mix(in srgb,red 50%,transparent)){.mf-section--rose .mf-steps__num,.mf-section--mint .mf-steps__num,.mf-section--variant .mf-steps__num{color:color-mix(in srgb,var(--mf-steps-accent) 66%,var(--mf-ink))}}.mf-steps__icon{display:grid;flex:none;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--mf-steps-tint);color:var(--mf-ink)}.mf-section--mint .mf-steps__icon,.mf-section--rose .mf-steps__icon,.mf-section--variant .mf-steps__icon{background:var(--mf-paper)}.mf-steps__title{margin:0 0 var(--mf-space-2);font-size:var(--mf-h3);line-height:1.2}.mf-steps__text{max-width:34rem;margin:0;color:var(--mf-muted);text-wrap:pretty}.mf-steps__note{display:flex;align-items:flex-start;gap:var(--mf-space-3);margin:0;padding-top:var(--mf-space-5);border-top:1px solid var(--mf-hairline);color:var(--mf-muted)}.mf-steps__note>span{text-wrap:pretty}.mf-steps__note-icon{margin-top:.1875rem;color:var(--mf-heading)}@media(min-width:600px){.mf-steps__media,.mf-steps--mobile-square .mf-steps__media{aspect-ratio:16 / 10}.mf-steps--video-tall .mf-steps__media,.mf-steps--video-tall.mf-steps--mobile-square .mf-steps__media{aspect-ratio:4 / 5;max-width:30rem}.mf-steps__row{display:grid;grid-template-columns:4.75rem minmax(0,1fr) auto;column-gap:var(--mf-space-4);align-items:start}.mf-steps__meta{display:contents}.mf-steps__num{grid-column:1;grid-row:1}.mf-steps__icon{grid-column:3;grid-row:1;margin-top:calc((var(--mf-steps-num) - 2.75rem) / 2)}.mf-steps__content{grid-column:2;grid-row:1;padding-top:calc((var(--mf-steps-num) - 1.2 * var(--mf-h3)) / 2)}}@media(min-width:990px){.mf-steps__layout{grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:clamp(3rem,7vw,6.5rem)}.mf-steps__heading{margin-bottom:var(--mf-space-5)}.mf-steps__body{max-width:36rem}.mf-steps--has-media .mf-steps__layout{grid-template-rows:1fr auto auto 1fr}.mf-steps--has-media .mf-steps__media,.mf-steps--has-media.mf-steps--mobile-square .mf-steps__media{grid-column:1;grid-row:1 / -1;align-self:center;aspect-ratio:4 / 5;max-width:none;margin-bottom:0;border-radius:var(--mf-radius-xl)}.mf-steps--has-media .mf-steps__heading{grid-column:2;grid-row:2}.mf-steps--has-media .mf-steps__body{grid-column:2;grid-row:3}.mf-steps--media-right .mf-steps__layout{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}.mf-steps--media-right .mf-steps__media{grid-column:2}.mf-steps--media-right .mf-steps__heading,.mf-steps--media-right .mf-steps__body{grid-column:1}.mf-steps--no-media .mf-steps__layout{align-items:start}}@media(prefers-reduced-motion:no-preference){.js .mf-steps__line{clip-path:inset(0 -.5rem 0 -.5rem);transition:clip-path .9s var(--mf-ease) .25s}.js .mf-steps__dot{transition:background-color .3s var(--mf-ease) .1s}.js .mf-steps__item:not(.is-visible) .mf-steps__line{clip-path:inset(0 -.5rem 100% -.5rem)}.js .mf-steps__item:not(.is-visible) .mf-steps__dot{background-color:var(--mf-bg)}@supports (animation-timeline: view()){.mf-steps__line{animation:mf-steps-draw linear both;animation-timeline:view(block 0% 36%);animation-range:entry 0% entry 100%}.mf-steps__dot{animation:mf-steps-dot linear both;animation-timeline:view(block 0% 36%);animation-range:entry 0% entry 100%}}@keyframes mf-steps-draw{0%{clip-path:inset(0 -.5rem 100% -.5rem)}to{clip-path:inset(0 -.5rem 0 -.5rem)}}@keyframes mf-steps-dot{0%{background-color:var(--mf-bg)}to{background-color:currentColor}}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/mf-section-steps.css.map */