.ha{padding:var(--section-pad, clamp(56px, 8vw, 112px)) 0;background:var(--kb-bg);color:var(--kb-fg);scroll-margin-top:var(--header-h, 80px);border-top:1px solid var(--color-border, rgb(var(--kb-fg-rgb) / .12))}.ha__inner{max-width:var(--page-width, 1400px);margin:0 auto;padding:0 var(--page-margin, 20px)}.ha__head{margin-bottom:clamp(24px,4vw,48px)}.ha__heading{margin:0;font-family:var(--font-heading--family);font-weight:800;font-size:var(--text-3xl, clamp(36px, 5vw, 60px));line-height:.95;letter-spacing:-.01em;text-transform:uppercase}.ha__lead{margin:14px 0 0;max-width:46ch;color:var(--color-muted, rgb(var(--kb-fg-rgb) / .64));font-size:var(--text-md, 18px);line-height:1.6}.ha__foot{margin:clamp(20px,3vw,36px) 0 0;color:var(--color-subtle, rgb(var(--kb-fg-rgb) / .52));font-size:13px;letter-spacing:.04em}.ha__stage{position:relative;container-type:inline-size}.ha__word,.ha__lines{display:none}.ha__figure{position:relative;width:min(100%,640px);margin:0 auto;aspect-ratio:1}.ha__image{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 26px rgb(0 0 0 / calc(.6 * var(--kb-shadow-k, 1))))}html[data-theme=light] .ha__image{filter:drop-shadow(0 0 1px rgb(0 0 0 / .55)) drop-shadow(0 18px 22px rgb(0 0 0 / .16))}.ha__dot{position:absolute;translate:-50% -50%;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--color-accent, #d62828);border:2px solid #ffffff;color:#fff;font-family:var(--font-heading--family);font-weight:800;font-size:9px;line-height:1;transition:transform .2s var(--ease, ease)}.ha__dot.is-active{transform:scale(1.25)}.ha__list{display:grid;gap:0 32px;margin:clamp(24px,4vw,40px) 0 0;padding:0;list-style:none;grid-template-columns:1fr}.ha__part{padding:16px 0;border-top:1px solid var(--color-border, rgb(var(--kb-fg-rgb) / .12));display:grid;grid-template-columns:36px 1fr;column-gap:8px;align-items:baseline}.ha__num{color:var(--color-accent, #d62828);font-family:var(--font-heading--family);font-weight:800;font-size:18px;line-height:1}.ha__title{margin:0;font-family:var(--font-heading--family);font-weight:800;font-size:22px;line-height:1.05;text-transform:uppercase}.ha__title sup{color:var(--color-accent, #d62828);font-size:11px;letter-spacing:.1em;vertical-align:top;position:relative;top:1px}.ha__text{grid-column:2;margin:6px 0 0;color:var(--color-muted, rgb(var(--kb-fg-rgb) / .64));font-size:15px;line-height:1.5}@media(min-width:640px){.ha__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1200px){.ha__stage{aspect-ratio:1800 / 1100}.ha__figure{position:absolute;left:21%;top:2.55%;width:58%;margin:0}.ha__dot{width:clamp(20px,1.5cqw,28px);height:clamp(20px,1.5cqw,28px);font-size:clamp(8px,.6cqw,11px)}.ha__word{display:block;position:absolute;left:50%;top:24%;translate:-50% 0;z-index:0;color:transparent;-webkit-text-stroke:2px rgb(var(--kb-fg-rgb) / .08);font-family:var(--font-heading--family);font-weight:800;font-size:18cqw;line-height:1;letter-spacing:-.01em;text-transform:uppercase;white-space:nowrap;pointer-events:none}.ha__figure{z-index:1}.ha__lines{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.ha__line{fill:none;stroke:rgb(var(--kb-fg-rgb) / .5);stroke-width:1.5;vector-effect:non-scaling-stroke;transition:stroke .2s var(--ease, ease)}.ha__line.is-active{stroke:var(--color-accent, #d62828)}.ha__figure .ha__dot{z-index:3}.ha__list{display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:0;z-index:3;pointer-events:none}.ha__part{position:absolute;top:var(--ly);width:18.4%;display:block;padding:0;border:0;pointer-events:auto;transition:opacity .2s var(--ease, ease)}.ha__part--left{left:2.2%;text-align:right}.ha__part--right{left:79.4%;text-align:left}.ha--hover .ha__part:not(.is-active){opacity:.45}.ha__num{display:block;font-size:clamp(13px,1.1cqw,20px)}.ha__title{margin-top:2px;font-size:clamp(16px,1.5cqw,27px)}.ha__text{margin-top:6px;font-size:clamp(12px,.85cqw,15px);line-height:1.45}}@media(prefers-reduced-motion:reduce){.ha__dot,.ha__line,.ha__part{transition:none}}.ha__editor-note{margin:0;padding:12px var(--page-margin, 20px);color:var(--color-subtle);font-size:12px;text-align:center}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-helmet-anatomy.css.map */