/* Lower-page geometry from the captured Krème reference; commerce stays native. */
.source-citation{min-height:208px;display:grid;align-content:center;padding:48px 20px}
.source-citation h2{font-size:32px;line-height:1;letter-spacing:-.8px}
.home-bestsellers{padding-top:72px;padding-bottom:72px}
.home-bestsellers .section-title{justify-content:flex-start;margin-bottom:40px}
.home-bestsellers h2,.concerns h2{font-size:40px;line-height:1;letter-spacing:-1px}
.concerns{padding:0 3.35% 96px}
.concerns .section-title{margin-bottom:40px}
.concern-grid{gap:16px}
.concern{overflow:hidden;border-radius:6px}
.concern:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#0003);pointer-events:none}
.concern img{aspect-ratio:1;object-fit:cover}
.concern h3{z-index:1;bottom:12px;font-size:12px;line-height:1.1;letter-spacing:.72px;font-weight:500}
.concerns .center-link{margin-top:40px}
.diagnostic-feature{color:#111;position:relative;overflow:hidden}
.diagnostic-feature picture{display:block}
.diagnostic-feature picture img{width:100%;height:auto;max-height:none;aspect-ratio:2.88;object-fit:cover}
.diagnostic-feature>div{left:50%;top:50%;bottom:auto;right:auto;transform:translate(-50%,-50%);max-width:480px;width:90%;text-align:center}
.diagnostic-feature h2{font-size:32px;line-height:1.1}
.diagnostic-feature p{font-size:15px;line-height:1.25;margin-top:16px}
.diagnostic-feature .outline-button{margin-top:24px}
.science-feature{position:relative;height:432px;overflow:hidden;padding:48px;background-image:var(--hotspots-background);background-size:cover;background-position:center}
.science-feature>h2{position:relative;z-index:2;max-width:384px;font-size:40px;line-height:1;letter-spacing:-1px;text-align:left;margin:0}
.science-grid{display:block;position:absolute;inset:0}
.science-grid .science-media{position:absolute;width:30%;left:64.3%;top:3%;max-width:none;padding:0}
.science-media>img{width:100%;height:auto;max-height:none;object-fit:contain;object-position:center top}
.science-grid>div{padding:0;max-width:none}
.science-labels{position:absolute;inset:0}
.science-label{position:absolute;left:auto;right:88%;width:84%;padding-bottom:8px;border-bottom:1px solid #111;transform:translateY(-100%)}
.science-label:first-child{top:15%;bottom:auto}
.science-label:last-child{top:31%;bottom:auto}
.science-label:after{content:"";position:absolute;right:-7px;bottom:-7px;width:14px;height:14px;border-radius:50%;border:1px solid #111;background:radial-gradient(circle,#111 0 2px,transparent 2.5px)}
.science-label h3{font-size:14px;line-height:1;letter-spacing:.84px;font-weight:500}
.science-grid .science-label p{font-size:14px;line-height:1.2;letter-spacing:-.42px;color:#666;margin:4px 0 0}
.founders-feature{display:flex;flex-direction:column;align-items:center;text-align:center;padding:140px 48px;gap:16px;min-height:659px}
.founders-feature blockquote{font-size:32px;line-height:1;letter-spacing:-.8px;font-weight:600;max-width:1088px;padding:0;margin:0}
.founders-feature cite{font-size:15px;line-height:1.25;opacity:.7;margin-top:20px}
.founders-feature>img{width:312px;height:auto;aspect-ratio:2528/1840;object-fit:cover;border-radius:4px}
.formula-section{padding:0 3.35% 72px;min-height:665px}
.formula-section>h2{font-size:40px;line-height:1;letter-spacing:-1px;text-align:left;margin-bottom:40px}
.formula-grid{gap:16px}
.formula-grid img{border-radius:6px}
.formula-grid h3{font-size:18px;font-weight:600;line-height:1.1;letter-spacing:-.45px;margin:12px 0}
.formula-grid p{font-size:14px;line-height:1.2;letter-spacing:-.42px}
.awards-section{padding:72px 48px;background:#f6f6f6;color:#111;overflow:hidden}
.awards-intro{display:flex;flex-direction:column;gap:20px;max-width:760px}
.awards-intro h2{font-size:48px;font-weight:600;line-height:1;letter-spacing:-1.92px;margin:0}
.awards-intro p{font-size:16px;line-height:1.3;letter-spacing:-.32px;margin:0}
.awards-carousel{overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:26px;scrollbar-width:none;margin-top:48px;border:1px solid #11111126;border-radius:8px}
.awards-carousel:focus-visible{outline:2px solid #111;outline-offset:4px}
.awards-track{display:flex;width:max-content;min-width:100%;padding:40px 24px;border:1px solid #1116;border-radius:8px}
.award-card{display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:300px;flex:1 0 300px;padding:0 40px;scroll-snap-align:start}
.award-card+.award-card{border-left:1px solid #11111126}
.award-card img{display:block;width:88px;height:88px;object-fit:contain}
.award-card h3{font-size:12px;font-weight:400;line-height:1;letter-spacing:.48px;text-transform:uppercase;margin:0}
.footer{background:#74a1d6;color:white;padding:48px 3.35% 24px;border-top:0}
.footer-intro{text-align:center;padding-bottom:48px;margin-bottom:48px;border-bottom:1px solid #ffffff33}
.footer-intro h2{font-size:32px;font-weight:500;line-height:1.1}
.footer-intro p{max-width:800px;margin:16px auto 0;font-size:15px;line-height:1.25}
.footer .footer-intro .outline-button{display:inline-block;font-size:13px;margin:24px 0 0}
.footer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;max-width:1120px;margin:auto}
.footer h3{font-size:14px;letter-spacing:.8px;font-weight:500;margin:0 0 16px}
.footer a{font-size:14px;line-height:1.25;margin:0 0 10px}
.footer a:hover{text-decoration:underline;text-underline-offset:3px}
.footer .footer-brand{display:block;width:min(100%,1150px);margin:56px auto 30px}
.footer-brand img{width:100%;height:auto;filter:brightness(0) invert(1)}
.footer-bottom{border-top:1px solid #ffffff33;margin-top:24px;padding-top:20px;font-size:12px}
@media(max-width:999px){
.source-citation{min-height:154px;padding:40px 20px}
.source-citation h2{font-size:25px;line-height:1.1}
.home-bestsellers{padding:40px 20px}
.home-bestsellers h2,.concerns h2{font-size:32px;line-height:1;letter-spacing:-.8px}
.concerns{padding:40px 20px}
.concerns .section-title{margin-bottom:20px}
.concern-grid{gap:10px}
.concern h3{font-size:11px;letter-spacing:.5px;bottom:12px}
.concerns .center-link{margin-top:25px}
.diagnostic-feature picture img{aspect-ratio:1000/1165;width:100%;height:auto;max-height:none}
.diagnostic-feature>div{top:auto;bottom:40px;transform:translateX(-50%);left:50%;right:auto}
.diagnostic-feature h2{font-size:28px}
.diagnostic-feature p{font-size:14px;margin-top:14px}
.diagnostic-feature .outline-button{font-size:12px;padding:12px 20px;margin-top:18px}
.science-feature{height:auto;min-height:640px;padding:48px 20px}
.science-feature>h2{font-size:29px;max-width:330px}
.science-grid{position:relative;inset:auto;margin-top:28px}
.science-grid .science-media{position:relative;width:100%;left:auto;right:auto;top:auto;display:grid;grid-template-columns:minmax(0,1fr) 38%;gap:16px;align-items:center;animation:none;translate:none}
.science-media>img{grid-column:2;grid-row:1;max-height:430px;object-fit:contain}
.science-labels{position:static;grid-column:1;grid-row:1;display:grid;gap:28px}
.science-label{position:relative;left:auto;right:auto;width:100%;padding-bottom:8px;transform:none}
.science-label:first-child,.science-label:last-child{top:auto;bottom:auto;right:auto;width:100%}
.science-label h3{font-size:13px}
.science-grid .science-label p{font-size:14px;line-height:1.2}
.founders-feature{padding:50px 20px;gap:16px;min-height:0}
.founders-feature blockquote{font-size:25px;line-height:1.15;padding:0}
.founders-feature cite{font-size:13px;line-height:1.25;margin-top:16px}
.founders-feature>img{width:min(312px,100%);height:auto}
.formula-section{padding:40px 20px;min-height:0;overflow:hidden}
.formula-section>h2{font-size:28px;line-height:1.1;margin-bottom:24px}
.formula-grid{display:grid;grid-auto-flow:column;grid-auto-columns:78vw;grid-template-columns:none;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:8px}
.formula-grid article{scroll-snap-align:start}
.formula-grid h3{font-size:14px;line-height:1.2;margin:16px 0 12px}
.formula-grid p{font-size:14px;line-height:1.25}
.awards-section{padding:40px 20px}
.awards-intro{width:94%;max-width:760px}
.awards-intro h2{font-size:36px;letter-spacing:-1.44px}
.awards-intro p{font-size:15px;letter-spacing:-.3px}
.awards-carousel{margin-left:-20px;margin-right:-20px;padding:0 20px;border:0;border-radius:0;scroll-padding-left:41px}
.awards-carousel:focus-visible{outline-offset:-4px}
.awards-track{min-width:0;gap:40px;padding:20px}
.award-card{position:relative;width:120px;flex:1 0 120px;padding:0;gap:16px}
.award-card+.award-card{border:0}
.award-card+.award-card:before{content:"";position:absolute;left:-20px;top:0;width:1px;height:100%;background:#1116}
.award-card img{width:60px;height:60px}
.award-card h3{line-height:12px}
.footer{padding:40px 20px 24px}
.footer-intro{padding-bottom:32px;margin-bottom:32px;text-align:left}
.footer-intro h2{font-size:28px}
.footer-intro p{font-size:14px}
.footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}
.footer h3{font-size:12px}
.footer a{font-size:13px}
.footer .footer-brand{margin:40px auto 24px}
.footer-bottom{font-size:10px;gap:15px;flex-wrap:wrap}
}
@media(min-width:700px) and (max-width:999px){.formula-grid{grid-auto-columns:54vw}.diagnostic-feature picture img{max-height:650px;object-fit:cover}}
@media(prefers-reduced-motion:no-preference){@supports(animation-timeline:view()){
 .science-media{animation:kreme-science-parallax linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
 @keyframes kreme-science-parallax{from{translate:0 100px}to{translate:0 -100px}}
}}