.hq-mech{position:relative;overflow:hidden}.hq-mech__head{position:relative;z-index:1;text-align:center}.hq-mech__head>*{margin-left:auto;margin-right:auto}.hq-mech__h2{font-family:var(--brand-font-display);font-size:clamp(30px,4.4vw,52px);line-height:1.12;max-width:none;white-space:normal;margin-top:18px;text-wrap:pretty;color:var(--brand-ink)}.hq-mech__h2 br{display:inline}@media(max-width:749px){.hq-mech__h2 br{display:none}}.hq-mech__lede{margin-top:20px;font-size:16.5px;line-height:1.7;color:var(--brand-ink);max-width:var(--hq-m-lede);text-wrap:balance}.hq-mech__head .hq-mech__rule{display:none}.hq-mech__rule{display:block;width:34px;height:1px;background:var(--hq-gold-soft);margin-top:12px}.hq-mech__illus{position:absolute;top:0;right:0;width:clamp(220px,26vw,420px);height:auto;opacity:.06;pointer-events:none;z-index:0}.hq-mech__grid{position:relative;z-index:1;margin-top:clamp(44px,5vw,72px);display:grid;grid-template-columns:repeat(3,1fr)}.hq-mech__col{padding:0 clamp(20px,3vw,40px);border-left:1px solid var(--hq-gold-soft);display:flex;flex-direction:column}.hq-mech__grid{align-items:stretch}.hq-mech__col:first-child{padding-left:0;border-left:none}.hq-mech__col:last-child{padding-right:0}.hq-mech__num{display:block;font-family:var(--brand-font-body);font-weight:600;font-size:13px;letter-spacing:.14em;color:var(--brand-accent)}.hq-mech__col h3{font-family:var(--brand-font-body);font-size:10.5px;font-weight:600;letter-spacing:.07em;line-height:1.4;text-transform:uppercase;color:var(--hq-teal-ink);margin-top:22px}.hq-mech__col p{margin-top:14px;margin-bottom:0;font-size:15px;line-height:1.65;color:var(--brand-muted);padding-bottom:26px;border-bottom:1px solid var(--hq-gold-soft);flex:1 1 auto}.hq-mech .hq-anchor__text{max-width:var(--hq-m-anchor)}.hq-mech__cta{position:relative;z-index:1;text-align:center;margin-top:clamp(26px,3vw,36px)}@media(max-width:900px){.hq-mech__illus{display:none}}@media(max-width:820px){.hq-mech__grid{grid-template-columns:1fr}.hq-mech__col{border-left:none;padding:0}.hq-mech__col+.hq-mech__col{margin-top:36px}}.hq-mech--motion .hq-mech__col:nth-child(1){--d: 0s}.hq-mech--motion .hq-mech__col:nth-child(2){--d: 80ms}.hq-mech--motion .hq-mech__col:nth-child(3){--d: .16s}.hq-mech--motion.is-armed .hq-mech__col{opacity:0;transform:translateY(12px)}.hq-mech--motion.is-armed .hq-mech__col .hq-mech__rule{transform:scaleX(0);transform-origin:left center}.hq-mech--motion.is-armed .hq-anchor__rule{transform:scaleX(.55)}.hq-mech--motion .hq-anchor__rule--left{transform-origin:right center}.hq-mech--motion .hq-anchor__rule--right{transform-origin:left center}.hq-mech--motion.is-in .hq-mech__col{opacity:1;transform:none;transition:opacity .28s ease-out var(--d),transform .28s ease-out var(--d)}.hq-mech--motion.is-in .hq-mech__col .hq-mech__rule{transform:scaleX(1);transition:transform .32s ease-out calc(var(--d) + .12s)}.hq-mech--motion.is-in .hq-anchor__rule{transform:scaleX(1);transition:transform .32s ease-out .48s}.hq-mech--motion.is-in .hq-anchor__rule:after{animation:hq-mech-dot .6s ease-out .8s 1 both}@keyframes hq-mech-dot{0%{box-shadow:0 0 #b08a2e00}40%{box-shadow:0 0 0 6px #b08a2e38,0 0 14px #b08a2e73}to{box-shadow:0 0 #b08a2e00}}.hq-mech--motion.is-done .hq-mech__col{transition:transform .16s ease}.hq-mech--motion.is-done .hq-mech__col p{transition:border-color .16s ease}.hq-mech--motion.is-done .hq-mech__rule{transform-origin:left center;transition:transform .16s ease}@media(hover:hover){.hq-mech--motion.is-done .hq-mech__col:hover{transform:translateY(-4px)}.hq-mech--motion.is-done .hq-mech__col:hover .hq-mech__rule{transform:scaleX(1.65)}.hq-mech--motion.is-done .hq-mech__col:hover p{border-bottom-color:var(--brand-accent)}}.hq-mech--motion.is-done .hq-mech__col.is-active{transform:translateY(-4px)}.hq-mech--motion.is-done .hq-mech__col.is-active .hq-mech__rule{transform:scaleX(1.65)}.hq-mech--motion.is-done .hq-mech__col.is-active p{border-bottom-color:var(--brand-accent)}@media(prefers-reduced-motion:reduce){.hq-mech--motion .hq-mech__col,.hq-mech--motion .hq-mech__rule,.hq-mech--motion .hq-anchor__rule{transition:none!important;transform:none!important}.hq-mech--motion .hq-anchor__rule:after{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-hq-mechanisms.css.map */