/* ZAŸN / LA CAMPAGNE NOCTURNE — scoped to the banner. */
.dark-campaign{background:#15120f;color:#f7efe2}
.dark-campaign .live-stage{height:calc(100svh - 197px);min-height:660px;max-height:950px;background:#15120f;overflow:hidden;isolation:isolate}
.dark-campaign .dark-campaign-images{position:absolute;inset:-12px 0;z-index:0;transform:none!important}
.dark-campaign #campaignTrack{position:absolute;inset:0}
.dark-campaign .dark-slide{position:absolute;inset:0;opacity:0;visibility:hidden;overflow:hidden;transition:opacity 1.3s ease,visibility 1.3s;pointer-events:none}
.dark-campaign .dark-slide.is-active{opacity:1;visibility:visible}
.dark-campaign .dark-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%;transform:scale(1.025);animation:none;filter:saturate(.8)}
.dark-campaign .dark-slide.is-active img{animation:darkCampaignZoom 9s cubic-bezier(.18,.5,.5,.95) both}
.dark-campaign .campaign-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#100e0ce8 0%,#100e0cb8 26%,#100e0c48 52%,transparent 77%),linear-gradient(0deg,#100d0b9c,transparent 35%);pointer-events:none}
.dark-campaign .dark-grain{position:absolute;inset:18px;border:1px solid #d7b27e24;z-index:2;pointer-events:none}
.dark-campaign .dark-campaign-label{position:absolute;top:35px;left:6.5%;z-index:4;color:#d4b586;font-size:9px;letter-spacing:2.7px;display:flex;align-items:center;gap:27px}
.dark-campaign .dark-campaign-label span{color:#d4c3ad88;font-size:7px;letter-spacing:2px;border-left:1px solid #c3a87a66;padding-left:26px}
.dark-campaign .campaign-copy{position:absolute;left:6.5%;top:23%;bottom:auto;width:53%;max-width:760px;color:#f7efe2;z-index:5;animation:none;pointer-events:none}
.dark-campaign .campaign-copy .eyebrow{color:#d1b17e;font-size:8px;letter-spacing:3.5px}
.dark-campaign .campaign-copy h1{font:400 clamp(72px,7.5vw,125px)/.96 var(--serif);letter-spacing:-2.8px;margin:26px 0 23px;color:#fbf3e8;text-shadow:0 2px 30px #0002}
.dark-campaign .campaign-copy h1 em{color:#cdb18a;font-weight:400}
.dark-campaign .motion-line{line-height:1.03;overflow:visible}
.dark-campaign .campaign-copy p{font-size:11px;line-height:1.9;color:#c6bdb0;letter-spacing:.3px;margin:0}
.dark-campaign .campaign-actions{display:flex;gap:26px;align-items:center;margin-top:33px}
.dark-campaign .campaign-primary{background:#d2b78d;color:#211911;border:1px solid #d2b78d;min-width:220px;min-height:53px;font-size:8px;letter-spacing:1.7px;padding:17px 20px;pointer-events:auto;transition:background .3s,color .3s}
.dark-campaign .campaign-primary:hover{background:#f0dfc4;border-color:#f0dfc4;color:#17120d}
.dark-campaign .campaign-secondary{color:#f1e5d3;border-bottom:1px solid #a68c66;font-size:8px;letter-spacing:1.3px;padding:13px 0;pointer-events:auto}
.dark-campaign .campaign-navigation{left:6.5%;bottom:86px;z-index:7;color:#e1c49b;gap:21px}
.dark-campaign .campaign-arrow{width:38px;height:38px;background:#15100d1a;border-color:#d1b17e66;color:#dec29a;backdrop-filter:blur(5px);transition:background .3s}
.dark-campaign .campaign-arrow:hover{background:#d1b17e22}
.dark-campaign .campaign-pagination{gap:23px}
.dark-campaign .campaign-pagination button{font-size:8px;letter-spacing:1.6px;opacity:.45}
.dark-campaign .campaign-pagination button[aria-pressed=true]{opacity:1}
.dark-campaign .campaign-foot{left:6.5%;right:5%;bottom:29px;z-index:7;color:#c7b394;font-size:7px;letter-spacing:1.8px}
.dark-campaign .campaign-scroll i{background:#c3a16c88;height:26px}.dark-campaign .campaign-scroll i:after{background:#e8d0aa}
.dark-campaign .campaign-foot button{color:#cfb793;border:1px solid #ad8f5b55;background:#18120d40;font-size:6px;padding:11px 13px;letter-spacing:1px}
.dark-campaign .motion-replay{top:31px;right:5%;z-index:6}.dark-campaign .motion-replay button{color:#d1bb9a;font-size:6px;letter-spacing:1.3px;border-color:#b3986a55}
.dark-campaign .dark-edition{position:absolute;right:5%;bottom:105px;writing-mode:vertical-rl;font-size:7px;letter-spacing:2.4px;color:#d5bf9d99;z-index:4}
@keyframes darkCampaignZoom{from{transform:scale(1.025) translateX(.6%)}to{transform:scale(1.085) translateX(-.6%)}}
.site-motion-paused .dark-campaign img,.dark-campaign.scene-idle .dark-slide img{animation-play-state:paused!important}
@media(max-width:1050px){.dark-campaign .campaign-copy{width:58%;top:25%}.dark-campaign .campaign-copy h1{font-size:83px}.dark-campaign .campaign-actions{gap:20px}.dark-campaign .campaign-primary{min-width:198px;font-size:7px}.dark-campaign .campaign-secondary{font-size:7px}}
@media(max-width:800px){.dark-campaign .live-stage{min-height:620px}.dark-campaign .campaign-copy h1{font-size:69px}.dark-campaign .campaign-copy{left:6%;width:60%;top:27%}.dark-campaign .campaign-copy p{font-size:10px}.dark-campaign .campaign-actions{gap:15px}.dark-campaign .campaign-primary{min-width:180px;font-size:7px}.dark-campaign .campaign-secondary{font-size:6px;letter-spacing:.8px}.dark-campaign .dark-slide img{object-position:62% center}}
@media(max-width:560px){.dark-campaign .live-stage{height:calc(100svh - 145px);min-height:640px;max-height:900px}.dark-campaign .dark-campaign-images{inset:-8px 0}.dark-campaign .dark-slide img{object-position:70% 30%}.dark-campaign .campaign-shade{background:linear-gradient(0deg,#0e0c0af5 0%,#100d0bd9 25%,#100d0b24 65%,#100d0b10 85%),linear-gradient(90deg,#100d0b33,transparent 60%)}.dark-campaign .dark-grain{inset:12px}.dark-campaign .dark-campaign-label{top:24px;left:7%;font-size:7px;letter-spacing:2px;gap:13px}.dark-campaign .dark-campaign-label span{font-size:5px;letter-spacing:1px;padding-left:13px}.dark-campaign .motion-replay{display:none}.dark-campaign .campaign-copy{left:7%;top:auto;bottom:147px;width:86%;max-width:none}.dark-campaign .campaign-copy .eyebrow{font-size:6px;letter-spacing:2.5px}.dark-campaign .campaign-copy h1{font-size:clamp(46px,12.5vw,68px);letter-spacing:-1.4px;line-height:1.03;margin:18px 0}.dark-campaign .campaign-copy p{font-size:9px;line-height:1.85;color:#cfbfa9;max-width:260px}.dark-campaign .campaign-actions{gap:15px;margin-top:23px;flex-wrap:wrap}.dark-campaign .campaign-primary{font-size:7px;min-width:185px;min-height:46px;padding:14px 15px;letter-spacing:1.1px}.dark-campaign .campaign-secondary{font-size:6px;letter-spacing:.8px;padding:11px 0}.dark-campaign .campaign-navigation{left:7%;right:7%;bottom:75px;gap:15px;color:#d2b488}.dark-campaign .campaign-arrow{width:35px;height:35px}.dark-campaign .campaign-pagination{max-width:180px;gap:24px}.dark-campaign .campaign-pagination button>span:first-child{font-size:8px}.dark-campaign .campaign-foot{left:7%;right:7%;bottom:24px;font-size:5px;letter-spacing:.9px;gap:10px}.dark-campaign .campaign-foot button{font-size:5px;letter-spacing:.6px;padding:9px 7px}.dark-campaign .campaign-scroll{max-width:160px;gap:9px;line-height:1.7}.dark-campaign .campaign-scroll i{height:22px}.dark-campaign .dark-edition{display:none}}
@media(prefers-reduced-motion:reduce){.dark-campaign .dark-slide,.dark-campaign .dark-slide img{transition:none!important;animation:none!important}.dark-campaign .dark-slide img{transform:none}}
.dark-campaign .dark-slide img{object-position:center top;transform-origin:70% top}
@media(max-width:800px){.dark-campaign .dark-slide img{object-position:62% top}}
@media(max-width:560px){.dark-campaign .dark-slide img{object-position:70% top}}
/* One dark identity from the wordmark through the campaign. */
.announcement{background:#211c17;color:#cbb48e;border:0}
.header{background:#211c17;border-bottom:0;box-shadow:none;color:#f5eee3}
.header .wordmark{filter:grayscale(1) contrast(10) invert(1);mix-blend-mode:screen}
.header:before{color:#b49a73}
.header nav a{color:#e4d8c6;border-bottom-color:transparent;transition:color .25s,border-color .25s}
.header nav a:hover,.header nav a:focus-visible{color:#d9bb87;border-bottom-color:#b99a68}
.header .tools,.header .menu-button{color:#f5eee3}.header .counter{color:#d9bb87}
.shop-mode{background:#211c17;color:#bca785;border:0}
.mobile-nav{background:#211c17;color:#f5eee3;border-bottom:1px solid #9d805044;box-shadow:0 18px 30px #100c0855}
.mobile-nav a{color:#f5eee3}.mobile-nav a:hover{color:#d9bb87}
@media(max-width:560px){.header{background:#211c17}.announcement{background:#211c17}.shop-mode{background:#211c17;color:#c4ae8c}}
/* Editorial navigation: signature on the left, collections across the row. */
.header{height:116px;display:grid;grid-template-columns:210px minmax(0,1fr) 100px;column-gap:30px;align-items:center;padding:0 4.5%;border-bottom:1px solid #b6996530}
.header:before{display:none}
.header .wordmark{position:relative;top:auto;left:auto;transform:none;width:210px;height:106px;background-size:285px auto;justify-self:start}
.header nav{position:static;left:auto;bottom:auto;transform:none;max-width:none;width:100%;height:auto;display:flex;align-items:center;justify-content:center;gap:clamp(20px,2.3vw,38px);font-size:13px;font-weight:400;letter-spacing:1.7px;line-height:1.4}
.header nav a{padding:17px 0;white-space:nowrap;border-bottom:1px solid transparent}
.header nav .nav-secondary{font-size:9px;letter-spacing:1.2px;color:#bca788}
.header nav .nav-secondary:first-of-type{margin-left:8px}
.header .tools{position:static;right:auto;top:auto;justify-self:end;margin:0;gap:24px}
.header .tools .icon{width:24px;height:24px}.header .counter{font-size:11px}
html{scroll-padding-top:128px}.fabric-stage,.signature-stage{top:116px;height:calc(100svh - 116px)}
.dark-campaign .live-stage{height:calc(100svh - 161px)}
@media(min-width:981px) and (max-width:1200px){.header{grid-template-columns:175px minmax(0,1fr) 90px;column-gap:20px;padding:0 3.5%}.header .wordmark{width:175px;background-size:250px auto}.header nav{gap:22px;font-size:12px;letter-spacing:1.1px}.header nav .nav-secondary{font-size:8px;letter-spacing:.6px}.header .tools{gap:20px}}
@media(max-width:980px){.header{height:144px;grid-template-columns:1fr auto;grid-template-rows:92px 52px;column-gap:25px;padding:0 5%}.header .wordmark{grid-column:1;grid-row:1;width:205px;height:92px;background-size:260px auto}.header .tools{grid-column:2;grid-row:1}.header nav{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:18px;font-size:13px;letter-spacing:1.6px;border-top:1px solid #c1a46f26}.header nav a{padding:17px 0}.header nav .nav-secondary{font-size:9px;letter-spacing:.9px}.fabric-stage,.signature-stage{top:144px;height:calc(100svh - 144px)}html{scroll-padding-top:156px}.dark-campaign .live-stage{height:calc(100svh - 189px)}}
@media(max-width:560px){.header{height:132px;grid-template-rows:84px 48px;padding:0 6%;column-gap:14px}.header .wordmark{width:160px;height:84px;background-size:225px auto;top:auto;left:auto;transform:none}.header .menu-button{display:block;position:absolute;left:auto;right:112px;top:32px;color:#f5eee3}.header .menu-button .icon{height:21px;width:21px}.header .tools{position:static;gap:18px}.header .tools>button:first-child{display:block}.header .tools .icon{height:20px;width:20px}.header .counter{font-size:10px}.header nav{display:flex;grid-column:1/-1;grid-row:2;font-size:11px;letter-spacing:1.1px;justify-content:space-between;gap:12px}.header nav a{padding:15px 0}.header nav .nav-secondary{display:none}.mobile-nav{inset:158px 0 auto;padding:28px 8%;font:32px var(--serif);gap:24px}.fabric-stage,.signature-stage{top:132px;height:calc(100svh - 132px)}html{scroll-padding-top:144px}.dark-campaign .live-stage{height:calc(100svh - 181px)}}
@media(max-width:360px){.header{padding:0 5%}.header .wordmark{width:135px;background-size:200px auto}.header .menu-button{right:100px}.header .tools{gap:13px}.header nav{font-size:10px;letter-spacing:.7px;gap:8px}}
/* A clearer hierarchy: quieter logo, readable navigation, shorter campaign. */
.header{height:98px;grid-template-columns:175px minmax(0,1fr) 100px;column-gap:34px}
.header .wordmark{width:175px;height:90px;background-size:240px auto}
.header nav{font-size:14px;font-weight:500;letter-spacing:1.3px;gap:clamp(22px,2.4vw,38px)}
.header nav .nav-secondary{font-size:10px;font-weight:400;letter-spacing:.9px}
.header nav a{color:#f0e7d9}
html{scroll-padding-top:110px}.fabric-stage,.signature-stage{top:98px;height:calc(100svh - 98px)}
.dark-campaign .live-stage{height:clamp(470px,60svh,650px);min-height:0;max-height:none}
.dark-campaign .dark-slide img{filter:saturate(.9) brightness(1.15);object-position:center 8%;transform-origin:70% top}
.dark-campaign .campaign-shade{background:linear-gradient(90deg,#100e0cdd 0%,#100e0c9c 27%,#100e0c19 53%,transparent 76%),linear-gradient(0deg,#100d0b66,transparent 30%)}
.dark-campaign .campaign-copy{top:17%;width:44%;max-width:590px}
.dark-campaign .campaign-copy h1{font-size:clamp(58px,5.5vw,88px);letter-spacing:-1.5px;line-height:1;margin:17px 0 20px}
.dark-campaign .campaign-copy p{font-size:12px;line-height:1.75;color:#e1d4c0}
.dark-campaign .campaign-copy .eyebrow{font-size:9px;letter-spacing:2.5px}
.dark-campaign .campaign-actions{margin-top:25px;gap:24px}
.dark-campaign .campaign-primary{font-size:9px;font-weight:500;letter-spacing:1.2px;min-height:48px;min-width:205px;padding:15px 20px}
.dark-campaign .campaign-secondary{font-size:8px;letter-spacing:1px}
.dark-campaign .campaign-navigation{bottom:72px}.dark-campaign .campaign-foot{bottom:23px}
.dark-campaign .dark-campaign-label{top:25px;font-size:8px}.dark-campaign .motion-replay{top:21px}
#univers{padding-top:38px;padding-bottom:75px}#univers .section-head{margin-bottom:25px}#univers h2{font-size:clamp(40px,4.2vw,63px);margin-top:12px}
/* Requested white closing banner with a black signature. */
.footer{background:#fff;color:#211c17;border-top:1px solid #e4dfd6;padding-top:65px}
.footer .footer-logo{filter:grayscale(1) contrast(10);mix-blend-mode:multiply;width:300px;height:130px;background-size:420px auto}
.footer p{color:#776b59}.footer-nav a,.footer-nav button{color:#332b24}
.footer-nav h3{color:#8b7350;font-size:9px;letter-spacing:1.8px}
.footer-nav a:hover,.footer-nav button:hover{color:#9b7a45}
.footer-bottom{border-color:#ded7ca;color:#736653}.footer .demo-note{color:#8c806e}
@media(min-width:981px) and (max-width:1200px){.header{grid-template-columns:155px minmax(0,1fr) 85px;column-gap:20px}.header .wordmark{width:155px;background-size:218px auto}.header nav{font-size:13px;letter-spacing:.9px;gap:21px}.header nav .nav-secondary{font-size:9px;letter-spacing:.4px}}
@media(min-width:561px) and (max-width:980px){.header{height:132px;grid-template-columns:1fr auto;grid-template-rows:80px 52px}.header .wordmark{width:175px;height:80px;background-size:230px auto}.header nav{font-size:13px;gap:18px}.header nav .nav-secondary{font-size:9px}.fabric-stage,.signature-stage{top:132px;height:calc(100svh - 132px)}html{scroll-padding-top:144px}.dark-campaign .campaign-copy{width:51%;top:20%}.dark-campaign .campaign-copy h1{font-size:65px}.dark-campaign .campaign-primary{min-width:175px;font-size:8px}.dark-campaign .campaign-actions{gap:16px}.dark-campaign .campaign-secondary{font-size:7px}.dark-campaign .live-stage{height:540px}}
@media(max-width:560px){.header{height:124px;grid-template-columns:1fr auto;grid-template-rows:76px 48px;column-gap:14px}.header .wordmark{width:145px;height:76px;background-size:208px auto}.header .menu-button{top:28px}.header nav{font-size:11px;letter-spacing:.9px;font-weight:500;gap:10px}.header .tools{gap:18px}.fabric-stage,.signature-stage{top:124px;height:calc(100svh - 124px)}html{scroll-padding-top:136px}.dark-campaign .live-stage{height:clamp(500px,66svh,610px);min-height:0}.dark-campaign .dark-slide img{object-position:70% top;filter:saturate(.9) brightness(1.12)}.dark-campaign .campaign-shade{background:linear-gradient(0deg,#0e0c0af2 0%,#100d0bc2 25%,#100d0b18 60%,transparent 80%)}.dark-campaign .campaign-copy{left:7%;top:auto;bottom:137px;width:86%;max-width:none}.dark-campaign .campaign-copy h1{font-size:49px;letter-spacing:-.9px;margin:12px 0 14px}.dark-campaign .campaign-copy p{font-size:10px;line-height:1.7;color:#e1d1b9}.dark-campaign .campaign-copy .eyebrow{font-size:7px;letter-spacing:2px}.dark-campaign .campaign-actions{margin-top:19px;gap:14px;flex-wrap:nowrap}.dark-campaign .campaign-primary{min-width:172px;min-height:44px;font-size:8px;padding:13px 13px;gap:12px}.dark-campaign .campaign-secondary{font-size:6px;letter-spacing:.5px;white-space:nowrap}.dark-campaign .campaign-navigation{bottom:68px}.dark-campaign .campaign-foot{bottom:20px}.dark-campaign .dark-campaign-label{top:22px;font-size:6px}.dark-campaign .dark-campaign-label span{font-size:5px}#univers{padding-top:35px;padding-bottom:55px}#univers h2{font-size:40px}#univers .section-head{margin-bottom:24px}.footer{padding-top:45px}.footer .footer-logo{width:260px;height:115px;background-size:370px auto}.footer-nav h3{font-size:8px}.footer-nav a,.footer-nav button{font-size:10px}.footer p{font-size:10px}.footer-bottom{font-size:6px}}
@media(max-width:360px){.header .wordmark{width:130px;background-size:188px auto}.header nav{font-size:10px;letter-spacing:.6px}.dark-campaign .campaign-primary{min-width:158px;font-size:7px}.dark-campaign .campaign-actions{gap:11px}.dark-campaign .campaign-secondary{font-size:5.5px}}
@media(min-width:981px){.dark-campaign .live-stage{height:clamp(460px,55svh,610px)}.dark-campaign .campaign-copy{top:14%}.dark-campaign .campaign-copy h1{font-size:clamp(56px,5vw,80px);margin:12px 0 16px}.dark-campaign .campaign-copy p{font-size:11px;line-height:1.7}.dark-campaign .campaign-actions{margin-top:20px}}
.dark-campaign .dark-slide img{object-position:center top}
@media(max-width:980px){.dark-campaign .dark-slide img{object-position:62% top}}
@media(max-width:560px){.dark-campaign .dark-slide img{object-position:70% top}}
#univers .universe.reveal{opacity:1;transform:none}