.drye-liner-mechanism{background:var(--bg-ink);color:#c8d4da;padding-block:40px}.drye-liner-mechanism__eyebrow{font-size:var(--fs-micro-2);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sage);margin-bottom:var(--space-8)}.drye-liner-mechanism__heading{font-size:clamp(20px,5.5vw,26px);font-weight:var(--fw-semibold);letter-spacing:-.03em;line-height:1.06;color:var(--white-100);margin-bottom:var(--space-10)}.drye-liner-mechanism__body{font-size:var(--fs-body);line-height:1.6;color:#c8d4da;margin-bottom:var(--space-16)}.drye-liner-mechanism__vs-block{margin-top:var(--space-20);margin-bottom:var(--space-24)}.drye-liner-mechanism__vs-label{text-align:center;font-family:var(--font-body);font-size:var(--fs-micro-2);font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--sage);margin-bottom:var(--space-14);position:relative}.drye-liner-mechanism__vs-label:before,.drye-liner-mechanism__vs-label:after{content:"";position:absolute;top:50%;width:calc(50% - 48px);height:1px;background:var(--white-015)}.drye-liner-mechanism__vs-label:before{left:0}.drye-liner-mechanism__vs-label:after{right:0}.drye-liner-mechanism__vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.drye-liner-mechanism__vs-card{border:1px solid var(--white-015);overflow:hidden;display:flex;flex-direction:column}.drye-liner-mechanism__vs-card--drye{border-color:#0d948880}.drye-liner-mechanism__media{aspect-ratio:1 / 1;background:#fafafa;position:relative;overflow:hidden}.drye-liner-mechanism__media-inner{position:absolute;top:12%;right:12%;bottom:12%;left:12%;display:flex;align-items:center;justify-content:center}.drye-liner-mechanism__media-inner svg{width:100%;height:auto;max-height:100%;display:block}.drye-liner-mechanism__vs-body{padding:var(--space-12);background:#ffffff05}.drye-liner-mechanism__vs-name{font-family:var(--font-display);font-size:var(--fs-caption);font-weight:var(--fw-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--white-050);margin-bottom:var(--space-6)}.drye-liner-mechanism__vs-card--drye .drye-liner-mechanism__vs-name{color:var(--emerald)}.drye-liner-mechanism__vs-desc{margin:0;font-family:var(--font-body);font-size:12px;line-height:1.4;color:var(--white-075)}.drye-liner-mechanism__vs-card--drye .drye-liner-mechanism__vs-desc{color:var(--white-085);font-weight:var(--fw-medium)}.drye-liner-mechanism__diagram{border-top:1px solid var(--white-008);padding-top:var(--space-24);margin-top:var(--space-8)}.drye-liner-mechanism__diagram-label{font-family:var(--font-body);font-size:var(--fs-micro-2);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sage);margin-bottom:var(--space-12);text-align:center}.drye-liner-mechanism__step{padding:var(--space-14) 0}.drye-liner-mechanism__step-label{font-family:var(--font-body);font-size:var(--fs-micro-2);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sage);margin-bottom:var(--space-4)}.drye-liner-mechanism__step-title{font-family:var(--font-display);font-size:17px;font-weight:var(--fw-semibold);color:var(--white-100);letter-spacing:-.02em;margin-bottom:var(--space-4)}.drye-liner-mechanism__step-body{margin:0;font-family:var(--font-body);font-size:13px;color:#c8d4da;line-height:1.5}.drye-liner-mechanism__arrow{text-align:center;color:var(--emerald);font-size:20px;padding:var(--space-6) 0;opacity:.7}@media(min-width:768px){.drye-liner-mechanism{padding-block:88px}.drye-liner-mechanism__heading{font-size:var(--fs-section-h2)}.drye-liner-mechanism__step-title{font-size:var(--fs-sub-h3)}.drye-liner-mechanism__inner{max-width:900px;margin-inline:auto;text-align:center}.drye-liner-mechanism__inner .drye-liner-mechanism__eyebrow,.drye-liner-mechanism__inner .drye-liner-mechanism__heading,.drye-liner-mechanism__inner .drye-liner-mechanism__body{max-width:760px;margin-left:auto;margin-right:auto}.drye-liner-mechanism__vs-block{max-width:720px;margin-inline:auto;margin-top:40px;text-align:left}.drye-liner-mechanism__vs-grid{gap:16px}.drye-liner-mechanism__vs-body{padding:20px}.drye-liner-mechanism__diagram{max-width:640px;margin:24px auto 0;padding-top:32px;text-align:left}.drye-liner-mechanism__diagram-label{text-align:center}.drye-liner-mechanism__step{padding:20px 0}}
/*# sourceMappingURL=/cdn/shop/t/113/assets/drye-liner-mechanism.css.map */