/* =========================================================
   ADDITIONAL FLAG STATES — HERO BACKGROUND ONLY
   ========================================================= */

html body
.ofs-hero{
  background:
    linear-gradient(
      90deg,
      rgba(4,28,45,.93) 0%,
      rgba(5,39,59,.86) 38%,
      rgba(7,48,69,.68) 63%,
      rgba(4,28,44,.48) 100%
    ),
    url('/assets/images/other-flags-hero-bg.webp')
    center center / cover no-repeat !important;
}


/* subtle navy depth so text remains readable */
html body
.ofs-hero::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;

  background:
    radial-gradient(
      circle at 83% 25%,
      rgba(46,177,219,.10),
      transparent 34%
    ),
    linear-gradient(
      90deg,
      rgba(1,20,34,.20),
      transparent 65%
    ) !important;
}