/* Brand Invest V10 — bright white system and VEX-inspired video hero */
:root{
  --warm:#ffffff;
  --cream:#f4f6f8;
  --sand:#e5e7eb;
  --ink:#14243a;
  --muted:#647184;
  --v10-white:#ffffff;
  --v10-soft:#f5f7fa;
  --v10-line:rgba(3,26,51,.10);
  --v10-navy:#031a33;
}
html{background:#fff}
body,body.brand-v9{background:#fff;color:var(--ink)}
body.brand-v9 .section{background:#fff}
body.brand-v9 .section.compact{background:#fff}
body.brand-v9 .fact,
body.brand-v9 .filter-bar select,
body.brand-v9 .choice:has(input:checked){background:var(--v10-soft)}
body.brand-v9 .goal-card,
body.brand-v9 .benefit-card,
body.brand-v9 .why-card,
body.brand-v9 .area-card,
body.brand-v9 .article-card,
body.brand-v9 .contact-card,
body.brand-v9 .project-card,
body.brand-v9 .soft-panel,
body.brand-v9 .founder-card,
body.brand-v9 .modal-card,
body.brand-v9 .language-card{background:#fff}
body.brand-v9 .warm-band{
  background:#f6f8fb!important;
  border:1px solid rgba(3,26,51,.09);
  box-shadow:0 24px 70px rgba(3,26,51,.07);
}
body.brand-v9 .warm-band::after{
  background:linear-gradient(90deg,rgba(246,248,251,.98),rgba(246,248,251,.72))!important;
}
[dir="rtl"] body.brand-v9 .warm-band::after{
  background:linear-gradient(-90deg,rgba(246,248,251,.98),rgba(246,248,251,.72))!important;
}
body.brand-v9 .notice{background:#f7f9fc;border-color:#d9e0ea;color:#4a5a70}
body.brand-v9 .form-progress span{background:#e4e8ee}
body.brand-v9 .geo-section{background:#fff}
body.brand-v9 .geo-panel{background:#f6f8fb;border-color:rgba(3,26,51,.09)}
body.brand-v9 .geo-tags span{background:#eef2f6;color:#4b5b70}
body.brand-v9 .filter-bar select{background:#fff}

/* Header: glass capsule on dark hero, clean white capsule after scroll */
body.brand-v9 .site-header{
  padding:22px 0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.brand-v9 .site-header .nav-wrap{
  width:min(1320px,calc(100% - 32px));
  min-height:66px;
  padding:8px 10px 8px 18px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(2,10,18,.42);
  backdrop-filter:blur(8px) saturate(1.08);
  -webkit-backdrop-filter:blur(8px) saturate(1.08);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.14),0 14px 34px rgba(0,0,0,.10);
  transition:background .28s ease,border-color .28s ease,box-shadow .28s ease,transform .28s ease;
}
[dir="rtl"] body.brand-v9 .site-header .nav-wrap{padding:8px 18px 8px 10px}
body.brand-v9 .site-header.scrolled{padding:10px 0!important;background:transparent!important}
body.brand-v9 .site-header.scrolled .nav-wrap{
  background:rgba(255,255,255,.92);
  border-color:rgba(3,26,51,.10);
  box-shadow:0 14px 40px rgba(3,26,51,.10);
}
body.brand-v9 .site-header .nav-links{color:#fff}
body.brand-v9 .site-header.scrolled .nav-links{color:var(--v10-navy)}
body.brand-v9 .site-header .nav-links a.active,
body.brand-v9 .site-header .nav-links a:hover{color:#fff;opacity:1}
body.brand-v9 .site-header.scrolled .nav-links a.active,
body.brand-v9 .site-header.scrolled .nav-links a:hover{color:#8a642c}
body.brand-v9 .site-header .language-switcher{
  height:42px;
  min-width:116px;
  border-radius:12px;
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.16);
}
body.brand-v9 .site-header .language-switcher::after,
body.brand-v9 .site-header .language-switcher-icon{color:#fff}
body.brand-v9 .site-header.scrolled .language-switcher::after,
body.brand-v9 .site-header.scrolled .language-switcher-icon{color:var(--v10-navy)}
body.brand-v9 .site-header .btn-primary{
  min-height:42px;
  padding-inline:20px;
  border-radius:12px;
  background:#fff;
  color:#111923;
  box-shadow:none;
}
body.brand-v9 .site-header .btn-primary:hover{background:#f2f4f7;box-shadow:none}
body.brand-v9 .site-header.scrolled .btn-primary{background:var(--v10-navy);color:#fff}
body.brand-v9 .site-header .icon-button{border-radius:12px;background:rgba(255,255,255,.08)}
body.brand-v9 .site-header.scrolled .icon-button{color:var(--v10-navy);border-color:rgba(3,26,51,.14);background:#fff}
body.brand-v9 .brand-wordmark-fa{color:#fff;font-size:1.14rem}
body.brand-v9 .site-header.scrolled .brand-wordmark-fa{color:var(--v10-navy)}
body.brand-v9 .site-header .brand-wordmark-fa img{filter:brightness(0) invert(1) drop-shadow(0 3px 8px rgba(0,0,0,.18))}
body.brand-v9 .site-header.scrolled .brand-wordmark-fa img{filter:none}
body.brand-v9 .site-header .logo-on-dark{opacity:1}
body.brand-v9 .site-header .logo-on-light{opacity:0}
body.brand-v9 .site-header.scrolled .logo-on-dark{opacity:0}
body.brand-v9 .site-header.scrolled .logo-on-light{opacity:1}

/* VEX-inspired, full-screen raw video hero */
.hero-v10-video{
  position:relative;
  min-height:100svh;
  overflow:hidden;
  color:#fff;
  background:#0b1118;
  isolation:isolate;
  display:flex;
  align-items:flex-end;
}
.hero-v10-media,
.hero-v10-media video,
.hero-v10-media img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.hero-v10-media{z-index:-2;background:#0b1118}
.hero-v10-media img{object-fit:cover;object-position:center 52%;opacity:1}
.hero-v10-media video{
  object-fit:cover;
  object-position:center 52%;
  opacity:0;
  transition:opacity .8s ease;
}
.hero-v10-video.has-video .hero-v10-media video{opacity:1}
.hero-v10-video.has-video .hero-v10-media img{opacity:0}
.hero-v10-layout{
  width:min(1320px,calc(100% - 48px));
  margin:0 auto;
  padding:185px 0 58px;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);
  align-items:end;
  gap:clamp(38px,7vw,120px);
}
[dir="rtl"] .hero-v10-layout{grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr)}
.hero-v10-copy{max-width:840px;text-shadow:0 4px 24px rgba(0,0,0,.42)}
[dir="rtl"] .hero-v10-copy{grid-column:2;text-align:right}
.hero-v10-kicker{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:7px 13px;
  margin-bottom:21px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.20);
  background:rgba(0,0,0,.24);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.02em;
}
.hero-v10-title{
  margin:0 0 20px;
  max-width:980px;
  color:#fff;
  font-family:"Josefin Sans","Noto Sans Arabic",Vazirmatn,sans-serif;
  font-size:clamp(3.2rem,6.3vw,7rem);
  font-weight:500;
  line-height:.95;
  letter-spacing:-.055em;
  text-wrap:balance;
}
[dir="rtl"] .hero-v10-title{
  font-family:Vazirmatn,"Noto Sans Arabic",Tahoma,sans-serif;
  font-size:clamp(3rem,5.8vw,6.3rem);
  font-weight:500;
  line-height:1.12;
  letter-spacing:-.04em;
}
.hero-v10-title span{display:block}
.hero-v10-lead{
  max-width:720px;
  margin:0;
  color:rgba(255,255,255,.88);
  font-size:clamp(1rem,1.35vw,1.2rem);
  line-height:1.85;
}
[dir="rtl"] .hero-v10-lead{line-height:2}
.hero-v10-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
[dir="rtl"] .hero-v10-actions{direction:rtl}
.hero-v10-actions .btn{
  min-height:54px;
  border-radius:12px;
  padding-inline:27px;
}
.hero-v10-actions .btn-primary{background:#fff;color:#111923;box-shadow:none}
.hero-v10-actions .btn-primary:hover{background:#f2f4f7;box-shadow:none}
.hero-v10-actions .btn-v10-glass{
  color:#fff;
  border:1px solid rgba(255,255,255,.24);
  background:rgba(0,0,0,.28);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
.hero-v10-actions .btn-v10-glass:hover{background:#fff;color:#111923;transform:translateY(-2px)}
.hero-v10-statement{
  justify-self:end;
  align-self:end;
  max-width:470px;
  padding:17px 22px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.20);
  background:rgba(0,0,0,.30);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.12);
  font-size:clamp(1rem,1.65vw,1.42rem);
  font-weight:400;
  line-height:1.55;
  text-shadow:0 4px 18px rgba(0,0,0,.5);
}
[dir="rtl"] .hero-v10-statement{grid-column:1;grid-row:1;justify-self:start;text-align:right}
.hero-v10-copy,
.hero-v10-statement{opacity:0;transform:translateY(20px);transition:opacity .9s ease,transform .9s cubic-bezier(.22,.78,.18,1)}
.hero-v10-statement{transition-delay:.38s}
.hero-v10-video.is-ready .hero-v10-copy,
.hero-v10-video.is-ready .hero-v10-statement{opacity:1;transform:none}

/* Keep inner-page content bright and neutral */
body.brand-v9 .page-hero.v9-page-hero{background:linear-gradient(135deg,#041326,#0b2745)}
body.brand-v9 .footer{background:linear-gradient(145deg,#020f20,#031a33)}

@media(max-width:1100px){
  body.brand-v9 .site-header .nav-wrap{width:min(100% - 24px,980px)}
  .hero-v10-layout,[dir="rtl"] .hero-v10-layout{
    grid-template-columns:1fr;
    gap:30px;
    padding-top:170px;
  }
  [dir="rtl"] .hero-v10-copy,.hero-v10-copy{grid-column:1;grid-row:1}
  [dir="rtl"] .hero-v10-statement,.hero-v10-statement{grid-column:1;grid-row:2;justify-self:start}
}
@media(max-width:760px){
  body.brand-v9 .site-header{padding:12px 0!important}
  body.brand-v9 .site-header .nav-wrap{min-height:58px;padding:7px 8px 7px 12px;border-radius:15px}
  [dir="rtl"] body.brand-v9 .site-header .nav-wrap{padding:7px 12px 7px 8px}
  body.brand-v9 .site-header .logo{min-width:auto!important}
  body.brand-v9 .brand-wordmark-fa{font-size:1rem}
  body.brand-v9 .site-header .brand-wordmark-fa img{width:29px!important;height:33px!important}
  .hero-v10-layout{width:min(100% - 30px,1320px);padding:135px 0 34px;min-height:100svh;align-content:end}
  .hero-v10-title{font-size:clamp(2.8rem,13vw,4.9rem);line-height:.98}
  [dir="rtl"] .hero-v10-title{font-size:clamp(2.7rem,11.5vw,4.4rem);line-height:1.18}
  .hero-v10-lead{font-size:.98rem;line-height:1.75}
  .hero-v10-actions{gap:9px;margin-top:23px}
  .hero-v10-actions .btn{width:100%;min-height:51px}
  .hero-v10-statement{display:none}
  .hero-v10-media video,.hero-v10-media img{object-position:center center}
}
@media(prefers-reduced-motion:reduce){
  .hero-v10-copy,.hero-v10-statement,.hero-v10-media video{transition:none!important}
}

/* ============================================================
   V11 — VEX liquid-glass upgrade + cinematic hero polish
   ============================================================ */

/* Cinematic scrim over the footage so white headline stays legible (WCAG) */
.hero-v10-video::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    linear-gradient(0deg,rgba(4,12,22,.86) 0%,rgba(4,12,22,.44) 30%,rgba(4,12,22,.07) 54%,rgba(4,12,22,.32) 100%),
    linear-gradient(90deg,rgba(4,12,22,.55) 0%,rgba(4,12,22,0) 48%);
}
[dir="rtl"] .hero-v10-video::after{
  background:
    linear-gradient(0deg,rgba(4,12,22,.86) 0%,rgba(4,12,22,.44) 30%,rgba(4,12,22,.07) 54%,rgba(4,12,22,.32) 100%),
    linear-gradient(-90deg,rgba(4,12,22,.55) 0%,rgba(4,12,22,0) 48%);
}

/* Slow cinematic breath on the Istanbul footage */
.hero-v10-media video,.hero-v10-media img{
  animation:heroSlowZoom 24s ease-in-out infinite alternate;will-change:transform;
}
@keyframes heroSlowZoom{from{transform:scale(1.02)}to{transform:scale(1.09)}}

/* Liquid-glass gradient hairline — the VEX signature edge */
body.brand-v9 .site-header:not(.scrolled) .nav-wrap,
.hero-v10-kicker,
.hero-v10-statement,
.hero-v10-actions .btn-v10-glass{position:relative;overflow:hidden}
body.brand-v9 .site-header:not(.scrolled) .nav-wrap::before,
.hero-v10-kicker::before,
.hero-v10-statement::before,
.hero-v10-actions .btn-v10-glass::before{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1.4px;
  background:linear-gradient(180deg,rgba(255,255,255,.46) 0%,rgba(255,255,255,.13) 22%,rgba(255,255,255,0) 42%,rgba(255,255,255,0) 60%,rgba(255,255,255,.13) 80%,rgba(255,255,255,.44) 100%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1;
}

/* Deeper frosted glass so the surfaces read as real glass */
.hero-v10-kicker{background:rgba(6,16,28,.34);backdrop-filter:blur(9px) saturate(1.12);-webkit-backdrop-filter:blur(9px) saturate(1.12)}
.hero-v10-statement{background:rgba(6,16,28,.36);backdrop-filter:blur(12px) saturate(1.12);-webkit-backdrop-filter:blur(12px) saturate(1.12)}
.hero-v10-actions .btn-v10-glass{background:rgba(6,16,28,.34);backdrop-filter:blur(9px) saturate(1.12);-webkit-backdrop-filter:blur(9px) saturate(1.12)}
body.brand-v9 .site-header:not(.scrolled) .nav-wrap{background:rgba(6,16,28,.34);backdrop-filter:blur(12px) saturate(1.12);-webkit-backdrop-filter:blur(12px) saturate(1.12)}

/* Character-by-character headline reveal (VEX AnimatedHeading) */
.hero-v10-title .hv-word{display:inline-block;white-space:nowrap}
.hero-v10-title .hv-char{
  display:inline-block;opacity:0;transform:translateX(-14px);
  transition:opacity .55s ease,transform .6s cubic-bezier(.16,1,.3,1);
}
[dir="rtl"] .hero-v10-title .hv-char{transform:translateX(14px)}
.hero-v10-video.chars-in .hero-v10-title .hv-char{opacity:1;transform:none}

@media(prefers-reduced-motion:reduce){
  .hero-v10-media video,.hero-v10-media img{animation:none!important}
  .hero-v10-title .hv-char{opacity:1!important;transform:none!important;transition:none!important}
}

/* ============================================================
   V11 — Language switcher: clean globe + centred chevron
   (replaces the ◎ glyph and the mis-positioned ⌄ character)
   ============================================================ */
body.brand-v9 .language-switcher-icon{
  font-size:0;width:18px;height:18px;
  background-color:currentColor;
  -webkit-mask:url(../images/v8/icons-svg/language.svg) center/contain no-repeat;
  mask:url(../images/v8/icons-svg/language.svg) center/contain no-repeat;
}
body.brand-v9 .language-switcher::after{
  content:"";width:12px;height:12px;top:50%;inset-inline-end:13px;
  transform:translateY(-50%);
  background-color:currentColor;
  -webkit-mask:url(../images/v8/icons-svg/chevron-down.svg) center/contain no-repeat;
  mask:url(../images/v8/icons-svg/chevron-down.svg) center/contain no-repeat;
}

/* ============================================================
   V11 — Editorial "quiet-luxury" refinement (luxury-places.ch)
   Hybrid: the cinematic video hero is untouched; content sections
   gain airy whitespace, thin wide uppercase headings (Latin only —
   Persian keeps its cursive serif), clean photography, minimal CTAs.
   ============================================================ */

/* 1 — Generous, gallery-like whitespace */
body.brand-v9 .section{padding:150px 0}
body.brand-v9 .section.compact{padding:104px 0}
body.brand-v9 .section > .container > .reveal:first-child{margin-bottom:20px}

/* 2 — Thin, wide, uppercase section headings (English / Latin only) */
html[lang="en"] .section h2.display,
html[lang="en"] .v8-city-copy .display,
html[lang="en"] .warm-band .display,
html[lang="en"] .page-hero h1{
  font-family:"Josefin Sans","Helvetica Neue",Arial,sans-serif;
  font-weight:300;
  text-transform:uppercase;
  letter-spacing:.045em;
  line-height:1.12;
}
html[lang="en"] .section .eyebrow,
html[lang="en"] .page-hero .eyebrow{letter-spacing:.24em;font-weight:600}
/* Persian keeps elegant cursive serif headings — never uppercase/tracked */

/* 3 — Clean, photography-forward imagery (drop busy frames, soften scrims) */
body.brand-v9 .project-image{height:344px}
body.brand-v9 .project-image::before{display:none}
body.brand-v9 .project-image::after{background:linear-gradient(0deg,rgba(2,20,38,.55),transparent 58%)}
body.brand-v9 .project-card{border-radius:6px}
body.brand-v9 .project-card:hover{box-shadow:0 30px 70px rgba(3,26,51,.13)}
body.brand-v9 .v8-city-card{border-radius:8px}
body.brand-v9 .v8-band-art{border-radius:8px}
body.brand-v9 .founder-card img,
body.brand-v9 .soft-panel{border-radius:8px}

/* 4 — Minimal, editorial CTAs (rectangular; uppercase for Latin) */
body.brand-v9 .section .btn,
body.brand-v9 .warm-band .btn,
body.brand-v9 .page-hero .btn{border-radius:4px}
html[lang="en"] .section .btn,
html[lang="en"] .warm-band .btn,
html[lang="en"] .page-hero .btn{
  text-transform:uppercase;letter-spacing:.11em;font-weight:600;font-size:.76rem;
}

/* 5 — Refined cards to match the lighter, quieter palette */
body.brand-v9 .goal-card,
body.brand-v9 .why-card,
body.brand-v9 .benefit-card,
body.brand-v9 .area-card,
body.brand-v9 .article-card,
body.brand-v9 .contact-card{border-radius:8px}

@media(max-width:760px){
  body.brand-v9 .section{padding:92px 0}
  body.brand-v9 .section.compact{padding:70px 0}
  body.brand-v9 .project-image{height:280px}
}

/* Istanbul Areas page — real residential photo behind the header
   (falls back gracefully to the navy gradient if the file is absent) */
body.brand-v9[data-page="areas"] .page-hero{
  background-image:linear-gradient(90deg,rgba(3,20,38,.94),rgba(3,20,38,.60)),url(../images/photos/residential-towers.jpg);
  background-size:cover;background-position:center;background-repeat:no-repeat;
}
[dir="rtl"] body.brand-v9[data-page="areas"] .page-hero{
  background-image:linear-gradient(-90deg,rgba(3,20,38,.94),rgba(3,20,38,.60)),url(../images/photos/residential-towers.jpg);
}