/* Approved blue/green direction. All five original films and controls remain. */
.home-immersive[data-home-approved]{--home-deep:#052b50;--home-paper:#faf9f5;--home-accent:#baf14c;--home-blue:#06448b;--home-green:#238444;background:var(--home-paper);color:var(--home-deep);font-family:Arial,Helvetica,sans-serif}
.home-immersive[data-home-approved] main:has(>.home-stacked),.home-immersive[data-home-approved] .site-header,.home-immersive[data-home-approved] .site-footer{max-width:1800px;margin-inline:auto}
.home-immersive .site-header{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:30px;background:#fff;padding:0 4%;border:0;position:relative;z-index:10}
.home-immersive .site-header>.site-brand{min-height:88px;grid-column:1;grid-row:1}
.home-immersive .site-header .site-brand .site-signature-logo{width:220px;height:auto}
.home-immersive .site-header>.site-universe-nav{display:none!important}
.home-immersive .site-header>.site-tools-nav{display:flex;gap:36px;grid-column:3;grid-row:1;border:0;padding:0}
.home-immersive .site-tools-nav>a,.home-immersive .home-universe-index{color:var(--home-blue);font-size:17px;font-weight:500;min-height:48px;display:flex;align-items:center;position:relative}
.home-immersive .home-universe-index{grid-column:2;grid-row:1}
.home-immersive .home-universe-index::after{content:'';width:38px;height:3px;background:#86ca35;position:absolute;bottom:0;left:calc(50% - 19px)}
.home-immersive .site-header>.button{grid-column:4;grid-row:1;background:var(--home-deep);border-color:var(--home-deep);color:white;min-height:48px;font-size:15px;padding:12px 21px;border-radius:5px}
.home-immersive .home-header-menu{display:none}
.home-immersive .home-approved-hero{position:relative;isolation:isolate;min-height:clamp(540px,39vw,700px);display:flex;align-items:center;background:#063a41;color:white;overflow:hidden}
.home-immersive .home-garden{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.home-immersive .home-approved-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#002f43ed 0%,#002c3ac4 21%,#002c3a52 40%,transparent 65%)}
.home-immersive .home-approved-copy{padding:50px 4% 38px;width:100%;pointer-events:none}
.home-immersive .home-approved-copy a{pointer-events:auto}
.home-immersive .home-approved-copy .eyebrow{font-size:13px;letter-spacing:.13em;color:#fff;margin:0 0 20px;line-height:1.5}
.home-immersive .home-approved-copy .eyebrow::after{content:'';display:block;width:58px;height:4px;background:var(--home-accent);margin-top:17px}
.home-immersive .home-approved-copy h1{font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:clamp(78px,7.9vw,128px);font-weight:400;line-height:.94;letter-spacing:-.055em;margin:0 0 27px;max-width:9ch}
.home-immersive .home-approved-copy h1 em{display:block;font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em;color:white}
.home-immersive .home-approved-copy .lead{font-size:clamp(20px,1.65vw,26px);line-height:1.32;max-width:24em;margin:0 0 14px;color:#fff}
.home-immersive .home-audience{font-size:15px;line-height:1.5;font-style:italic;margin:0 0 18px;color:#fff}
.home-immersive .home-approved-actions{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.home-immersive .home-approved-actions>.button{background:var(--home-accent);color:#052b50;border-color:var(--home-accent);border-radius:5px;min-height:54px;font-weight:700;font-size:18px;padding:12px 22px;gap:22px}
.home-immersive .home-project-link{display:flex;align-items:center;gap:12px;color:#fff;font-size:16px;min-height:44px}
.home-immersive .home-hero-caption{position:absolute;right:4%;bottom:25px;display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}
.home-immersive .home-hero-caption>a{display:flex;align-items:center;gap:16px;color:#fff;min-height:44px;padding:5px 10px;background:#062f3dcc;font-size:14px}
.home-immersive .home-hero-caption>a.home-illustration-credit{font-size:11px;min-height:30px;font-style:italic}
.home-immersive .home-five-universes{padding:48px 4% 52px;background:var(--home-paper);border:0;display:grid;grid-template-columns:minmax(210px,.95fr) minmax(0,3fr);gap:28px;color:var(--home-deep)}
.home-immersive .home-universes-heading{display:block;margin:0}
.home-immersive .home-universes-heading::before{content:'';display:block;width:55px;height:4px;background:#8acb35;margin:0 0 24px}
.home-immersive .home-universes-heading h2{color:var(--home-deep);font-size:clamp(29px,3.1vw,48px);font-weight:400;line-height:1.04;letter-spacing:-.045em;margin:0}
.home-immersive .home-universes-heading h2 em{display:block;font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.04}
.home-immersive .home-five-universes nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;align-items:stretch;border:0;padding-top:16px}
.home-immersive .home-five-universes nav .home-universe-card{display:grid;grid-template-columns:minmax(0,1fr) 17px;grid-template-rows:auto minmax(2.6em,auto);gap:14px 4px;align-items:center;min-width:0;padding:0 0 16px;background:transparent;color:var(--home-deep);border:0;border-bottom:1px solid var(--home-deep);font-size:clamp(13px,1.25vw,20px);font-weight:600;line-height:1.3}
.home-immersive .home-universe-card img{grid-column:1/-1;width:100%;height:auto;aspect-ratio:1.15;object-fit:cover;display:block;transition:filter .2s ease}
.home-immersive .home-universe-card:nth-child(3) img{object-fit:contain;background:#dce7ec}
.home-immersive .home-universe-card>span:last-child{font-size:23px;color:var(--home-green);align-self:center}
.home-immersive .home-universe-card:hover img{filter:brightness(1.07)}
.home-immersive .home-bands{display:grid;gap:0;background:var(--home-deep)}
.home-immersive .home-video-stack .home-band{position:relative;isolation:isolate;height:clamp(540px,45vw,740px);margin:0;background:var(--home-deep);border-top:1px solid #ffffff40}
.home-immersive .home-band .scene{position:absolute;inset:0;width:100%;height:100%;border-radius:0}
.home-immersive .home-band .scene img,.home-immersive .home-band .scene video{object-position:center}
.home-immersive .home-band .home-band-link{padding:40px 4% 72px;justify-content:flex-end;inset:0;background:linear-gradient(180deg,#04233c00 20%,#04233c40 50%,#04233cf5 100%);color:white}
.home-immersive .home-chapter-copy{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px 9%;align-items:end;width:100%;max-width:1400px}
.home-immersive .home-band-link h2,.home-immersive .home-band#accueil-spa-bien-etre h2{grid-column:1;grid-row:1/3;max-width:13ch;margin:0;font-weight:400;font-size:clamp(44px,5.7vw,84px);letter-spacing:-.05em;line-height:1.03;text-wrap:balance;color:#fff}
.home-immersive .home-chapter-description{grid-column:2;grid-row:1;display:block;font-size:16px;line-height:1.6;max-width:30em;color:#eef4f5}
.home-immersive .home-discover{grid-column:2;grid-row:2;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff80;padding:0 0 8px;font-size:15px;min-height:44px;width:100%}
.home-immersive .home-chapter-arrow{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #ffffff90;border-radius:50%;font-size:24px}
.home-immersive .home-band .scene-toggle{top:24px;right:4%;min-height:44px;font-size:13px;padding:10px 17px;background:#062c4eea;border:1px solid #c7dbe6;border-radius:3px;color:#fff}
.home-immersive .home-band .scene-credit{bottom:12px;right:4%;max-width:70%;font-size:11px;background:#062c4eea;border-radius:0;min-height:30px;display:flex;align-items:center;padding:5px 9px;color:#fff}
.home-immersive .home-rainbird-proof{position:absolute;left:4%;bottom:18px;z-index:3;margin:0;font-size:12px;color:#fff;max-width:55%;line-height:1.5;pointer-events:none}
.home-immersive .home-rainbird-proof strong{font-size:inherit}
.home-immersive #accueil-traitement-des-eaux .scene{left:36%;width:64%;height:72%;top:14%}
.home-immersive #accueil-traitement-des-eaux .scene::before{display:none}
.home-immersive #accueil-traitement-des-eaux .scene img,.home-immersive #accueil-traitement-des-eaux .scene video{object-fit:contain}
.home-immersive #accueil-traitement-des-eaux .home-band-link{background:linear-gradient(90deg,#052b50 0%,#052b50ef 23%,#052b5000 55%)}
.home-immersive #accueil-traitement-des-eaux .home-chapter-copy{display:block;max-width:32%}
.home-immersive #accueil-traitement-des-eaux h2{font-size:clamp(40px,4.4vw,64px);margin-bottom:22px}
.home-immersive #accueil-traitement-des-eaux .home-chapter-description{font-size:15px;margin-bottom:18px}
.home-immersive #accueil-traitement-des-eaux .scene-toggle{top:0;right:6.25%}
.home-immersive #accueil-traitement-des-eaux .scene-credit{bottom:0;right:6.25%;max-width:90%}
.home-immersive .home-orientation{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:6%;padding:74px 4%;background:var(--home-paper);color:var(--home-deep)}
.home-immersive .home-orientation h2{font-size:clamp(36px,3.8vw,58px);font-weight:400;letter-spacing:-.05em;line-height:1.05;color:var(--home-deep)}
.home-immersive .home-orientation h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.home-immersive .home-orientation>div+div{border-top:1px solid #8fa8b6;padding-top:23px}
.home-immersive .home-orientation h3{font-size:21px;margin:0 0 20px;color:var(--home-deep)}
.home-immersive .home-orientation p:not(.eyebrow){font-size:16px;line-height:1.6}
.home-immersive .home-orientation a{min-height:44px;display:flex;align-items:center;gap:14px;color:var(--home-blue);font-size:15px}
.home-immersive .english-scope-access{max-width:none;display:flex;align-items:center;gap:20px;padding:14px 4%;background:#eef2f2;border-top:1px solid #d3dddf;color:var(--home-deep)}
.home-immersive .english-scope-access a{font-size:13px;min-height:44px;display:flex;align-items:center}
.home-immersive .english-scope-access span{font-size:12px}
.home-immersive .site-footer{background:#e8eef0;color:var(--home-deep);padding:38px 4%;border:0}
.home-immersive a:focus-visible,.home-immersive summary:focus-visible,.home-immersive button:focus-visible{outline:3px solid #7dbb2f;outline-offset:4px}
.home-immersive .home-approved-hero a:focus-visible,.home-immersive .home-band a:focus-visible,.home-immersive .home-band button:focus-visible{outline:3px solid #c8f960;outline-offset:-4px}
@media(max-width:1100px){
.home-immersive .site-header{gap:22px}.home-immersive .site-header .site-brand .site-signature-logo{width:190px}.home-immersive .site-tools-nav{gap:20px}.home-immersive .site-tools-nav>a,.home-immersive .home-universe-index{font-size:15px}.home-immersive .site-header>.button{font-size:13px;padding-inline:15px}
.home-immersive .home-five-universes{grid-template-columns:1fr;gap:22px}.home-immersive .home-universes-heading h2{font-size:38px}.home-immersive .home-universes-heading h2 em{display:inline;margin-left:.2em}.home-immersive .home-universes-heading::before{margin-bottom:17px}.home-immersive .home-five-universes nav{padding-top:0}.home-immersive .home-five-universes nav .home-universe-card{font-size:16px}
}
@media(max-width:800px){
.home-immersive .site-header{grid-template-columns:minmax(0,1fr) auto;padding:0 22px;gap:0 16px}.home-immersive .site-header>.site-brand{min-height:76px}.home-immersive .site-header .site-brand .site-signature-logo{width:185px}
.home-immersive .site-header>.site-tools-nav,.home-immersive .site-header>.button,.home-immersive .home-universe-index{display:none}.home-immersive .home-header-menu{display:block;grid-column:2;grid-row:1}
.home-immersive .home-header-menu summary{min-height:44px;display:flex;align-items:center;gap:7px;cursor:pointer;color:var(--home-blue);font-size:14px}.home-immersive .home-header-menu summary::after{content:'+';font-size:24px;font-weight:400}.home-immersive .home-header-menu[open] summary::after{content:'−'}.home-immersive .home-header-menu summary::-webkit-details-marker{display:none}
.home-immersive .home-header-menu nav{position:absolute;right:16px;top:68px;min-width:245px;padding:14px;background:#fff;box-shadow:0 10px 35px #052b5030;border:1px solid #d5e0e6;display:grid;gap:3px;z-index:20}.home-immersive .home-header-menu nav>a{min-height:44px;display:flex;align-items:center;padding:8px 12px;color:var(--home-blue)}.home-immersive .home-header-menu nav>.button{background:var(--home-deep);color:#fff;font-size:13px;margin-top:8px}
.home-immersive .site-header>.site-universe-nav{grid-column:1/-1;grid-row:2;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));padding:0;gap:0;overflow:visible;white-space:normal;mask-image:none;flex-wrap:wrap;border-top:1px solid #e3e8ec;background:#fff;margin:0;position:static}
.home-immersive .site-header>.site-universe-nav>a{grid-column:span 3!important;display:flex;align-items:center;justify-content:flex-start;min-height:44px;padding:8px 6px;font-size:13px;line-height:1.25;color:var(--home-blue);border-bottom:1px solid #e3e8ec;white-space:normal}.home-immersive .site-header>.site-universe-nav>a:nth-child(n+3){grid-column:span 2!important;font-size:12px}.home-immersive .site-header>.site-universe-nav>a:first-child,.home-immersive .site-header>.site-universe-nav>a:nth-child(3){padding-left:0}
.home-immersive .home-approved-hero{min-height:565px;display:block}.home-immersive .home-garden{object-position:57% center}.home-immersive .home-approved-hero::before{background:linear-gradient(90deg,#002f43e8,#002f4380 60%,#002f4320),linear-gradient(0deg,#002f43c9,transparent 30%)}.home-immersive .home-approved-copy{padding:42px 22px 102px}.home-immersive .home-approved-copy .eyebrow{font-size:10px;letter-spacing:.1em;max-width:25em}.home-immersive .home-approved-copy .eyebrow::after{margin-top:14px;width:48px;height:3px}.home-immersive .home-approved-copy h1{font-size:clamp(65px,14vw,102px);margin-bottom:24px;line-height:.97}.home-immersive .home-approved-copy .lead{font-size:19px;line-height:1.4;max-width:21em}.home-immersive .home-desktop-break{display:none}.home-immersive .home-audience{font-size:13px;max-width:25em;line-height:1.6}.home-immersive .home-approved-actions>.button{font-size:15px;min-height:50px;padding:11px 18px;gap:16px}.home-immersive .home-project-link{font-size:14px}.home-immersive .home-hero-caption{right:22px;left:22px;bottom:16px;align-items:flex-start;text-align:left;gap:0}.home-immersive .home-hero-caption>a{font-size:12px;min-height:40px;background:#052b50cc;padding:3px 8px}.home-immersive .home-hero-caption>a.home-illustration-credit{font-size:10px;min-height:28px}
.home-immersive .home-five-universes{padding:36px 22px 40px;gap:25px}.home-immersive .home-universes-heading h2{font-size:35px;max-width:12em}.home-immersive .home-universes-heading h2 em{display:block;margin:0}.home-immersive .home-five-universes nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}.home-immersive .home-five-universes nav .home-universe-card{font-size:15px;gap:10px 5px;padding-bottom:12px;grid-column:auto;min-height:0}.home-immersive .home-universe-card img{aspect-ratio:1.3}.home-immersive .home-five-universes nav .home-universe-card:last-child{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 25px;width:100%}
.home-immersive .home-universe-card:last-child img{aspect-ratio:2.6}
.home-immersive .home-video-stack .home-band{height:auto;display:flex;flex-direction:column;overflow:visible}
.home-immersive .home-band .scene,.home-immersive #accueil-traitement-des-eaux .scene{position:relative;left:0;top:0;width:100%;height:auto;aspect-ratio:16/9;order:0}
.home-immersive .home-band .scene img,.home-immersive .home-band .scene video{object-fit:contain}
.home-immersive .home-band .home-band-link,.home-immersive #accueil-traitement-des-eaux .home-band-link{position:relative;inset:auto;display:block;background:var(--home-deep);padding:27px 22px 30px;order:1}
.home-immersive .home-chapter-copy,.home-immersive #accueil-traitement-des-eaux .home-chapter-copy{display:block;max-width:none}.home-immersive .home-band-link h2,.home-immersive .home-band#accueil-spa-bien-etre h2,.home-immersive #accueil-traitement-des-eaux h2{font-size:38px;max-width:14ch;margin:0 0 18px}.home-immersive .home-chapter-description,.home-immersive #accueil-traitement-des-eaux .home-chapter-description{font-size:15px;line-height:1.6;margin-bottom:18px}.home-immersive .home-discover{font-size:14px;max-width:none}.home-immersive .home-chapter-arrow{width:35px;height:35px;font-size:21px}.home-immersive .home-rainbird-proof{order:2;position:relative;inset:auto;max-width:none;padding:0 22px 24px;font-size:12px}
.home-immersive .home-band .scene-toggle,.home-immersive #accueil-traitement-des-eaux .scene-toggle{top:10px;right:12px;min-height:44px;font-size:11px;padding:7px 10px}.home-immersive .home-band .scene-credit,.home-immersive #accueil-traitement-des-eaux .scene-credit{bottom:8px;right:12px;max-width:calc(100% - 24px);font-size:10px;min-height:30px;padding:4px 7px}
.home-immersive .home-orientation{display:block;padding:44px 22px 15px}.home-immersive .home-orientation>div{margin-bottom:28px}.home-immersive .home-orientation h2{font-size:42px}.home-immersive .home-orientation h3{font-size:20px}.home-immersive .english-scope-access{padding:15px 22px;display:block}.home-immersive .english-scope-access span{display:block;font-size:11px;line-height:1.5}.home-immersive .site-footer{padding:32px 22px;gap:24px}
}
@media(max-width:360px){.home-immersive .site-header{padding-inline:16px}.home-immersive .site-header>.site-brand{min-height:72px}.home-immersive .site-header .site-brand .site-signature-logo{width:165px}.home-immersive .site-header>.site-universe-nav>a{font-size:12px}.home-immersive .site-header>.site-universe-nav>a:nth-child(n+3){font-size:11.5px}.home-immersive .home-approved-copy{padding:35px 16px 105px}.home-immersive .home-approved-copy h1{font-size:64px}.home-immersive .home-approved-copy .lead{font-size:18px}.home-immersive .home-hero-caption{left:16px;right:16px}.home-immersive .home-five-universes{padding-inline:16px}.home-immersive .home-five-universes nav .home-universe-card{font-size:13px}.home-immersive .home-universes-heading h2{font-size:32px}.home-immersive .home-band .home-band-link,.home-immersive .home-orientation,.home-immersive .english-scope-access,.home-immersive .site-footer{padding-inline:16px}.home-immersive .home-rainbird-proof{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.home-immersive *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}