.haro-floater-teaser{border-top:1px solid #dbe7e8;background:#eef7f8;color:#435761;padding:56px 24px;scroll-margin-top:100px}.haro-floater-teaser__inner{max-width:1280px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center}.haro-floater-visual__eyebrow{font-size:12px;line-height:1.5;letter-spacing:.15em;text-transform:uppercase;color:#087f70;font-weight:700;margin:0 0 18px}.haro-floater-teaser h2{font-family:var(--FONT-STACK-HEADING,Georgia,serif);font-size:clamp(34px,3.8vw,52px);line-height:1.12;letter-spacing:-.025em;font-weight:400;color:#293c7e;margin:0 0 24px}.haro-floater-teaser__copy>p:not(.haro-floater-visual__eyebrow){font-size:18px;line-height:1.65}.haro-floater-visual__link{display:inline-flex;gap:14px;font-size:16px;font-weight:700;color:#293c7e;text-decoration:underline;text-underline-offset:5px;margin-top:8px}.haro-floater-teaser__copy>.haro-floater-teaser__note{font-size:14px!important;line-height:1.6;margin:24px 0 0;max-width:430px}.haro-floater-teaser__note a{color:inherit;text-decoration:underline;text-underline-offset:3px}.haro-floater-diagram{margin:24px 0;background:#edf8fa;border-radius:24px;overflow:hidden}.haro-floater-diagram>a{display:block}.haro-floater-diagram img{display:block;width:100%;height:auto;aspect-ratio:1296/640;object-fit:contain}.haro-floater-diagram figcaption{padding:0 20px 20px;text-align:center;font-size:13px;line-height:1.5;color:#435761}.haro-floater-diagram figcaption a{color:#293c7e;text-underline-offset:4px}.haro-floater-diagram--compact{margin:0}.haro-floater-teaser a:focus-visible,.haro-floater-diagram a:focus-visible{outline:3px solid #087f70;outline-offset:-3px}.hf-mechanism{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;list-style:none;padding:0;margin:32px 0 0;counter-reset:floater-step}.hf-mechanism li{counter-increment:floater-step;margin:0!important;border-top:1px solid #cbdde0;padding-top:18px}.hf-mechanism li:before{content:"0" counter(floater-step);display:block;color:#087f70;font-size:13px;font-weight:700;margin-bottom:10px}.hf-mechanism h3{color:#293c7e;font-size:19px;margin:0 0 8px}.hf-mechanism p{font-size:16px;line-height:1.65;margin:0}#hf-causes{scroll-margin-top:110px}@media(max-width:999px){.haro-floater-teaser__inner{grid-template-columns:1fr;gap:24px;max-width:720px}.haro-floater-teaser h2 br{display:none}.haro-floater-teaser__copy>.haro-floater-teaser__note{max-width:none}.haro-floater-teaser{padding:40px 24px}}@media(max-width:599px){.hf-mechanism{grid-template-columns:1fr;gap:18px}.haro-floater-teaser__copy>p:not(.haro-floater-visual__eyebrow){font-size:17px}.haro-floater-diagram{border-radius:16px}.haro-floater-diagram figcaption{font-size:12px;padding:0 12px 16px}}.haro-floater-diagram>a{padding:16px 8px 0}.haro-floater-diagram figcaption{padding:12px 20px 20px}.haro-floater-diagram__enlarge{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:700}.haro-floater-diagram__context{display:block;max-width:620px;margin:4px auto 0;font-size:13px;line-height:1.6}.hf-factors{margin:30px 0}.hf-factors h3{font-size:21px;line-height:1.35;color:#293c7e;margin:0 0 18px}.hf-factors__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}.hf-factors__grid li{display:grid;grid-template-rows:78px minmax(2.8em,auto);align-content:center;justify-items:center;gap:12px;min-height:180px;background:#f4faff;border:1px solid #d8e6eb;border-radius:16px;padding:20px 12px;margin:0!important;text-align:center}.hf-factors__grid img{display:block;width:90px;max-width:100%;height:78px;object-fit:contain;transform:translate(var(--hf-icon-offset,0),-1px)}.hf-factors__icon--bleeding,.hf-factors__icon--surgery{--hf-icon-offset:-7.2%}.hf-factors__icon--aging{--hf-icon-offset:1.7%}.hf-factors__grid span{display:flex;align-items:center;justify-content:center;width:100%;min-height:2.8em;font-size:15px;line-height:1.4;color:#293c7e;margin:0;text-align:center}.haro-floater-diagram:has(a:focus-visible){overflow:visible}@media(max-width:749px){.hf-factors__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hf-factors__grid li:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 6px)}.hf-factors__grid span{font-size:16px}.haro-floater-diagram>a{padding:12px 4px 0}.haro-floater-diagram__context{font-size:13px}}.haro-floater-teaser{border-top:0;background:#fff}.haro-floater-teaser .haro-floater-diagram{background:transparent;border-radius:0;overflow:visible}.haro-floater-teaser .haro-floater-diagram figcaption{padding:12px 0 0}
/*# sourceMappingURL=/cdn/shop/t/61/assets/haro-floater-visual.css.map */