/* One visual language for entry pages and collections. Native links, no click handlers. */
.collection-world #main{background:radial-gradient(ellipse 75% 750px at 86% 250px,var(--world-glow,#dce8c8),transparent 85%),#faf8f3;overflow:clip}
.collection-world :is(.campaign-home,.campaign-catalogue,.wellness-hero,.ferment-hero,.zg-hero){position:relative;isolation:isolate;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.collection-world :is(.campaign-home,.campaign-catalogue,.wellness-hero,.ferment-hero):before,.collection-world :is(.campaign-home,.campaign-catalogue,.wellness-hero,.ferment-hero):after{display:none}
.collection-hero-art{position:absolute;right:0;top:0;bottom:0;width:49%;display:flex;align-items:center;justify-content:center;z-index:0;border-radius:22px}
.collection-hero-art img{width:115%;height:100%;max-width:none;object-fit:contain;object-position:center;pointer-events:none;filter:drop-shadow(0 20px 25px #30402c12)}
.collection-hero-art img[src$="-v13.png"]{mask-image:radial-gradient(ellipse,#000 48%,transparent 75%)}
.collection-hero-art:focus-visible,.collection-image-link:focus-visible{outline:3px solid var(--world-accent,#7e754d);outline-offset:5px}
.collection-world .campaign-home{margin:0 auto;max-width:1440px;min-height:650px}
.collection-world .campaign-copy{position:relative;z-index:1;width:51%;padding:65px 4%}
.collection-world .campaign-copy h1{color:var(--world-ink,#304934);font-size:clamp(50px,5.7vw,82px)}
.collection-world .campaign-copy h1 em{color:var(--world-accent,#5e7846)}
.collection-world .campaign-copy>p{color:#4d6053}
.collection-world .campaign-catalogue{min-height:440px;margin:26px 0 48px;padding:38px 0!important}
.collection-world .catalogue-intro{position:relative;z-index:1;width:53%;padding-right:3%}
.collection-world :is(.catalogue-intro,.ferment-hero-copy,.wellness-hero>div){border:0}
.collection-world .catalogue-intro h1{color:var(--world-ink,#304934)}
.collection-world .wellness-hero>div,.collection-world .ferment-hero-copy{position:relative;z-index:1}
.collection-world .wellness-hero>div{width:52%;padding:40px 0}
.collection-world .ferment-hero-copy{padding-left:0}
.collection-world .zg-hero{padding:35px 0;background:radial-gradient(ellipse at right,var(--world-panel),transparent 75%)}
.collection-world .zg-human-hero{mask-image:none;border-radius:22px;box-shadow:0 18px 42px #493d2912}
.collection-world .collection-image-link{display:block;color:inherit}
.collection-world .universes .campaign-universe{background:linear-gradient(145deg,var(--world-panel),#faf8f3);color:var(--world-ink);border:1px solid #ffffffb0;border-radius:28px;min-height:390px;padding:30px;box-shadow:0 12px 28px #30402c0d;justify-content:flex-end}
.collection-world .universes .campaign-universe:before{display:none}
.collection-world .universes .universe-scene{object-fit:contain;width:100%;height:70%;top:0;opacity:.85;object-position:center;mask-image:linear-gradient(#000 70%,transparent)}
.collection-world .universes .campaign-universe :is(h3,small){position:relative;color:var(--world-ink);z-index:1}
.collection-world .universes .campaign-universe:after{content:'Explorer l’univers';border-color:var(--world-glow);color:var(--world-ink)}
.collection-world :is(.category-tile,.category-choice-card,.formula-comparison-card,.media-needs article,.media-worlds>a,.zg-collection){border-radius:24px;background:linear-gradient(145deg,#fffdf9,var(--world-panel,#edf2e3));border:1px solid #e2e5d8;box-shadow:0 10px 26px #30402c0b;transition:box-shadow .25s,border-color .25s,transform .25s}
.collection-world :is(.category-tile-copy,.category-choice-copy){background:transparent}
.collection-world .category-tile-action:after{content:none}
.collection-world .category-card-grid .category-tile{background:linear-gradient(145deg,#fffdf9,var(--world-panel));color:var(--world-ink)}
.collection-world .ferment-feature>.collection-image-link{display:block;width:45%;flex:none;min-height:300px}
.collection-world .ferment-feature>.collection-image-link img{width:100%;height:100%;object-fit:cover;display:block}
.collection-world .media-needs article>.collection-image-link{background:linear-gradient(135deg,#fff,var(--world-panel,#edf2e3));padding:14px}
.collection-world .media-needs article .collection-image-link img{mix-blend-mode:multiply}
.collection-world .media-needs article:focus-within{box-shadow:0 18px 36px #30402c22;border-color:var(--world-accent,#5e7846)}
.collection-world .split-feature{background:linear-gradient(120deg,#eaf0df,#faf8f3);overflow:hidden}
.collection-world .feature-art.human-feature{mask-image:linear-gradient(90deg,#000 75%,transparent)}
.collection-world :is(.category-tile,.category-choice-card,.formula-comparison-card,.media-worlds>a,.zg-collection):focus-within{box-shadow:0 18px 36px #30402c22;border-color:var(--world-accent,#5e7846)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .collection-world :is(.media-needs article,.category-tile,.category-choice-card,.formula-comparison-card,.media-worlds>a,.zg-collection):hover{transform:translateY(-3px);box-shadow:0 18px 36px #30402c22;border-color:var(--world-accent,#5e7846)}
 .collection-hero-art:hover img{transform:translateY(-3px)}
 .collection-hero-art img{transition:transform .4s}
}
@media(max-width:760px){
 .collection-world .campaign-home{display:flex;flex-direction:column;min-height:0;padding-bottom:0}
 .collection-hero-art{position:relative;inset:auto;width:100%;height:290px;order:0;flex:none}
 .collection-hero-art img{width:100%;height:100%;object-position:center}
 .collection-world .campaign-copy{width:100%;padding:20px 24px 36px;order:1;background:transparent}
 .collection-world .campaign-copy h1{font-size:48px;margin-top:10px}
 .collection-world .campaign-catalogue{display:flex;flex-direction:column;padding:0!important;margin-bottom:28px}
 .collection-world .catalogue-intro{width:100%;padding:18px 0;order:1}
 .collection-world .catalogue-intro h1{font-size:38px}
 .collection-world .wellness-hero,.collection-world .ferment-hero{display:flex;flex-direction:column;min-height:0;padding:0}
 .collection-world .wellness-hero>div,.collection-world .ferment-hero-copy{width:100%;padding:24px 0;order:1}
 .collection-world .ferment-hero h1{font-size:56px}
 .collection-world .feature-art.human-feature{mask-image:linear-gradient(#000 75%,transparent)}
 .collection-world .universes .campaign-universe{min-height:350px}
 .collection-world .ferment-feature>.collection-image-link{width:100%;height:240px;min-height:0}
}
@media(prefers-reduced-motion:reduce){.collection-world :is(.media-needs article,.category-tile,.category-choice-card,.formula-comparison-card,.media-worlds>a,.zg-collection,.collection-hero-art img){transition:none!important;transform:none!important}}
@media(max-width:360px){.collection-world .campaign-catalogue .collection-hero-art{height:220px}}

/* The mixed skincare universe must not suggest a shared aloe ingredient. */
.atmosphere-beauty{--world-glow:#eee5d6;--world-panel:#f4eee5;--world-accent:#887452;--world-ink:#454238}
.collection-world.atmosphere-beauty #main{background:radial-gradient(ellipse 65% 650px at 90% 300px,#eee5d68c,transparent 85%),#faf8f3}
.atmosphere-beauty .campaign-catalogue{min-height:360px}
.atmosphere-beauty .campaign-catalogue .collection-hero-art{position:absolute;inset:0 auto 0 calc(50% - 50vw);width:100vw;height:100%;opacity:.18;overflow:hidden;border-radius:0}
.atmosphere-beauty .campaign-catalogue .collection-hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 65%;filter:none;mask-image:linear-gradient(transparent,#000 18%,#000 75%,transparent)}
.atmosphere-beauty .campaign-catalogue .catalogue-intro{width:100%;max-width:none;padding-right:0}
.atmosphere-beauty .campaign-catalogue .catalogue-intro .page-lead{max-width:920px}
@media(max-width:760px){
 .atmosphere-beauty .campaign-catalogue{min-height:300px;padding:24px 0!important}
 .atmosphere-beauty .campaign-catalogue .collection-hero-art{width:100vw;height:100%;opacity:.16}
 .atmosphere-beauty .campaign-catalogue .catalogue-intro{width:100%;padding:12px 0}
}

/* Quiet editorial hero with a discreet botanical photograph. */
.collection-world .ferment-panorama{min-height:0;display:block;padding:0;background:#faf8f3}
.collection-world .ferment-panorama .ferment-hero-copy{width:100%;max-width:none;padding:48px 0 64px;text-align:left}
.collection-world .ferment-panorama h1{font-size:clamp(48px,5.5vw,78px);white-space:nowrap;letter-spacing:-.035em;line-height:1.12;margin:12px 0 28px}
.collection-world .ferment-panorama h1 em{font-style:normal;color:inherit}
.collection-world .ferment-panorama .ferment-tagline{max-width:none;font-size:27px;margin:0 0 22px}
.collection-world .ferment-panorama .ferment-hero-copy>p:not(.ferment-tagline){max-width:880px;margin:0 0 24px;font-size:17px;line-height:1.8}
.collection-world .ferment-panorama .ferment-hero-copy>.text-link{display:inline-block;margin:16px 0 0 26px}
.collection-world:has(.ferment-panorama) #main{background:#faf8f3}
@media(max-width:760px){
 .collection-world .ferment-panorama h1{font-size:clamp(38px,8vw,54px);white-space:normal}
 .collection-world .ferment-panorama .ferment-hero-copy{padding:24px 0 38px}
 .collection-world .ferment-panorama .ferment-tagline{font-size:24px}
 .collection-world .ferment-panorama .ferment-hero-copy>.text-link{display:block;width:fit-content;margin:22px 0 0}
}

/* Full-width real aloe photograph, softly blended behind the editorial content. */
.collection-world .ferment-panorama .ferment-photo-background{position:absolute;z-index:0;pointer-events:none;top:-38px;bottom:-25px;left:calc(50% - 50vw);width:100vw;background-image:linear-gradient(90deg,rgba(250,248,243,.93),rgba(250,248,243,.88) 45%,rgba(250,248,243,.69)),url("assets/aloe-photo-v18.jpg");background-size:cover;background-position:center 43%;mask-image:linear-gradient(transparent,#000 18%,#000 75%,transparent)}
.collection-world .ferment-panorama .ferment-hero-copy{position:relative;z-index:1}
@media(max-width:760px){.collection-world .ferment-panorama .ferment-photo-background{background-image:linear-gradient(rgba(250,248,243,.88),rgba(250,248,243,.87)),url("assets/aloe-photo-v18.jpg");background-position:58% center}}

/* Home only: compact introduction, human universes and legible editorial cards. */
.home.collection-world .campaign-home{height:auto;min-height:0;max-width:1440px;display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:40px;padding:44px 5% 40px}
.home.collection-world .campaign-home .campaign-copy{grid-column:1;grid-row:1;width:auto;max-width:none;padding:0}
.home.collection-world .campaign-home .campaign-copy h1{font-size:clamp(36px,3.5vw,59px);line-height:1.1;margin:0 0 23px;letter-spacing:-.035em}
.home.collection-world .campaign-home .campaign-copy>p{font-size:17px;line-height:1.75;margin:0 0 25px;max-width:680px}
.home.collection-world .campaign-home .collection-hero-art{position:relative;inset:auto;grid-column:2;grid-row:1;width:100%;height:310px;border-radius:22px;overflow:hidden}
.home.collection-world .campaign-home .collection-hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;filter:none;mask-image:none}
.home.collection-world .universes .campaign-universe{min-height:420px;transition:transform .25s,box-shadow .25s}
.home.collection-world .universes .universe-scene{height:100%;object-fit:cover;object-position:center;opacity:1;mask-image:none}
.home.collection-world .universes .campaign-universe:before{display:block;background:linear-gradient(0deg,#09251ff5, #09251f85 29%,transparent 65%)}
.home.collection-world .universes .campaign-universe :is(h3,small),.home.collection-world .universes .campaign-universe:after{color:#fff;border-color:#ffffff70}
.home .home-category-links{gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}
.home .home-category-links a{align-items:center;min-height:82px;padding:20px 22px;background:linear-gradient(140deg,#fffdf9,#f0f2e9);border:1px solid #e0e5d9;border-radius:16px;box-shadow:0 6px 18px #173d350d;transition:transform .22s,box-shadow .22s,border-color .22s;color:#183d32}
.home .home-category-links a:focus-visible{outline:3px solid #597c60;outline-offset:4px}
.home.collection-world .split-feature .feature-copy{color:#173d35;background:#edf1e7;opacity:1;visibility:visible}
.home.collection-world .split-feature .feature-copy :is(h2,p,a){color:#173d35;opacity:1;visibility:visible}
.home.collection-world .feature-art.human-feature{mask-image:none}
.home.collection-world .split-feature .feature-copy .text-link{border-color:#657b60}
.home .home-reading{padding-top:90px}
.home .home-reading .section-heading{display:block}
.home .home-reading .section-heading h2{font-size:clamp(32px,3.2vw,51px);max-width:none}
.home .home-reading .section-heading>.text-link{display:inline-block;margin-top:20px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.home .home-category-links a:hover,.home.collection-world .universes .campaign-universe:hover{transform:translateY(-3px);box-shadow:0 14px 28px #173d3520;border-color:#a5b79b}}
@media(max-width:1000px){.home .home-category-links{grid-template-columns:repeat(3,minmax(0,1fr))}.home.collection-world .campaign-home{gap:24px}}
@media(max-width:760px){
 .home.collection-world .campaign-home{display:flex;flex-direction:column;padding:30px 18px;gap:26px}
 .home.collection-world .campaign-home .campaign-copy{order:0;width:100%}
 .home.collection-world .campaign-home .collection-hero-art{order:1;height:200px}
 .home.collection-world .campaign-home .campaign-copy h1{font-size:36px}
 .home.collection-world .campaign-home .campaign-copy>p{font-size:16px}
 .home .home-category-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .home .home-category-links a{font-size:14px;padding:17px 14px}
 .home.collection-world .universes .campaign-universe{min-height:380px}
 .home .home-reading{padding-top:55px}
}
@media(prefers-reduced-motion:reduce){.home .home-category-links a,.home.collection-world .universes .campaign-universe{transition:none;transform:none}}


/* Transparent botanical hero, sharing one continuous background with the header and universes. */
.home.collection-world{background:radial-gradient(ellipse 75% 920px at 88% 230px,#dae6df 0%,#e7ede3 40%,transparent 85%),#faf8f3}
.home.collection-world #main{background:transparent}
.home:has(.home-immersive)>.header{position:relative;background:transparent;border:0;z-index:20}
.home.collection-world .campaign-home.home-immersive{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:35px;max-width:1440px;margin:0 auto;min-height:0;padding:42px 5% 36px;background:transparent;overflow:visible}
.home-immersive-photo{display:block;position:relative;grid-column:2;grid-row:1;width:100%;pointer-events:none}
.home-immersive-photo img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 14px 16px #294e2914)}
.home.collection-world .campaign-home.home-immersive:after{display:none}
.home.collection-world .home-immersive .campaign-copy{position:relative;z-index:1;grid-column:1;grid-row:1;width:100%;max-width:650px}
.home.collection-world .home-immersive .campaign-copy h1{font-size:clamp(40px,3.8vw,60px);line-height:1.08;color:#103c28;text-wrap:balance;margin:0 0 25px}
.home.collection-world .home-immersive .campaign-copy h1 em{display:block;font-size:.73em;color:#21432e;line-height:1.15;margin-top:14px}
.home.collection-world .home-immersive .campaign-copy>p{color:#243c2b;max-width:560px;font-size:17px;line-height:1.7}
.home .home-immersive .actions{gap:24px;align-items:center}
.home .home-immersive .button{background:#123e2b;color:#fffdf5;border:1px solid #123e2b;padding:18px 30px;min-height:56px;font-size:15px;font-weight:500;box-shadow:0 8px 20px #123e2b23;transition:background .2s,box-shadow .2s,transform .2s}
.home .home-immersive .text-link{color:#183b2a;border-color:#63734e}
.home .home-immersive .button:focus-visible{outline:3px solid #123e2b;outline-offset:5px}
.home:has(.home-immersive) .main-nav a{color:#163c2a}
.home .home-partner-note{margin:0 0 60px;padding:23px 28px;border:1px solid #dfe5d8;border-radius:18px;background:#f0f3eb;box-shadow:0 5px 18px #183d3208}
.home .home-partner-note .home-role{margin:0;max-width:none;font-size:13px;line-height:1.8;color:#4b5c50}
.home .home-partner-note .text-link{display:inline-block;margin-top:8px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.home .home-immersive .button:hover{background:#20563b;box-shadow:0 12px 25px #123e2b35;transform:translateY(-2px)}}
@media(max-width:760px){
 .home:has(.home-immersive) .main-nav.open{background:#faf8f3;box-shadow:0 15px 30px #173d3520}
 .home.collection-world .campaign-home.home-immersive{display:flex;flex-direction:column;padding:25px 18px 0;gap:20px;min-height:0}
 .home.collection-world .home-immersive .campaign-copy{width:100%;max-width:none;order:0}
 .home.collection-world .home-immersive .campaign-copy h1{font-size:38px;margin-bottom:22px}
 .home.collection-world .home-immersive .campaign-copy>p{font-size:16px}
 .home-immersive-photo{order:1;max-width:480px;margin:0 auto}
 .home .home-immersive .actions{display:flex;flex-wrap:wrap;gap:18px}
 .home .home-immersive .button{padding:17px 25px}
 .home .home-partner-note{padding:20px;margin-bottom:40px}
}
@media(prefers-reduced-motion:reduce){.home .home-immersive .button{transition:none;transform:none}}

/* A quiet transparent current connects the copy and aloe without a boxed background. */
.home-water-decor{position:absolute;z-index:0;pointer-events:none;left:calc(50% - 50vw);width:100vw;top:-100px;height:470px;background:url('assets/eau-panoramique-v23-1600.png') center/100% 100% no-repeat;opacity:.24;mask-image:linear-gradient(90deg,transparent,#000 7%,#0009 20%,#0009 43%,#000 68%,#000 93%,transparent)}
.home-immersive-photo{z-index:1}
@media(max-width:760px){.home-water-decor{top:15px;height:330px;opacity:.18;background-image:url('assets/eau-panoramique-v23-800.png');background-size:auto 100%;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}}

/* Zeitgard accessories: one quiet backdrop behind a full-width introduction. */
.collection-world .zeitgard-category-panorama{display:block;min-height:0;padding:38px 0 44px!important}
.category-featured-product{position:absolute;inset:0 0 0 auto;width:46%;display:grid;place-items:center}
.category-featured-product img{width:100%;height:100%;max-height:425px;object-fit:contain;mix-blend-mode:multiply}
.category-featured-product:focus-visible{outline:3px solid currentColor}
@media(max-width:760px){.category-featured-product{position:relative;inset:auto;width:100%;height:225px}}
@media(min-width:761px){.category-choice-grid:has(>article:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
.collection-world .zeitgard-category-panorama .catalogue-intro{width:100%;max-width:none;padding-right:0}
.collection-world .zeitgard-category-panorama h1{max-width:none;font-size:clamp(34px,3.5vw,58px);line-height:1.15;margin-bottom:26px}
.collection-world .zeitgard-category-panorama .category-hero-promise{max-width:none;font-size:clamp(24px,2.25vw,36px);line-height:1.3}
.collection-world .zeitgard-category-panorama .page-lead{max-width:1050px}
@media(max-width:760px){
 .collection-world .zeitgard-category-panorama{padding:24px 0 30px!important}
 .zeitgard-category-panorama .zeitgard-category-backdrop{opacity:.12;background-position:40% center}
 .collection-world .zeitgard-category-panorama .catalogue-intro{padding:0}
}

/* The Zeitgard photograph forms one continuous stage with the introduction. */
.collection-world .zg-immersive-hero{display:block;min-height:500px;padding:64px 0 68px;background:none}
.zg-immersive-hero .zg-immersive-background{position:absolute;inset:-28px auto -16px calc(50% - 50vw);width:100vw;overflow:hidden;z-index:-1;pointer-events:none;mask-image:linear-gradient(transparent,#000 12%,#000 83%,transparent)}
.zg-immersive-background img{position:absolute;width:108%;height:108%;max-width:none;inset:-4%;object-fit:cover;object-position:center 44%;opacity:.7}
.zg-immersive-background:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#faf8f3f7 0%,#faf8f3e8 30%,#faf8f3bb 58%,#faf8f33d 100%)}
.zg-immersive-copy{position:relative;z-index:1;width:100%;max-width:none}
.collection-world .zg-immersive-hero h1{font-size:clamp(40px,4.7vw,72px);line-height:1.1;max-width:none;margin:22px 0 28px}
.collection-world .zg-immersive-hero .zg-lead{max-width:900px;font-size:clamp(23px,2.2vw,30px)}
.collection-world .zg-immersive-hero p:not(.eyebrow):not(.zg-lead){max-width:840px}
@media(max-width:760px){
 .collection-world .zg-immersive-hero{min-height:0;padding:32px 0 40px}
 .zg-immersive-background img{object-position:67% center;opacity:.4}
 .zg-immersive-background:after{background:linear-gradient(90deg,#faf8f3ed,#faf8f3bd)}
 .collection-world .zg-immersive-hero h1{font-size:42px}
}

/* A natural, full-width jogging scene for the wellness introduction. */
.collection-world .wellness-jogging{display:flex;min-height:450px;padding:20px 0;align-items:center}
.wellness-jogging-background{position:absolute;inset:0 auto 0 calc(50% - 50vw);width:100vw;z-index:-1;overflow:hidden;pointer-events:none;mask-image:linear-gradient(transparent,#000 8%,#000 86%,transparent)}
.wellness-jogging-background img{position:absolute;top:32px;left:0;width:100%;height:calc(100% - 32px);object-fit:cover;object-position:75% top;opacity:.86;mask-image:linear-gradient(transparent,#000 14px)}
.wellness-jogging-background:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#faf8f3f5 0%,#faf8f3e8 24%,#faf8f3b0 44%,#faf8f31f 68%,#faf8f310)}
.collection-world .wellness-jogging>div{padding:24px 0;width:48%;max-width:650px}
.wellness-jogging h1{margin:0 0 24px}.wellness-jogging p{max-width:440px}
@media(max-width:760px){
 .collection-world .wellness-jogging{display:block;min-height:0;padding:230px 0 24px}
 .wellness-jogging-background{height:340px;mask-image:linear-gradient(transparent,#000 8%,#000 65%,transparent)}
 .wellness-jogging-background img{object-position:90% top;opacity:.8}
 .wellness-jogging-background:after{background:linear-gradient(0deg,#faf8f3,transparent 60%)}
 .collection-world .wellness-jogging>div{width:100%;padding:0}
 .wellness-jogging h1{font-size:38px}
}

/* Extend the photograph's own tones above its edge, without veiling faces. */
.wellness-jogging-background:before{content:"";position:absolute;top:32px;left:0;width:100%;height:calc(100% - 32px);background:url("assets/couple-jogging-bien-etre-v45.webp") 75% top/cover no-repeat;filter:blur(22px);transform:scale(1.025);opacity:.86}
.wellness-jogging-background img{mask-image:linear-gradient(transparent,#000 28px)}
@media(max-width:760px){.wellness-jogging-background:before{background-position:90% top;opacity:.8;filter:blur(16px)}}

/* Catalogue: separate range discovery from needs, preserving category URLs. */
.collection-world .catalogue-range-overview .campaign-catalogue{min-height:290px;margin-bottom:24px}
.catalogue-multi-products{position:absolute;right:0;top:30px;bottom:20px;width:43%;display:flex;align-items:center;justify-content:center;gap:8px;pointer-events:none}
.catalogue-multi-products img{width:30%;height:240px;object-fit:contain;filter:drop-shadow(0 12px 14px #28413715)}
.catalogue-ranges{margin:32px 0 64px}.catalogue-ranges h2{font:42px/1.15 Georgia,serif;margin-bottom:28px}
.catalogue-range-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.catalogue-range-card{display:flex;align-items:center;gap:18px;padding:24px;border:1px solid #dce2d6;border-radius:24px;background:linear-gradient(125deg,#fffdf9,#edf1e7);box-shadow:0 10px 24px #193a2a08;transition:transform .25s,box-shadow .25s,background-position .6s;background-size:200% 100%;color:#173d35}
.catalogue-range-card img{width:30%;height:150px;object-fit:contain}.catalogue-range-card h3{font:28px/1.15 Georgia,serif;margin:0 0 10px}.catalogue-range-card p{font-size:14px;margin:0 0 16px}.catalogue-range-card span{font-size:12px;border-bottom:1px solid #9ca98e;padding-bottom:4px}
.catalogue-range-card:focus-visible{outline:3px solid #597c60;outline-offset:4px}
#main .explorer-tabs button img{width:100%;height:100%;object-fit:cover;object-position:center 35%;opacity:.65;mask-image:none}
#main .explorer-tabs button:before{background:linear-gradient(90deg,#123c31e8,#123c3150)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.catalogue-range-card:hover{transform:translateY(-4px);background-position:100% 0;box-shadow:0 16px 30px #193a2a18}}
@media(max-width:1000px){.catalogue-range-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.collection-world .catalogue-range-overview .catalogue-intro{width:100%;padding:0}.catalogue-multi-products{position:relative;top:auto;bottom:auto;width:100%;order:2;height:160px;margin-top:20px}.catalogue-multi-products img{height:150px;width:27%}.catalogue-range-grid{grid-template-columns:1fr}.catalogue-ranges h2{font-size:34px}.catalogue-range-card img{height:110px}.catalogue-range-card{padding:20px}.collection-world .catalogue-range-overview .campaign-catalogue{display:flex;flex-direction:column;min-height:0}}

.catalogue-multi-products img,.catalogue-range-card img{mix-blend-mode:multiply}
.catalogue-range-card img{flex:none}.catalogue-range-card>div{min-width:0}.catalogue-range-card h3{overflow-wrap:break-word}

/* Fermented aloe invitation: one photographic backdrop, readable copy. */
.collection-world .ferment-feature{position:relative;isolation:isolate;display:flex;align-items:center;min-height:340px;gap:0;background:linear-gradient(110deg,#faf6ee,#eaf0e2);border-radius:28px;overflow:hidden}
.collection-world .ferment-feature>.collection-image-link{position:absolute;inset:0;width:100%;height:100%;min-height:0;z-index:0;mask-image:linear-gradient(90deg,transparent 18%,#000 75%)}
.collection-world .ferment-feature>.collection-image-link picture{display:block;width:100%;height:100%}
.collection-world .ferment-feature>.collection-image-link img{position:absolute;inset:0 0 0 auto;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 62%;opacity:.85}
.collection-world .ferment-feature>div{position:relative;z-index:1;width:58%;padding:42px 5%;pointer-events:none;background:linear-gradient(90deg,#faf6eef5,#faf6eec9 72%,transparent)}
.collection-world .ferment-feature h2{font-size:clamp(30px,3vw,42px);line-height:1.12;max-width:560px;margin:0 0 22px}
.collection-world .ferment-feature p{max-width:440px;margin-bottom:24px}
.collection-world .ferment-feature .text-link{pointer-events:auto;font-weight:500}
.collection-world .ferment-feature a:focus-visible{outline:3px solid #537149;outline-offset:-5px}
@media(max-width:760px){
 .collection-world .ferment-feature{min-height:0;padding-top:190px;display:block}
 .collection-world .ferment-feature>.collection-image-link{height:290px;mask-image:linear-gradient(#000 50%,transparent)}
 .collection-world .ferment-feature>.collection-image-link img{object-position:75% 60%;opacity:.85}
 .collection-world .ferment-feature>div{width:100%;padding:28px 24px 34px;background:none}
 .collection-world .ferment-feature h2{font-size:31px}
}

/* Dry-skin category: a relevant caring gesture across the hero. */
.collection-world .dry-skin-panorama{min-height:410px;display:flex;align-items:center}
.dry-skin-backdrop{position:absolute;inset:0 auto 0 calc(50% - 50vw);width:100vw;z-index:0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(transparent,#000 12%,#000 83%,transparent)}
.dry-skin-backdrop img{width:100%;height:100%;object-fit:cover;object-position:75% 56%;opacity:.88}
.dry-skin-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#faf8f3f5,#faf8f3e6 29%,#faf8f39c 49%,#faf8f312 72%)}
.collection-world .dry-skin-panorama .catalogue-intro{width:58%;padding-right:4%;max-width:820px}
.collection-world .dry-skin-panorama h1{font-size:clamp(36px,3.8vw,58px);line-height:1.1}
@media(max-width:760px){
 .collection-world .dry-skin-panorama{display:block;min-height:0;padding-top:220px!important}
 .dry-skin-backdrop{height:300px;mask-image:linear-gradient(transparent,#000 8%,#000 60%,transparent)}
 .dry-skin-backdrop img{object-position:84% center}
 .dry-skin-backdrop:after{background:linear-gradient(0deg,#faf8f3,transparent 60%)}
 .collection-world .dry-skin-panorama .catalogue-intro{width:100%;padding:0}
}

/* Men's grooming: morning routine, with portrait-safe framing. */
.collection-world .men-panorama{min-height:510px;display:flex;align-items:center}
.men-portrait-backdrop{position:absolute;inset:0 auto 0 calc(50% - 50vw);width:100vw;z-index:0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(transparent,#000 12%,#000 82%,transparent)}
.men-portrait-backdrop img{position:absolute;inset:30px 0 0 auto;width:auto;max-width:none;height:calc(100% - 30px);object-fit:contain;object-position:right center;opacity:.9;mask-image:linear-gradient(90deg,transparent,#000 40%),linear-gradient(transparent,#000 28px);mask-composite:intersect}
.men-portrait-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#faf8f3f5,#faf8f3eb 27%,#faf8f39c 46%,transparent 70%)}
.collection-world .men-panorama .catalogue-intro{width:55%;max-width:790px;padding-right:4%}
.collection-world .men-panorama h1{font-size:clamp(36px,3.8vw,58px);line-height:1.12}
@media(max-width:760px){
 .collection-world .men-panorama{display:block;min-height:0;padding-top:260px!important}
 .men-portrait-backdrop{height:330px;mask-image:linear-gradient(transparent,#000 8%,#000 75%,transparent)}
 .men-portrait-backdrop img{width:100%;object-fit:cover;object-position:75% center;mask-image:linear-gradient(transparent,#000 20px)}
 .men-portrait-backdrop:after{background:linear-gradient(0deg,#faf8f3,transparent 48%)}
 .collection-world .men-panorama .catalogue-intro{width:100%;padding:0}
}

/* Contextual category photographs, blended without decorative ribbons. */
.collection-world .category-photo-hero{min-height:460px;display:flex;align-items:center}
.category-photo-backdrop{position:absolute;inset:0 auto 0 calc(50% - 50vw);width:100vw;z-index:0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(transparent,#000 10%,#000 82%,transparent)}
.category-photo-backdrop img{position:absolute;right:3vw;top:20px;height:calc(100% - 20px);width:auto;max-width:65vw;object-fit:contain;opacity:.8;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 88%,transparent)}
.category-photo-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#faf8f3,#faf8f3ed 35%,#faf8f355 60%,transparent 78%)}
.collection-world .category-photo-hero .catalogue-intro{width:56%;padding-right:3%;position:relative;z-index:1}
.category-photo-nutrition .category-photo-backdrop img{width:100%;max-width:none;right:0;object-fit:cover;object-position:center}
.media-hair-wide .media-story-photo img{object-position:center 35%}
@media(max-width:760px){
.collection-world .category-photo-hero{display:block;min-height:0;padding-top:275px!important}
.category-photo-backdrop{height:300px;mask-image:linear-gradient(transparent,#000 10%,#000 78%,transparent)}
.category-photo-backdrop img{width:100%;max-width:none;right:0;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.category-photo-nutrition .category-photo-backdrop img{object-fit:cover;object-position:80% center}
.category-photo-backdrop:after{background:linear-gradient(0deg,#faf8f3,transparent 35%)}
.collection-world .category-photo-hero .catalogue-intro{width:100%;padding:0}
}

.category-photo-backdrop img{mask-image:linear-gradient(90deg,transparent,#000 25%,#000 88%,transparent),linear-gradient(transparent,#000 40px,#000 calc(100% - 40px),transparent);mask-composite:intersect}
@media(max-width:760px){.category-photo-backdrop img{mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(transparent,#000 45px,#000 80%,transparent);mask-composite:intersect}}