/* Navigation and English reading scale — v0.6.0 */
.glass-header{top:22px;inset-inline:4%;height:86px;padding:12px 24px;gap:22px;border-radius:22px;background:#f9fbfbeb;border-color:#fff;box-shadow:0 12px 42px #0a2e4d0b;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.glass-header:after{content:'';position:absolute;bottom:-1px;inset-inline:26px;height:1px;background:linear-gradient(90deg,transparent,#0e7c7740,transparent);pointer-events:none}
.glass-header.is-scrolled{top:12px;height:76px;background:#f9fbfbf5}
.brand{width:182px}.main-nav{display:block;font-size:14px;position:static;background:none;border:0;box-shadow:none;padding:0;transform:none;opacity:1;visibility:visible}
.nav-links{display:flex;align-items:center;gap:4px}
.nav-item{position:relative;display:flex;align-items:center;justify-content:center;padding:12px 14px;line-height:1.6;font-weight:600;white-space:nowrap;cursor:default;color:#365465;transition:color .25s,background .25s;border-radius:12px}
.nav-item:after{content:'';position:absolute;bottom:5px;inset-inline:40%;height:2px;border-radius:2px;background:var(--teal);transform:scaleX(0);transition:transform .3s}
.nav-item:hover{color:var(--teal);background:#0e7c7707}.nav-item:hover:after{transform:scaleX(1)}
.nav-item[aria-current=page]{color:var(--teal);background:#e6f0ef}.nav-item[aria-current=page]:after{transform:scaleX(1)}
.nav-number,.nav-ornament,.nav-heading,.nav-footer{display:none}
.header-tools{gap:12px}.language-toggle{min-height:44px;padding:10px 14px;border:1px solid #0e7c7720;border-radius:14px;background:#fff8;font-size:13px;font-weight:500;gap:8px;transition:background .25s,border-color .25s}.language-toggle:hover{background:#e7f1f0;border-color:#0e7c7766}
.menu-toggle{display:none}.nav-backdrop{position:fixed;inset:0;z-index:79;background:#062d456b;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);opacity:0;visibility:hidden;transition:opacity .45s,visibility .45s;pointer-events:none}
html[lang=en] .nav-item{font-size:15px;letter-spacing:-.25px}
@media(min-width:1100px){
 html[lang=en] .hero-description{font-size:17px;line-height:1.85}html[lang=en] .hero-description.secondary{font-size:14px;line-height:1.9}
 html[lang=en] .concierge-card .concierge-actions .button{font-size:13px}html[lang=en] .destination-tab,html[lang=en] .city-selector>button{font-size:12px}
 html[lang=en] .section-intro,html[lang=en] .preferences-intro>p:not(.eyebrow),html[lang=en] .story-step p,html[lang=en] .preference-content>p,html[lang=en] .business-content>p:not(.eyebrow),html[lang=en] .faq-intro>p:not(.eyebrow),html[lang=en] .faq-item>p,html[lang=en] .closing-panel>p:not(.eyebrow){font-size:16px;line-height:1.85}
 html[lang=en] .audience-copy>p:not(.card-eyebrow),html[lang=en] .curated-caption>div>p:not(.mini-label),html[lang=en] .process-card>p,html[lang=en] .footer-brand>p{font-size:15px;line-height:1.85}
 html[lang=en] .button,html[lang=en] .subtle-link,html[lang=en] .journal-link,html[lang=en] .preference-tabs button,html[lang=en] .business-points>div,html[lang=en] .footer-links,html[lang=en] .phone{font-size:14px;line-height:1.7}
 html[lang=en] .eyebrow,html[lang=en] .card-eyebrow,html[lang=en] .mini-label,html[lang=en] .journal-category{font-size:12px;line-height:1.7}
 html[lang=en] .benefit h3,html[lang=en] .footer-main h3{font-size:15px}html[lang=en] .benefit p{font-size:13px;line-height:1.8}
 html[lang=en] .faq-item summary{font-size:19px;line-height:1.65}html[lang=en] .concierge-heading p{font-size:13px}
 html[lang=en] .audience-card{height:auto;min-height:480px}html[lang=en] .card-footnote{font-size:11px;line-height:1.8}
 html[lang=en] .concierge-fields label,html[lang=en] .guest-row label{font-size:12px}html[lang=en] .date-button,html[lang=en] .journey-trigger{font-size:12px}html[lang=en] .concierge-card form>small{font-size:11px}
 html[lang=en] .journal-card h3{line-height:1.5}html[lang=en] .socials,html[lang=en] .footer-bottom{font-size:12px}
}
@media(max-width:1179px){
 .glass-header{inset-inline:3%;top:16px;height:80px;padding:12px 20px;gap:16px;border-radius:20px}.glass-header.is-scrolled{top:10px;height:74px}.brand{width:170px}.header-tools{margin-inline-start:auto;gap:10px}
 .menu-toggle{display:block;flex:none;width:46px;height:46px;border:1px solid #0e7c7724;border-radius:15px;background:var(--navy);overflow:hidden;transition:background .3s,transform .3s}
 .menu-toggle>span{inset-inline-start:12px;top:17px;width:22px;height:2px;background:#fff;transition:transform .4s var(--ease),top .4s,width .4s}.menu-toggle>span+span{top:25px;width:15px}.menu-toggle[aria-expanded=true]>span{top:21px;width:22px;transform:rotate(45deg)}.menu-toggle[aria-expanded=true]>span+span{transform:rotate(-45deg)}.menu-is-open .menu-toggle{background:var(--teal);transform:rotate(90deg)}
 body.nav-is-open{overflow:hidden}.nav-is-open .nav-backdrop{visibility:visible;opacity:1;pointer-events:auto}
 .main-nav{display:flex;flex-direction:column;align-items:stretch;gap:0;position:absolute;top:calc(100% + 12px);inset-inline:0;padding:28px 34px 22px;max-height:calc(100dvh - 132px);overflow-y:auto;overscroll-behavior:contain;background:#f7faf9;border:1px solid #fff;border-radius:24px;box-shadow:0 24px 70px #052b4530;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-18px) scale(.975);transform-origin:top;clip-path:inset(0 0 100% 0 round 24px);transition:clip-path .6s var(--ease),transform .6s var(--ease),opacity .3s,visibility .6s}
 .main-nav:before{content:'';position:absolute;inset:0;background:url('assets/ashal-pattern.svg') repeat;background-size:100px;opacity:.045;pointer-events:none}
 .main-nav.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none;clip-path:inset(0 0 0 0 round 24px);animation:none}
 .nav-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;position:relative;padding-bottom:22px;color:var(--teal);font-size:12px;letter-spacing:.02em}.nav-heading i{display:block;width:30px;height:30px;border:1px solid #0e7c7750;transform:rotate(45deg);border-radius:10px 2px}
 .nav-links{display:flex;flex-direction:column;align-items:stretch;gap:0;position:relative}.nav-item,html[lang=en] .nav-item{justify-content:flex-start;gap:20px;padding:14px 0;border-bottom:1px solid #0a2e4d12;border-radius:0;font-size:clamp(22px,3vw,32px);font-weight:500;line-height:1.6;opacity:0;transform:translateY(18px);transition:opacity .4s,transform .55s var(--ease),color .3s}
 .main-nav.is-open .nav-item,html[lang=en] .main-nav.is-open .nav-item{opacity:1;transform:none;transition-delay:calc(90ms + var(--item-index)*55ms)}.nav-item[aria-current=page]{background:none}.nav-item:after{display:none}.nav-item:hover{background:none}.nav-number{display:block;font:11px Poppins,sans-serif;color:#718d96;letter-spacing:.08em}.nav-ornament{display:block;position:relative;flex:none;margin-inline-start:auto;width:11px;height:11px;border:1px solid #0e7c7740;border-radius:3px 0;transform:rotate(45deg);background:#0e7c7704}.nav-ornament:before{content:"";position:absolute;inset:3px;border-radius:50%;background:#7ba5a8}
 .nav-footer{display:flex;position:relative;align-items:center;gap:9px;margin-top:24px;font-size:11px;color:#65818b;line-height:1.8}.nav-footer:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--teal);flex:none}
}
@media(max-width:680px){
 .glass-header,.glass-header.is-scrolled{inset-inline:4%;top:12px;height:72px;padding:10px 14px;border-radius:19px}.brand{width:144px}.header-tools{gap:7px}.language-toggle{font-size:12px;padding:9px;gap:6px;border-radius:12px}.language-toggle .icon{width:17px;height:17px}.menu-toggle{width:42px;height:42px;border-radius:13px}.menu-toggle>span{inset-inline-start:10px;top:15px}.menu-toggle>span+span{top:23px}.menu-toggle[aria-expanded=true]>span{top:19px}.main-nav{padding:23px 24px 20px;max-height:calc(100dvh - 110px);border-radius:21px}.nav-heading{padding-bottom:15px;font-size:11px}.nav-item,html[lang=en] .nav-item{font-size:24px;padding:12px 0;gap:17px}.nav-footer{margin-top:20px;font-size:10px}
}
@media(max-width:370px){.brand{width:124px}.glass-header{padding-inline:11px}.header-tools{gap:5px}.language-toggle{padding:8px 7px}.main-nav{padding-inline:20px}.nav-item,html[lang=en] .nav-item{font-size:21px}}
@media(max-height:650px) and (max-width:1179px){.main-nav{padding-block:16px}.nav-heading{padding-bottom:8px}.nav-item,html[lang=en] .nav-item{font-size:21px;padding-block:8px}.nav-footer{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.main-nav,.nav-item,.menu-toggle,.menu-toggle>span,.nav-backdrop{transition:none!important;transform:none}.main-nav:not(.is-open){clip-path:none}.main-nav.is-open{clip-path:none}.menu-toggle[aria-expanded=true]>span{transform:rotate(45deg)}.menu-toggle[aria-expanded=true]>span+span{transform:rotate(-45deg)}}

/* Only completed header destinations are links. */
.main-nav a.nav-item{cursor:pointer;text-decoration:none}