.paged{height:100%;overflow:hidden;scroll-behavior:auto}.paged body{height:100dvh;overflow:hidden}.paged header{height:72px;position:fixed;inset:0 0 auto;z-index:20}.paged main{position:fixed;inset:72px 0 0;overflow:hidden;touch-action:pan-x pinch-zoom;background:#111210}
.paged main>.chapter{position:absolute!important;inset:0;width:100%;height:100%!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0;aspect-ratio:auto;visibility:hidden;opacity:0;transform:translateY(var(--travel,7%));transition:opacity .6s ease,transform .8s cubic-bezier(.22,1,.36,1),visibility 0s .8s;pointer-events:none}
.paged main>.chapter.is-active{visibility:visible;opacity:1;transform:none;transition-delay:0s;pointer-events:auto;z-index:2}.paged main>.chapter.is-leaving{visibility:visible;transform:translateY(calc(var(--travel,7%) * -1));z-index:1}
.paged .chapter-word{opacity:0;translate:0 20px;transition:opacity .3s ease,translate .4s ease}.paged .is-active .chapter-word{opacity:1;translate:0 0;transition-duration:.6s,.7s;transition-delay:calc(150ms + var(--word-delay,0ms))}.paged .chapter-instant .chapter,.paged .chapter-instant .chapter-word{transition:none!important}
.chapter-dots{position:fixed;right:15px;top:50%;transform:translateY(-50%);display:grid;gap:3px;z-index:25;background:#11121066;border-radius:22px;padding:8px 2px}.chapter-dots button{width:28px;height:27px;padding:9px}.chapter-dots button:after{content:'';display:block;width:7px;height:7px;border:1px solid #ead9b2;border-radius:50%}.chapter-dots [aria-current]:after{background:#ead9b2}.chapter-next{position:fixed;z-index:25;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;border:1px solid #b8a47d;background:#111210d9;color:#f5ecd9;padding:10px 18px;border-radius:30px}.chapter-count{font-size:9px;letter-spacing:.14em}.chapter-next>span:last-child{font-size:20px}.chapter-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body:has(dialog[open]) .chapter-next,body:has(dialog[open]) .chapter-dots{visibility:hidden}
.paged .story-photo{height:100%;width:100%}.paged .story-photo img{height:100%;max-height:none;min-height:0;aspect-ratio:auto}.paged .story-photo figcaption{bottom:30px}
.paged .hero>img{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:cover}.paged .hero{display:flex}.paged .hero-copy{position:relative;align-self:center}.paged .hero .scene-foot{position:absolute;bottom:28px;left:4vw;right:4vw;padding:0}
.paged .women-series-photo{height:100%;object-fit:cover;object-position:center}.paged .women-series-copy{left:5%;width:36%}.paged .featured-stage{height:100%;width:100%;max-width:1440px;align-items:center;padding:4vh 6vw 60px;overflow:hidden}.paged .featured-photo{height:min(75vh,100%);max-height:100%;aspect-ratio:auto;object-fit:contain}.paged .featured-copy{padding:30px}.paged .featured-story{margin-top:24px}
.paged .unisex-portrait{height:100%;object-fit:cover}.paged .refill{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:0 6vw;padding:5vh 8vw 65px!important}.paged .refill-heading{grid-column:1;align-self:end}.paged .refill-heading h2{font-size:clamp(28px,4vw,54px)}.paged .refill-film{grid-column:2;grid-row:1/3;width:100%;height:100%;min-height:0;max-height:none;margin:0}.paged .refill-film img{height:75%;max-width:90%}.paged .refill-options{grid-column:1;align-self:center;padding-top:25px;gap:25px}.paged .refill-options p{line-height:1.8}.paged .refill-film .scene-foot{bottom:20px;left:15px;right:15px}.paged .refill-film .scene-foot span:first-child{display:none}
.paged .partner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:150px!important}.paged .partner footer{position:absolute;bottom:0;width:100%;padding:25px 5vw 65px}.paged .partner>.link{flex:none}
@media(max-width:760px){.paged header{height:64px}.paged main{top:64px}.paged header nav{gap:12px}.chapter-dots{right:5px;padding:4px 0}.chapter-dots button{width:22px;height:23px;padding:8px}.chapter-dots button:after{width:6px;height:6px}.chapter-next{bottom:10px;padding:6px 14px;gap:10px}.paged .hero-copy{align-self:flex-end;padding:0 8vw 95px}.paged .hero:after{display:block;background:linear-gradient(0deg,#000b,transparent 75%)}.paged .hero h1{font-size:36px}.paged .hero .scene-foot{bottom:65px;left:8vw}.paged .story-heading{bottom:100px;right:12vw}.paged .story-photo figcaption{bottom:70px}.paged .women-series-photo{height:64%;min-height:0;max-height:none;object-position:84% center}.paged .women-series-copy{position:absolute;top:64%;left:0;width:100%;height:36%;padding:16px 8vw 55px;transform:none}.paged .women-series-copy h2{font-size:28px;margin:5px 0}.paged .women-series-copy .eyebrow{font-size:9px}.paged .women-series-line{font-size:12px}.paged .women-series-copy .link{margin-top:5px;padding:8px 0}.paged .featured-stage{display:flex;flex-direction:column;padding:12px 7vw 55px;gap:5px}.paged .featured-photo{height:46%;min-height:0;flex:0 1 46%;width:100%;order:0}.paged .featured-copy{order:1;padding:5px 5px 0;width:100%}.paged .featured-copy h2{font-size:24px;margin:7px 0}.paged .featured-family{font-size:14px}.paged .featured-story{font-size:12px;line-height:1.7;margin:10px auto}.paged .featured-copy .link{padding:6px 0}.paged .men-copy{padding:0 10vw 100px 7vw;align-self:flex-end}.paged .men h2{font-size:38px}.paged .men .scene-foot{bottom:67px}.paged .unisex-portrait{height:72%;min-height:0;max-height:none;object-position:36% center}.paged .unisex-message{position:absolute;inset:72% 0 0;padding:18px 100px 55px 7vw;gap:8px;justify-content:flex-start}.paged .unisex-message h2{font-size:29px}.paged .unisex-message .link{padding:8px 0;font-size:12px}.paged .unisex-brand-logo{bottom:70px;width:56px}.paged .refill{display:flex;flex-direction:column;padding:18px 7vw 60px!important;gap:12px}.paged .refill-heading{align-self:stretch}.paged .refill-heading h2{font-size:30px;margin:8px 0}.paged .refill-film{flex:1;min-height:0}.paged .refill-film img{height:78%;width:auto}.paged .refill-film .scene-foot{bottom:5px;font-size:8px}.paged .refill-options{align-self:stretch;padding:0;gap:20px}.paged .refill-options>div{padding:12px 0 0}.paged .refill-options h3{font-size:20px;margin-bottom:6px}.paged .partner{padding:25px 8vw 190px!important}.paged .partner h2{font-size:36px}.paged .partner footer{padding:20px 7vw 62px;gap:15px}.paged .partner footer>.logo{width:auto;font-size:24px}.paged .partner footer>small{width:auto}.paged .partner footer>div{font-size:10px;gap:15px}}
@media(max-height:650px) and (max-width:760px){.paged .featured-photo{height:35%;flex-basis:35%}.paged .featured-story{font-size:11px;margin:6px auto}.paged .featured-copy h2{font-size:20px}.paged .women-series-photo{height:57%}.paged .women-series-copy{top:57%;height:43%}.paged .refill-options p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.paged .chapter,.paged .chapter-word{transition:none!important}}
/* Keep every campaign photograph intact at every viewport ratio. */
.paged .hero>img,.paged .men>img,.paged .story-photo img,.paged .women-series-photo,.paged .unisex-portrait{object-fit:contain!important;object-position:center!important;width:100%;max-width:100%}
.paged .women-series,.paged .unisex-campaign{background:#f3efe7}.paged .hero,.paged .men,.paged .story-photo{background:#111210}
/* Desktop uses purpose-expanded panoramas; original images remain on mobile. */
@media(min-width:761px){
 .paged .hero>img,.paged .men>img,.paged .story-photo img,.paged .women-series-photo,.paged .unisex-portrait{object-fit:cover!important}
 .paged .hero>img{object-position:75% center!important}
 .paged .story-photo img{object-position:75% center!important}
 .paged .women-series-photo{object-position:80% center!important}
 .paged .men>img{object-position:30% center!important}
 .paged .unisex-portrait{object-position:20% center!important}
 .paged .unisex-message{left:63%;right:6%}
 .paged .unisex-message h2{font-size:clamp(30px,3.7vw,64px)}
 .paged .women-series-copy{left:5%;width:34%}
}
@media(max-width:760px){
 .paged .hero>img,.paged .men>img{inset:0 0 auto;height:49%;min-height:0;max-height:none;z-index:0}
 .paged .hero:after,.paged .men:after,.paged .story-photo:after{display:none}
 .paged .hero-copy{position:absolute;inset:51% 8vw 70px;padding:0;align-self:auto;z-index:2}
 .paged .hero h1{font-size:clamp(28px,8vw,36px);margin:12px 0}.paged .hero-copy .link{margin-top:16px}
 .paged .hero .scene-foot{bottom:63px;font-size:8px}
 .paged .men-copy{position:absolute;inset:51% 10vw 70px 8vw;padding:0;text-align:left;align-self:auto}
 .paged .men h2{font-size:32px;margin:12px 0}.paged .men .scene-foot{bottom:63px}
 .paged .story-photo img{height:49%;min-height:0;max-height:none}
 .paged .story-heading{top:52%;bottom:auto;left:8vw;right:10vw;transform:none}
 .paged .story-heading h2{font-size:28px;line-height:1.4}.paged .story-photo figcaption{bottom:70px}
 .paged .women-series-photo{height:49%;min-height:0;max-height:none}
 .paged .women-series-copy{top:51%;height:auto;padding:18px 8vw 65px;background:transparent}
 .paged .women-series-copy h2{font-size:32px;margin:12px 0}.paged .women-series-copy .link{margin-top:18px}
 .paged .unisex-portrait{height:49%;min-height:0;max-height:none}
 .paged .unisex-label{top:16px}.paged .unisex-message{inset:53% 0 0;padding:20px 8vw 70px;background:transparent;gap:20px}
 .paged .unisex-brand-logo{top:auto;bottom:80px;right:9%;width:60px}
}
@media(max-height:600px) and (min-width:761px){.paged .hero h1{font-size:45px;margin:12px 0}.paged .hero-copy{padding:2vh 7vw}.paged .hero-copy .link{margin-top:12px}.paged .story-heading h2{font-size:30px;margin:10px 0}.paged .men h2{font-size:36px;margin:12px 0}.paged .men-copy{padding-top:0;padding-bottom:45px}.paged .unisex-message h2{font-size:34px}.paged .women-series-copy h2{font-size:34px;margin:10px 0}}
/* Product campaign: complete bottles, with a softly extended photographic backdrop. */
.paged .product-hero{background:#e4d1b4;color:#211b14;isolation:isolate}
.paged .product-hero:before{content:"";position:absolute;inset:-40px;background:url('/assets/home-product-trio-v1.optimized.webp') center/cover no-repeat;filter:blur(42px);opacity:.5;z-index:0}
.paged .product-hero:after{display:none}
.paged .product-hero>img{position:absolute;inset:90px 0 48px!important;width:100%;height:calc(100% - 138px)!important;min-height:0!important;max-height:none;object-fit:contain!important;object-position:center!important;z-index:1;mix-blend-mode:multiply}
.paged .product-hero .hero-copy{position:absolute;inset:20px 5vw auto;padding:0;text-align:center;z-index:2;width:auto;max-width:none;align-self:auto}
.paged .product-hero .hero-copy .eyebrow{display:block;font-size:9px;letter-spacing:.25em;color:#705633}
.paged .product-hero h1{font-size:clamp(22px,2.1vw,36px);line-height:1.25;letter-spacing:.08em;margin:8px 0}
.paged .product-hero .hero-copy .link{position:absolute;right:0;top:20px;margin:0;font-size:11px;border-color:#715b39;gap:30px}
.paged .product-hero .scene-foot{position:absolute;left:4vw;right:4vw;bottom:22px;padding:0;color:#53432d;z-index:2;font-size:9px}
@media(max-width:760px){
.paged .product-hero .hero-copy{inset:9% 7vw auto}
.paged .product-hero h1{font-size:27px;margin:15px 0}
.paged .product-hero .hero-copy .link{position:static;display:inline-flex;margin-top:9px}
.paged .product-hero>img{inset:32% 0 18%!important;height:50%!important}
.paged .product-hero .scene-foot{bottom:80px;font-size:8px}
.paged .product-hero .scene-foot span:first-child{display:block}
}
.paged .product-hero>img{inset:0!important;height:100%!important;mix-blend-mode:normal;mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent)}
.paged .product-hero .hero-copy{top:16px;left:0;right:0;padding:0 5vw;text-align:center}
.paged .product-hero h1{font-size:clamp(30px,2.6vw,46px);font-weight:500;color:#291c0e;letter-spacing:.1em;line-height:1.2;margin:8px 0;text-shadow:0 1px 1px #fff5}
.paged .product-hero .hero-copy .eyebrow{font-size:10px;color:#5b4021;letter-spacing:.24em}
.paged .product-hero .hero-copy .link{right:5vw}
.paged .product-hero .hero-copy .link{color:#3c2c19}
@media(max-width:760px){.paged .product-hero>img{inset:30% 0 20%!important;height:50%!important}.paged .product-hero .hero-copy{top:10%}.paged .product-hero h1{font-size:26px;margin:14px 0}}
@media(min-width:761px){.paged .product-hero>img{inset:auto!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%);width:min(100%,calc((100dvh - 72px)*1.777));height:auto!important;max-height:100%;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)}}

@media(max-width:760px){.paged .story-photo img{object-fit:contain!important;background:#191713}}

/* Bottom chapter counter and advance hint removed at user request on every screen. */
.chapter-next{display:none!important}