/* Selected palace reference, 23 September 2026. */
.pp-c3-site,.palace-home{background:#20140c!important}.palace-home .c3-nav{padding:1.6% 3.5%;grid-template-columns:1fr 1.3fr 1fr}.palace-home .c3-wordmark{grid-column:1;grid-row:1;text-align:left;font-size:clamp(15px,1.8vw,29px);letter-spacing:.8px}.palace-home .c3-wordmark small{display:none}.palace-home .c3-nav>div:first-child{grid-column:2;justify-content:center;color:#644830}.palace-home .c3-nav>div:last-child{grid-column:3}.palace-home .c3-nav button{color:#f0dfc4}.palace-home .c3-hero-copy{top:55%;left:30%;width:40%}.pp-c3-site .palace-home .c3-hero-copy h1{font-size:clamp(30px,4.7vw,75px);text-shadow:0 2px 18px #241506;line-height:.98}.palace-home .c3-hero-copy p{position:absolute;left:140%;top:30%;width:150px;text-align:left;font-size:clamp(7px,.85vw,12px)}.palace-home .c3-down{bottom:8%;right:4%;font-size:25px}.palace-home .c3-doors{overflow:visible}.palace-home .c3-doors nav{top:-8%;height:51%;bottom:auto;z-index:2}.palace-home .c3-doors nav a{padding-top:0}.palace-home .c3-doors nav span{font-size:clamp(11px,1.65vw,25px);margin-top:2%!important;text-shadow:0 2px 5px #2b1500}.palace-home .c3-doors nav a:nth-child(2) span{margin-top:22%!important}.palace-home .c3-doors nav a:nth-child(3) span,.palace-home .c3-doors nav a:nth-child(4) span{margin-top:36%!important}.palace-home .c3-doors nav a:nth-child(5) span{margin-top:25%!important}.palace-home .c3-mirrors>div{left:62%;top:24%;width:32%}.palace-home .c3-mirrors h2{font-size:clamp(25px,3.6vw,56px);line-height:1.1}.palace-home .c3-mirrors p{margin-left:20%;font-size:clamp(7px,.85vw,12px)}.palace-home .c3-product-hotspot{left:38%;top:3%;width:19%;height:62%}.palace-home .c3-selection{background:#f2e6d4 url('/assets/pp-palace-stone.webp') center top/cover;padding-top:2.5%}.palace-home .c3-selection h2{font-size:clamp(30px,4vw,62px)}.palace-home .c3-pedestal{background:transparent;box-shadow:none;padding:12px 4px;min-height:75px}.palace-home .c3-pedestal h3{letter-spacing:0}.palace-home .c3-footer{background:#efe1cf url('/assets/pp-palace-stone.webp') center bottom/cover;color:#4b301d}.palace-home .c3-footer .icon{filter:none}.palace-home .c3-footer>div>a{font-size:10px;letter-spacing:2px}.palace-home .c3-footer p{line-height:1.8}
@media(max-width:650px){.palace-home .c3-hero{height:78svh;min-height:550px}.palace-home .c3-hero>img{object-position:50%}.palace-home .c3-nav{padding:22px 5%;grid-template-columns:1fr auto}.palace-home .c3-wordmark{font-size:17px}.palace-home .c3-nav>div:first-child{grid-row:2;grid-column:1 / -1;flex-direction:row;justify-content:center;margin-top:22px;color:#f0dfc4;text-shadow:0 1px 5px #211005}.palace-home .c3-nav>div:last-child{grid-column:2}.palace-home .c3-hero-copy{left:7%;width:86%;top:auto;bottom:15%;text-align:center}.pp-c3-site .palace-home .c3-hero-copy h1{font-size:44px}.palace-home .c3-hero-copy p{position:static;width:auto;text-align:center;font-size:8px;letter-spacing:2px}.palace-home .c3-doors{overflow-x:auto;overflow-y:hidden}.palace-home .c3-doors-inner{width:760px}.palace-home .c3-doors nav{top:0;height:47%}.palace-home .c3-doors nav span{font-size:13px;margin-top:0!important}.palace-home .c3-doors nav a:nth-child(n) span{margin-top:0!important}.palace-home .c3-mirrors{height:440px}.palace-home .c3-mirrors>img{object-position:45%}.palace-home .c3-mirrors>div{top:auto;bottom:7%;left:7%;width:86%;text-align:center;text-shadow:0 2px 8px #241304}.palace-home .c3-mirrors h2{font-size:34px}.palace-home .c3-mirrors p{margin-left:0}.palace-home .c3-selection{padding-top:35px}.palace-home .c3-product-hotspot{left:28%;top:3%;width:42%;height:58%}.palace-home .c3-footer>div>a{font-size:8px}}
.palace-home .c3-hero-copy p{width:190px}
@media(max-width:650px){.palace-home .c3-nav{background:linear-gradient(#23170bd9,#23170b70,transparent);padding-bottom:26px}.palace-home .c3-hero-copy p{width:auto}}

.pp-boutique-continuation{background:#fff;color:#342b23;padding-top:48px;padding-bottom:32px}.pp-boutique-continuation .pp204-campaign{margin-top:0}

/* Vertical palace journey, with live gold lettering on each entrance. */
.palace-home .c3-doors.palace-tour{position:relative;overflow:hidden!important;background:#28170d}
.palace-tour-viewport{overflow:visible;touch-action:pan-y}
.palace-tour-track{display:block;width:100%}
.palace-home .c3-doors-inner.palace-tour-view{width:100%;min-width:0;position:relative;isolation:isolate;scroll-margin-top:12px}
.palace-home .palace-tour-view img{width:100%;height:auto;pointer-events:none}
.palace-tour-view+ .palace-tour-view{margin-top:-1px}
.palace-tour-view+ .palace-tour-view:before{content:'';position:absolute;inset:0 0 auto;height:12%;background:linear-gradient(#28170da0,transparent);pointer-events:none;z-index:1}
.palace-home .palace-tour-view nav{inset:0 0 auto;height:43%;grid-template-columns:repeat(6,1fr);z-index:2}
.palace-home .palace-tour-view nav a{padding:0 3%;display:flex;align-items:flex-start;justify-content:center;border:0;background:none}
.palace-home .palace-tour-view nav a:nth-child(n) span{margin:0!important;padding:0;background:none;border:0;box-shadow:none;font-size:clamp(9px,1.4vw,22px);line-height:1.12;color:#ffe1a0;letter-spacing:.045em;text-shadow:0 1px 1px #281004,0 2px 4px #1f0d03,0 0 8px #341a0b;font-weight:400;transform:translateY(var(--sign-y,10px));transition:filter .2s}
.palace-home .palace-tour-view nav a:nth-child(2){padding-top:5%}
.palace-home .palace-tour-view nav a:nth-child(3),.palace-home .palace-tour-view nav a:nth-child(4){padding-top:12%}
.palace-home .palace-tour-view nav a:nth-child(5){padding-top:7%}
.palace-home .palace-tour-view nav a:hover span,.palace-home .palace-tour-view nav a:focus-visible span{filter:brightness(1.3);text-decoration:underline;text-underline-offset:5px}
@media(max-width:650px){.palace-home .c3-doors.palace-tour{overflow:hidden!important}.palace-home .palace-tour-view nav a:nth-child(n) span{font-size:9px;letter-spacing:0;--sign-y:5px}.palace-home .palace-tour-view nav a{min-height:80px}.palace-tour-view+ .palace-tour-view:before{height:8%}}

/* A single continuous architectural image replaces the two photograph seam. */
.palace-continuous{position:relative}
.palace-home .palace-continuous .palace-tour-view{position:absolute;inset:0;height:31%;z-index:2}
.palace-home .palace-continuous .palace-tour-view+ .palace-tour-view{top:38%;height:28%;margin:0}
.palace-continuous .palace-tour-view:before{display:none}
.palace-home .palace-continuous .palace-tour-view nav{height:100%}
.palace-home .palace-continuous .palace-tour-view nav a:nth-child(n){padding-top:0}
.palace-home .palace-continuous .palace-tour-view nav a:nth-child(n) span{margin-top:4%!important;transform:none}
.palace-home .palace-continuous .palace-tour-view nav a:nth-child(2),.palace-home .palace-continuous .palace-tour-view nav a:nth-child(5){padding-top:18%}
.palace-home .palace-continuous .palace-tour-view nav a:nth-child(3),.palace-home .palace-continuous .palace-tour-view nav a:nth-child(4){padding-top:26%}
.palace-home .palace-continuous .palace-tour-view+ .palace-tour-view nav{left:17%;width:81%;grid-template-columns:repeat(5,1fr)}
.palace-home .palace-continuous .palace-tour-view+ .palace-tour-view nav a:nth-child(n){padding-top:0}
.palace-home .palace-continuous .palace-tour-view+ .palace-tour-view nav a:first-child{padding-top:12%}
.palace-home .palace-continuous .palace-tour-view+ .palace-tour-view nav a:nth-child(4){padding-top:12%}
.palace-home .palace-continuous .palace-tour-view+ .palace-tour-view nav a:nth-child(5){padding-top:33%}
.palace-home .palace-tour+.c3-mirrors{margin-top:-4%;mask-image:linear-gradient(transparent,#000 12%);-webkit-mask-image:linear-gradient(transparent,#000 12%)}
.palace-continuous-photo{display:block;width:100%;height:auto}
.palace-home .palace-tour+.c3-mirrors{margin-top:-6vw;mask-image:linear-gradient(transparent,#000 6vw);-webkit-mask-image:linear-gradient(transparent,#000 6vw)}
@media(max-width:650px){.palace-home .palace-tour+.c3-mirrors{margin-top:-48px;mask-image:linear-gradient(transparent,#000 48px);-webkit-mask-image:linear-gradient(transparent,#000 48px)}}

/* Seedance scroll film: activated only after the actual media has loaded. */
.palace-scroll-video{display:none;pointer-events:none}
.palace-film-ready .palace-scroll-story{height:calc(var(--palace-stage-height,100svh) + 220svh);position:relative}
.palace-home.palace-film-ready .c3-hero{position:sticky;top:0;height:100svh;min-height:0;background:#28170d}
.palace-film-ready .palace-scroll-video{display:block;position:absolute;left:50%;top:50%;width:100%;height:auto;aspect-ratio:16/9;transform:translate(-50%,-50%)}
.palace-film-ready .c3-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.palace-film-ready .c3-hero-copy,.palace-film-ready .c3-down{opacity:var(--palace-copy-opacity,1)}
.palace-film-ready .c3-hero:after{display:none}
.palace-home.palace-film-ready .palace-tour{margin-top:calc(-1 * var(--palace-stage-height));opacity:var(--palace-landing-opacity,0);position:relative;z-index:3}
.palace-film-ready .c3-nav{z-index:4}
@media(max-width:650px){.palace-home.palace-film-ready .c3-hero{height:100svh;min-height:0}.palace-film-ready .palace-scroll-story{height:calc(var(--palace-stage-height,100svh) + 180svh)}}
@media(prefers-reduced-motion:reduce){.palace-scroll-video{display:none!important}}
/* Once decoded, the film replaces the poster entirely during mobile reframing. */
.palace-film-ready .c3-hero>img{visibility:hidden}
.palace-home.palace-film-ready .c3-hero{background:#28170d url('/assets/pp-palace-continuous.webp') center top/cover no-repeat}

/* The landing photograph stays registered to the final film frame during the blend. */
.palace-home.palace-film-ready .palace-tour{transform:translateY(var(--palace-gallery-offset,0px))}

.palace-film-ready .c3-nav{opacity:var(--palace-nav-opacity,1)}

/* Join the palace floor directly to the perfume selection. */
.palace-home .palace-tour+.c3-selection{position:relative;margin-top:-1px;padding-top:clamp(30px,4vw,64px)}
.palace-home .palace-tour+.c3-selection:before{content:'';position:absolute;left:0;right:0;bottom:100%;height:clamp(24px,4vw,64px);background:linear-gradient(transparent,#f2e6d4);pointer-events:none}

.palace-zoom-controls{display:none}
@media(max-width:650px){.palace-zoom-controls{display:flex;align-items:center;justify-content:flex-end;gap:4px;padding:8px 12px;background:#291a12;color:#f0dfc4}.palace-zoom-controls span{margin-right:auto;font:10px Inter,sans-serif;letter-spacing:.04em}.palace-zoom-controls button{width:40px;height:40px;border:1px solid #dac39d50;background:transparent;border-radius:50%;font-size:21px}.palace-home .palace-tour-viewport{overflow-x:auto;overflow-y:hidden;touch-action:pan-x pan-y;scrollbar-width:none;overscroll-behavior-x:contain}.palace-tour-viewport::-webkit-scrollbar{display:none}.palace-home .palace-tour-track{width:calc(100% * var(--palace-zoom,2));max-width:none}.palace-home .palace-continuous-photo{width:100%;max-width:none}.palace-home .palace-continuous .palace-tour-view nav a:nth-child(n) span{font-size:clamp(12px,3vw,16px);letter-spacing:0}}

.palace-tour{overflow-anchor:none}

/* Approved concept 03 — square private salons, web and mobile. */
.palace-home .c3-doors.palace-salons{--salon-width: min(36vw,470px);background:#f2e6d4 url('/assets/pp-palace-stone.webp') center/cover;color:#4a3020;min-height:100svh;padding:clamp(28px,5vh,60px) 0 30px;display:flex;flex-direction:column;justify-content:center}
.salons-heading{display:flex;justify-content:space-between;align-items:center;padding:0 6%;margin:0 0 24px;font:11px Inter,sans-serif;letter-spacing:.2em}.salons-heading p{margin:0}.salons-heading span{letter-spacing:.08em}
.salons-stage{position:relative;width:100%;isolation:isolate}.salons-rail{position:relative;display:flex;align-items:flex-end;gap:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding:12px calc((100% - var(--salon-width))/2) 30px;touch-action:pan-x pan-y;overscroll-behavior-x:contain}.salons-rail::-webkit-scrollbar{display:none}
.salon-card{position:relative;flex:0 0 var(--salon-width);width:var(--salon-width);scroll-snap-align:center;transform:scale(var(--salon-scale, .7));transform-origin:center bottom;margin:0 -3.5vw;isolation:isolate}.salon-card:first-child{margin-left:0}.salon-card:last-child{margin-right:0}
.salon-door{position:relative;display:block;aspect-ratio:1;box-shadow:0 12px 22px #5e38172b;color:#f5d9a3;overflow:hidden}.salon-door img{width:100%;height:100%;object-fit:cover;display:block}.salon-name{position:absolute;top:3.2%;left:14%;width:72%;height:11.4%;display:flex;align-items:center;justify-content:center;text-align:center;font:clamp(14px,2vw,28px)/1.05 'Cormorant Garamond',Georgia,serif;text-transform:uppercase;letter-spacing:.02em;color:#f9dda9;text-shadow:0 1px 2px #210908}
.salons-arrow{position:absolute;z-index:110;top:50%;width:44px;height:44px;border:1px solid #a4805060;border-radius:50%;background:#fff;color:#57321e;font-size:20px;cursor:pointer}.salons-prev{left:3%}.salons-next{right:3%}.salons-action{text-align:center;margin:0 0 22px}.salons-enter{display:inline-flex;justify-content:center;gap:40px;align-items:center;border-radius:30px;background:#461b22;color:#fff0db;padding:12px 36px;text-decoration:none;min-width:200px;font:17px 'Cormorant Garamond',Georgia,serif}.salons-action p{font:10px Inter,sans-serif;letter-spacing:.06em;margin:13px 0 0;color:#816d56}
.palace-home .c3-doors .salons-tabs{position:static;display:flex;overflow:auto;width:100%;height:auto;gap:26px;padding:12px 6%;scrollbar-width:none;align-items:center;z-index:auto}.salons-tabs button,.palace-home .c3-doors .salons-tabs a{flex-shrink:0;background:none;border:0;padding:10px 0!important;margin:0;font:11px Georgia,serif;text-transform:uppercase;letter-spacing:.04em;color:#543523;text-decoration:none;cursor:pointer;white-space:nowrap}.salons-tabs button[aria-current]{border-bottom:1px solid #ac8044}.salons-rail:focus-visible,.salons-tabs button:focus-visible,.salon-door:focus-visible,.salons-enter:focus-visible{outline:2px solid #9b733d;outline-offset:3px}
@media(max-width:650px){.palace-home .c3-doors.palace-salons{--salon-width:78vw;min-height:100svh;padding:30px 0 26px}.salons-heading{font-size:9px;padding:0 7%;margin-bottom:22px}.salon-card{margin:0 -3vw}.salon-name{font-size:clamp(15px,4.3vw,23px)}.salons-rail{padding-bottom:24px}.salons-arrow{width:36px;height:36px}.salons-prev{left:2%}.salons-next{right:2%}.salons-action{margin-bottom:24px}.salons-enter{min-width:185px;padding:11px 28px}.palace-home .c3-doors .salons-tabs{padding:10px 7%;gap:24px}.salons-tabs button{font-size:10px}}

.pp-c3-site .palace-home .salons-enter{color:#fff0db}.pp-c3-site .palace-home .salon-name{font-weight:400}

/* One shared stage: reveal the salons while both layers are pinned, then hold. */
.palace-film-ready .palace-scroll-story{height:245svh;position:relative;isolation:isolate}
.palace-home.palace-film-ready .palace-scroll-story>.palace-salons{position:sticky;top:0;margin-top:-100svh;height:100svh;min-height:0;box-sizing:border-box;transform:none;opacity:var(--palace-landing-opacity,0);padding:24px 0;z-index:3}
.palace-home .c3-doors.palace-salons{--salon-width:min(36vw,48svh,470px)}
.palace-film-ready .salons-heading{margin-bottom:12px}
.palace-film-ready .salons-action{margin-bottom:12px}
.palace-film-ready .salons-rail{padding-bottom:18px}
.palace-home .pp-discover-world{white-space:nowrap;border-bottom:1px solid currentColor;padding-bottom:4px}
@media(max-width:650px){
 .palace-film-ready .palace-scroll-story{height:225svh}
 .palace-home .c3-doors.palace-salons{--salon-width:min(78vw,45svh)}
 .palace-home .c3-nav>div:first-child{gap:18px;font-size:12px;flex-wrap:wrap}
 .palace-home.palace-film-ready .palace-scroll-story>.palace-salons{padding:24px 0 18px}
}

/* Branded living salons retain the exact square doorway and native touch rail. */
.salon-door .salon-living-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:0;transition:opacity .25s ease}
.salon-door .salon-living-video.is-playing{opacity:1}
.salons-motion{display:block;margin:0 auto 12px;padding:6px 12px;border:1px solid #a4805055;border-radius:20px;background:#fff5e3bb;color:#57321e;font:11px Inter,sans-serif;cursor:pointer}
.salons-motion[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.salon-door .salon-living-video{transition:none}}

/* Jardin vivant: preserve the portrait film and its natural photographic grade. */
.palace-home.palace-garden-home .c3-hero{position:relative;height:100svh;min-height:0;overflow:hidden;background:#31402c url('/assets/pp-jardin-landscape-v1.webp') center/cover no-repeat}
.palace-home.palace-garden-home .c3-hero>img{position:absolute;left:50%;top:50%;width:auto;height:100%;max-width:none;object-fit:contain;transform:translate(-50%,-50%)}
.palace-home.palace-garden-home.palace-film-ready .c3-hero{position:sticky;top:0;background:#31402c url('/assets/pp-jardin-landscape-v1.webp') center/cover no-repeat}
.palace-garden-home .palace-scroll-video{aspect-ratio:9/16;max-width:none;height:auto}
.palace-garden-home.palace-film-ready .palace-scroll-video{aspect-ratio:9/16;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
@media(max-width:650px){
.palace-home.palace-garden-home .c3-hero>img{width:100%;height:100%;object-fit:cover}
.palace-garden-home.palace-film-ready .palace-scroll-video{mask-image:none}
}

/* Subtle daylight motion, above the approved source and below navigation/copy. */
.palace-entry-air{position:absolute;pointer-events:none;left:33%;top:0;width:34%;height:39%;z-index:1;opacity:calc(.16 * var(--palace-air-opacity,1));background:radial-gradient(ellipse at 35% 25%,#fff9dd99,transparent 55%),radial-gradient(ellipse at 75% 55%,#fff5dc77,transparent 48%);animation:palace-daylight 14s ease-in-out infinite alternate;transform-origin:center;contain:paint}
@keyframes palace-daylight{from{transform:translate3d(-4%,0,0) scale(1)}to{transform:translate3d(7%,3%,0) scale(1.08)}}
@media(prefers-reduced-motion:reduce){.palace-entry-air,.palace-entry-motion{display:none!important}}

.palace-entry-air[hidden]{display:none}

body[data-calm="true"] .palace-entry-air{animation-play-state:paused!important}
