@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700&family=Cormorant+Garamond:wght@400;500;600&display=swap');
/* Scroll-driven perspective sequence: vertical page movement controls the five images. */
.zl-experience{overflow:visible;min-height:0;padding:0}
.zl-experience:before,.zl-experience:after{display:none}
.zl-scroll-wrap{height:500svh;position:relative;background:#101313}
.zl-scroll-stage{position:sticky;top:0;height:100svh;min-height:580px;overflow:hidden;isolation:isolate;background:#101313;color:#e8e3d8;perspective:1400px}
.zl-scroll-stage:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 52% 43% at 50% 50%,color-mix(in srgb,var(--zl-scent) 25%,#222725),transparent 100%),linear-gradient(180deg,#101313,#171a18 58%,#101313);transition:background .35s}
.zl-scroll-stage:after{content:"";position:absolute;left:0;right:0;bottom:0;height:38%;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent,#111413c9),linear-gradient(#ffffff08 1px,transparent 1px);background-size:auto,100% 42px;transform:perspective(240px) rotateX(58deg);transform-origin:bottom center;opacity:.52}
.zl-scroll-stage .zl-exp-top{flex:none;height:78px}
.zl-scroll-stage .zl-orbit{position:absolute;inset:78px 0 205px;height:auto;max-width:none;overflow:visible;perspective:1400px;touch-action:auto;cursor:default}
.zl-scroll-stage .zl-orbit-item{top:0;left:50%;width:min(52vw,600px);height:100%;margin:0;transform-origin:50% 70%;transition:none;will-change:transform,opacity,filter}
.zl-scroll-stage .zl-orbit-item img{filter:drop-shadow(0 30px 28px #0009)}
.zl-scroll-stage .zl-orbit-item .zl-reflection{opacity:.22}
.zl-scroll-copy{position:absolute;z-index:12;left:0;right:0;bottom:20px}
.zl-scroll-copy .zl-exp-details{padding:0 20px 14px}
.zl-scroll-copy .zl-exp-name{font-size:clamp(34px,4vw,54px);margin-bottom:10px}
.zl-scroll-copy .zl-exp-house{font-size:10px}
.zl-scroll-copy .zl-exp-caption{font-size:12px;margin-bottom:16px}
.zl-scroll-copy .zl-exp-cta{min-height:42px}
.zl-scroll-copy .zl-exp-bottom{border-top:1px solid #bbb19415}
.zl-scroll-copy .zl-exp-prev,.zl-scroll-copy .zl-exp-next{position:absolute;bottom:calc(100% + 100px);width:44px;height:44px;border-radius:50%;border:1px solid #bca67577;background:#191b17a3;color:#d2b98a;font-size:23px!important;display:grid;place-items:center}
.zl-scroll-copy .zl-exp-prev{left:7%}.zl-scroll-copy .zl-exp-next{right:7%}
.zl-scroll-copy .zl-exp-dots button{width:32px;height:32px}
.zl-scroll-copy .zl-exp-scroll-hint{color:#c3c2b4;font-size:10px;animation:zl-scroll-hint 1.8s ease-in-out infinite}
.zl-scroll-copy .zl-exp-scroll-hint{display:inline-block}
.zl-scroll-copy .zl-exp-discover{gap:20px}
.zl-scroll-steps{position:relative;height:400svh;margin-top:0;pointer-events:none}
.zl-scroll-step{height:20%;}
@keyframes zl-scroll-hint{50%{transform:translateY(7px);opacity:.55}}
@media(max-width:700px){
 .zl-scroll-wrap{height:500svh}
 .zl-scroll-stage{height:100svh;min-height:640px}
 .zl-scroll-stage .zl-exp-top{height:70px}
 .zl-scroll-stage .zl-orbit{inset:65px 0 228px}
 .zl-scroll-stage .zl-orbit-item{width:min(90vw,390px)}
 .zl-scroll-copy{bottom:7px}
 .zl-scroll-copy .zl-exp-details{padding:0 16px 8px}
 .zl-scroll-copy .zl-exp-name{font-size:32px}
 .zl-scroll-copy .zl-exp-house{font-size:8px;margin-bottom:6px}
 .zl-scroll-copy .zl-exp-caption{font-size:10px;margin-bottom:10px}
 .zl-scroll-copy .zl-exp-cta{min-height:37px;min-width:160px}
 .zl-scroll-copy .zl-exp-bottom{padding:7px 15px;gap:8px}
 .zl-scroll-copy .zl-exp-prev,.zl-scroll-copy .zl-exp-next{bottom:calc(100% + 112px);width:34px;height:34px;font-size:18px!important}
 .zl-scroll-copy .zl-exp-prev{left:16px}.zl-scroll-copy .zl-exp-next{right:16px}
 .zl-scroll-copy .zl-exp-dots{gap:2px}
 .zl-scroll-copy .zl-exp-dots button{width:25px;height:25px}
 .zl-scroll-copy .zl-exp-scroll-hint{font-size:9px}
 .zl-scroll-copy .zl-exp-scroll{display:none}
 .zl-scroll-copy .zl-exp-discover{gap:0}
 .zl-scroll-steps{height:400svh}
}
@media(prefers-reduced-motion:reduce){.zl-scroll-copy .zl-exp-scroll-hint{animation:none}}