.process-steps{display:block;padding:1.6rem 1.5rem 4rem}@media screen and (min-width:990px){.process-steps{padding:0 6rem 4rem}}.process-steps__label{margin:0;font-family:var(--font-body-family);font-size:1.2rem;font-weight:700;line-height:1.35;letter-spacing:.04em;text-transform:uppercase;color:rgba(var(--color-foreground),.6)}.process-steps__label--dark{color:rgb(var(--color-foreground))}.process-steps__top,.process-steps__bottom{display:flex;align-items:baseline;justify-content:space-between;gap:2rem}.process-steps__top{margin-bottom:2.4rem}.process-steps__list{margin-top:1.6rem}.process-steps__row{display:grid;grid-template-columns:4.4rem minmax(0,1fr);gap:1.6rem;align-items:center;width:100%;min-height:6.6rem;padding:1.6rem 0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}@media screen and (min-width:750px){.process-steps__row{grid-template-columns:9.4rem minmax(0,1fr)}}.process-steps__row--head{min-height:0;padding:0 0 1.4rem;border-bottom:.1rem solid rgba(var(--color-foreground),.12);cursor:default}.process-steps__item{border-bottom:.1rem solid rgba(var(--color-foreground),.12)}.process-steps__row-title{font-family:var(--font-accent-family);font-size:clamp(1.6rem,1.5vw,2.2rem);line-height:1.2;letter-spacing:.04em;text-transform:uppercase;color:rgb(var(--color-foreground));transition:font-size .7s cubic-bezier(.22,1,.36,1),opacity var(--duration-default) ease}.process-steps__item.is-open .process-steps__row-title{font-size:clamp(2.6rem,2.6vw,4rem)}@media(hover:hover){.process-steps__list:has(.process-steps__item:not(.is-open) .process-steps__row:hover) .process-steps__item:not(.is-open) .process-steps__row:not(:hover) .process-steps__row-title{opacity:.4}}.process-steps__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .7s cubic-bezier(.22,1,.36,1)}.process-steps__item.is-open .process-steps__panel{grid-template-rows:1fr}.process-steps__panel-inner{min-height:0;overflow:hidden}.process-steps__panel-grid{display:grid;gap:2.4rem;padding:0 0 3.2rem 6rem;opacity:0;transform:translateY(-1rem);transition:opacity .5s ease,transform .7s cubic-bezier(.22,1,.36,1)}.process-steps__item.is-open .process-steps__panel-grid{opacity:1;transform:none;transition-delay:.1s}@media screen and (min-width:750px){.process-steps__panel-grid{padding-left:11rem}}@media screen and (min-width:990px){.process-steps__panel-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:6rem;padding-bottom:4.8rem}}.process-steps__description{max-width:44ch}.process-steps__media{aspect-ratio:3 / 2;overflow:hidden;background-color:#eeeef2}.process-steps__media video{background-color:#000}.process-steps__media img,.process-steps__media video{display:block;width:100%;height:100%;object-fit:cover}.process-steps__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;height:100%;padding:2rem;text-align:center}.process-steps__placeholder svg{width:40%;height:auto;opacity:.35}.process-steps__bottom{margin-top:2.4rem}.process-steps__link{margin-left:auto;padding-bottom:.3rem;border-bottom:.2rem solid currentColor;color:rgb(var(--color-foreground));font-size:1.2rem;font-weight:700;letter-spacing:.04em;text-decoration:none;text-transform:uppercase}.process-steps__preview{position:fixed;top:0;left:0;z-index:4;width:clamp(22rem,20vw,34rem);aspect-ratio:3 / 2;overflow:hidden;opacity:0;pointer-events:none;scale:.94;transition:opacity .3s ease,scale .4s cubic-bezier(.22,1,.36,1)}.process-steps__preview.is-visible{opacity:1;scale:1}.process-steps__preview-media{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s ease}.process-steps__preview-media.is-current{opacity:1}.process-steps__preview-media img{display:block;width:100%;height:100%;object-fit:cover}@media(hover:none){.process-steps__preview{display:none}}@media(prefers-reduced-motion:reduce){.process-steps__panel,.process-steps__panel-grid,.process-steps__row-title,.process-steps__preview,.process-steps__preview-media{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-process-steps.css.map */