.hiw{--hiw-ease: cubic-bezier(.77, 0, .175, 1);--hiw-accent: #8e7d73;--hiw-line: color-mix(in srgb, var(--hiw-fg) 16%, transparent);--hiw-pad-y: clamp(5rem, 2rem + 6vw, 9.5rem);display:block;overflow-x:clip;padding-block:var(--hiw-pad-y);background:var(--hiw-bg);color:var(--hiw-fg)}.hiw--dark{--hiw-accent: #c2b0a1}.hiw--dark .accent-text{color:var(--hiw-accent)}.hiw__inner{display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);align-items:center}.hiw__media{position:relative;height:min(88svh,54rem);min-height:34rem;overflow:hidden;isolation:isolate;background:color-mix(in srgb,var(--hiw-fg) 10%,var(--hiw-bg))}.hiw__poster,.hiw__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--hiw-focus, 50% 50%)}.hiw--grade-soft .hiw__video,.hiw--grade-soft .hiw__poster{filter:saturate(.78) contrast(.95) brightness(.98) sepia(.08)}.hiw--grade-warm .hiw__video,.hiw--grade-warm .hiw__poster{filter:saturate(.68) contrast(.92) brightness(.97) sepia(.14)}.hiw__video{z-index:1;dynamic-range-limit:standard;cursor:pointer;opacity:0;transition:opacity .8s ease}.hiw.is-playing .hiw__video{opacity:1}.hiw__sound{position:absolute;z-index:2;left:clamp(1rem,.5rem + 1.5vw,2rem);bottom:clamp(1rem,.5rem + 1.5vw,2rem);display:inline-flex;align-items:center;gap:.55rem;min-height:2.75rem;padding:0 1.15rem 0 .95rem;border:1px solid rgb(255 255 255 / .45);border-radius:999px;background:#f2efebe0;-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3);color:#3b3128;font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:.02em;cursor:pointer;transition:background-color .3s ease}@media(hover:hover){.hiw__sound:hover{background:#f2efebf2}}.hiw__sound:focus-visible{outline:2px solid #3b3128;outline-offset:3px}.hiw__sound-icon{width:1.15rem;height:1.15rem;flex:none}.hiw__sound-on,.hiw__sound-label--on,.hiw.is-sound .hiw__sound-off,.hiw.is-sound .hiw__sound-label--muted{display:none}.hiw.is-sound .hiw__sound-on,.hiw.is-sound .hiw__sound-label--on{display:inline}.hiw__mouse{display:none}@media(hover:hover)and (pointer:fine){.hiw__touch{display:none}.hiw__mouse{display:inline}}.hiw__content{padding-inline:clamp(3rem,1rem + 6vw,9rem) clamp(1.5rem,.5rem + 7vw,11rem)}.hiw__content>*{max-width:36rem}.hiw__label{margin:0;font-size:clamp(.8125rem,.76rem + .25vw,1rem);letter-spacing:.2em;text-transform:uppercase;opacity:.7}.hiw__title{margin:clamp(1.25rem,.8rem + 1vw,2rem) 0 0;font-family:var(--font-heading);font-size:clamp(2.5rem,1.4rem + 2.6vw,4rem);font-weight:700;line-height:1.04;text-wrap:balance}.hiw-reveal>span{display:block;padding-bottom:.18em;margin-bottom:-.18em}.hiw__intro{margin:clamp(1.5rem,1rem + 1.2vw,2.25rem) 0 0;max-width:30rem;font-size:clamp(1.0625rem,.9rem + .4vw,1.25rem);line-height:1.5;color:color-mix(in srgb,var(--hiw-fg) 86%,transparent);text-wrap:pretty}.hiw__steps{--hiw-num-w: clamp(3rem, 2.4rem + 1.6vw, 4.25rem);margin:clamp(2.25rem,1.5rem + 2vw,3.5rem) 0 0;padding:0;list-style:none}.hiw-step{position:relative}.hiw-step:before,.hiw-step:last-child:after{content:"";position:absolute;left:0;right:0;height:1px;background:var(--hiw-line);transform-origin:0 50%}.hiw-step:before{top:0}.hiw-step:last-child:after{bottom:0}.hiw-step__heading{margin:0;font:inherit}.hiw-step__toggle{display:grid;grid-template-columns:var(--hiw-num-w) minmax(0,1fr) auto;align-items:center;width:100%;padding:clamp(1.1rem,.85rem + .7vw,1.5rem) 0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.hiw-step__toggle:focus-visible{outline:2px solid var(--hiw-fg);outline-offset:4px}.hiw-step__num{font-family:var(--font-heading);font-size:clamp(1.25rem,1.05rem + .6vw,1.625rem);font-weight:700;line-height:1;color:var(--hiw-accent)}.hiw-step__title{font-family:var(--font-heading);font-size:clamp(1.3125rem,1.15rem + .55vw,1.75rem);font-weight:700;line-height:1.15;transition:translate .45s var(--hiw-ease)}.hiw-step__icon{position:relative;flex:none;width:2.375rem;height:2.375rem;margin-left:var(--space-s);border:1px solid color-mix(in srgb,var(--hiw-fg) 30%,transparent);border-radius:50%;color:var(--hiw-fg);transition:background-color .35s ease,border-color .35s ease,color .35s ease}.hiw-step__icon:before,.hiw-step__icon:after{content:"";position:absolute;left:50%;top:50%;width:.8rem;height:1.5px;border-radius:1px;background:currentColor;translate:-50% -50%}.hiw-step__icon:after{rotate:90deg;transition:rotate .5s var(--hiw-ease)}.hiw-step.is-open .hiw-step__icon{border-color:var(--hiw-fg);background:var(--hiw-fg);color:var(--hiw-bg)}.hiw-step.is-open .hiw-step__icon:after{rotate:0deg}@media(hover:hover){.hiw-step__toggle:hover .hiw-step__icon{border-color:var(--hiw-fg)}.hiw-step:not(.is-open) .hiw-step__toggle:hover .hiw-step__title{translate:.3rem 0}}.hiw-step__panel{display:grid;grid-template-rows:1fr}.js .hiw-step__panel{grid-template-rows:0fr;transition:grid-template-rows .6s var(--hiw-ease)}.js .hiw-step.is-open .hiw-step__panel{grid-template-rows:1fr}.hiw-step__panel-inner{min-height:0;overflow:hidden}.hiw-step__text{margin:0;padding:0 calc(2.375rem + var(--space-s)) clamp(1.25rem,1rem + .7vw,1.75rem) var(--hiw-num-w);max-width:34rem;font-size:var(--text-base);line-height:1.55;color:color-mix(in srgb,var(--hiw-fg) 82%,transparent);text-wrap:pretty}.js .hiw-step__text{opacity:0;translate:0 -.5rem;transition:opacity .3s ease,translate .5s var(--hiw-ease)}.js .hiw-step.is-open .hiw-step__text{opacity:1;translate:0 0;transition:opacity .5s ease .15s,translate .6s var(--hiw-ease) .1s}.hiw__cta{margin-top:clamp(2.5rem,1.5rem + 2.5vw,3.5rem)}.hiw__button{min-width:13rem;background:var(--hiw-fg);color:var(--hiw-bg)}@media(hover:hover){.hiw__button:hover{background:color-mix(in srgb,var(--hiw-fg) 85%,var(--hiw-bg))}}.hiw--media-right .hiw__inner{grid-template-columns:minmax(0,54fr) minmax(0,46fr)}.hiw--media-right .hiw__media{order:2}.hiw--media-right .hiw__content{padding-inline:clamp(1.5rem,.5rem + 7vw,11rem) clamp(3rem,1rem + 6vw,9rem)}@media(min-width:990px){.hiw__media{border-radius:0 clamp(.875rem,.4rem + .6vw,1.25rem) clamp(.875rem,.4rem + .6vw,1.25rem) 0}.hiw--media-right .hiw__media{border-radius:clamp(.875rem,.4rem + .6vw,1.25rem) 0 0 clamp(.875rem,.4rem + .6vw,1.25rem)}}.js .hiw .hiw__media{opacity:0}.js .hiw .hiw__poster{transform:scale(1.06)}.js .hiw .hiw-reveal>span{clip-path:inset(-.6em calc(100% + .6em) -.6em -.6em);transform:translate(-1.25rem)}.js .hiw .hiw-fade{opacity:0;transform:translateY(.9rem)}.js .hiw .hiw-step{opacity:0;transform:translate(2.25rem)}.js .hiw .hiw-step:before,.js .hiw .hiw-step:last-child:after{transform:scaleX(0)}.hiw.is-revealed .hiw__media{opacity:1;transition:opacity 1.2s ease}.hiw.is-revealed .hiw__poster{transform:none;transition:transform 1.8s cubic-bezier(.22,1,.36,1)}.hiw.is-revealed .hiw-reveal>span{clip-path:inset(-.6em);transform:none;transition:clip-path .9s var(--hiw-ease) calc(.2s + var(--d, 0) * .09s),transform .9s var(--hiw-ease) calc(.2s + var(--d, 0) * .09s)}.js .hiw .hiw__title.hiw-reveal>span{clip-path:none;opacity:0;transform:translateY(1.1rem)}.hiw.is-revealed .hiw__title.hiw-reveal>span{clip-path:none;opacity:1;transform:none;transition:opacity 1.5s ease .3s,transform 1.8s cubic-bezier(.22,1,.36,1) .3s}.hiw.is-revealed .hiw-fade{opacity:1;transform:none;transition:opacity .9s ease calc(.2s + var(--d, 0) * .11s),transform .9s cubic-bezier(.22,1,.36,1) calc(.2s + var(--d, 0) * .11s)}.hiw .hiw-step.is-in{opacity:1;transform:none;transition:opacity .9s ease var(--in-delay, 0s),transform 1.1s cubic-bezier(.22,1,.36,1) var(--in-delay, 0s)}.hiw .hiw-step.is-in:before,.hiw .hiw-step.is-in:last-child:after{transform:none;transition:transform 1.2s var(--hiw-ease) var(--in-delay, 0s)}@media(prefers-reduced-motion:reduce){.js .hiw .hiw__media,.js .hiw .hiw__poster,.js .hiw .hiw-reveal>span,.js .hiw .hiw-fade,.js .hiw .hiw-step,.js .hiw .hiw-step__text,.js .hiw .hiw-step:before,.js .hiw .hiw-step:last-child:after,.js .hiw .hiw__title.hiw-reveal>span,.hiw.is-revealed .hiw__title.hiw-reveal>span{opacity:1;clip-path:none;transform:none;transition:none}}@media(max-width:989px){.hiw{--hiw-pad-y: clamp(4rem, 3rem + 5vw, 6rem)}.hiw__inner,.hiw--media-right .hiw__inner{grid-template-columns:minmax(0,1fr)}.hiw__media,.hiw--media-right .hiw__media{order:0;height:auto;min-height:0;aspect-ratio:4 / 3;margin-inline:var(--page-gutter);border-radius:.875rem}.hiw__content,.hiw--media-right .hiw__content{padding:clamp(2.5rem,2rem + 3vw,3.5rem) var(--page-gutter) 0}.hiw__content>*{max-width:40rem}}@media(max-width:749px){.hiw__media,.hiw--media-right .hiw__media{aspect-ratio:4 / 5}.hiw__title{font-size:clamp(2.125rem,1.5rem + 3.2vw,2.75rem)}.hiw__steps{--hiw-num-w: 2.75rem}.hiw-step__text{padding-right:0}.hiw__button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-how-it-works.css.map */