.hiw-heading{margin:0 0 3rem}.hiw-defs{position:absolute}.hiw-strip{display:grid;gap:2rem;padding:clamp(1.6rem,3vw,3.2rem);border-radius:1.2rem;background-color:rgba(var(--color-foreground),.04)}.hiw-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;list-style:none;margin:0;padding:0}@media screen and (max-width:749px){.hiw-steps{grid-template-columns:minmax(0,1fr)}.hiw-rail{display:none}}.hiw-steps li{min-width:0}.hiw-card-frame{margin:0;height:100%;display:grid;grid-template-rows:auto 1fr;overflow:hidden;border-radius:1rem;background-color:rgb(var(--color-background))}.hiw-art{display:block;width:100%;max-width:100%;aspect-ratio:3 / 2}.hiw-art text{font-family:var(--font-heading-family)}.hiw-wash{filter:url(#hiw-wash)}.hiw-card-frame figcaption{display:grid;gap:.4rem;align-content:start;padding:1.4rem 1.8rem 1.8rem;border-top:.1rem solid rgba(var(--color-foreground),.1)}.hiw-title{font-family:var(--font-heading-family);font-size:2.1rem;font-weight:600;line-height:1.15;color:rgb(var(--color-foreground))}.hiw-title b{margin-right:.6rem;font-family:var(--font-body-family);font-size:1.15rem;font-weight:600;letter-spacing:.12em;vertical-align:.15em;color:rgb(var(--color-button))}.hiw-card-frame p{margin:0;font-size:1.45rem;line-height:1.55;color:rgba(var(--color-foreground),.75)}.hiw-rail{height:.2rem;border-radius:.2rem;overflow:hidden;background-color:rgba(var(--color-foreground),.12)}.hiw-rail span{display:block;height:100%;transform-origin:left center;background-color:rgb(var(--color-button))}.hiw-flap-closed,.hiw-amb-blow,.hiw-amb-fall{opacity:0}@media(prefers-reduced-motion:no-preference){.hiw-play .hiw-rail span{animation:hiw-rail 5.6s linear both}.hiw-play .hiw-steps li:nth-child(1) .hiw-card-frame{animation:hiw-step-on .5s ease-out 0s both}.hiw-play .hiw-steps li:nth-child(2) .hiw-card-frame{animation:hiw-step-on .5s ease-out 1.75s both}.hiw-play .hiw-steps li:nth-child(3) .hiw-card-frame{animation:hiw-step-on .5s ease-out 3.5s both}.hiw-play .hiw-card{animation:hiw-fade-up .5s ease-out both}.hiw-play .hiw-mini{animation:hiw-pop .45s cubic-bezier(.3,1.6,.5,1) both;transform-box:fill-box;transform-origin:50% 100%}.hiw-play .hiw-mini:nth-child(1){animation-delay:.45s}.hiw-play .hiw-mini:nth-child(2){animation-delay:.65s}.hiw-play .hiw-mini:nth-child(3){animation-delay:.85s}.hiw-play .hiw-mini:nth-child(4){animation-delay:1.05s}.hiw-play .hiw-mini:nth-child(5){animation-delay:1.25s}.hiw-play .hiw-hill{animation:hiw-fade .6s ease-out 1.6s both}.hiw-play .hiw-sapling{animation:hiw-grow .8s cubic-bezier(.3,1.4,.5,1) both;transform-box:fill-box;transform-origin:50% 100%}.hiw-play .hiw-sapling:nth-of-type(1){animation-delay:2s}.hiw-play .hiw-sapling:nth-of-type(2){animation-delay:2.25s}.hiw-play .hiw-sapling:nth-of-type(3){animation-delay:2.5s}.hiw-play .hiw-sapling:nth-of-type(4){animation-delay:2.75s}.hiw-play .hiw-sapling:nth-of-type(5){animation-delay:3s}.hiw-play .hiw-flap-closed{animation:hiw-flap-shut .45s ease-in 3.6s both;transform-box:view-box;transform-origin:120px 62px}.hiw-play .hiw-flap-open{animation:hiw-flap-open .4s ease-out 4.05s both;transform-box:view-box;transform-origin:120px 62px}.hiw-play .hiw-cert{animation:hiw-cert-rise .9s cubic-bezier(.2,.8,.2,1) 4.3s both;transform-box:view-box}.hiw-play .hiw-seal{animation:hiw-pop .5s cubic-bezier(.3,1.6,.5,1) 5.1s both;transform-box:fill-box;transform-origin:50% 50%}.hiw-amb-sway,.hiw-amb-blow,.hiw-amb-fall,.hiw-amb-twinkle{transform-box:view-box}.hiw-amb-sway{animation:hiw-sway 5.5s ease-in-out infinite alternate}.hiw-amb-blow{animation:hiw-blow 13s linear -2s infinite}.hiw-amb-fall{animation:hiw-fall 11s ease-in -4s infinite}.hiw-amb-twinkle{transform-origin:158px 93px;animation:hiw-twinkle 5s ease-in-out infinite}}@keyframes hiw-rail{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hiw-step-on{0%{opacity:.4}to{opacity:1}}@keyframes hiw-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes hiw-fade{0%{opacity:0}to{opacity:1}}@keyframes hiw-pop{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes hiw-grow{0%{opacity:0;transform:scaleY(.05) scaleX(.4)}to{opacity:1;transform:none}}@keyframes hiw-flap-shut{0%{opacity:1;transform:scaleY(1)}to{opacity:1;transform:scaleY(0)}}@keyframes hiw-flap-open{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes hiw-cert-rise{0%{transform:translateY(46px)}to{transform:translateY(0)}}@keyframes hiw-sway{0%{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}@keyframes hiw-blow{0%{transform:translate(-20px,40px) rotate(0);opacity:0}8%{opacity:1}50%{transform:translate(120px,28px) rotate(180deg)}92%{opacity:1}to{transform:translate(262px,46px) rotate(360deg);opacity:0}}@keyframes hiw-fall{0%{transform:translate(196px,20px) rotate(0);opacity:0}10%{opacity:1}to{transform:translate(186px,150px) rotate(220deg);opacity:0}}@keyframes hiw-twinkle{0%,65%,to{transform:scale(.3);opacity:.15}80%{transform:scale(1.1);opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/how-it-works.css.map */