.op{--op-brown-dark: #3E2723;--op-brown: #6B4226;--op-brown-mid: #8A6A52;--op-border: #E7DFD6;--op-white: #FFFFFF;padding:64px 24px 80px}.op__inner{max-width:1280px;margin:0 auto}.op__heading{text-align:center;font-size:32px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--op-brown-dark);margin:0 0 56px}.op__grid{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:32px 24px;padding-top:24px}.op__connector{position:absolute;top:0;left:10%;right:10%;height:2px;background:var(--op-border);z-index:0}.op__connector-fill{display:block;height:100%;width:0%;background:var(--op-brown);transition:width 1.4s cubic-bezier(.22,1,.36,1)}.op__grid.is-in-view .op__connector-fill{width:100%}.op__card{position:relative;z-index:1;background:var(--op-white);border:1px solid var(--op-border);border-radius:14px;padding:40px 20px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease,box-shadow .25s ease,border-color .25s ease}.op__card.is-visible{opacity:1;transform:translateY(0)}.op__card:hover,.op__card:focus-within{border-color:var(--op-brown);box-shadow:0 18px 34px #3e272324;transform:translateY(-6px)}.op__card.is-visible:hover,.op__card.is-visible:focus-within{transform:translateY(-6px)}.op__badge{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--op-white);border:1px solid var(--op-brown);color:var(--op-brown);font-weight:700;font-size:15px;border-radius:6px}.op__image-wrap{width:130px;height:130px;border-radius:50%;overflow:hidden;margin-bottom:22px;background:#f2ede4}.op__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.op__card:hover .op__image,.op__card:focus-within .op__image{transform:scale(1.08)}.op__placeholder-svg{width:100%;height:100%}.op__card-title{font-size:16px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--op-brown-dark);margin:0 0 10px}.op__card-text{font-size:14px;line-height:1.6;color:var(--op-brown-mid);margin:0}@media screen and (max-width:989px){.op__grid{grid-template-columns:repeat(3,1fr)}.op__connector{display:none}}@media screen and (max-width:599px){.op{padding:48px 16px 56px}.op__heading{font-size:24px;margin-bottom:44px}.op__grid{grid-template-columns:1fr;gap:40px}.op__connector{display:none}.op__card{padding:36px 20px 24px}}@media(prefers-reduced-motion:reduce){.op__card{opacity:1;transform:none;transition:box-shadow .25s ease,border-color .25s ease}.op__connector-fill{transition:none;width:100%}.op__image{transition:none}.op__card:hover .op__image,.op__card:focus-within .op__image{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/our-process.css.map */