.hg-ab-c1{position:relative;overflow:hidden;padding:11.6rem 10rem;background:var(--hg-tint-50);color:var(--hg-ink);scroll-margin-top:8rem}.hg-ab-c1__ghost{position:absolute;top:-5.2rem;left:calc(50% + 37.6rem);margin:0;font-family:var(--hg-font-display);font-size:26rem;font-weight:800;line-height:1;letter-spacing:-1.3rem;white-space:nowrap;color:#0896ac17;pointer-events:none;-webkit-user-select:none;user-select:none}.hg-ab-c1__wrap{position:relative;display:flex;flex-direction:column;gap:6.4rem;max-width:124rem;margin-inline:auto;padding-inline:5.6rem}.hg-ab-c1__head{display:flex;align-items:flex-end;gap:7.2rem}.hg-ab-c1__intro{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:2rem;width:52rem}.hg-ab-c1__chap{margin:0;padding-bottom:.167rem;font-family:var(--hg-font-display);font-size:1.35rem;font-weight:800;line-height:2.1rem;letter-spacing:.216rem;color:var(--hg-ink)}.hg-ab-c1__kick{display:flex;align-items:flex-start;gap:1.1rem;margin:0;font-family:var(--hg-font-body);font-size:1.7rem;font-weight:800;line-height:2.465rem;letter-spacing:.204rem;text-transform:uppercase;color:var(--hg-teal-aa)}.hg-ab-c1__drop{display:inline-flex;flex:none;width:1.6rem;height:2.1rem;margin-top:-.1rem;color:var(--hg-amber)}.hg-ab-c1__drop svg{width:100%;height:100%}.hg-ab-c1 .hg-ab-c1__h2{margin:0;max-width:47.88rem;padding-top:.347rem;font-family:var(--hg-font-display);font-size:5.6rem;font-weight:800;line-height:6.048rem;letter-spacing:-.185rem;color:var(--hg-ink);text-wrap:wrap}.hg-ab-c1__aside{flex:1 1 0;min-width:0;display:flex;gap:3rem}.hg-ab-c1__rule{flex:none;align-self:stretch;width:1px;background:#06222a24}.hg-ab-c1__body{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:1.6rem}.hg-ab-c1__p{margin:0;font-family:var(--hg-font-body);font-size:1.75rem;font-weight:400;line-height:1.65;color:#3f555c}.hg-ab-c1__p b,.hg-ab-c1__p strong{font-weight:700;color:var(--hg-ink)}.hg-ab-c1__p--lead{font-size:2.2rem;font-weight:500;line-height:1.48;color:var(--hg-ink)}.hg-ab-c1__p--lead b,.hg-ab-c1__p--lead strong{font-weight:600;color:var(--hg-teal)}.hg-ab-c1__flow{display:flex;align-items:center;margin:0;padding:0;list-style:none}.hg-ab-c1__card{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:1.8rem;padding:2rem 2.4rem 2rem 2rem;border:1px solid rgb(6 34 42 / .07);border-radius:2.2rem;background:var(--hg-white);box-shadow:0 10px 24px #06222a0f}.hg-ab-c1__card--on{border-color:transparent;background:linear-gradient(90deg,#05c3dd,#0896ac);box-shadow:0 14px 30px #0896ac47}.hg-ab-c1__badge{flex:none;display:flex;align-items:center;justify-content:center;width:5.6rem;height:5.6rem;border-radius:50%;background:var(--hg-tint-300);color:var(--hg-teal)}.hg-ab-c1__card--on .hg-ab-c1__badge{background:#fff3;color:var(--hg-white)}.hg-ab-c1__badge svg{width:2.8rem;height:2.8rem}.hg-ab-c1__label{font-family:var(--hg-font-display);font-size:2.2rem;font-weight:700;line-height:normal;color:var(--hg-ink)}.hg-ab-c1__card--on .hg-ab-c1__label{color:var(--hg-white)}.hg-ab-c1__conn{flex:none;display:flex;width:8.4rem;height:1.6rem;color:var(--hg-teal)}.hg-ab-c1__conn svg{width:100%;height:100%;overflow:visible}.hg-ab-c1__flow .hg-rv{transition-delay:calc(var(--hg-rv-d, 0) * .14s)}.hg-ab-c1__card.hg-rv{transform:translateY(26px) scale(.97)}.hg-ab-c1__card.hg-rv.is-in{transform:none}.hg-ab-c1__conn.hg-rv{transform:translate(-12px)}.hg-ab-c1__conn.hg-rv.is-in{transform:none}.hg-ab-c1__conn.is-in .hg-ab-c1__conn-line{animation:hg-ab-c1-flow 1.2s linear infinite}@keyframes hg-ab-c1-flow{to{stroke-dashoffset:-8}}.hg-ab-c1__card.hg-rv{transition-property:opacity,transform,translate,box-shadow;transition-duration:.9s,1s,.45s,.45s;transition-timing-function:var(--hg-ease-out);transition-delay:calc(var(--hg-rv-d, 0) * .14s),calc(var(--hg-rv-d, 0) * .14s),0s,0s}.hg-ab-c1__badge{transition:transform .45s var(--hg-ease-out)}.hg-ab-c1__card.is-in:hover{translate:0 -4px;box-shadow:0 18px 34px #06222a1a}.hg-ab-c1__card--on.is-in:hover{box-shadow:0 20px 40px #0896ac5c}.hg-ab-c1__card:hover .hg-ab-c1__badge{transform:scale(1.08) rotate(-4deg)}@media(prefers-reduced-motion:reduce){.hg-ab-c1__conn.is-in .hg-ab-c1__conn-line{animation:none}.hg-ab-c1__card.hg-rv,.hg-ab-c1__conn.hg-rv,.hg-ab-c1__card:hover .hg-ab-c1__badge{transform:none}.hg-ab-c1__card.is-in:hover{translate:none}}@media screen and (max-width:1199px){.hg-ab-c1{padding-inline:4rem}.hg-ab-c1__wrap{padding-inline:0}.hg-ab-c1__ghost{left:auto;right:2rem}.hg-ab-c1__head{gap:4.8rem}.hg-ab-c1__intro{width:44rem}.hg-ab-c1 .hg-ab-c1__h2{font-size:4.8rem;line-height:1.08}.hg-ab-c1__conn{width:5.6rem}}@media screen and (max-width:989px){.hg-ab-c1{padding-block:8.8rem}.hg-ab-c1__ghost{top:-3.2rem;font-size:18rem;letter-spacing:-.9rem}.hg-ab-c1__wrap{gap:4.8rem}.hg-ab-c1__head{flex-direction:column;align-items:stretch;gap:3.2rem}.hg-ab-c1__intro{width:auto}.hg-ab-c1 .hg-ab-c1__h2{max-width:60rem}.hg-ab-c1__card{gap:1.4rem;padding:1.6rem 1.8rem 1.6rem 1.6rem}.hg-ab-c1__badge{width:4.8rem;height:4.8rem}.hg-ab-c1__badge svg{width:2.4rem;height:2.4rem}.hg-ab-c1__label{font-size:1.9rem}.hg-ab-c1__conn{width:4rem}}@media screen and (max-width:749px){.hg-ab-c1{padding:6.4rem var(--hg-gutter-sm)}.hg-ab-c1__ghost{top:-2.4rem;right:1rem;font-size:13rem;letter-spacing:-.6rem}.hg-ab-c1__intro{gap:1.4rem}.hg-ab-c1 .hg-ab-c1__h2{font-size:clamp(3.2rem,8.6vw,4rem);line-height:1.1;letter-spacing:-.03em;text-wrap:balance}.hg-ab-c1__kick{font-size:1.5rem;line-height:2.1rem;letter-spacing:.17rem}.hg-ab-c1__aside{gap:2rem}.hg-ab-c1__p--lead{font-size:1.9rem}.hg-ab-c1__p{font-size:1.6rem}.hg-ab-c1__flow{flex-direction:column;align-items:stretch}.hg-ab-c1__card{flex:none}.hg-ab-c1__conn{align-self:center;align-items:center;justify-content:center;width:1.6rem;height:4.4rem}.hg-ab-c1__conn svg{flex:none;width:4rem;height:1.6rem;transform:rotate(90deg)}.hg-ab-c1__conn.hg-rv{transform:translateY(-8px)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-hg-ab-ch01.css.map */