/* Legacy page/header styles. Public heroes use public-hero.css. */
.stinvar-homepage.stinvar-v2 {
  --st-light: #82b8ef;
  --st-light-line: #5e99d2;
  --st-hero-photo: url("/assets/stinvar/lake-dark-v2.png");
  --st-hero-shade: linear-gradient(90deg, rgb(16 20 24 / .54), rgb(20 25 30 / .36) 44%, rgb(20 25 30 / .26)), linear-gradient(0deg, rgb(19 22 25 / .72), transparent 38%);
  --st-hero-ink: #faf7f0;
  --st-hero-muted: #dedad3;
  --st-values-bg: rgb(21 23 26 / .78);
}
html[data-theme="light"] .stinvar-homepage.stinvar-v2 {
  --st-light: #346eaa;
  --st-light-line: #5a8fbe;
  --st-hero-photo: url("/assets/stinvar/lake-light-v2.png");
  --st-hero-shade: linear-gradient(90deg, rgb(240 235 223 / .27), rgb(245 241 233 / .75) 35%, rgb(246 242 234 / .57) 69%, rgb(243 239 230 / .08)), linear-gradient(0deg, rgb(240 236 227 / .7), transparent 38%);
  --st-hero-ink: #182631;
  --st-hero-muted: #374955;
  --st-values-bg: rgb(242 239 232 / .86);
}
.stinvar-v2 .site-header {
  border-bottom: 1px solid color-mix(in srgb, var(--st-light-line) 30%, var(--st-line));
  background: linear-gradient(115deg, var(--st-panel), var(--st-bg) 40%) !important;
}
.stinvar-v2 .site-header .brand { gap: 12px; }
.stinvar-v2 .site-header .stinvar-mark {
  width: 37px;
  height: 47px;
  object-fit: contain;
  filter: drop-shadow(0 2px 5px rgb(0 0 0 / .2));
}
.stinvar-v2 .site-header .stinvar-wordmark b { letter-spacing: .19em; }
.stinvar-v2 .site-header .nav-tile {
  border-color: color-mix(in srgb, var(--st-light-line) 18%, var(--st-line)) !important;
  transition: border-color .2s, box-shadow .2s, color .2s;
}
.stinvar-v2 .site-header :is(a, button):hover .nav-tile,
.stinvar-v2 .site-header .nav-tile:is(:hover, :focus-visible),
.stinvar-v2 .site-header .menu-toggle[aria-expanded="true"] {
  border-color: var(--st-light-line) !important;
  box-shadow: inset 0 -1px var(--st-light), 0 2px 12px rgb(71 145 221 / .15) !important;
  color: var(--st-light) !important;
}
.stinvar-v2 .site-header a:focus-visible,
.stinvar-v2 .site-header button:focus-visible {
  outline: 1px solid var(--st-light);
  outline-offset: 4px;
}
.stinvar-v2 .website-sections > a { border-radius: 5px; }
.stinvar-v2 .website-sections > a[aria-current="page"] {
  border-bottom-color: var(--st-line) !important;
}
.stinvar-v2 .website-sections > a[aria-current="page"]::after {
  display: block !important;
  height: 1px;
  left: 18%;
  right: 18%;
  background: var(--st-light) !important;
  box-shadow: 0 0 6px rgb(98 167 234 / .45) !important;
}
.stinvar-v2 .website-sections > a:hover {
  border-color: var(--st-light-line) !important;
}
.stinvar-v2 .stinvar-button {
  position: relative;
  flex-shrink: 0;
  gap: 28px;
  color: var(--st-hero-ink);
  border-color: color-mix(in srgb, var(--st-light) 65%, transparent);
  background: rgb(21 25 29 / .35);
  box-shadow: inset 0 -1px var(--st-light), 0 2px 14px rgb(81 151 219 / .1);
  transition: box-shadow .2s, border-color .2s;
}
html[data-theme="light"] .stinvar-v2 .stinvar-button { background: rgb(248 245 237 / .58); }
.stinvar-v2 .stinvar-button:hover {
  border-color: var(--st-light);
  box-shadow: inset 0 -1px var(--st-light), 0 2px 20px rgb(81 151 219 / .24);
}
.stinvar-v2 .stinvar-button:focus-visible { outline: 2px solid var(--st-light); outline-offset: 5px; }
@media (max-width: 560px) {
.stinvar-homepage.stinvar-v2 .site-header {
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 10px;
  }
.stinvar-v2 .site-header > .brand { grid-column: 1; }
.stinvar-v2 .site-header > .utilities { grid-column: 2; }
.stinvar-v2 .site-header > .bb-global-counter { grid-column: 1 / -1; }
.stinvar-v2 .site-header .brand { gap: 7px; }
.stinvar-v2 .site-header .stinvar-mark { width: 28px; height: 40px; }

}
@media (max-width: 360px) {
.stinvar-v2 .site-header .stinvar-wordmark b { font-size: 15px !important; letter-spacing: .14em; }
.stinvar-v2 .site-header .stinvar-mark { width: 23px; }
.stinvar-v2 .site-header .stinvar-wordmark small { font-size: 7px; }

}
@media (prefers-reduced-motion: reduce) {
.stinvar-v2 .site-header .nav-tile,
.stinvar-v2 .stinvar-button { transition: none; }

}