.deconstruction{background:var(--deco-bg, #e8e1d5);color:var(--deco-text, #3b6456);padding:4rem 1.5rem}.deconstruction__inner{max-width:1440px;margin:0 auto}.deconstruction__heading{font-size:clamp(1.5rem,2.5vw,1.875rem);line-height:1.1;text-align:center;max-width:56rem;margin:0 auto 2rem}.deconstruction__grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}@media(min-width:990px){.deconstruction__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem}}.deconstruction__viewport{position:relative;width:100%;max-width:640px;aspect-ratio:640 / 496;margin:0 auto;overflow:hidden}.deconstruction__track{position:absolute;left:-7.8125%;top:0;width:115.625%;will-change:transform}.deconstruction__image{display:block;width:100%;height:auto;pointer-events:none}.deconstruction__zoom{position:absolute;width:18.65%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.6);opacity:0;transition:opacity .4s ease,transform .4s ease;pointer-events:none;z-index:3}.deconstruction__zoom.is-active,.deconstruction__zoom.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.deconstruction__zoom-image{display:block;width:100%;height:100%;border-radius:9999px;background-repeat:no-repeat;background-color:var(--deco-bg, #e8e1d5);border:4px solid #fff;box-shadow:0 12px 32px #00000038}.deconstruction__zoom-label{position:absolute;top:-6%;left:-6%;width:36%;height:36%;border-radius:9999px;background:var(--deco-pin, #ad7738);box-shadow:0 0 0 6px color-mix(in srgb,var(--deco-pin, #ad7738) 20%,transparent);color:#fff;font-size:1rem;font-weight:500;display:grid;place-items:center;line-height:1}.deconstruction__pin{position:absolute;width:6.84%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.7);opacity:0;transition:opacity .4s ease,transform .4s ease;border-radius:9999px;background:var(--deco-pin, #ad7738);box-shadow:0 0 0 6px color-mix(in srgb,var(--deco-pin, #ad7738) 20%,transparent);color:#fff;font-size:1rem;font-weight:500;display:grid;place-items:center;line-height:1;z-index:3;pointer-events:none}.deconstruction__pin.is-active,.deconstruction__pin.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.deconstruction__fade{position:absolute;inset:0 0 auto 0;height:30%;background:linear-gradient(to bottom,var(--deco-bg, #e8e1d5),transparent);pointer-events:none;z-index:1}.deconstruction__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.5rem}.deconstruction__step{display:flex;align-items:center;gap:2rem;padding-left:.625rem;opacity:.25;transition:opacity .4s ease;cursor:help}.deconstruction__step.is-active{opacity:1}.deconstruction__step:focus{outline:2px solid var(--deco-pin, #ad7738);outline-offset:4px;border-radius:4px}.deconstruction__badge{flex-shrink:0;width:3rem;height:3rem;border-radius:9999px;background:var(--deco-pin, #ad7738);color:#fff;font-size:2rem;line-height:1;display:grid;place-items:center;box-shadow:0 0 0 10px color-mix(in srgb,var(--deco-pin, #ad7738) 20%,transparent)}.deconstruction__text{margin:0;font-size:1.25rem;line-height:1.2}@media(prefers-reduced-motion:reduce){.deconstruction__zoom,.deconstruction__step{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/192/assets/deconstruction-graphic.css.map */