/* Careem webfont removed in v16.4: asset was not present; stable system Arabic stack is used instead. */

:root {
  --header-h: 72px;
  --ink: #141414;
  --white: #ffffff;
  --sierra-bronze: #b77a47;
  --sierra-bronze-deep: #8f5b34;
  --sierra-gold: #cf9d62;
  --line: rgba(255,255,255,.16);
  --transition: 320ms cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#0d0d0d;color:#fff;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}

.site-header{
  position:fixed;inset:0 0 auto 0;height:var(--header-h);z-index:1000;
  border-bottom:1px solid var(--line);background:transparent;color:#fff;
  transition:background var(--transition),color var(--transition),box-shadow var(--transition),border-color var(--transition)
}
.site-header.is-scrolled{
  background:rgba(255,255,255,.97);color:var(--ink);border-color:rgba(0,0,0,.08);
  box-shadow:0 10px 30px rgba(0,0,0,.08);backdrop-filter:blur(14px)
}
.nav-shell{height:100%;display:flex;align-items:center;padding:0 48px;gap:34px}
.brand{position:relative;display:flex;align-items:center;width:158px;height:58px;flex:0 0 auto}
.brand-logo{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:142px;max-height:58px;object-fit:contain}
.brand-logo--color{opacity:1}
.desktop-nav{margin-left:auto;display:flex;align-items:center;height:100%}
.desktop-nav a{
  display:flex;align-items:center;height:100%;padding:0 15px;text-transform:uppercase;
  font-size:12px;line-height:1;font-weight:700;letter-spacing:.12em;position:relative
}
.desktop-nav a::after{content:"";position:absolute;left:15px;right:15px;bottom:0;height:2px;background:currentColor;transform:scaleX(0);transform-origin:center;transition:transform 220ms ease}
.desktop-nav a:hover::after,.desktop-nav a.is-active::after{transform:scaleX(1)}
.desktop-nav a.is-active{color:var(--sierra-bronze)}
.desktop-nav a.is-active::after{background:linear-gradient(90deg,var(--sierra-bronze-deep),var(--sierra-gold))}
.site-header.is-scrolled .desktop-nav a.is-active{color:var(--sierra-bronze)}
.menu-toggle{display:none;margin-left:auto;border:0;background:transparent;color:inherit;width:44px;height:44px;padding:9px;cursor:pointer}
.menu-toggle span{display:block;height:2px;background:currentColor;margin:6px 0;transition:transform var(--transition),opacity var(--transition)}
.menu-toggle.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.menu-toggle.is-open span:nth-child(2){opacity:0}
.menu-toggle.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

.hero{height:100svh;min-height:640px;position:relative;overflow:hidden;isolation:isolate;background:#0c0c0c}
.hero-slides,.hero-slide,.hero-shade{position:absolute;inset:0}
.hero-slide{opacity:0;background-size:cover;background-position:center;transform:scale(1.035);transition:opacity 1.45s ease-in-out,transform 7.5s ease-out}
.hero-slide.is-active{opacity:1;transform:scale(1.09)}
.hero-shade{z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.40) 0%,rgba(0,0,0,.42) 42%,rgba(0,0,0,.60) 100%)}
.hero-content{position:absolute;z-index:2;left:50%;top:54%;width:min(860px,calc(100% - 64px));transform:translate(-50%,-50%);text-align:center}
.hero-eyebrow{margin:0 0 4px;font-size:clamp(24px,3.15vw,54px);font-weight:300;letter-spacing:-.035em;color:rgba(255,255,255,.92)}
.hero h1{margin:0;font-size:clamp(44px,5.1vw,78px);line-height:.98;letter-spacing:-.045em;font-weight:800;color:#fff}
.hero-copy{max-width:720px;margin:24px auto 0;color:rgba(255,255,255,.75);font-size:clamp(16px,1.35vw,21px);line-height:1.65;font-weight:300}
.hero-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:36px;min-width:176px;height:48px;padding:0 30px;border-radius:999px;background:#fff;color:#111;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.1em;transition:transform 220ms ease,background 220ms ease,color 220ms ease}
.hero-cta:hover{transform:translateY(-2px);background:#111;color:#fff}
.slide-progress{position:absolute;z-index:3;left:50%;bottom:30px;transform:translateX(-50%);display:flex;gap:9px}
.slide-progress span{width:28px;height:2px;background:rgba(255,255,255,.30);transition:background 350ms ease,width 350ms ease}
.slide-progress span.is-active{width:44px;background:#fff}

.mobile-panel{display:none}
@media (max-width: 880px){
  :root{--header-h:68px}
  .nav-shell{padding:0 22px}
  .brand{width:122px}.brand-logo{max-width:110px;max-height:54px}
  .desktop-nav{display:none}.menu-toggle{display:block}
  .mobile-panel{display:block;position:fixed;z-index:900;inset:var(--header-h) 0 auto 0;background:rgba(8,8,8,.97);color:#fff;transform:translateY(-110%);opacity:0;pointer-events:none;transition:transform var(--transition),opacity var(--transition);border-top:1px solid rgba(255,255,255,.1)}
  .mobile-panel.is-open{transform:translateY(0);opacity:1;pointer-events:auto}
  .site-header.is-scrolled + main + .mobile-panel{background:rgba(255,255,255,.98);color:#111;border-color:rgba(0,0,0,.08)}
  .mobile-panel nav{display:grid;padding:18px 24px 28px}
  .mobile-panel a{padding:16px 0;border-bottom:1px solid rgba(127,127,127,.18);text-transform:uppercase;font-size:13px;font-weight:800;letter-spacing:.1em}
  .mobile-panel a.is-active{color:var(--sierra-bronze)}
  .hero{min-height:680px}
  .hero-content{top:51%;width:calc(100% - 42px)}
  .hero-eyebrow{font-size:27px}.hero h1{font-size:clamp(45px,13.5vw,64px)}
  .hero-copy{font-size:16px;line-height:1.6;margin-top:20px}
  .hero-cta{margin-top:28px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.hero-slide{transition:opacity .2s linear;transform:none!important}}


/* STEP 1.1 — reference-detail refinements only */
.header-socials{height:100%;display:flex;align-items:center;margin-left:6px;padding-left:20px;border-left:1px solid rgba(255,255,255,.18)}
.header-socials a{width:34px;height:100%;display:flex;align-items:center;justify-content:center;color:inherit;opacity:.92;transition:opacity 180ms ease,transform 180ms ease}
.header-socials a:hover{opacity:1;transform:translateY(-1px)}
.header-socials svg{width:14px;height:14px;fill:currentColor}
.site-header.is-scrolled .header-socials{border-left-color:rgba(0,0,0,.12)}
.hero-eyebrow{font-weight:200;letter-spacing:-.025em;color:rgba(255,255,255,.86)}
.hero h1{font-size:clamp(30px,4.15vw,64px);white-space:nowrap;letter-spacing:-.035em}
.hero-cta{background:linear-gradient(135deg,#8f5b34 0%,#b77a47 52%,#cf9d62 100%);color:#fff;box-shadow:0 12px 30px rgba(95,55,25,.28)}
.hero-cta:hover{background:linear-gradient(135deg,#7d4d2c 0%,#a96d3e 55%,#c48f55 100%);color:#fff}
@media (max-width:880px){.header-socials{display:none}.hero-content{width:calc(100% - 28px)}.hero-eyebrow{font-size:clamp(22px,7vw,30px)}.hero h1{font-size:clamp(26px,8vw,38px);white-space:nowrap}}


/* =========================================================
   STEP 2 — ABOUT SIERRA
   Editorial white photographic section
   ========================================================= */
.about-section{
  position:relative;
  min-height:92svh;
  overflow:hidden;
  isolation:isolate;
  background:#f8f6f2;
  color:#181818;
}
.about-image{
  position:absolute;
  inset:0;
  z-index:-4;
  background:url("../images/about-sierra.jpeg") center 48% / cover no-repeat;
  filter:saturate(.88) contrast(.96);
  transform:scale(1.01);
}
.about-veil{
  position:absolute;
  inset:0;
  z-index:-3;
  background:
    linear-gradient(90deg,
      rgba(255,255,255,.99) 0%,
      rgba(255,255,255,.97) 30%,
      rgba(255,255,255,.88) 52%,
      rgba(255,255,255,.47) 72%,
      rgba(255,255,255,.16) 100%),
    linear-gradient(180deg,
      rgba(255,255,255,.16) 0%,
      rgba(247,241,233,.20) 100%);
}
.about-section::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(143,91,52,.35),transparent);
}
.about-shell{
  width:min(1420px,calc(100% - 112px));
  min-height:92svh;
  margin:0 auto;
  display:flex;
  align-items:center;
  padding:110px 0 96px;
}
.about-content{
  position:relative;
  width:min(680px,52vw);
  z-index:2;
}
.about-kicker{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:26px;
  text-transform:uppercase;
  letter-spacing:.20em;
  font-size:12px;
  font-weight:800;
  color:#8f5b34;
}
.about-kicker-line{
  width:44px;
  height:1px;
  background:linear-gradient(90deg,#8f5b34,#cf9d62);
}
.about-content h2{
  margin:0;
  font-size:clamp(58px,6.6vw,104px);
  line-height:.90;
  letter-spacing:-.055em;
  font-weight:300;
  color:#161616;
}
.about-content h2 span{
  display:inline-block;
  font-weight:800;
  background:linear-gradient(135deg,#8f5b34 0%,#b77a47 52%,#cf9d62 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.about-lead{
  max-width:610px;
  margin:36px 0 0;
  font-size:clamp(21px,1.65vw,28px);
  line-height:1.45;
  letter-spacing:-.02em;
  color:#2b2b2b;
  font-weight:400;
}
.about-copy{
  max-width:600px;
  margin:24px 0 0;
  font-size:16px;
  line-height:1.85;
  color:#67615b;
}
.about-pillars{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  max-width:650px;
  margin-top:36px;
  border-top:1px solid rgba(143,91,52,.24);
  border-bottom:1px solid rgba(143,91,52,.24);
}
.about-pillar{
  padding:22px 26px 22px 0;
}
.about-pillar + .about-pillar{
  padding-left:26px;
  border-left:1px solid rgba(143,91,52,.24);
}
.about-pillar strong{
  display:block;
  margin-bottom:8px;
  color:#26211e;
  font-size:14px;
  letter-spacing:.01em;
}
.about-pillar span{
  display:block;
  color:#7b746d;
  font-size:13px;
  line-height:1.55;
}
.about-link{
  display:inline-flex;
  position:relative;
  margin-top:34px;
  padding:0 0 8px;
  color:#8f5b34;
  font-size:13px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.about-link::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:2px;
  background:linear-gradient(90deg,#8f5b34,#b77a47,#cf9d62);
  transform-origin:left;
  transition:transform 240ms ease;
}
.about-link:hover::after{transform:scaleX(.58)}

.about-motif{
  position:absolute;
  right:-3vw;
  bottom:-7vh;
  z-index:-1;
  width:52vw;
  height:55vh;
  opacity:.22;
  pointer-events:none;
}
.motif-line{
  position:absolute;
  height:3px;
  background:linear-gradient(90deg,#8f5b34,#cf9d62);
  transform-origin:left center;
}
.motif-line--one{
  width:38%;
  left:0;
  bottom:16%;
  transform:rotate(-43deg);
}
.motif-line--two{
  width:42%;
  left:26%;
  bottom:48%;
  transform:rotate(47deg);
}
.motif-line--three{
  width:48%;
  left:58%;
  bottom:17%;
  transform:rotate(-50deg);
}

@media (max-width:1020px){
  .about-shell{
    width:min(100% - 64px,920px);
    min-height:auto;
    padding:100px 0 92px;
  }
  .about-content{width:min(690px,72vw)}
  .about-veil{
    background:
      linear-gradient(90deg,
        rgba(255,255,255,.99) 0%,
        rgba(255,255,255,.96) 47%,
        rgba(255,255,255,.72) 72%,
        rgba(255,255,255,.38) 100%);
  }
}

@media (max-width:700px){
  .about-section{min-height:auto}
  .about-image{
    background-position:63% center;
    filter:saturate(.82) contrast(.94);
  }
  .about-veil{
    background:
      linear-gradient(180deg,
        rgba(255,255,255,.96) 0%,
        rgba(255,255,255,.93) 48%,
        rgba(255,255,255,.82) 74%,
        rgba(247,240,231,.76) 100%);
  }
  .about-shell{
    width:calc(100% - 44px);
    min-height:auto;
    padding:88px 0 82px;
  }
  .about-content{width:100%}
  .about-kicker{margin-bottom:20px}
  .about-content h2{
    font-size:clamp(51px,15vw,72px);
    line-height:.92;
  }
  .about-lead{
    margin-top:28px;
    font-size:20px;
    line-height:1.5;
  }
  .about-copy{font-size:15px;line-height:1.75}
  .about-pillars{
    grid-template-columns:1fr;
    margin-top:30px;
  }
  .about-pillar{padding:18px 0}
  .about-pillar + .about-pillar{
    padding:18px 0;
    border-left:0;
    border-top:1px solid rgba(143,91,52,.18);
  }
  .about-motif{
    width:95vw;
    right:-36vw;
    bottom:-4vh;
    opacity:.13;
  }
}


/* STEP 2.1 — Compact two-column About refinement */
.about-section{
  min-height:640px;
}
.about-shell{
  width:min(1420px,calc(100% - 112px));
  min-height:640px;
  padding:74px 0 70px;
}
.about-content{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);
  gap:clamp(58px,7vw,120px);
  align-items:center;
}
.about-primary{
  max-width:700px;
}
.about-secondary{
  max-width:510px;
  padding-top:34px;
}
.about-content h2{
  font-size:clamp(54px,5.35vw,84px);
}
.about-lead{
  max-width:590px;
  margin-top:27px;
  font-size:clamp(19px,1.35vw,24px);
}
.about-copy{
  margin-top:0;
  max-width:500px;
  font-size:15px;
  line-height:1.78;
}
.about-pillars{
  grid-template-columns:1fr;
  margin-top:26px;
}
.about-pillar{
  padding:16px 0;
}
.about-pillar + .about-pillar{
  padding:16px 0;
  border-left:0;
  border-top:1px solid rgba(143,91,52,.18);
}
.about-link{
  margin-top:25px;
}
.about-motif{
  height:48vh;
  bottom:-14vh;
}

@media (max-width:1020px){
  .about-section{min-height:auto}
  .about-shell{
    min-height:auto;
    padding:76px 0 72px;
  }
  .about-content{
    grid-template-columns:minmax(0,1.05fr) minmax(300px,.8fr);
    gap:48px;
  }
  .about-secondary{
    padding-top:22px;
  }
}

@media (max-width:760px){
  .about-shell{
    width:calc(100% - 44px);
    padding:68px 0 64px;
  }
  .about-content{
    display:grid;
    grid-template-columns:1fr;
    gap:30px;
  }
  .about-primary,
  .about-secondary{
    max-width:none;
    padding-top:0;
  }
  .about-content h2{
    font-size:clamp(46px,13vw,64px);
  }
  .about-lead{
    margin-top:22px;
    font-size:18px;
  }
  .about-copy{
    font-size:14px;
    line-height:1.72;
  }
  .about-pillars{
    margin-top:22px;
  }
  .about-link{
    margin-top:22px;
  }
}


/* STEP 2.2 — About right-column balance + readability fix */
.about-veil{
  background:
    linear-gradient(90deg,
      rgba(255,255,255,.995) 0%,
      rgba(255,255,255,.985) 30%,
      rgba(255,255,255,.94) 50%,
      rgba(255,255,255,.79) 67%,
      rgba(255,255,255,.60) 82%,
      rgba(255,255,255,.48) 100%),
    linear-gradient(180deg,
      rgba(255,255,255,.18) 0%,
      rgba(247,241,233,.22) 100%);
}

.about-content{
  grid-template-columns:minmax(0,1.03fr) minmax(390px,.77fr);
  gap:clamp(52px,6vw,92px);
  align-items:center;
}

.about-secondary{
  max-width:540px;
  padding-top:78px;
  justify-self:start;
  transform:translateX(-22px);
}

.about-copy{
  max-width:535px;
  font-size:16px;
  line-height:1.78;
  color:#4f4a45;
}

.about-pillars{
  max-width:535px;
  margin-top:28px;
  border-color:rgba(143,91,52,.30);
}

.about-pillar{
  padding:18px 0;
}

.about-pillar + .about-pillar{
  border-top:1px solid rgba(143,91,52,.24);
}

.about-pillar strong{
  font-size:15px;
  color:#251f1b;
  margin-bottom:7px;
}

.about-pillar span{
  font-size:14px;
  color:#665f58;
  line-height:1.55;
}

.about-link{
  margin-top:28px;
  font-size:12px;
  letter-spacing:.14em;
}

.about-motif{
  right:-10vw;
  bottom:-13vh;
  width:45vw;
  height:47vh;
  opacity:.11;
}

@media (max-width:1180px){
  .about-secondary{
    transform:none;
    padding-top:54px;
  }
}

@media (max-width:1020px){
  .about-content{
    grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);
    gap:40px;
  }
  .about-secondary{
    padding-top:34px;
  }
  .about-veil{
    background:
      linear-gradient(90deg,
        rgba(255,255,255,.995) 0%,
        rgba(255,255,255,.98) 42%,
        rgba(255,255,255,.88) 69%,
        rgba(255,255,255,.68) 100%);
  }
}

@media (max-width:760px){
  .about-secondary{
    padding-top:0;
  }
  .about-veil{
    background:
      linear-gradient(180deg,
        rgba(255,255,255,.97) 0%,
        rgba(255,255,255,.95) 52%,
        rgba(255,255,255,.89) 78%,
        rgba(247,240,231,.84) 100%);
  }
  .about-copy{
    font-size:15px;
  }
  .about-pillar strong{
    font-size:14px;
  }
  .about-pillar span{
    font-size:13px;
  }
  .about-motif{
    right:-42vw;
    bottom:-5vh;
    width:100vw;
    opacity:.08;
  }
}


/* STEP 2.3 — CTA capability cards + Sierra shape */
.about-actions-wrap{
  position:relative;
  margin-top:28px;
  isolation:isolate;
}
.about-shape{
  position:absolute;
  z-index:-1;
  width:128%;
  height:170%;
  left:-18%;
  top:-36%;
  background:
    linear-gradient(135deg,#8f5b34 0%,#b77a47 52%,#cf9d62 100%);
  -webkit-mask:url("../images/sierra-about-shape.webp") center / contain no-repeat;
  mask:url("../images/sierra-about-shape.webp") center / contain no-repeat;
  opacity:.20;
  pointer-events:none;
  transform:rotate(-1deg);
}
.about-pillars{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  max-width:535px;
  margin-top:0;
  border:0;
}
.about-pillar--cta{
  display:flex;
  min-height:118px;
  flex-direction:column;
  justify-content:center;
  padding:20px 20px;
  border:1px solid rgba(143,91,52,.24);
  border-radius:6px;
  background:rgba(255,255,255,.78);
  box-shadow:0 12px 35px rgba(81,52,29,.08);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
  transition:
    transform 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease,
    background 220ms ease;
}
.about-pillar--cta + .about-pillar--cta{
  padding:20px;
  border-left:1px solid rgba(143,91,52,.24);
  border-top:1px solid rgba(143,91,52,.24);
}
.about-pillar--cta::before{
  content:"";
  width:30px;
  height:2px;
  margin-bottom:14px;
  background:linear-gradient(90deg,#8f5b34,#b77a47,#cf9d62);
  transition:width 220ms ease;
}
.about-pillar--cta strong{
  font-size:14px;
  line-height:1.25;
  color:#28201b;
}
.about-pillar--cta span{
  margin-top:4px;
  font-size:12.5px;
  line-height:1.5;
  color:#625a53;
}
.about-pillar--cta:hover{
  transform:translateY(-4px);
  border-color:rgba(143,91,52,.46);
  background:rgba(255,255,255,.91);
  box-shadow:0 18px 42px rgba(81,52,29,.13);
}
.about-pillar--cta:hover::before{
  width:52px;
}
.about-link{
  margin-top:24px;
}

@media (max-width:1020px){
  .about-pillars{
    grid-template-columns:1fr;
  }
  .about-pillar--cta{
    min-height:96px;
  }
  .about-shape{
    width:132%;
    height:154%;
    left:-22%;
    top:-23%;
    opacity:.16;
  }
}

@media (max-width:760px){
  .about-actions-wrap{
    margin-top:22px;
  }
  .about-pillars{
    grid-template-columns:1fr;
    gap:10px;
  }
  .about-pillar--cta,
  .about-pillar--cta + .about-pillar--cta{
    padding:18px 18px;
    min-height:92px;
  }
  .about-shape{
    width:150%;
    height:145%;
    left:-34%;
    top:-20%;
    opacity:.12;
  }
}


/* STEP 2.4 — mobile About stacking + reliable logo scroll color */

/* Logo: white over hero, exact CTA-gradient asset when scrolling */
header img[src*="sierra-logo"]{
  filter:brightness(0) invert(1) !important;
  transition:filter .28s ease, opacity .28s ease !important;
}
header img[src*="sierra-logo"].logo-scrolled{
  filter:none !important;
}

/* Mobile About must be true vertical flow:
   primary block first, then secondary block below it */
@media (max-width:760px){
  .about-content{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:28px !important;
  }

  .about-primary,
  .about-secondary{
    width:100% !important;
    max-width:none !important;
    transform:none !important;
    padding:0 !important;
    margin:0 !important;
  }

  .about-secondary{
    order:2;
  }

  .about-primary{
    order:1;
  }

  .about-lead{
    max-width:none !important;
  }

  .about-copy{
    max-width:none !important;
    margin-top:0 !important;
  }

  .about-actions-wrap{
    width:100% !important;
  }

  .about-pillars{
    width:100% !important;
    max-width:none !important;
    grid-template-columns:1fr !important;
  }

  .about-pillar--cta,
  .about-pillar--cta + .about-pillar--cta{
    width:100% !important;
    min-height:0 !important;
  }

  .about-link{
    display:inline-flex;
    margin-top:22px !important;
  }

  .about-shape{
    width:140% !important;
    height:135% !important;
    left:-28% !important;
    top:-14% !important;
    opacity:.10 !important;
  }
}

/* STEP 2.5b — isolated mobile menu redesign. Does not alter header/hero. */
@media (max-width:880px){
  .mobile-panel{
    display:block !important;
    position:fixed !important;
    z-index:900 !important;
    top:var(--header-h) !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    height:calc(100svh - var(--header-h)) !important;
    min-height:0 !important;
    overflow:hidden !important;
    color:#fff !important;
    border-top:1px solid rgba(255,255,255,.10) !important;
    background:
      radial-gradient(ellipse 72% 48% at 92% 18%,rgba(207,157,98,.18) 0%,rgba(143,91,52,.09) 34%,transparent 68%),
      radial-gradient(ellipse 60% 38% at 3% 92%,rgba(183,122,71,.11) 0%,transparent 70%),
      linear-gradient(145deg,#050505 0%,#0a0908 54%,#020202 100%) !important;
    transform:translateY(-105%) !important;
    opacity:0 !important;
    pointer-events:none !important;
    transition:transform .42s cubic-bezier(.22,.75,.18,1),opacity .3s ease !important;
  }
  .mobile-panel.is-open{
    transform:translateY(0) !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }
  /* prevent old scrolled rule from turning menu white */
  .site-header.is-scrolled + main + .mobile-panel{
    color:#fff !important;
    border-top-color:rgba(255,255,255,.10) !important;
    background:
      radial-gradient(ellipse 72% 48% at 92% 18%,rgba(207,157,98,.18) 0%,rgba(143,91,52,.09) 34%,transparent 68%),
      radial-gradient(ellipse 60% 38% at 3% 92%,rgba(183,122,71,.11) 0%,transparent 70%),
      linear-gradient(145deg,#050505 0%,#0a0908 54%,#020202 100%) !important;
  }
  .mobile-panel-inner{
    height:100%;
    display:flex;
    flex-direction:column;
    padding:22px 28px max(28px,env(safe-area-inset-bottom));
  }
  .mobile-panel nav{
    display:flex !important;
    flex-direction:column;
    padding:0 !important;
  }
  .mobile-panel nav > a{
    display:flex;
    align-items:center;
    min-height:61px;
    padding:0 !important;
    border-bottom:1px solid rgba(255,255,255,.11) !important;
    color:rgba(255,255,255,.92) !important;
    font-size:14px !important;
    font-weight:750 !important;
    letter-spacing:.13em !important;
    text-transform:uppercase;
    transition:color .2s ease,padding-left .2s ease !important;
  }
  .mobile-panel nav > a.is-active{
    color:#cf9d62 !important;
  }
  .mobile-panel nav > a:hover{
    color:#cf9d62 !important;
    padding-left:8px !important;
  }
  .mobile-menu-footer{
    margin-top:auto;
    padding-top:22px;
  }
  .mobile-menu-rule{
    height:1px;
    background:linear-gradient(90deg,rgba(255,255,255,.16),rgba(207,157,98,.48),rgba(255,255,255,.05));
    margin-bottom:19px;
  }
  .mobile-menu-footer p{
    margin:0 0 15px;
    color:rgba(255,255,255,.48);
    font-size:10px;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;
  }
  .mobile-menu-socials{
    display:flex;
    gap:10px;
  }
  .mobile-menu-socials a{
    width:42px !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 !important;
    display:grid !important;
    place-items:center;
    border:1px solid rgba(255,255,255,.16) !important;
    border-radius:50%;
    color:#fff !important;
    background:rgba(255,255,255,.025);
  }
  .mobile-menu-socials svg{
    width:15px;
    height:15px;
    fill:currentColor;
  }
}


/* =========================================================
   STEP 2.7 — About background reset
   Remove photographic interference; use only Sierra outline motif
   ========================================================= */

.about-section{
  background:#f7f5f1 !important;
}

.about-image{
  display:none !important;
}

.about-veil{
  display:none !important;
}

.about-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;

  /* CTA-matched bronze/camel gradient, applied through Sierra outline mask */
  background:linear-gradient(
    135deg,
    #8f5b34 0%,
    #b77a47 52%,
    #cf9d62 100%
  );

  -webkit-mask:url("../images/about-outline-full.webp") center / cover no-repeat;
  mask:url("../images/about-outline-full.webp") center / cover no-repeat;

  opacity:.22;
}

.about-section::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.92),rgba(247,245,241,.96)),
    linear-gradient(90deg,rgba(255,255,255,.88),rgba(255,255,255,.70));
}

.about-motif,
.about-shape{
  display:none !important;
}

/* Restore the clean approved compact composition */
.about-content{
  position:relative;
  z-index:2;
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1.03fr) minmax(390px,.77fr);
  gap:clamp(52px,6vw,92px);
  align-items:center;
}

.about-primary{
  max-width:700px;
}

.about-secondary{
  max-width:540px;
  padding-top:54px;
  transform:none !important;
}

.about-copy{
  max-width:535px;
  font-size:16px;
  line-height:1.78;
  color:#4f4a45;
}

.about-pillars{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  max-width:535px;
  margin-top:28px;
  border:0;
}

.about-pillar--cta{
  display:flex;
  min-height:118px;
  flex-direction:column;
  justify-content:center;
  padding:20px;
  border:1px solid rgba(143,91,52,.24) !important;
  border-radius:6px;
  background:rgba(255,255,255,.86) !important;
  box-shadow:0 12px 35px rgba(81,52,29,.07);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}

.about-pillar--cta::before{
  content:"";
  width:30px;
  height:2px;
  margin-bottom:14px;
  background:linear-gradient(90deg,#8f5b34,#b77a47,#cf9d62);
}

.about-pillar--cta strong{
  display:block;
  margin-bottom:8px;
  font-size:14px;
  color:#28201b;
}

.about-pillar--cta span{
  display:block;
  font-size:12.5px;
  line-height:1.5;
  color:#625a53;
}

/* Hide any 01/02 numbering introduced in the stronger pass */
.about-pillar-number{
  display:none !important;
}

.about-pillar-text{
  display:block !important;
}

.about-link{
  display:inline-flex;
  margin-top:24px;
  padding:0 0 8px;
  color:#8f5b34;
  font-size:13px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  background:transparent !important;
  border:0 !important;
}

.about-link::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:2px;
  background:linear-gradient(90deg,#8f5b34,#b77a47,#cf9d62);
}

/* Mobile: clean stacked flow, outline still fills entire section */
@media (max-width:760px){
  .about-section::before{
    -webkit-mask-size:auto 100%;
    mask-size:auto 100%;
    -webkit-mask-position:center;
    mask-position:center;
    opacity:.16;
  }

  .about-content{
    display:flex !important;
    flex-direction:column !important;
    gap:28px !important;
  }

  .about-primary,
  .about-secondary{
    width:100% !important;
    max-width:none !important;
    padding:0 !important;
    transform:none !important;
  }

  .about-pillars{
    grid-template-columns:1fr !important;
    max-width:none !important;
    width:100% !important;
  }

  .about-pillar--cta{
    width:100% !important;
    min-height:92px !important;
  }
}


/* =========================================================
   STEP 2.8 — Pure-color About background
   Keep approved colors; remove every image/pattern/motif
   ========================================================= */
.about-section{
  background:#f7f5f1 !important;
  background-image:none !important;
}

.about-section::before{
  display:none !important;
  content:none !important;
  background:none !important;
  -webkit-mask:none !important;
  mask:none !important;
}

.about-section::after{
  content:"";
  display:block !important;
  position:absolute;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.92),rgba(247,245,241,.96)),
    linear-gradient(90deg,rgba(255,255,255,.88),rgba(255,255,255,.70)) !important;
}

.about-image,
.about-veil,
.about-motif,
.about-shape{
  display:none !important;
  background-image:none !important;
}


/* =========================================================
   STEP 3 — SERVICES / CAPABILITIES
   Inspired by the supplied reference, rebuilt for Sierra
   ========================================================= */
.services-section{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg,#ffffff 0%,#fbfaf8 100%);
  color:#171717;
}

.services-shell{
  position:relative;
  z-index:2;
  width:min(1420px,calc(100% - 112px));
  margin:0 auto;
  padding:90px 0 88px;
}

.services-heading{
  max-width:760px;
  margin:0 auto 58px;
  text-align:center;
}

.services-eyebrow{
  display:block;
  margin-bottom:2px;
  font-size:clamp(32px,3.5vw,52px);
  line-height:1;
  font-weight:200;
  letter-spacing:-.04em;
  color:#2a2725;
}

.services-heading h2{
  margin:0;
  font-size:clamp(48px,5.2vw,74px);
  line-height:.96;
  font-weight:800;
  letter-spacing:-.045em;
  background:linear-gradient(135deg,#8f5b34 0%,#b77a47 52%,#cf9d62 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.services-heading p{
  max-width:650px;
  margin:18px auto 0;
  font-size:17px;
  line-height:1.65;
  color:#77716b;
}

.services-watermark{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  opacity:.055;
  display:flex;
  align-items:center;
  justify-content:center;
  transform:translateY(44px) scale(1.18);
}

.services-watermark svg{
  width:min(1050px,86vw);
  height:auto;
  fill:none;
  stroke:#9a633a;
  stroke-width:9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.services-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  border-top:1px solid rgba(143,91,52,.14);
  border-left:1px solid rgba(143,91,52,.10);
}

.service-item{
  position:relative;
  display:grid;
  grid-template-columns:64px 1fr;
  gap:18px;
  min-height:250px;
  padding:38px 34px 34px;
  border-right:1px solid rgba(143,91,52,.10);
  border-bottom:1px solid rgba(143,91,52,.14);
  background:rgba(255,255,255,.66);
  transition:
    transform .24s ease,
    background .24s ease,
    box-shadow .24s ease;
}

.service-item::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:0;
  height:3px;
  background:linear-gradient(90deg,#8f5b34,#b77a47,#cf9d62);
  transition:width .28s ease;
}

.service-item:hover{
  z-index:3;
  transform:translateY(-4px);
  background:rgba(255,255,255,.94);
  box-shadow:0 18px 44px rgba(72,45,25,.08);
}

.service-item:hover::after{
  width:100%;
}

.service-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  color:#a66c3e;
  border:1px solid rgba(166,108,62,.22);
  border-radius:50%;
  background:rgba(255,255,255,.74);
}

.service-icon svg{
  width:28px;
  height:28px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.service-copy h3{
  margin:0;
  font-size:22px;
  line-height:1.15;
  letter-spacing:-.025em;
  color:#1e1b19;
}

.service-copy > span{
  display:block;
  margin-top:5px;
  font-size:14px;
  color:#8c6a50;
  font-weight:500;
}

.service-copy p{
  margin:16px 0 0;
  font-size:14px;
  line-height:1.72;
  color:#716b66;
}

.services-footer{
  display:flex;
  justify-content:center;
  margin-top:38px;
}

.services-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 26px;
  border:1px solid rgba(143,91,52,.28);
  color:#8f5b34;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  background:rgba(255,255,255,.72);
  transition:all .24s ease;
}

.services-cta:hover{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg,#8f5b34,#b77a47 52%,#cf9d62);
  box-shadow:0 12px 28px rgba(81,52,29,.12);
}

@media (max-width:1080px){
  .services-shell{
    width:min(100% - 64px,980px);
  }
  .services-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:700px){
  .services-shell{
    width:calc(100% - 44px);
    padding:74px 0 72px;
  }

  .services-heading{
    margin-bottom:42px;
    text-align:left;
  }

  .services-heading p{
    margin-left:0;
    max-width:none;
    font-size:15px;
  }

  .services-eyebrow{
    font-size:34px;
  }

  .services-heading h2{
    font-size:48px;
  }

  .services-watermark{
    opacity:.045;
    align-items:flex-start;
    transform:translateY(110px) scale(1.55);
  }

  .services-grid{
    grid-template-columns:1fr;
    border-left:0;
  }

  .service-item{
    grid-template-columns:54px 1fr;
    min-height:0;
    padding:28px 6px 28px 0;
    border-right:0;
    background:transparent;
  }

  .service-item:hover{
    transform:none;
    box-shadow:none;
    background:transparent;
  }

  .service-icon{
    width:46px;
    height:46px;
  }

  .service-copy h3{
    font-size:20px;
  }

  .service-copy p{
    font-size:13.5px;
  }

  .services-footer{
    justify-content:flex-start;
    margin-top:28px;
  }
}

/* STEP 3.1 — Slightly stronger Sierra watermark */
.services-watermark{
  opacity:.085 !important;
}
@media (max-width:700px){
  .services-watermark{
    opacity:.065 !important;
  }
}


/* =========================================================
   STEP 4 — MARKETS / GLOBAL REACH
   Dark editorial counterpoint to the light About + Services
   ========================================================= */
.markets-section{
  --market-gold-1:#8f5b34;
  --market-gold-2:#b77a47;
  --market-gold-3:#cf9d62;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 18%,rgba(183,122,71,.12),transparent 26%),
    radial-gradient(circle at 12% 82%,rgba(143,91,52,.09),transparent 28%),
    linear-gradient(135deg,#0c0b0a 0%,#14110f 48%,#090909 100%);
  color:#fff;
}

.markets-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.18;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 82%);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 82%);
}

.markets-glow{
  position:absolute;
  z-index:-1;
  width:420px;
  height:420px;
  border-radius:50%;
  filter:blur(105px);
  opacity:.14;
  pointer-events:none;
  background:#c68b52;
}
.markets-glow--one{right:-100px;top:5%;}
.markets-glow--two{left:-170px;bottom:-150px;opacity:.09;}

.markets-mountain{
  position:absolute;
  z-index:-1;
  left:50%;
  bottom:-70px;
  width:max(1100px,105vw);
  transform:translateX(-50%);
  fill:none;
  stroke:url(#none);
  opacity:.16;
  pointer-events:none;
}
.markets-mountain path{
  fill:none;
  stroke:#b77a47;
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.markets-shell{
  width:min(1440px,calc(100% - 112px));
  margin:0 auto;
  padding:96px 0 82px;
}

.markets-header{
  padding-bottom:54px;
  border-bottom:1px solid rgba(255,255,255,.12);
}

.markets-kicker{
  display:flex;
  align-items:center;
  gap:15px;
  margin-bottom:30px;
}
.markets-kicker span{
  width:42px;
  height:1px;
  background:linear-gradient(90deg,var(--market-gold-1),var(--market-gold-3));
}
.markets-kicker b{
  font-size:12px;
  letter-spacing:.19em;
  text-transform:uppercase;
  color:#d2a06b;
}

.markets-title-row{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(330px,.6fr);
  gap:80px;
  align-items:end;
}
.markets-title-row h2{
  margin:0;
  font-size:clamp(52px,5.8vw,88px);
  line-height:.92;
  letter-spacing:-.055em;
  font-weight:700;
}
.markets-title-row h2 em{
  font-style:normal;
  font-weight:300;
  background:linear-gradient(100deg,#9a6239,#d6a66d);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.markets-title-row p{
  margin:0 0 5px;
  max-width:500px;
  font-size:15px;
  line-height:1.75;
  color:rgba(255,255,255,.58);
}

.markets-hq{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-bottom:1px solid rgba(255,255,255,.12);
}

.hq-card{
  position:relative;
  min-height:410px;
  padding:36px 42px 34px;
  overflow:hidden;
  transition:background .3s ease;
}
.hq-card:first-child{
  border-right:1px solid rgba(255,255,255,.12);
}
.hq-card::before{
  content:"";
  position:absolute;
  inset:auto -15% -65% auto;
  width:420px;
  height:420px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(183,122,71,.19),transparent 68%);
  opacity:0;
  transition:opacity .35s ease,transform .45s ease;
}
.hq-card:hover{
  background:rgba(255,255,255,.025);
}
.hq-card:hover::before{
  opacity:1;
  transform:translate(-30px,-28px);
}

.hq-topline{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.hq-number{
  font-size:12px;
  letter-spacing:.16em;
  color:rgba(255,255,255,.34);
}
.hq-status{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:#c99863;
}
.hq-status i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#c99863;
  box-shadow:0 0 0 5px rgba(201,152,99,.08);
}

.hq-content{
  position:relative;
  z-index:2;
  max-width:560px;
  margin-top:92px;
}
.hq-country{
  display:block;
  margin-bottom:5px;
  font-size:13px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(255,255,255,.45);
}
.hq-content h3{
  margin:0;
  font-size:clamp(58px,5.6vw,86px);
  line-height:.95;
  letter-spacing:-.055em;
  font-weight:600;
  color:#fff;
}
.hq-content p{
  max-width:470px;
  margin:22px 0 0;
  font-size:14px;
  line-height:1.72;
  color:rgba(255,255,255,.52);
}

.hq-coordinate{
  position:absolute;
  right:38px;
  bottom:28px;
  font-size:9px;
  letter-spacing:.22em;
  color:rgba(255,255,255,.2);
  writing-mode:vertical-rl;
  transform:rotate(180deg);
}

.markets-reach{
  display:grid;
  grid-template-columns:.55fr 1.45fr;
  gap:50px;
  padding:42px 0;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.markets-reach-label span{
  display:block;
  margin-bottom:8px;
  color:#c99863;
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.markets-reach-label p{
  max-width:310px;
  margin:0;
  font-size:13px;
  line-height:1.6;
  color:rgba(255,255,255,.42);
}

.market-list{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.market-name{
  min-height:68px;
  padding:0 22px;
  border-left:1px solid rgba(255,255,255,.1);
}
.market-name span{
  display:block;
  margin-bottom:14px;
  font-size:9px;
  letter-spacing:.16em;
  color:rgba(255,255,255,.25);
}
.market-name strong{
  display:block;
  font-size:17px;
  font-weight:500;
  color:rgba(255,255,255,.8);
  transition:color .2s ease;
}
.market-name:hover strong{color:#d4a36d;}

.markets-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:32px;
}
.markets-footer p{
  margin:0;
  font-size:12px;
  letter-spacing:.08em;
  color:rgba(255,255,255,.34);
}
.markets-footer a{
  position:relative;
  display:inline-block;
  padding-bottom:8px;
  color:#d0a06c;
  font-size:11px;
  font-weight:800;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.markets-footer a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,#8f5b34,#cf9d62);
}

@media (max-width:900px){
  .markets-shell{
    width:calc(100% - 64px);
  }
  .markets-title-row{
    grid-template-columns:1fr;
    gap:28px;
  }
  .markets-hq{
    grid-template-columns:1fr;
  }
  .hq-card:first-child{
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.12);
  }
  .markets-reach{
    grid-template-columns:1fr;
  }
}

@media (max-width:700px){
  .markets-shell{
    width:calc(100% - 44px);
    padding:74px 0 64px;
  }
  .markets-header{
    padding-bottom:38px;
  }
  .markets-kicker{
    margin-bottom:24px;
  }
  .markets-title-row h2{
    font-size:50px;
  }
  .markets-title-row p{
    font-size:14px;
  }
  .hq-card{
    min-height:350px;
    padding:28px 8px 28px 0;
  }
  .hq-content{
    margin-top:72px;
  }
  .hq-content h3{
    font-size:62px;
  }
  .hq-coordinate{
    right:0;
  }
  .market-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:26px 0;
  }
  .market-name:nth-child(3){
    border-left:0;
  }
  .markets-footer{
    align-items:flex-start;
    flex-direction:column;
    gap:24px;
  }
  .markets-mountain{
    width:1550px;
    opacity:.13;
  }
}


/* =========================================================
   STEP 5 — MARKETS + PROCESS SHARE ONE DESKTOP VIEWPORT
   ========================================================= */

/* Compact Markets into the upper half of the viewport */
@media (min-width:901px){
  .markets-section{
    min-height:54svh;
  }

  .markets-shell{
    width:min(1440px,calc(100% - 112px));
    padding:46px 0 30px !important;
  }

  .markets-header{
    display:grid;
    grid-template-columns:220px 1fr;
    gap:42px;
    align-items:end;
    padding-bottom:24px !important;
  }

  .markets-kicker{
    margin:0 0 5px !important;
  }

  .markets-title-row{
    grid-template-columns:minmax(0,1.2fr) minmax(300px,.62fr) !important;
    gap:54px !important;
  }

  .markets-title-row h2{
    font-size:clamp(40px,4vw,62px) !important;
    line-height:.93 !important;
  }

  .markets-title-row p{
    font-size:13px !important;
    line-height:1.62 !important;
  }

  .markets-hq{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .hq-card{
    min-height:188px !important;
    padding:22px 30px 20px !important;
  }

  .hq-content{
    margin-top:30px !important;
    max-width:none !important;
    display:grid;
    grid-template-columns:145px 1fr;
    column-gap:22px;
    align-items:end;
  }

  .hq-country{
    grid-column:1;
    margin:0 0 4px !important;
    font-size:10px !important;
  }

  .hq-content h3{
    grid-column:1;
    font-size:43px !important;
  }

  .hq-content p{
    grid-column:2;
    grid-row:1 / span 2;
    align-self:end;
    max-width:390px !important;
    margin:0 !important;
    font-size:11.5px !important;
    line-height:1.55 !important;
  }

  .hq-coordinate{
    right:18px !important;
    bottom:16px !important;
    font-size:7px !important;
  }

  .markets-reach{
    grid-template-columns:220px 1fr !important;
    gap:42px !important;
    padding:18px 0 !important;
  }

  .markets-reach-label p{
    display:none;
  }

  .markets-reach-label span{
    margin:9px 0 0 !important;
  }

  .market-name{
    min-height:40px !important;
    padding:0 18px !important;
  }

  .market-name span{
    margin-bottom:6px !important;
    font-size:7px !important;
  }

  .market-name strong{
    font-size:14px !important;
  }

  .markets-footer{
    padding-top:16px !important;
  }

  .markets-footer p{
    font-size:10px !important;
  }

  .markets-footer a{
    font-size:9px !important;
    padding-bottom:5px !important;
  }

  .markets-mountain{
    bottom:-170px !important;
    opacity:.11 !important;
  }
}

/* Process occupies the lower half — warm light counterpoint */
.process-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 84% 20%,rgba(207,157,98,.10),transparent 25%),
    linear-gradient(135deg,#f7f5f1 0%,#fff 55%,#f5efe8 100%);
  color:#1c1917;
}

.process-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.055;
  background-image:
    linear-gradient(rgba(143,91,52,.16) 1px,transparent 1px),
    linear-gradient(90deg,rgba(143,91,52,.16) 1px,transparent 1px);
  background-size:72px 72px;
}

.process-shell{
  position:relative;
  z-index:2;
  width:min(1440px,calc(100% - 112px));
  margin:0 auto;
  padding:38px 0 34px;
}

.process-heading{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:42px;
  align-items:end;
  margin-bottom:28px;
}

.process-kicker{
  display:flex;
  align-items:center;
  gap:14px;
  padding-bottom:7px;
}

.process-kicker span{
  width:42px;
  height:1px;
  background:linear-gradient(90deg,#8f5b34,#cf9d62);
}

.process-kicker b{
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#9a633a;
}

.process-heading h2{
  margin:0;
  font-size:clamp(38px,3.6vw,56px);
  line-height:.92;
  letter-spacing:-.05em;
  font-weight:700;
}

.process-heading h2 em{
  font-style:normal;
  font-weight:300;
  background:linear-gradient(100deg,#8f5b34,#cf9d62);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.process-journey{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  padding-left:262px;
}

.process-line{
  position:absolute;
  left:262px;
  right:0;
  top:37px;
  height:1px;
  background:rgba(143,91,52,.18);
}

.process-line span{
  display:block;
  width:100%;
  height:100%;
  transform-origin:left;
  background:linear-gradient(90deg,#8f5b34,#b77a47,#cf9d62);
  animation:sierraProcessLine 2.2s cubic-bezier(.22,.75,.18,1) both;
  animation-timeline:view();
  animation-range:entry 15% cover 55%;
}

@keyframes sierraProcessLine{
  from{transform:scaleX(0)}
  to{transform:scaleX(1)}
}

.process-step{
  position:relative;
  padding:0 26px 0 0;
}

.process-number{
  display:block;
  margin-bottom:15px;
  font-size:9px;
  letter-spacing:.16em;
  color:#a46a3d;
}

.process-step i{
  position:relative;
  z-index:2;
  display:block;
  width:11px;
  height:11px;
  margin-bottom:16px;
  border:2px solid #b77a47;
  border-radius:50%;
  background:#f9f7f3;
  box-shadow:0 0 0 6px rgba(183,122,71,.08);
}

.process-step h3{
  margin:0;
  font-size:18px;
  letter-spacing:-.02em;
}

.process-step p{
  max-width:210px;
  margin:7px 0 0;
  font-size:11.5px;
  line-height:1.55;
  color:#77706a;
}

.process-cta{
  position:absolute;
  right:0;
  top:42px;
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:0 18px;
  border:1px solid rgba(143,91,52,.25);
  color:#8f5b34;
  font-size:9px;
  font-weight:800;
  letter-spacing:.15em;
  text-transform:uppercase;
  background:rgba(255,255,255,.56);
  transition:.22s ease;
}

.process-cta:hover{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg,#8f5b34,#b77a47,#cf9d62);
}

/* On normal desktop heights, the pair reads as one deliberate screen */
@media (min-width:901px) and (min-height:760px){
  .markets-section{height:55svh;min-height:420px}
  .process-section{height:45svh;min-height:340px}
}

/* Tablets/mobile: never force two complex sections into one viewport */
@media (max-width:900px){
  .process-shell{
    width:calc(100% - 64px);
    padding:70px 0 66px;
  }

  .process-heading{
    grid-template-columns:1fr;
    gap:22px;
  }

  .process-journey{
    grid-template-columns:1fr 1fr;
    gap:30px 0;
    padding-left:0;
  }

  .process-line{
    display:none;
  }

  .process-cta{
    position:static;
    margin-top:34px;
  }
}

@media (max-width:700px){
  .process-shell{
    width:calc(100% - 44px);
  }

  .process-heading h2{
    font-size:48px;
  }

  .process-journey{
    grid-template-columns:1fr;
    gap:0;
  }

  .process-step{
    position:relative;
    padding:0 0 30px 52px;
  }

  .process-step::before{
    content:"";
    position:absolute;
    left:5px;
    top:35px;
    bottom:0;
    width:1px;
    background:linear-gradient(#b77a47,rgba(183,122,71,.12));
  }

  .process-step:last-child::before{
    display:none;
  }

  .process-number{
    margin-bottom:7px;
  }

  .process-step i{
    position:absolute;
    left:0;
    top:25px;
  }

  .process-step h3{
    font-size:20px;
  }

  .process-step p{
    max-width:280px;
    font-size:13px;
  }
}


/* =========================================================
   STEP 6 — PROOF + FINAL CONTACT
   ========================================================= */
.proof-section{
  position:relative;
  overflow:hidden;
  background:#fff;
  color:#1d1a18;
}
.proof-shell{
  width:min(1440px,calc(100% - 112px));
  margin:0 auto;
  padding:82px 0 76px;
}
.proof-heading{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:42px;
  align-items:start;
  margin-bottom:56px;
}
.proof-kicker,.contact-kicker{
  display:flex;
  align-items:center;
  gap:14px;
  padding-top:9px;
}
.proof-kicker span,.contact-kicker span{
  width:42px;height:1px;
  background:linear-gradient(90deg,#8f5b34,#cf9d62);
}
.proof-kicker b,.contact-kicker b{
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#9a633a;
}
.proof-heading h2{
  margin:0;
  font-size:clamp(44px,4.8vw,72px);
  line-height:.94;
  letter-spacing:-.055em;
  font-weight:700;
}
.proof-heading h2 em{
  font-style:normal;
  font-weight:300;
  background:linear-gradient(100deg,#8f5b34,#cf9d62);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.proof-heading p{
  max-width:590px;
  margin:20px 0 0;
  font-size:15px;line-height:1.7;color:#77706a;
}
.proof-numbers{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid rgba(143,91,52,.17);
  border-bottom:1px solid rgba(143,91,52,.17);
}
.proof-stat{
  min-height:190px;
  padding:34px 28px 30px;
  border-right:1px solid rgba(143,91,52,.13);
}
.proof-stat:last-child{border-right:0}
.proof-stat strong{
  display:block;
  font-size:clamp(58px,5.5vw,84px);
  line-height:.9;
  letter-spacing:-.06em;
  font-weight:250;
  color:#25211e;
}
.proof-stat strong span{
  font-size:.48em;color:#b77a47;vertical-align:top;
}
.proof-stat p{
  margin:20px 0 0;
  font-size:11px;font-weight:750;letter-spacing:.13em;
  text-transform:uppercase;color:#9b6a43;
}

/* final contact */
.contact-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 14% 15%,rgba(207,157,98,.13),transparent 28%),
    linear-gradient(135deg,#0b0a09,#15110e 56%,#080808);
  color:#fff;
}
.contact-section::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background-image:
    linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
  background-size:72px 72px;
}
.contact-glow{
  position:absolute;z-index:-1;right:-140px;bottom:-200px;
  width:560px;height:560px;border-radius:50%;
  background:#b77a47;filter:blur(150px);opacity:.11;
}
.contact-shell{
  width:min(1440px,calc(100% - 112px));
  min-height:690px;
  margin:0 auto;
  padding:90px 0;
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(500px,.78fr);
  gap:clamp(70px,8vw,140px);
  align-items:center;
}
.contact-kicker b{color:#d1a06c}
.contact-intro h2{
  margin:32px 0 0;
  font-size:clamp(54px,5.6vw,86px);
  line-height:.91;letter-spacing:-.06em;font-weight:650;
}
.contact-intro h2 em{
  font-style:normal;font-weight:250;
  background:linear-gradient(100deg,#a56c40,#d8aa72);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.contact-intro > p{
  max-width:520px;margin:25px 0 0;
  font-size:15px;line-height:1.75;color:rgba(255,255,255,.54);
}
.contact-hq-list{
  display:grid;grid-template-columns:1fr 1fr;
  margin-top:52px;border-top:1px solid rgba(255,255,255,.12);
}
.contact-hq-list > div{
  display:grid;grid-template-columns:34px 1fr;
  gap:10px;padding:22px 18px 0 0;
}
.contact-hq-list > div + div{
  border-left:1px solid rgba(255,255,255,.12);
  padding-left:22px;
}
.contact-hq-list span{
  font-size:9px;letter-spacing:.14em;color:#c79560;
}
.contact-hq-list p{
  margin:0;font-size:10px;line-height:1.55;
  letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.36);
}
.contact-hq-list b{
  display:block;margin-bottom:3px;font-size:15px;
  letter-spacing:0;text-transform:none;color:rgba(255,255,255,.9);
}
.contact-form-wrap{
  position:relative;
  padding:38px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.045);
  box-shadow:0 30px 80px rgba(0,0,0,.20);
  backdrop-filter:blur(12px);
}
.contact-form{
  display:grid;grid-template-columns:1fr 1fr;gap:24px 20px;
}
.contact-field{position:relative}
.contact-field--wide{grid-column:1/-1}
.contact-field label{
  display:block;margin-bottom:9px;
  font-size:9px;font-weight:750;letter-spacing:.15em;
  text-transform:uppercase;color:rgba(255,255,255,.45);
}
.contact-field input,.contact-field select,.contact-field textarea{
  width:100%;
  border:0;border-bottom:1px solid rgba(255,255,255,.18);
  border-radius:0;outline:0;
  padding:4px 0 12px;
  background:transparent;color:#fff;
  font:inherit;font-size:14px;
  transition:border-color .2s ease;
}
.contact-field textarea{resize:vertical;min-height:86px}
.contact-field input::placeholder,.contact-field textarea::placeholder{
  color:rgba(255,255,255,.26);
}
.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{
  border-color:#c79560;
}
.contact-field select option{color:#171717;background:#fff}
.contact-submit-row{
  display:flex;align-items:center;justify-content:space-between;
  gap:24px;padding-top:5px;
}
.contact-submit-row p{
  max-width:280px;margin:0;
  font-size:9px;line-height:1.55;color:rgba(255,255,255,.28);
}
.contact-submit-row button{
  min-height:48px;padding:0 27px;border:0;cursor:pointer;
  color:#fff;font-size:10px;font-weight:800;letter-spacing:.15em;
  text-transform:uppercase;
  background:linear-gradient(135deg,#8f5b34,#b77a47 52%,#cf9d62);
  transition:transform .2s ease,box-shadow .2s ease;
}
.contact-submit-row button:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(183,122,71,.18);
}
.contact-honeypot{position:absolute!important;left:-9999px!important}
.contact-alert{
  margin-bottom:22px;padding:12px 14px;
  border:1px solid rgba(207,157,98,.28);
  color:#e1b985;font-size:12px;
}
.contact-message{padding:50px 18px}
.contact-message span{
  color:#cf9d62;font-size:10px;font-weight:800;
  letter-spacing:.16em;text-transform:uppercase;
}
.contact-message h3{
  margin:15px 0 8px;font-size:32px;letter-spacing:-.035em;
}
.contact-message p{margin:0;color:rgba(255,255,255,.48);font-size:14px}

@media(max-width:900px){
  .proof-shell,.contact-shell{width:calc(100% - 64px)}
  .proof-heading{grid-template-columns:1fr;gap:20px}
  .proof-numbers{grid-template-columns:1fr 1fr}
  .proof-stat:nth-child(2){border-right:0}
  .proof-stat:nth-child(-n+2){border-bottom:1px solid rgba(143,91,52,.13)}
  .contact-shell{
    min-height:0;padding:76px 0;
    grid-template-columns:1fr;gap:56px;
  }
}
@media(max-width:700px){
  .proof-shell,.contact-shell{width:calc(100% - 44px)}
  .proof-shell{padding:68px 0}
  .proof-heading h2{font-size:48px}
  .proof-numbers{grid-template-columns:1fr 1fr}
  .proof-stat{min-height:145px;padding:26px 15px}
  .proof-stat strong{font-size:55px}
  .proof-stat p{font-size:9px;line-height:1.45}
  .contact-intro h2{font-size:54px}
  .contact-hq-list{grid-template-columns:1fr}
  .contact-hq-list > div + div{
    margin-top:18px;padding-left:0;border-left:0;
  }
  .contact-form-wrap{padding:28px 22px}
  .contact-form{grid-template-columns:1fr}
  .contact-field--wide{grid-column:auto}
  .contact-submit-row{
    align-items:flex-start;flex-direction:column;
  }
  .contact-submit-row button{width:100%}
}


/* =========================================================
   STEP 6.1 — Contact handler fix + white geometric contact skin
   ========================================================= */
.contact-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 15% 12%,rgba(207,157,98,.11),transparent 26%),
    linear-gradient(135deg,#ffffff 0%,#fbfaf8 56%,#f5efe8 100%) !important;
  color:#211c18 !important;
}

.contact-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  background-image:
    linear-gradient(rgba(143,91,52,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(143,91,52,.055) 1px,transparent 1px);
  background-size:72px 72px;
  opacity:1 !important;
}

.contact-section::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    linear-gradient(118deg,transparent 0 56%,rgba(183,122,71,.035) 56% 56.15%,transparent 56.15%),
    linear-gradient(62deg,transparent 0 71%,rgba(183,122,71,.03) 71% 71.15%,transparent 71.15%);
}

.contact-glow{
  position:absolute;
  z-index:-2;
  right:-120px;
  bottom:-220px;
  width:520px;
  height:520px;
  border-radius:50%;
  background:#cf9d62;
  filter:blur(150px);
  opacity:.13 !important;
}

.contact-kicker b{
  color:#9a633a !important;
}

.contact-intro h2{
  color:#211c18 !important;
}

.contact-intro h2 em{
  background:linear-gradient(100deg,#8f5b34,#cf9d62) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}

.contact-intro > p{
  color:#6d655e !important;
}

.contact-hq-list{
  border-top-color:rgba(143,91,52,.18) !important;
}

.contact-hq-list > div + div{
  border-left-color:rgba(143,91,52,.16) !important;
}

.contact-hq-list span{
  color:#a46a3d !important;
}

.contact-hq-list p{
  color:#8a8179 !important;
}

.contact-hq-list b{
  color:#2a2420 !important;
}

.contact-form-wrap{
  border:1px solid rgba(143,91,52,.16) !important;
  background:rgba(255,255,255,.78) !important;
  box-shadow:0 26px 70px rgba(77,52,31,.10) !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.contact-field label{
  color:#8f684b !important;
}

.contact-field input,
.contact-field select,
.contact-field textarea{
  border-bottom-color:rgba(143,91,52,.24) !important;
  background:transparent !important;
  color:#231e1a !important;
}

.contact-field input::placeholder,
.contact-field textarea::placeholder{
  color:#aaa097 !important;
}

.contact-field input:focus,
.contact-field select:focus,
.contact-field textarea:focus{
  border-color:#b77a47 !important;
}

.contact-field select option{
  color:#171717;
  background:#fff;
}

.contact-submit-row p{
  color:#9a9188 !important;
}

.contact-alert{
  border-color:rgba(143,91,52,.26) !important;
  background:rgba(183,122,71,.06);
  color:#8f5b34 !important;
}

.contact-message{
  color:#231e1a !important;
}

.contact-message span{
  color:#a46a3d !important;
}

.contact-message h3{
  color:#211c18 !important;
}

.contact-message p{
  color:#776e66 !important;
}

@media(max-width:700px){
  .contact-form-wrap{
    background:rgba(255,255,255,.86) !important;
  }
}


/* =========================================================
   STEP 6.2 — Contact uses the Services mountain pattern
   ========================================================= */
.contact-pattern{
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.065;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.contact-pattern svg{
  width:max(1120px,92vw);
  height:auto;
  transform:translateY(3%) scale(1.18);
  fill:none;
  stroke:#9a633a;
  stroke-width:9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* =========================================================
   FINAL FOOTER — intentionally minimal
   ========================================================= */
.site-footer{
  position:relative;
  background:#0b0b0b;
  color:#fff;
  border-top:1px solid rgba(207,157,98,.48);
}

.site-footer::before{
  content:"";
  position:absolute;
  top:-1px;
  left:0;
  width:34%;
  height:1px;
  background:linear-gradient(90deg,#8f5b34,#cf9d62,transparent);
}

.site-footer__inner{
  width:min(1420px,calc(100% - 112px));
  min-height:112px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:32px;
}

.site-footer__brand{
  display:inline-flex;
  justify-self:start;
  align-items:center;
}

.site-footer__brand img{
  display:block;
  width:88px;
  height:auto;
  object-fit:contain;
}

.site-footer__copyright,
.site-footer__powered{
  margin:0;
  font-size:10px;
  line-height:1.4;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.site-footer__copyright{
  color:rgba(255,255,255,.46);
  text-align:center;
}

.site-footer__powered{
  justify-self:end;
  display:flex;
  align-items:center;
  gap:8px;
  color:rgba(255,255,255,.54);
  white-space:nowrap;
}

.site-footer__powered strong{
  color:#cf9d62;
  font-weight:800;
}

.site-footer__powered span{
  display:block;
  width:1px;
  height:12px;
  background:rgba(207,157,98,.55);
}

@media(max-width:900px){
  .contact-pattern{
    opacity:.055;
  }

  .contact-pattern svg{
    width:1450px;
    max-width:none;
    transform:translate(-7%,2%) scale(1.08);
  }

  .site-footer__inner{
    width:min(100% - 40px,720px);
    min-height:0;
    padding:28px 0 30px;
    grid-template-columns:1fr;
    justify-items:center;
    gap:15px;
  }

  .site-footer__brand,
  .site-footer__powered{
    justify-self:center;
  }

  .site-footer__brand img{
    width:78px;
  }

  .site-footer__copyright{
    order:3;
  }
}

@media(max-width:520px){
  .site-footer__powered{
    white-space:normal;
    flex-wrap:wrap;
    justify-content:center;
    text-align:center;
    gap:7px;
  }

  .site-footer__copyright,
  .site-footer__powered{
    font-size:9px;
    letter-spacing:.10em;
  }
}


/* =========================================================
   STEP 6.3 — Exact desktop header balance
   Logo far left | Navigation mathematically centered | Social far right
   ========================================================= */
@media(min-width:901px){
  .nav-shell{
    display:grid !important;
    grid-template-columns:1fr auto 1fr !important;
    align-items:center !important;
    gap:28px !important;
    width:100%;
  }

  .nav-shell > .brand{
    justify-self:start;
  }

  .nav-shell > .desktop-nav{
    justify-self:center;
    margin-left:0 !important;
  }

  .nav-shell > .header-socials{
    justify-self:end;
    margin-left:0 !important;
  }

  .nav-shell > .menu-toggle{
    display:none !important;
  }
}

/* =========================================================
   STEP 6.3 — Footer: still minimal, now with depth and Sierra atmosphere
   ========================================================= */
.site-footer{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(ellipse 52% 150% at 88% 0%,rgba(207,157,98,.16) 0%,rgba(143,91,52,.075) 32%,transparent 66%),
    radial-gradient(ellipse 44% 130% at 8% 110%,rgba(183,122,71,.10) 0%,transparent 64%),
    linear-gradient(115deg,#070706 0%,#100e0c 48%,#080706 100%) !important;
  border-top:1px solid rgba(207,157,98,.32);
}

.site-footer::before{
  width:42%;
  background:linear-gradient(90deg,transparent 0%,#8f5b34 22%,#cf9d62 60%,transparent 100%);
  opacity:.85;
}

.site-footer::after{
  content:"";
  position:absolute;
  z-index:-3;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:54px 54px;
  -webkit-mask-image:linear-gradient(90deg,transparent,black 20%,black 80%,transparent);
  mask-image:linear-gradient(90deg,transparent,black 20%,black 80%,transparent);
}

.site-footer__ambient{
  position:absolute;
  z-index:-2;
  width:310px;
  height:180px;
  right:5%;
  top:50%;
  transform:translateY(-50%);
  border-radius:50%;
  background:rgba(207,157,98,.12);
  filter:blur(72px);
  pointer-events:none;
}

.site-footer__mountain{
  position:absolute;
  z-index:-1;
  right:2%;
  top:50%;
  width:390px;
  transform:translateY(-48%);
  opacity:.055;
  pointer-events:none;
}

.site-footer__mountain svg{
  display:block;
  width:100%;
  height:auto;
  fill:none;
  stroke:#cf9d62;
  stroke-width:8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.site-footer__inner{
  position:relative;
  z-index:2;
}

.site-footer__brand{
  opacity:.92;
  transition:opacity .2s ease,transform .2s ease;
}

.site-footer__brand:hover{
  opacity:1;
  transform:translateY(-2px);
}

.site-footer__powered strong{
  background:linear-gradient(100deg,#b77a47,#e0b276);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

@media(max-width:900px){
  .site-footer__mountain{
    width:330px;
    right:-105px;
    opacity:.045;
  }

  .site-footer__ambient{
    right:-100px;
    opacity:.8;
  }
}


/* =========================================================
   STEP 6.4 — WHERE WE OPERATE: visual geography + country flags
   ========================================================= */
.markets-map{
  position:relative;
  min-height:148px;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 74% 48%,rgba(207,157,98,.09),transparent 31%),
    linear-gradient(135deg,rgba(255,255,255,.025),rgba(255,255,255,.008));
  overflow:hidden;
}

.markets-map::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 50px rgba(0,0,0,.24);
}

.markets-map__label{
  position:absolute;
  z-index:4;
  left:14px;
  top:11px;
  font-size:7px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(255,255,255,.34);
}

.markets-map svg{
  position:absolute;
  inset:9px 0 0;
  width:100%;
  height:calc(100% - 9px);
}

.map-grid path{
  fill:none;
  stroke:rgba(255,255,255,.035);
  stroke-width:1;
}

.map-land path{
  fill:rgba(255,255,255,.032);
  stroke:rgba(255,255,255,.12);
  stroke-width:1.15;
}

.map-waterline path{
  fill:none;
  stroke:rgba(207,157,98,.20);
  stroke-width:1;
}

.map-route{
  fill:none;
  stroke:url(#routeGold);
  stroke-width:1.8;
  stroke-dasharray:4 5;
  opacity:.88;
}

.map-route-glow{
  fill:#cf9d62;
  opacity:.18;
  filter:url(#pinGlow);
}

.map-pin circle:first-child{
  fill:#0b0a09;
  stroke:#d9a96e;
  stroke-width:2;
}
.map-pin circle:last-child{
  fill:#e0b276;
}

.map-place{
  position:absolute;
  z-index:5;
  display:flex;
  flex-direction:column;
  line-height:1.05;
  pointer-events:none;
}
.map-place b{
  font-size:10px;
  color:#fff;
  letter-spacing:.02em;
}
.map-place span{
  margin-top:4px;
  font-size:6.5px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#c99761;
}
.map-place--giza{left:25%;top:27%;}
.map-place--riyadh{right:10%;top:58%;}

.hq-flag{
  position:absolute;
  left:0;
  top:50%;
  width:42px;
  height:42px;
  transform:translateY(-50%);
  border-radius:50%;
  box-shadow:0 7px 22px rgba(0,0,0,.22),0 0 0 5px rgba(255,255,255,.035);
}
.hq-flag svg{display:block;width:100%;height:100%;}

@media(min-width:901px){
  .markets-title-row{
    grid-template-columns:minmax(0,1.12fr) minmax(380px,.72fr) !important;
    align-items:center !important;
  }

  .markets-map{
    width:100%;
    min-height:138px;
  }

  .hq-content{
    grid-template-columns:54px 145px 1fr !important;
    column-gap:15px !important;
    padding-left:0;
  }

  .hq-flag{
    position:relative;
    grid-column:1;
    grid-row:1 / span 2;
    align-self:center;
    left:auto;
    top:auto;
    transform:none;
  }

  .hq-country{
    grid-column:2 !important;
  }

  .hq-content h3{
    grid-column:2 !important;
  }

  .hq-content p{
    grid-column:3 !important;
    grid-row:1 / span 2 !important;
  }
}

@media(max-width:900px){
  .markets-map{
    min-height:190px;
    margin-top:4px;
  }

  .hq-content{
    padding-left:58px;
  }

  .hq-flag{
    top:50%;
  }
}

@media(max-width:700px){
  .markets-map{
    min-height:170px;
  }

  .map-place--giza{left:21%;top:29%;}
  .map-place--riyadh{right:6%;top:59%;}

  .hq-content{
    padding-left:58px;
  }

  .hq-flag{
    width:40px;
    height:40px;
  }
}


/* =========================================================
   STEP 6.5 — EXTENDED MARKET COUNTRY FLAGS
   ========================================================= */
.market-name__identity{
  display:flex;
  align-items:center;
  gap:12px;
}

.market-flag{
  display:block;
  flex:0 0 auto;
  width:32px;
  height:32px;
  border-radius:50%;
  overflow:hidden;
  box-shadow:
    0 5px 16px rgba(0,0,0,.24),
    0 0 0 4px rgba(255,255,255,.035);
  transition:transform .25s ease,box-shadow .25s ease;
}

.market-flag svg{
  display:block;
  width:100%;
  height:100%;
}

.market-name:hover .market-flag{
  transform:translateY(-2px);
  box-shadow:
    0 7px 20px rgba(0,0,0,.28),
    0 0 0 4px rgba(207,157,98,.08);
}

@media(min-width:901px){
  .market-name__identity{
    gap:10px;
  }

  .market-flag{
    width:28px;
    height:28px;
  }

  .market-name span{
    margin-bottom:5px !important;
  }
}

@media(max-width:700px){
  .market-name{
    padding-right:10px;
  }

  .market-name__identity{
    gap:10px;
  }

  .market-flag{
    width:30px;
    height:30px;
  }

  .market-name strong{
    font-size:15px;
  }
}


/* =========================================================
   STEP 6.6 — CLEAN REGIONAL HEADQUARTERS MAP
   Replaces the abstract overlapping land masses with a
   restrained Egypt ↔ Saudi Arabia route graphic.
   ========================================================= */
.markets-map{
  min-height:158px;
  border-color:rgba(255,255,255,.105);
  background:
    radial-gradient(circle at 80% 22%,rgba(207,157,98,.075),transparent 32%),
    linear-gradient(135deg,rgba(255,255,255,.022),rgba(255,255,255,.006));
}

.markets-map::after{
  box-shadow:
    inset 0 0 42px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.025);
}

.markets-map__label{
  left:16px;
  top:13px;
  font-size:7px;
  color:rgba(255,255,255,.42);
}

.markets-map__hint{
  position:absolute;
  z-index:4;
  right:16px;
  top:13px;
  font-size:6px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(207,157,98,.46);
}

.markets-map svg{
  inset:23px 8px 4px;
  width:calc(100% - 16px);
  height:calc(100% - 27px);
}

.map-grid,
.map-land,
.map-waterline{
  display:none;
}

.map-clean-grid path{
  fill:none;
  stroke:rgba(255,255,255,.025);
  stroke-width:1;
}

.map-focus{
  fill:url(#mapFocus);
}

.map-country path{
  fill:rgba(255,255,255,.024);
  stroke:rgba(255,255,255,.13);
  stroke-width:1.25;
  vector-effect:non-scaling-stroke;
}

.map-country .map-country-detail{
  fill:rgba(255,255,255,.018);
  stroke:rgba(255,255,255,.09);
}

.map-country text{
  fill:rgba(255,255,255,.105);
  font-family:inherit;
  font-size:9px;
  font-weight:800;
  letter-spacing:.18em;
}

.map-route--clean{
  stroke:url(#routeGoldClean);
  stroke-width:2;
  stroke-dasharray:none;
  opacity:.28;
}

.map-route--trail{
  stroke:#e7b675;
  stroke-width:2.1;
  stroke-linecap:round;
  stroke-dasharray:2 7;
  opacity:.92;
}

.map-route-glow{
  fill:#d5a264;
  opacity:.13;
  filter:url(#cleanPinGlow);
}

.map-pin circle:first-child{
  fill:#0b0a09;
  stroke:#dda968;
  stroke-width:2.1;
}

.map-pin circle:last-child{
  fill:#f0c17f;
}

.map-place{
  padding:5px 7px 5px 8px;
  border-left:1px solid rgba(207,157,98,.44);
  background:linear-gradient(90deg,rgba(8,8,7,.56),rgba(8,8,7,0));
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}

.map-place b{
  font-size:10px;
}

.map-place span{
  margin-top:3px;
  font-size:6px;
  color:#d4a165;
}

.map-place--giza{
  left:20%;
  top:33%;
}

.map-place--riyadh{
  right:7%;
  top:55%;
}

@media(max-width:900px){
  .markets-map{
    min-height:188px;
  }

  .markets-map svg{
    inset:28px 4px 4px;
    width:calc(100% - 8px);
    height:calc(100% - 32px);
  }

  .map-place--giza{
    left:17%;
    top:35%;
  }

  .map-place--riyadh{
    right:4%;
    top:56%;
  }
}

@media(max-width:700px){
  .markets-map{
    min-height:176px;
  }

  .markets-map__hint{
    display:none;
  }

  .markets-map svg{
    inset:25px -5px 2px;
    width:calc(100% + 10px);
    height:calc(100% - 27px);
  }

  .map-country text{
    font-size:8px;
  }

  .map-place{
    padding:4px 6px;
  }

  .map-place b{
    font-size:9px;
  }

  .map-place span{
    font-size:5.5px;
  }

  .map-place--giza{
    left:12%;
    top:34%;
  }

  .map-place--riyadh{
    right:1%;
    top:56%;
  }
}


/* =========================================================
   STEP 6.7 — REAL COUNTRY GEOMETRY
   Egypt and Saudi Arabia now use actual Natural Earth
   country boundary geometry; no hand-drawn country SVGs.
   ========================================================= */
.map-country path{
  fill:rgba(255,255,255,.025) !important;
  stroke:rgba(255,255,255,.18) !important;
  stroke-width:1.35 !important;
  vector-effect:non-scaling-stroke;
}

.map-country--egypt path{
  fill:rgba(183,122,71,.035) !important;
}

.map-country--saudi path{
  fill:rgba(207,157,98,.042) !important;
}

.map-country text{
  fill:rgba(255,255,255,.11) !important;
  font-size:8px !important;
  font-weight:800 !important;
  letter-spacing:.17em !important;
}

.map-route--real{
  fill:none;
  stroke:url(#routeGoldReal);
  stroke-width:1.6;
  opacity:.26;
}

.map-route--real-dots{
  fill:none;
  stroke:#efc17e;
  stroke-width:2.25;
  stroke-linecap:round;
  stroke-dasharray:2 8;
  opacity:.95;
}

.map-route-glow{
  fill:#d5a264;
  opacity:.14;
  filter:url(#realPinGlow);
}

.map-place--giza{
  left:16%;
  top:26%;
}

.map-place--riyadh{
  right:5%;
  top:51%;
}

@media(max-width:700px){
  .map-place--giza{
    left:11%;
    top:27%;
  }

  .map-place--riyadh{
    right:0;
    top:52%;
  }
}


/* =========================================================
   STEP 6.8 — APPROVED USER-SUPPLIED HQ FLAGS
   Saudi Arabia + Egypt use the supplied artwork exactly.
   ========================================================= */
.hq-flag{
  overflow:hidden;
  background:transparent !important;
}

.hq-flag img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:50%;
}

/* =========================================================
   STEP 6.9 — FINAL HQ FLAGS + MOBILE SAFE GUTTERS
   Uses the exact user-approved Saudi and Egypt flag artwork.
   Adds deliberate mobile breathing room to the Markets section.
   ========================================================= */
@media (max-width:700px){
  .markets-shell{
    width:calc(100% - 64px) !important;
    max-width:none;
    margin-left:auto;
    margin-right:auto;
  }

  .hq-card{
    padding-left:18px !important;
    padding-right:18px !important;
  }

  .hq-content{
    padding-left:60px !important;
  }

  .hq-flag{
    left:0 !important;
  }

  .hq-coordinate{
    right:10px !important;
  }

  .markets-reach{
    padding-left:2px;
    padding-right:2px;
  }

  .market-name{
    padding-left:12px !important;
    padding-right:10px !important;
  }

  .markets-footer{
    padding-left:2px;
    padding-right:2px;
  }
}

@media (max-width:430px){
  .markets-shell{
    width:calc(100% - 48px) !important;
  }

  .hq-card{
    padding-left:14px !important;
    padding-right:14px !important;
  }
}

/* =========================================================
   STEP 7 — FAQS / KNOWLEDGE PAGE
   Sierra dark bronze + editorial white language
   ========================================================= */
.inner-page .site-header img[src*="sierra-logo"]{filter:brightness(0) invert(1);transition:filter .35s ease}
.inner-page .site-header.is-scrolled img[src*="sierra-logo"]{filter:none}
.faq-hero{position:relative;min-height:72svh;padding:calc(var(--header-h) + 92px) 0 86px;display:flex;align-items:center;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 78% 42%,rgba(183,122,71,.18),transparent 29%),linear-gradient(135deg,#11100f 0%,#171411 48%,#0d0d0d 100%);color:#fff}
.faq-hero__grid{position:absolute;inset:0;z-index:-4;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:92px 92px;mask-image:linear-gradient(90deg,transparent 0,#000 28%,#000 100%)}
.faq-hero__glow{position:absolute;width:520px;height:520px;right:-120px;top:10%;border-radius:50%;z-index:-3;background:radial-gradient(circle,rgba(207,157,98,.16),rgba(143,91,52,.03) 48%,transparent 70%);filter:blur(12px)}
.faq-hero__mountain{position:absolute;z-index:-2;inset:0;opacity:.22;pointer-events:none;background-image:url("../images/faq-mountain-pattern.png");background-repeat:no-repeat;background-size:min(1120px,82vw) auto;background-position:right -42px bottom -36px}
.faq-hero__shell{width:min(1180px,calc(100% - 96px));margin:auto;position:relative}
.faq-hero__eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:30px;text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:#d2a06a}.faq-hero__eyebrow span{width:42px;height:1px;background:linear-gradient(90deg,#8f5b34,#cf9d62)}.faq-hero__eyebrow b{font-weight:800}
.faq-hero h1{margin:0;max-width:780px;font-size:clamp(60px,7vw,112px);line-height:.87;letter-spacing:-.06em;font-weight:800}.faq-hero h1 em{display:inline-block;color:#c9925b;font-style:normal;font-weight:300}
.faq-hero p{max-width:650px;margin:32px 0 0;color:rgba(255,255,255,.63);font-size:clamp(16px,1.35vw,20px);line-height:1.75;font-weight:300}
.faq-hero__cta{display:inline-flex;align-items:center;gap:22px;margin-top:38px;padding:0 0 8px;border-bottom:1px solid #b77a47;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;color:#d5a16a}.faq-hero__cta span{font-size:16px;transition:transform .2s ease}.faq-hero__cta:hover span{transform:translateY(3px)}
.faq-hero__index{position:absolute;right:24px;top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:center;color:rgba(255,255,255,.22);font-size:10px;letter-spacing:.28em}

.faq-main{position:relative;overflow:hidden;isolation:isolate;background:#f7f5f1;color:#171717;padding:105px 0 120px}.faq-pattern{position:absolute;inset:0;z-index:-2;opacity:.055;pointer-events:none;background-image:url("../images/faq-mountain-pattern.png");background-repeat:no-repeat;background-size:min(1180px,92vw) auto;background-position:center 165px}
.faq-main__shell{width:min(1180px,calc(100% - 96px));margin:auto}.faq-main__heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.65fr);gap:80px;align-items:end;padding-bottom:48px;border-bottom:1px solid rgba(24,20,16,.15)}
.faq-main__kicker{display:block;margin-bottom:18px;color:#9b653b;text-transform:uppercase;letter-spacing:.19em;font-size:10px;font-weight:800}.faq-main__heading h2{margin:0;font-size:clamp(44px,5.1vw,78px);line-height:.95;letter-spacing:-.055em}.faq-main__heading h2 em{font-style:normal;color:#a56c3f;font-weight:300}.faq-main__heading>p{margin:0;color:#6f6962;font-size:15px;line-height:1.8}
.faq-filter{display:flex;flex-wrap:wrap;gap:10px;padding:30px 0 54px}.faq-filter button{appearance:none;border:1px solid rgba(30,24,18,.16);background:rgba(255,255,255,.55);color:#716a63;border-radius:999px;padding:11px 17px;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:800;cursor:pointer;transition:.22s ease}.faq-filter button:hover,.faq-filter button.is-active{background:#171512;color:#fff;border-color:#171512;box-shadow:0 8px 22px rgba(30,20,12,.10)}
.faq-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:76px}.faq-side{position:sticky;top:120px;align-self:start;padding:8px 0}.faq-side__number{display:block;color:#b77a47;font-size:11px;letter-spacing:.18em;margin-bottom:46px}.faq-side h3{font-size:30px;line-height:1.02;letter-spacing:-.035em;margin:0 0 18px}.faq-side p{color:#777067;line-height:1.65;font-size:14px;margin:0}.faq-side__rule{height:1px;background:rgba(20,17,14,.16);margin:32px 0}.faq-side__note{display:block;color:#7e766e;font-size:11px;line-height:1.55;margin-bottom:14px}.faq-side a{display:inline-block;color:#9d653b;border-bottom:1px solid #b77a47;padding-bottom:5px;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.13em}
.faq-list{border-top:1px solid rgba(20,17,14,.18)}.faq-item{border-bottom:1px solid rgba(20,17,14,.18);transition:opacity .2s ease}.faq-item[hidden]{display:none}.faq-question{width:100%;appearance:none;border:0;background:transparent;color:#171717;display:grid;grid-template-columns:54px 1fr 36px;gap:18px;align-items:center;text-align:left;padding:29px 0;cursor:pointer}.faq-question__index{font-size:10px;color:#a56c3f;letter-spacing:.14em}.faq-question__text{font-size:clamp(18px,1.55vw,24px);font-weight:700;letter-spacing:-.025em;line-height:1.2}.faq-question__icon{position:relative;width:28px;height:28px;border:1px solid rgba(20,17,14,.22);border-radius:50%;justify-self:end;transition:background .22s ease,border-color .22s ease}.faq-question__icon::before,.faq-question__icon::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1px;background:#171717;transform:translate(-50%,-50%);transition:transform .25s ease,background .25s ease}.faq-question__icon::after{transform:translate(-50%,-50%) rotate(90deg)}.faq-item.is-open .faq-question__icon{background:#a86d3e;border-color:#a86d3e}.faq-item.is-open .faq-question__icon::before,.faq-item.is-open .faq-question__icon::after{background:#fff}.faq-item.is-open .faq-question__icon::after{transform:translate(-50%,-50%) rotate(0deg)}
.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .34s ease}.faq-answer>div{overflow:hidden}.faq-answer p{max-width:770px;margin:0 54px 0 72px;padding:0 0 30px;color:#6c665f;font-size:15px;line-height:1.8}.faq-item.is-open .faq-answer{grid-template-rows:1fr}

.faq-cta{position:relative;overflow:hidden;isolation:isolate;background:#fff;color:#181818;padding:92px 0}.faq-cta__grid{position:absolute;inset:0;z-index:-2;opacity:.26;background-image:linear-gradient(rgba(160,103,60,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(160,103,60,.13) 1px,transparent 1px);background-size:84px 84px;mask-image:radial-gradient(circle at 74% 50%,#000 0,transparent 62%)}.faq-cta::after{content:"";position:absolute;z-index:-1;width:420px;height:420px;border:1px solid rgba(181,119,67,.18);transform:rotate(45deg);right:7%;top:-170px}.faq-cta__shell{width:min(1180px,calc(100% - 96px));margin:auto}.faq-cta__shell>span{text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:800;color:#a56c3f}.faq-cta h2{margin:18px 0 14px;font-size:clamp(42px,5vw,76px);line-height:.94;letter-spacing:-.055em}.faq-cta p{margin:0;color:#777067;font-size:16px}.faq-cta a{display:inline-flex;align-items:center;gap:25px;margin-top:32px;background:linear-gradient(135deg,#8f5b34,#b77a47 52%,#cf9d62);color:#fff;padding:16px 22px;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800;box-shadow:0 14px 30px rgba(99,58,27,.17)}.faq-cta a b{font-size:15px;font-weight:400;transition:transform .2s ease}.faq-cta a:hover b{transform:translateX(4px)}

@media(max-width:1180px) and (min-width:881px){.faq-page .nav-shell{padding:0 28px;gap:18px}.faq-page .brand{width:132px}.faq-page .brand-logo{max-width:120px}.faq-page .desktop-nav a{padding:0 9px;font-size:10px}.faq-page .desktop-nav a::after{left:9px;right:9px}.faq-page .header-socials{padding-left:12px}.faq-page .header-socials a{width:29px}}
@media(max-width:880px){.faq-hero{min-height:650px;padding:calc(var(--header-h) + 74px) 0 72px}.faq-hero__shell,.faq-main__shell,.faq-cta__shell{width:calc(100% - 40px)}.faq-hero__grid{background-size:62px 62px}.faq-hero__mountain{inset:0;background-size:180vw auto;background-position:center bottom 24px}.faq-hero h1{font-size:clamp(55px,17vw,84px)}.faq-hero p{font-size:15px;line-height:1.7}.faq-hero__index{display:none}.faq-main{padding:76px 0 82px}.faq-pattern{background-repeat:no-repeat;background-size:118vw auto;background-position:center 150px;opacity:.045}.faq-main__heading{grid-template-columns:1fr;gap:24px;padding-bottom:34px}.faq-main__heading h2{font-size:clamp(42px,12vw,62px)}.faq-filter{padding:24px 0 38px;gap:8px}.faq-filter button{padding:10px 13px}.faq-layout{grid-template-columns:1fr;gap:34px}.faq-side{position:static;display:grid;grid-template-columns:50px 1fr;column-gap:12px;padding-bottom:26px;border-bottom:1px solid rgba(20,17,14,.15)}.faq-side__number{grid-row:1/5;margin:4px 0 0}.faq-side h3{font-size:25px}.faq-side__rule,.faq-side__note,.faq-side a{display:none}.faq-question{grid-template-columns:36px 1fr 30px;gap:10px;padding:24px 0}.faq-question__text{font-size:18px}.faq-question__icon{width:26px;height:26px}.faq-answer p{margin:0 36px 0 46px;padding-bottom:25px;font-size:14px}.faq-cta{padding:72px 0}.faq-cta__grid{background-size:58px 58px}.faq-cta h2{font-size:clamp(42px,12vw,60px)}}


/* =========================================================
   STEP 8 — CAREERS / PEOPLE PAGE
   Editorial bronze + Sierra mountain language
   ========================================================= */
.careers-hero{position:relative;min-height:76svh;padding:calc(var(--header-h) + 94px) 0 88px;display:flex;align-items:center;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 76% 44%,rgba(183,122,71,.2),transparent 30%),linear-gradient(135deg,#11100f 0%,#171411 50%,#0d0d0d 100%);color:#fff}.careers-hero__grid{position:absolute;inset:0;z-index:-4;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:92px 92px;mask-image:linear-gradient(90deg,transparent,#000 34%,#000)}.careers-hero__glow{position:absolute;width:560px;height:560px;right:-80px;top:8%;z-index:-3;border-radius:50%;background:radial-gradient(circle,rgba(207,157,98,.18),rgba(143,91,52,.035) 50%,transparent 72%);filter:blur(10px)}.careers-hero__mountain{position:absolute;inset:0;z-index:-2;opacity:.18;background:url("../images/faq-mountain-pattern.png") no-repeat right -40px bottom -55px;background-size:min(1160px,84vw) auto}.careers-hero__shell,.careers-shell{width:min(1180px,calc(100% - 96px));margin:auto}.careers-hero__eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:30px;text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:#d2a06a}.careers-hero__eyebrow span{width:42px;height:1px;background:linear-gradient(90deg,#8f5b34,#cf9d62)}.careers-hero__eyebrow b{font-weight:800}.careers-hero h1{margin:0;max-width:900px;font-size:clamp(60px,7.3vw,116px);line-height:.87;letter-spacing:-.062em;font-weight:800}.careers-hero h1 em{font-style:normal;color:#c9925b;font-weight:300}.careers-hero p{max-width:670px;margin:32px 0 0;color:rgba(255,255,255,.64);font-size:clamp(16px,1.35vw,20px);line-height:1.75;font-weight:300}.careers-hero__cta{display:inline-flex;align-items:center;gap:22px;margin-top:38px;padding-bottom:8px;border-bottom:1px solid #b77a47;color:#d5a16a;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800}.careers-hero__cta span{font-size:16px;transition:.2s}.careers-hero__cta:hover span{transform:translateY(3px)}.careers-hero__index{position:absolute;right:24px;top:50%;transform:translateY(-50%) rotate(90deg);color:rgba(255,255,255,.22);font-size:10px;letter-spacing:.28em}
.careers-intro{position:relative;overflow:hidden;isolation:isolate;background:#f7f5f1;padding:108px 0 116px;color:#171717}.careers-pattern{position:absolute;inset:0;z-index:-2;opacity:.035;background:url("../images/faq-mountain-pattern.png") no-repeat center 90px;background-size:min(1180px,92vw) auto}.careers-intro__head{display:grid;grid-template-columns:210px 1fr;gap:55px;align-items:start}.careers-intro__head>span,.careers-opportunities__top span,.careers-apply__intro>span{text-transform:uppercase;letter-spacing:.19em;font-size:10px;font-weight:800;color:#9b653b;padding-top:12px}.careers-intro__head h2{margin:0;font-size:clamp(48px,5.3vw,82px);line-height:.94;letter-spacing:-.055em}.careers-intro__head h2 em,.careers-apply__intro h2 em{font-style:normal;color:#a56c3f;font-weight:300}.careers-intro__copy{display:grid;grid-template-columns:210px 1fr;gap:55px;margin:42px 0 64px}.careers-intro__copy p{grid-column:2;margin:0;max-width:720px;color:#6f6962;font-size:16px;line-height:1.8}.careers-intro__copy p+p{margin-top:-26px}.careers-values{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(24,20,16,.15);border-bottom:1px solid rgba(24,20,16,.15)}.careers-values article{padding:34px 34px 38px 0;min-height:220px}.careers-values article+article{border-left:1px solid rgba(24,20,16,.15);padding-left:34px}.careers-values span{color:#b77a47;font-size:10px;letter-spacing:.18em}.careers-values h3{font-size:25px;letter-spacing:-.035em;margin:46px 0 12px}.careers-values p{color:#746e67;font-size:14px;line-height:1.7;margin:0}
.careers-opportunities{background:#11100f;color:#fff;padding:104px 0;position:relative;overflow:hidden}.careers-opportunities::after{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(183,122,71,.14);right:-160px;top:100px;transform:rotate(45deg)}.careers-opportunities__top{display:grid;grid-template-columns:1fr 390px;gap:70px;align-items:end;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.13)}.careers-opportunities__top h2{margin:16px 0 0;font-size:clamp(48px,5vw,78px);line-height:.95;letter-spacing:-.055em}.careers-opportunities__top p{color:rgba(255,255,255,.55);font-size:15px;line-height:1.75;margin:0}.careers-role{position:relative;display:grid;grid-template-columns:80px 1fr auto;gap:30px;align-items:center;padding:38px 0;border-bottom:1px solid rgba(255,255,255,.13);z-index:1}.careers-role__number{font-size:9px;color:#b77a47;letter-spacing:.18em}.careers-role span{display:block;color:#c9925b;text-transform:uppercase;letter-spacing:.15em;font-size:9px;font-weight:800;margin-bottom:8px}.careers-role h3{font-size:27px;letter-spacing:-.035em;margin:0 0 9px}.careers-role p{max-width:690px;color:rgba(255,255,255,.53);font-size:14px;line-height:1.7;margin:0}.careers-role a{display:inline-flex;gap:18px;align-items:center;color:#d7a36c;border-bottom:1px solid #a86d3e;padding:0 0 7px;text-transform:uppercase;letter-spacing:.13em;font-size:9px;font-weight:800}.careers-role a b{font-size:14px;font-weight:400}.careers-role--notice{opacity:.72}
.careers-apply{position:relative;overflow:hidden;isolation:isolate;background:#fff;padding:105px 0 115px}.careers-apply__grid{position:absolute;inset:0;z-index:-2;opacity:.28;background-image:linear-gradient(rgba(160,103,60,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(160,103,60,.11) 1px,transparent 1px);background-size:84px 84px;mask-image:radial-gradient(circle at 28% 45%,#000 0,transparent 64%)}.careers-apply__layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(520px,1.15fr);gap:90px;align-items:start}.careers-apply__intro{position:sticky;top:120px}.careers-apply__intro h2{margin:18px 0 22px;font-size:clamp(48px,5vw,76px);line-height:.94;letter-spacing:-.055em}.careers-apply__intro p{max-width:430px;color:#746e67;line-height:1.75;font-size:15px}.careers-apply__meta{display:grid;grid-template-columns:90px 1fr;gap:6px 18px;margin-top:38px;padding-top:28px;border-top:1px solid rgba(20,17,14,.15)}.careers-apply__meta b{font-size:12px}.careers-apply__meta small{color:#8a8279;font-size:11px}.careers-form-card{background:#f7f5f1;border:1px solid rgba(27,22,18,.11);padding:42px;box-shadow:0 24px 70px rgba(46,30,18,.08)}.careers-form{display:grid;grid-template-columns:1fr 1fr;gap:26px 28px}.careers-field{position:relative}.careers-field--wide{grid-column:1/-1}.careers-field label{display:block;margin-bottom:8px;color:#6d655e;text-transform:uppercase;letter-spacing:.13em;font-size:8px;font-weight:800}.careers-field label small{font-weight:500;letter-spacing:.04em;text-transform:none}.careers-field input,.careers-field select,.careers-field textarea{width:100%;border:0;border-bottom:1px solid rgba(25,20,16,.24);border-radius:0;background:transparent;color:#181818;font:inherit;font-size:14px;padding:8px 0 12px;outline:none}.careers-field textarea{resize:vertical;min-height:92px}.careers-field input:focus,.careers-field select:focus,.careers-field textarea:focus{border-color:#b77a47}.careers-upload input{position:absolute;opacity:0;pointer-events:none}.careers-upload span{display:flex;align-items:center;min-height:50px;border:1px dashed rgba(35,27,21,.25);padding:0 16px;color:#746d66;font-size:12px;cursor:pointer}.careers-upload label{cursor:pointer}.careers-submit{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:12px}.careers-submit p{margin:0;max-width:300px;color:#8a837c;font-size:10px;line-height:1.6}.careers-submit button{border:0;background:linear-gradient(135deg,#8f5b34,#b77a47 52%,#cf9d62);color:#fff;padding:16px 20px;text-transform:uppercase;letter-spacing:.13em;font-size:9px;font-weight:800;cursor:pointer;box-shadow:0 14px 30px rgba(99,58,27,.16)}.careers-submit button b{font-size:14px;margin-left:15px;font-weight:400}.careers-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.careers-form-alert{margin-bottom:24px;padding:14px 16px;border-left:3px solid #a86d3e;background:#efe5db;color:#70472a;font-size:12px;line-height:1.6}.careers-form-status span{text-transform:uppercase;letter-spacing:.16em;font-size:9px;color:#a56c3f;font-weight:800}.careers-form-status h3{font-size:34px;letter-spacing:-.04em;margin:16px 0 10px}.careers-form-status p{color:#716a63;line-height:1.7}
@media(max-width:1220px) and (min-width:881px){.careers-page .nav-shell{padding:0 24px;gap:12px}.careers-page .brand{width:120px}.careers-page .brand-logo{max-width:112px}.careers-page .desktop-nav a{padding:0 7px;font-size:9px}.careers-page .desktop-nav a::after{left:7px;right:7px}.careers-page .header-socials{padding-left:10px;gap:5px}.careers-page .header-socials a{width:27px}}
@media(max-width:880px){.careers-hero{min-height:660px;padding:calc(var(--header-h) + 72px) 0 70px}.careers-hero__shell,.careers-shell{width:calc(100% - 40px)}.careers-hero__grid{background-size:62px 62px}.careers-hero__mountain{background-size:180vw auto;background-position:center bottom 25px}.careers-hero h1{font-size:clamp(54px,17vw,84px)}.careers-hero p{font-size:15px}.careers-hero__index{display:none}.careers-intro{padding:76px 0 82px}.careers-pattern{background-size:120vw auto;background-position:center 140px;opacity:.025}.careers-intro__head,.careers-intro__copy{grid-template-columns:1fr;gap:18px}.careers-intro__head h2{font-size:clamp(44px,12vw,62px)}.careers-intro__copy{margin:30px 0 46px}.careers-intro__copy p{grid-column:1}.careers-intro__copy p+p{margin-top:0}.careers-values{grid-template-columns:1fr}.careers-values article{padding:28px 0;min-height:0}.careers-values article+article{border-left:0;border-top:1px solid rgba(24,20,16,.15);padding-left:0}.careers-values h3{margin:24px 0 10px}.careers-opportunities{padding:76px 0}.careers-opportunities__top{grid-template-columns:1fr;gap:22px;padding-bottom:34px}.careers-opportunities__top h2{font-size:clamp(44px,12vw,62px)}.careers-role{grid-template-columns:44px 1fr;gap:15px;padding:30px 0}.careers-role a{grid-column:2;margin-top:12px;justify-self:start}.careers-role h3{font-size:22px}.careers-apply{padding:76px 0 82px}.careers-apply__grid{background-size:58px 58px}.careers-apply__layout{grid-template-columns:1fr;gap:42px}.careers-apply__intro{position:static}.careers-apply__intro h2{font-size:clamp(44px,12vw,62px)}.careers-form-card{padding:28px 20px}.careers-form{grid-template-columns:1fr;gap:22px}.careers-field--wide{grid-column:1}.careers-submit{align-items:flex-start;flex-direction:column}.careers-submit button{width:100%}}

/* =========================================================
   STEP 8.1 — CAREERS = CMS VACANCIES ONLY
   ========================================================= */
.vacancies-hero{position:relative;min-height:62vh;display:flex;align-items:flex-end;overflow:hidden;background:linear-gradient(120deg,#090807 0%,#15110e 58%,#0a0908 100%);color:#fff;padding:150px 0 76px}.vacancies-hero__grid,.vacancy-detail-hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:70px 70px;opacity:.55}.vacancies-hero__glow{position:absolute;width:620px;height:620px;right:-180px;top:-160px;border-radius:50%;background:rgba(183,122,71,.18);filter:blur(145px)}.vacancies-hero__shell{position:relative;z-index:2;width:min(1420px,calc(100% - 112px));margin:0 auto}.vacancies-hero__eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:28px}.vacancies-hero__eyebrow span{width:44px;height:1px;background:linear-gradient(90deg,#8f5b34,#cf9d62)}.vacancies-hero__eyebrow b{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#d3a06a}.vacancies-hero h1{margin:0;font-size:clamp(70px,8vw,132px);line-height:.83;letter-spacing:-.065em}.vacancies-hero h1 em{font-style:normal;font-weight:250;background:linear-gradient(100deg,#a76d41,#dfb077);-webkit-background-clip:text;background-clip:text;color:transparent}.vacancies-hero p{max-width:700px;margin:31px 0 0;color:rgba(255,255,255,.58);font-size:16px;line-height:1.7}.vacancies-hero__index{position:absolute;right:22px;bottom:26px;writing-mode:vertical-rl;font-size:8px;letter-spacing:.2em;color:rgba(255,255,255,.22)}
.vacancies-list{position:relative;background:#f7f4ef;color:#191715;overflow:hidden}.vacancies-list:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 92% 12%,rgba(207,157,98,.12),transparent 26%);pointer-events:none}.vacancies-shell{position:relative;z-index:1;width:min(1420px,calc(100% - 112px));margin:0 auto;padding:90px 0 108px;display:grid;grid-template-columns:320px 1fr;gap:80px}.vacancies-list__heading>span{font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#a66c3e}.vacancies-list__heading h2{margin:18px 0 0;font-size:clamp(44px,4.6vw,70px);line-height:.95;letter-spacing:-.055em}.vacancies-list__content{border-top:1px solid rgba(104,82,64,.2)}.vacancy-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:28px;align-items:center;padding:30px 0;border-bottom:1px solid rgba(104,82,64,.18);transition:padding .25s ease,background .25s ease}.vacancy-card:hover{padding-left:18px;padding-right:18px;background:rgba(255,255,255,.62)}.vacancy-card__number{font-size:10px;letter-spacing:.14em;color:#b87845}.vacancy-card__meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.vacancy-card__meta span{padding:5px 8px;border:1px solid rgba(143,91,52,.18);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#8b705d}.vacancy-card h3{margin:0;font-size:29px;letter-spacing:-.03em}.vacancy-card p{max-width:680px;margin:10px 0 0;color:#7b736b;line-height:1.55}.vacancy-card__action{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#9c6239;white-space:nowrap}.vacancy-card__action b{margin-left:10px;font-size:17px;font-weight:400}.vacancies-empty{padding:70px 0}.vacancies-empty span{font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#a46a3d}.vacancies-empty h3{margin:16px 0 12px;font-size:34px;letter-spacing:-.04em}.vacancies-empty p{margin:0;color:#7d756d}

/* Vacancy detail + application */
.vacancy-detail-hero{position:relative;overflow:hidden;background:#0c0b0a;color:#fff;padding:155px 0 80px}.vacancy-detail-shell{position:relative;z-index:2;width:min(1180px,calc(100% - 112px));margin:0 auto}.vacancy-back{display:inline-block;margin-bottom:48px;color:#c28a55;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.vacancy-detail-meta{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:19px}.vacancy-detail-meta span{border:1px solid rgba(207,157,98,.25);padding:6px 10px;font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#d4ab7d}.vacancy-detail-hero h1{max-width:920px;margin:0;font-size:clamp(58px,7vw,104px);line-height:.9;letter-spacing:-.06em}.vacancy-detail-hero p{max-width:720px;margin:28px 0 0;color:rgba(255,255,255,.56);font-size:16px;line-height:1.7}.vacancy-application-section{background:#f7f4ef}.vacancy-application-shell{width:min(1180px,calc(100% - 112px));margin:0 auto;padding:84px 0 110px;display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:72px;align-items:start}.vacancy-description section{padding:0 0 34px;margin-bottom:34px;border-bottom:1px solid rgba(104,82,64,.16)}.vacancy-description section>span{display:block;margin-bottom:15px;font-size:9px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;color:#a66b3f}.vacancy-description section>div{font-size:16px;line-height:1.8;color:#5f5852}.vacancy-form-card{position:sticky;top:105px;padding:34px;background:#fff;border:1px solid rgba(143,91,52,.17);box-shadow:0 28px 70px rgba(59,40,24,.09)}.vacancy-form-head span,.vacancy-form-success span{font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#a66b3f}.vacancy-form-head h2,.vacancy-form-success h2{margin:12px 0 26px;font-size:36px;line-height:1;letter-spacing:-.045em}.vacancy-form{display:grid;gap:18px}.vacancy-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vacancy-form label{display:grid;gap:7px;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#7d6653}.vacancy-form label small{font-weight:500;letter-spacing:0;text-transform:none;color:#aaa097}.vacancy-form input,.vacancy-form textarea{width:100%;box-sizing:border-box;border:0;border-bottom:1px solid rgba(143,91,52,.22);background:transparent;padding:10px 0 12px;font:inherit;font-size:14px;color:#231f1b;outline:none}.vacancy-form input:focus,.vacancy-form textarea:focus{border-color:#b77a47}.vacancy-form button{border:0;padding:15px 20px;background:linear-gradient(135deg,#8f5b34,#b77a47 52%,#cf9d62);color:#fff;font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.vacancy-file input{padding:12px;border:1px dashed rgba(143,91,52,.25)}.vacancy-form-alert{margin-bottom:20px;padding:12px 14px;background:#fff0ed;color:#8d372b;font-size:12px}.vacancy-form-success p{color:#756d65;line-height:1.6}.vacancy-form-success a{display:inline-block;margin-top:12px;color:#9b633c;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.vacancy-unavailable{min-height:75vh;display:grid;place-items:center;background:#f7f4ef;padding:120px 30px;text-align:center}.vacancy-unavailable span{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#a66b3f}.vacancy-unavailable h1{font-size:54px;letter-spacing:-.05em}.vacancy-unavailable a{color:#9b633c;font-weight:800}.careers-honeypot{position:absolute!important;left:-9999px!important}

@media(max-width:900px){.vacancies-hero__shell,.vacancies-shell,.vacancy-detail-shell,.vacancy-application-shell{width:calc(100% - 56px)}.vacancies-shell{grid-template-columns:1fr;gap:42px}.vacancy-application-shell{grid-template-columns:1fr}.vacancy-form-card{position:relative;top:auto}.vacancy-card{grid-template-columns:42px 1fr}.vacancy-card__action{grid-column:2;margin-top:6px}.vacancies-hero{min-height:55vh;padding-top:130px}.vacancies-hero h1{font-size:78px}}
@media(max-width:640px){.vacancies-hero__shell,.vacancies-shell,.vacancy-detail-shell,.vacancy-application-shell{width:calc(100% - 40px)}.vacancies-hero{padding:125px 0 58px}.vacancies-hero h1{font-size:60px}.vacancies-hero p{font-size:14px}.vacancies-shell{padding:66px 0 78px}.vacancy-card{grid-template-columns:34px 1fr;gap:14px;padding:23px 0}.vacancy-card h3{font-size:23px}.vacancy-card p{font-size:13px}.vacancy-card__meta span{font-size:7px}.vacancy-detail-hero{padding:130px 0 55px}.vacancy-detail-hero h1{font-size:54px}.vacancy-application-shell{padding:58px 0 80px}.vacancy-form-card{padding:24px 20px}.vacancy-form-grid{grid-template-columns:1fr}.vacancy-unavailable h1{font-size:40px}}


/* =========================================================
   STEP 9 — CAREERS EMPTY STATE POLISH + BLOG PUBLIC PAGE
   CMS integration deliberately deferred.
   ========================================================= */

/* Careers: fix desktop collision and make the no-vacancy state intentional */
@media(min-width:901px){
  .vacancies-shell{
    grid-template-columns:minmax(300px,360px) minmax(0,1fr) !important;
    gap:clamp(90px,8vw,150px) !important;
    align-items:start;
  }

  .vacancies-list__heading{
    max-width:360px;
  }

  .vacancies-list__heading h2{
    font-size:clamp(48px,4.1vw,66px) !important;
    overflow-wrap:normal;
    word-break:normal;
  }

  .vacancies-list__content{
    min-width:0;
  }
}

.vacancies-empty{
  min-height:280px;
  padding:58px 0 !important;
  display:grid;
  grid-template-columns:74px minmax(0,650px);
  gap:32px;
  align-content:center;
  border-bottom:1px solid rgba(104,82,64,.18);
}

.vacancies-empty__index{
  font-size:11px;
  letter-spacing:.18em;
  color:#b57845;
  padding-top:8px;
}

.vacancies-empty__copy span{
  display:block;
  font-size:9px;
  font-weight:800;
  letter-spacing:.17em;
  text-transform:uppercase;
  color:#a46a3d;
}

.vacancies-empty__copy h3{
  max-width:650px;
  margin:16px 0 12px;
  font-size:clamp(30px,3vw,44px);
  line-height:1.03;
  letter-spacing:-.045em;
}

.vacancies-empty__copy p{
  max-width:590px;
  margin:0;
  color:#7d756d;
  line-height:1.65;
}

@media(max-width:900px){
  .vacancies-empty{
    grid-template-columns:42px 1fr;
    gap:18px;
    min-height:220px;
    padding:38px 0 !important;
  }
}

@media(max-width:640px){
  .vacancies-empty{
    grid-template-columns:1fr;
    gap:12px;
  }
  .vacancies-empty__copy h3{font-size:30px}
}

/* Blog / Insights */
.journal-hero{
  position:relative;
  min-height:65vh;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  padding:150px 0 78px;
  color:#fff;
  background:
    radial-gradient(circle at 84% 22%,rgba(207,157,98,.13),transparent 28%),
    linear-gradient(120deg,#090807 0%,#15110e 58%,#090807 100%);
}

.journal-hero__grid{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
  background-size:70px 70px;
  opacity:.62;
}

.journal-hero__glow{
  position:absolute;
  width:620px;
  height:620px;
  right:-170px;
  top:-180px;
  border-radius:50%;
  background:rgba(183,122,71,.17);
  filter:blur(150px);
}

.journal-hero__pattern{
  position:absolute;
  right:-7%;
  bottom:-10%;
  width:62%;
  aspect-ratio:1.78;
  background:url("../images/faq-mountain-pattern.png") center/contain no-repeat;
  opacity:.075;
  mix-blend-mode:screen;
}

.journal-hero__shell{
  position:relative;
  z-index:2;
  width:min(1420px,calc(100% - 112px));
  margin:0 auto;
}

.journal-hero__eyebrow{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:28px;
}

.journal-hero__eyebrow span{
  width:44px;
  height:1px;
  background:linear-gradient(90deg,#8f5b34,#cf9d62);
}

.journal-hero__eyebrow b{
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#d3a06a;
}

.journal-hero h1{
  margin:0;
  max-width:1080px;
  font-size:clamp(66px,7.4vw,118px);
  line-height:.87;
  letter-spacing:-.065em;
}

.journal-hero h1 em{
  font-style:normal;
  font-weight:250;
  background:linear-gradient(100deg,#a76d41,#dfb077);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.journal-hero p{
  max-width:680px;
  margin:31px 0 0;
  color:rgba(255,255,255,.58);
  font-size:16px;
  line-height:1.72;
}

.journal-hero__index{
  position:absolute;
  right:22px;
  bottom:26px;
  writing-mode:vertical-rl;
  font-size:8px;
  letter-spacing:.2em;
  color:rgba(255,255,255,.22);
}

.journal-list{
  position:relative;
  overflow:hidden;
  background:#f7f4ef;
  color:#191715;
}

.journal-list::before{
  content:"";
  position:absolute;
  right:-5%;
  top:6%;
  width:54%;
  aspect-ratio:1.78;
  background:url("../images/faq-mountain-pattern.png") center/contain no-repeat;
  opacity:.035;
  pointer-events:none;
}

.journal-list::after{
  content:"";
  position:absolute;
  width:500px;
  height:500px;
  right:-160px;
  top:-100px;
  border-radius:50%;
  background:rgba(207,157,98,.09);
  filter:blur(130px);
  pointer-events:none;
}

.journal-shell{
  position:relative;
  z-index:2;
  width:min(1420px,calc(100% - 112px));
  margin:0 auto;
  padding:92px 0 112px;
  display:grid;
  grid-template-columns:minmax(300px,390px) minmax(0,1fr);
  gap:clamp(90px,9vw,160px);
}

.journal-heading > span{
  font-size:10px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#a66c3e;
}

.journal-heading h2{
  margin:18px 0 22px;
  font-size:clamp(48px,4.8vw,72px);
  line-height:.94;
  letter-spacing:-.055em;
}

.journal-heading h2 em{
  font-style:normal;
  font-weight:300;
  color:#b47643;
}

.journal-heading p{
  margin:0;
  max-width:390px;
  color:#7d756d;
  line-height:1.7;
}

.journal-content{
  min-width:0;
  border-top:1px solid rgba(104,82,64,.2);
}

.journal-empty{
  min-height:330px;
  display:grid;
  grid-template-columns:74px minmax(0,650px);
  gap:32px;
  align-content:center;
  padding:58px 0;
  border-bottom:1px solid rgba(104,82,64,.18);
}

.journal-empty__number{
  padding-top:8px;
  font-size:11px;
  letter-spacing:.18em;
  color:#b57845;
}

.journal-empty span{
  display:block;
  font-size:9px;
  font-weight:800;
  letter-spacing:.17em;
  text-transform:uppercase;
  color:#a46a3d;
}

.journal-empty h3{
  max-width:650px;
  margin:16px 0 12px;
  font-size:clamp(30px,3vw,44px);
  line-height:1.03;
  letter-spacing:-.045em;
}

.journal-empty p{
  max-width:600px;
  margin:0;
  color:#7d756d;
  line-height:1.65;
}

@media(max-width:900px){
  .journal-hero__shell,
  .journal-shell{
    width:calc(100% - 56px);
  }

  .journal-hero{
    min-height:58vh;
    padding:130px 0 68px;
  }

  .journal-hero h1{
    font-size:76px;
  }

  .journal-hero__pattern{
    width:88%;
    right:-28%;
    opacity:.055;
  }

  .journal-shell{
    grid-template-columns:1fr;
    gap:48px;
    padding:72px 0 88px;
  }

  .journal-heading p{max-width:650px}
}

@media(max-width:640px){
  .journal-hero__shell,
  .journal-shell{
    width:calc(100% - 40px);
  }

  .journal-hero{
    min-height:55vh;
    padding:124px 0 58px;
  }

  .journal-hero h1{
    font-size:54px;
  }

  .journal-hero p{
    font-size:14px;
  }

  .journal-hero__pattern{
    width:118%;
    right:-46%;
    bottom:0;
  }

  .journal-shell{
    padding:64px 0 76px;
  }

  .journal-heading h2{
    font-size:48px;
  }

  .journal-empty{
    min-height:250px;
    grid-template-columns:1fr;
    gap:12px;
    padding:38px 0;
  }

  .journal-empty h3{
    font-size:30px;
  }

  .journal-list::before{
    width:95%;
    right:-36%;
    opacity:.025;
  }
}


/* =========================================================
   STEP 9.1 — UNIVERSAL NAVBAR LOGO SCROLL BEHAVIOR
   All pages now match Home:
   top = white logo
   scrolled = original CTA-gradient logo
   ========================================================= */
.site-header img[src*="sierra-logo"]{
  filter:brightness(0) invert(1) !important;
  transition:filter .28s ease, opacity .28s ease !important;
}

.site-header.is-scrolled img[src*="sierra-logo"],
.site-header img[src*="sierra-logo"].logo-scrolled{
  filter:none !important;
}


/* =========================================================
   STEP 10 — SIERRA BUSINESS JOURNAL / FILLED BLOG
   ========================================================= */
.journal-hero__jump{
  display:inline-flex;
  align-items:center;
  gap:18px;
  margin-top:34px;
  padding-bottom:9px;
  border-bottom:1px solid rgba(220,169,109,.75);
  color:#d7a367;
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  text-decoration:none;
}
.journal-hero__jump span{font-size:16px;font-weight:400}

.journal-feature{
  background:#f7f4ef;
  color:#181614;
  border-bottom:1px solid rgba(93,72,55,.16);
}
.journal-feature__shell{
  width:min(1420px,calc(100% - 112px));
  margin:0 auto;
  padding:78px 0 86px;
}
.journal-feature__meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-bottom:18px;
  border-bottom:1px solid rgba(93,72,55,.18);
  text-transform:uppercase;
  letter-spacing:.17em;
  font-size:9px;
}
.journal-feature__meta span{color:#a66c3e;font-weight:800}
.journal-feature__meta b{color:#756d65;font-size:8px}
.journal-feature__body{
  display:grid;
  grid-template-columns:54px minmax(0,1.1fr) minmax(360px,.78fr);
  gap:34px;
  padding-top:42px;
  align-items:stretch;
}
.journal-feature__number{
  padding-top:6px;
  color:#b47643;
  font-size:11px;
  letter-spacing:.18em;
}
.journal-feature__copy{padding:0 24px 4px 0}
.journal-feature__date{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 18px;
  color:#8a8179;
  font-size:9px;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.journal-feature__date i,
.journal-card__copy p i,
.article-meta i{
  width:3px;height:3px;border-radius:50%;background:#bd7d47;display:inline-block;
}
.journal-feature__copy h2{
  max-width:750px;
  margin:0;
  font-size:clamp(42px,4.2vw,68px);
  line-height:.96;
  letter-spacing:-.055em;
}
.journal-feature__copy > p:not(.journal-feature__date){
  max-width:680px;
  margin:24px 0 30px;
  color:#766e66;
  font-size:15px;
  line-height:1.75;
}
.journal-feature__copy > a{
  display:inline-flex;
  gap:18px;
  align-items:center;
  color:#171513;
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  text-decoration:none;
  border-bottom:1px solid #b87944;
  padding-bottom:8px;
}
.journal-feature__visual{
  position:relative;
  min-height:360px;
  overflow:hidden;
  background:
    radial-gradient(circle at 80% 18%,rgba(208,157,98,.18),transparent 30%),
    linear-gradient(135deg,#17130f,#0c0b0a);
  text-decoration:none;
}
.journal-feature__visual-grid{
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:52px 52px;
}
.journal-feature__visual img{
  position:absolute;
  width:130%;
  max-width:none;
  left:-18%;
  bottom:-10%;
  opacity:.16;
}
.journal-feature__visual span{
  position:absolute;left:24px;top:23px;color:#d3a06a;font-size:8px;font-weight:800;letter-spacing:.18em;
}
.journal-feature__visual strong{
  position:absolute;right:20px;bottom:8px;color:rgba(255,255,255,.08);font-size:100px;line-height:1;font-weight:500;
}

.journal-library{
  position:relative;
  overflow:hidden;
  background:#f7f4ef;
  color:#181614;
}
.journal-library::before{
  content:"";position:absolute;right:-12%;top:5%;width:55%;aspect-ratio:1.78;
  background:url("../images/faq-mountain-pattern.png") center/contain no-repeat;opacity:.025;pointer-events:none;
}
.journal-library__shell{
  position:relative;z-index:1;width:min(1420px,calc(100% - 112px));margin:0 auto;padding:94px 0 118px;
}
.journal-library__head{
  display:grid;grid-template-columns:minmax(420px,1fr) minmax(280px,420px);gap:70px;align-items:end;
}
.journal-library__head span{
  color:#a66c3e;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;
}
.journal-library__head h2{
  margin:17px 0 0;font-size:clamp(52px,5vw,78px);line-height:.92;letter-spacing:-.06em;
}
.journal-library__head h2 em{font-style:normal;font-weight:300;color:#b47643}
.journal-library__head p{margin:0 0 5px;color:#7d756d;line-height:1.7}
.journal-filters{
  display:flex;gap:10px;flex-wrap:wrap;margin:48px 0 34px;padding-top:25px;border-top:1px solid rgba(93,72,55,.17);
}
.journal-filters button{
  appearance:none;border:1px solid rgba(75,62,51,.22);border-radius:999px;background:transparent;color:#6e665f;
  padding:11px 17px;font:inherit;font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;
  transition:.2s ease;
}
.journal-filters button:hover,.journal-filters button.is-active{background:#171513;border-color:#171513;color:#fff}
.journal-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(93,72,55,.18);border-left:1px solid rgba(93,72,55,.18);
}
.journal-card{min-width:0;border-right:1px solid rgba(93,72,55,.18);border-bottom:1px solid rgba(93,72,55,.18)}
.journal-card[hidden]{display:none}
.journal-card__link{
  position:relative;display:flex;flex-direction:column;min-height:390px;padding:24px 28px 28px;color:inherit;text-decoration:none;overflow:hidden;
}
.journal-card__top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}
.journal-card__top span{color:#b47643;font-size:10px;letter-spacing:.16em}
.journal-card__top b{color:#82786f;font-size:8px;letter-spacing:.15em;text-transform:uppercase}
.journal-card__motif{position:absolute;right:-16%;top:8%;width:70%;opacity:.032;transition:transform .45s ease,opacity .45s ease}
.journal-card__motif img{width:100%;display:block}
.journal-card__copy{position:relative;z-index:2;margin-top:auto}
.journal-card__copy p{display:flex;align-items:center;gap:8px;margin:0 0 15px;color:#8a8179;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.journal-card__copy h3{max-width:590px;margin:0;font-size:clamp(27px,2.45vw,38px);line-height:1.02;letter-spacing:-.045em}
.journal-card__excerpt{max-width:580px;margin-top:13px;color:#7b736b;line-height:1.65;font-size:13px}
.journal-card__cta{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:14px;border-top:1px solid rgba(93,72,55,.18);font-size:8px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.journal-card__cta b{font-size:15px;color:#b47643}
.journal-card__link:hover .journal-card__motif{transform:translate(-4%,-2%) scale(1.05);opacity:.08}

.journal-cta{
  position:relative;overflow:hidden;background:linear-gradient(120deg,#0b0a09,#17120e 64%,#0b0a09);color:#fff;
}
.journal-cta__pattern{
  position:absolute;right:-8%;bottom:-18%;width:62%;aspect-ratio:1.78;background:url("../images/faq-mountain-pattern.png") center/contain no-repeat;opacity:.09;
}
.journal-cta__shell{position:relative;z-index:1;width:min(1420px,calc(100% - 112px));margin:0 auto;padding:94px 0 104px}
.journal-cta__shell > span{color:#d1a067;font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.journal-cta h2{margin:18px 0 22px;font-size:clamp(54px,5.6vw,86px);line-height:.9;letter-spacing:-.06em}
.journal-cta h2 em{font-style:normal;font-weight:280;color:#d3a06a}
.journal-cta p{max-width:650px;color:rgba(255,255,255,.57);line-height:1.72}
.journal-cta a{display:inline-flex;gap:18px;margin-top:24px;padding-bottom:8px;border-bottom:1px solid #cf9d62;color:#fff;text-decoration:none;font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}

/* Article */
.article-hero{
  position:relative;overflow:hidden;min-height:72vh;display:flex;align-items:flex-end;padding:155px 0 80px;color:#fff;
  background:radial-gradient(circle at 83% 20%,rgba(207,157,98,.15),transparent 29%),linear-gradient(120deg,#090807,#17120e 60%,#090807);
}
.article-hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:70px 70px}
.article-hero__pattern{position:absolute;right:-12%;bottom:-12%;width:65%;aspect-ratio:1.78;background:url("../images/faq-mountain-pattern.png") center/contain no-repeat;opacity:.075}
.article-hero__shell{position:relative;z-index:2;width:min(1180px,calc(100% - 112px));margin:0 auto}
.article-back{display:inline-block;margin-bottom:42px;color:rgba(255,255,255,.5);font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;text-decoration:none}
.article-kicker{color:#d3a06a!important}
.article-meta{display:flex;align-items:center;gap:11px;color:#d1a067;font-size:8px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.article-hero h1{max-width:1080px;margin:22px 0 28px;font-size:clamp(58px,6.3vw,96px);line-height:.91;letter-spacing:-.062em}
.article-hero__shell > p{max-width:780px;margin:0;color:rgba(255,255,255,.58);font-size:16px;line-height:1.72}
.article-hero__number{position:absolute;right:4%;bottom:-38px;color:rgba(255,255,255,.045);font-size:240px;line-height:1;font-weight:600}
.article-body{
  width:min(1180px,calc(100% - 112px));margin:0 auto;padding:96px 0 120px;display:grid;grid-template-columns:260px minmax(0,720px);gap:100px;
}
.article-aside{position:sticky;top:120px;align-self:start;border-top:1px solid rgba(93,72,55,.22);padding-top:20px}
.article-aside span{color:#a66c3e;font-size:8px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.article-aside p{color:#81786f;line-height:1.65;font-size:12px}
.article-aside a{display:inline-block;margin-top:12px;color:#171513;text-decoration:none;border-bottom:1px solid #b47643;padding-bottom:6px;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.article-copy{min-width:0}
.article-lead{margin:0 0 70px;font-size:clamp(25px,2.5vw,36px);line-height:1.35;letter-spacing:-.025em;color:#292521}
.article-copy section{position:relative;padding:0 0 55px 58px;margin-bottom:55px;border-bottom:1px solid rgba(93,72,55,.18)}
.article-copy section > span{position:absolute;left:0;top:6px;color:#b47643;font-size:9px;letter-spacing:.15em}
.article-copy section h2{margin:0 0 18px;font-size:clamp(30px,3vw,43px);line-height:1.04;letter-spacing:-.04em}
.article-copy section p{margin:0;color:#6f675f;font-size:15px;line-height:1.82}
.article-note{padding:28px 30px;background:#efe8de;border-left:2px solid #b47643}
.article-note span{color:#a66c3e;font-size:8px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.article-note p{margin:10px 0 0;color:#6e665e;line-height:1.7;font-size:12px}
.article-next{
  width:min(1180px,calc(100% - 112px));margin:0 auto 110px;padding:40px 0;border-top:1px solid rgba(93,72,55,.2);border-bottom:1px solid rgba(93,72,55,.2);
  display:flex;align-items:end;justify-content:space-between;gap:30px;
}
.article-next span{color:#a66c3e;font-size:8px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.article-next h2{margin:10px 0 0;font-size:38px;letter-spacing:-.04em}
.article-next a{color:#171513;text-decoration:none;border-bottom:1px solid #b47643;padding-bottom:7px;font-size:8px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}

@media(max-width:900px){
  .journal-feature__shell,.journal-library__shell,.journal-cta__shell{width:calc(100% - 56px)}
  .journal-feature__body{grid-template-columns:42px 1fr}
  .journal-feature__visual{grid-column:2;min-height:300px}
  .journal-library__head{grid-template-columns:1fr;gap:28px}
  .journal-grid{grid-template-columns:1fr}
  .journal-card__link{min-height:350px}
  .article-hero__shell,.article-body,.article-next{width:calc(100% - 56px)}
  .article-body{grid-template-columns:1fr;gap:50px;padding-top:70px}
  .article-aside{position:static;max-width:520px}
}
@media(max-width:640px){
  .journal-feature__shell,.journal-library__shell,.journal-cta__shell{width:calc(100% - 40px)}
  .journal-feature__shell{padding:60px 0 66px}
  .journal-feature__body{grid-template-columns:1fr;gap:20px}
  .journal-feature__number{display:none}
  .journal-feature__copy{padding:0}
  .journal-feature__copy h2{font-size:42px}
  .journal-feature__visual{grid-column:1;min-height:250px}
  .journal-library__shell{padding:70px 0 82px}
  .journal-library__head h2{font-size:49px}
  .journal-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}
  .journal-filters button{white-space:nowrap}
  .journal-card__link{min-height:335px;padding:22px 20px 24px}
  .journal-card__copy h3{font-size:31px}
  .journal-card__excerpt{font-size:12px}
  .journal-cta__shell{padding:72px 0 80px}
  .article-hero{min-height:68vh;padding:130px 0 62px}
  .article-hero__shell,.article-body,.article-next{width:calc(100% - 40px)}
  .article-hero h1{font-size:48px}
  .article-hero__shell > p{font-size:14px}
  .article-hero__number{font-size:150px;right:-8%;bottom:-22px}
  .article-body{padding:64px 0 80px}
  .article-lead{font-size:26px;margin-bottom:55px}
  .article-copy section{padding-left:0;padding-top:34px}
  .article-copy section > span{top:0}
  .article-copy section h2{font-size:31px}
  .article-copy section p{font-size:14px}
  .article-next{margin-bottom:80px;align-items:flex-start;flex-direction:column}
}


/* =========================================================
   STEP 10.1 — COMPACT JOURNAL + LIGHT ARTICLE SYSTEM
   ========================================================= */

/* Article is now one continuous Sierra ivory canvas. */
.article-page,
.article-page main,
.article-page .article{
  background:#f7f4ef;
  color:#181614;
}

.article-page .article{
  position:relative;
  overflow:hidden;
}

.article-page .article::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:url("../images/faq-mountain-pattern.png");
  background-repeat:no-repeat;
  background-size:min(1120px,92vw) auto;
  background-position:calc(100% + 160px) 690px;
  opacity:.032;
}

.article-page .article > *{
  position:relative;
  z-index:1;
}

/* Replace the former black article hero with the same light editorial language. */
.article-page .article-hero{
  min-height:auto;
  padding:158px 0 76px;
  color:#181614;
  background:
    radial-gradient(circle at 86% 14%,rgba(185,118,67,.07),transparent 28%),
    #f7f4ef;
  border-bottom:1px solid rgba(93,72,55,.17);
}

.article-page .article-hero__grid{
  opacity:.22;
  background-image:
    linear-gradient(rgba(84,68,54,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(84,68,54,.045) 1px,transparent 1px);
}

.article-page .article-hero__pattern{
  right:-10%;
  bottom:-12%;
  width:62%;
  opacity:.035;
  background-image:url("../images/faq-mountain-pattern.png");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
}

.article-page .article-back{
  color:#7d756d;
}

.article-page .article-meta{
  color:#a66c3e;
}

.article-page .article-hero h1{
  color:#181614;
}

.article-page .article-hero__shell > p{
  color:#746c64;
}

.article-page .article-hero__number{
  color:rgba(180,118,67,.055);
}

.article-page .article-body{
  background:transparent;
  color:#181614;
  padding-top:78px;
  padding-bottom:92px;
}

.article-page .article-lead{
  color:#2b2723;
}

.article-page .article-copy section h2{
  color:#181614;
}

.article-page .article-copy section p,
.article-page .article-aside p{
  color:#746c64;
}

.article-page .article-aside{
  border-top-color:rgba(93,72,55,.18);
}

.article-page .article-aside a,
.article-page .article-next a{
  color:#181614;
}

.article-page .article-copy section,
.article-page .article-next{
  border-color:rgba(93,72,55,.17);
}

.article-page .article-note{
  background:#eee6dc;
}

/* Tighter cards: less dead space, same hierarchy. */
.journal-card__link{
  min-height:390px;
}

.journal-card__copy{
  margin-top:92px;
}

.journal-card__motif{
  max-height:240px;
  overflow:hidden;
}

@media(max-width:900px){
  .journal-card__link{min-height:350px}
  .journal-card__copy{margin-top:72px}
  .article-page .article::before{
    background-size:900px auto;
    background-position:70% 650px;
  }
}

@media(max-width:640px){
  .journal-card__link{min-height:325px}
  .journal-card__copy{margin-top:58px}
  .article-page .article-hero{padding:128px 0 58px}
  .article-page .article-body{padding-top:58px;padding-bottom:72px}
  .article-page .article::before{
    background-size:760px auto;
    background-position:58% 600px;
    opacity:.027;
  }
}


/* =========================================================
   STEP 10.2 — DARK ARTICLE TOPIC / LIGHT ARTICLE BODY
   ========================================================= */

/* Keep only the article topic/hero dark. */
.article-page .article-hero{
  color:#f7f4ef;
  background:
    radial-gradient(circle at 84% 18%,rgba(185,118,67,.16),transparent 30%),
    #11100f;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.article-page .article-hero__grid{
  opacity:.28;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
}

.article-page .article-hero__pattern{
  opacity:.10;
  filter:none;
}

.article-page .article-back{
  color:rgba(247,244,239,.62);
}

.article-page .article-meta{
  color:#c68b58;
}

.article-page .article-hero h1{
  color:#fff;
}

.article-page .article-hero__shell > p{
  color:rgba(247,244,239,.66);
}

.article-page .article-hero__number{
  color:rgba(255,255,255,.045);
}

/* Everything after the topic stays light. */
.article-page .article-body{
  background:#f7f4ef;
  color:#181614;
}

.article-page .article-lead,
.article-page .article-copy section h2,
.article-page .article-aside a,
.article-page .article-next a{
  color:#181614;
}

.article-page .article-copy section p,
.article-page .article-aside p{
  color:#746c64;
}

/* Put the subtle non-repeating mountain artwork on the light body only. */
.article-page .article::before{
  display:none;
}

.article-page .article-body{
  position:relative;
  overflow:hidden;
}

.article-page .article-body::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:url("../images/faq-mountain-pattern.png");
  background-repeat:no-repeat;
  background-size:min(1120px,92vw) auto;
  background-position:calc(100% + 160px) 220px;
  opacity:.03;
}

.article-page .article-body > *{
  position:relative;
  z-index:1;
}

@media(max-width:640px){
  .article-page .article-body::before{
    background-size:760px auto;
    background-position:58% 180px;
    opacity:.026;
  }
}


/* =========================================================
   STEP 10.3 — STRONGER TYPOGRAPHY + RELATED INSIGHTS
   ========================================================= */

/* Blog index typography — stronger editorial hierarchy */
.journal-hero__shell h1{
  font-size:clamp(72px,8.3vw,132px) !important;
  line-height:.84 !important;
  letter-spacing:-.07em !important;
}

.journal-hero__shell > p{
  max-width:900px !important;
  font-size:clamp(18px,1.55vw,25px) !important;
  line-height:1.55 !important;
}

.journal-feature__copy h2{
  font-size:clamp(50px,5vw,80px) !important;
  line-height:.93 !important;
}

.journal-feature__copy > p:not(.journal-feature__date){
  font-size:17px !important;
  line-height:1.72 !important;
}

.journal-library__head h2{
  font-size:clamp(60px,6vw,92px) !important;
}

.journal-library__head p{
  font-size:17px !important;
  line-height:1.72 !important;
}

.journal-card__copy h3{
  font-size:clamp(32px,3vw,46px) !important;
  line-height:.98 !important;
}

.journal-card__excerpt{
  font-size:14.5px !important;
  line-height:1.68 !important;
}

.journal-card__cta{
  font-size:9px !important;
}

.journal-card__top b,
.journal-card__copy p{
  font-size:9px !important;
}

/* Individual article typography */
.article-page .article-hero h1{
  max-width:1180px !important;
  font-size:clamp(68px,7.2vw,112px) !important;
  line-height:.88 !important;
}

.article-page .article-hero__shell > p{
  max-width:900px !important;
  font-size:clamp(18px,1.6vw,25px) !important;
  line-height:1.58 !important;
}

.article-page .article-lead{
  font-size:clamp(30px,3vw,44px) !important;
  line-height:1.28 !important;
  max-width:830px;
}

.article-page .article-copy section h2{
  font-size:clamp(36px,3.6vw,54px) !important;
  line-height:1 !important;
}

.article-page .article-copy section p{
  font-size:17px !important;
  line-height:1.82 !important;
}

.article-page .article-aside p{
  font-size:13.5px !important;
}

.article-page .article-note p{
  font-size:13.5px !important;
}

/* Related / suggested articles */
.article-related{
  width:min(1280px,calc(100% - 112px));
  margin:0 auto 92px;
  padding-top:72px;
  border-top:1px solid rgba(93,72,55,.18);
}

.article-related__head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:40px;
  margin-bottom:34px;
}

.article-related__head > div > span{
  display:block;
  margin-bottom:14px;
  color:#a66c3e;
  font-size:9px;
  font-weight:800;
  letter-spacing:.17em;
  text-transform:uppercase;
}

.article-related__head h2{
  margin:0;
  color:#181614;
  font-size:clamp(48px,5vw,72px);
  line-height:.92;
  letter-spacing:-.055em;
}

.article-related__head h2 em{
  color:#b47643;
  font-style:normal;
  font-weight:300;
}

.article-related__head > a{
  flex:0 0 auto;
  color:#181614;
  text-decoration:none;
  border-bottom:1px solid #b47643;
  padding-bottom:7px;
  font-size:8px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.article-related__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid rgba(93,72,55,.18);
  border-left:1px solid rgba(93,72,55,.18);
}

.article-related__card{
  min-width:0;
  border-right:1px solid rgba(93,72,55,.18);
  border-bottom:1px solid rgba(93,72,55,.18);
}

.article-related__card > a{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:390px;
  padding:26px 26px 24px;
  color:#181614;
  text-decoration:none;
  overflow:hidden;
  background:
    linear-gradient(rgba(247,244,239,.96),rgba(247,244,239,.96)),
    url("../images/faq-mountain-pattern.png") right -100px bottom -40px/72% auto no-repeat;
  transition:background-color .25s ease;
}

.article-related__card > a:hover{
  background:
    linear-gradient(rgba(239,232,222,.92),rgba(239,232,222,.92)),
    url("../images/faq-mountain-pattern.png") right -85px bottom -30px/76% auto no-repeat;
}

.article-related__meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.article-related__meta span{
  color:#b47643;
  font-size:10px;
  letter-spacing:.15em;
}

.article-related__meta b{
  color:#80776f;
  font-size:8px;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.article-related__card h3{
  margin:80px 0 16px;
  font-size:clamp(27px,2.25vw,36px);
  line-height:1.02;
  letter-spacing:-.042em;
}

.article-related__card p{
  margin:0;
  color:#756d65;
  font-size:13px;
  line-height:1.66;
}

.article-related__footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin-top:auto;
  padding-top:22px;
  border-top:1px solid rgba(93,72,55,.16);
  color:#7f766e;
  font-size:8px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.article-related__footer b{
  color:#a96d3b;
}

@media(max-width:900px){
  .article-related{
    width:calc(100% - 56px);
  }

  .article-related__grid{
    grid-template-columns:1fr;
  }

  .article-related__card > a{
    min-height:320px;
  }

  .article-related__card h3{
    margin-top:55px;
  }
}

@media(max-width:640px){
  .journal-hero__shell h1{
    font-size:60px !important;
  }

  .journal-hero__shell > p{
    font-size:16px !important;
  }

  .journal-card__copy h3{
    font-size:34px !important;
  }

  .article-page .article-hero h1{
    font-size:54px !important;
  }

  .article-page .article-hero__shell > p{
    font-size:16px !important;
  }

  .article-page .article-lead{
    font-size:29px !important;
  }

  .article-page .article-copy section h2{
    font-size:34px !important;
  }

  .article-page .article-copy section p{
    font-size:15px !important;
  }

  .article-related{
    width:calc(100% - 40px);
    margin-bottom:72px;
    padding-top:56px;
  }

  .article-related__head{
    align-items:flex-start;
    flex-direction:column;
  }

  .article-related__head h2{
    font-size:48px;
  }

  .article-related__card > a{
    min-height:300px;
    padding:22px 20px;
  }

  .article-related__card h3{
    margin-top:48px;
    font-size:30px;
  }
}


/* =========================================================
   STEP 10.4 — ARTICLE DENSITY + CORRECT TYPOGRAPHY TARGETS
   The smaller journal/sidebar + section copy is enlarged,
   while excessive empty space is removed.
   ========================================================= */

/* Undo the oversized article lead/body treatment from 10.3 */
.article-page .article-lead{
  max-width:920px !important;
  font-size:clamp(25px,2.15vw,34px) !important;
  line-height:1.32 !important;
  margin-bottom:54px !important;
}

.article-page .article-copy section h2{
  font-size:clamp(34px,3.05vw,48px) !important;
  line-height:1.02 !important;
}

.article-page .article-copy section p{
  font-size:18px !important;
  line-height:1.78 !important;
}

/* This is the small left-side journal information the user meant. */
.article-page .article-aside{
  padding-top:26px !important;
}

.article-page .article-aside span{
  display:block;
  margin-bottom:18px;
  font-size:11px !important;
  line-height:1.35;
  letter-spacing:.17em !important;
}

.article-page .article-aside p{
  max-width:300px;
  margin:0 0 25px;
  font-size:16px !important;
  line-height:1.7 !important;
}

.article-page .article-aside a{
  font-size:10px !important;
  letter-spacing:.14em !important;
  padding-bottom:8px !important;
}

/* Use the page width properly instead of leaving a huge empty field. */
.article-page .article-body{
  width:min(1420px,calc(100% - 112px)) !important;
  grid-template-columns:minmax(250px,310px) minmax(0,1fr) !important;
  gap:76px !important;
  padding-top:72px !important;
  padding-bottom:82px !important;
}

.article-page .article-copy{
  max-width:none !important;
  width:100%;
}

.article-page .article-copy section{
  max-width:none !important;
  padding:0 0 46px 60px !important;
  margin-bottom:46px !important;
}

/* Add an editorial rail on the far right through a pseudo-layer
   so the page feels composed rather than empty. */
.article-page .article-body::after{
  content:"SIERRA  /  BUSINESS  JOURNAL";
  position:absolute;
  right:18px;
  top:92px;
  writing-mode:vertical-rl;
  color:rgba(166,108,62,.30);
  font-size:8px;
  font-weight:800;
  letter-spacing:.22em;
  text-transform:uppercase;
  pointer-events:none;
}

/* Stronger but restrained mountain pattern across the reading area. */
.article-page .article-body::before{
  background-size:min(1250px,88vw) auto !important;
  background-position:calc(100% + 80px) 180px !important;
  opacity:.045 !important;
}

/* Related articles get closer to article body to maintain rhythm. */
.article-related{
  width:min(1420px,calc(100% - 112px)) !important;
  margin-top:8px !important;
  padding-top:58px !important;
}

/* Keep article index page typography strong but not oversized. */
.journal-card__copy h3{
  font-size:clamp(30px,2.7vw,42px) !important;
}

.journal-card__excerpt{
  font-size:15px !important;
}

@media(max-width:1100px){
  .article-page .article-body{
    width:calc(100% - 70px) !important;
    grid-template-columns:230px minmax(0,1fr) !important;
    gap:54px !important;
  }
  .article-related{
    width:calc(100% - 70px) !important;
  }
}

@media(max-width:900px){
  .article-page .article-body{
    width:calc(100% - 56px) !important;
    grid-template-columns:1fr !important;
    gap:36px !important;
  }

  .article-page .article-aside{
    position:static !important;
    max-width:none !important;
    display:grid;
    grid-template-columns:1fr 1.5fr auto;
    gap:24px;
    align-items:end;
    padding:22px 0 30px !important;
    border-bottom:1px solid rgba(93,72,55,.17);
  }

  .article-page .article-aside span{
    margin:0 !important;
  }

  .article-page .article-aside p{
    max-width:none;
    margin:0;
    font-size:15px !important;
  }

  .article-page .article-aside a{
    white-space:nowrap;
  }

  .article-page .article-body::after{
    display:none;
  }

  .article-related{
    width:calc(100% - 56px) !important;
  }
}

@media(max-width:640px){
  .article-page .article-body{
    width:calc(100% - 40px) !important;
    padding-top:46px !important;
  }

  .article-page .article-aside{
    grid-template-columns:1fr;
    gap:12px;
  }

  .article-page .article-aside span{
    font-size:10px !important;
  }

  .article-page .article-aside p{
    font-size:14px !important;
  }

  .article-page .article-lead{
    font-size:27px !important;
    margin-bottom:44px !important;
  }

  .article-page .article-copy section{
    padding:30px 0 38px !important;
    margin-bottom:36px !important;
  }

  .article-page .article-copy section h2{
    font-size:32px !important;
  }

  .article-page .article-copy section p{
    font-size:16px !important;
  }

  .article-page .article-body::before{
    background-size:760px auto !important;
    background-position:58% 150px !important;
    opacity:.032 !important;
  }

  .article-related{
    width:calc(100% - 40px) !important;
  }
}


/* =========================================================
   STEP 10.5 — ARTICLE HERO TITLE SCALE
   Pull the article topic/title back to a premium editorial
   scale so it no longer overwhelms the reader.
   ========================================================= */

.article-page .article-hero h1{
  max-width:1280px !important;
  font-size:clamp(58px,6.2vw,104px) !important;
  line-height:.94 !important;
  letter-spacing:-.052em !important;
}

.article-page .article-hero__inner{
  padding-top:150px !important;
  padding-bottom:105px !important;
}

.article-page .article-hero__dek{
  max-width:930px !important;
  font-size:clamp(20px,1.65vw,27px) !important;
  line-height:1.55 !important;
}

@media(max-width:1100px){
  .article-page .article-hero h1{
    font-size:clamp(52px,7.1vw,78px) !important;
  }
}

@media(max-width:700px){
  .article-page .article-hero__inner{
    padding-top:122px !important;
    padding-bottom:72px !important;
  }

  .article-page .article-hero h1{
    font-size:clamp(43px,12vw,62px) !important;
    line-height:.98 !important;
    letter-spacing:-.045em !important;
  }

  .article-page .article-hero__dek{
    font-size:18px !important;
    line-height:1.55 !important;
  }
}


/* =========================================================
   STEP 11.0 — FULL ARABIC / RTL WEBSITE
   ========================================================= */

.language-switch{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:72px;
  height:34px;
  margin-left:12px;
  padding:0 14px;
  border:1px solid rgba(166,108,62,.34);
  border-radius:999px;
  color:inherit;
  text-decoration:none;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;
}
.language-switch:hover{
  border-color:var(--sierra-bronze);
  background:rgba(166,108,62,.08);
  transform:translateY(-1px);
}
.site-header:not(.is-scrolled) .language-switch{
  color:#fff;
  border-color:rgba(255,255,255,.36);
}
.inner-page .site-header:not(.is-scrolled) .language-switch{
  color:#171513;
  border-color:rgba(89,69,52,.25);
}
.article-page .site-header:not(.is-scrolled) .language-switch,
.blog-page .site-header:not(.is-scrolled) .language-switch,
.faq-page .site-header:not(.is-scrolled) .language-switch{
  color:#171513;
}
.mobile-language-switch{
  margin-top:24px;
}
.mobile-language-switch .language-switch{
  margin:0;
  min-width:110px;
  height:42px;
  color:#fff !important;
  border-color:rgba(255,255,255,.32) !important;
}

/* Arabic reading system */
html[dir="rtl"] body{
  direction:rtl;
  font-family:Tahoma,Arial,"Noto Sans Arabic",sans-serif;
}
html[dir="rtl"] .nav-shell,
html[dir="rtl"] .site-footer__inner{
  direction:ltr;
}
html[dir="rtl"] .desktop-nav,
html[dir="rtl"] .desktop-nav a,
html[dir="rtl"] .language-switch,
html[dir="rtl"] .mobile-panel,
html[dir="rtl"] .mobile-panel nav{
  direction:rtl;
}
html[dir="rtl"] .desktop-nav a{
  letter-spacing:0;
  font-size:12px;
}
html[dir="rtl"] .language-switch{
  letter-spacing:0;
}
html[dir="rtl"] .hero-content,
html[dir="rtl"] .about-content,
html[dir="rtl"] .services-shell,
html[dir="rtl"] .markets-shell,
html[dir="rtl"] .process-shell,
html[dir="rtl"] .proof-shell,
html[dir="rtl"] .contact-shell,
html[dir="rtl"] .blog-page main,
html[dir="rtl"] .faq-page main,
html[dir="rtl"] .careers-page main,
html[dir="rtl"] .article-page main,
html[dir="rtl"] .vacancy-page main{
  direction:rtl;
  text-align:right;
}
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select{
  direction:rtl;
  text-align:right;
}
html[dir="rtl"] .hero-eyebrow,
html[dir="rtl"] .services-eyebrow,
html[dir="rtl"] .markets-eyebrow,
html[dir="rtl"] .process-eyebrow,
html[dir="rtl"] .proof-eyebrow,
html[dir="rtl"] .contact-eyebrow,
html[dir="rtl"] [class*="eyebrow"],
html[dir="rtl"] [class*="kicker"]{
  letter-spacing:.03em !important;
}
html[dir="rtl"] .about-link span::after,
html[dir="rtl"] .hero-cta::after{
  transform:scaleX(-1);
}
html[dir="rtl"] .faq-question{
  text-align:right;
}
html[dir="rtl"] .faq-question__icon{
  margin-left:0;
  margin-right:auto;
}
html[dir="rtl"] .article-body{
  direction:rtl;
}
html[dir="rtl"] .article-copy section{
  padding-left:0 !important;
  padding-right:60px !important;
}
html[dir="rtl"] .article-body::after{
  right:auto;
  left:18px;
  writing-mode:vertical-lr;
}
html[dir="rtl"] .article-aside,
html[dir="rtl"] .article-related,
html[dir="rtl"] .journal-card,
html[dir="rtl"] .blog-feature{
  text-align:right;
}
html[dir="rtl"] .site-footer__copyright,
html[dir="rtl"] .site-footer__powered{
  direction:rtl;
}
html[dir="rtl"] .site-footer__powered strong{
  direction:ltr;
  unicode-bidi:isolate;
}
html[dir="rtl"] .market-list,
html[dir="rtl"] .hq-card,
html[dir="rtl"] .service-item,
html[dir="rtl"] .process-step{
  direction:rtl;
}
html[dir="rtl"] .contact-form input[type="tel"],
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="url"]{
  direction:ltr;
  text-align:right;
}
html[dir="rtl"] .article-hero h1,
html[dir="rtl"] .faq-hero h1,
html[dir="rtl"] .blog-hero h1,
html[dir="rtl"] .careers-hero h1{
  letter-spacing:-.025em !important;
}
html[dir="rtl"] .article-hero h1{
  line-height:1.08 !important;
}
html[dir="rtl"] .article-copy section h2{
  line-height:1.18 !important;
}
html[dir="rtl"] .journal-card__copy h3{
  line-height:1.18 !important;
}
html[dir="rtl"] .mobile-panel nav a{
  text-align:right;
  letter-spacing:0;
}

@media(max-width:1220px) and (min-width:881px){
  .language-switch{
    min-width:60px;
    padding:0 10px;
    margin-left:6px;
    font-size:10px;
  }
  html[dir="rtl"] .desktop-nav a{
    font-size:10px;
    padding-left:7px;
    padding-right:7px;
  }
}
@media(max-width:880px){
  .nav-shell > .language-switch{
    display:none;
  }
}
@media(max-width:640px){
  html[dir="rtl"] .article-copy section{
    padding-right:0 !important;
  }
}


/* =========================================================
   STEP 11.1 — ARABIC NAVBAR / FONT / LANGUAGE CONTROL FIX
   ========================================================= */

/* Restore the exact clean sans-serif family used before Arabic was added. */
html[dir="rtl"] body,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select{
  font-family:Arial,Helvetica,sans-serif !important;
}

/* Keep the desktop navbar on ONE line and in the same geometry as English. */
html[dir="rtl"] .nav-shell{
  direction:ltr !important;
}

html[dir="rtl"] .brand{
  order:0;
}

html[dir="rtl"] .desktop-nav{
  order:1;
  direction:rtl;
  margin-left:auto !important;
  margin-right:0 !important;
  flex:0 1 auto;
  min-width:0;
  white-space:nowrap;
}

html[dir="rtl"] .desktop-nav a{
  direction:rtl;
  padding-left:12px;
  padding-right:12px;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:11px;
  font-weight:700;
  letter-spacing:0 !important;
}

html[dir="rtl"] .nav-shell > .language-switch{
  order:2;
}

html[dir="rtl"] .header-socials{
  order:3;
  direction:ltr;
}

/* Compact language control: flag + two-letter code only. */
.language-switch{
  display:inline-flex !important;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:66px !important;
  max-width:76px !important;
  height:38px !important;
  margin:0 0 0 4px !important;
  padding:0 10px !important;
  gap:7px;
  border:1px solid rgba(255,255,255,.26) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.035) !important;
  color:inherit;
  overflow:hidden;
  white-space:nowrap;
}

.language-switch__flag{
  display:block;
  flex:0 0 auto;
  width:21px;
  height:21px;
  border-radius:50%;
  object-fit:cover;
  object-position:center;
  box-shadow:0 0 0 1px rgba(255,255,255,.22);
}

.language-switch__code{
  display:block;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:10px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
}

.site-header.is-scrolled .language-switch,
.inner-page .site-header.is-scrolled .language-switch{
  color:#171513 !important;
  border-color:rgba(23,21,19,.18) !important;
  background:rgba(255,255,255,.76) !important;
}

.inner-page .site-header:not(.is-scrolled) .language-switch{
  color:inherit !important;
}

/* Prevent the language control from taking any remaining flex space. */
.nav-shell > .language-switch{
  flex-grow:0 !important;
  flex-shrink:0 !important;
}

/* Social icons stay in the header instead of wrapping below it. */
.header-socials{
  flex:0 0 auto !important;
  margin-left:4px !important;
  padding-left:14px !important;
}

html[dir="rtl"] .header-socials{
  border-left:1px solid rgba(255,255,255,.18);
  border-right:0;
}

html[dir="rtl"] .site-header.is-scrolled .header-socials{
  border-left-color:rgba(0,0,0,.12);
}

/* More natural Arabic line rhythm without changing the established design. */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4{
  font-family:Arial,Helvetica,sans-serif !important;
  letter-spacing:-.02em !important;
}

html[dir="rtl"] p,
html[dir="rtl"] li,
html[dir="rtl"] label,
html[dir="rtl"] a{
  font-family:Arial,Helvetica,sans-serif;
}

/* Mobile language switch matches the modern menu treatment. */
.mobile-language-switch{
  margin-top:18px !important;
}

.mobile-language-switch .language-switch{
  width:fit-content !important;
  min-width:74px !important;
  max-width:none !important;
  height:42px !important;
  margin:0 !important;
  padding:0 12px !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.22) !important;
  background:rgba(255,255,255,.055) !important;
}

.mobile-language-switch .language-switch__flag{
  width:23px;
  height:23px;
}

/* Mid-width desktop: protect all navigation items from wrapping. */
@media(max-width:1320px) and (min-width:881px){
  .nav-shell{
    padding-left:26px !important;
    padding-right:26px !important;
    gap:14px !important;
  }
  .brand{
    width:122px !important;
  }
  .brand-logo{
    max-width:112px !important;
  }
  .desktop-nav a,
  html[dir="rtl"] .desktop-nav a{
    padding-left:8px !important;
    padding-right:8px !important;
    font-size:10px !important;
  }
  .language-switch{
    min-width:62px !important;
    height:34px !important;
    padding:0 8px !important;
  }
  .language-switch__flag{
    width:19px;
    height:19px;
  }
  .header-socials{
    padding-left:9px !important;
  }
  .header-socials a{
    width:28px !important;
  }
}

@media(max-width:880px){
  .nav-shell > .language-switch{
    display:none !important;
  }
}


/* =========================================================
   STEP 11.2 — EXACT ARABIC FONT + NAVBAR / SOCIAL REPAIR
   ========================================================= */

/* Restore the previous Sierra Arabic typeface. */
html[dir="rtl"] body,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] p,
html[dir="rtl"] a,
html[dir="rtl"] span,
html[dir="rtl"] label,
html[dir="rtl"] li{
  font-family:'Careem',Tahoma,Arial,sans-serif !important;
}

/* Arabic headings need Kufi spacing, not Latin letter-spacing. */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4{
  letter-spacing:0 !important;
}

/* Desktop layout:
   col 1 = logo
   col 2 = mathematically centered navigation
   col 3 = language on left of right rail + socials at far right
   This fixes the previous fourth-child wrapping to another row.
*/
@media(min-width:901px){
  .nav-shell{
    position:relative !important;
    display:grid !important;
    grid-template-columns:1fr auto 1fr !important;
    align-items:center !important;
    gap:28px !important;
    flex-wrap:nowrap !important;
    overflow:visible !important;
  }

  .nav-shell > .brand{
    grid-column:1 !important;
    grid-row:1 !important;
    justify-self:start !important;
  }

  .nav-shell > .desktop-nav{
    grid-column:2 !important;
    grid-row:1 !important;
    justify-self:center !important;
    margin:0 !important;
    white-space:nowrap !important;
  }

  .nav-shell > .language-switch{
    grid-column:3 !important;
    grid-row:1 !important;
    justify-self:start !important;
    align-self:center !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .nav-shell > .header-socials{
    grid-column:3 !important;
    grid-row:1 !important;
    justify-self:end !important;
    align-self:stretch !important;
    display:flex !important;
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    margin:0 !important;
    transform:none !important;
  }
}

/* Arabic navigation must be clearly readable, not tiny. */
html[dir="rtl"] .desktop-nav a{
  font-family:'Careem',Tahoma,Arial,sans-serif !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  padding-left:13px !important;
  padding-right:13px !important;
}

/* Give the Arabic nav slightly more breathing room while staying one row. */
html[dir="rtl"] .desktop-nav{
  gap:1px !important;
}

/* Language control should remain compact and visually separate. */
html[dir="rtl"] .language-switch__code{
  font-family:Arial,Helvetica,sans-serif !important;
}

/* Social rail is always horizontally aligned with the navbar. */
.header-socials{
  height:100% !important;
  min-height:100% !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
}

.header-socials a{
  flex:0 0 34px !important;
  height:100% !important;
}

/* On Arabic, use the right-hand rail exactly like English.
   The physical header does NOT reverse; only the text reading direction does. */
html[dir="rtl"] .nav-shell{
  direction:ltr !important;
}

html[dir="rtl"] .desktop-nav{
  direction:rtl !important;
}

html[dir="rtl"] .header-socials{
  direction:ltr !important;
  border-left:1px solid rgba(255,255,255,.18) !important;
  border-right:0 !important;
  padding-left:16px !important;
  padding-right:0 !important;
}

html[dir="rtl"] .site-header.is-scrolled .header-socials{
  border-left-color:rgba(0,0,0,.12) !important;
}

/* Restore elegant Arabic paragraph rhythm from the previous version. */
html[dir="rtl"] p,
html[dir="rtl"] .article-copy section p,
html[dir="rtl"] .article-aside p,
html[dir="rtl"] .journal-card__excerpt{
  line-height:1.9 !important;
}

/* Hero / article headings should breathe vertically with the Kufi face. */
html[dir="rtl"] .article-hero h1,
html[dir="rtl"] .journal-hero h1,
html[dir="rtl"] .faq-hero h1,
html[dir="rtl"] .careers-hero h1{
  line-height:1.23 !important;
}

/* Mid desktop: keep all Arabic items readable without shrinking to 9px. */
@media(max-width:1320px) and (min-width:901px){
  html[dir="rtl"] .nav-shell{
    padding-left:24px !important;
    padding-right:24px !important;
    gap:18px !important;
  }

  html[dir="rtl"] .brand{
    width:112px !important;
  }

  html[dir="rtl"] .brand-logo{
    max-width:104px !important;
  }

  html[dir="rtl"] .desktop-nav a{
    font-size:11.5px !important;
    padding-left:8px !important;
    padding-right:8px !important;
  }

  html[dir="rtl"] .language-switch{
    min-width:60px !important;
    max-width:66px !important;
    padding-left:8px !important;
    padding-right:8px !important;
  }

  html[dir="rtl"] .header-socials{
    padding-left:8px !important;
  }

  html[dir="rtl"] .header-socials a{
    flex-basis:28px !important;
    width:28px !important;
  }
}

/* Mobile menu Arabic size/readability. */
@media(max-width:900px){
  html[dir="rtl"] .mobile-panel nav a{
    font-family:'Careem',Tahoma,Arial,sans-serif !important;
    font-size:18px !important;
    line-height:1.35 !important;
  }
}


/* =========================================================
   STEP 11.3 — CAREEM ARABIC TYPE SYSTEM
   Exact family supplied for Sierra Arabic.
   ========================================================= */
html[dir="rtl"] body,
html[dir="rtl"] body *,
html[dir="rtl"] .desktop-nav a,
html[dir="rtl"] .mobile-panel nav a,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] p,
html[dir="rtl"] a,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] label{
  font-family:'Careem',Tahoma,Arial,sans-serif !important;
}

/* Keep Latin UI fragments such as EN / AR and numeric metadata crisp. */
html[dir="rtl"] .language-switch__code,
html[dir="rtl"] [data-latin-ui="true"]{
  font-family:Arial,Helvetica,sans-serif !important;
}

/* Careem is naturally wider/softer than the previous Kufi face. */
html[dir="rtl"] .desktop-nav a{
  font-size:15px !important;
  font-weight:600 !important;
  line-height:1.15 !important;
  letter-spacing:0 !important;
}

html[dir="rtl"] .article-hero h1,
html[dir="rtl"] .journal-hero h1,
html[dir="rtl"] .faq-hero h1,
html[dir="rtl"] .careers-hero h1{
  font-weight:600 !important;
  line-height:1.14 !important;
}

html[dir="rtl"] p,
html[dir="rtl"] .article-copy section p,
html[dir="rtl"] .article-aside p,
html[dir="rtl"] .journal-card__excerpt{
  font-weight:400 !important;
  line-height:1.75 !important;
}

@media(max-width:1320px) and (min-width:901px){
  html[dir="rtl"] .desktop-nav a{
    font-size:13.5px !important;
    padding-left:8px !important;
    padding-right:8px !important;
  }
}

@media(max-width:900px){
  html[dir="rtl"] .mobile-panel nav a{
    font-size:21px !important;
    font-weight:600 !important;
    line-height:1.35 !important;
  }
}


/* =========================================================
   STEP 12 — DEDICATED CONTACT PAGE
   ========================================================= */
.contact-page-hero{position:relative;min-height:690px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 82% 18%,rgba(183,122,71,.20),transparent 31%),linear-gradient(135deg,#0c0b0a,#17120e 62%,#0a0908);color:#fff;display:flex;align-items:center}
.contact-page-hero__grid{position:absolute;inset:0;z-index:-3;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px}
.contact-page-hero__pattern{position:absolute;z-index:-2;right:-7%;bottom:-16%;width:min(1050px,70vw);height:auto;opacity:.16;filter:sepia(1) saturate(.65) hue-rotate(345deg) brightness(.8);pointer-events:none}
.contact-page-hero__shell{width:min(1440px,calc(100% - 112px));margin:0 auto;padding:150px 0 100px}
.contact-page-hero__eyebrow{display:flex;align-items:center;gap:14px;color:#d1a06c;font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.contact-page-hero__eyebrow span{width:38px;height:1px;background:#b77a47}
.contact-page-hero h1{max-width:1020px;margin:28px 0 0;font-size:clamp(68px,8.1vw,126px);line-height:.88;letter-spacing:-.065em;font-weight:650}
.contact-page-hero h1 em{font-style:normal;font-weight:250;background:linear-gradient(100deg,#a66c40,#d4a36b);-webkit-background-clip:text;background-clip:text;color:transparent}
.contact-page-hero p{max-width:760px;margin:34px 0 0;color:rgba(255,255,255,.58);font-size:18px;line-height:1.65}
.contact-page-hero__jump{display:inline-flex;align-items:center;gap:28px;margin-top:42px;padding-bottom:10px;border-bottom:1px solid #b77a47;color:#d7a66f;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.contact-page-hero__jump span{font-size:18px;font-weight:300}
.contact-page-hero__index{position:absolute;right:28px;bottom:34px;writing-mode:vertical-rl;color:rgba(255,255,255,.18);font-size:9px;letter-spacing:.22em}

.contact-page-main{position:relative;overflow:hidden;background:#f8f6f2;color:#1c1917;padding:110px 0 120px}
.contact-page-main__pattern{position:absolute;right:-9%;top:10%;width:min(1000px,67vw);opacity:.045;pointer-events:none;filter:sepia(1) saturate(.55) hue-rotate(345deg)}
.contact-page-shell{position:relative;width:min(1440px,calc(100% - 112px));margin:0 auto;display:grid;grid-template-columns:minmax(0,.86fr) minmax(500px,.72fr);gap:clamp(70px,8vw,140px);align-items:start}
.contact-page-label{display:block;color:#a66b3e;font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.contact-page-intro h2{margin:24px 0 0;font-size:clamp(54px,5.4vw,82px);line-height:.94;letter-spacing:-.055em;font-weight:650}
.contact-page-intro h2 em{font-style:normal;font-weight:280;color:#b47745}
.contact-page-intro>p{max-width:650px;margin:27px 0 0;color:#746c65;font-size:17px;line-height:1.75}
.contact-direct{margin-top:40px;border-top:1px solid rgba(72,53,39,.16);border-bottom:1px solid rgba(72,53,39,.16)}
.contact-direct a{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:20px;padding:22px 0;text-decoration:none;color:#201b18}
.contact-direct span{color:#9a6a47;font-size:9px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.contact-direct strong{font-size:20px;font-weight:600}.contact-direct b{color:#b47745;font-size:18px;font-weight:400}
.contact-hq-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:42px;border-top:1px solid rgba(72,53,39,.16)}
.contact-hq-grid article{padding:30px 34px 0 0}.contact-hq-grid article+article{border-left:1px solid rgba(72,53,39,.14);padding-left:34px}
.contact-hq-grid span{color:#ad7449;font-size:9px;font-weight:800;letter-spacing:.14em}.contact-hq-grid h3{margin:13px 0 0;font-size:34px;letter-spacing:-.035em}.contact-hq-grid p{margin:2px 0 0;color:#766d65;font-size:14px}.contact-hq-grid small{display:block;margin-top:18px;color:#8c837b;font-size:12px;line-height:1.65}
.contact-page-form-card{position:sticky;top:116px;padding:42px;background:rgba(255,255,255,.82);border:1px solid rgba(143,91,52,.17);box-shadow:0 28px 80px rgba(72,49,30,.09)}
.contact-page-form-head{margin-bottom:34px}.contact-page-form-head span,.contact-page-success>span{color:#a66b3e;font-size:9px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.contact-page-form-head h3,.contact-page-success h3{margin:11px 0 0;font-size:32px;letter-spacing:-.04em}.contact-page-form-head p,.contact-page-success p{margin:9px 0 0;color:#827970;font-size:13px;line-height:1.6}
.contact-page-form .contact-field label{color:#8f684b!important}.contact-page-form .contact-field input,.contact-page-form .contact-field select,.contact-page-form .contact-field textarea{color:#231e1a!important;border-bottom-color:rgba(143,91,52,.24)!important}.contact-page-form .contact-field input::placeholder,.contact-page-form .contact-field textarea::placeholder{color:#aaa097!important}.contact-page-form .contact-submit-row p{color:#9a9188!important}.contact-page-success{padding:34px 8px}.contact-page-success a{display:inline-block;margin-top:28px;color:#9a633a;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}

.contact-route{background:#fff;padding:110px 0 120px;border-top:1px solid rgba(72,53,39,.10)}
.contact-route__shell{width:min(1440px,calc(100% - 112px));margin:0 auto}.contact-route__head{display:grid;grid-template-columns:.55fr 1.45fr;align-items:end;gap:60px}.contact-route__head>span{padding-bottom:11px;color:#a66b3e;font-size:10px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.contact-route__head h2{margin:0;font-size:clamp(50px,5.2vw,80px);line-height:.95;letter-spacing:-.055em}.contact-route__head h2 em{font-style:normal;font-weight:280;color:#b47745}.contact-route__steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:68px;border-top:1px solid rgba(72,53,39,.16)}.contact-route__steps article{min-height:270px;padding:32px 38px 24px 0}.contact-route__steps article+article{padding-left:38px;border-left:1px solid rgba(72,53,39,.13)}.contact-route__steps span{color:#b47745;font-size:10px;letter-spacing:.16em}.contact-route__steps h3{margin:56px 0 0;font-size:28px;line-height:1.05;letter-spacing:-.035em}.contact-route__steps p{max-width:350px;margin:16px 0 0;color:#7d746c;font-size:13px;line-height:1.7}
.contact-page-cta{min-height:420px;padding:70px max(56px,calc((100vw - 1440px)/2));display:flex;align-items:center;justify-content:space-between;gap:70px;background:radial-gradient(circle at 85% 30%,rgba(183,122,71,.18),transparent 30%),#0d0c0b;color:#fff}.contact-page-cta span{color:#d0a06b;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.contact-page-cta h2{margin:22px 0 0;font-size:clamp(58px,6.2vw,92px);line-height:.9;letter-spacing:-.06em}.contact-page-cta h2 em{font-style:normal;font-weight:250;color:#c78d58}.contact-page-cta>a{min-width:270px;padding:20px 0;border-bottom:1px solid #b77a47;display:flex;justify-content:space-between;color:#fff;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.contact-page-cta>a b{color:#d0a06b;font-size:18px;font-weight:300}

html[dir="rtl"] .contact-page-hero__index{right:auto;left:28px}html[dir="rtl"] .contact-page-hero__pattern,html[dir="rtl"] .contact-page-main__pattern{right:auto;left:-8%;transform:scaleX(-1)}html[dir="rtl"] .contact-hq-grid article{padding:30px 0 0 34px}html[dir="rtl"] .contact-hq-grid article+article{border-left:0;border-right:1px solid rgba(72,53,39,.14);padding-right:34px}html[dir="rtl"] .contact-route__steps article{padding:32px 0 24px 38px}html[dir="rtl"] .contact-route__steps article+article{border-left:0;border-right:1px solid rgba(72,53,39,.13);padding-right:38px}
@media(max-width:1000px){.contact-page-shell{grid-template-columns:1fr;gap:70px}.contact-page-form-card{position:relative;top:auto}.contact-route__head{grid-template-columns:1fr;gap:20px}}
@media(max-width:900px){.contact-page-hero__shell,.contact-page-shell,.contact-route__shell{width:calc(100% - 64px)}.contact-page-hero{min-height:650px}.contact-page-hero__shell{padding-top:135px}.contact-page-hero__pattern{width:900px;max-width:none;right:-55%}.contact-route__steps{grid-template-columns:1fr}.contact-route__steps article{min-height:0;padding:28px 0 34px!important;border-left:0!important;border-right:0!important;border-bottom:1px solid rgba(72,53,39,.13)}.contact-route__steps h3{margin-top:28px}.contact-page-cta{align-items:flex-start;flex-direction:column;justify-content:center}.contact-page-cta>a{width:100%}}
@media(max-width:700px){.contact-page-hero__shell,.contact-page-shell,.contact-route__shell{width:calc(100% - 44px)}.contact-page-hero{min-height:600px}.contact-page-hero h1{font-size:58px}.contact-page-hero p{font-size:15px}.contact-page-main,.contact-route{padding:76px 0 82px}.contact-page-intro h2{font-size:49px}.contact-hq-grid{grid-template-columns:1fr}.contact-hq-grid article{padding:26px 0!important}.contact-hq-grid article+article{border-left:0!important;border-right:0!important;border-top:1px solid rgba(72,53,39,.13)}.contact-page-form-card{padding:30px 22px}.contact-page-cta{min-height:360px;padding:60px 22px}.contact-page-cta h2{font-size:56px}.contact-direct a{grid-template-columns:80px 1fr auto}.contact-direct strong{font-size:17px}}

/* STEP 14 — Saudi SEO Authority */
.seo-authority-page{background:#f7f3ed;color:#171411}.seo-hero{position:relative;min-height:560px;background:#11100f;color:#fff;display:flex;align-items:flex-end;overflow:hidden;padding:150px 0 78px}.seo-hero__grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:70px 70px}.seo-hero__glow{position:absolute;width:620px;height:620px;right:-140px;top:-260px;background:radial-gradient(circle,#b8783d55 0,transparent 65%);filter:blur(12px)}.seo-hero__shell{position:relative;width:min(1180px,calc(100% - 48px));margin:auto}.seo-hero__eyebrow{display:flex;gap:12px;align-items:center;color:#d7a66b;font-size:11px;letter-spacing:.17em;margin-bottom:20px}.seo-hero__eyebrow span{width:45px;height:1px;background:#d7a66b}.seo-hero h1{font-size:clamp(46px,7vw,92px);line-height:.96;letter-spacing:-.055em;max-width:950px;margin:0 0 26px}.seo-hero p{font-size:18px;line-height:1.75;color:#ffffffb0;max-width:820px;margin:0}.seo-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.seo-trust span{border:1px solid #ffffff1f;padding:8px 11px;font-size:10px;letter-spacing:.06em;color:#ffffffa8}
.seo-body{position:relative;padding:74px 0 110px}.seo-body:before{content:"";position:absolute;inset:0;background-image:url('/assets/images/faq-mountain-pattern.png');background-size:760px auto;background-repeat:no-repeat;background-position:right 120px;opacity:.035;pointer-events:none}.seo-body__shell{position:relative;width:min(1180px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:260px minmax(0,1fr);gap:70px}.seo-toc{position:sticky;top:115px;align-self:start;border-top:1px solid #d6c8b9;padding-top:18px;display:grid;gap:4px}.seo-toc>span{font-size:10px;letter-spacing:.13em;color:#a56836;font-weight:800;margin-bottom:8px}.seo-toc a{color:#6e645a;text-decoration:none;font-size:12px;line-height:1.45;padding:7px 0;border-bottom:1px solid #e5ddd3}.seo-content{max-width:790px}.seo-content>section{padding:0 0 48px;margin-bottom:48px;border-bottom:1px solid #ded4c8;scroll-margin-top:120px}.seo-section-index{display:block;color:#ad7444;font-size:10px;font-weight:900;letter-spacing:.16em;margin-bottom:12px}.seo-content h2{font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:-.04em;margin:0 0 18px}.seo-content p{font-size:16px;line-height:1.9;color:#514a43;margin:0}
.seo-pathway{background:linear-gradient(135deg,#181410,#2b1c12);color:#fff;padding:42px;margin:5px 0 54px}.seo-pathway>span{font-size:10px;letter-spacing:.16em;color:#d5a260}.seo-pathway h2{font-size:36px;max-width:620px;margin:12px 0 15px}.seo-pathway p{color:#ffffffa8}.seo-pathway a{display:inline-flex;margin-top:24px;color:#fff;text-decoration:none;font-weight:800;font-size:12px;border-bottom:1px solid #c68d55;padding-bottom:5px}.seo-faq details{border-top:1px solid #ded4c8;padding:18px 0}.seo-faq summary{cursor:pointer;font-size:17px;font-weight:800;list-style:none}.seo-faq details p{padding-top:12px;font-size:14px}.seo-sources ul{padding-left:18px}.seo-sources li{margin:9px 0}.seo-sources a{color:#8e5c33}.seo-related{border-bottom:0!important}.seo-related__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.seo-related__grid a{display:flex;min-height:150px;flex-direction:column;padding:20px;background:#fff;border:1px solid #dfd4c8;text-decoration:none;color:#171411}.seo-related__grid small{font-size:9px;letter-spacing:.13em;color:#9c673a}.seo-related__grid strong{font-size:17px;line-height:1.25;margin:12px 0 auto}.seo-related__grid span{font-size:11px;color:#8e5c33;margin-top:18px}.sierra-ar .seo-body__shell{direction:rtl}.sierra-ar .seo-content{text-align:right}.sierra-ar .seo-sources ul{padding-left:0;padding-right:18px}.sierra-ar .seo-hero__glow{right:auto;left:-140px}@media(max-width:850px){.seo-hero{min-height:500px;padding-top:130px}.seo-body__shell{grid-template-columns:1fr;gap:35px}.seo-toc{display:none}.seo-related__grid{grid-template-columns:1fr}.seo-pathway{padding:30px}.seo-hero__shell,.seo-body__shell{width:min(100% - 32px,1180px)}}

.home-authority{background:#f4efe8;padding:80px 0;border-top:1px solid #ded3c6}.home-authority__shell{width:min(1180px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.home-authority__head>span{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#a56836;font-weight:800}.home-authority__head h2{color:#171411;font-size:48px;line-height:1.02;letter-spacing:-.045em;margin:13px 0 18px}.home-authority__head h2 em{font-weight:400;color:#a56836}.home-authority__head p{color:#655b52;line-height:1.75}.home-authority__links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.home-authority__links a{min-height:135px;background:#fff;border:1px solid #dfd3c6;padding:22px;text-decoration:none;color:#171411;display:flex;flex-direction:column;transition:.25s}.home-authority__links a:hover{border-color:#b57942;transform:translateY(-3px)}.home-authority__links strong{font-size:18px;line-height:1.2}.home-authority__links span{margin-top:auto;font-size:11px;color:#956239}.sierra-ar .home-authority__shell{direction:rtl;text-align:right}@media(max-width:850px){.home-authority__shell{grid-template-columns:1fr;gap:32px;width:calc(100% - 32px)}.home-authority__links{grid-template-columns:1fr}.home-authority__head h2{font-size:38px}}

/* =========================================================
   STEP 15 — ARABIC UX / RTL TYPOGRAPHY & SPACING REFINEMENT
   Prevent oversized Arabic display type, improve line rhythm,
   and give the Markets section proper side breathing room.
   ========================================================= */
html[dir="rtl"]{
  text-rendering:optimizeLegibility;
}

html[dir="rtl"] body{
  overflow-x:hidden;
}

/* Arabic needs more vertical room than the Latin display treatment. */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4{
  line-height:1.14 !important;
  letter-spacing:0 !important;
  word-break:normal;
  overflow-wrap:normal;
  text-wrap:balance;
}

html[dir="rtl"] p{
  line-height:1.85 !important;
  word-break:normal;
  overflow-wrap:normal;
}

/* Keep editorial headings strong without letting Arabic glyphs collide. */
html[dir="rtl"] .about-content h2{
  font-size:clamp(52px,5.25vw,84px) !important;
  line-height:1.13 !important;
  max-width:820px;
}
html[dir="rtl"] .about-lead{
  font-size:clamp(19px,1.45vw,25px) !important;
  line-height:1.72 !important;
  max-width:720px;
}
html[dir="rtl"] .about-copy{
  max-width:680px;
}

html[dir="rtl"] .markets-title-row h2{
  font-size:clamp(48px,4.8vw,74px) !important;
  line-height:1.13 !important;
  max-width:800px;
}
html[dir="rtl"] .hq-content h3{
  font-size:clamp(48px,4.6vw,72px) !important;
  line-height:1.12 !important;
}
html[dir="rtl"] .hq-content p{
  font-size:15px;
  line-height:1.85 !important;
}

html[dir="rtl"] .process-heading h2{
  font-size:clamp(38px,3.25vw,52px) !important;
  line-height:1.15 !important;
}
html[dir="rtl"] .process-step h3{
  font-size:20px;
  line-height:1.35 !important;
}
html[dir="rtl"] .process-step p{
  font-size:12.5px;
  line-height:1.75 !important;
}

html[dir="rtl"] .proof-heading h2{
  font-size:clamp(42px,4.15vw,64px) !important;
  line-height:1.14 !important;
  max-width:900px;
}
html[dir="rtl"] .proof-heading p{
  font-size:16px;
  line-height:1.85 !important;
  max-width:680px;
}

html[dir="rtl"] .contact-intro h2{
  font-size:clamp(48px,4.7vw,72px) !important;
  line-height:1.15 !important;
  max-width:760px;
}
html[dir="rtl"] .contact-intro > p{
  font-size:16px;
  line-height:1.9 !important;
  max-width:620px;
}

/* Dedicated Contact / FAQ / Careers / Blog / SEO hero typography. */
html[dir="rtl"] .contact-page-hero h1,
html[dir="rtl"] .careers-hero h1,
html[dir="rtl"] .faq-hero h1,
html[dir="rtl"] .blog-hero h1,
html[dir="rtl"] .journal-hero h1,
html[dir="rtl"] .article-hero h1,
html[dir="rtl"] .seo-hero h1{
  font-size:clamp(52px,5.6vw,88px) !important;
  line-height:1.16 !important;
  max-width:1050px;
}
html[dir="rtl"] .contact-page-hero p,
html[dir="rtl"] .careers-hero p,
html[dir="rtl"] .faq-hero p,
html[dir="rtl"] .blog-hero p,
html[dir="rtl"] .journal-hero p,
html[dir="rtl"] .seo-hero p{
  max-width:780px;
  line-height:1.9 !important;
}

html[dir="rtl"] .careers-intro__head h2,
html[dir="rtl"] .careers-opportunities__top h2,
html[dir="rtl"] .contact-page-intro h2,
html[dir="rtl"] .contact-route__head h2,
html[dir="rtl"] .contact-page-cta h2,
html[dir="rtl"] .faq-main__heading h2,
html[dir="rtl"] .faq-cta h2{
  font-size:clamp(42px,4.4vw,68px) !important;
  line-height:1.16 !important;
}

html[dir="rtl"] .home-authority__head h2,
html[dir="rtl"] .seo-content h2,
html[dir="rtl"] .seo-pathway h2{
  line-height:1.22 !important;
}

/* Markets: intentional safe area on both sides instead of edge-sticking. */
html[dir="rtl"] .markets-shell{
  width:min(1360px,calc(100% - 160px)) !important;
}
html[dir="rtl"] .markets-title-row{
  gap:clamp(52px,6vw,88px);
}
html[dir="rtl"] .markets-hq{
  margin-inline:0;
}
html[dir="rtl"] .hq-card{
  padding-inline:52px !important;
}
html[dir="rtl"] .markets-reach{
  padding-inline:18px;
  gap:64px;
}
html[dir="rtl"] .market-name{
  padding-inline:24px;
}
html[dir="rtl"] .markets-footer{
  padding-inline:18px;
}

/* RTL visual details: borders and coordinates should mirror naturally. */
html[dir="rtl"] .hq-card:first-child{
  border-right:0;
  border-left:1px solid rgba(255,255,255,.12);
}
html[dir="rtl"] .hq-coordinate{
  right:auto;
  left:38px;
}
html[dir="rtl"] .proof-stat{
  border-right:0;
  border-left:1px solid rgba(143,91,52,.13);
}
html[dir="rtl"] .proof-stat:last-child{
  border-left:0;
}

/* Better readable line lengths on Arabic editorial pages. */
html[dir="rtl"] .careers-intro__copy p,
html[dir="rtl"] .careers-opportunities__top p,
html[dir="rtl"] .faq-main__heading > p,
html[dir="rtl"] .faq-answer p,
html[dir="rtl"] .article-copy p,
html[dir="rtl"] .seo-content p{
  line-height:1.9 !important;
}

@media(max-width:1200px){
  html[dir="rtl"] .markets-shell{
    width:calc(100% - 96px) !important;
  }
  html[dir="rtl"] .hq-card{
    padding-inline:38px !important;
  }
  html[dir="rtl"] .markets-reach{
    padding-inline:0;
  }
}

@media(max-width:900px){
  html[dir="rtl"] .about-content h2,
  html[dir="rtl"] .markets-title-row h2,
  html[dir="rtl"] .contact-intro h2,
  html[dir="rtl"] .contact-page-hero h1,
  html[dir="rtl"] .careers-hero h1,
  html[dir="rtl"] .faq-hero h1,
  html[dir="rtl"] .blog-hero h1,
  html[dir="rtl"] .journal-hero h1,
  html[dir="rtl"] .article-hero h1,
  html[dir="rtl"] .seo-hero h1{
    font-size:clamp(42px,9vw,62px) !important;
    line-height:1.18 !important;
  }
  html[dir="rtl"] .proof-heading h2,
  html[dir="rtl"] .careers-intro__head h2,
  html[dir="rtl"] .careers-opportunities__top h2,
  html[dir="rtl"] .contact-page-intro h2,
  html[dir="rtl"] .contact-route__head h2,
  html[dir="rtl"] .contact-page-cta h2,
  html[dir="rtl"] .faq-main__heading h2,
  html[dir="rtl"] .faq-cta h2{
    font-size:clamp(38px,8vw,54px) !important;
    line-height:1.2 !important;
  }
  html[dir="rtl"] .markets-shell{
    width:calc(100% - 48px) !important;
  }
  html[dir="rtl"] .markets-title-row{
    gap:32px;
  }
  html[dir="rtl"] .hq-card{
    padding-inline:28px !important;
  }
  html[dir="rtl"] .markets-reach,
  html[dir="rtl"] .markets-footer{
    padding-inline:0;
  }
}

@media(max-width:640px){
  html[dir="rtl"] .about-content h2,
  html[dir="rtl"] .markets-title-row h2,
  html[dir="rtl"] .contact-intro h2,
  html[dir="rtl"] .contact-page-hero h1,
  html[dir="rtl"] .careers-hero h1,
  html[dir="rtl"] .faq-hero h1,
  html[dir="rtl"] .blog-hero h1,
  html[dir="rtl"] .journal-hero h1,
  html[dir="rtl"] .article-hero h1,
  html[dir="rtl"] .seo-hero h1{
    font-size:clamp(38px,11vw,52px) !important;
  }
  html[dir="rtl"] .markets-shell{
    width:calc(100% - 32px) !important;
  }
  html[dir="rtl"] .hq-card{
    padding-inline:20px !important;
  }
  html[dir="rtl"] .market-name{
    padding-inline:14px;
  }
  html[dir="rtl"] .about-lead,
  html[dir="rtl"] .contact-intro > p{
    font-size:17px !important;
  }
}


/* =========================================================
   STEP 15.1 — ARABIC MARKETS LAYOUT + ARABIC NUMERALS
   Desktop RTL market cards get their own grid instead of
   inheriting the Latin headline proportions.
   ========================================================= */
@media (min-width:901px){
  html[dir="rtl"] .markets-section{
    min-height:auto !important;
  }
  html[dir="rtl"] .markets-shell{
    width:min(1380px,calc(100% - 140px)) !important;
    padding:52px 0 34px !important;
  }
  html[dir="rtl"] .markets-header{
    grid-template-columns:180px minmax(0,1fr) !important;
    gap:46px !important;
  }
  html[dir="rtl"] .markets-title-row{
    grid-template-columns:minmax(430px,.82fr) minmax(420px,1.18fr) !important;
    gap:58px !important;
    align-items:center !important;
  }
  html[dir="rtl"] .markets-title-row h2{
    font-size:clamp(46px,4vw,64px) !important;
    line-height:1.13 !important;
    max-width:650px !important;
  }
  html[dir="rtl"] .markets-map{
    min-width:0;
    width:100%;
  }
  html[dir="rtl"] .markets-hq{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  html[dir="rtl"] .hq-card{
    min-height:220px !important;
    padding:24px 38px 26px !important;
  }
  html[dir="rtl"] .hq-content{
    margin-top:34px !important;
    display:grid !important;
    grid-template-columns:50px minmax(125px,185px) minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    column-gap:18px !important;
    row-gap:2px !important;
    align-items:center !important;
    max-width:none !important;
    padding:0 !important;
  }
  html[dir="rtl"] .hq-flag{
    position:relative !important;
    grid-column:1 !important;
    grid-row:1 / span 2 !important;
    width:42px !important;
    height:42px !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    transform:none !important;
    align-self:center !important;
  }
  html[dir="rtl"] .hq-country{
    grid-column:2 !important;
    grid-row:1 !important;
    margin:0 0 3px !important;
    font-size:10px !important;
    line-height:1.35 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
  }
  html[dir="rtl"] .hq-content h3{
    grid-column:2 !important;
    grid-row:2 !important;
    margin:0 !important;
    font-size:clamp(36px,3.2vw,48px) !important;
    line-height:1.08 !important;
    white-space:nowrap;
  }
  html[dir="rtl"] .hq-content p{
    grid-column:3 !important;
    grid-row:1 / span 2 !important;
    align-self:center !important;
    max-width:100% !important;
    margin:0 !important;
    padding-inline-start:8px;
    font-size:12.5px !important;
    line-height:1.75 !important;
  }
  html[dir="rtl"] .hq-coordinate{
    left:18px !important;
    right:auto !important;
  }
  html[dir="rtl"] .markets-reach{
    grid-template-columns:180px minmax(0,1fr) !important;
    gap:46px !important;
    padding:22px 10px !important;
  }
  html[dir="rtl"] .market-list{
    min-width:0;
  }
  html[dir="rtl"] .market-name{
    padding-inline:18px !important;
    min-width:0;
  }
  html[dir="rtl"] .market-name strong{
    font-size:15px !important;
    white-space:nowrap;
  }
  html[dir="rtl"] .markets-footer{
    padding:26px 10px 0 !important;
  }
}

@media (max-width:1100px) and (min-width:901px){
  html[dir="rtl"] .markets-shell{
    width:calc(100% - 80px) !important;
  }
  html[dir="rtl"] .markets-title-row{
    grid-template-columns:minmax(360px,.9fr) minmax(350px,1.1fr) !important;
    gap:34px !important;
  }
  html[dir="rtl"] .hq-card{
    padding-inline:26px !important;
  }
  html[dir="rtl"] .hq-content{
    grid-template-columns:44px minmax(110px,150px) minmax(0,1fr) !important;
    column-gap:12px !important;
  }
  html[dir="rtl"] .hq-content h3{
    font-size:36px !important;
  }
  html[dir="rtl"] .hq-content p{
    font-size:11.5px !important;
  }
}

@media (max-width:900px){
  html[dir="rtl"] .markets-shell{
    width:calc(100% - 48px) !important;
  }
  html[dir="rtl"] .hq-content{
    padding-right:58px !important;
    padding-left:0 !important;
  }
  html[dir="rtl"] .hq-flag{
    right:0 !important;
    left:auto !important;
  }
  html[dir="rtl"] .hq-content h3{
    font-size:48px !important;
    white-space:normal;
  }
}


/* =========================================================
   STEP 15.3 — ARABIC UX REPAIR
   Targeted typography + markets repair; English unaffected.
   ========================================================= */

/* --- Arabic general type hierarchy: consistent, readable, not oversized --- */
html[dir="rtl"]{
  --ar-body:16px;
  --ar-small:13px;
  --ar-h3:24px;
  --ar-h2:38px;
  --ar-h1:58px;
}
html[dir="rtl"] body{
  font-size:var(--ar-body);
  line-height:1.75;
}
html[dir="rtl"] h1{line-height:1.18!important;letter-spacing:0!important}
html[dir="rtl"] h2{line-height:1.24!important;letter-spacing:0!important}
html[dir="rtl"] h3{line-height:1.32!important;letter-spacing:0!important}

/* --- Markets: reset previous RTL grid experiments and rebuild cleanly --- */
html[dir="rtl"] .markets-section{
  overflow:hidden;
}
html[dir="rtl"] .markets-shell{
  width:min(1440px,calc(100% - 120px))!important;
  margin:0 auto!important;
  padding:84px 0 76px!important;
}
html[dir="rtl"] .markets-header{
  padding-bottom:44px!important;
}
html[dir="rtl"] .markets-title-row{
  display:grid!important;
  grid-template-columns:minmax(360px,.72fr) minmax(0,1.28fr)!important;
  gap:72px!important;
  align-items:center!important;
}
html[dir="rtl"] .markets-title-row h2{
  font-size:clamp(44px,4.4vw,68px)!important;
  line-height:1.08!important;
  text-align:right!important;
}
html[dir="rtl"] .markets-map{
  min-width:0!important;
  width:100%!important;
}
html[dir="rtl"] .markets-hq{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
}
html[dir="rtl"] .hq-card{
  min-height:350px!important;
  padding:34px 44px 38px!important;
  overflow:hidden!important;
}
html[dir="rtl"] .hq-card:first-child{
  border-right:0!important;
}
html[dir="rtl"] .hq-card + .hq-card{
  border-right:1px solid rgba(255,255,255,.12)!important;
}
html[dir="rtl"] .hq-topline{
  direction:rtl!important;
}
html[dir="rtl"] .hq-number{
  font-family:Arial,Helvetica,sans-serif!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  font-size:12px!important;
}
html[dir="rtl"] .hq-status{
  font-size:12px!important;
  letter-spacing:0!important;
}
html[dir="rtl"] .hq-content{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 54px!important;
  grid-template-areas:
    "country flag"
    "city flag"
    "desc desc"!important;
  column-gap:16px!important;
  row-gap:2px!important;
  max-width:none!important;
  margin-top:58px!important;
  padding:0!important;
  align-items:center!important;
}
html[dir="rtl"] .hq-country{
  grid-area:country!important;
  margin:0 0 2px!important;
  font-size:14px!important;
  line-height:1.5!important;
  letter-spacing:0!important;
  text-transform:none!important;
  text-align:right!important;
}
html[dir="rtl"] .hq-flag{
  grid-area:flag!important;
  width:48px!important;
  height:48px!important;
  margin:0!important;
  align-self:center!important;
}
html[dir="rtl"] .hq-content h3{
  grid-area:city!important;
  margin:0!important;
  font-size:clamp(38px,3.2vw,54px)!important;
  line-height:1.05!important;
  white-space:normal!important;
  text-align:right!important;
}
html[dir="rtl"] .hq-content p{
  grid-area:desc!important;
  max-width:560px!important;
  margin:22px 0 0 auto!important;
  font-size:15px!important;
  line-height:1.85!important;
  text-align:right!important;
}
html[dir="rtl"] .hq-coordinate{
  inset-inline-start:16px!important;
  inset-inline-end:auto!important;
  right:auto!important;
  left:16px!important;
  bottom:24px!important;
}
html[dir="rtl"] .markets-reach{
  grid-template-columns:.45fr 1.55fr!important;
  gap:48px!important;
  padding:38px 0!important;
}
html[dir="rtl"] .markets-reach-label span{
  font-size:13px!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html[dir="rtl"] .markets-reach-label p{
  font-size:15px!important;
  line-height:1.75!important;
}
html[dir="rtl"] .market-list{
  direction:rtl!important;
}
html[dir="rtl"] .market-name{
  min-width:0!important;
  padding:0 24px!important;
}
html[dir="rtl"] .market-name > span{
  font-family:Arial,Helvetica,sans-serif!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  font-size:11px!important;
}
html[dir="rtl"] .market-name strong{
  font-size:16px!important;
  line-height:1.4!important;
  white-space:nowrap!important;
}

/* --- Blog index: the Arabic cards were visually tiny. Bring the hierarchy up. --- */
html[dir="rtl"] .journal-feature__meta{
  font-size:13px!important;
  letter-spacing:0!important;
}
html[dir="rtl"] .journal-feature__meta b{
  font-size:13px!important;
}
html[dir="rtl"] .journal-feature__number{
  font-size:14px!important;
}
html[dir="rtl"] .journal-feature__date{
  font-size:14px!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html[dir="rtl"] .journal-feature__copy h2{
  font-size:clamp(34px,3.2vw,50px)!important;
  line-height:1.18!important;
  letter-spacing:0!important;
}
html[dir="rtl"] .journal-feature__copy > p:not(.journal-feature__date){
  font-size:17px!important;
  line-height:1.9!important;
}
html[dir="rtl"] .journal-feature__copy > a{
  font-size:14px!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html[dir="rtl"] .journal-library__head span{
  font-size:14px!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html[dir="rtl"] .journal-library__head h2{
  font-size:clamp(40px,3.8vw,58px)!important;
  line-height:1.15!important;
  letter-spacing:0!important;
}
html[dir="rtl"] .journal-library__head p{
  font-size:17px!important;
  line-height:1.85!important;
}
html[dir="rtl"] .journal-filters button{
  font-size:13px!important;
  letter-spacing:0!important;
  text-transform:none!important;
  padding:12px 19px!important;
}
html[dir="rtl"] .journal-card__top span,
html[dir="rtl"] .journal-card__top b{
  font-size:13px!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html[dir="rtl"] .journal-card__copy p{
  font-size:13px!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html[dir="rtl"] .journal-card__copy h3{
  font-size:clamp(29px,2.35vw,38px)!important;
  line-height:1.25!important;
  letter-spacing:0!important;
}
html[dir="rtl"] .journal-card__excerpt{
  font-size:16px!important;
  line-height:1.85!important;
}
html[dir="rtl"] .journal-card__cta{
  font-size:13px!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html[dir="rtl"] .journal-card__cta b{
  font-size:18px!important;
}

/* Article page Arabic readability */
html[dir="rtl"] .article-back,
html[dir="rtl"] .article-meta,
html[dir="rtl"] .article-aside span,
html[dir="rtl"] .article-aside a,
html[dir="rtl"] .article-copy section > span{
  font-size:13px!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html[dir="rtl"] .article-hero h1{
  font-size:clamp(44px,4.5vw,70px)!important;
  line-height:1.16!important;
}
html[dir="rtl"] .article-hero__shell > p{
  font-size:17px!important;
  line-height:1.9!important;
}
html[dir="rtl"] .article-aside p{
  font-size:15px!important;
  line-height:1.8!important;
}
html[dir="rtl"] .article-lead{
  font-size:clamp(24px,2vw,32px)!important;
  line-height:1.55!important;
}
html[dir="rtl"] .article-copy section h2{
  font-size:clamp(28px,2.5vw,38px)!important;
  line-height:1.3!important;
}
html[dir="rtl"] .article-copy section p{
  font-size:17px!important;
  line-height:1.95!important;
}

/* Arabic footer copyright */
html[dir="rtl"] .site-footer__copyright{
  font-size:14px!important;
  line-height:1.6!important;
}

@media(max-width:1000px){
  html[dir="rtl"] .markets-shell{
    width:calc(100% - 48px)!important;
  }
  html[dir="rtl"] .markets-title-row{
    grid-template-columns:1fr!important;
    gap:36px!important;
  }
  html[dir="rtl"] .markets-hq{
    grid-template-columns:1fr!important;
  }
  html[dir="rtl"] .hq-card + .hq-card{
    border-right:0!important;
    border-top:1px solid rgba(255,255,255,.12)!important;
  }
}
@media(max-width:640px){
  html[dir="rtl"] .markets-shell{
    width:calc(100% - 28px)!important;
    padding:62px 0 58px!important;
  }
  html[dir="rtl"] .hq-card{
    min-height:auto!important;
    padding:28px 20px 32px!important;
  }
  html[dir="rtl"] .hq-content{
    margin-top:38px!important;
    grid-template-columns:minmax(0,1fr) 46px!important;
  }
  html[dir="rtl"] .hq-flag{
    width:42px!important;
    height:42px!important;
  }
  html[dir="rtl"] .hq-content h3{
    font-size:36px!important;
  }
  html[dir="rtl"] .markets-reach{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  html[dir="rtl"] .market-list{
    grid-template-columns:1fr 1fr!important;
  }
  html[dir="rtl"] .market-name{
    padding:14px 8px!important;
  }
  html[dir="rtl"] .market-name strong{
    white-space:normal!important;
  }
}


/* =========================================================
   STEP 15.4 — ARABIC TITLE SCALE + MARKETS HARD RESET
   ========================================================= */

/* Reduce Arabic page/section titles by ~3px everywhere */
html[dir="rtl"] .hero h1,
html[dir="rtl"] .journal-hero h1,
html[dir="rtl"] .article-hero h1,
html[dir="rtl"] .faq-hero h1,
html[dir="rtl"] .careers-hero h1,
html[dir="rtl"] .contact-page-hero h1,
html[dir="rtl"] .seo-hero h1{
  font-size:clamp(41px,4.3vw,67px)!important;
}
html[dir="rtl"] .about-primary h2,
html[dir="rtl"] .services-heading h2,
html[dir="rtl"] .markets-title-row h2,
html[dir="rtl"] .process-heading h2,
html[dir="rtl"] .proof-heading h2,
html[dir="rtl"] .contact-intro h2,
html[dir="rtl"] .home-authority__head h2,
html[dir="rtl"] .journal-library__head h2{
  font-size:clamp(35px,3.5vw,55px)!important;
}

/* MARKETS HARD RESET:
   Keep the robust English geometry LTR, then RTL only the Arabic text.
   This avoids mirrored-grid collisions entirely. */
html[dir="rtl"] .markets-section{
  direction:ltr!important;
}
html[dir="rtl"] .markets-shell{
  width:min(1440px,calc(100% - 112px))!important;
  margin:0 auto!important;
  padding:96px 0 82px!important;
}
html[dir="rtl"] .markets-header,
html[dir="rtl"] .markets-title-row,
html[dir="rtl"] .markets-hq,
html[dir="rtl"] .markets-reach,
html[dir="rtl"] .markets-footer{
  direction:ltr!important;
}
html[dir="rtl"] .markets-kicker{
  direction:rtl!important;
  justify-content:flex-start!important;
}
html[dir="rtl"] .markets-title-row{
  display:grid!important;
  grid-template-columns:minmax(0,1.25fr) minmax(330px,.6fr)!important;
  gap:80px!important;
  align-items:end!important;
}
html[dir="rtl"] .markets-title-row h2{
  direction:rtl!important;
  text-align:right!important;
  margin:0!important;
  line-height:1.06!important;
}
html[dir="rtl"] .markets-map{
  direction:rtl!important;
  width:100%!important;
  min-width:0!important;
}
html[dir="rtl"] .markets-hq{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
}
html[dir="rtl"] .hq-card{
  direction:rtl!important;
  min-height:410px!important;
  padding:36px 42px 34px!important;
  overflow:hidden!important;
}
html[dir="rtl"] .hq-card:first-child{
  border-right:1px solid rgba(255,255,255,.12)!important;
}
html[dir="rtl"] .hq-card + .hq-card{
  border-right:0!important;
  border-top:0!important;
}
html[dir="rtl"] .hq-topline{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  direction:rtl!important;
}
html[dir="rtl"] .hq-number{
  direction:ltr!important;
  unicode-bidi:isolate!important;
  font-size:12px!important;
}
html[dir="rtl"] .hq-status{
  font-size:12px!important;
  letter-spacing:0!important;
}
html[dir="rtl"] .hq-content{
  display:block!important;
  max-width:560px!important;
  margin-top:72px!important;
  padding:0!important;
  direction:rtl!important;
  text-align:right!important;
}
html[dir="rtl"] .hq-flag{
  float:right!important;
  width:48px!important;
  height:48px!important;
  margin:0 0 0 16px!important;
}
html[dir="rtl"] .hq-country{
  display:block!important;
  margin:0 64px 5px 0!important;
  font-size:14px!important;
  line-height:1.5!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html[dir="rtl"] .hq-content h3{
  margin:0 64px 0 0!important;
  font-size:clamp(42px,4vw,62px)!important;
  line-height:1.08!important;
  letter-spacing:0!important;
  white-space:normal!important;
}
html[dir="rtl"] .hq-content p{
  clear:both!important;
  max-width:500px!important;
  margin:24px 0 0!important;
  font-size:15px!important;
  line-height:1.85!important;
  text-align:right!important;
}
html[dir="rtl"] .hq-coordinate{
  right:auto!important;
  left:38px!important;
  bottom:28px!important;
  direction:ltr!important;
}
html[dir="rtl"] .markets-reach{
  display:grid!important;
  grid-template-columns:.55fr 1.45fr!important;
  gap:50px!important;
  padding:42px 0!important;
}
html[dir="rtl"] .markets-reach-label{
  direction:rtl!important;
  text-align:right!important;
}
html[dir="rtl"] .market-list{
  direction:ltr!important;
}
html[dir="rtl"] .market-name{
  direction:rtl!important;
  text-align:right!important;
}
html[dir="rtl"] .market-name > span{
  direction:ltr!important;
  unicode-bidi:isolate!important;
}
html[dir="rtl"] .markets-footer{
  direction:rtl!important;
  text-align:right!important;
}

/* responsive */
@media(max-width:1000px){
  html[dir="rtl"] .markets-shell{
    width:calc(100% - 48px)!important;
  }
  html[dir="rtl"] .markets-title-row{
    grid-template-columns:1fr!important;
    gap:36px!important;
  }
  html[dir="rtl"] .markets-hq{
    grid-template-columns:1fr!important;
  }
  html[dir="rtl"] .hq-card:first-child{
    border-right:0!important;
  }
  html[dir="rtl"] .hq-card + .hq-card{
    border-top:1px solid rgba(255,255,255,.12)!important;
  }
  html[dir="rtl"] .markets-reach{
    grid-template-columns:1fr!important;
    gap:26px!important;
  }
}
@media(max-width:640px){
  html[dir="rtl"] .markets-shell{
    width:calc(100% - 28px)!important;
    padding:64px 0 58px!important;
  }
  html[dir="rtl"] .hq-card{
    min-height:auto!important;
    padding:28px 20px 34px!important;
  }
  html[dir="rtl"] .hq-content{
    margin-top:42px!important;
  }
  html[dir="rtl"] .hq-content h3{
    font-size:36px!important;
  }
  html[dir="rtl"] .market-list{
    grid-template-columns:1fr 1fr!important;
  }
}


/* =========================================================
   FINAL PRE-CMS v16 — Arabic glyph integrity + clean CTAs
   ========================================================= */

/* Keep Arabic shaping intact and prevent clipping */
html[dir="rtl"] body,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] .desktop-nav,
html[dir="rtl"] .mobile-panel,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] p,
html[dir="rtl"] span,
html[dir="rtl"] a,
html[dir="rtl"] strong,
html[dir="rtl"] b{
  font-family: Arial, Tahoma, "Segoe UI", sans-serif !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-kerning: normal !important;
  font-variant-ligatures: common-ligatures contextual !important;
  font-feature-settings: "liga" 1, "calt" 1, "kern" 1 !important;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] .journal-feature__copy h2,
html[dir="rtl"] .journal-card__copy h3,
html[dir="rtl"] .article-hero h1,
html[dir="rtl"] .article-copy section h2,
html[dir="rtl"] .markets-title-row h2,
html[dir="rtl"] .hq-content h3{
  overflow: visible !important;
  padding-top: .08em !important;
  padding-bottom: .14em !important;
  line-height: 1.22 !important;
}

/* Blog/article metadata: readable Arabic, no tiny labels */
html[dir="rtl"] .journal-feature__meta,
html[dir="rtl"] .journal-feature__meta b,
html[dir="rtl"] .journal-feature__date,
html[dir="rtl"] .journal-card__top span,
html[dir="rtl"] .journal-card__top b,
html[dir="rtl"] .journal-card__copy p,
html[dir="rtl"] .journal-card__cta,
html[dir="rtl"] .article-meta,
html[dir="rtl"] .article-back,
html[dir="rtl"] .article-aside span,
html[dir="rtl"] .article-aside a{
  font-size: 13px !important;
  line-height: 1.7 !important;
}

/* Remove decorative pseudo-arrow content where present */
html[dir="rtl"] .journal-feature__copy > a::before,
html[dir="rtl"] .journal-feature__copy > a::after,
html[dir="rtl"] .journal-card__cta::before,
html[dir="rtl"] .journal-card__cta::after,
html[dir="rtl"] .services-cta::before,
html[dir="rtl"] .services-cta::after,
html[dir="rtl"] .about-link::before,
html[dir="rtl"] .about-link::after,
html[dir="rtl"] .process-cta::before,
html[dir="rtl"] .process-cta::after,
html[dir="rtl"] .markets-footer a::before,
html[dir="rtl"] .markets-footer a::after,
html[dir="rtl"] .home-authority__links a::before,
html[dir="rtl"] .home-authority__links a::after,
html[dir="rtl"] .article-aside a::before,
html[dir="rtl"] .article-aside a::after{
  content: none !important;
}


/* =========================================================
   v16.1 — MOBILE HAMBURGER VISIBILITY FIX
   ========================================================= */
.menu-toggle{
  position:relative;
  z-index:50;
}

@media (max-width:880px){
  .nav-shell{
    display:grid !important;
    grid-template-columns:auto 1fr auto !important;
    align-items:center !important;
    min-height:86px !important;
    padding-inline:20px !important;
  }

  .brand{
    grid-column:1 !important;
    justify-self:start !important;
    z-index:51 !important;
  }

  .desktop-nav,
  .header-socials,
  .nav-shell > .language-switch{
    display:none !important;
  }

  .menu-toggle{
    display:flex !important;
    grid-column:3 !important;
    justify-self:end !important;
    align-self:center !important;
    position:relative !important;
    inset:auto !important;
    width:44px !important;
    height:44px !important;
    padding:10px !important;
    margin:0 !important;
    border:1px solid rgba(255,255,255,.26) !important;
    border-radius:999px !important;
    background:rgba(8,18,28,.18) !important;
    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;
    z-index:100 !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:5px !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  .menu-toggle span{
    display:block !important;
    width:100% !important;
    height:2px !important;
    margin:0 !important;
    background:#fff !important;
    border-radius:999px !important;
    opacity:1 !important;
    transition:transform .25s ease,opacity .25s ease !important;
  }

  header.scrolled .menu-toggle{
    border-color:rgba(30,25,20,.18) !important;
    background:rgba(255,255,255,.82) !important;
  }
  header.scrolled .menu-toggle span{
    background:#171513 !important;
  }

  html[dir="rtl"] .nav-shell{
    direction:ltr !important;
  }
  html[dir="rtl"] .brand{
    grid-column:1 !important;
  }
  html[dir="rtl"] .menu-toggle{
    grid-column:3 !important;
  }
}

@media (max-width:430px){
  .nav-shell{
    padding-inline:16px !important;
    min-height:80px !important;
  }
  .menu-toggle{
    width:42px !important;
    height:42px !important;
  }
}


/* =========================================================
   v16.2 — MOBILE HAMBURGER ICON VISIBILITY
   Draw icon independently from inner spans so it cannot vanish.
   ========================================================= */
@media (max-width:880px){
  .menu-toggle{
    color:#fff !important;
    background:rgba(15,15,15,.78) !important;
    border:1px solid rgba(255,255,255,.28) !important;
    position:relative !important;
    overflow:visible !important;
  }

  /* Hide old bars and render a guaranteed 3-line icon */
  .menu-toggle > span{
    opacity:0 !important;
    visibility:hidden !important;
  }

  .menu-toggle::before{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:19px !important;
    height:2px !important;
    margin:0 !important;
    padding:0 !important;
    background:#fff !important;
    border-radius:999px !important;
    transform:translate(-50%,-50%) !important;
    box-shadow:0 -6px 0 #fff, 0 6px 0 #fff !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:2 !important;
  }

  .site-header.is-scrolled .menu-toggle{
    background:#171513 !important;
    border-color:#171513 !important;
  }

  /* When open, use a clean X */
  .menu-toggle.is-open::before{
    width:20px !important;
    height:2px !important;
    box-shadow:none !important;
    transform:translate(-50%,-50%) rotate(45deg) !important;
  }

  .menu-toggle.is-open::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:20px !important;
    height:2px !important;
    background:#fff !important;
    border-radius:999px !important;
    transform:translate(-50%,-50%) rotate(-45deg) !important;
    z-index:2 !important;
  }
}


/* =========================================================
   v16.3 — PRODUCTION HEADER / ARABIC STABILITY
   ========================================================= */

/* Use the approved Arabic typeface without Latin tracking that can break shaping. */
html[dir="rtl"] body,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] p,
html[dir="rtl"] a,
html[dir="rtl"] span,
html[dir="rtl"] label,
html[dir="rtl"] li,
html[dir="rtl"] strong,
html[dir="rtl"] b{
  font-family:'Careem',Tahoma,Arial,sans-serif !important;
  letter-spacing:0 !important;
  font-kerning:normal !important;
  font-variant-ligatures:common-ligatures contextual !important;
  font-feature-settings:"liga" 1,"calt" 1,"kern" 1 !important;
  text-rendering:optimizeLegibility !important;
}

/* Kill every old pseudo-element hamburger implementation. */
@media(max-width:880px){
  .menu-toggle::before,
  .menu-toggle::after{
    content:none !important;
    display:none !important;
    box-shadow:none !important;
  }

  .menu-toggle{
    display:flex !important;
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    min-height:46px !important;
    padding:10px !important;
    margin:0 !important;
    align-items:center !important;
    justify-content:center !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    opacity:1 !important;
    visibility:visible !important;
    appearance:none !important;
    -webkit-appearance:none !important;
  }

  .menu-toggle > span{
    display:none !important;
  }

  .menu-toggle__icon{
    display:block !important;
    width:26px !important;
    height:26px !important;
    overflow:visible !important;
  }

  .menu-toggle__line{
    fill:none !important;
    stroke:#fff !important;
    stroke-width:1.8 !important;
    stroke-linecap:round !important;
    transform-box:fill-box !important;
    transform-origin:center !important;
    transition:transform .24s ease, opacity .18s ease, stroke .24s ease !important;
  }

  /* Inner pages have a light header at the top. */
  .inner-page .site-header:not(.is-scrolled) .menu-toggle__line,
  .site-header.is-scrolled .menu-toggle__line{
    stroke:#1b1815 !important;
  }

  .menu-toggle.is-open .menu-toggle__line--top{
    transform:translateY(5px) rotate(45deg) !important;
  }
  .menu-toggle.is-open .menu-toggle__line--mid{
    opacity:0 !important;
  }
  .menu-toggle.is-open .menu-toggle__line--bot{
    transform:translateY(-5px) rotate(-45deg) !important;
  }

  /* Stable mobile header geometry before/after Arabic font download. */
  .nav-shell{
    grid-template-columns:130px 1fr 52px !important;
    column-gap:8px !important;
  }
  .brand{
    width:122px !important;
  }
}

/* Arabic footer should never fall back to English copy visually. */
html[dir="rtl"] .site-footer__copyright{
  direction:rtl !important;
  unicode-bidi:plaintext !important;
}


/* =========================================================
   v16.4 — FINAL MOBILE NAV + ARABIC FONT STABILITY
   ========================================================= */

/* Stable Arabic stack — no missing external font request / no late font swap. */
html[dir="rtl"] body,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] p,
html[dir="rtl"] a,
html[dir="rtl"] span,
html[dir="rtl"] label,
html[dir="rtl"] li,
html[dir="rtl"] strong,
html[dir="rtl"] b{
  font-family:Tahoma,Arial,"Segoe UI",sans-serif !important;
  letter-spacing:0 !important;
  font-kerning:normal !important;
  font-variant-ligatures:common-ligatures contextual !important;
  font-feature-settings:"liga" 1,"calt" 1,"kern" 1 !important;
}

/* Prevent the page underneath the mobile menu from scrolling/showing through. */
body.menu-open{
  overflow:hidden !important;
  touch-action:none !important;
}

/* Full-height mobile navigation overlay. */
@media (max-width:880px){
  .mobile-panel{
    display:block !important;
    position:fixed !important;
    z-index:999 !important;
    top:var(--header-h) !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    height:auto !important;
    max-height:none !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
    background:#0b0a09 !important;
    color:#fff !important;
    transform:translateY(-104%) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  .mobile-panel.is-open{
    transform:translateY(0) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  .mobile-panel-inner{
    min-height:100% !important;
    width:100% !important;
    background:
      radial-gradient(circle at 88% 14%,rgba(183,122,71,.16),transparent 28%),
      #0b0a09 !important;
    padding-bottom:max(34px,env(safe-area-inset-bottom)) !important;
  }

  /* Header geometry stays fixed regardless of language. */
  .nav-shell{
    display:grid !important;
    grid-template-columns:130px 1fr 50px !important;
    align-items:center !important;
    column-gap:8px !important;
    padding:0 18px !important;
  }

  html[dir="rtl"] .nav-shell{
    direction:ltr !important;
  }

  .brand{
    grid-column:1 !important;
    justify-self:start !important;
    width:122px !important;
  }

  .desktop-nav,
  .header-socials,
  .nav-shell > .language-switch{
    display:none !important;
  }

  /* Reset ALL older circle / pseudo / SVG implementations. */
  .menu-toggle,
  .menu-toggle:hover,
  .menu-toggle:focus,
  .menu-toggle:active{
    grid-column:3 !important;
    justify-self:end !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    position:relative !important;
    inset:auto !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    margin:0 !important;
    padding:10px !important;
    border:0 !important;
    outline:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    opacity:1 !important;
    visibility:visible !important;
    appearance:none !important;
    -webkit-appearance:none !important;
    z-index:1002 !important;
  }

  .menu-toggle::before,
  .menu-toggle::after{
    content:none !important;
    display:none !important;
  }

  .menu-toggle svg{
    display:none !important;
  }

  .menu-toggle > span{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    width:24px !important;
    height:2px !important;
    flex:0 0 2px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:99px !important;
    background:#fff !important;
    box-shadow:none !important;
    transform:none !important;
    transition:transform .22s ease,opacity .18s ease,background .22s ease !important;
  }

  /* Inner pages have the white navbar at the top. */
  .inner-page .site-header:not(.is-scrolled) .menu-toggle > span,
  .site-header.is-scrolled .menu-toggle > span{
    background:#171513 !important;
  }

  /* Home hero starts dark. */
  body:not(.inner-page) .site-header:not(.is-scrolled) .menu-toggle > span{
    background:#fff !important;
  }

  .menu-toggle.is-open > span{
    background:#171513 !important;
  }
  body:not(.inner-page) .site-header:not(.is-scrolled) .menu-toggle.is-open > span{
    background:#fff !important;
  }
  .menu-toggle.is-open > span:nth-child(1){
    transform:translateY(7px) rotate(45deg) !important;
  }
  .menu-toggle.is-open > span:nth-child(2){
    opacity:0 !important;
  }
  .menu-toggle.is-open > span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg) !important;
  }

  .mobile-panel nav{
    padding:24px 28px 14px !important;
  }

  .mobile-panel nav a{
    display:block !important;
    min-height:64px !important;
    padding:20px 0 !important;
  }

  .mobile-language-switch{
    padding:0 28px 18px !important;
  }

  .mobile-menu-footer{
    padding:8px 28px 32px !important;
  }
}


/* =========================================================
   v17.0 — MOBILE HEADER + RTL INTEGRITY + 4-LANGUAGE UI
   ========================================================= */

/* Four-language switcher */
.language-switcher{
  position:relative;
  z-index:1200;
}
.language-switcher summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:8px 12px;
  border:1px solid rgba(120,100,84,.28);
  border-radius:999px;
  background:rgba(255,255,255,.06);
  color:inherit;
}
.language-switcher summary::-webkit-details-marker{display:none}
.language-switcher__flag{font-size:20px;line-height:1}
.language-switcher__code{font-size:12px;font-weight:700;letter-spacing:.08em}
.language-switcher__menu{
  position:absolute;
  top:calc(100% + 8px);
  inset-inline-end:0;
  width:180px;
  padding:8px;
  border:1px solid rgba(170,140,115,.2);
  background:#11100f;
  box-shadow:0 18px 50px rgba(0,0,0,.28);
}
.language-switcher__menu a{
  display:grid;
  grid-template-columns:26px 42px 1fr;
  gap:8px;
  align-items:center;
  min-height:42px;
  padding:7px 8px;
  color:#fff;
  text-decoration:none;
}
.language-switcher__menu a:hover{background:rgba(255,255,255,.06)}
.language-switcher__menu b{font-size:12px}
.language-switcher__menu small{font-size:12px;opacity:.72}

/* Stable RTL shaping: never rotate or split Arabic/Urdu text */
html[dir="rtl"] body{
  direction:rtl;
}
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] p,
html[dir="rtl"] a,
html[dir="rtl"] span,
html[dir="rtl"] b,
html[dir="rtl"] strong{
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
  letter-spacing:0 !important;
}
html[lang="ur"] body,
html[lang="ur"] h1,
html[lang="ur"] h2,
html[lang="ur"] h3,
html[lang="ur"] p,
html[lang="ur"] a,
html[lang="ur"] span{
  font-family:"Noto Nastaliq Urdu","Noto Sans Arabic",Tahoma,Arial,sans-serif !important;
}
html[lang="zh"] body,
html[lang="zh"] h1,
html[lang="zh"] h2,
html[lang="zh"] h3,
html[lang="zh"] p,
html[lang="zh"] a,
html[lang="zh"] span{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif !important;
}

/* FINAL hamburger authority: no square/circle background in any state */
@media(max-width:880px){
  body .site-header .menu-toggle,
  body .site-header.is-scrolled .menu-toggle,
  body header.scrolled .menu-toggle,
  body .site-header .menu-toggle:hover,
  body .site-header .menu-toggle:focus,
  body .site-header .menu-toggle:active{
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  body .site-header .menu-toggle > span{
    display:block !important;
    width:25px !important;
    height:2px !important;
    background:#fff !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  /* light/scrolled navbar = dark bars only, never dark box */
  body .inner-page .site-header .menu-toggle > span,
  body .site-header.is-scrolled .menu-toggle > span,
  body header.scrolled .menu-toggle > span{
    background:#171513 !important;
  }

  /* dark home hero at top */
  body:not(.inner-page) .site-header:not(.is-scrolled) .menu-toggle > span{
    background:#fff !important;
  }

  /* Mobile language picker */
  .mobile-language-switch .language-switcher{
    width:100%;
  }
  .mobile-language-switch .language-switcher summary{
    width:max-content;
    min-width:92px;
    color:#fff;
    border-color:rgba(255,255,255,.25);
  }
  .mobile-language-switch .language-switcher__menu{
    position:static;
    width:100%;
    margin-top:10px;
    border-color:rgba(255,255,255,.12);
  }

  /* RTL mobile markets: eliminate the rotated/reversed map text entirely.
     The HQ cards remain as the useful mobile representation. */
  html[dir="rtl"] .markets-section,
  html[dir="rtl"] .markets-shell,
  html[dir="rtl"] .markets-header,
  html[dir="rtl"] .markets-title-row,
  html[dir="rtl"] .markets-hq,
  html[dir="rtl"] .hq-card,
  html[dir="rtl"] .hq-content,
  html[dir="rtl"] .markets-reach,
  html[dir="rtl"] .markets-footer{
    direction:rtl !important;
    text-align:right !important;
  }

  html[dir="rtl"] .markets-title-row{
    display:block !important;
  }

  html[dir="rtl"] .markets-map{
    display:none !important;
  }

  html[dir="rtl"] .markets-hq{
    display:block !important;
    width:100% !important;
  }

  html[dir="rtl"] .hq-card{
    width:100% !important;
    min-height:0 !important;
    padding:32px 20px 36px !important;
    border-right:0 !important;
    border-left:0 !important;
  }

  html[dir="rtl"] .hq-card + .hq-card{
    border-top:1px solid rgba(255,255,255,.12) !important;
  }

  html[dir="rtl"] .hq-content{
    display:block !important;
    margin-top:34px !important;
    max-width:none !important;
  }

  html[dir="rtl"] .hq-flag{
    float:none !important;
    display:inline-flex !important;
    vertical-align:middle !important;
    margin:0 0 14px 0 !important;
  }

  html[dir="rtl"] .hq-country{
    display:block !important;
    margin:0 0 6px !important;
  }

  html[dir="rtl"] .hq-content h3{
    margin:0 !important;
    transform:none !important;
    writing-mode:horizontal-tb !important;
    white-space:normal !important;
  }

  html[dir="rtl"] .hq-content p{
    margin:16px 0 0 !important;
    max-width:none !important;
  }

  html[dir="rtl"] .hq-coordinate,
  html[dir="rtl"] .markets-map__label,
  html[dir="rtl"] .markets-map__hint{
    display:none !important;
  }

  html[dir="rtl"] .markets-reach{
    display:block !important;
    padding:30px 20px !important;
  }

  html[dir="rtl"] .market-list{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:0 !important;
    direction:rtl !important;
  }

  html[dir="rtl"] .market-name{
    min-width:0 !important;
    padding:16px 8px !important;
    direction:rtl !important;
  }

  html[dir="rtl"] .market-name strong{
    white-space:normal !important;
  }
}


/* =========================================================
   v17.1 — DESKTOP LANGUAGE TOGGLE NAVBAR INTEGRATION
   Keep the language control compact and inline with nav items.
   ========================================================= */
@media (min-width:881px){
  .nav-shell{
    gap:18px !important;
  }

  .desktop-nav{
    margin-left:auto !important;
    display:flex !important;
    align-items:center !important;
    height:100% !important;
    flex:0 1 auto !important;
  }

  .language-switcher{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    flex:0 0 auto !important;
    width:auto !important;
    margin:0 8px 0 0 !important;
    z-index:1200 !important;
  }

  .language-switcher summary{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    width:auto !important;
    min-width:72px !important;
    height:40px !important;
    min-height:40px !important;
    padding:0 12px !important;
    margin:0 !important;
    border:1px solid rgba(255,255,255,.28) !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.04) !important;
    color:inherit !important;
    line-height:1 !important;
    box-sizing:border-box !important;
  }

  .site-header.is-scrolled .language-switcher summary,
  .inner-page .site-header:not(.is-scrolled) .language-switcher summary{
    border-color:rgba(25,20,16,.18) !important;
    background:transparent !important;
    color:#171513 !important;
  }

  .language-switcher__flag{
    font-size:18px !important;
    line-height:1 !important;
    width:20px !important;
    height:20px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .language-switcher__code{
    font-size:11px !important;
    line-height:1 !important;
    font-weight:700 !important;
    letter-spacing:.08em !important;
    white-space:nowrap !important;
  }

  .language-switcher__menu{
    position:absolute !important;
    top:calc(100% + 10px) !important;
    right:0 !important;
    left:auto !important;
    inset-inline-end:auto !important;
    width:176px !important;
    margin:0 !important;
    padding:7px !important;
    border-radius:10px !important;
    background:#11100f !important;
  }

  html[dir="rtl"] .language-switcher__menu{
    right:auto !important;
    left:0 !important;
  }

  .header-socials{
    flex:0 0 auto !important;
    margin-left:0 !important;
  }
}


/* =========================================================
   v17.2 — LANGUAGE SWITCHER TRUE INLINE NAVBAR PLACEMENT
   The desktop switcher now lives INSIDE .desktop-nav.
   ========================================================= */
@media (min-width:881px){
  .desktop-nav{
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:0 !important;
    white-space:nowrap !important;
  }

  .desktop-language-switch{
    display:flex !important;
    align-items:center !important;
    height:100% !important;
    flex:0 0 auto !important;
    margin-inline-start:12px !important;
    position:relative !important;
  }

  .desktop-language-switch .language-switcher{
    display:inline-flex !important;
    align-items:center !important;
    position:relative !important;
    width:auto !important;
    margin:0 !important;
    flex:0 0 auto !important;
  }

  .desktop-language-switch .language-switcher summary{
    min-width:70px !important;
    height:38px !important;
    min-height:38px !important;
    padding:0 11px !important;
    margin:0 !important;
  }

  .desktop-language-switch .language-switcher__menu{
    top:calc(100% + 9px) !important;
    inset-inline-end:0 !important;
    inset-inline-start:auto !important;
    right:auto !important;
    left:auto !important;
  }

  /* Critical: old sibling rules must not affect the new inline switcher. */
  .nav-shell > .language-switcher,
  .nav-shell > .language-switch{
    display:none !important;
  }

  html[dir="rtl"] .desktop-nav{
    direction:rtl !important;
  }

  html[dir="rtl"] .desktop-language-switch{
    margin-inline-start:12px !important;
    margin-inline-end:0 !important;
  }
}

/* Keep mobile selector independent and untouched. */
@media (max-width:880px){
  .desktop-language-switch{
    display:none !important;
  }
}


/* =========================================================
   v17.3 — RTL DESKTOP MARKETS REBUILD
   Arabic + Urdu must not inherit the forced 55svh squeeze.
   ========================================================= */
@media (min-width:901px){
  html[dir="rtl"] .markets-section{
    height:auto !important;
    min-height:0 !important;
    overflow:hidden !important;
    direction:rtl !important;
  }

  html[dir="rtl"] .markets-shell{
    width:min(1440px,calc(100% - 112px)) !important;
    margin:0 auto !important;
    padding:92px 0 78px !important;
    direction:rtl !important;
  }

  html[dir="rtl"] .markets-header{
    direction:rtl !important;
    padding-bottom:50px !important;
  }

  html[dir="rtl"] .markets-kicker{
    direction:rtl !important;
    justify-content:flex-start !important;
    text-align:right !important;
  }

  html[dir="rtl"] .markets-title-row{
    display:grid !important;
    grid-template-columns:minmax(360px,.72fr) minmax(0,1.28fr) !important;
    gap:64px !important;
    align-items:end !important;
    direction:rtl !important;
  }

  html[dir="rtl"] .markets-title-row h2{
    grid-column:1 !important;
    direction:rtl !important;
    text-align:right !important;
    margin:0 !important;
    line-height:1.08 !important;
    max-width:620px !important;
  }

  html[dir="rtl"] .markets-map{
    grid-column:2 !important;
    direction:ltr !important;
    width:100% !important;
    min-width:0 !important;
    max-width:720px !important;
    justify-self:start !important;
  }

  html[dir="rtl"] .markets-map__label,
  html[dir="rtl"] .markets-map__hint,
  html[dir="rtl"] .map-place{
    direction:rtl !important;
    text-align:right !important;
  }

  html[dir="rtl"] .markets-hq{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    direction:rtl !important;
    min-height:0 !important;
    height:auto !important;
    border-bottom:1px solid rgba(255,255,255,.12) !important;
  }

  html[dir="rtl"] .hq-card{
    width:auto !important;
    min-width:0 !important;
    min-height:430px !important;
    height:auto !important;
    padding:36px 42px 42px !important;
    direction:rtl !important;
    text-align:right !important;
    overflow:hidden !important;
  }

  html[dir="rtl"] .hq-card:first-child{
    border-right:0 !important;
    border-left:1px solid rgba(255,255,255,.12) !important;
  }

  html[dir="rtl"] .hq-card + .hq-card{
    border:0 !important;
  }

  html[dir="rtl"] .hq-topline{
    direction:rtl !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
  }

  html[dir="rtl"] .hq-content{
    display:grid !important;
    grid-template-columns:auto 1fr !important;
    grid-template-areas:
      "flag country"
      "flag title"
      "desc desc" !important;
    column-gap:16px !important;
    row-gap:3px !important;
    direction:rtl !important;
    text-align:right !important;
    max-width:580px !important;
    margin-top:66px !important;
    padding:0 !important;
  }

  html[dir="rtl"] .hq-flag{
    grid-area:flag !important;
    float:none !important;
    width:48px !important;
    height:48px !important;
    margin:4px 0 0 !important;
    align-self:start !important;
  }

  html[dir="rtl"] .hq-country{
    grid-area:country !important;
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    font-size:13px !important;
    line-height:1.45 !important;
    text-align:right !important;
  }

  html[dir="rtl"] .hq-content h3{
    grid-area:title !important;
    margin:0 !important;
    font-size:clamp(48px,4.5vw,72px) !important;
    line-height:1.04 !important;
    letter-spacing:0 !important;
    transform:none !important;
    writing-mode:horizontal-tb !important;
    white-space:normal !important;
    direction:rtl !important;
    text-align:right !important;
  }

  html[dir="rtl"] .hq-content p{
    grid-area:desc !important;
    max-width:520px !important;
    margin:22px 0 0 !important;
    font-size:14px !important;
    line-height:1.85 !important;
    direction:rtl !important;
    text-align:right !important;
  }

  html[dir="rtl"] .hq-coordinate{
    writing-mode:horizontal-tb !important;
    transform:none !important;
    inset:auto 42px 22px auto !important;
    direction:ltr !important;
    opacity:.34 !important;
  }

  html[dir="rtl"] .markets-reach{
    direction:rtl !important;
    text-align:right !important;
    height:auto !important;
    min-height:0 !important;
  }

  html[dir="rtl"] .market-list{
    direction:rtl !important;
  }

  html[dir="rtl"] .markets-footer{
    direction:rtl !important;
    text-align:right !important;
  }
}