/* Voxhala v9 · Brand Direction A, "private bank letterhead".
   Ivory paper, ink navy, brass hairlines. Cormorant Garamond for display, Jost for text.
   Loaded after styles.css on every page: it changes the look only, never the content. */
:root{
  --navy:#14233C;--navy-2:#24344F;--ink-soft:#3A4558;
  --cream:#F4EFE4;--paper:#FAF7F0;--sand:#ECE6D9;--sand-2:#D8CFBE;--line:#D8CFBE;
  --brass:#9A7B45;--gold:#7E6136;--gold-2:#C9A86E;--hair:rgba(154,123,69,.5);
  --text:#1E2737;--muted:#596070;
  --on-dark:#F4EFE4;--on-dark-2:#BCC4D1;--rule-dark:rgba(201,168,110,.24);
  --r:0px;
  --side:max(48px,calc((100% - var(--wrap))/2 + 48px));
}
body{background:var(--cream);color:var(--text)}
::selection{background:var(--navy);color:var(--cream)}
:focus-visible{outline-color:var(--brass)}

/* type */
h1,h2,h3{color:var(--navy)}
em{color:var(--gold)}
.display{letter-spacing:-.022em}
.h2{letter-spacing:-.014em}
.eyebrow{font-size:11.5px;letter-spacing:.26em;color:var(--gold)}
.eyebrow::before{width:44px;background:var(--brass);opacity:1}
.eyebrow--light{color:var(--gold-2)}.eyebrow--light::before{background:var(--gold-2)}
.textlink{border-bottom-color:var(--brass)}
.link{color:var(--gold);text-decoration-color:var(--hair);text-decoration-thickness:1px}
.link:hover{text-decoration-color:currentColor}

/* buttons: square, quiet, letterspaced */
.btn{border-radius:0;font-size:12.5px;letter-spacing:.18em;padding:19px 30px}
.btn--sm{padding:13px 20px;font-size:11.5px}
.btn--navy{background:var(--navy);border-color:var(--navy);color:var(--on-dark)}
.btn--navy:hover{background:var(--navy-2);border-color:var(--navy-2);color:#fff;box-shadow:inset 0 0 0 4px var(--navy-2),inset 0 0 0 5px rgba(201,168,110,.7)}
.btn--ghost{border-color:var(--navy);color:var(--navy)}
.btn--ghost:hover{background:var(--navy);color:var(--on-dark)}
.btn--brass{background:var(--gold-2);border-color:var(--gold-2);color:var(--navy)}
.btn--brass:hover{background:var(--on-dark);border-color:var(--on-dark);color:var(--navy)}
.btn--line-light{border-color:rgba(244,239,228,.55)}
html[lang=ar] .btn{font-size:15px}

/* disclosure + nav */
.disclosure-bar{background:var(--navy);color:var(--on-dark-2);font-size:12.5px;letter-spacing:.02em;border-bottom:1px solid rgba(201,168,110,.28)}
.disclosure-bar strong{color:var(--gold-2)}
.nav{background:rgba(244,239,228,.97);border-bottom:1px solid var(--line)}
@supports (backdrop-filter:blur(4px)){.nav{background:rgba(244,239,228,.9);backdrop-filter:blur(8px) saturate(1.05)}}
.nav__links a,.nav__ddb{color:var(--navy)}
.nav__links a:hover,.nav__ddb:hover{color:var(--gold)}
.nav__links>a::after{background:var(--brass)}
.nav__ddm{border-radius:0;border-color:var(--line);border-top:1px solid var(--brass);box-shadow:0 26px 50px -30px rgba(20,35,60,.45)}
.nav__links .nav__ddm a{border-radius:0}
.lang-switch a{color:var(--muted);border-radius:0}
.lang-switch a[aria-current]{color:var(--navy);box-shadow:inset 0 -1px 0 var(--brass)}
.nav__toggle span{background:var(--navy)}
.mobile-menu{background:var(--cream)}
.mobile-menu a:not(.btn){border-bottom-color:var(--line)}
/* the home page nav no longer floats over a photo: it is part of the letterhead */
.nav--over{margin-bottom:0;background:rgba(244,239,228,.97);border-bottom-color:var(--line)}
@supports (backdrop-filter:blur(4px)){.nav--over{background:rgba(244,239,228,.9)}}
.nav--over .logo-dark{display:block}.nav--over .logo-light{display:none}
.nav--over .nav__links a,.nav--over .nav__ddb{color:var(--navy)}
.nav--over .nav__cta{background:var(--navy);border-color:var(--navy);color:var(--on-dark)}
.nav--over .nav__cta:hover{background:var(--navy-2);color:#fff}
.nav--over .nav__toggle span{background:var(--navy)}
.nav--over .lang-switch a{color:var(--muted)}
.nav--over .lang-switch a[aria-current]{color:var(--navy);box-shadow:inset 0 -1px 0 var(--brass)}

/* home hero: a letterhead with one framed photograph */
.hero{display:grid;grid-template-columns:var(--side) minmax(0,1.14fr) minmax(0,.86fr) var(--side);min-height:0;align-items:stretch;color:var(--text);background:radial-gradient(80% 110% at 0% 0%,#FBF8F1 0%,rgba(251,248,241,0) 60%),var(--cream);border-bottom:1px solid var(--line);overflow:visible;isolation:auto}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--line);pointer-events:none}
.hero__inner{grid-column:2;grid-row:1;width:auto;max-width:none;margin:0;padding:96px 80px 92px 0;align-self:center}
[dir=rtl] .hero__inner{padding:96px 0 92px 80px}
.hero__media{position:relative;inset:auto;z-index:0;grid-column:3;grid-row:1;margin:64px 0 72px;min-height:520px;overflow:visible}
.hero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 55%;animation:none;transform:none}
.hero__media::before{content:"";position:absolute;inset:-11px;border:1px solid var(--hair);pointer-events:none}
.hero__media::after{background:none;inset:14px;border:1px solid rgba(244,239,228,.55);z-index:1}
.hero .display{color:var(--navy);font-size:clamp(50px,5.3vw,80px);line-height:1.02;max-width:11.5ch}
.hero .display em{color:var(--gold)}
.hero .eyebrow--light{color:var(--gold)}.hero .eyebrow--light::before{background:var(--brass)}
.hero__lead{color:var(--ink-soft);font-size:18.5px;max-width:520px}
.hero__ctas{margin-top:40px}
.hero .btn--brass{background:var(--navy);border-color:var(--navy);color:var(--on-dark)}
.hero .btn--brass:hover{background:var(--navy-2);border-color:var(--navy-2);color:#fff;box-shadow:inset 0 0 0 4px var(--navy-2),inset 0 0 0 5px rgba(201,168,110,.7)}
.hero .btn--line-light{border-color:var(--navy);color:var(--navy)}
.hero .btn--line-light:hover{background:var(--navy);color:var(--on-dark)}
.hero__lic{color:var(--muted);font-size:11px;letter-spacing:.2em;text-transform:uppercase;margin-top:44px;padding-top:18px;border-top:1px solid var(--line);max-width:520px}
html[lang=ar] .hero__lic{font-size:13.5px;text-transform:none}
.hero__scroll{display:none}
.hero .ph{color:var(--gold);outline-color:var(--hair);background:rgba(201,168,110,.12)}
html[lang=ar] .hero .display{font-size:clamp(40px,4.5vw,68px);line-height:1.32;max-width:13ch}
html[lang=ru] .hero .display{font-size:clamp(42px,4.3vw,64px);max-width:16ch}

/* fact band: ink navy, brass numerals */
.factband{background:var(--navy);border-bottom:1px solid rgba(201,168,110,.28)}
.facts li{border-color:var(--rule-dark)}
.facts b{color:var(--gold-2);font-weight:300}

/* photographs get a hairline frame */
.promise__img::after{inset:16px;border-color:rgba(244,239,228,.6)}
.promise__img{outline:1px solid var(--hair);outline-offset:10px;overflow:hidden}
.how__img{position:relative}
.how__img::after{content:"";position:absolute;inset:14px;border:1px solid rgba(244,239,228,.55);pointer-events:none}
.gallery figure img{filter:saturate(.92)}
.gallery figcaption{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}
.gallery figcaption span{color:var(--gold)}
.signs li span,.process__n{color:var(--gold)}
.process li{border-color:var(--line)}

/* principles: ink navy over a faint photograph */
.principles__bg img{opacity:.14;filter:grayscale(1) contrast(1.05)}
.principles__n{color:var(--gold-2)}

/* quote band */
.band__quote{background:var(--paper);outline:1px solid var(--hair);outline-offset:-10px}
.band__quote span{color:var(--gold)}

/* cards and panels */
.paycard,.gcard,.mini,.office,.broker,.ledger{border-radius:0}
.paycard{border-color:var(--line)}
.paycard:hover{border-color:var(--brass)}
.paycard__k{color:var(--gold)}
.formcard{border:1px solid var(--line);border-top:1px solid var(--line);outline:1px solid var(--hair);outline-offset:-9px;padding:52px}
.form input:not([type=checkbox]):not([type=radio]),.form select{border-bottom-color:var(--sand-2)}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--brass)}
.form label{color:var(--navy)}
.ticks li::before{background:var(--brass)}
.disclaimer{border-left:1px solid var(--brass);box-shadow:inset 2px 0 0 var(--paper),inset 3px 0 0 var(--hair)}
[dir=rtl] .disclaimer{border-left:1px solid var(--line);border-right:1px solid var(--brass);box-shadow:inset -2px 0 0 var(--paper),inset -3px 0 0 var(--hair)}
.enquire .priority__gets li{border-inline-start:1px solid var(--brass);padding-inline-start:1.15rem}
.enquire .priority__gets b{color:var(--navy);font-weight:500}
.faq__list details{border-bottom-color:var(--sand-2)}
.faq__list details:first-child{border-top-color:var(--navy)}
.guide-cta{background:var(--navy);outline:1px solid rgba(201,168,110,.45);outline-offset:-9px}
.office{outline:1px solid rgba(201,168,110,.45);outline-offset:-9px}
.mtg-hero{outline:1px solid rgba(201,168,110,.45);outline-offset:-9px}
.handover{background:var(--paper)}

/* sub-page header: letterhead, not a photo banner */
.page-hero{background:radial-gradient(90% 140% at 100% 0%,#FBF8F1 0%,rgba(251,248,241,0) 60%),var(--cream);color:var(--text);padding:108px 0 76px;border-bottom:1px solid var(--line);overflow:hidden}
.page-hero::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--line);pointer-events:none}
.page-hero::before{content:"";position:absolute;top:50%;inset-inline-end:var(--side);width:208px;height:208px;margin-top:-104px;opacity:.55;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='none' stroke='%239A7B45'%3E%3Ccircle cx='60' cy='60' r='58' stroke-width='.5'/%3E%3Ccircle cx='60' cy='60' r='54.5' stroke-width='.35'/%3E%3Cpath d='M31 80.5h58' stroke-width='.7'/%3E%3Cpath d='M35.3 76.5v-9.6M43.3 76.5v-19M51.3 76.5v-30.2M60 76.5v-40.8M68.7 76.5v-26.1M76.7 76.5v-16.7M84.7 76.5v-7.8' stroke-width='1.6' stroke-linecap='square' stroke-opacity='.7'/%3E%3C/svg%3E") center/contain no-repeat}
.page-hero .wrap{position:relative;z-index:1}
.page-hero .h2{color:var(--navy);max-width:16ch}
.page-hero .h2 em{color:var(--gold)}
.page-hero .eyebrow{color:var(--gold)}
.page-hero .eyebrow a{color:inherit;text-decoration:none}
.page-hero .sub,.page-hero p{color:var(--ink-soft)}
.page-hero .sub{max-width:640px}
.page-hero .link{color:var(--gold)}
.page-hero .btn--ghost{color:var(--navy);border-color:var(--navy)}
.page-hero .btn--ghost:hover{background:var(--navy);color:var(--on-dark)}
.page-hero .btn--brass{background:var(--navy);border-color:var(--navy);color:var(--on-dark)}
.page-hero .btn--brass:hover{background:var(--navy-2);border-color:var(--navy-2);color:#fff}
.page-hero .btn--line-light{color:var(--navy);border-color:var(--navy)}
.page-hero .ph{color:var(--gold);outline-color:var(--hair);background:rgba(201,168,110,.12)}
.page-hero--center::before{display:none}
.page-hero--center .h2{max-width:20ch}
html[lang=ar] .page-hero .h2{max-width:20ch}

/* prose: guides and legal pages */
.prose h2{color:var(--navy)}
.prose h2::before{content:"";display:block;width:44px;height:1px;background:var(--brass);margin:0 0 22px}
.sources{border-top:1px solid var(--line);padding-top:14px}

/* footer: ink navy, brass hairline */
.footer{background:var(--navy);color:var(--on-dark-2);border-top:1px solid var(--brass)}
.footer__links a:hover{color:var(--gold-2)}
.footer__legal{color:#97A1B2;border-top-color:var(--rule-dark)}
.footer .link{color:var(--gold-2)}

@media (max-width:1100px){
  .hero__inner{padding-right:56px}[dir=rtl] .hero__inner{padding-right:0;padding-left:56px}
  .page-hero::before{width:160px;height:160px;margin-top:-80px;opacity:.4}
}
@media (max-width:960px){
  .hero{display:flex;flex-direction:column}
  .hero__inner,[dir=rtl] .hero__inner{padding:72px 36px 44px}
  .hero__media{order:2;margin:0 36px 64px;min-height:0;aspect-ratio:4/3}
  .hero .display{max-width:12ch}
  .page-hero::before{display:none}
}
@media (max-width:600px){
  .hero__inner,[dir=rtl] .hero__inner{padding:52px 22px 36px}
  .hero__media{margin:0 22px 52px;aspect-ratio:5/4}
  .hero__media::before{inset:-8px}
  .hero__media::after{inset:10px}
  .hero .display{font-size:46px}
  html[lang=ar] .hero .display{font-size:38px}
  html[lang=ru] .hero .display{font-size:40px}
  .hero__lead{font-size:17px}
  .hero__ctas .btn{width:100%}
  .hero__lic{margin-top:32px}
  .page-hero{padding:68px 0 52px}
  .formcard{padding:34px 24px}
  .promise__img{outline-offset:7px}
}
@media (prefers-reduced-motion:reduce){.hero__in{opacity:1;transform:none}}
/* ===== v10b · monogram advisors (no faces) ===== */
.mono{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1/1;background:var(--paper);position:relative}
.mono::before{content:"";position:absolute;width:58%;aspect-ratio:1/1;border:1px solid var(--brass);border-radius:50%}
.mono::after{content:"";position:absolute;width:calc(58% - 10px);aspect-ratio:1/1;border:1px solid var(--hair);border-radius:50%}
.mono__i{position:relative;font:400 clamp(40px,4.4vw,64px)/1 "Cormorant",Georgia,serif;color:var(--navy);letter-spacing:0;transform:translateY(-.04em)}
.grid .card .mono{border-bottom:1px solid var(--line)}
.grid .card:hover .mono::before{border-color:var(--gold)}
.mini .mono{border:1px solid var(--line)}
.mini .mono::before{width:66%}.mini .mono::after{width:calc(66% - 6px)}
.mini .mono__i{font-size:clamp(26px,2.3vw,34px)}
.mini li:hover .mono::before{border-color:var(--gold)}
/* AI tag: quiet small-caps line inside the tile */
.mini .ai-tag,.grid .ai-tag{background:none;color:var(--gold);padding:0;top:8px;left:9px;font-size:8px;letter-spacing:.2em}
.grid .ai-tag{top:12px;left:13px;font-size:9px}
[dir=rtl] .mini .ai-tag{right:9px;left:auto}[dir=rtl] .grid .ai-tag{right:13px;left:auto}
.mini .mono,.mini .mono__i{margin:0;text-transform:none;letter-spacing:0;line-height:1;color:var(--navy)}
.mini .mono{display:flex;aspect-ratio:4/5;padding-top:16%}
.mini li>span:last-child{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:10px}
.mini b{font-size:19px;letter-spacing:0;text-transform:none;margin-bottom:2px}
html[lang=ar] .mini li>span:last-child{letter-spacing:0;font-size:12px}
.card__lang{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-top:6px}
html[lang=ar] .card__lang{letter-spacing:0;font-size:13px;text-transform:none}
/* Watch intro: a quiet text link in the card, behind a click */
.grid .card__play{position:static;aspect-ratio:auto;display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:8px 0 0;border-top:1px solid var(--line);width:100%;background:none;color:var(--navy);font:500 10.5px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;justify-content:flex-start}
.grid .card__play .card__playicon{width:20px;height:20px;border:1px solid var(--brass);background:none}
.grid .card__play .card__playicon::after{left:7px;top:5px;border-width:4.5px 0 4.5px 7px;border-color:transparent transparent transparent var(--brass)}
.grid .card__play:hover .card__playicon,.grid .card__play:focus-visible .card__playicon{background:var(--navy)}
.grid .card__play:hover{color:var(--gold)}
[dir=rtl] .grid .card__play{direction:rtl;justify-content:flex-start}
[dir=rtl] .grid .card__play .card__playicon{transform:none}
html[lang=ar] .grid .card__play{font-size:13px;letter-spacing:0}
@media (max-width:600px){.mono__i{font-size:44px}.mini .mono__i{font-size:26px}.mini .ai-tag{font-size:6.5px;top:5px;left:6px;letter-spacing:.14em}[dir=rtl] .mini .ai-tag{right:6px}.mini b{font-size:15px}.mini li>span:last-child{font-size:9px}}
html[lang=ar] .mini .ai-tag{font-size:9px!important;white-space:nowrap;letter-spacing:0;top:7px}
html[lang=ar] .grid .ai-tag{font-size:11px!important;letter-spacing:0}
html[lang=ar] .mini .mono{padding-top:20%}
@media (max-width:600px){html[lang=ar] .mini .ai-tag{font-size:7.5px!important;top:5px}html[lang=ar] .mini .mono{padding-top:22%}.mini .mono::before{width:60%}.mini .mono::after{width:calc(60% - 6px)}}
html[lang=ar] .mini .ai-tag,[dir=rtl] .mini .ai-tag{left:4px;right:4px;text-align:center;white-space:normal;font-size:9px!important;line-height:1.3;top:6px}
html[lang=ar] .mini .mono{padding-top:36%;aspect-ratio:4/5.4}
@media (max-width:600px){html[lang=ar] .mini .ai-tag,[dir=rtl] .mini .ai-tag{font-size:8px!important;top:5px;left:3px;right:3px}html[lang=ar] .mini .mono{padding-top:38%}}