/* ================================================================
   Tasheel Vista v1.6.9 — CINEMATIC HEADER / ADVANCED MENU / COLOR RESET
   Final authority layer. Loads after v1.6.8.
   ================================================================ */
:root{
  --v169-ink:#15372f;
  --v169-copy:#36564a;
  --v169-copy-soft:#597166;
  --v169-ivory:#fffdf8;
  --v169-cream:#f6f0e5;
  --v169-mint:#edf6f0;
  --v169-sand:#f7ecd9;
  --v169-dark:#0f3a31;
  --v169-dark-2:#173f36;
  --v169-teal:#1f766c;
  --v169-teal-2:#2e9185;
  --v169-gold:#e3b85f;
  --v169-gold-light:#f6d88b;
  --v169-line:rgba(23,76,67,.17);
  --v169-shadow:0 18px 50px rgba(56,46,29,.11);
}

html{scroll-behavior:smooth}
body{background:var(--v169-ivory)!important;color:var(--v169-ink)!important}

/* ---------- HEADER: transparent shell, framed units ---------- */
.site-header{
  transition:background .35s ease,box-shadow .35s ease,border-color .35s ease,backdrop-filter .35s ease!important;
}
.site-header.v169-overlay{
  position:fixed!important;
  inset:0 0 auto 0!important;
  z-index:120!important;
  background:transparent!important;
  border-bottom-color:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.site-header.v169-overlay.v169-scrolled{
  background:rgba(255,253,248,.88)!important;
  border-bottom:1px solid rgba(23,76,67,.12)!important;
  box-shadow:0 10px 34px rgba(49,40,25,.10)!important;
  backdrop-filter:blur(18px) saturate(150%)!important;
}
.site-header .nav{gap:10px!important;padding-block:10px!important}
.site-header .vista-logo-brand,
.site-header .navlinks,
.site-header .nav-actions,
.site-header .menu{
  background:rgba(255,253,248,.92)!important;
  border:1px solid rgba(23,76,67,.16)!important;
  box-shadow:0 8px 24px rgba(48,39,24,.10)!important;
  backdrop-filter:blur(16px) saturate(145%)!important;
}
.site-header.v169-overlay:not(.v169-scrolled) .vista-logo-brand,
.site-header.v169-overlay:not(.v169-scrolled) .navlinks,
.site-header.v169-overlay:not(.v169-scrolled) .nav-actions,
.site-header.v169-overlay:not(.v169-scrolled) .menu{
  background:rgba(255,253,248,.84)!important;
}
.site-header .vista-logo-brand{border-radius:20px!important;padding:7px 11px!important}
.site-header .navlinks{border-radius:20px!important;padding:9px 15px!important}
.site-header .nav-actions{border-radius:20px!important;padding:6px!important}
.site-header .menu{display:grid!important;place-items:center!important;border-radius:18px!important}
.site-header .navlinks a{color:var(--v169-ink)!important}
.site-header .navlinks a:hover{color:var(--v169-teal)!important}
.site-header .menu-bars span{background:var(--v169-ink)!important}

/* ---------- ADVANCED MENU ---------- */
.v169-menu-backdrop{
  position:fixed;inset:0;z-index:198;background:rgba(9,28,23,.42);backdrop-filter:blur(10px);
  opacity:0;visibility:hidden;transition:.3s ease;
}
.v169-menu-drawer{
  position:fixed;z-index:199;top:0;right:0;height:100dvh;width:min(620px,92vw);
  background:rgba(255,253,248,.985);color:var(--v169-ink);
  transform:translateX(104%);transition:transform .42s cubic-bezier(.2,.75,.15,1);
  box-shadow:-34px 0 90px rgba(6,28,21,.22);padding:clamp(24px,4vw,48px);
  overflow:auto;border-left:1px solid rgba(23,76,67,.14)
}
.v169-menu-open .v169-menu-backdrop{opacity:1;visibility:visible}
.v169-menu-open .v169-menu-drawer{transform:translateX(0)}
.v169-menu-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid rgba(23,76,67,.12)}
.v169-menu-title{display:grid;gap:2px}.v169-menu-title small{font-size:12px;letter-spacing:.20em;text-transform:uppercase;color:#7a6951;font-weight:700}.v169-menu-title strong{font-size:clamp(28px,4vw,44px);font-weight:500;letter-spacing:-.025em}
.v169-menu-close{width:52px;height:52px;border-radius:18px;border:1px solid var(--v169-line);background:#fff;color:var(--v169-ink);position:relative;cursor:pointer}
.v169-menu-close:before,.v169-menu-close:after{content:"";position:absolute;left:15px;right:15px;top:25px;height:2px;background:currentColor;border-radius:2px}.v169-menu-close:before{transform:rotate(45deg)}.v169-menu-close:after{transform:rotate(-45deg)}
.v169-menu-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;padding-top:30px}
.v169-menu-group{display:grid;align-content:start;gap:0}
.v169-menu-group>span{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#8a6840;font-weight:800;margin:10px 0 14px}
.v169-menu-primary a{font-size:clamp(29px,4.8vw,50px);font-weight:400;letter-spacing:-.035em;line-height:1.08;color:var(--v169-ink);padding:12px 0;border-bottom:1px solid rgba(23,76,67,.10)}
.v169-menu-primary a:hover{color:var(--v169-teal)}
.v169-menu-secondary a{font-size:17px;font-weight:650;color:#38594d;padding:12px 0;border-bottom:1px solid rgba(23,76,67,.09)}
.v169-menu-secondary a:hover{color:var(--v169-teal)}
.v169-menu-card{margin-top:30px;padding:22px;border-radius:24px;background:linear-gradient(145deg,#e8f2ed,#f8f0df);border:1px solid rgba(23,76,67,.12)}
.v169-menu-card strong{display:block;font-size:22px;margin-bottom:6px}.v169-menu-card p{margin:0;color:#49675b;line-height:1.65}.v169-menu-card a{display:inline-flex;margin-top:16px;color:var(--v169-teal);font-weight:800}
body.v169-menu-open{overflow:hidden}

/* ---------- MOBILE DOCK ---------- */
.v169-mobile-dock{display:none}

/* ---------- CINEMATIC VIDEO HERO ---------- */
.v169-video-hero{position:relative!important;overflow:hidden!important;isolation:isolate;background:var(--v169-dark)!important}
.v169-video-hero>.v169-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;filter:saturate(1.10) brightness(1.07) contrast(.98)}
.v169-video-hero:after{content:""!important;position:absolute!important;inset:0!important;z-index:-2!important;background:linear-gradient(90deg,rgba(4,25,19,.70),rgba(4,25,19,.24) 50%,rgba(4,25,19,.08))!important;pointer-events:none!important;filter:none!important}
[dir="rtl"] .v169-video-hero:after{background:linear-gradient(270deg,rgba(4,25,19,.70),rgba(4,25,19,.24) 50%,rgba(4,25,19,.08))!important}
.v169-video-hero:before{content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;background:linear-gradient(180deg,rgba(4,25,19,.06),rgba(4,25,19,.12) 55%,rgba(4,25,19,.52))!important;pointer-events:none!important}
.v169-video-hero>.container{position:relative;z-index:2!important}
.hero.inventory-hero.v169-video-hero{min-height:100svh!important;padding:124px 0 52px!important;display:flex;align-items:flex-end}
.hero.inventory-hero.v169-video-hero .hero-stage{width:100%;align-items:end!important}
.hero.inventory-hero.v169-video-hero .hero-copy{
  background:rgba(8,39,31,.68)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;
  border-radius:34px!important;padding:clamp(28px,4vw,52px)!important;box-shadow:0 26px 70px rgba(7,28,22,.24)!important;backdrop-filter:blur(14px) saturate(120%)!important
}
.hero.inventory-hero.v169-video-hero .hero-copy h1{color:#fff!important;text-shadow:0 2px 20px rgba(0,0,0,.28)!important}
.hero.inventory-hero.v169-video-hero .hero-copy h1 em{color:var(--v169-gold-light)!important}
.hero.inventory-hero.v169-video-hero .hero-copy .lead{color:#edf5f0!important}
.hero.inventory-hero.v169-video-hero .hero-copy .eyebrow{color:var(--v169-gold-light)!important}
.hero.inventory-hero.v169-video-hero .hero-proof span{color:#fff!important;background:rgba(0,0,0,.18)!important;border-color:rgba(255,255,255,.24)!important}
.hero.inventory-hero.v169-video-hero .section-more{color:#fff!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:999px!important;padding:12px 18px!important}

/* Hero planner flips to light to eliminate dark-on-dark cascade */
.hero.inventory-hero.v169-video-hero .hero-planner{
  background:rgba(255,253,248,.94)!important;color:var(--v169-ink)!important;border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:0 28px 80px rgba(7,28,22,.20)!important;backdrop-filter:blur(18px) saturate(130%)!important
}
.hero.inventory-hero.v169-video-hero .hero-planner .planner-kicker{color:#895f28!important}
.hero.inventory-hero.v169-video-hero .hero-planner .planner-link{border-top-color:rgba(23,76,67,.14)!important}
.hero.inventory-hero.v169-video-hero .hero-planner .planner-link b{color:var(--v169-ink)!important}
.hero.inventory-hero.v169-video-hero .hero-planner .planner-link small{color:var(--v169-copy)!important}
.hero.inventory-hero.v169-video-hero .hero-planner .planner-link i{border-color:var(--v169-teal)!important}
.hero.inventory-hero.v169-video-hero .hero-planner .planner-foot{color:var(--v169-copy)!important;border-top-color:rgba(23,76,67,.14)!important}
.hero.inventory-hero.v169-video-hero .hero-planner .planner-foot a{color:var(--v169-teal)!important}

/* Hub/page heroes: video + one legible glass frame */
.daylight-hub-hero.v169-video-hero,.page-hero.v169-video-hero{min-height:78svh!important;padding:140px 0 56px!important;display:flex;align-items:flex-end}
.daylight-hub-hero.v169-video-hero>.container,.page-hero.v169-video-hero>.container{
  background:rgba(8,39,31,.60)!important;color:#fff!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:34px!important;
  padding:clamp(28px,5vw,58px)!important;box-shadow:0 24px 64px rgba(5,27,20,.22)!important;backdrop-filter:blur(12px) saturate(120%)!important
}
.daylight-hub-hero.v169-video-hero h1,.page-hero.v169-video-hero h1{color:#fff!important;text-shadow:none!important}
.daylight-hub-hero.v169-video-hero p,.page-hero.v169-video-hero p{color:#edf5f0!important}
.daylight-hub-hero.v169-video-hero .eyebrow,.page-hero.v169-video-hero .eyebrow{color:var(--v169-gold-light)!important}
.daylight-hub-hero.v169-video-hero .tourism-quicknav a{background:rgba(255,253,248,.92)!important;color:var(--v169-ink)!important;border-color:rgba(255,255,255,.7)!important}

.v169-video-controls{position:absolute;z-index:5;display:flex;gap:10px;inset:auto auto 26px 26px}
[dir="rtl"] .v169-video-controls{left:auto;right:26px}
.v169-video-control{width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(255,253,248,.92);color:var(--v169-ink);display:grid;place-items:center;box-shadow:0 10px 26px rgba(0,0,0,.16);cursor:pointer}
.v169-video-control svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ---------- FINAL COLOR OWNERSHIP RESET ---------- */
.section:not(.dark-band)>.container,.card,.metric,.preview-card,.form-panel,.inventory-shell,.inventory-canvas,.inventory-empty,.partner-panel,.partner-stat,.editorial-feature,.editorial-stack>a,.discovery-panel,.journey-copy,.journey-step,.related-card{
  color:var(--v169-ink)!important
}
.section:not(.dark-band) h1,.section:not(.dark-band) h2,.section:not(.dark-band) h3,.section:not(.dark-band) h4,
.card h1,.card h2,.card h3,.metric strong,.partner-panel h2,.partner-panel h3,.partner-stat strong,.partner-stat b,.inventory-shell h2,.inventory-shell h3,
.editorial-feature h2,.editorial-feature h3,.editorial-stack h2,.editorial-stack h3,.journey-copy h2,.journey-copy h3,.related-card h3{
  color:var(--v169-ink)!important;text-shadow:none!important
}
.section:not(.dark-band) p,.section:not(.dark-band) li,.section:not(.dark-band) small,.card p,.card small,.metric span:not(.kicker),.partner-panel p,.partner-stat p,.partner-stat small,.inventory-shell p,.inventory-shell small,.editorial-feature p,.editorial-stack p,.journey-copy p,.journey-step small,.related-card p{
  color:var(--v169-copy)!important
}
.dark-band>.container,.footer,.viewer-shell,.experience-bar-inner,.partner-visual,.detail-model-card,.detail-immersive-link{background:var(--v169-dark)!important;color:#fff!important}
.dark-band h1,.dark-band h2,.dark-band h3,.dark-band h4,.footer h4,.viewer-shell h2,.viewer-shell h3,.partner-visual strong,.detail-model-card h2,.detail-model-card h3,.detail-immersive-link h2,.detail-immersive-link h3{color:#fff!important;text-shadow:none!important}
.dark-band p,.dark-band small,.footer p,.footer small,.viewer-shell p,.viewer-shell small,.partner-visual p,.detail-model-card p,.detail-immersive-link p{color:#dcebe4!important}
.dark-band .eyebrow,.dark-band .kicker,.footer .eyebrow,.experience-bar-inner .eyebrow{color:var(--v169-gold-light)!important}

/* Light cards inside dark sections */
.immersive-panel .metric,.dark-band .immersive-panel .metric{background:var(--v169-ivory)!important;color:var(--v169-ink)!important}
.immersive-panel .metric strong,.dark-band .immersive-panel .metric strong{color:var(--v169-ink)!important}
.immersive-panel .metric span:not(.kicker),.dark-band .immersive-panel .metric span:not(.kicker){color:var(--v169-copy)!important}
.immersive-panel .metric .kicker,.dark-band .immersive-panel .metric .kicker{color:#835e28!important}

/* Readability and spacing */
.section-head{gap:clamp(26px,5vw,70px)!important;align-items:end!important}
.section-head h2{max-width:15ch!important;line-height:1.08!important;letter-spacing:-.035em!important}
.section-head p{max-width:52ch!important;line-height:1.82!important}
.section p,.card p,.editorial-feature p,.editorial-stack p,.partner-panel p,.journey-copy p{line-height:1.78!important}
.section-more,.text-link{margin-top:16px!important}

/* Logo always isolated on light frame even on dark fields */
.vista-logo-brand{background:linear-gradient(145deg,#fffefb,#f7efe3)!important;border:1px solid rgba(23,76,67,.15)!important;box-shadow:0 8px 24px rgba(49,39,24,.10)!important}
.footer .vista-logo-brand,.dark-band .vista-logo-brand{background:linear-gradient(145deg,#fffefb,#f7efe3)!important}

/* ---------- responsive ---------- */
@media(max-width:1180px){
  .site-header .navlinks{display:none!important}
  .site-header .menu{display:grid!important}
  .v169-menu-grid{grid-template-columns:1fr!important}
  .v169-menu-secondary{grid-template-columns:1fr 1fr;display:grid;column-gap:22px}
}
@media(max-width:760px){
  body.v169-has-dock{padding-bottom:76px!important}
  .site-header .nav{min-height:78px!important;padding:8px 0!important}
  .site-header .vista-logo-brand{padding:6px 8px!important;border-radius:17px!important}
  .site-header .vista-brand-logo{height:46px!important;max-width:190px!important}
  .site-header .nav-actions{margin-inline-start:auto!important}
  .site-header .lang-switch{width:46px!important;height:46px!important}
  .site-header .menu{width:48px!important;height:48px!important;margin-inline-start:0!important}
  .hero.inventory-hero.v169-video-hero{min-height:88svh!important;padding:104px 0 28px!important;align-items:flex-end!important}
  .hero.inventory-hero.v169-video-hero .hero-stage{display:block!important;padding-top:0!important}
  .hero.inventory-hero.v169-video-hero .hero-copy{margin:0!important;padding:28px 22px!important;border-radius:28px!important}
  .hero.inventory-hero.v169-video-hero .hero-copy h1{font-size:clamp(42px,12vw,58px)!important;line-height:1.02!important}
  .hero.inventory-hero.v169-video-hero .hero-copy .lead{font-size:17px!important;line-height:1.72!important}
  .hero.inventory-hero.v169-video-hero .hero-planner,.hero.inventory-hero.v169-video-hero .tourism-quicknav,.hero.inventory-hero.v169-video-hero .hero-proof{display:none!important}
  .daylight-hub-hero.v169-video-hero,.page-hero.v169-video-hero{min-height:76svh!important;padding:110px 0 28px!important}
  .daylight-hub-hero.v169-video-hero>.container,.page-hero.v169-video-hero>.container{padding:26px 20px!important;border-radius:28px!important}
  .daylight-hub-hero.v169-video-hero h1,.page-hero.v169-video-hero h1{font-size:clamp(40px,11vw,56px)!important;line-height:1.03!important}
  .daylight-hub-hero.v169-video-hero .tourism-quicknav{display:none!important}
  .v169-video-controls{bottom:18px;left:auto;right:18px}
  [dir="rtl"] .v169-video-controls{right:auto;left:18px}
  .v169-video-control{width:48px;height:48px}
  .section-head{display:block!important}
  .section-head h2{font-size:clamp(31px,8.3vw,40px)!important;max-width:18ch!important}
  .section-head p{font-size:17px!important;margin-top:18px!important}
  .section>.container{padding:26px 20px!important}
  .v169-menu-drawer{width:94vw;padding:22px 20px 96px}
  .v169-menu-primary a{font-size:clamp(31px,9vw,44px);padding:13px 0}
  .v169-menu-secondary{grid-template-columns:1fr}
  .v169-mobile-dock{
    position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:10px;right:10px;bottom:8px;z-index:180;
    background:rgba(255,253,248,.96);border:1px solid rgba(23,76,67,.15);border-radius:22px;box-shadow:0 14px 40px rgba(18,42,33,.18);backdrop-filter:blur(18px);overflow:hidden
  }
  .v169-mobile-dock a,.v169-mobile-dock button{appearance:none;border:0;background:transparent;color:#405d52;display:grid;place-items:center;gap:3px;padding:8px 4px 7px;font:inherit;font-size:10px;font-weight:700;cursor:pointer}
  .v169-mobile-dock a[aria-current="page"],.v169-mobile-dock button:hover{color:var(--v169-teal)}
  .v169-mobile-dock svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
}
@media(prefers-reduced-motion:reduce){.v169-hero-video{display:none!important}.v169-video-controls{display:none!important}.v169-menu-drawer,.v169-menu-backdrop{transition:none!important}}
/* High-specificity reset: video heroes must never keep legacy pseudo-image layers. */
.hero.inventory-hero.redteam-hero.v169-video-hero:after,
.daylight-hub-hero.v169-video-hero:after,
.page-hero.v169-video-hero:after{
  background-image:none!important;
  filter:none!important;
  transform:none!important;
}
.hero.inventory-hero.redteam-hero.v169-video-hero:before,
.daylight-hub-hero.v169-video-hero:before,
.page-hero.v169-video-hero:before{filter:none!important;transform:none!important}

/* ==========================================================
   v1.6.10 — DARK HERO CONTRAST HARDENING
   The base dark-green hero must remain legible even before/without JS.
   ========================================================== */
.hero.inventory-hero.redteam-hero .hero-copy,
.hero.inventory-hero .hero-copy {
  background:rgba(42,76,67,.92)!important;
  color:#fffdf8!important;
}
.hero.inventory-hero.redteam-hero .hero-copy h1,
.hero.inventory-hero .hero-copy h1,
.hero.inventory-hero.redteam-hero .hero-copy h2,
.hero.inventory-hero .hero-copy h2,
.hero.inventory-hero.redteam-hero .hero-copy h3,
.hero.inventory-hero .hero-copy h3,
.hero.inventory-hero.redteam-hero .hero-copy strong,
.hero.inventory-hero .hero-copy strong,
.hero.inventory-hero.redteam-hero .hero-copy b,
.hero.inventory-hero .hero-copy b {
  color:#fffdf8!important;
}
.hero.inventory-hero.redteam-hero .hero-copy p,
.hero.inventory-hero .hero-copy p,
.hero.inventory-hero.redteam-hero .hero-copy .lead,
.hero.inventory-hero .hero-copy .lead {
  color:#f4f0e7!important;
  opacity:1!important;
}
.hero.inventory-hero.redteam-hero .hero-copy .eyebrow,
.hero.inventory-hero .hero-copy .eyebrow,
.hero.inventory-hero.redteam-hero .hero-copy .kicker,
.hero.inventory-hero .hero-copy .kicker {
  color:#f3d58f!important;
}
.hero.inventory-hero.redteam-hero .hero-copy h1 em,
.hero.inventory-hero .hero-copy h1 em {
  color:#f3d58f!important;
}
.hero.inventory-hero.redteam-hero .hero-copy .hero-proof span,
.hero.inventory-hero .hero-copy .hero-proof span {
  color:#fffdf8!important;
}
/* Keep CTA surfaces intentionally opposite for clear affordance. */
.hero.inventory-hero.redteam-hero .hero-copy .section-more,
.hero.inventory-hero .hero-copy .section-more {
  color:#176f68!important;
  background:#fffdf8!important;
  border-color:rgba(255,255,255,.9)!important;
}
.hero.inventory-hero.redteam-hero .hero-copy .btn.primary,
.hero.inventory-hero .hero-copy .btn.primary {
  color:#173d35!important;
  background:#f3d58f!important;
}
.hero.inventory-hero.redteam-hero .hero-copy .btn:not(.primary),
.hero.inventory-hero .hero-copy .btn:not(.primary) {
  color:#173d35!important;
  background:#fffdf8!important;
}