.mechanism{--mechanism-band: var(--c-bg, #f1f0ed);--mechanism-card: var(--c-card, #fcfaf8);--mechanism-ink: var(--c-text, #333333);--mechanism-accent: var(--c-accent, #333333);--mechanism-line: var(--c-line, rgba(51, 51, 51, .12));--mechanism-circle: 26px;--mechanism-gap: 22px;--mechanism-vgap: 10px;--mechanism-numtop: 13px;margin:0;background:var(--mechanism-band);padding:34px 16px;color:var(--mechanism-ink);font-family:var(--FONT-STACK-BODY),sans-serif}@media(min-width:768px){.mechanism{--mechanism-gap: 20px;--mechanism-vgap: 12px;--mechanism-numtop: 14px;padding:48px 40px}}.mechanism__container{max-width:var(--site-width);margin:0 auto}.mechanism__header{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:780px;margin:0 auto 30px;text-align:center}@media(min-width:768px){.mechanism__header{margin-bottom:36px}}.mechanism__eyebrow,.mechanism__title,.mechanism__subtitle,.mechanism__card-title,.mechanism__card-text{margin:0}.mechanism__eyebrow{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--mechanism-ink)}.mechanism__title{color:var(--c-title, var(--mechanism-ink, #333333));font-family:inherit;font-size:32px;font-weight:500;font-style:normal;letter-spacing:normal;line-height:1.15}.mechanism__subtitle{max-width:44ch;color:var(--mechanism-ink);font-size:16px;font-weight:400;line-height:1.5}@media(min-width:768px){.mechanism__title{font-size:36px}.mechanism__subtitle{font-size:16px}}.mechanism__body{display:flex;flex-direction:column;align-items:center;gap:30px}@media(min-width:900px){.mechanism__body{flex-direction:row;align-items:flex-start;gap:48px}}.mechanism__media{display:flex;justify-content:center;align-items:flex-start;width:100%}@media(min-width:900px){.mechanism__media{flex:1 1 0;max-width:560px;position:sticky;top:80px}}.mechanism__frame{width:100%;max-width:520px;border-radius:14px;overflow:hidden;box-shadow:0 12px 30px #33333324}.mechanism__photo{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.mechanism__placeholder{background:var(--mechanism-card)}.mechanism__list{list-style:none;width:100%;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--mechanism-vgap);position:relative}@media(min-width:900px){.mechanism__list{flex:1 1 0;min-width:0}}.mechanism__item{position:relative;display:flex;align-items:stretch;margin:0;padding-left:calc(var(--mechanism-circle) + var(--mechanism-gap))}.mechanism__item:before{content:"";position:absolute;left:calc(var(--mechanism-circle) / 2 - 1px);top:calc(var(--mechanism-numtop) + var(--mechanism-circle));bottom:calc((var(--mechanism-vgap) + var(--mechanism-numtop)) * -1);width:2px;background:var(--mechanism-line);z-index:0}.mechanism__item:last-child:before{content:none}.mechanism__num{position:absolute;left:0;top:var(--mechanism-numtop);z-index:2;display:flex;align-items:center;justify-content:center;width:var(--mechanism-circle);height:var(--mechanism-circle);border-radius:100px;border:2px solid var(--mechanism-line);background:var(--mechanism-card);color:var(--mechanism-ink);font-size:12px;font-weight:600;line-height:1}.mechanism__card{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;justify-content:center;padding:13px 18px;border:1px solid var(--mechanism-line);border-radius:12px;background:var(--mechanism-card)}.mechanism__card-head{display:flex;align-items:center;gap:12px;margin:0 0 5px}.mechanism__icon{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:34px;height:34px;margin:0;border-radius:100px;background:var(--mechanism-band);color:var(--mechanism-ink)}.mechanism__icon svg{display:block;width:19px;height:19px}@media(min-width:768px){.mechanism__icon{width:38px;height:38px}.mechanism__icon svg{width:20px;height:20px}}.mechanism__card-title{color:var(--mechanism-ink);font-family:inherit;font-size:18px;font-weight:500;font-style:normal;letter-spacing:normal;line-height:1.26}.mechanism__card-text{color:var(--mechanism-ink);font-size:15px;font-weight:400;line-height:1.5}@media(min-width:768px){.mechanism__card-title{font-size:17px}.mechanism__card-text{font-size:16px}}.mechanism__item:after{content:"";position:absolute;left:calc(var(--mechanism-circle) / 2 - 1px);top:calc(var(--mechanism-numtop) + var(--mechanism-circle));bottom:calc((var(--mechanism-vgap) + var(--mechanism-numtop)) * -1);width:2px;background:var(--mechanism-accent);transform:scaleY(0);transform-origin:top center;z-index:1;pointer-events:none}.mechanism__item:last-child:after{content:none}.mechanism__num:after{content:attr(data-n);position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;z-index:1;display:flex;align-items:center;justify-content:center;border-radius:100px;background:var(--mechanism-accent);color:var(--mechanism-card);font-size:12px;font-weight:600;line-height:1;opacity:0;transform:scale(.84);pointer-events:none}@media(prefers-reduced-motion:no-preference){.mechanism.is-in .mechanism__num:after{animation:mechanism-num .72s both;animation-delay:calc(var(--mechanism-i) * .38s)}.mechanism.is-in .mechanism__item:last-child .mechanism__num:after{animation-name:mechanism-num-hold;animation-duration:.4s}.mechanism.is-in .mechanism__item:not(:last-child):after{animation:mechanism-line .4s both;animation-delay:calc((var(--mechanism-i) + .55) * .38s)}}@keyframes mechanism-num{0%{opacity:0;transform:scale(.84)}28%{opacity:1;transform:scale(1)}62%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes mechanism-num-hold{0%{opacity:0;transform:scale(.84)}to{opacity:1;transform:scale(1)}}@keyframes mechanism-line{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.mechanism__item:not(:last-child):after{transform:scaleY(1)}.mechanism__item:last-child .mechanism__num:after{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-mechanism.css.map */