/* A continuous, readable canvas for product discovery and everyday rituals. */
:root{--genz-canvas:#fbf8f2;--genz-ink:#3c293b;--genz-muted:#6e5869;--genz-line:#e2d4dc}
body{background:var(--genz-canvas);color:var(--genz-ink)}
main>.section,main>.official-home{padding-block:66px;background-color:var(--genz-canvas)}
.section h2{font-size:clamp(33px,3.6vw,52px);line-height:1.16;letter-spacing:-1.8px;color:#3c293b}
.section p{line-height:1.85}
.section .eyebrow{font-size:11px;line-height:1.7;letter-spacing:1.6px;color:#78546e}
.section-title{gap:30px;margin-bottom:31px}
.section-title>div>p,.section-title>p{font-size:13px;color:#6e5869;line-height:1.85}
.journey-links{background:linear-gradient(115deg,#fff0e0aa,#f4e1ed8c,#eaf0d99e);padding-block:21px;border-bottom:1px solid var(--genz-line)}
.journey-links strong{font-size:14px;line-height:1.5;color:#4c3145}
.journey-links small{color:#755c6e;font-size:11px}
.journey-links span{border-color:#cab6c1;color:#75526b;background:transparent}
.universe-tabs{padding:10px 5%;display:flex;gap:9px;background:#fbf8f2;border-bottom:1px solid var(--genz-line);overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x proximity}
.universe-tabs button{flex:1 0 140px;min-height:78px;border:1px solid transparent;border-radius:18px;padding:14px 16px;font-family:'DM Sans',Arial,sans-serif;font-size:13px;line-height:1.5;color:#573e50;scroll-snap-align:start;transition:background .2s,transform .2s}
.universe-tabs button:first-child,.universe-tabs button:last-child{border:1px solid transparent}
.universe-tabs button span{font-size:9px;color:#8a6f81;line-height:1.5;margin-bottom:3px}
.universe-tabs button small{font-size:10px;margin:4px 0 0;color:#725b69;opacity:1}
.universe-tabs button:hover{background:#f3e8ed;transform:translateY(-2px)}
.universe-tabs button.active{background:#f3e2e7;border-color:#dec3d0}
.universe-tabs button.active:after{display:none}
.egg-series{background:radial-gradient(ellipse at 5% 110%,#f4dfc66b,transparent 46%),#fbf8f2;border-top:0;padding-top:25px;padding-bottom:21px}
.egg-series-heading p{color:#72596a;font-size:12px}
.egg-series-buttons button{padding:10px 17px;font-size:12px;border-color:#d6bfcc;background:transparent;transition:background .2s,transform .2s}
.egg-series-buttons button[aria-pressed=true]{background:#f6e5d5;border-color:#976b7d;box-shadow:none}
.egg-series-buttons button:hover{transform:translateY(-2px);background:#f7ebdf}
.hero-shopping{background:radial-gradient(ellipse at 87% 65%,#f1dbe766,transparent 56%),#fbf8f2;padding-top:25px;padding-bottom:34px}
.hero-shopping-heading h2{font-size:25px;line-height:1.4;color:#422d3d}
.hero-products{gap:24px;padding-top:5px;padding-bottom:19px;scrollbar-color:#c6a4ba transparent}
.hero-product-card{background:transparent;border:0;border-radius:0;border-bottom:1px solid #d7c4ce;box-shadow:none;flex-basis:304px;grid-template-columns:112px 1fr;gap:17px;min-height:162px;padding:14px 8px 17px;overflow:visible;transition:transform .25s,border-color .25s}
.hero-product-card>img{width:112px;height:130px;object-fit:contain;background:transparent;border:0;border-radius:0;filter:drop-shadow(0 8px 7px #56314813);transition:transform .4s}
.hero-product-card:hover{transform:translateY(-3px);border-bottom-color:#ab7d97;background:transparent}
.hero-product-card:hover>img{transform:rotate(-3deg) translateY(-3px)}
.hero-product-card.active{border-color:#9c6381;background:transparent;box-shadow:none}
.hero-product-card strong{font-size:13px;color:#422d3d;padding-right:25px;line-height:1.5}
.hero-product-card small{font-size:10px;color:#755b6c;line-height:1.75}
.hero-product-card .rail-add{width:39px;height:39px;right:1px;top:8px;background:#fbf8f2;border-color:#d7bfce}
.hero-product-card .card-links a,.hero-product-card .card-links button{font-size:11px;min-height:44px;color:#72435f}
.rail-tail{font-size:11px;line-height:1.85;color:#755b6c;margin-top:11px}
.discovery.section{background:radial-gradient(ellipse at 17% 80%,#f8e8d58a,transparent 52%),radial-gradient(ellipse at 100% 0%,#e8eacb72,transparent 48%),#fbf8f2;border-bottom:1px solid var(--genz-line);gap:45px;padding-block:55px}
.discovery h2{font-size:clamp(32px,3.6vw,48px);line-height:1.16;letter-spacing:-1.8px}
.discovery p{font-size:13px;color:#6e5869}
.intent-grid{gap:16px}
.intent-grid button{background:transparent!important;border:0;border-bottom:1px solid #d5bfc8;border-radius:0;box-shadow:none;min-height:225px;padding:19px 12px 15px;overflow:visible;transition:transform .25s}
.intent-grid button:hover{transform:translateY(-5px);box-shadow:none}
.intent-grid button:before{content:'';position:absolute;inset:8% -6% 0;background:radial-gradient(ellipse,#f5e5d69c,transparent 69%);pointer-events:none;z-index:0}
.intent-grid button:nth-child(2):before{background:radial-gradient(ellipse,#efdbedb3,transparent 70%)}
.intent-grid button:nth-child(3):before{background:radial-gradient(ellipse,#e4def1b3,transparent 70%)}
.intent-grid button:nth-child(4):before{background:radial-gradient(ellipse,#dfeeda9c,transparent 70%)}
.intent-grid strong{font-size:20px!important;color:#493243;max-width:155px;line-height:1.4;letter-spacing:-.65px}
.intent-grid span{position:relative;z-index:1;font-size:10px;color:#70576a;letter-spacing:1px}
.intent-grid b{padding:0;background:transparent;font-size:10px;color:#785b70;border-radius:0;min-height:38px;display:flex;align-items:center}
.intent-grid .intent-art{width:91px;height:136px;right:-2px;bottom:36px;opacity:1;filter:drop-shadow(0 9px 8px #68403f13)}
.official-home{background:radial-gradient(ellipse at 93% 18%,#eadfed66,transparent 48%),#fbf8f2}
.official-home .official-product-image,.section .product-picture{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none;overflow:visible;position:relative;isolation:isolate}
.official-home .official-product-image:before,.section .product-picture:before{content:'';position:absolute;inset:3% 2% 4%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#eee0ed99,transparent 71%)}
.section .product[data-brand=Eggsential] .product-picture:before{background:radial-gradient(ellipse,#f5e5ba9c,transparent 70%)}
.section .product[data-brand=Pagoto] .product-picture:before{background:radial-gradient(ellipse,#e9d7efb3,transparent 70%)}
.section .product[data-brand="Aqua Mist"] .product-picture:before{background:radial-gradient(ellipse,#dbede3bd,transparent 70%)}
.section .product-picture>a{padding:25px 13px 23px}
.section .product-picture>a img{object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 15px 12px #55354110);transition:transform .4s}
.section .product[data-brand=Eggsential] .product-picture img,.section .product[data-brand="Aqua Mist"] .product-picture img{max-width:100%;max-height:100%}
.section .product:hover .product-picture>a img{transform:translateY(-5px) rotate(-2deg) scale(1.025)}
.section .product h3{font-size:16px;font-weight:650;line-height:1.5;letter-spacing:-.2px;color:#412f3d}
.section .product .brand{font-size:10px;color:#79566e;letter-spacing:1px;margin-top:20px}
.section .product .caption{font-size:12px;line-height:1.75;color:#775e70;min-height:42px}
.section .product-action{border-color:#ddccd6;padding-top:10px}
.section .product-action a{font-size:12px;min-height:44px;display:inline-flex;align-items:center;color:#75415f}
.section .product-action button{min-width:40px;min-height:40px;font-size:23px}
.section .badge{left:8px;top:5px;background:#fbf8f2e0;border:1px solid #e0ced7;font-size:8px;padding:6px 10px;color:#705266}
.section .heart{right:6px;top:2px;background:#fbf8f2;border:1px solid #e0ced7;box-shadow:none;width:39px;height:39px}
.section .compare-choice{font-size:11px;line-height:1.7;color:#725b6b}
.section .filter-row{align-items:center;border-color:#deced7;padding-bottom:19px}
.section #filters{gap:9px}
.section #filters button{min-height:43px;padding:10px 17px;font-size:12px;border-color:#d8c3d0;border-radius:50px;background:transparent;color:#68425c;transition:background .2s,color .2s}
.section #filters button.active{background:#542748;color:#fff;border-color:#542748}
.section .sort-label{font-size:12px;color:#6f5265}
.section .sort-label select{font-size:12px;padding:10px 5px}
.section .shop-facets{gap:20px;padding-top:17px;padding-bottom:17px;flex-wrap:wrap;border-color:#dfd0d8}
.section .shop-facets label{font-size:12px;color:#72556a}
.section .shop-facets select{border-radius:50px;padding:10px 14px;border-color:#d8c3d0;background:#fffdf87d;font-size:12px;min-height:41px}
.section .shop-facets>button{font-size:12px;min-height:44px}
.section .inline-search{background:#fffdf980;border-color:#d9c5d1;border-radius:50px;padding-inline:17px;min-height:47px;max-width:480px}
.section .inline-search input{font-size:13px;color:#4e3447}
.section .shop-utilities>button{border-color:#d9c5d1;border-radius:50px;min-height:44px;font-size:12px;padding:11px 17px}
.section .shop-utilities label{font-size:11px;color:#76596d}
.section .results-line{font-size:11px;line-height:1.75;color:#725b6b;margin:20px 0 25px}
.section .products{gap:38px 25px}
.section .load-more{border-radius:50px;min-height:47px;font-size:13px;color:#6b425c;background:transparent;border-color:#b891a7;margin-top:35px}
.feature{background:radial-gradient(ellipse at 17% 58%,#f5e4b5a6,transparent 50%),radial-gradient(ellipse at 96% 89%,#e5edc4b3,transparent 50%),#fbf8f2;border-block:1px solid #e6d8dc;min-height:0}
.feature .feature-image{padding:25px 20px;min-height:390px;overflow:visible}
.feature .feature-image img{height:385px;object-fit:contain;filter:drop-shadow(0 22px 16px #66513f12)}
.feature .feature-copy{padding:55px 11%}
.feature .feature-copy p{font-size:14px;line-height:1.9;color:#675565}
.feature .feature-tags{font-size:11px;gap:20px;color:#725566}
.feature .feature-tags span{border-bottom-color:#c6b4c1}
.ritual-panel{background:transparent;border:0;border-radius:0;position:relative;isolation:isolate;overflow:visible}
.ritual-panel:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 77% 55%,#f5dbc2ab,transparent 52%),radial-gradient(ellipse at 13% 22%,#ecd9e45e,transparent 45%);pointer-events:none}
.ritual-panel>div{padding:48px 8%}
.ritual-panel h3{font-size:clamp(31px,3.5vw,43px);color:#513441;line-height:1.2}
.ritual-panel p{font-size:14px;color:#745b6b;line-height:1.85}
.ritual-panel>img{padding:10px;height:385px;object-fit:contain;filter:drop-shadow(0 18px 14px #51384712)}
.moment-tabs{gap:9px;flex-wrap:wrap}
.moment-tabs button{min-height:43px;padding:10px 18px;font-size:12px;border-color:#d5bfcb}
.moment-tabs button.active{background:#542748;border-color:#542748}
.label-lab.section{background:radial-gradient(ellipse at 16% 75%,#e3edc6aa,transparent 49%),radial-gradient(ellipse at 100% 10%,#f3e1d099,transparent 44%),#fbf8f2;border-block:1px solid #e3d8db;gap:7%}
.label-lab>div>p{font-size:14px;color:#695869;line-height:1.85}
.calculator-mode button{min-height:44px;padding:10px 18px;font-size:12px;border-radius:50px;border-color:#afb89e}
.calculator-mode button.active{background:#4b6645;border-color:#4b6645}
.calc-fields label{font-size:12px;line-height:1.7;color:#635668}
.calc-fields input{border-radius:13px;padding:14px;background:#fffdf8ab;border-color:#bbc3ae;color:#413e3d;font-size:14px}
.kit-builder.section{background:radial-gradient(ellipse at 15% 68%,#dfedc2a8,transparent 49%),radial-gradient(ellipse at 96% 14%,#eadcea70,transparent 45%),#fbf8f2;border-bottom:1px solid #e1d6db;gap:7%}
.kit-builder p{font-size:14px;color:#68586a;line-height:1.85}
.kit-options>button{border-color:#b9c5a9;background:#fffdf760;border-radius:19px;padding:24px 17px;min-height:135px;transition:transform .25s,background .25s}
.kit-options>button:hover{transform:translateY(-4px);background:#fffdf99c}
.kit-options b{font-size:16px;line-height:1.5;color:#4d5d45}
.kit-options span{font-size:12px;line-height:1.75;color:#6a705f}
.kit-preview img{background:transparent;border-radius:0}
.world.section{background:radial-gradient(ellipse at 50% 90%,#e7d8e5ab,transparent 57%),#fbf8f2;border-top:1px solid #e3d5dd}
.world p{font-size:14px;color:#70596b;line-height:1.9;max-width:640px}
.world-values{border-color:#dac9d5;font-size:12px;color:#76586e;margin-top:35px;padding-top:25px;gap:45px}
.faq.section{background:#fbf8f2;gap:6%;padding-top:55px;padding-bottom:55px}
.faq summary{font-size:14px;line-height:1.6;padding-right:10px}
.faq details p{font-size:13px;line-height:1.9;color:#6f5a6b}
.faq details{border-bottom-color:#dfd0da;padding-block:20px}
.guide-section.section{background:radial-gradient(ellipse at 8% 66%,#e8ead399,transparent 47%),#fbf8f2}
.guide-grid a{padding:25px 8px;border-top-color:#c6b6bf;transition:transform .25s}
.guide-grid a:hover{transform:translateY(-3px)}
.guide-grid p{font-size:13px;color:#705e6c;line-height:1.85}
.guide-grid span{font-size:11px;min-height:44px;display:inline-flex;align-items:center}
.beauty-lab #beautyEditorial{transform:none;object-fit:contain;object-position:center}
.beauty-lab #photoLabel{color:#6c4d63;bottom:8px;font-size:10px;letter-spacing:1.2px;text-shadow:none;background:#fbf8f2b8;padding:10px 12px}
.beauty-lab .photo-studio:has(#faceCanvas:not([hidden])) #photoLabel{background:#fbf8f2df}
.beauty-lab .routine-form{padding:29px 31px}
.beauty-lab .routine-form>label{font-size:12px;color:#644a5d;line-height:1.6}
.beauty-lab .routine-form select{font-size:13px;min-height:47px;border-radius:12px}
.beauty-lab .routine-form h3{font-size:35px;line-height:1.2}
.beauty-lab #routineResult{background:#fffdf98c;border-radius:16px;font-size:13px;line-height:1.85}
.beauty-lab .fine{font-size:11px!important;line-height:1.85}
.editorial-list .product{border:0;border-bottom:1px solid #dccbd7;padding:18px 4px;border-radius:0;background:transparent}
.editorial-list .product-picture{min-height:210px}
@media(min-width:1500px){main>.section{padding-inline:max(6%,calc((100vw - 1400px)/2))}.hero-shopping,.egg-series,.journey-links{padding-inline:max(6%,calc((100vw - 1400px)/2))}}
@media(max-width:1100px){.discovery.section{gap:25px}.intent-grid{gap:12px}.intent-grid button{min-height:211px;padding-inline:8px}.intent-grid strong{font-size:18px!important}.intent-grid .intent-art{width:76px;height:123px}.hero-product-card{flex-basis:285px;grid-template-columns:101px 1fr;gap:15px}.hero-product-card>img{width:101px;height:126px}.section .shop-facets{gap:13px}.section .shop-facets label{font-size:11px}.section .shop-facets select{font-size:11px;padding-inline:11px}.section .products{gap:34px 21px}}
@media(max-width:760px){main>.section,main>.official-home{padding-block:45px}.section h2{font-size:35px;letter-spacing:-1.35px}.section .eyebrow{font-size:10px;letter-spacing:1.35px}.universe-tabs{padding:10px 5%;gap:8px}.universe-tabs button{flex-basis:139px;min-height:76px;padding:12px 14px}.universe-tabs button small{font-size:9px}.egg-series{padding-top:22px;padding-bottom:17px}.egg-series-heading h2{font-size:20px}.egg-series-heading p{font-size:11px}.hero-shopping{padding-top:23px;padding-bottom:25px}.hero-shopping-heading h2{font-size:23px}.hero-products{gap:18px}.hero-product-card{flex-basis:282px;grid-template-columns:104px 1fr;gap:14px;min-height:150px;padding:12px 4px 17px}.hero-product-card>img{height:120px;width:104px}.hero-product-card strong{font-size:12px}.hero-product-card small{font-size:9px}.hero-product-card .rail-add{width:36px;height:36px;top:8px;right:0}.rail-tail{font-size:10px;gap:18px}.discovery.section{padding-block:40px;gap:24px}.discovery h2{font-size:34px}.intent-grid{gap:16px}.intent-grid button{min-height:191px;padding:15px 11px}.intent-grid strong{font-size:21px!important}.intent-grid .intent-art{height:119px;width:85px;bottom:34px}.intent-grid b{font-size:10px}.section-title{margin-bottom:25px;gap:18px}.section #filters{gap:7px}.section #filters button{font-size:11px;min-height:42px;padding:10px 13px}.section .sort-label{font-size:10px}.section .sort-label select{font-size:11px}.section .shop-facets{gap:12px;padding-block:14px;align-items:end}.section .shop-facets>button{margin-left:0}.section .shop-facets label{flex:1 0 43%;margin:0;font-size:11px}.section .shop-facets select{display:block;width:100%;margin:7px 0 0}.section .shop-utilities{gap:12px}.section .shop-utilities>button{font-size:11px;padding-inline:14px}.section .shop-utilities label{font-size:10px}.section .inline-search input{font-size:12px}.section .results-line{font-size:10px;margin-bottom:21px;gap:17px}.section .products{gap:31px 17px}.section .product h3{font-size:14px;line-height:1.55}.section .product .caption{font-size:11px;line-height:1.75;min-height:40px}.section .product .brand{font-size:9px;margin-top:17px}.section .compare-choice{font-size:10px;gap:7px}.section .product-action a{font-size:10px}.section .product-action button{min-width:36px;min-height:36px}.section .product-picture>a{padding:20px 5px 17px}.section .badge{left:3px;font-size:7px;max-width:calc(100% - 43px);line-height:1.5;padding:5px 8px}.section .heart{width:35px;height:35px;right:1px;top:1px}.feature .feature-image{padding:20px 13px;min-height:295px}.feature .feature-image img{height:300px}.feature .feature-copy{padding:37px 8%}.feature .feature-copy p{font-size:13px}.feature .feature-tags{gap:16px;font-size:10px}.ritual-panel>div{padding:33px 6%}.ritual-panel h3{font-size:35px}.ritual-panel>img{height:300px;padding:5px}.ritual-panel p{font-size:13px}.moment-tabs button{font-size:11px;padding:10px 15px}.label-lab.section{gap:27px}.label-lab>div>p{font-size:13px}.calc-fields label{font-size:11px}.calc-fields input{font-size:13px}.kit-builder.section{gap:27px}.kit-builder p{font-size:13px}.kit-options>button{padding:18px 13px;min-height:120px}.kit-options b{font-size:14px}.kit-options span{font-size:11px}.world-values{gap:23px;font-size:11px}.faq.section{gap:18px;padding-block:39px}.faq summary{font-size:13px}.faq details p{font-size:12px}.guide-grid a{padding:21px 0}.beauty-lab .routine-form{padding:25px 23px}.beauty-lab #photoStage{height:355px}.beauty-lab #photoLabel{font-size:9px}.editorial-list .product{grid-template-columns:125px 1fr;gap:0 16px}.editorial-list .product-picture{min-height:205px}}
@media(max-width:410px){.section h2{font-size:31px}.intent-grid button{min-height:179px;padding-inline:6px}.intent-grid strong{font-size:19px!important}.intent-grid .intent-art{height:110px;width:77px;right:-3px}.intent-grid b{font-size:9px}.section .products{gap:28px 13px}.section .product h3{font-size:13px}.section .product .caption{font-size:10px;min-height:43px}.section .compare-choice{font-size:9px;align-items:start}.section .product-action a{font-size:9px}.section .product .brand{font-size:8px}.section .product-action button{min-width:34px;min-height:34px}.section .shop-utilities>button{font-size:10px;padding-inline:12px}.section .shop-utilities label{font-size:9px}.beauty-lab .routine-form{padding:23px 19px}.beauty-lab .routine-form h3{font-size:31px}.beauty-lab #photoStage{height:310px}.hero-product-card{flex-basis:266px;grid-template-columns:93px 1fr;gap:12px}.hero-product-card>img{width:93px;height:115px}.hero-product-card strong{font-size:12px}.kit-options{grid-template-columns:1fr}.kit-options>button{min-height:102px}}
@media(prefers-reduced-motion:reduce){.universe-tabs button,.egg-series-buttons button,.hero-product-card,.hero-product-card>img,.intent-grid button,.section .product-picture>a img,.section #filters button,.kit-options>button,.guide-grid a{transition:none!important;animation:none!important}.universe-tabs button:hover,.egg-series-buttons button:hover,.hero-product-card:hover,.hero-product-card:hover>img,.intent-grid button:hover,.section .product:hover .product-picture>a img,.kit-options>button:hover,.guide-grid a:hover{transform:none!important}}

/* Shared catalogue presentation continues the same transparent campaign canvas. */
.official-catalogue:not(.official-admin){background-color:#fbf8f2}
.official-product-image[data-campaign-art]{background:transparent!important;border:0;border-radius:0;overflow:visible;box-shadow:none}
.official-product-image[data-campaign-art]>a{background:radial-gradient(ellipse,#eddfed7d,transparent 72%);padding:22px 14px 35px}
.official-product-image[data-campaign-art] img{object-fit:contain;filter:drop-shadow(0 14px 14px #63435617);transition:transform .45s}
.official-product-image[data-campaign-art]:hover img{transform:translateY(-6px) rotate(-2deg)}
.official-product-image[data-campaign-art] .official-art-caption{background:transparent;bottom:0;font-size:10px;color:#735d6b}
.official-category-card[data-campaign-category]{background:transparent;box-shadow:none;border-radius:0;border:0;border-bottom:1px solid #dccbd6;overflow:visible}
.official-category-card[data-campaign-category]>div{background:radial-gradient(ellipse,#eadfeb8c,transparent 72%);overflow:visible;border-radius:0}
.official-category-card[data-campaign-category] img{background:transparent;object-fit:contain;filter:drop-shadow(0 10px 12px #63435615);transition:transform .4s}
.official-category-card[data-campaign-category]:hover img{transform:translateY(-5px) rotate(-2deg)}
.official-category-card[data-campaign-category] small{background:transparent;color:#7a5c73;line-height:1.6;font-size:9px}
@media(prefers-reduced-motion:reduce){.official-product-image[data-campaign-art] img,.official-category-card[data-campaign-category] img{transition:none!important;transform:none!important}}