.hx3{--hxe-ink:#0d3e50;--hxe-blue:#0788ad;--hxe-muted:#527583;--hxe-line:#d3e6ee;color:var(--hxe-ink);font-family:var(--font-body-family),Arial,sans-serif;letter-spacing:normal;margin:64px 0 80px}.hx3 *{box-sizing:border-box}.hx3 h2,.hx3 h3,.hx3 p,.hx3 figure{margin:0}.hx3 h2,.hx3 h3{font-family:inherit;color:var(--hxe-ink);font-weight:500}.hx3 h2{font-size:clamp(32px,3.4vw,50px);line-height:1.12;letter-spacing:-.04em;text-wrap:balance}.hx3 h3{font-size:22px;line-height:1.3;letter-spacing:-.02em}.hx3 p{font-size:18px;line-height:1.65;color:var(--hxe-muted)}.hx3 a{font:inherit;color:#087c9e;text-underline-offset:4px;text-decoration-thickness:1px}.hx3 a:hover{color:#07566d}.hx3 a:focus-visible,.hx3 summary:focus-visible{outline:2px solid #0788ad;outline-offset:5px;border-radius:4px}.hx3 section,.hx3 details{scroll-margin-top:110px;min-width:0}.hx3-hero,.hx3-routine{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--hxe-line);border-radius:30px;overflow:hidden;background:linear-gradient(120deg,#f9fdfe,#edf7fa);isolation:isolate}.hx3-hero-copy,.hx3-routine-copy{display:flex;flex-direction:column;justify-content:center;gap:24px;padding:clamp(28px,4.2vw,64px);min-width:0}.hx3-hero-copy h2,.hx3-routine-copy h2{max-width:18ch}.hx3 .hx3-lead{font-size:clamp(18px,1.5vw,21px);line-height:1.6;max-width:42ch}.hx3-hero-art,.hx3-routine-art{position:relative;min-height:480px;overflow:hidden;background:#e0eff4}.hx3-hero-art>img,.hx3-routine-art>img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.025);transition:transform 1.5s cubic-bezier(.2,.7,.2,1)}.hx3 .is-visible .hx3-hero-art>img,.hx3 .is-visible .hx3-routine-art>img{transform:scale(1)}.hx3-reading{margin:14px 0 48px;padding:0 24px}.hx3-detail{border-bottom:1px solid var(--hxe-line)}.hx3-detail>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;padding:25px 0;cursor:pointer;font-size:20px;line-height:1.4;font-weight:500;color:var(--hxe-ink);touch-action:manipulation}.hx3-detail>summary::-webkit-details-marker{display:none}.hx3-plus{position:relative;display:block;flex:none;width:18px;height:18px;color:#288eaa}.hx3-plus:before,.hx3-plus:after{content:"";position:absolute;top:8px;left:1px;width:16px;height:1.5px;background:currentColor;border-radius:2px;transition:transform .2s ease}.hx3-plus:after{transform:rotate(90deg)}.hx3-detail[open]>summary .hx3-plus:after{transform:rotate(0)}.hx3-detail-body{padding:0 0 28px}.hx3-detail-body>p{max-width:82ch}.hx3-detail-body>p+p{margin-top:18px}.hx3 .hx3-portion{font-size:16px;color:#176b86;padding-top:8px}.hx3-ingredient-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 42px;margin:28px 0}.hx3-ingredient{min-width:0;padding-top:22px;border-top:1px solid var(--hxe-line)}.hx3-ingredient-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 20px;margin-bottom:12px}.hx3-ingredient-heading h3{font-size:20px;max-width:100%}.hx3-ingredient-heading strong{font-size:22px;line-height:1.3;color:#0788ad;letter-spacing:-.025em;font-weight:500}.hx3 .hx3-ingredient p{font-size:17px;line-height:1.6}.hx3 .hx3-takeaway{border-left:2px solid #89c9dc;padding-left:20px;font-size:17px}.hx3-research-copy h3{margin-bottom:18px}.hx3 .hx3-study-limit{font-size:16px;line-height:1.65;color:#517180;margin-top:22px}.hx3-source-list{display:grid;gap:12px;padding-left:22px;margin:24px 0 0;color:#527583;font-size:16px;line-height:1.55}.hx3-source-list a{overflow-wrap:anywhere}.hx3-comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px;margin:26px 0}.hx3-comparison-grid h3{margin-bottom:12px}.hx3-science{background:linear-gradient(135deg,#f4fbfd,#edf7fa);border:1px solid var(--hxe-line);border-radius:30px;padding:clamp(28px,4.2vw,60px);margin:48px 0}.hx3-science h2{max-width:24ch;margin-bottom:18px}.hx3 .hx3-study-context{font-size:17px;line-height:1.6;margin-bottom:34px;max-width:65ch}.hx3-study-context>span:nth-child(odd){display:inline-block}.hx3-science-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}.hx3-figure{min-width:0}.hx3-figure figcaption{font-size:20px;line-height:1.45;color:#155069}.hx3 .hx3-figure-note{font-size:16px;line-height:1.55;margin-top:22px}.hx3 .hx3-science-copy>p{font-size:18px;line-height:1.65}.hx3 .hx3-science-copy>.hx3-study-limit{font-size:17px;margin-top:0}.hx3-sources{margin-top:22px;border-top:1px solid var(--hxe-line);border-bottom:0}.hx3-sources>summary{font-size:17px;padding:20px 0}.hx3-sources .hx3-detail-body{padding-bottom:0}.hx3-sources .hx3-detail-body>p{font-size:16px}.hx3-routine{margin-top:48px;background:#f5fafc}.hx3-routine-copy h2{font-size:clamp(30px,3.2vw,46px)}.hx3-routine-list{margin:0;padding:0;list-style:none;display:grid;gap:20px;font-size:18px;line-height:1.6;color:var(--hxe-muted)}.hx3-routine-list strong{font-weight:500;color:var(--hxe-ink);display:block}.hx3 .hxe-bars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;align-items:end;height:230px;margin:54px 16px 0;border-bottom:1px solid #a8cddb;background:repeating-linear-gradient(0deg,transparent,transparent calc(25% - 1px),#c0dce74d calc(25% - 1px),#c0dce74d 25%)}.hx3 .hxe-bar{position:relative;height:var(--hxe-bar-size);min-height:2px;max-width:118px;width:100%;justify-self:center;background:linear-gradient(180deg,#38bddb,#078bb3);border:1px solid #21a5c6;border-bottom:0;border-radius:12px 12px 0 0;box-shadow:inset 0 1px #ffffff6e;transform-origin:bottom;animation:hx3-bar-rise .8s ease both;animation-play-state:paused}.hx3 .is-visible .hxe-bar{animation-play-state:running}.hx3 .hxe-bar.is-control{background:linear-gradient(180deg,#b3d2dd,#81adbf);border-color:#91bdce}.hx3 .hxe-bar strong{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);font-size:32px;line-height:1;font-weight:500;color:#0786aa;letter-spacing:-.035em;white-space:nowrap}.hx3 .hxe-bar.is-control strong{color:#517e91}.hx3 .hxe-bar-labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;font-size:16px;line-height:1.4;color:#527583;text-align:center;margin:18px 0}.hx3 .hxe-chart-unit{font-size:15px;line-height:1.5;color:#527583;text-align:center}@keyframes hx3-bar-rise{0%{transform:scaleY(.92);opacity:.75}to{transform:scaleY(1);opacity:1}}@media(min-width:750px)and (max-width:1023px){.hx3-hero-copy,.hx3-routine-copy{padding:32px}.hx3-hero-art,.hx3-routine-art{min-height:430px}.hx3 h2{font-size:34px}.hx3-science-grid{gap:32px}}@media(max-width:749px){.hx3{margin:40px 0 48px}.hx3 h2{font-size:32px;line-height:1.13;letter-spacing:-.035em}.hx3 h3{font-size:21px}.hx3-hero,.hx3-routine{grid-template-columns:minmax(0,1fr);border-radius:24px}.hx3-hero-art{grid-row:1}.hx3-hero-art,.hx3-routine-art{min-height:0;aspect-ratio:1.16}.hx3-hero-copy,.hx3-routine-copy{padding:30px 25px 34px;gap:20px}.hx3-hero-copy h2,.hx3-routine-copy h2{max-width:19ch}.hx3 .hx3-lead{font-size:18px;line-height:1.6}.hx3-reading{margin:10px 0 32px;padding:0 10px}.hx3-detail>summary{font-size:18px;padding:22px 0;gap:20px}.hx3-detail-body{padding-bottom:24px}.hx3-detail-body>p{font-size:17px}.hx3-ingredient-grid,.hx3-comparison-grid{grid-template-columns:minmax(0,1fr);gap:24px;margin:24px 0}.hx3-ingredient-heading{gap:8px 14px}.hx3-ingredient-heading h3{font-size:19px}.hx3-ingredient-heading strong{font-size:23px}.hx3 .hx3-ingredient p,.hx3 .hx3-portion,.hx3 .hx3-takeaway,.hx3 .hx3-study-limit{font-size:16px}.hx3-source-list{font-size:16px;padding-left:20px}.hx3-science{padding:30px 22px;border-radius:24px;margin:32px 0}.hx3-science h2{font-size:30px;margin-bottom:18px}.hx3-science-grid{grid-template-columns:minmax(0,1fr);gap:30px}.hx3-figure figcaption{font-size:18px}.hx3 .hxe-bars{height:210px;margin-left:6px;margin-right:6px;gap:28px}.hx3 .hxe-bar strong{font-size:30px}.hx3 .hxe-bar-labels{font-size:16px;gap:16px}.hx3 .hx3-science-copy>p{font-size:17px}.hx3-sources>summary{font-size:17px}.hx3-routine{margin-top:32px}.hx3-routine-copy h2{font-size:32px}.hx3-routine-list{font-size:17px}}@media(max-width:359px){.hx3-hero-copy,.hx3-routine-copy{padding:26px 20px 30px}.hx3 h2,.hx3-routine-copy h2{font-size:29px}.hx3-science{padding:28px 20px}.hx3-science h2{font-size:28px}}@media(prefers-reduced-motion:reduce){.hx3 *,.hx3 *:before,.hx3 *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hx3 .hx3-hero-art>img,.hx3 .hx3-routine-art>img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/106/assets/hx-product-education-v3.css.map */