/* Generated from torabi-sketch — do not edit by hand. Source: torabi-fa-modern-v2.html #hero-v2 */

.hx-nav nav{
  transition:background .4s ease, border-color .4s ease,
             box-shadow .4s ease, backdrop-filter .4s ease;
}
/* logo: a single, well-framed image — whitened via filter while over the
   dark hero (avoids a second PNG with mismatched padding / dead DOM space). */
.hx-logo{ transition:filter .4s ease; }

/* --- floating over the dark hero --- */
.hx-nav-onhero nav{
  background:rgba(22,9,15,0.30);
  border-color:rgba(255,255,255,0.25);
  box-shadow:0 10px 34px -14px rgba(0,0,0,0.6);
  -webkit-backdrop-filter:blur(16px) saturate(1.2);
  backdrop-filter:blur(16px) saturate(1.2);
}
.hx-nav-onhero .nav-link{ color:rgba(248,244,236,0.92); }
.hx-nav-onhero .nav-link:hover{ color:var(--gold-soft); }
.hx-nav-onhero .nav-link.is-active{ color:var(--gold-soft); font-weight:600; }
.hx-nav-onhero .hx-logo{ filter:brightness(0) invert(1); }
.hx-nav-onhero .nav-burger span{ background:var(--cream); }
/* nav CTA mirrors the secondary button: white outline → white fill */
.hx-nav-onhero .hx-nav-cta{
  background:transparent;
  color:#fff;
  border-color:rgba(255,255,255,0.7);
}
.hx-nav-onhero .hx-nav-cta:hover{
  background:#fff;
  color:var(--ink);
  border-color:#fff;
}