/* Reference-style navigation. Deliberately scoped to the header only. */
.glass-header,
.glass-header.is-scrolled {
  top: 32px;
  left: 50%;
  right: auto;
  width: 88.75%;
  max-width: 1600px;
  transform: translateX(-50%);
  border: 1px solid #dedbd6;
  background: repeating-linear-gradient(0deg, #fff0 0px, #fff0 2px, #ffffff12 3px, #00000005 4px), linear-gradient(105deg, #c6c2bd, #e0ddd8 30%, #b9b5b0 66%, #ccc8c3);
  box-shadow: 0 3px 7px #0007, inset 0 1px 2px #fff9;
  backdrop-filter: none;
}
.glass-header > .container { width: 100%; max-width: none; padding: 0 3%; }
.glass-header .glass-header__inner { min-height: 116px; gap: 30px; }
.glass-header .glass-brand { flex-shrink: 0; }
.glass-header .glass-brand__logo { width: 345px; max-height: 100px; }
.glass-header .glass-nav { gap: clamp(18px, 2vw, 34px); }
.glass-header .glass-nav a { color: #151515; font-family: 'Arial Narrow', Arial, sans-serif; font-size: clamp(15px, 1.3vw, 21px); font-weight: 400; text-transform: uppercase; white-space: nowrap; }
.glass-header .glass-nav a:hover,
.glass-header .glass-nav a:focus { color: #426771; }
.glass-header .glass-menu-button { color: #262c30; border-color: #8c9395; background: #ffffff20; flex-shrink: 0; }
@media (min-width: 1200px) and (max-width: 1399px) {
  .glass-header .glass-brand__logo { width: 280px; }
  .glass-header .glass-nav { gap: 18px; }
  .glass-header .glass-nav a { font-size: 15px; }
}
@media (max-width: 1199px) {
  .glass-header .glass-menu-button { display: inline-flex; }
  .glass-header .glass-nav { display: none; position: absolute; top: 100%; right: 0; width: min(300px, calc(100vw - 60px)); padding: 16px; flex-direction: column; align-items: stretch; gap: 0; background: #d3d0ca; border: 1px solid #aaa9a5; border-radius: 0; box-shadow: 0 8px 18px #0003; }
  .glass-header .glass-nav.is-open { display: flex; }
  .glass-header .glass-nav a { width: 100%; padding: 12px 10px; font-size: 15px; }
  .glass-header .glass-header__inner { min-height: 94px; }
  .glass-header .glass-brand__logo { width: 270px; max-height: 80px; }
}
@media (max-width: 600px) {
  .glass-header, .glass-header.is-scrolled { top: 16px; width: 94%; }
  .glass-header .glass-header__inner { min-height: 80px; gap: 12px; }
  .glass-header .glass-brand__logo { width: min(235px, 61vw); max-height: 72px; }
}
/* Local gray backgrounds for readable hero content. */
.glass-hero__copy,
.glass-hero__panel {
  background: linear-gradient(180deg, rgba(105, 109, 112, 0.62) 0%, rgba(83, 88, 92, 0.48) 55%, rgba(65, 70, 74, 0.28) 100%);
  border-radius: 8px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
}
.glass-hero__copy { padding: 28px 32px; }
.glass-hero__copy p,
.glass-hero__panel { color: #fff; }
.glass-hero__panel { padding: 22px 24px; }
@media (max-width: 767px) {
  .glass-hero__copy { padding: 24px 20px; }
  .glass-hero__copy h1 { font-size: clamp(2.7rem, 12vw, 3.7rem); }
}