.hg-ab-c2{position:relative;overflow:hidden;padding:11.6rem 15.6rem;background:var(--hg-tint-300);color:var(--hg-ink);scroll-margin-top:8rem}.hg-ab-c2__ghost{position:absolute;top:-5.2rem;left:calc(50% + 33.9rem);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-c2__split{position:relative;display:flex;align-items:center;justify-content:center;gap:7.2rem;max-width:112.8rem;margin-inline:auto}.hg-ab-c2__photo{position:relative;flex:none;width:56rem;height:60rem;border-radius:2.8rem;background:var(--hg-paper-3);box-shadow:0 24px 48px #06222a2e;overflow:hidden;isolation:isolate}.hg-ab-c2__img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:transform 1.2s var(--hg-ease-out)}.hg-ab-c2__photo--crop .hg-ab-c2__img{position:absolute;top:-35%;left:-109.3%;width:242.1%;height:auto;max-width:none;object-fit:fill;transform-origin:72% 62%}.hg-ab-c2__photo:hover .hg-ab-c2__img{transform:scale(1.04)}.hg-ab-c2__copy{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2rem}.hg-ab-c2__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-c2__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-c2__drop{display:inline-flex;flex:none;width:1.6rem;height:2.1rem;margin-top:-.1rem;color:var(--hg-amber)}.hg-ab-c2__drop svg{width:100%;height:100%}.hg-ab-c2 .hg-ab-c2__h2{margin:0;max-width:60.648rem;padding-top:.4rem;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-c2__tl{--tl-top: 2.9rem;--tl-h: 23.8rem;--tl-x: 1.7rem;position:relative;width:100%;padding-top:1.4rem}.hg-ab-c2__line{position:absolute;top:var(--tl-top);left:calc(var(--tl-x) - 1px);width:2px;height:var(--tl-h);background:linear-gradient(180deg,#0896ac80,#0896acd9 42%,#ffa51f 70%,#ff7300);transform-origin:50% 0}.hg-ab-c2__beats{position:relative;display:flex;flex-direction:column;gap:2.4rem;margin:0;padding:0;list-style:none}.hg-ab-c2__beat{display:flex;align-items:flex-start;gap:1.8rem}.hg-ab-c2__rail{flex:none;display:flex;justify-content:center;width:3.4rem}.hg-ab-c2__dot{display:block;width:1.2rem;height:1.2rem;border-radius:50%;background:var(--hg-teal)}.hg-ab-c2__text{flex:1 1 0;min-width:0;margin:0;font-family:var(--hg-font-display);font-weight:700;font-size:3rem;line-height:1.2;letter-spacing:-.06rem;color:var(--hg-ink)}.hg-ab-c2__beat--quiet .hg-ab-c2__rail{padding-top:.87rem}.hg-ab-c2__beat--quiet .hg-ab-c2__dot{border:2px solid var(--hg-teal);background:var(--hg-tint-300)}.hg-ab-c2__beat--quiet .hg-ab-c2__text{font-size:2.1rem;font-weight:600;line-height:1.4;letter-spacing:-.021rem;color:#5b7176}.hg-ab-c2__beat--quiet .hg-ab-c2__text b,.hg-ab-c2__beat--quiet .hg-ab-c2__text strong{font-weight:600;color:var(--hg-ink)}.hg-ab-c2__beat--soft .hg-ab-c2__rail{padding-top:1.06rem}.hg-ab-c2__beat--soft .hg-ab-c2__text{font-size:2.4rem;font-weight:600;line-height:1.38;letter-spacing:-.024rem;color:#3f555c}.hg-ab-c2__beat--soft .hg-ab-c2__text b,.hg-ab-c2__beat--soft .hg-ab-c2__text strong{font-weight:600;color:var(--hg-teal)}.hg-ab-c2__beat--strong .hg-ab-c2__rail{padding-top:1.1rem}.hg-ab-c2__beat--strong .hg-ab-c2__dot{width:1.4rem;height:1.4rem;background:#ffa51f}.hg-ab-c2__beat--strong .hg-ab-c2__text b,.hg-ab-c2__beat--strong .hg-ab-c2__text strong{font-weight:800}.hg-ab-c2__beat--climax .hg-ab-c2__rail{padding-top:.39rem}.hg-ab-c2__beat--climax .hg-ab-c2__dot{position:relative;width:3.4rem;height:3.4rem;background:#ff73002e}.hg-ab-c2__beat--climax .hg-ab-c2__dot:after{content:"";position:absolute;top:.8rem;right:.8rem;bottom:.8rem;left:.8rem;border-radius:50%;background:var(--hg-orange)}.hg-ab-c2__beat--climax .hg-ab-c2__text{font-size:3.8rem;font-weight:800;line-height:1.1;letter-spacing:-.076rem;color:#d35400}.hg-ab-c2__tl.is-armed .hg-ab-c2__line{transform:scaleY(0)}.hg-ab-c2__tl.is-armed .hg-ab-c2__dot{opacity:0;transform:scale(.2)}.hg-ab-c2__tl.is-armed .hg-ab-c2__text{opacity:0;transform:translate(14px)}.hg-ab-c2__tl.is-on .hg-ab-c2__line{transform:none;transition:transform 1.5s var(--hg-ease-out) .15s}.hg-ab-c2__tl.is-on .hg-ab-c2__dot{opacity:1;transform:none;transition:opacity .35s var(--hg-ease) calc(.15s + var(--i, 0) * .38s),transform .6s cubic-bezier(.34,1.56,.64,1) calc(.15s + var(--i, 0) * .38s)}.hg-ab-c2__tl.is-on .hg-ab-c2__text{opacity:1;transform:none;transition:opacity .7s var(--hg-ease-out) calc(.22s + var(--i, 0) * .38s),transform .9s var(--hg-ease-out) calc(.22s + var(--i, 0) * .38s)}.hg-ab-c2__tl.is-on .hg-ab-c2__beat--climax .hg-ab-c2__dot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#ff730038;animation:hg-ab-c2-pulse 2.6s var(--hg-ease-out) calc(.9s + var(--i, 0) * .38s) infinite;opacity:0}@keyframes hg-ab-c2-pulse{0%{opacity:.9;transform:scale(1)}70%,to{opacity:0;transform:scale(1.9)}}@media(prefers-reduced-motion:reduce){.hg-ab-c2__img{transition:none}.hg-ab-c2__photo:hover .hg-ab-c2__img{transform:none}.hg-ab-c2__tl.is-on .hg-ab-c2__beat--climax .hg-ab-c2__dot:before{animation:none}}@media screen and (max-width:1199px){.hg-ab-c2{padding-inline:4rem}.hg-ab-c2__ghost{left:auto;right:2rem}.hg-ab-c2__split{gap:5.6rem}.hg-ab-c2__photo{width:44rem;height:47.2rem}.hg-ab-c2 .hg-ab-c2__h2{font-size:4.8rem;line-height:1.08}.hg-ab-c2__beat--strong .hg-ab-c2__text{font-size:2.7rem}.hg-ab-c2__beat--climax .hg-ab-c2__text{font-size:3.3rem}}@media screen and (max-width:989px){.hg-ab-c2{padding-block:8.8rem}.hg-ab-c2__ghost{top:-3.2rem;font-size:18rem;letter-spacing:-.9rem}.hg-ab-c2__split{flex-direction:column;align-items:stretch;gap:4.8rem}.hg-ab-c2__photo{width:100%;height:auto;aspect-ratio:14 / 15;max-width:56rem;margin-inline:auto}.hg-ab-c2 .hg-ab-c2__h2{max-width:none}}@media screen and (max-width:749px){.hg-ab-c2{padding:6.4rem var(--hg-gutter-sm)}.hg-ab-c2__ghost{top:-2.4rem;right:1rem;font-size:13rem;letter-spacing:-.6rem}.hg-ab-c2__split{gap:4rem}.hg-ab-c2__copy{gap:1.4rem}.hg-ab-c2__photo{aspect-ratio:14 / 15;border-radius:2.2rem}.hg-ab-c2__kick{font-size:1.5rem;line-height:2.1rem;letter-spacing:.17rem}.hg-ab-c2 .hg-ab-c2__h2{font-size:clamp(3.2rem,8.6vw,4rem);line-height:1.1;letter-spacing:-.03em}.hg-ab-c2__beats{gap:2rem}.hg-ab-c2__beat{gap:1.4rem}.hg-ab-c2__beat--quiet .hg-ab-c2__text{font-size:1.8rem}.hg-ab-c2__beat--soft .hg-ab-c2__text{font-size:2rem}.hg-ab-c2__beat--strong .hg-ab-c2__text{font-size:2.4rem}.hg-ab-c2__beat--climax .hg-ab-c2__text{font-size:2.8rem}.hg-ab-c2__beat--quiet .hg-ab-c2__rail{padding-top:.7rem}.hg-ab-c2__beat--soft .hg-ab-c2__rail,.hg-ab-c2__beat--strong .hg-ab-c2__rail{padding-top:.8rem}.hg-ab-c2__beat--climax .hg-ab-c2__rail{padding-top:0}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-hg-ab-ch02.css.map */