.article-decision-guide{background:var(--decision-background);color:var(--decision-text);padding-block:var(--decision-mobile-padding)}.article-decision-guide *,.article-decision-guide *:before,.article-decision-guide *:after{box-sizing:border-box}.article-decision-guide__inner{width:100%;max-width:calc(1120px + var(--container-gutter) * 2);margin-inline:auto;padding-inline:var(--container-gutter)}.article-decision-guide__header{max-width:760px;margin-bottom:32px}.article-decision-guide__header h2{margin:0;color:var(--decision-text)}.article-decision-guide__intro{margin-top:14px;color:var(--decision-muted);font-size:1rem;line-height:1.7}.article-decision-guide__intro>:first-child,.article-decision-guide__intro>:last-child,.article-decision-guide__card-copy>:first-child,.article-decision-guide__card-copy>:last-child,.article-decision-guide__cta-copy>:first-child,.article-decision-guide__cta-copy>:last-child{margin-block:0}.article-decision-guide__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.article-decision-guide__card{display:flex;min-width:0;flex-direction:column;padding:26px;border:1px solid var(--decision-border);border-radius:min(14px,var(--block-border-radius, 14px));background:var(--decision-card-background)}.article-decision-guide__card-top{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.article-decision-guide__number{color:color-mix(in srgb,var(--decision-accent) 40%,transparent);font-size:.75rem;font-weight:var(--text-font-bold-weight);letter-spacing:.08em}.article-decision-guide__eyebrow{margin:0;color:var(--decision-accent);font-size:.7rem;font-weight:var(--text-font-bold-weight);letter-spacing:.09em;line-height:1.4;text-align:right;text-transform:uppercase}.article-decision-guide__card h3{margin:22px 0 0;color:var(--decision-text)}.article-decision-guide__card-copy{margin-top:14px;color:var(--decision-muted);font-size:.925rem;line-height:1.65}.article-decision-guide__link{display:inline-flex;align-items:center;align-self:flex-start;gap:9px;margin-top:24px;color:var(--decision-text);font-size:.75rem;font-weight:var(--text-font-bold-weight);letter-spacing:.06em;line-height:1.4;text-decoration:none;text-transform:uppercase}.article-decision-guide__link span:last-child{transition:transform .18s ease}.article-decision-guide__link:focus-visible,.article-decision-guide__button:focus-visible{outline:2px solid var(--decision-accent);outline-offset:3px}.article-decision-guide__cta{display:flex;flex-direction:column;align-items:flex-start;gap:22px;margin-top:18px;padding:24px;border-radius:min(14px,var(--block-border-radius, 14px));background:var(--decision-cta-background);color:var(--decision-cta-text)}.article-decision-guide__cta-copy{max-width:680px;font-size:.95rem;line-height:1.65}.article-decision-guide__button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:12px 22px;border-radius:min(8px,var(--button-border-radius, 8px));background:var(--decision-button-background);color:var(--decision-button-text);font-size:.75rem;font-weight:var(--text-font-bold-weight);letter-spacing:.08em;line-height:1.3;text-align:center;text-decoration:none;text-transform:uppercase}@media(hover:hover){.article-decision-guide__link:hover span:last-child{transform:translate(4px)}.article-decision-guide__button:hover{opacity:.9}}@media screen and (min-width:741px){.article-decision-guide__cta{flex-direction:row;align-items:center;justify-content:space-between;padding:26px 30px}.article-decision-guide__button{flex:0 0 auto}}@media screen and (min-width:900px){.article-decision-guide{padding-block:var(--decision-desktop-padding)}.article-decision-guide__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}@media screen and (max-width:599px){.article-decision-guide__header{margin-bottom:24px}.article-decision-guide__card,.article-decision-guide__cta{padding:22px}.article-decision-guide__button{width:100%}}.article-split{color:var(--article-split-text);background:var(--article-split-background)}.article-split__container{position:relative;box-sizing:border-box;width:100%;max-width:calc(var(--article-guide-content-width, 1120px) + var(--container-gutter) * 2);margin-inline:auto;padding:var(--article-split-desktop-padding) var(--container-gutter)}.article-split--divider .article-split__container:before{position:absolute;inset:0 var(--container-gutter) auto;border-top:1px solid color-mix(in srgb,var(--article-split-text) 12%,transparent);content:""}.article-split__layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(32px,5vw,72px)}.article-split__layout--text-only{display:block}.article-split--image-right .article-split__media{order:2}.article-split--image-right .article-split__content{order:1}.article-split__media{position:relative;margin:0;overflow:hidden;border-radius:min(16px,var(--block-border-radius));background:color-mix(in srgb,var(--article-split-text) 5%,transparent)}.article-split__media--landscape{aspect-ratio:4 / 3}.article-split__media--square{aspect-ratio:1}.article-split__media--portrait{aspect-ratio:4 / 5}.article-split__image{display:block;width:100%;height:100%}.article-split__media>picture{display:block;width:100%;height:100%}.article-split__media--fit-cover .article-split__image{object-fit:cover}.article-split__media--fit-contain .article-split__image:not(.article-split__placeholder){box-sizing:border-box;padding:clamp(24px,4vw,56px);object-fit:contain;object-position:center}.article-split__media figcaption{position:absolute;inset:auto 0 0;padding:28px 20px 16px;color:#fff;background:linear-gradient(transparent,#00000094);font-size:.78rem;line-height:1.45}.article-split__content{max-width:58ch}.article-split__layout--text-only .article-split__content{max-width:820px;margin-inline:auto}.article-split__eyebrow{margin:0 0 14px;color:var(--article-split-accent);font-size:.72rem;font-weight:var(--text-font-bold-weight);letter-spacing:.1em;text-transform:uppercase}.article-split__text{line-height:1.75}.article-split__text a:focus-visible{outline:2px solid currentColor;outline-offset:4px}.article-split__product{display:grid;grid-template-columns:var(--article-product-media-width, 180px) minmax(0,1fr);align-items:center;gap:22px;margin-top:30px;padding:18px;border:1px solid color-mix(in srgb,var(--article-split-text) 12%,transparent);border-radius:min(14px,var(--block-border-radius));background:color-mix(in srgb,var(--article-split-accent) 5%,var(--article-split-background))}.article-split__product--text-only{grid-template-columns:minmax(0,1fr)}.article-split__product-media{min-width:0;height:auto;overflow:visible;border-radius:min(10px,var(--block-border-radius));background:#fff}.article-split__product-media picture{display:block;width:100%;height:auto}.article-split .article-split__product-media img.article-split__product-image{box-sizing:border-box;display:block;width:100%;max-width:100%;height:auto;max-height:none;margin:0;padding:0;transform:none;object-fit:contain;object-position:center}.article-split__product-copy{min-width:0}.article-split__product-label{margin:0 0 6px;color:var(--article-split-accent);font-size:.68rem;font-weight:var(--text-font-bold-weight);letter-spacing:.08em;line-height:1.35;text-transform:uppercase}.article-split__product h3{margin:0;font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.3}.article-split__product-price{margin:8px 0 0;font-weight:var(--text-font-bold-weight)}.article-split__product-recommendation{margin-top:12px;font-size:.9rem;line-height:1.6}.article-split__product-recommendation>:first-child,.article-split__product-recommendation>:last-child{margin-block:0}.article-split__product-button{min-height:42px;height:auto;margin-top:16px;padding:10px 18px;font-size:.76rem}.article-split__product-button:focus-visible{outline:2px solid var(--article-split-accent);outline-offset:3px}@media screen and (max-width:740px){.article-split__container{padding-block:var(--article-split-mobile-padding)}.article-split__layout{grid-template-columns:minmax(0,1fr);gap:28px}.article-split--image-right .article-split__media{order:1}.article-split--image-right .article-split__content{order:2}.article-split__content{max-width:none}}@media screen and (max-width:599px){.article-split__product{grid-template-columns:minmax(0,1fr);gap:20px;padding:16px}.article-split__product--text-only{grid-template-columns:minmax(0,1fr)}.article-split__product-media,.article-split__product-button{width:100%}}.article-introduction{background:var(--article-intro-background);color:var(--article-intro-text);padding-block:var(--article-intro-mobile-padding)}.article-introduction *,.article-introduction *:before,.article-introduction *:after{box-sizing:border-box}.article-introduction__inner{width:100%;max-width:calc(1120px + var(--container-gutter) * 2);margin-inline:auto;padding-inline:var(--container-gutter)}.article-introduction__panel{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;padding:28px;border:1px solid var(--article-intro-border);border-radius:min(14px,var(--block-border-radius, 14px));background:var(--article-intro-panel)}.article-introduction__lead,.article-introduction__content{min-width:0}.article-introduction__eyebrow{margin:0 0 12px;color:var(--article-intro-accent);font-size:.72rem;font-weight:var(--text-font-bold-weight);letter-spacing:.1em;line-height:1.4;text-transform:uppercase}.article-introduction__lead h2{max-width:14ch;margin:0;color:var(--article-intro-text)}.article-introduction__content{padding-top:24px;border-top:1px solid var(--article-intro-border);color:var(--article-intro-muted);font-size:1rem;line-height:1.75;overflow-wrap:break-word}.article-introduction__content>:first-child{margin-top:0}.article-introduction__content>:last-child{margin-bottom:0}@media screen and (min-width:800px){.article-introduction{padding-block:var(--article-intro-desktop-padding)}.article-introduction__panel{grid-template-columns:minmax(230px,.72fr) minmax(0,1.45fr);gap:clamp(36px,5vw,68px);align-items:start;padding:40px 44px}.article-introduction__content{padding-top:0;padding-left:clamp(36px,4vw,56px);border-top:0;border-left:1px solid var(--article-intro-border)}}@media screen and (max-width:599px){.article-introduction__panel{gap:22px;padding:24px 22px}}.article-related-reading{background:var(--related-reading-background);color:var(--related-reading-text);padding-block:var(--related-reading-mobile-top) var(--related-reading-mobile-bottom)}.article-related-reading *,.article-related-reading *:before,.article-related-reading *:after{box-sizing:border-box}.article-related-reading__inner{box-sizing:border-box;width:100%;max-width:calc(1120px + var(--container-gutter) * 2);margin-inline:auto;padding-inline:var(--container-gutter)}.article-related-reading__header{max-width:720px;margin-bottom:28px}.article-related-reading__header h2{margin:0;color:var(--related-reading-text);font-family:var(--heading-font-family)}.article-related-reading__intro{margin-top:12px;color:var(--related-reading-muted);font-size:1rem;line-height:1.65}.article-related-reading__intro>:first-child{margin-top:0}.article-related-reading__intro>:last-child{margin-bottom:0}.article-related-reading__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}.article-related-card{position:relative;display:flex;min-width:0;height:100%;flex-direction:column;overflow:hidden;border:1px solid var(--related-reading-border);border-radius:min(14px,var(--block-border-radius));background:var(--related-reading-surface)}.article-related-card__image-link,.article-related-card__image-link picture{display:block}.article-related-card__image-link{overflow:hidden;background:var(--related-reading-border)}.article-related-card__image{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;transition:transform .24s ease}.article-related-card__content{display:flex;flex:1 1 auto;flex-direction:column;padding:22px}.article-related-card__category{margin:0 0 10px;color:var(--related-reading-accent);font-size:.75rem;font-weight:700;letter-spacing:.1em;line-height:1.4;text-transform:uppercase}.article-related-card__title{margin:0;color:var(--related-reading-text);font-family:var(--heading-font-family);font-size:1.25rem;line-height:1.3}.article-related-card__title a{color:inherit;text-decoration:none}.article-related-card__title a:after{position:absolute;top:0;right:0;bottom:0;left:0;content:""}.article-related-card__excerpt{margin:12px 0 0;color:var(--related-reading-muted);font-size:.9375rem;line-height:1.6}.article-related-card__date{margin-top:auto;padding-top:16px;color:var(--related-reading-muted);font-size:.8125rem;line-height:1.4}.article-related-card:focus-within{outline:2px solid var(--related-reading-accent);outline-offset:3px}.article-related-card__title a:focus-visible{outline:none}@media(hover:hover){.article-related-card:hover .article-related-card__image{transform:scale(1.025)}}@media screen and (min-width:750px){.article-related-reading__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:990px){.article-related-reading{padding-block:var(--related-reading-desktop-top) var(--related-reading-desktop-bottom)}.article-related-reading__header{margin-bottom:36px}.article-related-reading__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}}body:has(.article-guide-toc){--article-guide-content-width: 1120px;overflow-x:clip}body:has(.article-guide-toc) .shopify-section--main-article .container,body:has(.article-guide-toc) .shopify-section--rich-text .container,body:has(.article-guide-toc) .shopify-section--multi-column .container,body:has(.article-guide-toc) .shopify-section--image-with-text .container,body:has(.article-guide-toc) .shopify-section--faq .container,body:has(.article-guide-toc) .shopify-section--blog-post-prev-next .container,body:has(.article-guide-toc) .shopify-section--blog-post-comments .container,body:has(.article-guide-toc) .article-comparison-table__container,body:has(.article-guide-toc) .article-product-guide__container{width:100%;max-width:calc(var(--article-guide-content-width) + var(--container-gutter) * 2);margin-inline:auto;padding-inline:var(--container-gutter)}body:has(.article-guide-toc) .shopify-section--blog-post-banner .article__header-content:only-child{width:100%;max-width:calc(var(--article-guide-content-width) + var(--container-gutter) * 2);padding-inline:var(--container-gutter);text-align:left}body:has(.article-guide-toc) .shopify-section--main-article .article{margin-block:0}body:has(.article-guide-toc) .shopify-section--main-article .article__inner{min-height:0;margin-inline:0;align-items:stretch}body:has(.article-guide-toc) .shopify-section--main-article .article__info{position:static;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;width:100%;max-width:none;margin:0;padding-block:20px}body:has(.article-guide-toc) .shopify-section--main-article .article__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 0}body:has(.article-guide-toc) .shopify-section--main-article .article__reading-time{display:inline-flex;align-items:center;gap:6px}body:has(.article-guide-toc) .shopify-section--main-article .article__reading-time svg{flex:0 0 auto}body:has(.article-guide-toc) .shopify-section--rich-text .content-box,body:has(.article-guide-toc) .shopify-section--multi-column .section__header,body:has(.article-guide-toc) .shopify-section--faq .section__header{width:100%;max-width:none}body:has(.article-guide-toc) .shopify-section--rich-text .content-box{margin-inline:0}body:has(.article-guide-toc) .shopify-section--rich-text .text-container,body:has(.article-guide-toc) .shopify-section--multi-column .text-container,body:has(.article-guide-toc) .shopify-section--faq .text-container,body:has(.article-guide-toc) .article-comparison-table__intro,body:has(.article-guide-toc) .article-product-guide__intro{line-height:1.75}body:has(.article-guide-toc) [id^=article-],body:has(.article-guide-toc) [id=definition-callout],body:has(.article-guide-toc) [id=concern-finder],body:has(.article-guide-toc) [id=ingredient-comparison],body:has(.article-guide-toc) [id=product-recommendations],body:has(.article-guide-toc) [id=oily-skin-guidance],body:has(.article-guide-toc) [id=product-format],body:has(.article-guide-toc) [id=skin-type-guide],body:has(.article-guide-toc) [id=routine-guide],body:has(.article-guide-toc) [id=common-mistakes],body:has(.article-guide-toc) [id=brightening-faq],body:has(.article-guide-toc) [id=brightening-cta],body:has(.article-guide-toc) [id=seasonal-routine-change],body:has(.article-guide-toc) [id=what-has-changed],body:has(.article-guide-toc) [id=summer-skincare-routine],body:has(.article-guide-toc) [id=hot-dry-windy-weather],body:has(.article-guide-toc) [id=winter-skincare-routine],body:has(.article-guide-toc) [id=heating-air-conditioning],body:has(.article-guide-toc) [id=travel-skincare-routine],body:has(.article-guide-toc) [id=seasonal-skincare-faq],body:has(.article-guide-toc) [id=skin-barrier-function],body:has(.article-guide-toc) [id=stressed-barrier-signs],body:has(.article-guide-toc) [id=barrier-triggers],body:has(.article-guide-toc) [id=barrier-routine],body:has(.article-guide-toc) [id=products-to-pause],body:has(.article-guide-toc) [id=barrier-recovery-time],body:has(.article-guide-toc) [id=professional-help],body:has(.article-guide-toc) [id=skin-barrier-faq],body:has(.article-guide-toc) .article-introduction[id],body:has(.article-guide-toc) .article-split[id],body:has(.article-guide-toc) .article-decision-guide[id],body:has(.article-guide-toc) .article-related-reading[id],body:has(.article-guide-toc) [id=related-reading]{scroll-margin-top:calc(var(--header-height, 0px) + var(--announcement-bar-height, 0px) + 92px)}body:has(.article-guide-toc) .shopify-section--multi-column .multi-column__item--flush{min-width:0;border-radius:min(12px,var(--block-border-radius))}body:has(.article-guide-toc) .shopify-section--multi-column .multi-column__text-container{overflow-wrap:anywhere}body:has(.article-guide-toc) .shopify-section--faq .collapsible-toggle:focus-visible,body:has(.article-guide-toc) .shopify-section--faq a:focus-visible,body:has(.article-guide-toc) .shopify-section--rich-text a:focus-visible,body:has(.article-guide-toc) .shopify-section--multi-column a:focus-visible{outline:2px solid currentColor;outline-offset:4px}.shopify-section--article-table-of-contents{position:sticky;top:calc(var(--header-height, 0px) * var(--enable-sticky-header) + var(--announcement-bar-height, 0px) * var(--enable-sticky-announcement-bar));z-index:4}.article-guide-toc{color:var(--article-guide-toc-text);background:var(--article-guide-toc-background);border-block:1px solid color-mix(in srgb,var(--article-guide-toc-text) 14%,transparent)}.article-guide-toc__container{display:flex;align-items:center;gap:24px;width:100%;max-width:calc(var(--article-guide-content-width) + var(--container-gutter) * 2);margin-inline:auto;padding-inline:var(--container-gutter)}.article-guide-toc__heading{flex:0 0 auto;color:var(--article-guide-toc-accent);font-family:var(--text-font-family);font-size:.72rem;font-weight:var(--text-font-bold-weight);letter-spacing:.08em;text-transform:uppercase}.article-guide-toc__desktop-list{display:flex;flex:1 1 auto;gap:4px;min-width:0;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:thin}.article-guide-toc__desktop-list li{flex:0 0 auto}.article-guide-toc__link{display:flex;align-items:center;min-height:48px;padding:10px 11px;border-radius:999px;font-size:.78rem;font-weight:var(--text-font-bold-weight);line-height:1.2;text-decoration:none;white-space:nowrap}.article-guide-toc__link:hover{color:var(--article-guide-toc-accent);background:color-mix(in srgb,var(--article-guide-toc-accent) 8%,transparent)}.article-guide-toc__link:focus-visible,.article-guide-toc__mobile summary:focus-visible{outline:2px solid var(--article-guide-toc-accent);outline-offset:-3px}.article-guide-toc__mobile{display:none}@media screen and (max-width:1199px){body:has(.article-guide-toc) .shopify-section--main-article .article__info{margin:0;padding-block:18px}}@media screen and (min-width:1000px){body:has(.article-guide-toc) .shopify-section--blog-post-banner .article__header-content:not(:only-child){flex:1 1 auto;width:auto;padding-left:max(var(--container-gutter),calc((100vw - var(--article-guide-content-width)) / 2));padding-right:clamp(40px,5vw,80px)}[dir=rtl] body:has(.article-guide-toc) .shopify-section--blog-post-banner .article__header-content:not(:only-child){padding-right:max(var(--container-gutter),calc((100vw - var(--article-guide-content-width)) / 2));padding-left:clamp(40px,5vw,80px)}}@media screen and (max-width:999px){.article-guide-toc__desktop{display:none}.article-guide-toc__mobile{display:block;width:100%;max-width:calc(var(--article-guide-content-width) + var(--container-gutter) * 2);margin-inline:auto;padding-inline:var(--container-gutter)}.article-guide-toc__mobile summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;cursor:pointer;list-style:none;color:var(--article-guide-toc-accent);font-size:.82rem;font-weight:var(--text-font-bold-weight);letter-spacing:.06em;text-transform:uppercase}.article-guide-toc__mobile summary::-webkit-details-marker{display:none}.article-guide-toc__chevron{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .18s ease}.article-guide-toc__mobile[open] .article-guide-toc__chevron{transform:rotate(225deg) translate(-2px,-2px)}.article-guide-toc__mobile nav{max-height:min(52vh,24rem);padding-bottom:8px;overflow-y:auto;overscroll-behavior:contain}.article-guide-toc__mobile ol{display:grid;margin:0;padding:0;list-style:none}.article-guide-toc__mobile li+li{border-top:1px solid color-mix(in srgb,var(--article-guide-toc-text) 10%,transparent)}.article-guide-toc__mobile .article-guide-toc__link{border-radius:0;padding-inline:0;white-space:normal}}@media(prefers-reduced-motion:reduce){.article-guide-toc__chevron{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/82/compiled_assets/styles.css.map?subset=oA0 */
