/* Vantage Stays site chrome - extracted from index.html
   Includes nav, dropdowns, footer, mobile menu, hamburger.
   Linked from every sub-page so the chrome stays consistent. */

:root{--stone-800:#3A3733;--stone-700:#5A564F;--stone-400:#A9A49C;--gold-light:#D4BA88;--cream:#f3f5f7;--primary:#02373d;--primary-dark:#101828;--stone-300:#CCC8C0;--stone-200:#E2DFD9;--stone-500:#757575;--gold:#C9A96E;}
nav{position:fixed;top:0;width:100%;z-index:100;background:rgba(2,55,61,0.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,0.06);display:grid;grid-template-columns:auto 1px minmax(0,1fr) auto;grid-template-rows:auto auto;grid-template-areas:"logo divider wordmark actions" "logo divider links cta";padding:0.5rem 2.5rem;column-gap:1.1rem;row-gap:0.35rem}
.nav-logo{grid-area:logo;display:flex;align-items:center;text-decoration:none}
.nav-logo-img{display:block;height:44px;width:auto}
.nav-logo-inline{display:none}
.nav-divider{grid-area:divider;width:1px;background:rgba(255,255,255,0.2)}
.nav-wordmark{grid-area:wordmark;font-family:'Actor',sans-serif;font-size:1.45rem;letter-spacing:0.13em;text-transform:uppercase;color:#fff;line-height:1;align-self:end;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.nav-actions{grid-area:actions;display:flex;align-items:center;justify-content:space-between;align-self:center;justify-self:stretch}
.nav-links{grid-area:links;display:flex;flex-wrap:nowrap;align-items:center;gap:0.15rem;align-self:start;min-width:0}
.nav-link{font-family:'IBM Plex Mono',monospace;font-size:0.88rem;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,0.5);text-decoration:none;padding:0 0.7rem;line-height:1;transition:all 0.2s;white-space:nowrap}
.nav-link:first-child{padding-left:0}
.nav-link:hover{color:var(--gold)}
.nav-action{font-size:0.78rem;color:rgba(255,255,255,0.5);text-decoration:none;transition:color 0.2s;font-family:'IBM Plex Mono',monospace;letter-spacing:0.06em;text-transform:uppercase}
.nav-action:hover{color:#fff}
.nav-phone{color:var(--gold);font-weight:500}
.nav-phone:hover{color:#fff}
.nav-saved{display:inline-flex;align-items:center;gap:0.3rem}
.nav-saved svg{flex-shrink:0;opacity:0.5;position:relative;top:-1px}
.nav-cta-wrap{grid-area:cta;align-self:center;justify-self:end;position:relative}
.nav-cta{background:#fff;color:var(--primary);padding:0.5rem 1.35rem;border-radius:3px;font-size:0.82rem;font-weight:600;text-decoration:none;font-family:'IBM Plex Mono',monospace;letter-spacing:0.1em;text-transform:uppercase;transition:all 0.2s;cursor:pointer;white-space:nowrap;border:none;display:block;text-align:center}
.nav-cta:hover{background:var(--gold);color:var(--primary-dark);box-shadow:0 2px 12px rgba(201,169,110,0.3)}
.nav-cta:active{background:var(--gold-light);color:var(--primary-dark);box-shadow:0 2px 12px rgba(201,169,110,0.4)}
.nav-cta-wrap .cta-panel{display:none;position:absolute;top:100%;right:0;left:auto;padding-top:0.65rem;margin-top:-0.25rem;z-index:200}
.nav-cta-wrap:hover .cta-panel{display:block}
.cta-panel.dd-open{display:block}
.cta-panel-inner{background:#fff;border-radius:10px;box-shadow:0 12px 40px rgba(0,0,0,0.18);padding:0.75rem;min-width:340px}
.cta-or{font-family:'IBM Plex Mono',monospace;font-size:0.65rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--stone-400);text-align:center;padding:0.4rem 0 0.5rem}
.cta-cards{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem}
.cta-card-item{position:relative;border-radius:8px;overflow:visible;text-decoration:none;transition:all 0.2s;display:flex;flex-direction:column}
.cta-card-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.1)}
.cta-card-item .dd-item-panel{width:100%;height:60px;border-radius:6px;display:flex;align-items:center;justify-content:center}
.cta-card-item .dd-item-body{padding:0.4rem 0.25rem 0.25rem}
.cta-card-item .dd-item-desc{font-family:'IBM Plex Mono',monospace;font-size:0.68rem;color:var(--stone-500);letter-spacing:0.02em;line-height:1.45;display:flex;align-items:center;gap:0.3rem}
.cta-card-item .dd-item-desc::after{content:'';border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--stone-400);display:inline-block}
.cta-sub{display:none;position:absolute;top:100%;right:0;min-width:220px;padding-top:0.5rem;margin-top:-0.25rem;z-index:210}
.cta-card-item:hover .cta-sub{display:block}
.cta-sub.dd-open{display:block}
.cta-sub-list{background:#fff;border-radius:8px;box-shadow:0 8px 30px rgba(0,0,0,0.15);max-height:60vh;overflow-y:auto;padding:0.35rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}
.cta-sub-list a{display:block;padding:0.45rem 0.7rem;font-family:'Abhaya Libre',serif;font-size:0.85rem;color:var(--stone-700);text-decoration:none;border-radius:4px;letter-spacing:0;white-space:nowrap;transition:background 0.15s}
.cta-sub-list a:hover{background:var(--cream);color:var(--primary)}
.cta-sub-list::-webkit-scrollbar{width:8px}
.cta-sub-list::-webkit-scrollbar-track{background:rgba(0,0,0,0.03);border-radius:4px}
.cta-sub-list::-webkit-scrollbar-thumb{background:var(--stone-300);border-radius:4px;border:2px solid transparent;background-clip:padding-box}
.cta-sub-list::-webkit-scrollbar-thumb:hover{background:var(--stone-400);border:1px solid transparent;background-clip:padding-box}
.cta-sub-list{scrollbar-width:thin;scrollbar-color:var(--stone-300) rgba(0,0,0,0.03)}
.cta-filter-wrap{padding:0.35rem 0.35rem 0;position:sticky;top:0;background:#fff;z-index:1}
.cta-filter{width:100%;padding:0.4rem 0.6rem;font-family:"Abhaya Libre",serif;font-size:0.85rem;border:1px solid var(--stone-200);border-radius:4px;outline:none;color:var(--stone-700)}
.cta-filter::placeholder{color:var(--stone-400)}
.cta-filter:focus{border-color:var(--gold)}
.nav-item{position:relative}
.nav-dropdown{display:none;position:absolute;top:100%;left:0;padding-top:0.75rem;margin-top:-0.25rem;z-index:200}
.nav-item:hover .nav-dropdown{display:block}
.nav-dropdown.dd-open{display:block}
.nav-dropdown-card{background:#fff;border-radius:10px;box-shadow:0 12px 40px rgba(0,0,0,0.18);padding:0.75rem;display:grid;grid-template-columns:repeat(3,1fr);gap:0.5rem;min-width:360px}
.nav-dropdown-card.dd-list{grid-template-columns:1fr;min-width:220px;gap:0.25rem;padding:0.75rem}
.dd-item{border-radius:8px;overflow:hidden;text-decoration:none;transition:all 0.2s;display:flex;flex-direction:column}
.dd-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.1)}
.dd-item-panel{width:100%;height:60px;border-radius:6px;display:flex;align-items:center;justify-content:center}
.dd-item-panel-label{font-family:'Actor',sans-serif;font-size:0.75rem;color:#fff;letter-spacing:0.1em;text-transform:uppercase;opacity:0.9;text-align:center;line-height:1.2;padding:0 0.5rem}
.dd-color-1{background:#02373D}
.dd-color-2{background:#2D5453}
.dd-color-3{background:#C9A96E}
.dd-color-4{background:#1B3A5C}
.dd-item-body{padding:0.4rem 0.25rem 0.25rem}
.dd-item-title{display:none}
.dd-item-desc{font-family:'IBM Plex Mono',monospace;font-size:0.68rem;color:var(--stone-500);letter-spacing:0.02em;line-height:1.45}
.dd-mega{grid-template-columns:repeat(5,1fr);min-width:680px;gap:0.25rem 1rem;padding:1.25rem 1.5rem}
.dd-mega-col{display:flex;flex-direction:column;gap:0.15rem}
.dd-mega-heading{font-family:'IBM Plex Mono',monospace;font-size:0.6rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);font-weight:600;padding:0.3rem 0.4rem 0.5rem;border-bottom:1px solid var(--stone-200);margin-bottom:0.25rem}
.dd-mega-link{font-family:'Actor',sans-serif;font-size:0.78rem;color:var(--stone-700);text-decoration:none;padding:0.3rem 0.4rem;border-radius:4px;transition:all 0.15s;white-space:nowrap}
.dd-mega-link:hover{background:var(--cream);color:var(--primary)}
@media(max-width:900px){.dd-mega{grid-template-columns:repeat(3,1fr);min-width:auto}}
@media(max-width:768px){.mob-cards .dd-mega{grid-template-columns:repeat(2,1fr);min-width:0;padding:0;gap:0.75rem 1rem;background:transparent;box-shadow:none;border-radius:0}
.mob-cards .dd-mega-heading{font-size:0.58rem;padding:0.2rem 0}
.mob-cards .dd-mega-link{font-size:0.82rem;color:var(--stone-800);padding:0.35rem 0}}
.dd-list-item{display:flex;align-items:center;gap:0.6rem;padding:0.55rem 0.65rem;border-radius:6px;text-decoration:none;transition:background 0.15s}
.dd-list-item:hover{background:var(--cream)}
.dd-list-item-text{font-family:'IBM Plex Mono',monospace;font-size:0.72rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--stone-700)}
.wm-short{display:none}
.hamburger{display:none;flex-direction:column;gap:4px;cursor:pointer;background:none;border:none;padding:0.5rem}
.hamburger span{width:24px;height:2px;background:#fff;transition:all 0.3s}
.hamburger.active span{width:2px;height:14px}
.hamburger.active{flex-direction:row;gap:3px}
.mob-find-nav{display:none}
.mob-nav-bar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-around;background:rgba(2,55,61,0.97);backdrop-filter:blur(12px);padding:0.75rem 1rem;border-bottom:1px solid rgba(255,255,255,0.08)}
.mob-nav-btn{background:none;border:none;font-family:IBM Plex Mono,monospace;font-size:0.68rem;letter-spacing:0.06em;text-transform:uppercase;color:rgba(255,255,255,0.7);cursor:pointer;padding:0.35rem 0.25rem;transition:color 0.2s;white-space:nowrap}
.mob-nav-btn.mob-active{color:var(--gold)}
.mob-cards .nav-dropdown-card{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;padding:0;min-width:0;background:transparent;box-shadow:none;border-radius:0}
.mob-cards .nav-dropdown-card.dd-list{grid-template-columns:1fr;gap:0}
.mob-cards .dd-item-panel{height:50px;border-radius:6px}
.mob-cards .dd-item-panel-label{font-size:0.65rem}
.mob-cards .dd-list-item{padding:0.65rem 0.5rem;border-radius:6px}
.mob-cards .dd-list-item-text{color:var(--stone-800);font-size:0.82rem}
.mob-cards .dd-list-item:hover{background:rgba(0,0,0,0.05)}
.dp-nav{position:absolute;background:none;border:none;cursor:pointer;color:var(--primary);font-size:1.2rem;padding:0.1rem 0.4rem;border-radius:4px;transition:background 0.15s;line-height:1;top:50%;transform:translateY(-50%)}
.dp-nav:hover{background:var(--cream)}
.dp-nav.dp-prev{left:0}
.dp-nav.dp-next{right:0}
.dp-footer{display:flex;align-items:center;justify-content:center;margin-top:0.5rem;padding-top:0.5rem;border-top:1px solid var(--stone-200)}
footer{background:var(--primary-dark);padding:4rem 2.5rem 2rem;color:rgba(255,255,255,0.5)}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr 1fr;gap:2rem;max-width:1200px;margin:0 auto 3rem;align-items:start}
.footer-brand{font-family:'Actor',sans-serif;font-size:0.8rem;letter-spacing:0.15em;text-transform:uppercase;color:#fff;margin-bottom:1rem}
.footer-contact{font-size:0.85rem;line-height:2}
.footer-contact a{color:rgba(255,255,255,0.5);text-decoration:none;transition:color 0.2s}
.footer-contact a:hover{color:#fff}
.footer-col-title{font-family:'IBM Plex Mono',monospace;font-size:0.65rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--stone-400);margin-bottom:1.2rem}
.footer-links{list-style:none}
.footer-links li{margin-bottom:0.5rem}
.footer-links a{font-size:0.82rem;color:rgba(255,255,255,0.45);text-decoration:none;transition:color 0.2s}
.footer-links a:hover{color:#fff}
.footer-rule{border:none;border-top:1px solid rgba(255,255,255,0.06);max-width:1100px;margin:0 auto 1.5rem}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto}
.footer-social{display:flex;gap:0.8rem}
.footer-social a{width:30px;height:30px;border:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;font-family:'IBM Plex Mono',monospace;font-size:0.6rem;color:rgba(255,255,255,0.35);text-decoration:none;transition:all 0.2s}
.footer-social a:hover{border-color:var(--gold);color:var(--gold)}
.footer-legal{font-family:'IBM Plex Mono',monospace;font-size:0.63rem;color:rgba(255,255,255,0.25);letter-spacing:0.04em}
.footer-legal a{color:rgba(255,255,255,0.25);text-decoration:none;transition:color 0.2s}
.footer-legal a:hover{color:rgba(255,255,255,0.5)}
.footer-legal a{color:rgba(255,255,255,0.25);text-decoration:none;transition:color 0.2s}
.footer-legal a:hover{color:rgba(255,255,255,0.5)}
@media(max-width:1024px){.wm-full{display:none}
.wm-short{display:inline}
.nav-wordmark{font-size:1.25rem;letter-spacing:0.1em}
.nav-link{padding:0 0.5rem;font-size:0.78rem}
.footer-grid{grid-template-columns:1fr 1fr 1fr}
.footer-grid>div:first-child{grid-column:1 / -1}
.footer-grid > div:first-child{grid-column:1 / -1}}
@media(max-width:768px){nav{display:flex;align-items:center;padding:0.45rem 1.25rem;height:44px;box-sizing:border-box}
.nav-divider{display:none}
.nav-logo{grid-row:auto;grid-column:auto;padding:0 0.5rem 0 0;flex-shrink:0;display:flex;align-items:center;height:24px}
.nav-logo-file{display:none!important}
.nav-logo-inline{display:block!important;height:24px;width:auto}
.nav-wordmark{display:none}
.nav-actions,.nav-cta-wrap{display:none}
.mob-find-nav{display:flex;align-items:center;gap:0.4rem;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);border-radius:6px;padding:0 0.75rem;font-family:'IBM Plex Mono',monospace;font-size:0.6rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:#fff;cursor:pointer;margin:0 auto;height:24px;line-height:24px;box-sizing:border-box;transition:all 0.2s;flex-shrink:1}
.mob-find-nav:active{background:rgba(255,255,255,0.25)}
.mob-find-nav svg{width:11px;height:11px;stroke:#fff;flex-shrink:0}
.hamburger{display:flex;flex-direction:column;margin-left:0;justify-content:space-between;padding:2px 0;flex-shrink:0;height:24px}
.hamburger span{width:20px;height:1.5px}
.nav-links{display:none;flex-direction:row}
.nav-dropdown{display:none!important}
.nav-links .nav-item{position:static}
.mob-nav-bar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-around;background:rgba(2,55,61,0.97);backdrop-filter:blur(12px);padding:0.75rem 1rem;border-bottom:1px solid rgba(255,255,255,0.08)}
.mob-nav-btn{background:none;border:none;font-family:'IBM Plex Mono',monospace;font-size:0.68rem;letter-spacing:0.06em;text-transform:uppercase;color:rgba(255,255,255,0.7);cursor:pointer;padding:0.35rem 0.25rem;transition:color 0.2s;white-space:nowrap}
.mob-nav-btn.mob-active{color:var(--gold)}
.mob-cards .nav-dropdown-card{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;padding:0;min-width:0;background:transparent;box-shadow:none;border-radius:0}
.mob-cards .nav-dropdown-card.dd-list{grid-template-columns:1fr;gap:0}
.mob-cards .dd-item-panel{height:50px;border-radius:6px}
.mob-cards .dd-item-panel-label{font-size:0.65rem}
.mob-cards .dd-list-item{padding:0.65rem 0.5rem;border-radius:6px}
.mob-cards .dd-list-item-text{color:var(--stone-800);font-size:0.82rem}
.mob-cards .dd-list-item:hover{background:rgba(0,0,0,0.05)}
.footer-grid{grid-template-columns:1fr 1fr;gap:1.5rem}
.footer-grid > div:first-child{grid-column:1 / -1}
.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}
.nav-cta-wrap .nav-dropdown{display:none;position:absolute;top:100%;right:0;left:auto;padding-top:0.5rem;z-index:200}
.nav-cta-wrap:hover .nav-dropdown{display:block}
.nav-cta-wrap .nav-dropdown.dd-open{display:block}
.nav-cta-wrap .nav-dropdown-card{grid-template-columns:repeat(2,1fr);min-width:340px}