/* ─── HERO ─── */
.hero {
  min-height:100vh; padding-top:var(--HDR);
  position:relative; overflow:hidden;
  display:flex; align-items:center;
}
.hero-overlay {
  position:absolute; inset:0;
  background:
    linear-gradient(to right, rgba(13,27,42,.96) 42%, rgba(13,27,42,.25) 100%),
    linear-gradient(to top,    rgba(13,27,42,1)   0%,  transparent 55%);
}
.hero-pattern {
  position:absolute; inset:0;
  background-image:radial-gradient(circle, rgba(245,166,35,.055) 1px, transparent 1px);
  background-size:42px 42px;
}
.hero-inner {
  position:relative; z-index:2;
  max-width:1400px; margin:0 auto; padding:4rem 1.5rem;
  display:grid; grid-template-columns:45% 55%; gap:3rem; align-items:center;
}
.hero-badge {
  display:inline-flex; align-items:center; gap:6px;
  background:rgba(245,166,35,.12); border:1px solid rgba(245,166,35,.4);
  color:var(--gold); padding:5px 14px; border-radius:2px;
  font-family:var(--FH); font-size:.75rem; letter-spacing:4px; text-transform:uppercase;
  margin-bottom:1rem;
  animation:fadeUp .6s ease both;
}
.hero h1 {
  font-family:var(--FD); font-size:clamp(2.2rem,4vw,4rem);
  font-weight:700; line-height:.93; letter-spacing:1px;
  animation:fadeUp .8s ease .1s both;
}
.hero h1 .hl { color:var(--gold); display:block; }
.hero-sub {
  font-family:var(--FH); font-weight:600; font-size:.92rem;
  letter-spacing:5px; text-transform:uppercase; color:var(--bluel);
  margin-top:.8rem; animation:fadeUp .8s ease .2s both;
}
.hero-desc {
  color:var(--silv); font-size:.96rem; line-height:1.8;
  margin-top:1.4rem; max-width:490px;
  animation:fadeUp .8s ease .3s both;
}
.hero-btns {
  display:flex; gap:1rem; flex-wrap:wrap;
  margin-top:2.2rem; animation:fadeUp .8s ease .4s both;
}

/* Hero image side */
.hero-img-side { animation:fadeRight 1s ease .25s both; }
.hero-img-wrap { position:relative; }
.hero-img-wrap img {
  width:100%; height:auto; aspect-ratio:3/2; object-fit:cover;
  border-radius:3px;
  box-shadow:0 20px 60px rgba(0,0,0,.65);
  filter:brightness(.9);
}
.hero-img-wrap::before {
  content:''; position:absolute; inset:-8px;
  border:1px solid rgba(245,166,35,.22); z-index:-1;
  clip-path:polygon(18px 0%,100% 0%,100% calc(100% - 18px),calc(100% - 18px) 100%,0% 100%,0% 18px);
}
.hero-tag {
  position:absolute; bottom:-14px; left:-14px;
  background:linear-gradient(135deg,var(--gold),var(--goldd));
  color:var(--navy); padding:10px 20px;
  clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
}
.hero-tag .big { font-family:var(--FD); font-size:1.6rem; font-weight:700; line-height:1; }
.hero-tag .sm  { font-family:var(--FH); font-size:.65rem; letter-spacing:3px; text-transform:uppercase; opacity:.8; }