/* V5.7 — Forward-test inspired brand scale.
   The header uses the existing cropped OUTCORA SVG, so the visible mark has
   the same proportions as the forward-test page instead of the padded PNG. */

.site-header .nav{
  height:106px;
  gap:28px;
}
.site-header .brand{
  min-width:340px;
  min-height:64px;
}
.site-header .brand img.site-logo{
  width:420px;
  max-width:100%;
  height:auto;
  background:transparent;
}

/* Keep the logo and editorial hierarchy in balance on wider screens. */
h1{font-size:clamp(38px,4.1vw,56px)}
.section h2{font-size:clamp(30px,3.8vw,48px)}
.market-band{top:106px}

@media(max-width:1020px){
  .site-header .brand{min-width:0}
}

@media(max-width:720px){
  .site-header .nav{
    height:88px;
    gap:8px;
  }
  .site-header .brand{
    min-width:0;
    min-height:54px;
    flex:1;
  }
  .site-header .brand img.site-logo{
    width:330px;
    max-width:100%;
  }
  h1{font-size:clamp(34px,9.4vw,44px)}
  .section h2{font-size:32px}
  .market-band{top:88px}
}