.dd-how{padding-top:var(--pt, 96px);padding-bottom:var(--pb, 96px);position:relative;overflow:hidden}.dd-how--white{background:var(--paper)}.dd-how--cream{background:var(--cream)}.dd-how--sage{background:#6f8f7b14}.dd-how--ink{background:var(--ink-900);color:var(--paper)}.dd-how--ink h2,.dd-how--ink .dd-how__title{color:var(--paper)}.dd-how--ink .dd-how__text{color:var(--ink-200)}.dd-how .dd-wrap{position:relative;z-index:1}.dd-how__grid{display:grid;grid-template-columns:1fr 32px 1fr 32px 1fr;grid-template-rows:auto auto;column-gap:24px;row-gap:32px;max-width:1180px;margin-inline:auto}.dd-how__photo-wrap{position:relative;grid-row:1;width:100%;aspect-ratio:1/1;border-radius:22px;background:var(--paper);padding:6px;border:1.5px solid var(--gold-400);box-shadow:0 18px 40px -16px #a8884859;transition:transform var(--dur-3) var(--ease),box-shadow var(--dur-3) var(--ease)}.dd-how__photo-wrap:hover{transform:translateY(-4px);box-shadow:0 26px 60px -18px #a888488c}.dd-how__photo-wrap[data-step="1"]{grid-column:1}.dd-how__photo-wrap[data-step="2"]{grid-column:3}.dd-how__photo-wrap[data-step="3"]{grid-column:5}.dd-how__photo-wrap[data-step="4"]{grid-column:7}.dd-how__photo{width:100%;height:100%;object-fit:cover;border-radius:18px;display:block}.dd-how__num{position:absolute;top:-26px;left:50%;transform:translate(-50%);width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--gold-400) 0%,var(--gold-600) 100%);color:var(--ink-900);font:700 1.3rem/1 var(--font-display);box-shadow:0 10px 24px -6px #a8884899,0 0 0 4px var(--paper);z-index:2}.dd-how--cream .dd-how__num{box-shadow:0 10px 24px -6px #a8884899,0 0 0 4px var(--cream)}.dd-how__arrow{grid-row:1;align-self:center;display:inline-flex;align-items:center;justify-content:center;color:var(--gold-500);opacity:.85;flex-shrink:0}.dd-how__arrow[data-arrow="1"]{grid-column:2}.dd-how__arrow[data-arrow="2"]{grid-column:4}.dd-how__arrow[data-arrow="3"]{grid-column:6}.dd-how__text-block{grid-row:2;text-align:center;padding-inline:8px}.dd-how__text-block[data-step="1"]{grid-column:1}.dd-how__text-block[data-step="2"]{grid-column:3}.dd-how__text-block[data-step="3"]{grid-column:5}.dd-how__text-block[data-step="4"]{grid-column:7}.dd-how__title{font:600 1.15rem/1.25 var(--font-display);letter-spacing:-.01em;color:var(--ink-900);margin:0 0 8px}.dd-how__text{font-size:var(--t-sm);color:var(--text-soft);line-height:1.55;max-width:280px;margin:0 auto}.dd-how__grid--steps-4{grid-template-columns:1fr 32px 1fr 32px 1fr 32px 1fr}.dd-how__features{display:flex;justify-content:center;flex-wrap:wrap;gap:18px 36px;padding-top:36px;border-top:1px dashed rgba(168,136,72,.35);max-width:900px;margin-inline:auto}.dd-how__feat{display:inline-flex;align-items:center;gap:12px;font:600 .95rem/1 var(--font-ui);color:var(--ink-900)}.dd-how--ink .dd-how__feat{color:var(--paper)}.dd-how__feat-icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#c7a55b29;color:var(--gold-600);flex-shrink:0}.dd-how--ink .dd-how__feat-icon{background:#c7a55b2e;color:var(--gold-400)}@media(max-width:989px){.dd-how__grid{column-gap:16px;row-gap:26px;max-width:800px}.dd-how__title{font-size:1.02rem}.dd-how__text{font-size:.85rem}.dd-how__num{width:44px;height:44px;font-size:1.05rem;top:-22px}}@media(max-width:749px){.dd-how__grid{grid-template-columns:1fr;grid-template-rows:none;row-gap:18px;max-width:320px}.dd-how__photo-wrap,.dd-how__text-block,.dd-how__arrow{grid-row:auto;grid-column:1!important}.dd-how__photo-wrap[data-step="1"]{order:1}.dd-how__text-block[data-step="1"]{order:2}.dd-how__arrow[data-arrow="1"]{order:3}.dd-how__photo-wrap[data-step="2"]{order:4}.dd-how__text-block[data-step="2"]{order:5}.dd-how__arrow[data-arrow="2"]{order:6}.dd-how__photo-wrap[data-step="3"]{order:7}.dd-how__text-block[data-step="3"]{order:8}.dd-how__arrow[data-arrow="3"]{order:9}.dd-how__photo-wrap[data-step="4"]{order:10}.dd-how__text-block[data-step="4"]{order:11}.dd-how__arrow{transform:rotate(90deg);align-self:center;justify-self:center;margin:4px 0}.dd-how__features{gap:14px 24px;padding-top:28px}.dd-how__feat{font-size:.85rem}.dd-how__feat-icon{width:34px;height:34px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/how.css.map */