/* Pixel-close overrides for the supplied 1280 × 283 header/hero reference. */
@media (min-width: 801px) {
  .container { width: min(1000px, 96%); }

  .site-header { height: 48px; position: relative; box-shadow: none; }
  .nav-wrap { gap: 18px; }
  .brand { min-width: 137px; gap: 6px; font-size: 13px; }
  .brand b { font-size: 15px; }
  .brand-mark { width: 34px; height: 34px; }
  .brand-mark i { height: 25px; width: 10px; left: 12px; }
  .brand-mark i:nth-child(2) { left: 18px; }
  .brand-mark i:nth-child(3) { left: 5px; }

  .main-nav { gap: 17px; }
  .main-nav a { font-size: 11px; }
  .main-nav a.active::after,
  .main-nav a:hover::after { height: 3px; }
  .header-action { gap: 10px; }
  .header-action small { display: block; font-size: 8px; }
  .header-action .btn { padding: 9px 13px; font-size: 10px; }

  .hero {
    height: 620px;
    display: block;
    background: url("assets/hero-pharmaceutical.png") center 47% / cover no-repeat;
  }
  .hero-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 0;
  }
  .hero-shade { z-index: 1; }
  .hero-content, .dots { z-index: 2; }
  .hero-panel { display: none; }
  .hero-shade {
    background: linear-gradient(90deg, rgba(4,55,35,.32) 0%, rgba(4,62,39,.38) 41%, rgba(5,58,40,.04) 63%, transparent 100%);
  }
  .hero-content { top: 50%; }
  .eyebrow { display: none; }
  .hero h1 { font-size: 22px; line-height: 1.17; margin: 0 0 11px 99px; letter-spacing: -.5px; }
  .hero-buttons { margin-left: 99px; }
  .hero-buttons .btn { padding: 8px 12px; border-radius: 3px; font-size: 10px; }
  .dots { bottom: 8px; }
  .dots > * { width: 13px; height: 2px; }
}

@media (max-width: 800px) {
  .hero-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 0;
  }
  .hero-shade { z-index: 1; }
  .hero-content, .dots { z-index: 2; }
}

@media (min-width: 801px) and (max-width: 1120px) {
  .main-nav { gap: 9px; }
  .main-nav a { font-size: 9px; }
  .header-action small { display: none; }
  .hero h1, .hero-buttons { margin-left: 6%; }
}