.section--science-hero-banner .xo-section{--shb-min-h-dt: 85vh;--shb-min-h-mb: 75vh;--shb-overlay-radius-dt: 0px;--shb-overlay-radius-mb: 0px;--shb-box-max-w: 620px;--shb-box-blur: 12px;--shb-box-bg: #ffffff;--shb-box-opacity: .85;--shb-text-color: inherit;--shb-heading-fs-dt: clamp(2.4rem, 4vw, 4.2rem);--shb-heading-fs-mb: 3rem;--shb-align-v-dt: center;--shb-align-h-dt: center;--shb-text-align-mb: left;--shb-gap: clamp(2rem, 3vw, 3.2rem)}.shb{display:flex;flex-direction:column;overflow:hidden}.shb--full-width{margin-left:calc(-1 * var(--xo-container-gap, 1.5rem));margin-right:calc(-1 * var(--xo-container-gap, 1.5rem))}.shb__mobile-image{position:relative;width:100%;height:var(--shb-min-h-mb);overflow:hidden}.shb__mobile-img{display:block;width:100%;height:100%;object-fit:cover}.shb__bg{display:none}.shb__bg-img{display:block;width:100%;height:100%;object-fit:cover}.shb__bg-img--placeholder{width:100%;height:100%}.shb__overlay{display:none}.shb__content-area{position:relative;z-index:2;display:block;width:100%;padding:2.4rem 2rem 3.2rem;text-align:var(--shb-text-align-mb)}.shb__content-box{max-width:100%;width:100%;padding:0;background:none;border-radius:var(--shb-overlay-radius-mb);overflow:hidden;backdrop-filter:blur(var(--shb-box-blur));-webkit-backdrop-filter:blur(var(--shb-box-blur));color:var(--shb-text-color);text-align:inherit}.shb__heading{font-size:var(--shb-heading-fs-mb);line-height:1.15;letter-spacing:.12em;text-transform:uppercase;margin:0 0 1.2rem;color:var(--shb-text-color)}.shb__heading--mobile{display:block}.shb__heading--desktop{display:none}.shb__subtitle{font-weight:600;font-size:1.5rem;line-height:1.5;margin:0 0 1.4rem;color:var(--shb-text-color)}.shb__hero-copy{display:block}.shb__description{font-size:1.4rem;line-height:1.7;margin:0;opacity:.8;color:var(--shb-text-color)}.shb__description p{margin:0}.shb__ingredient-modules{margin-top:2rem;display:grid;gap:1rem}.shb__ingredient-item{border:.1rem solid rgba(0,0,0,.12);border-radius:1.4rem;background:#ffffff8c;overflow:hidden}.shb__ingredient-toggle{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1.4rem;width:100%;padding:1.4rem 1.6rem}.shb__ingredient-toggle::-webkit-details-marker{display:none}.shb__ingredient-heading-wrap{display:flex;flex-direction:column;gap:.3rem;align-items:flex-start;text-align:left}.shb__ingredient-title{font-size:1.5rem;font-weight:600;line-height:1.2;text-align:left;color:var(--shb-text-color)}.shb__ingredient-teaser{font-size:1.2rem;line-height:1.4;letter-spacing:.05em;text-transform:uppercase;opacity:.72;text-align:left;color:var(--shb-text-color)}.shb__ingredient-icon{width:2.2rem;height:2.2rem;border-radius:50%;border:.1rem solid rgba(0,0,0,.2);position:relative;flex-shrink:0}.shb__ingredient-icon:before,.shb__ingredient-icon:after{content:"";position:absolute;top:50%;left:50%;width:1rem;height:.14rem;background:currentColor;opacity:.65;transform:translate(-50%,-50%)}.shb__ingredient-icon:after{transform:translate(-50%,-50%) rotate(90deg)}.shb__ingredient-item[open] .shb__ingredient-icon:after{transform:translate(-50%,-50%) rotate(0)}.shb__ingredient-panel{padding:0 1.6rem 1.5rem}.shb__ingredient-detail{margin:0;font-size:1.35rem;line-height:1.7;opacity:.85;color:var(--shb-text-color)}.shb__callout-footer{margin:1.8rem 0 0;font-size:1.35rem;line-height:1.65;font-style:italic;opacity:.85;color:var(--shb-text-color)}.shb__callout-stage--detail{display:none}.shb__detail-back{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:var(--shb-text-color);display:inline-flex;align-items:center;gap:.8rem;padding:0;margin:2rem 0 1.2rem;cursor:pointer;font-size:1.25rem;line-height:1.3;letter-spacing:.08em;text-transform:uppercase}.shb__detail-back-icon{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:50%;border:.1rem solid rgba(0,0,0,.18)}.shb__detail-window{border:.1rem solid rgba(0,0,0,.12);border-radius:1.8rem;background:#ffffff94;padding:1.8rem 1.8rem 2rem}.shb__detail-label{margin:0 0 .9rem;font-size:1.1rem;line-height:1.3;letter-spacing:.12em;text-transform:uppercase;opacity:.65;color:var(--shb-text-color)}.shb__detail-title{margin:0 0 1rem;font-size:2rem;line-height:1.1;color:var(--shb-text-color)}.shb__detail-body{margin:0;font-size:1.4rem;line-height:1.75;color:var(--shb-text-color);opacity:.88}.shb__cta{margin-top:2rem}@media(min-width:750px){.shb{position:relative;flex-direction:row;min-height:var(--shb-min-h-dt)}.shb__mobile-image{display:none}.shb__bg{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.shb__overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:rgba(0,0,0,var(--shb-overlay-opacity, 0));pointer-events:none}.shb__content-area{display:flex;flex-direction:column;min-height:inherit;padding:clamp(3.2rem,5vw,6.4rem);justify-content:var(--shb-align-v-dt);align-items:var(--shb-align-h-dt);text-align:unset}.shb__content-box{max-width:var(--shb-box-max-w);background:color-mix(in srgb,var(--shb-box-bg) calc(var(--shb-box-opacity) * 100%),transparent);border-radius:var(--shb-overlay-radius-dt);backdrop-filter:blur(var(--shb-box-blur));-webkit-backdrop-filter:blur(var(--shb-box-blur));padding:clamp(2.4rem,3vw,3.6rem);text-align:var(--shb-text-align-dt, left)}.shb__heading{font-size:var(--shb-heading-fs-dt);margin:0 0 .6em}.shb__heading--mobile{display:none}.shb__heading--desktop{display:block}.shb__subtitle{font-size:1.7rem;margin:0 0 1.6rem}.shb__description{font-size:1.5rem;margin:0 0 1.6rem;opacity:.85}.shb__ingredient-modules{margin-top:2.4rem;gap:1.2rem;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.shb__ingredient-item{border-color:color-mix(in srgb,var(--shb-text-color) 16%,transparent);background:color-mix(in srgb,var(--shb-box-bg) calc(var(--shb-box-opacity) * 82%),transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);min-height:100%}.shb__ingredient-toggle{padding:1.6rem 1.8rem;min-height:100%;text-align:left}.shb__ingredient-title{font-size:1.65rem}.shb__ingredient-teaser{font-size:1.15rem}.shb__ingredient-panel{display:none}.shb__ingredient-detail{font-size:1.45rem}.shb__ingredient-item[open] .shb__ingredient-icon:after{transform:translate(-50%,-50%) rotate(90deg)}.shb__content-box--detail-open .shb__callout-stage--main,.shb__content-box--detail-open .shb__hero-copy{display:none}.shb__content-box--detail-open .shb__callout-stage--detail{display:block;text-align:left}.shb__content-box--detail-open{text-align:left}.shb__detail-back{margin-top:2.4rem;font-size:1.15rem;justify-content:flex-start}.shb__detail-window{border-color:color-mix(in srgb,var(--shb-text-color) 16%,transparent);background:color-mix(in srgb,var(--shb-box-bg) calc(var(--shb-box-opacity) * 88%),transparent);backdrop-filter:blur(calc(var(--shb-box-blur) * .9));-webkit-backdrop-filter:blur(calc(var(--shb-box-blur) * .9));padding:2.2rem 2.2rem 2.4rem}.shb__detail-label{font-size:1rem}.shb__detail-title{font-size:2.6rem;margin-bottom:1.4rem}.shb__detail-body{font-size:1.5rem}.shb__callout-footer{margin-top:2rem;font-size:1.45rem}.shb__cta{margin-top:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/science-hero-banner.css.map */