body[data-system-progressive].scroll-enabled .system-story{height:calc(296svh + max(100svh,600px))}@media(max-width:760px){body[data-system-progressive].scroll-enabled .system-story{height:calc(284svh + max(100svh,660px))}}body[data-system-progressive] #system-loading{display:none!important}body[data-system-progressive].scroll-enabled .cinematic-viewport #system-film{visibility:visible;opacity:0;pointer-events:none;z-index:2;transition:opacity .15s linear}body[data-system-progressive] .cinematic-viewport[data-film=film] #system-film{opacity:1}body[data-system-progressive] .cinematic-viewport[data-film=poster] #system-film{transition:none}body[data-system-progressive] .cinematic-viewport .scene-posters{visibility:visible}body[data-system-progressive] .cinematic-viewport .scene-poster{visibility:visible!important;opacity:var(--system-poster-opacity,0)}body[data-system-progressive] .cinematic-viewport .scene-poster[data-poster=form]{--system-poster-opacity:1}body[data-system-progressive] .cinematic-viewport[data-film=film] .scene-posters{opacity:1}body[data-system-progressive] .system-loading-surface{position:absolute;visibility:hidden;z-index:1;overflow:hidden;background:#000;translate:var(--lane-shift,0px) 0}body[data-system-progressive] .system-loading-edges{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;z-index:2;pointer-events:none;translate:var(--lane-shift,0px) 0}body[data-system-progressive] .cinematic-viewport[data-loading-stills=true] .system-loading-edges{visibility:visible}body[data-system-progressive].system-static .system-loading-edges,body[data-system-progressive] .cinematic-viewport[data-film-settled=true] .system-loading-edges{visibility:hidden}body[data-system-progressive] .system-loading-still{position:absolute;display:block;max-width:none}body[data-system-progressive] .cinematic-viewport[data-loading-stills=true] .system-loading-surface{visibility:visible}body[data-system-progressive] .cinematic-viewport[data-loading-stills=true] .scene-posters{visibility:hidden}body[data-system-progressive] .cinematic-viewport[data-loading-stills=true] .scene-poster{visibility:hidden!important}body[data-system-progressive].system-static .system-loading-surface{visibility:hidden}body[data-system-progressive] .scene-poster[data-poster=function] img{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 13%);mask-image:linear-gradient(to bottom,transparent 0%,#000 13%)}body[data-system-progressive].scroll-enabled .formulation-grid>.reveal{opacity:var(--reveal,0);transition:none}body[data-system-progressive].scroll-enabled .system-story,body[data-system-progressive].scroll-enabled #MainContent{overflow-anchor:none}@media(max-width:760px){.system-prototype.scroll-enabled .system-intro{top:32px}.system-prototype.system-static .system-intro{padding-top:32px}.system-prototype .formulation-grid>.formulation-card{width:calc(100% - 24px);margin-left:24px;margin-right:0}.system-prototype .ingredient-card img{max-width:none}.system-prototype.scroll-enabled .formulation-grid>.editorial-title,.system-prototype.scroll-enabled .formulation-grid>.editorial-body{clip-path:none}}body[data-system-progressive].scroll-enabled .system-story{height:calc(581svh + max(100svh,600px))}@media(max-width:760px){body[data-system-progressive].scroll-enabled .system-story{height:calc(608svh + max(100svh,660px))}}body[data-system-progressive].scroll-enabled #next-chapter{scroll-margin-top:-24px}body[data-system-progressive][data-copy-mode=rise].scroll-enabled .system-story{height:calc(582svh + max(100svh,600px))}@media(max-width:760px){body[data-system-progressive][data-copy-mode=rise].scroll-enabled .system-story{height:calc(656svh + max(100svh,660px))}}@media(min-width:761px){body[data-system-progressive][data-utility-layout=lane].scroll-enabled .system-story{height:calc(642svh + max(100svh,600px))}}body[data-system-progressive].scroll-enabled .system-story{height:calc(581 * var(--system-svh,1svh) + max(100 * var(--system-svh,1svh),600px))}body[data-system-progressive].scroll-enabled .system-stage{height:max(calc(100 * var(--system-svh,1svh)),var(--system-visible-height,100dvh));overflow:clip;clip-path:inset(0 0 calc(100% - var(--system-visible-height,100dvh)) 0)}body[data-system-progressive].scroll-enabled .cinematic-viewport{height:calc(54 * var(--system-svh,1svh))}body[data-system-progressive].scroll-enabled .system-intro{top:calc(18 * var(--system-svh,1svh) + 32px)}body[data-system-progressive].scroll-enabled :is(.system-refill,.system-utility),.system-prototype .system-refill-measure{top:calc(72 * var(--system-svh,1svh) + 16px)}body[data-system-progressive].scroll-enabled .system-essentials{top:calc(11 * var(--system-svh,1svh))}body[data-system-progressive][data-copy-mode=rise].scroll-enabled .system-story{height:calc(582 * var(--system-svh,1svh) + max(100 * var(--system-svh,1svh),600px))}body[data-system-progressive].scroll-enabled .formulation-section{margin-top:calc(100 * var(--system-svh,1svh) - max(100 * var(--system-svh,1svh),600px) - 36 * var(--system-svh,1svh))}body[data-system-progressive][data-copy-mode=rise].scroll-enabled .formulation-section{margin-top:calc(100 * var(--system-svh,1svh) - max(100 * var(--system-svh,1svh),600px) - 48 * var(--system-svh,1svh))}@media(min-width:1600px){body[data-system-progressive].scroll-enabled .system-intro{top:calc(18 * var(--system-svh,1svh) + 16px)}}@media(min-width:761px)and (max-height:760px){body[data-system-progressive].scroll-enabled .system-intro{top:calc(20 * var(--system-svh,1svh))}}@media(min-width:761px)and (max-height:850px){body[data-system-progressive].scroll-enabled .system-essentials{top:calc(8 * var(--system-svh,1svh))}}@media(min-width:761px){body[data-system-progressive][data-utility-layout=lane].scroll-enabled .system-story{height:calc(642 * var(--system-svh,1svh) + max(100 * var(--system-svh,1svh),600px))}body[data-system-progressive][data-utility-layout=lane].scroll-enabled :is(.system-refill,.system-utility),body[data-utility-layout=lane] .system-refill-measure{top:calc(18 * var(--system-svh,1svh));height:calc(54 * var(--system-svh,1svh))}}@media(max-width:760px){body[data-system-progressive].scroll-enabled .system-story{height:calc(608 * var(--system-svh,1svh) + max(100 * var(--system-svh,1svh),660px))}body[data-system-progressive][data-copy-mode=rise].scroll-enabled .system-story{height:calc(656 * var(--system-svh,1svh) + max(100 * var(--system-svh,1svh),660px))}body[data-system-progressive].scroll-enabled .cinematic-viewport{height:calc(43 * var(--system-svh,1svh))}body[data-system-progressive].scroll-enabled .system-intro{top:32px}body[data-system-progressive].scroll-enabled :is(.system-refill,.system-utility),.system-prototype .system-refill-measure{top:calc(62 * var(--system-svh,1svh))}body[data-system-progressive].scroll-enabled .system-essentials{top:calc(14 * var(--system-svh,1svh))}body[data-system-progressive].scroll-enabled .formulation-section{margin-top:calc(100 * var(--system-svh,1svh) - max(100 * var(--system-svh,1svh),660px) - 42 * var(--system-svh,1svh))}body[data-system-progressive][data-copy-mode=rise].scroll-enabled .formulation-section{margin-top:calc(100 * var(--system-svh,1svh) - max(100 * var(--system-svh,1svh),660px) - 52 * var(--system-svh,1svh))}body[data-system-short-phone].scroll-enabled .cinematic-viewport{height:calc(37 * var(--system-svh,1svh))}body[data-system-short-phone].scroll-enabled :is(.system-refill,.system-utility),body[data-system-short-phone] .system-refill-measure{top:calc(56 * var(--system-svh,1svh))}body[data-system-short-phone] :is(.system-refill,.system-utility,.system-refill-measure) .editorial-title .section-label{margin-bottom:16px}body[data-system-short-phone] :is(.system-refill,.system-utility,.system-refill-measure) .editorial-body{padding-top:8px}}@media(min-width:761px){body[data-system-progressive][data-utility-layout=lane].scroll-enabled .system-refill:before{clip-path:polygon(0 var(--lane-paper-clear-y,0px),var(--lane-paper-left,0px) var(--lane-paper-clear-y,0px),var(--lane-paper-left,0px) 0,100% 0,100% 100%,0 100%)}body[data-system-progressive][data-utility-layout=lane].scroll-enabled .system-utility:before{clip-path:inset(0 0 0 max(var(--lane-paper-left,0px),var(--lane-wipe,0px)))}}body[data-system-progressive].scroll-enabled .scene-posters{background:#000;--loading-window-height:max(calc(54 * var(--system-svh,1svh)),310px)}body[data-system-progressive].scroll-enabled .scene-poster[data-poster=form] img{inset:auto;transform:none;object-fit:fill;max-width:none;width:calc(1.17578125 * var(--loading-window-height));height:calc(1.1825 * var(--loading-window-height));left:calc(71% - .536828125 * var(--loading-window-height));top:calc(65% - .556484375 * var(--loading-window-height))}@media(max-width:760px){body[data-system-progressive].scroll-enabled .scene-poster[data-poster=form] img{width:85.47025240384616%;height:calc(.8595865384615384 * (100vw - 48px));left:calc(51.5% - .39023275240384603 * (100vw - 48px));top:calc(59% - .40458133413461544 * (100vw - 48px))}}body[data-system-progressive] .cinematic-viewport[data-film-settled=true] .system-loading-surface{visibility:hidden}body[data-system-progressive] .cinematic-viewport[data-film-settled=true] .scene-posters{opacity:0}body[data-system-progressive][data-copy-mode=dock].scroll-enabled .system-utility[data-on-dark]{color:var(--quiet)}body[data-system-progressive][data-utility-layout=lane].scroll-enabled .cinematic-viewport:before{content:"";position:absolute;inset:calc(-1 * var(--aperture-top,0px)) 0 calc(-1 * var(--aperture-bottom,0px));background:#000;z-index:-1}@media(min-width:761px){body[data-system-progressive][data-utility-layout=lane].scroll-enabled :is(.system-refill,.system-utility),body[data-system-progressive][data-utility-layout=lane] .system-refill-measure{top:calc(45 * var(--system-svh,1svh) - var(--copy-half-height,0px));left:var(--bb-page-edge);right:auto;width:calc(var(--bb-page-span)*.355);max-width:510px;height:auto;min-height:0;display:block;padding:0;text-align:right}body[data-system-progressive][data-utility-layout=lane] :is(.system-refill,.system-utility,.system-refill-measure) .editorial-title{padding:0;text-align:right}body[data-system-progressive][data-utility-layout=lane] :is(.system-refill,.system-utility,.system-refill-measure) .editorial-body{padding:24px 0 0;border:0}body[data-system-progressive][data-utility-layout=lane] :is(.system-refill,.system-utility) .specimen:before{margin:0 0 16px auto}body[data-system-progressive][data-utility-layout=lane].scroll-enabled :is(.system-refill,.system-utility):before{display:none}body[data-system-progressive][data-utility-layout=lane].scroll-enabled :is(.system-refill,.system-utility)>*{mix-blend-mode:normal;color:inherit}body[data-system-progressive][data-utility-layout=lane].scroll-enabled .system-essentials{top:calc(11 * var(--system-svh,1svh) + 64px)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/bb-system-progressive.css.map */