.nv-steps{--nv-out: cubic-bezier(.16, 1, .3, 1)}.nv-steps__grid{grid-template-columns:minmax(0,1fr);display:grid;grid-template-areas:"head" "media" "list";column-gap:6.4rem;padding-top:clamp(5.6rem,10vw,9.6rem);padding-bottom:clamp(4rem,8vw,8rem)}.nv-steps__head{grid-area:head;display:flex;flex-direction:column;gap:1.4rem;margin-bottom:2.4rem}.nv-steps__media{grid-area:media;position:sticky;top:0;z-index:2;padding:1.2rem 0 1.6rem;background-color:var(--nv-tone-a)}.nv-steps__frame{position:relative;width:min(100%,42svh);margin:0 auto;aspect-ratio:1;border-radius:var(--nv-radius-l);overflow:hidden;background-color:var(--nv-sand);box-shadow:0 2rem 4.4rem rgba(var(--nv-ink-rgb),.08)}.nv-steps__shot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--i);clip-path:inset(0 0 0 0);transition:clip-path .9s var(--nv-out)}.nv-steps__shot img,.nv-steps__shot .nv-placeholder{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--nv-out)}.nv-steps[data-seg] .nv-steps__shot:not(.is-active):not(.is-past){clip-path:inset(100% 0 0 0)}.nv-steps[data-seg] .nv-steps__shot:not(.is-active):not(.is-past) img{transform:scale(1.08)}.nv-steps__caption{position:absolute;bottom:1.2rem;left:1.2rem;padding:.5rem 1.2rem;border-radius:var(--nv-radius-pill);background-color:#fbf8f3e6;font-size:1.2rem;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--nv-ink)}.nv-steps__list{grid-area:list;padding-bottom:16svh;position:relative;margin:0;padding:0;list-style:none}.nv-steps__step{position:relative;display:grid;grid-template-columns:3.8rem minmax(0,1fr);column-gap:1.8rem;align-items:start;--nv-step-pad: 2.8rem;min-height:0;padding:var(--nv-step-pad) 0}.nv-steps__step:not(:last-child):before,.nv-steps__step:not(:last-child):after{content:"";position:absolute;top:calc(var(--nv-step-pad) + 3.8rem);bottom:calc(-1 * var(--nv-step-pad));left:1.9rem;width:.1rem}.nv-steps__step:not(:last-child):before{background-color:var(--nv-gold-faint)}.nv-steps__step:not(:last-child):after{background-color:var(--nv-gold);transform:scaleY(0);transform-origin:50% 0;transition:transform .7s var(--nv-out)}.nv-steps__step.is-past:after,.nv-steps:not([data-seg]) .nv-steps__step:after{transform:scaleY(1)}.nv-steps__num{position:relative;z-index:1;display:grid;place-items:center;width:3.8rem;height:3.8rem;border:.1rem solid var(--nv-gold-soft);border-radius:50%;background-color:var(--nv-tone-a);font-family:var(--nv-font-display);font-size:1.9rem;font-style:italic;color:var(--nv-gold-text);transition:background-color .4s var(--nv-out),color .4s var(--nv-out),border-color .4s var(--nv-out)}.nv-steps__body{display:flex;flex-direction:column;gap:1rem;padding-top:.2rem;transition:opacity .5s var(--nv-out)}.nv-steps__title{margin:0;font-family:var(--nv-font-display);font-size:clamp(2.6rem,6.4vw,4rem);font-weight:var(--nv-font-display-weight);line-height:1.1;letter-spacing:-.01em;color:var(--nv-ink);text-wrap:balance}.nv-steps__text{max-width:42ch;font-size:1.6rem;line-height:1.6;color:var(--nv-text)}.nv-steps__text p{margin:0}.nv-steps__title{transition:color .5s var(--nv-out)}.nv-steps[data-seg] .nv-steps__step:not(.is-active) .nv-steps__title{color:rgba(var(--nv-ink-rgb),.55)}.nv-steps__step.is-active .nv-steps__num,.nv-steps__step.is-past .nv-steps__num{border-color:var(--nv-ink);background-color:var(--nv-ink);color:var(--nv-ivory)}@media(prefers-reduced-motion:reduce){.nv-steps__shot{transition:opacity .4s ease}.nv-steps[data-seg] .nv-steps__shot:not(.is-active):not(.is-past){clip-path:none;opacity:0}.nv-steps[data-seg] .nv-steps__shot:not(.is-active):not(.is-past) img{transform:none}}@media screen and (min-width:990px){.nv-steps__grid{grid-template-areas:"media head" "media list";grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;align-items:start}.nv-steps__head{margin-bottom:0;padding-top:10vh}.nv-steps__media{top:10vh;padding:0;background:none}.nv-steps__frame{width:min(100%,78vh)}.nv-steps__step{--nv-step-pad: 10vh;min-height:52vh;align-content:center}.nv-steps__list{padding-bottom:12vh}}.nv-steps--compact .nv-steps__grid{grid-template-areas:none;padding-bottom:clamp(5.6rem,10vw,9.6rem)}.nv-steps--compact .nv-steps__head{grid-area:auto;margin-bottom:3.2rem}.nv-steps__row{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(24rem,76%);gap:1.6rem;margin:0 -1.5rem;padding:0 1.5rem .8rem;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:1.5rem;scrollbar-width:none}.nv-steps__row::-webkit-scrollbar{display:none}.nv-steps__card{display:flex;flex-direction:column;gap:1.6rem;scroll-snap-align:start}.nv-steps__card-media{position:relative;aspect-ratio:4 / 5;border-radius:var(--nv-radius-l);overflow:hidden;background-color:var(--nv-sand);box-shadow:0 1.6rem 3.6rem rgba(var(--nv-ink-rgb),.08)}.nv-steps__card-media img,.nv-steps__card-media .nv-placeholder{width:100%;height:100%;object-fit:cover}.nv-steps__card-body{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:1.2rem;row-gap:.4rem;align-items:center}.nv-steps__card-body .nv-steps__num{border-color:var(--nv-ink);background-color:var(--nv-ink);color:var(--nv-ivory)}.nv-steps__card-title{margin:0;overflow-wrap:normal;word-break:normal;-webkit-hyphens:manual;hyphens:manual;font-family:var(--nv-font-display);font-size:clamp(2.2rem,5.6vw,2.8rem);font-weight:var(--nv-font-display-weight);line-height:1.15;color:var(--nv-ink)}.nv-steps__card-body .nv-steps__text{grid-column:2;font-size:1.5rem}@media screen and (min-width:750px){.nv-steps__row{grid-auto-columns:minmax(28rem,44%);gap:2rem;margin:0 -5rem;padding:0 5rem .8rem;scroll-padding-inline:5rem}}@media screen and (min-width:990px){.nv-steps__row{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:2.4rem;margin:0;padding:0;overflow:visible}}@media screen and (min-width:990px){.nv-steps--compact .nv-steps__grid{grid-template-areas:none;grid-template-columns:minmax(0,1fr);grid-template-rows:auto}.nv-steps--compact .nv-steps__head{padding-top:0;margin-bottom:4rem}.nv-steps__row{gap:3.2rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/nv-section-steps.css.map */