/* Production QA corrections. Keep repository visuals faithful and navigation usable. */
body .site-header {
  grid-template-columns: 120px minmax(0, 1fr) auto auto;
  gap: 18px;
}

body .site-nav {
  gap: clamp(10px, 1.25vw, 20px);
}

body .site-nav a {
  font-size: clamp(7.5px, .62vw, 9.5px);
}

body .hero-portrait {
  width: 50% !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}

body .hero-portrait::before,
body .hero-portrait::after {
  display: none !important;
}

body .hero-portrait img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: right bottom !important;
  filter: none !important;
  transform: none !important;
}

body .brand-rail {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

body .brand-card {
  min-height: 0 !important;
  aspect-ratio: 1 / 1;
}

body .brand-card img {
  filter: none !important;
  transform: none !important;
}

body .latest-work {
  background: #f8f7fb !important;
  color: #170a24 !important;
  border-color: rgba(59, 10, 93, .12) !important;
  grid-template-columns: minmax(220px, .72fr) minmax(0, 2.28fr) !important;
  gap: clamp(28px, 4vw, 64px) !important;
}

body .latest-work .section-intro {
  align-self: start !important;
}

body .latest-work .section-intro :is(h2, p, a) {
  color: #170a24 !important;
}

body .latest-work .section-intro .kicker {
  color: #7a3fe4 !important;
}

body .work-rail {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
  overflow: visible !important;
  padding: 0 !important;
}

body .work-card {
  display: grid !important;
  grid-template-rows: auto auto auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  color: #170a24 !important;
  border: 1px solid rgba(59, 10, 93, .12) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 18px 46px rgba(31, 9, 48, .08) !important;
  text-decoration: none !important;
}

body .work-card img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 5 !important;
  object-fit: cover !important;
  object-position: center !important;
  background: #10051c !important;
  border: 0 !important;
  border-radius: 0 !important;
  filter: none !important;
  transform: none !important;
}

body .work-card small {
  display: block !important;
  padding: 15px 17px 4px !important;
  margin: 0 !important;
  color: #7a3fe4 !important;
  font: 600 10px/1.25 Montserrat, sans-serif !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}

body .work-card strong {
  display: block !important;
  padding: 0 17px 18px !important;
  margin: 0 !important;
  color: #170a24 !important;
  font: 500 clamp(14px, 1.05vw, 18px)/1.28 Cinzel, serif !important;
}

body .heritage-line {
  position: absolute;
  inset: 24% 8%;
  border: 1px solid rgba(225, 160, 110, .42);
  border-radius: 50%;
}

body .play {
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body .founder-card img {
  object-fit: contain !important;
  object-position: center bottom !important;
  filter: none !important;
  transform: none !important;
  background: linear-gradient(180deg, #160520, #07020b) !important;
}

@media (max-width: 1100px) {
  body .site-header {
    grid-template-columns: 100px minmax(0, 1fr) auto auto;
    gap: 12px;
  }

  body .site-nav {
    gap: 10px;
  }

  body .site-nav a {
    font-size: 7.5px;
  }

  body .latest-work {
    grid-template-columns: 1fr !important;
    height: auto !important;
  }

  body .work-rail {
    grid-template-columns: repeat(5, minmax(180px, 1fr)) !important;
    overflow-x: auto !important;
    padding: 2px 2px 20px !important;
    scroll-snap-type: x mandatory !important;
  }

  body .work-card {
    scroll-snap-align: start !important;
  }
}

@media (max-width: 820px) {
  body .site-header {
    grid-template-columns: 90px 1fr auto;
  }

  body .site-nav {
    gap: 0;
  }

  body .site-nav a {
    font-size: 8.5px;
  }

  body .hero-portrait {
    width: 100% !important;
    height: 360px !important;
  }

  body .hero-portrait img {
    object-position: center bottom !important;
  }

  body .brand-rail {
    display: flex !important;
  }

  body .brand-card {
    min-width: 150px !important;
  }

  body .latest-work {
    padding-inline: 20px !important;
  }

  body .work-rail {
    display: flex !important;
    gap: 14px !important;
    margin-inline: -20px !important;
    padding: 2px 20px 22px !important;
  }

  body .work-card {
    flex: 0 0 min(76vw, 310px) !important;
  }
}

@media (max-width: 480px) {
  body .hero-portrait {
    height: 330px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body .work-card {
    transition: none !important;
  }
}