.studio-steps{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center}@media screen and (min-width:741px){.studio-steps{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(3rem,6vw,6rem)}}.studio-steps__list{display:flex;flex-direction:column}.studio-steps__step{-webkit-appearance:none;appearance:none;background:none;border:0;border-top:1px solid var(--studio-line, rgba(26, 26, 26, .14));text-align:left;cursor:pointer;padding:1.5rem 0 0;color:inherit;font:inherit}.studio-steps__step:last-child{border-bottom:1px solid var(--studio-line, rgba(26, 26, 26, .14))}.studio-steps__head{display:flex;align-items:baseline;gap:1rem}.studio-steps__num{font-size:.75rem;letter-spacing:.1em;opacity:.45;min-width:1.6em}.studio-steps__step-title{font-family:var(--heading-font-family);font-weight:500;text-transform:none;letter-spacing:-.01em;font-size:clamp(1.25rem,2.2vw,1.9rem);line-height:1.1;transition:color .3s ease,opacity .3s ease;opacity:.4}.studio-steps__step.is-active .studio-steps__step-title{opacity:1}.studio-steps__step:hover .studio-steps__step-title{opacity:.75}.studio-steps__body{display:block;margin-left:calc(1.6em + 1rem);max-height:0;opacity:0;overflow:hidden;transition:max-height .45s ease,opacity .4s ease,margin .45s ease;color:var(--studio-muted, #6b5e54);font-size:.95rem;line-height:1.5}.studio-steps__body p{margin:0}.studio-steps__step.is-active .studio-steps__body{max-height:12rem;opacity:1;margin-top:.75rem;padding-bottom:.25rem}.studio-steps__track{display:block;height:2px;margin-top:1.5rem;background:var(--studio-line, rgba(26, 26, 26, .14));overflow:hidden;opacity:0;transition:opacity .3s ease}.studio-steps__step.is-active .studio-steps__track{opacity:1}.studio-steps__bar{display:block;height:100%;width:0;background:var(--studio-ink, #1a1a1a)}.studio-steps__step.is-active .studio-steps__bar{animation:studioStepsFill var(--studio-steps-interval, 5s) linear forwards}.studio-steps:hover .studio-steps__step.is-active .studio-steps__bar{animation-play-state:paused}@keyframes studioStepsFill{0%{width:0}to{width:100%}}.studio-steps__media{position:relative;aspect-ratio:4 / 5;background:#1a1a1a0a;overflow:hidden}@media screen and (min-width:741px){.studio-steps__media{aspect-ratio:5 / 6}}.studio-steps__panel{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s ease,transform .9s ease;transform:scale(1.03)}.studio-steps__panel.is-active{opacity:1;visibility:visible;transform:scale(1)}.studio-steps__panel img,.studio-steps__placeholder{width:100%;height:100%;object-fit:cover;display:block}@media(prefers-reduced-motion:reduce){.studio-steps__step.is-active .studio-steps__bar{animation:none;width:100%}.studio-steps__panel{transition:opacity .2s ease;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/22/compiled_assets/styles.css.map */