.mw-video-steps{background:var(--mw-cream, #FBF4E8);padding:clamp(2.5rem,6vw,6rem) clamp(1.25rem,5vw,4rem)}.mw-video-steps__inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 3fr;gap:clamp(2rem,4vw,4rem);align-items:stretch}.mw-video-steps__content{display:flex;flex-direction:column;justify-content:center;gap:2rem}.mw-video-steps__subheading{font-family:Space Mono,monospace;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;color:#1a1a1a;margin:0}.mw-video-steps__title{font-family:Playfair Display,serif;font-size:clamp(1.75rem,3vw,2.75rem);line-height:1.15;color:#1a1a1a;margin:0}.mw-video-steps__steps{display:flex;flex-direction:column;gap:1.5rem}.mw-step{display:flex;align-items:flex-start;gap:1rem;background:none;border:none;padding:0;text-align:left;cursor:pointer;font:inherit}.mw-step__number{flex:0 0 auto;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:0;border:1px solid #1a1a1a;font-family:Space Mono,monospace;font-size:.85rem;color:#1a1a1a;background:transparent;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.mw-step__body{display:flex;flex-direction:column;gap:.35rem;padding-top:.15rem}.mw-step__title{font-family:Playfair Display,serif;font-size:1.05rem;transition:color .25s ease}.mw-step__text{font-family:Space Mono,monospace;font-size:.8rem;line-height:1.5;transition:color .25s ease}.mw-step:not(.is-active) .mw-step__number{border-color:#b9b3a6;color:#9a9488}.mw-step:not(.is-active) .mw-step__title,.mw-step:not(.is-active) .mw-step__text{color:#9a9488}.mw-step.is-active .mw-step__number{background:#1a1a1a;border-color:#1a1a1a;color:#fbf4e8}.mw-step.is-active .mw-step__title,.mw-step.is-active .mw-step__text{color:#1a1a1a}.mw-video-steps__media{position:relative;width:100%;aspect-ratio:9 / 16;overflow:hidden}.mw-video-steps__video{width:100%;height:100%;object-fit:cover;display:block}.mw-video-steps__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e7ded0;color:#7a7266;font-family:Space Mono,monospace;font-size:.85rem;text-align:center;padding:1.5rem}@media screen and (max-width:749px){.mw-video-steps__inner{grid-template-columns:1fr}.mw-video-steps__media{aspect-ratio:9 / 14;order:-1}.mw-video-steps__content{justify-content:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/mw-video-steps.css.map */