/* ==========================================================================
   VQC About Page — scoped under .vqc__about
   Extends vqc-global.css design system
   ========================================================================== */

/* --------------------------------------------------------------------------
   HERO — full-bleed background image style
-------------------------------------------------------------------------- */
.vqc__page.vqc__about .vqc__about-hero {
  position: relative !important;
  width: 100% !important;
  min-height: 92vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

.vqc__page.vqc__about .vqc__about-hero-bg {
  position: absolute !important; inset: 0 !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  z-index: 0 !important;
  transform: scale(1.03) !important;
  transition: transform 8s ease-out !important;
}

.vqc__page.vqc__about .vqc__about-hero:hover .vqc__about-hero-bg {
  transform: scale(1.06) !important;
}

.vqc__page.vqc__about .vqc__about-hero-overlay {
  position: absolute !important; inset: 0 !important; z-index: 1 !important;
  background: rgba(5, 12, 30, 0.58) !important;
}

.vqc__page.vqc__about .vqc__about-hero-inner {
  position: relative !important; z-index: 2 !important;
  padding-top: clamp(100px, 14vw, 160px) !important;
  padding-bottom: clamp(80px, 12vw, 140px) !important;
  max-width: 100% !important;
  padding-left: clamp(20px, 2.5vw, 40px) !important;
  padding-right: clamp(20px, 2.5vw, 40px) !important;
}

.vqc__page.vqc__about .vqc__about-hero-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

/* Eyebrow — lines via ::before / ::after (Bebas Neue, matches provided style) */
.vqc__page.vqc__about .vqc__about-hero-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 14px !important;
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: clamp(22px, 3.5vw, 40px) !important;
  letter-spacing: 4px !important;
  color: #fff !important;
  white-space: nowrap !important;
  margin-bottom: 20px !important;
}

.vqc__page.vqc__about .vqc__about-hero-eyebrow::before,
.vqc__page.vqc__about .vqc__about-hero-eyebrow::after {
  content: '' !important;
  display: block !important;
  height: 2px !important;
  width: 50px !important;
  border-radius: 2px !important;
  flex-shrink: 0 !important;
}

.vqc__page.vqc__about .vqc__about-hero-eyebrow::before {
  background: linear-gradient(90deg, transparent, var(--vqc-cyan)) !important;
}

.vqc__page.vqc__about .vqc__about-hero-eyebrow::after {
  background: linear-gradient(90deg, var(--vqc-cyan), transparent) !important;
}

/* Headline — heavy bold, not display font */
.vqc__page.vqc__about .vqc__about-hero-headline {
  font-family: var(--vqc-font-body) !important;
  font-size: clamp(36px, 5.5vw, 72px) !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.5px !important;
  color: #fff !important;
  text-align: center !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
}

.vqc__page.vqc__about .vqc__about-hero-headline em {
  font-style: normal !important;
  color: var(--vqc-cyan) !important;
}

/* Sub-headline */
.vqc__page.vqc__about .vqc__about-hero-sub {
  font-family: Manrope, sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 29px !important;
  color: rgba(255,255,255,0.72) !important;
  max-width: 780px !important;
  text-align: center !important;
  margin: 0 0 36px !important;
}


/* --------------------------------------------------------------------------
   OUR STORY SECTION
-------------------------------------------------------------------------- */
.vqc__page.vqc__about .vqc__about-story-grid {
  display: grid !important;
  grid-template-columns: 1.1fr 0.9fr !important;
  gap: clamp(40px, 6vw, 80px) !important;
  align-items: center !important;
}

.vqc__page.vqc__about .vqc__about-story-text .vqc__heading-block {
  margin-bottom: 16px !important;
}

.vqc__page.vqc__about .vqc__about-story-body {
  font-family: Manrope, sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  color: rgb(2, 1, 1) !important;
  line-height: 29px !important;
  margin-bottom: 18px !important;
  margin-top: 0 !important;
}

.vqc__page.vqc__about .vqc__about-story-img-wrap {
  position: relative !important;
  border-radius: var(--vqc-radius) !important;
  overflow: hidden !important;
  aspect-ratio: 4/5 !important;
  box-shadow: 0 24px 60px rgba(13,27,62,0.2) !important;
  border: 1.5px solid rgba(21,166,224,0.2) !important;
}

.vqc__page.vqc__about .vqc__about-story-img-wrap img {
  width: 100% !important; height: 100% !important;
  object-fit: cover !important; display: block !important;
  transition: transform 0.6s var(--vqc-ease) !important;
}

.vqc__page.vqc__about .vqc__about-story-img-wrap:hover img {
  transform: scale(1.04) !important;
}

.vqc__page.vqc__about .vqc__about-story-img-overlay {
  position: absolute !important; inset: 0 !important;
  background: linear-gradient(to top, rgba(13,27,62,0.55) 0%, transparent 50%) !important;
}

.vqc__page.vqc__about .vqc__about-story-badge {
  position: absolute !important;
  bottom: 18px !important; left: 18px !important;
}

/* --------------------------------------------------------------------------
   FOUNDERS / LEADERSHIP SECTION
-------------------------------------------------------------------------- */
.vqc__page.vqc__about .vqc__about-founders-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 28px !important;
  margin-top: 0 !important;
}

.vqc__page.vqc__about .vqc__about-founder-card {
  background: rgba(255,255,255,0.04) !important;
  border: 1.5px solid rgba(21,166,224,0.2) !important;
  border-radius: var(--vqc-radius) !important;
  overflow: hidden !important;
  transition: transform 0.35s var(--vqc-ease), border-color 0.3s, box-shadow 0.35s !important;
}

.vqc__page.vqc__about .vqc__about-founder-card:hover {
  transform: translateY(-5px) !important;
  border-color: var(--vqc-cyan) !important;
  box-shadow: 0 20px 48px rgba(0,0,0,0.3) !important;
}

.vqc__page.vqc__about .vqc__about-founder-photo-wrap {
  position: relative !important;
  aspect-ratio: 3/4 !important;
  overflow: hidden !important;
}

.vqc__page.vqc__about .vqc__about-founder-photo-wrap img {
  width: 100% !important; height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  transition: transform 0.5s var(--vqc-ease) !important;
}

.vqc__page.vqc__about .vqc__about-founder-card:hover .vqc__about-founder-photo-wrap img {
  transform: scale(1.05) !important;
}

.vqc__page.vqc__about .vqc__about-founder-avatar {
  width: 100% !important; height: 100% !important;
  min-height: 260px !important;
  background: linear-gradient(135deg, rgba(21,166,224,0.15), rgba(13,27,62,0.8)) !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  font-family: var(--vqc-font-display) !important;
  font-size: 80px !important; color: var(--vqc-cyan) !important;
  letter-spacing: 4px !important;
}

.vqc__page.vqc__about .vqc__about-founder-photo-overlay {
  position: absolute !important; inset: 0 !important;
  background: linear-gradient(to top, rgba(13,27,62,0.85) 0%, transparent 55%) !important;
}

.vqc__page.vqc__about .vqc__about-founder-body {
  padding: 28px !important;
}

.vqc__page.vqc__about .vqc__about-founder-quote-icon {
  color: var(--vqc-cyan) !important;
  opacity: 0.5 !important;
  margin-bottom: 12px !important;
}

.vqc__page.vqc__about .vqc__about-founder-quote-icon svg {
  width: 28px !important; height: 28px !important;
  display: block !important;
}

.vqc__page.vqc__about .vqc__about-founder-quote {
  font-family: var(--vqc-font-body) !important;
  font-size: clamp(14px, 1.4vw, 16px) !important;
  font-weight: 600 !important;
  font-style: italic !important;
  color: rgba(255,255,255,0.75) !important;
  line-height: 1.65 !important;
  border-left: 3px solid var(--vqc-cyan) !important;
  padding-left: 16px !important;
  margin: 0 0 20px !important;
}

.vqc__page.vqc__about .vqc__about-founder-name {
  font-family: var(--vqc-font-display) !important;
  font-size: clamp(28px, 3vw, 40px) !important;
  letter-spacing: 2px !important;
  color: #fff !important;
  font-weight: 400 !important;
  display: block !important;
  line-height: 1 !important;
  margin-bottom: 4px !important;
}

.vqc__page.vqc__about .vqc__about-founder-role {
  font-family: var(--vqc-font-body) !important;
  font-size: 11px !important; font-weight: 800 !important;
  letter-spacing: 3px !important; text-transform: uppercase !important;
  color: var(--vqc-cyan) !important;
  display: block !important; margin-bottom: 10px !important;
}

.vqc__page.vqc__about .vqc__about-founder-creds {
  font-family: var(--vqc-font-body) !important;
  font-size: 11.5px !important; font-weight: 600 !important;
  color: rgba(255,255,255,0.4) !important;
  line-height: 1.6 !important; margin-bottom: 16px !important;
}

.vqc__page.vqc__about .vqc__about-founder-bio-preview {
  font-family: Manrope, sans-serif !important;
  font-size: 16px !important; font-weight: 400 !important;
  color: #fff !important;
  line-height: 1.75 !important;
  padding: 16px !important;
  background: rgba(21,166,224,0.06) !important;
  border: 1px solid rgba(21,166,224,0.15) !important;
  border-radius: var(--vqc-radius-sm) !important;
}
.vqc__page.vqc__about .vqc__about-founder-bio-preview p {
  color: #fff !important;
  font-family: Manrope, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
  margin: 0 !important;
}

/* --------------------------------------------------------------------------
   TEAM SECTION
-------------------------------------------------------------------------- */
.vqc__page.vqc__about .vqc__about-team-category {
  margin-bottom: clamp(48px, 7vw, 72px) !important;
}

.vqc__page.vqc__about .vqc__about-team-category:last-child {
  margin-bottom: 0 !important;
}

.vqc__page.vqc__about .vqc__about-team-cat-header {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin-bottom: 28px !important;
  padding-bottom: 20px !important;
  border-bottom: 1.5px solid rgba(21,166,224,0.18) !important;
}

.vqc__page.vqc__about .vqc__about-team-cat-title {
  font-family: var(--vqc-font-display) !important;
  font-size: clamp(24px, 3vw, 36px) !important;
  letter-spacing: 2px !important;
  color: var(--vqc-navy) !important;
  font-weight: 400 !important;
  flex: 1 !important;
  line-height: 1 !important;
}

.vqc__page.vqc__about .vqc__about-team-cat-count {
  font-family: var(--vqc-font-body) !important;
  font-size: 11px !important; font-weight: 700 !important;
  text-transform: uppercase !important; letter-spacing: 2px !important;
  color: var(--vqc-muted) !important;
  background: var(--vqc-cyan-pale) !important;
  border: 1px solid var(--vqc-border) !important;
  border-radius: 50px !important;
  padding: 5px 12px !important;
  white-space: nowrap !important;
}

.vqc__page.vqc__about .vqc__about-team-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 18px !important;
}

/* Team card */
.vqc__page.vqc__about .vqc__about-team-card {
  background: var(--vqc-card-bg) !important;
  border: 1.5px solid var(--vqc-border) !important;
  border-radius: var(--vqc-radius-sm) !important;
  overflow: hidden !important;
  cursor: pointer !important;
  transition: transform 0.35s var(--vqc-ease), box-shadow 0.35s, border-color 0.3s !important;
}

.vqc__page.vqc__about .vqc__about-team-card:hover,
.vqc__page.vqc__about .vqc__about-team-card:focus {
  transform: translateY(-5px) !important;
  box-shadow: 0 16px 40px rgba(21,166,224,0.15) !important;
  border-color: var(--vqc-cyan) !important;
  outline: none !important;
}

.vqc__page.vqc__about .vqc__about-team-card::before {
  content: '' !important; display: block !important; height: 3px !important;
  background: linear-gradient(90deg, var(--vqc-cyan), var(--vqc-cyan-dark)) !important;
}

.vqc__page.vqc__about .vqc__about-team-card-photo {
  position: relative !important;
  aspect-ratio: 1/1 !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, var(--vqc-cyan-pale), rgba(13,27,62,0.06)) !important;
}

.vqc__page.vqc__about .vqc__about-team-card-photo img {
  width: 100% !important; height: 100% !important;
  object-fit: cover !important; display: block !important;
  transition: transform 0.5s var(--vqc-ease) !important;
}

.vqc__page.vqc__about .vqc__about-team-card:hover .vqc__about-team-card-photo img {
  transform: scale(1.07) !important;
}

.vqc__page.vqc__about .vqc__about-team-avatar {
  width: 100% !important; height: 100% !important;
  min-height: 140px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  font-family: var(--vqc-font-display) !important;
  font-size: 48px !important; letter-spacing: 3px !important;
  color: var(--vqc-cyan) !important;
}

/* Overlay on hover */
.vqc__page.vqc__about .vqc__about-team-card-overlay {
  position: absolute !important; inset: 0 !important;
  background: rgba(13,27,62,0.72) !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  opacity: 0 !important;
  transition: opacity 0.3s !important;
}

.vqc__page.vqc__about .vqc__about-team-card:hover .vqc__about-team-card-overlay,
.vqc__page.vqc__about .vqc__about-team-card:focus .vqc__about-team-card-overlay {
  opacity: 1 !important;
}

.vqc__page.vqc__about .vqc__about-team-view-btn {
  display: inline-flex !important; align-items: center !important; gap: 6px !important;
  font-family: var(--vqc-font-body) !important;
  font-size: 12px !important; font-weight: 800 !important;
  letter-spacing: 1px !important; text-transform: uppercase !important;
  color: #fff !important;
  background: var(--vqc-cyan) !important;
  padding: 8px 16px !important; border-radius: 50px !important;
}

.vqc__page.vqc__about .vqc__about-team-view-btn svg {
  width: 14px !important; height: 14px !important;
  display: inline-block !important; vertical-align: middle !important;
}

.vqc__page.vqc__about .vqc__about-team-card-info {
  padding: 16px 18px 18px !important;
}

.vqc__page.vqc__about .vqc__about-team-card-name {
  font-family: var(--vqc-font-body) !important;
  font-size: 18px !important; font-weight: 800 !important;
  color: var(--vqc-navy) !important;
  display: block !important; margin-bottom: 3px !important;
  line-height: 1.3 !important;
}

.vqc__page.vqc__about .vqc__about-team-card-role {
  font-family: var(--vqc-font-body) !important;
  font-size: 11px !important; font-weight: 600 !important;
  text-transform: uppercase !important; letter-spacing: 1.5px !important;
  color: var(--vqc-cyan) !important;
  display: block !important; margin-bottom: 6px !important;
}

.vqc__page.vqc__about .vqc__about-team-has-bio {
  display: inline-flex !important; align-items: center !important; gap: 4px !important;
  font-size: 10px !important; font-weight: 700 !important;
  text-transform: uppercase !important; letter-spacing: 1px !important;
  color: var(--vqc-muted) !important;
}

.vqc__page.vqc__about .vqc__about-team-has-bio svg {
  width: 10px !important; height: 10px !important;
  stroke: var(--vqc-cyan) !important; stroke-width: 2.5 !important;
  fill: none !important;
}

/* --------------------------------------------------------------------------
   TEAM MEMBER MODAL
-------------------------------------------------------------------------- */
.vqc__page.vqc__about .vqc__about-modal-overlay {
  position: fixed !important; inset: 0 !important; z-index: 99999 !important;
  background: rgba(13,27,62,0.82) !important;
  backdrop-filter: blur(8px) !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  padding: 20px !important;
  opacity: 0 !important;
  transition: opacity 0.3s !important;
  pointer-events: none !important;
}

.vqc__page.vqc__about .vqc__about-modal-overlay.is-open {
  opacity: 1 !important;
  pointer-events: all !important;
}

.vqc__page.vqc__about .vqc__about-modal-overlay[hidden] {
  display: none !important;
}

.vqc__page.vqc__about .vqc__about-modal {
  background: var(--vqc-navy) !important;
  border: 1.5px solid rgba(21,166,224,0.25) !important;
  border-radius: var(--vqc-radius) !important;
  max-width: 820px !important; width: 100% !important;
  max-height: 90vh !important; overflow-y: auto !important;
  position: relative !important;
  transform: scale(0.94) translateY(16px) !important;
  transition: transform 0.35s var(--vqc-ease) !important;
  box-shadow: 0 32px 80px rgba(0,0,0,0.5) !important;
}

.vqc__page.vqc__about .vqc__about-modal-overlay.is-open .vqc__about-modal {
  transform: scale(1) translateY(0) !important;
}

/* Cyan top border */
.vqc__page.vqc__about .vqc__about-modal::before {
  content: '' !important; display: block !important; height: 3px !important;
  background: linear-gradient(90deg, var(--vqc-cyan), var(--vqc-cyan-dark)) !important;
  flex-shrink: 0 !important; border-radius: var(--vqc-radius) var(--vqc-radius) 0 0 !important;
}

.vqc__page.vqc__about .vqc__about-modal-close {
  position: absolute !important; top: 18px !important; right: 18px !important; z-index: 2 !important;
  width: 36px !important; height: 36px !important;
  border-radius: 50% !important;
  background: rgba(21,166,224,0.12) !important;
  border: 1.5px solid rgba(21,166,224,0.25) !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  cursor: pointer !important;
  transition: background 0.25s, transform 0.25s !important;
  padding: 0 !important;
}

.vqc__page.vqc__about .vqc__about-modal-close:hover {
  background: var(--vqc-cyan) !important;
  transform: rotate(90deg) !important;
}

.vqc__page.vqc__about .vqc__about-modal-close svg {
  width: 16px !important; height: 16px !important;
  stroke: #fff !important; stroke-width: 2.5 !important; display: block !important;
}

.vqc__page.vqc__about .vqc__about-modal-inner {
  display: grid !important;
  grid-template-columns: 260px 1fr !important;
  gap: 0 !important;
}

/* Photo column */
.vqc__page.vqc__about .vqc__about-modal-photo-col {
  background: rgba(255,255,255,0.03) !important;
  border-right: 1px solid rgba(21,166,224,0.15) !important;
  padding: 32px 24px !important;
  display: flex !important; flex-direction: column !important; gap: 20px !important;
}

.vqc__page.vqc__about .vqc__about-modal-photo-wrap {
  border-radius: var(--vqc-radius-sm) !important;
  overflow: hidden !important;
  aspect-ratio: 3/4 !important;
  background: rgba(21,166,224,0.08) !important;
  border: 1.5px solid rgba(21,166,224,0.2) !important;
}

.vqc__page.vqc__about .vqc__about-modal-photo-wrap img {
  width: 100% !important; height: 100% !important;
  object-fit: cover !important; display: block !important;
}

.vqc__page.vqc__about .vqc__about-modal-photo-wrap .vqc__about-modal-avatar {
  width: 100% !important; height: 100% !important;
  min-height: 240px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  font-family: var(--vqc-font-display) !important;
  font-size: 80px !important; letter-spacing: 4px !important;
  color: var(--vqc-cyan) !important;
}

.vqc__page.vqc__about .vqc__about-modal-id {
  display: flex !important; flex-direction: column !important; gap: 4px !important;
}

.vqc__page.vqc__about .vqc__about-modal-name {
  font-family: var(--vqc-font-display) !important;
  font-size: clamp(22px, 2.5vw, 30px) !important;
  letter-spacing: 2px !important;
  color: #fff !important; font-weight: 400 !important;
  line-height: 1 !important; display: block !important;
}

.vqc__page.vqc__about .vqc__about-modal-role {
  font-family: var(--vqc-font-body) !important;
  font-size: 11px !important; font-weight: 800 !important;
  letter-spacing: 3px !important; text-transform: uppercase !important;
  color: var(--vqc-cyan) !important; display: block !important;
}

.vqc__page.vqc__about .vqc__about-modal-creds {
  font-family: var(--vqc-font-body) !important;
  font-size: 11.5px !important; font-weight: 600 !important;
  color: rgba(255,255,255,0.4) !important;
  line-height: 1.6 !important; display: block !important;
  margin-top: 6px !important;
}

/* Bio column */
.vqc__page.vqc__about .vqc__about-modal-bio-col {
  padding: 36px 36px 32px !important;
  display: flex !important; flex-direction: column !important;
}

.vqc__page.vqc__about .vqc__about-modal-quote-icon {
  color: var(--vqc-cyan) !important;
  opacity: 0.4 !important; margin-bottom: 14px !important;
}

.vqc__page.vqc__about .vqc__about-modal-quote-icon svg {
  width: 32px !important; height: 32px !important; display: block !important;
}

.vqc__page.vqc__about .vqc__about-modal-bio {
  font-family: Manrope, sans-serif !important;
  font-size: 16px !important; font-weight: 400 !important;
  color: #fff !important;
  line-height: 1.75 !important; flex: 1 !important;
}

.vqc__page.vqc__about .vqc__about-modal-bio p {
  color: #fff !important;
  font-family: Manrope, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
  margin-bottom: 16px !important;
}
.vqc__page.vqc__about .vqc__about-modal-bio p:last-child { margin-bottom: 0 !important; }

.vqc__page.vqc__about .vqc__about-modal-no-bio {
  font-family: var(--vqc-font-body) !important;
  font-size: 14px !important; font-weight: 500 !important;
  color: rgba(255,255,255,0.4) !important;
  font-style: italic !important;
}

.vqc__page.vqc__about .vqc__about-modal-footer {
  margin-top: 28px !important;
  padding-top: 20px !important;
  border-top: 1px solid rgba(21,166,224,0.15) !important;
}

/* --------------------------------------------------------------------------
   RESPONSIVE
-------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  .vqc__page.vqc__about .vqc__about-team-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .vqc__page.vqc__about .vqc__about-story-grid {
    grid-template-columns: 1fr !important;
  }

  .vqc__page.vqc__about .vqc__about-story-img {
    display: none !important;
  }

  .vqc__page.vqc__about .vqc__about-hero-eyebrow::before,
  .vqc__page.vqc__about .vqc__about-hero-eyebrow::after {
    width: 30px !important;
  }
}

@media (max-width: 768px) {
  .vqc__page.vqc__about .vqc__about-founders-grid {
    grid-template-columns: 1fr !important;
  }

  .vqc__page.vqc__about .vqc__about-team-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .vqc__page.vqc__about .vqc__about-modal-inner {
    grid-template-columns: 1fr !important;
  }

  .vqc__page.vqc__about .vqc__about-modal-photo-col {
    border-right: none !important;
    border-bottom: 1px solid rgba(21,166,224,0.15) !important;
    flex-direction: row !important;
    align-items: flex-start !important;
  }

  .vqc__page.vqc__about .vqc__about-modal-photo-wrap {
    width: 100px !important; min-width: 100px !important;
    aspect-ratio: auto !important; height: 120px !important;
  }

  .vqc__page.vqc__about .vqc__about-modal-bio-col {
    padding: 24px !important;
  }
}

@media (max-width: 600px) {
  .vqc__page.vqc__about .vqc__about-hero {
    min-height: 100svh !important;
  }

  .vqc__page.vqc__about .vqc__about-hero-eyebrow::before,
  .vqc__page.vqc__about .vqc__about-hero-eyebrow::after {
    display: none !important;
  }
}

@media (max-width: 500px) {
  .vqc__page.vqc__about .vqc__about-team-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .vqc__page.vqc__about .vqc__about-team-cat-header {
    flex-wrap: wrap !important;
  }

  .vqc__page.vqc__about .vqc__about-modal-photo-col {
    flex-direction: column !important;
  }

  .vqc__page.vqc__about .vqc__about-modal-photo-wrap {
    width: 100% !important; height: auto !important; aspect-ratio: 3/2 !important;
  }
}