.hg-howto{--hg-howto-pt: 76px;--hg-howto-pb: 76px;background:var(--hg-tint-50);padding-block:var(--hg-howto-pt) var(--hg-howto-pb)}.hg-howto__head{display:flex;align-items:flex-end;justify-content:space-between;gap:4rem;margin-bottom:3.2rem}.hg-howto__title{min-width:0}.hg-howto__heading{margin:0;max-width:46rem}.hg-howto__aside{flex:none;margin:0;padding-left:2rem;max-width:28rem;border-left:1px solid var(--hg-paper-3);font-family:var(--hg-font-body);font-size:1.5rem;line-height:1.55;color:var(--hg-muted)}.hg-howto__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;margin:0;padding:0;list-style:none}.hg-howto__card{min-width:0;perspective:1400px}.hg-howto__flip{position:relative;display:block;width:100%;aspect-ratio:3 / 4;border-radius:2rem;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.22,.61,.26,1);will-change:transform;cursor:pointer}.hg-howto__flip:focus-visible{outline:2px solid var(--hg-teal-aa);outline-offset:4px}@media(hover:hover)and (pointer:fine){.hg-howto__flip:hover,.hg-howto__flip:focus-within{transform:rotateY(180deg)}}.hg-howto__card.is-flipped .hg-howto__flip{transform:rotateY(180deg)}.hg-howto__face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2rem;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.hg-howto__face--front{display:flex;flex-direction:column;background:var(--hg-white);box-shadow:inset 0 0 0 1px #06222a14}.hg-howto__shot{position:relative;display:block;flex:none;aspect-ratio:1 / 1;overflow:hidden;background:var(--hg-tint-150)}.hg-howto__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hg-howto__foot{display:flex;flex:1 1 auto;align-items:center;justify-content:space-between;gap:1rem;padding:1.4rem 1.6rem}.hg-howto__name{font-family:var(--hg-font-display);font-weight:800;font-size:1.6rem;line-height:1.2;color:var(--hg-ink)}.hg-howto__hint{flex:none;display:inline-flex;align-items:center;padding:.45rem 1rem;border-radius:var(--hg-r-pill);background:var(--hg-tint-200);font-family:var(--hg-font-body);font-weight:700;font-size:1.15rem;letter-spacing:.02em;color:var(--hg-teal-aa)}.hg-howto__face--back{display:flex;flex-direction:column;gap:1.2rem;padding:2.2rem 2rem;transform:rotateY(180deg) translateZ(0);background:linear-gradient(150deg,#06222a,#0b3a44);color:var(--hg-white);overflow-y:auto}.hg-howto__back-title{margin:0;font-family:var(--hg-font-display);font-weight:800;font-size:1.7rem;line-height:1.2;color:var(--hg-white)}.hg-howto__steps{display:flex;flex-direction:column;gap:.9rem;margin:0;padding:0;list-style:none}.hg-howto__step{padding-left:1.2rem;border-left:2px solid rgba(255,255,255,.24);font-family:var(--hg-font-body);font-size:1.35rem;line-height:1.5;color:#ffffffdb}.hg-howto__step:last-child{border-left-color:var(--hg-amber);color:var(--hg-white)}@media screen and (max-width:1199px){.hg-howto__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:989px){.hg-howto__head{flex-direction:column;align-items:flex-start;gap:1.6rem}.hg-howto__aside{padding-left:0;border-left:0;max-width:none}}@media screen and (max-width:599px){.hg-howto__grid{grid-template-columns:minmax(0,1fr);gap:1.6rem}.hg-howto__flip{aspect-ratio:4 / 5}}@media(prefers-reduced-motion:reduce){.hg-howto__flip{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-hg-howto.css.map */