.chapter-intro{--ci-px: clamp(.68px, 100vw / 1440, 1.7778px);--ci-text-px: clamp(.9px, 100vw / 1440, 1.7778px);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--ci-padding-top, 80) * var(--ci-px)) calc(var(--ci-padding-horizontal, 40) * var(--ci-px)) calc(var(--ci-padding-bottom, 80) * var(--ci-px));background-color:var(--ci-background, #0f0f0f);border-top:1px solid var(--ci-border, #292929);border-bottom:1px solid var(--ci-border, #292929);color:var(--ci-text, #fff);font-family:Barlow Condensed,sans-serif;text-align:center}.chapter-intro__content{display:flex;flex-direction:column;align-items:center;gap:calc(var(--ci-gap, 24) * var(--ci-px));width:calc(var(--ci-content-width, 734) * var(--ci-px));max-width:100%}.chapter-intro__eyebrow{margin:0;font-size:calc(var(--ci-eyebrow-size, 20) * var(--ci-text-px));font-weight:800;line-height:1.2;letter-spacing:.02em;text-transform:uppercase;color:var(--ci-accent, #f26722)}.chapter-intro__heading{--ci-lh: 1.2;margin:calc((1.2 - var(--ci-lh)) / 2 * 1em - .2625em) 0 calc((1.2 - var(--ci-lh)) / 2 * 1em - .244em);max-width:calc(var(--ci-heading-width, 682) * var(--ci-px));font-size:calc(var(--ci-heading-size, 32) * var(--ci-text-px));font-weight:800;font-style:italic;line-height:var(--ci-lh);letter-spacing:.01em;text-transform:uppercase;color:inherit}.chapter-intro__text{margin:0;max-width:calc(var(--ci-text-width, 556) * var(--ci-px));font-size:calc(var(--ci-body-size, 16) * var(--ci-text-px));font-weight:400;line-height:1.4;letter-spacing:.01em;color:var(--ci-muted, #a6a6a6)}@media screen and (max-width:989px){.chapter-intro{--ci-px: clamp(.9px, 100vw / 390, 1.26px);--ci-text-px: var(--ci-px);padding:calc(var(--ci-mobile-padding-top, 48) * var(--ci-px)) calc(var(--ci-mobile-padding-horizontal, 16) * var(--ci-px)) calc(var(--ci-mobile-padding-bottom, 48) * var(--ci-px))}.chapter-intro__content{width:100%;gap:calc(var(--ci-mobile-gap, 16) * var(--ci-px))}.chapter-intro__eyebrow{font-size:calc(var(--ci-mobile-eyebrow-size, 14) * var(--ci-px))}.chapter-intro__heading{--ci-lh: 1.1;margin:0;max-width:none;font-size:calc(var(--ci-mobile-heading-size, 24) * var(--ci-px))}.chapter-intro__text{max-width:none;font-size:calc(var(--ci-mobile-body-size, 14) * var(--ci-px))}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/chapter-intro.css.map */
