/* Photo-led destination guide. Neutral glass takes its colour from the scenery. */
.guest-discover{position:relative;isolation:isolate;background:var(--paper);padding-block:28px;overflow:hidden;--discover-glass-sheen:linear-gradient(135deg,#ffffff75,transparent 38%,#ffffff18 66%,#ffffff55);--discover-glass-depth:inset 0 1.5px 1px #ffffffe6,inset 1px 0 1px #ffffff80,inset 0 -1px 1px #00000012,0 2px 4px #00000005,0 12px 30px #0000000b}
/* A neutral, blurred cityscape sits behind one continuous sheet of clear glass. */
.guest-discover:before{content:'';position:absolute;inset:-24px;z-index:-2;pointer-events:none;background:url('/assets/discover-burj-khalifa-wide-800.webp') 50% 60%/cover no-repeat;filter:blur(24px) grayscale(1) brightness(1.45);opacity:.2}
.guest-discover:after{content:'';position:absolute;inset:8px clamp(16px,4vw,56px);z-index:-1;pointer-events:none;border:1px solid #ffffffb8;border-radius:38px;background:var(--discover-glass-sheen),#ffffff59;box-shadow:var(--discover-glass-depth),0 16px 34px #0000000b;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}
.guest-page #discover-dubai{scroll-margin-top:-16px}
.guest-discover>.section-heading,.guest-discover>.discover-tabs,.guest-discover>.discover-panels{max-width:1200px;margin-left:auto;margin-right:auto}
.guest-discover .section-heading{margin-bottom:16px}
.guest-discover .section-heading .eyebrow{font-size:10px;margin-bottom:8px;line-height:1.4}
.guest-discover .section-heading h2{font-size:clamp(36px,3.8vw,50px);line-height:1.08}
.guest-discover .discover-tabs{position:relative;isolation:isolate;width:fit-content;max-width:100%;padding:6px;gap:3px;margin-left:0;margin-bottom:18px;border-radius:24px;background:var(--discover-glass-sheen),#ffffff38;border:1px solid #ffffffb8;box-shadow:var(--discover-glass-depth);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.guest-discover .discover-tabs button{position:relative;z-index:1;padding:11px 19px;color:#465267;border-radius:18px;white-space:nowrap;transition:color .25s,background .25s}
.guest-discover .discover-tabs button[aria-selected=true]{color:var(--navy);background:#ffffffb3;border-color:#fff;box-shadow:0 3px 10px #0513370b}
.guest-discover .discover-tabs.has-glider button[aria-selected=true]{background:transparent;border-color:transparent;box-shadow:none}
.discover-tab-glider{position:absolute;left:0;top:0;z-index:0;pointer-events:none;border-radius:18px;background:var(--discover-glass-sheen),#ffffff70;border:1px solid #ffffffd9;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #0000000a,0 4px 12px #0000000c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .5s cubic-bezier(.22,.8,.2,1),width .5s cubic-bezier(.22,.8,.2,1),height .5s cubic-bezier(.22,.8,.2,1)}
/* Inactive, inert panels still size the shared grid, so category changes never move the next section. */
.guest-discover.has-discover-tabs .discover-panels{display:grid;min-height:0}
.guest-discover.has-discover-tabs .discover-panel{grid-area:1/1;min-width:0}
.guest-discover.has-discover-tabs .discover-panel[hidden]{display:grid!important;visibility:hidden;pointer-events:none}
.guest-discover .discover-panel{position:relative;isolation:isolate;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;padding:12px;border-radius:32px;border:1px solid #ffffffa6;background:var(--discover-glass-sheen),#ffffff1f;box-shadow:var(--discover-glass-depth);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;animation:none;align-items:stretch}
.discover-atmosphere{position:absolute;inset:0 0 0 35%;z-index:-2;overflow:hidden;pointer-events:none;opacity:.06;mask-image:linear-gradient(90deg,transparent,#000 38%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 38%)}
.discover-atmosphere img{width:100%;height:100%;object-fit:cover;filter:blur(42px) grayscale(1);transform:scale(1.25)}
.guest-discover .discover-panel:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at var(--light-x,70%) var(--light-y,20%),#ffffff54,transparent 52%)}
.guest-discover .discover-feature{display:flex;flex-direction:column;min-height:0;min-width:0;border-radius:22px;overflow:visible;isolation:auto;gap:12px}
.guest-discover .discover-feature .discover-photo-stage{position:relative;inset:auto;order:0;flex:none;aspect-ratio:auto;height:clamp(220px,calc(100svh - 430px),320px);min-height:0;max-height:none;overflow:hidden;border-radius:23px;border:1px solid #ffffffd9;box-shadow:inset 0 0 0 1px #ffffff61,0 13px 28px #05133712;background:#dde4e7}
.guest-discover .discover-photo-stage:after{content:'';position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1.5px 1px #ffffffb3,inset 1px 0 1px #ffffff6b,inset 0 -1px 1px #05133729;background:linear-gradient(125deg,#ffffff1f,transparent 30%,transparent 75%,#ffffff0d)}
.guest-discover .discover-photo-stage img{transition:opacity .48s ease,transform .8s cubic-bezier(.2,.7,.3,1);animation:none}
.guest-discover .discover-photo-stage .discover-category-photo{opacity:1}
.guest-discover .discover-photo-stage.is-photo-preview .discover-category-photo{opacity:0}
.guest-discover .discover-photo-stage .discover-place-photo{opacity:0;animation:none}
.guest-discover .discover-photo-stage .discover-place-backdrop{position:absolute;inset:0;opacity:0;filter:blur(24px);transform:scale(1.14);pointer-events:none}
.guest-discover .discover-photo-stage.is-photo-preview .discover-place-backdrop.is-current{opacity:.55}
.guest-discover .discover-photo-stage.is-photo-preview .discover-place-photo.is-current{opacity:1;animation:guide-photo-reveal .65s cubic-bezier(.2,.7,.3,1) both}
.guest-discover .discover-feature-copy,.guest-discover .discover-feature:has(.is-photo-preview) .discover-feature-copy{position:relative;order:1;inset:auto;z-index:auto;padding:0 7px 6px;border:0;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;opacity:1;transform:none;pointer-events:auto;max-width:none}
.guest-discover .discover-feature-copy h3{font-size:clamp(24px,2.1vw,29px);margin:0 0 5px;line-height:1.12;letter-spacing:-.8px;color:var(--navy)}
.guest-discover .discover-feature-copy p{font-size:13px;line-height:1.5;margin:0;color:#4a5669;max-width:none}
.guest-discover .discover-photo-caption{inset:14px auto auto 14px;padding:9px 13px;border-radius:30px;max-width:calc(100% - 28px);background:var(--discover-glass-sheen),#ffffffa6;border:1px solid #ffffffc9;box-shadow:var(--discover-glass-depth);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-size:12px;font-weight:500;color:var(--navy);text-shadow:none;z-index:4}
.guest-discover .discover-places{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-content:stretch;padding:0;min-width:0}
.discover-place-browser{display:flex;flex-direction:column;min-width:0;min-height:0}
.discover-place-browser .discover-places{flex:1}
.discover-browse{display:none}
.guest-discover .discover-places li{position:relative;isolation:isolate;border:1px solid #ffffffb8;border-radius:21px;overflow:hidden;background:var(--discover-glass-sheen),#ffffff47;box-shadow:var(--discover-glass-depth);-webkit-backdrop-filter:blur(22px) saturate(105%);backdrop-filter:blur(22px) saturate(105%);transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s,background .35s}
.guest-discover .discover-place:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 12%,#ffffff7a 42%,transparent 70%);transform:translateX(-140%);transition:transform .85s cubic-bezier(.2,.7,.3,1)}
.guest-discover .discover-places a,.guest-discover .discover-places li:nth-child(n) a{padding:12px;min-height:108px;gap:6px;border-radius:inherit}
.guest-discover .discover-place-copy strong{color:var(--navy);font-size:14px;line-height:1.25;font-weight:500}
.guest-discover .discover-place-area{font-size:10px;color:#4a5669;margin-top:4px}
.guest-discover .discover-place-description{color:#3f4d61;font-size:12px;line-height:1.4;margin-top:6px}
.guest-discover .discover-place-arrow{width:24px;height:24px;flex:none;display:grid;place-items:center;border:1px solid #ffffffed;border-radius:50%;background:linear-gradient(135deg,#ffffffc2,#ffffff42);box-shadow:inset 0 1px 1px #fff,0 3px 7px #0513370b;color:var(--navy);font-size:14px;transition:transform .35s,box-shadow .35s}
.guest-discover .discover-places li:hover,.guest-discover .discover-places li:focus-within,.guest-discover .discover-places li.is-photo-preview{background:linear-gradient(135deg,#ffffffe3,#ffffff94);box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #05133709,0 11px 23px #0513370e}
.guest-discover .discover-place.is-photo-preview .discover-place-copy strong,.guest-discover .discover-places a:hover strong{text-decoration:none}
.guest-discover .discover-photo-toggle:not([hidden]){border:1px solid #fff;border-radius:50%;background:linear-gradient(135deg,#ffffffeb,#ffffff5e);box-shadow:inset 0 1px 1px #fff,0 4px 10px #0513370a;color:var(--navy)}
.guest-discover .discover-photo-toggle[aria-pressed=true]{background:var(--navy);color:#fff}
.guest-discover .discover-photo-stage{scroll-margin-top:20px}
.guest-discover .discover-places:focus-visible{outline:2px solid var(--navy);outline-offset:3px;border-radius:20px}
@keyframes guide-photo-reveal{from{opacity:0;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}
@keyframes guide-card-reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes guide-feature-reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){.guest-discover.has-discover-tabs .discover-panel:not([hidden]) .discover-feature{animation:guide-feature-reveal .65s cubic-bezier(.2,.7,.3,1) both}.guest-discover.has-discover-tabs .discover-panel:not([hidden]) .discover-place{animation:guide-card-reveal .55s cubic-bezier(.2,.7,.3,1) backwards;animation-delay:calc(65ms + var(--place-order)*45ms)}}
@media(hover:hover) and (pointer:fine){.guest-discover .discover-place:hover{transform:translateY(-3px)}.guest-discover .discover-place:hover:before{transform:translateX(140%)}.guest-discover .discover-place:hover .discover-place-arrow{transform:translate(2px,-2px);box-shadow:inset 0 1px 1px #fff,0 6px 12px #05133714}}
/* Compact desktop cards keep every place beside the landscape photograph. */
.guest-discover .discover-place-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.guest-discover .discover-place-note{font-size:9px;line-height:1.4;margin-top:4px;padding:2px 6px}
@media(min-width:1500px){.guest-discover .discover-tabs{margin-left:max(0px,calc((100% - 1200px)/2))}}
@media(min-width:801px) and (max-height:720px){
 .guest-discover{padding-block:20px}
 .guest-discover .section-heading .eyebrow{display:none}
 .guest-discover .section-heading h2{font-size:36px}
 .guest-discover .section-heading,.guest-discover .discover-tabs{margin-bottom:12px}
 .guest-discover .discover-feature-copy p{display:none}
}
@media(max-width:1050px) and (min-width:801px){
 .guest-discover .discover-panel{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:12px}
 .guest-discover .discover-feature .discover-photo-stage{height:clamp(210px,calc(100svh - 430px),290px)}
 .guest-discover .discover-places a,.guest-discover .discover-places li:nth-child(n) a{padding:10px;min-height:112px}
 .guest-discover .discover-place-arrow{display:none}
}
@media(max-width:800px){
 .guest-discover{padding:18px 5%}
 .guest-discover:after{inset:4px 8px;border-radius:30px;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
 .guest-discover .section-heading{margin-bottom:12px}
 .guest-discover .section-heading h2{font-size:36px}
 .guest-discover .section-heading .eyebrow{font-size:9px;margin-bottom:6px}
 .guest-discover .discover-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;overflow:visible;gap:3px;padding:4px;border-radius:20px;margin-bottom:12px}
 .guest-discover .discover-tabs button{grid-column:span 2;min-width:0;min-height:40px;padding:7px 3px;font-size:11px}
 .guest-discover .discover-tabs button:nth-last-child(-n+2){grid-column:span 3}
 .guest-discover .discover-panel{grid-template-columns:1fr;padding:8px;gap:10px;border-radius:24px;align-content:start}
 .guest-discover .discover-feature{display:block;min-height:0}
 .guest-discover .discover-feature-copy,.guest-discover .discover-feature:has(.is-photo-preview) .discover-feature-copy{display:none}
 .guest-discover .discover-feature .discover-photo-stage{height:clamp(145px,24svh,205px);aspect-ratio:auto;max-height:none;border-radius:17px}
 .discover-place-browser{align-self:start}
 .discover-browse:not([hidden]){display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px;margin-bottom:6px;border-radius:28px;background:var(--discover-glass-sheen),#ffffff24;box-shadow:inset 0 1px 1px #ffffff8c,inset 0 -1px 1px #00000009;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
 .discover-browse-hint{color:var(--navy);font-size:12px;font-weight:500;line-height:1.4}
 .discover-position{display:inline;margin-left:8px;color:#4a5669;font-size:11px;font-weight:400;font-variant-numeric:tabular-nums;white-space:nowrap}
 .discover-browse-arrows{display:flex;gap:5px}
 .discover-browse-arrows button{display:grid;place-items:center;width:44px;height:44px;flex:none;padding:0;border:1px solid #ffffffeb;border-radius:50%;background:var(--glass-sheen),#ffffff82;box-shadow:var(--glass-depth);color:var(--navy);font-size:21px;line-height:1}
 .discover-browse-arrows button:disabled{opacity:.3}
 .discover-browse-arrows button:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
 .guest-discover .discover-places{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(88%,360px);grid-auto-rows:1fr;gap:10px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;scrollbar-width:thin;scrollbar-color:#05133735 transparent;padding:2px 2px 7px;align-content:start;align-self:stretch;flex:none}
 .guest-discover .discover-places::-webkit-scrollbar{height:3px}
 .guest-discover .discover-places::-webkit-scrollbar-thumb{background:#05133735;border-radius:3px}
 .guest-discover .discover-places li,.guest-discover .discover-place[data-photo]{display:block;scroll-snap-align:start;scroll-snap-stop:normal;border-radius:16px}
 .guest-discover .discover-places a,.guest-discover .discover-places li:nth-child(n) a{display:block;min-height:120px;height:100%;padding:11px 12px}
 .guest-discover .discover-place-copy strong{font-size:14px;line-height:1.25;padding-right:42px}
 .guest-discover .discover-place-area{padding-right:30px;font-size:10px;line-height:1.4;margin-top:3px}
 .guest-discover .discover-place-description{font-size:12px;line-height:1.4;margin-top:6px}
 .guest-discover .discover-place[data-photo] .discover-place-arrow{display:none}
 .guest-discover .discover-photo-toggle:not([hidden]),.guest-discover .discover-places li:nth-child(n) .discover-photo-toggle{position:absolute;top:5px;right:5px;min-width:44px;width:44px;min-height:44px;height:44px;margin:0;border-radius:50%}
 .guest-discover .discover-photo-caption{top:9px;left:9px;padding:6px 10px;font-size:11px}
 .discover-atmosphere{inset:0;opacity:.05;mask-image:none;-webkit-mask-image:none}
}
@media(min-width:521px) and (max-width:800px){
 .guest-discover .discover-feature .discover-photo-stage{height:clamp(175px,28svh,240px)}
 .guest-discover .discover-places{grid-auto-columns:calc(50% - 5px)}
}
@media(max-width:800px) and (max-height:700px){
 .guest-discover{padding-block:12px}
 .guest-discover .section-heading .eyebrow{display:none}
 .guest-discover .section-heading h2{font-size:31px}
 .guest-discover .section-heading,.guest-discover .discover-tabs{margin-bottom:8px}
 .guest-discover .discover-feature .discover-photo-stage{height:clamp(100px,21svh,145px)}
 .guest-discover .discover-panel{gap:6px}
}
@media(max-width:800px) and (max-height:600px){
 .guest-discover{padding-block:6px}
 .guest-discover .discover-feature .discover-photo-stage{height:100px}
}
@media(prefers-reduced-motion:reduce){.guest-discover *, .guest-discover *:before{animation:none!important;transition:none!important}.guest-discover .discover-place:hover{transform:none}.guest-discover .discover-place:before{display:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.guest-discover:after{background:#f7f7f2e6}.guest-discover .discover-tabs,.guest-discover .discover-place{background:#ffffffe0}}
@media(prefers-reduced-transparency:reduce){.guest-discover:after,.guest-discover .discover-tabs,.guest-discover .discover-panel,.guest-discover .discover-place,.guest-discover .discover-photo-caption,.guest-discover .discover-photo-toggle,.guest-discover .discover-tab-glider,.guest-discover .discover-browse{background:#f7f7ef;-webkit-backdrop-filter:none;backdrop-filter:none}.guest-discover:before,.discover-atmosphere{display:none}}

/* One continuous mobile rail keeps each photograph in sync with its destination. */
.guest-discover.has-discover-tabs .discover-mobile-panel[hidden]{display:none!important}
.guest-discover.has-mobile-guide .discover-panel:not(.discover-mobile-panel){display:none!important}
.guest-discover .discover-mobile-panel .discover-photo-stage{touch-action:pan-y pinch-zoom;user-select:none;cursor:grab}
.guest-discover .discover-mobile-panel .discover-photo-stage:active{cursor:grabbing}
.guest-discover .discover-mobile-panel .discover-photo-stage img{pointer-events:none}
.guest-discover .discover-mobile-panel .discover-photo-toggle{display:none!important}
.guest-discover .discover-mobile-panel .discover-place-copy strong,.guest-discover .discover-mobile-panel .discover-place-area{padding-right:0}
.guest-discover.has-discover-tabs .discover-mobile-panel .discover-place{animation:none}