.logo-wrapper {
  display: contents;
}
 
.logo-container1 {
  display: contents;
}
 
.logo-thq-company-logo-light-elm {
  flex-shrink: 0;
  white-space: nowrap;
}
 
.logo-container2 {
  display: none;
}
 
.logo-container3 {
  display: contents;
}
 
.logo-container4 {
  display: none;
}
 
.logo-container5 {
  display: contents;
}

.logo-wrapper-b1va {
  display: contents;
}
 
.logo-container6 {
  display: contents;
}
 
.logo-thq-company-logo-light-elm1 {
  flex-shrink: 0;
  white-space: nowrap;
}
 
.logo-container7 {
  display: none;
}
 
.logo-container8 {
  display: contents;
}
 
.logo-container9 {
  display: none;
}
 
.logo-container10 {
  display: contents;
}

.navigation-wrapper {
  display: contents;
}
 
.navigation-container1 {
  display: contents;
}
 
.navigation-thq-navigation-section-elm {
  width: 100%;
  box-sizing: border-box;
}
 
.navigation-thq-navigation-mosaic-panel-elm1 {
  background-image: url('../assets/images/pexels-photo-17264519-94bfeba958.webp');
}
 
.navigation-thq-navigation-mosaic-panel-elm2 {
  background-image: url('../assets/images/pexels-photo-16253098-868e2bc1b8.webp');
}
 
.navigation-thq-navigation-mosaic-panel-elm3 {
  background-image: url('../assets/images/pexels-photo-2507010-a97b8885b1.webp');
}
 
.navigation-thq-navigation-action-label-elm1 {
  white-space: nowrap;
}
 
.navigation-navlink10 {
  display: contents;
}
 
.navigation-navlink11 {
  display: contents;
}
 
.navigation-navlink12 {
  display: contents;
}
 
.navigation-navlink13 {
  display: contents;
}
 
.navigation-navlink14 {
  display: contents;
}
 
.navigation-navlink15 {
  display: contents;
}
 
.navigation-navlink16 {
  display: contents;
}
 
.navigation-navlink17 {
  display: contents;
}
 
.navigation-navlink18 {
  display: contents;
}
 
.navigation-container2 {
  display: none;
}
 
.navigation-container3 {
  display: contents;
}

.logo-wrapper-pjj3 {
  display: contents;
}
 
.logo-container11 {
  display: contents;
}
 
.logo-thq-company-logo-dark-elm {
  flex-shrink: 0;
  white-space: nowrap;
}
 
.logo-container12 {
  display: none;
}
 
.logo-container13 {
  display: contents;
}
 
.logo-container14 {
  display: none;
}
 
.logo-container15 {
  display: contents;
}

.footer-wrapper {
  display: contents;
}
 
.footer-thq-footer-root-elm {
  width: 100%;
  box-sizing: border-box;
}
 
.footer-navlink10 {
  display: contents;
}
 
.footer-navlink11 {
  display: contents;
}
 
.footer-navlink12 {
  display: contents;
}
 
.footer-navlink13 {
  display: contents;
}
 
.footer-navlink14 {
  display: contents;
}
 
.footer-navlink15 {
  display: contents;
}
 
.footer-navlink16 {
  display: contents;
}
 
.footer-navlink17 {
  display: contents;
}
 
.footer-navlink18 {
  display: contents;
}
 
.footer-navlink19 {
  display: contents;
}
 
.footer-navlink20 {
  display: contents;
}

.about-contact-container10 {
  width: 100%;
  min-height: 100vh;
}
 
.about-contact-thq-about-hero-elm {
  display: flex;
  position: relative;
  min-height: 80vh;
  flex-direction: column;
  justify-content: flex-end;
}
 
.about-contact-thq-about-hero-bg-elm {
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
}
 
.about-contact-thq-about-hero-img-elm {
  width: 100%;
  height: 80vh;
  object-fit: cover;
}
 
.about-contact-thq-about-hero-scrim-elm {
  inset: 0;
  position: absolute;
  background: linear-gradient(to bottom, var(--color-scrim) 0%, transparent 40%, var(--color-scrim) 100%);
}
 
.about-contact-thq-about-hero-grid-overlay-elm {
  inset: 0;
  opacity: 0.15;
  z-index: 2;
  position: absolute;
  pointer-events: none;
  background-size: calc(100% / 4) 100%;
  background-image: linear-gradient(to right, var(--color-accent) 1px, transparent 1px);
}
 
.about-contact-thq-about-hero-container-elm {
  width: 100%;
  margin: 0 auto;
  padding: var(--spacing-4xl) var(--spacing-3xl);
  z-index: 3;
  position: relative;
  max-width: var(--content-max-width);
}
 
.about-contact-thq-about-hero-eyebrow-elm {
  color: var(--color-accent);
  display: block;
  font-size: var(--font-size-sm);
  margin-bottom: var(--spacing-md);
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
 
.about-contact-thq-about-hero-wordmark-elm {
  color: #ffffff;
  margin: 0;
  font-family: var(--font-family-heading);
  line-height: 0.9;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}
 
.about-contact-thq-about-hero-bottom-rail-elm {
  gap: var(--spacing-xl);
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--spacing-3xl);
  align-items: flex-end;
  justify-content: space-between;
}
 
.about-contact-thq-about-hero-info-group-elm {
  flex: 1;
  min-width: 280px;
}
 
.about-contact-thq-about-hero-tagline-elm {
  color: #ffffff;
  font-size: var(--font-size-xl);
  max-width: 32ch;
  font-family: var(--font-family-heading);
  margin-bottom: var(--spacing-sm);
}
 
.about-contact-thq-about-hero-desc-elm {
  color: color-mix(in srgb, #ffffff 80%, transparent);
  font-size: var(--font-size-base);
  max-width: 45ch;
}
 
.about-contact-thq-about-hero-actions-elm {
  gap: var(--spacing-xl);
  display: flex;
  align-items: center;
}
 
.about-contact-link1 {
  display: contents;
}
 
.about-contact-thq-btn-link-elm1 {
  gap: var(--spacing-xs);
  color: #ffffff;
  display: flex;
  font-size: var(--font-size-sm);
  align-items: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
}
 
.about-contact-link2 {
  display: contents;
}
 
.about-contact-thq-btn-elm1 {
  min-width: 180px;
}
 
.about-contact-thq-story-philosophy-elm {
  padding: var(--spacing-4xl) 0;
  background: var(--color-surface);
}
 
.about-contact-thq-story-container-elm {
  margin: 0 auto;
  padding: 0 var(--spacing-3xl);
  max-width: var(--content-max-width);
}
 
.about-contact-thq-story-panel-elm {
  border: 1px solid var(--color-outline);
  display: grid;
  overflow: hidden;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-2);
  border-radius: 40px 40px 120px 40px;
  grid-template-columns: 1.2fr 1fr;
}
 
.about-contact-thq-story-media-elm {
  position: relative;
  aspect-ratio: 4/5;
}
 
.about-contact-image1 {
  width: 100%;
  filter: grayscale(100%) contrast(1.1);
  height: 100%;
  object-fit: cover;
}
 
.about-contact-thq-story-content-elm {
  display: flex;
  padding: var(--spacing-4xl) var(--spacing-3xl);
  flex-direction: column;
  justify-content: center;
}
 
.about-contact-thq-story-eyebrow-elm {
  color: var(--color-on-accent);
  width: fit-content;
  padding: var(--spacing-xs) var(--spacing-md);
  font-size: var(--font-size-xs);
  background: var(--color-accent);
  border-radius: var(--border-radius-full);
  margin-bottom: var(--spacing-lg);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
 
.about-contact-thq-section-title-elm1 {
  max-width: 15ch;
  margin-bottom: var(--spacing-xl);
}
 
.about-contact-thq-story-narrative-elm {
  gap: var(--spacing-lg);
  display: flex;
  flex-direction: column;
}
 
.about-contact-thq-section-content-elm1 {
  color: var(--color-on-surface-secondary);
}
 
.about-contact-thq-story-quote-elm {
  margin-top: var(--spacing-md);
  border-left: 2px solid var(--color-primary);
  padding-left: var(--spacing-lg);
}
 
.about-contact-text12 {
  color: var(--color-primary);
  font-size: var(--font-size-lg);
  font-style: italic;
  font-family: var(--font-family-heading);
}
 
.about-contact-thq-values-services-elm {
  padding: var(--spacing-4xl) 0;
  position: relative;
  background: var(--color-surface-tint);
}
 
.about-contact-thq-values-texture-elm {
  inset: 0;
  opacity: 0.04;
  position: absolute;
  pointer-events: none;
  background-image: url('data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E');
}
 
.about-contact-thq-values-container-elm {
  margin: 0 auto;
  padding: 0 var(--spacing-3xl);
  z-index: 2;
  position: relative;
  max-width: var(--content-max-width);
}
 
.about-contact-thq-values-header-elm {
  text-align: center;
  margin-bottom: var(--spacing-4xl);
}
 
.about-contact-thq-values-label-elm {
  color: var(--color-accent);
  display: block;
  font-size: var(--font-size-sm);
  margin-bottom: var(--spacing-sm);
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
 
.about-contact-thq-section-title-elm2 {
  margin: 0 auto;
  max-width: 25ch;
}
 
.about-contact-thq-values-spotlight-elm {
  gap: var(--spacing-4xl);
  display: grid;
  align-items: center;
  grid-template-columns: 1.2fr 1fr;
}
 
.about-contact-thq-values-media-box-elm {
  position: relative;
}
 
.about-contact-thq-values-image-wrap-elm {
  overflow: hidden;
  box-shadow: var(--shadow-level-3);
  aspect-ratio: 16/10;
  border-radius: 0 var(--border-radius-card) var(--border-radius-card) 0;
}
 
.about-contact-image2 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
 
.about-contact-thq-values-notification-elm {
  gap: var(--spacing-md);
  left: -5%;
  border: 1px solid var(--color-outline);
  bottom: 15%;
  display: flex;
  padding: var(--spacing-md) var(--spacing-xl);
  position: absolute;
  background: #ffffff;
  box-shadow: var(--shadow-level-3);
  align-items: center;
  border-radius: var(--border-radius-full);
}
 
.about-contact-container11 {
  color: var(--color-primary);
  width: 32px;
  height: 32px;
  display: flex;
  background: var(--color-surface-tint);
  align-items: center;
  border-radius: 50%;
  justify-content: center;
}
 
.about-contact-text13 {
  color: var(--color-on-surface);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
}
 
.about-contact-thq-section-subtitle-elm1 {
  font-size: var(--font-size-2xl);
  margin-bottom: var(--spacing-lg);
}
 
.about-contact-thq-values-list-elm {
  gap: var(--spacing-xl);
  display: flex;
  flex-direction: column;
}
 
.about-contact-text14 {
  color: var(--color-primary);
  font-size: var(--font-size-lg);
  font-family: var(--font-family-heading);
  margin-bottom: var(--spacing-xs);
}
 
.about-contact-thq-section-content-elm3 {
  color: var(--color-on-surface-secondary);
}
 
.about-contact-text15 {
  color: var(--color-primary);
  font-size: var(--font-size-lg);
  font-family: var(--font-family-heading);
  margin-bottom: var(--spacing-xs);
}
 
.about-contact-thq-section-content-elm4 {
  color: var(--color-on-surface-secondary);
}
 
.about-contact-text16 {
  color: var(--color-primary);
  font-size: var(--font-size-lg);
  font-family: var(--font-family-heading);
  margin-bottom: var(--spacing-xs);
}
 
.about-contact-thq-section-content-elm5 {
  color: var(--color-on-surface-secondary);
}
 
.about-contact-thq-btn-link-elm2 {
  gap: var(--spacing-xs);
  color: var(--color-accent);
  display: inline-flex;
  margin-top: var(--spacing-2xl);
  align-items: center;
}
 
.about-contact-thq-contact-directory-elm {
  padding: var(--spacing-4xl) 0;
  background: var(--color-surface);
}
 
.about-contact-thq-contact-container-elm {
  gap: var(--spacing-4xl);
  margin: 0 auto;
  display: grid;
  padding: 0 var(--spacing-3xl);
  max-width: var(--content-max-width);
  align-items: flex-start;
  grid-template-columns: 1fr 1.2fr;
}
 
.about-contact-thq-contact-eyebrow-elm {
  color: var(--color-neutral);
  display: block;
  font-size: var(--font-size-xs);
  margin-bottom: var(--spacing-xl);
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
 
.about-contact-thq-directory-group-elm1 {
  gap: var(--spacing-lg);
  display: grid;
  margin-bottom: var(--spacing-3xl);
  grid-template-columns: 100px 1fr;
}
 
.about-contact-thq-directory-label-elm1 {
  color: var(--color-neutral);
  font-size: var(--font-size-xs);
  padding-top: 4px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
 
.about-contact-text18 {
  font-size: var(--font-size-lg);
  font-family: var(--font-family-heading);
  margin-bottom: var(--spacing-xs);
}
 
.about-contact-text19 {
  color: var(--color-on-surface-secondary);
}
 
.about-contact-thq-directory-group-elm2 {
  gap: var(--spacing-lg);
  display: grid;
  margin-bottom: var(--spacing-3xl);
  grid-template-columns: 100px 1fr;
}
 
.about-contact-thq-directory-label-elm2 {
  color: var(--color-neutral);
  font-size: var(--font-size-xs);
  padding-top: 4px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
 
.about-contact-thq-directory-value-elm2 {
  gap: var(--spacing-md);
  display: flex;
  flex-direction: column;
}
 
.about-contact-text20 {
  color: var(--color-neutral);
  font-size: var(--font-size-sm);
  margin-bottom: 4px;
}
 
.about-contact-container13 {
  color: var(--color-primary);
  font-weight: var(--font-weight-medium);
  text-decoration: underline;
  text-underline-offset: 4px;
}
 
.about-contact-text22 {
  color: var(--color-neutral);
  font-size: var(--font-size-sm);
  margin-bottom: 4px;
}
 
.about-contact-container15 {
  color: var(--color-primary);
  font-weight: var(--font-weight-medium);
  text-decoration: underline;
  text-underline-offset: 4px;
}
 
.about-contact-thq-directory-group-elm3 {
  gap: var(--spacing-lg);
  display: grid;
  margin-bottom: var(--spacing-3xl);
  grid-template-columns: 100px 1fr;
}
 
.about-contact-thq-directory-label-elm3 {
  color: var(--color-neutral);
  font-size: var(--font-size-xs);
  padding-top: 4px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
 
.about-contact-text24 {
  margin-bottom: 4px;
}
 
.about-contact-text25 {
  margin-bottom: 4px;
}
 
.about-contact-text26 {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
}
 
.about-contact-thq-contact-form-note-elm {
  border: 1px solid var(--color-outline);
  padding: var(--spacing-lg);
  background: var(--color-surface-elevated);
  margin-top: var(--spacing-4xl);
  border-radius: var(--border-radius-md);
}
 
.about-contact-text27 {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
  line-height: 1.4;
}
 
.about-contact-thq-contact-portrait-box-elm {
  height: 100%;
  min-height: 600px;
}
 
.about-contact-image3 {
  width: 100%;
  height: 100%;
  box-shadow: var(--shadow-level-2);
  object-fit: cover;
  border-radius: var(--border-radius-card);
}
 
.about-contact-thq-location-visit-elm {
  display: flex;
  padding: var(--spacing-4xl) 0;
  position: relative;
  min-height: 80vh;
  align-items: center;
}
 
.about-contact-thq-location-bg-elm {
  inset: 0;
  z-index: 1;
  position: absolute;
}
 
.about-contact-image4 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
 
.about-contact-container16 {
  inset: 0;
  position: absolute;
  background: var(--color-scrim);
}
 
.about-contact-thq-location-container-elm {
  width: 100%;
  margin: 0 auto;
  padding: 0 var(--spacing-3xl);
  z-index: 2;
  position: relative;
  max-width: var(--content-max-width);
}
 
.about-contact-thq-location-panel-elm {
  border: 1px solid var(--color-outline);
  display: grid;
  overflow: hidden;
  background: var(--color-surface);
  box-shadow: var(--shadow-level-3);
  border-radius: var(--border-radius-lg);
  grid-template-columns: 1fr 1.2fr;
}
 
.about-contact-thq-location-details-elm {
  padding: var(--spacing-3xl);
  background: var(--color-surface-elevated);
}
 
.about-contact-thq-section-subtitle-elm2 {
  color: var(--color-primary);
  margin-bottom: var(--spacing-xl);
}
 
.about-contact-thq-location-info-stack-elm {
  gap: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
}
 
.about-contact-thq-info-group-elm1 {
  gap: var(--spacing-lg);
  display: flex;
}
 
.about-contact-container17 {
  color: var(--color-accent);
  flex-shrink: 0;
}
 
.about-contact-text28 {
  font-weight: var(--font-weight-medium);
  margin-bottom: 4px;
}
 
.about-contact-thq-section-content-elm6 {
  color: var(--color-on-surface-secondary);
}
 
.about-contact-thq-info-group-elm2 {
  gap: var(--spacing-lg);
  display: flex;
}
 
.about-contact-container19 {
  color: var(--color-accent);
  flex-shrink: 0;
}
 
.about-contact-text29 {
  font-weight: var(--font-weight-medium);
  margin-bottom: 4px;
}
 
.about-contact-thq-section-content-elm7 {
  color: var(--color-on-surface-secondary);
}
 
.about-contact-thq-info-group-elm3 {
  gap: var(--spacing-lg);
  display: flex;
}
 
.about-contact-container21 {
  color: var(--color-accent);
  flex-shrink: 0;
}
 
.about-contact-text30 {
  font-weight: var(--font-weight-medium);
  margin-bottom: 4px;
}
 
.about-contact-thq-section-content-elm8 {
  color: var(--color-on-surface-secondary);
}
 
.about-contact-thq-location-form-box-elm {
  padding: var(--spacing-3xl);
  background: var(--color-surface);
}
 
.about-contact-thq-location-form-elm {
  gap: var(--spacing-md);
  display: flex;
  flex-direction: column;
}
 
.about-contact-thq-form-check-elm {
  margin-top: var(--spacing-sm);
}
 
.about-contact-thq-form-check-label-elm {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-xs);
}
 
.about-contact-container23 {
  color: var(--color-primary);
}
 
.about-contact-thq-btn-elm2 {
  width: 100%;
  margin-top: var(--spacing-md);
  border-radius: var(--border-radius-full);
}

/* Final responsive corrections: preserve the existing design while preventing narrow/off-canvas columns. */
.about-contact-thq-story-container-elm,
.about-contact-thq-values-container-elm,
.about-contact-thq-contact-container-elm,
.about-contact-thq-location-container-elm {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.about-contact-thq-story-panel-elm {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
}

.about-contact-thq-values-spotlight-elm {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
}

.about-contact-thq-contact-container-elm {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
}

.about-contact-thq-location-panel-elm {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
}

.about-contact-thq-story-media-elm,
.about-contact-thq-story-content-elm,
.about-contact-thq-values-media-box-elm,
.values-text-content,
.contact-info-rail,
.about-contact-thq-contact-portrait-box-elm,
.about-contact-thq-location-details-elm,
.about-contact-thq-location-form-box-elm,
.about-contact-thq-info-group-elm1 > div:last-child,
.about-contact-thq-info-group-elm2 > div:last-child,
.about-contact-thq-info-group-elm3 > div:last-child {
  min-width: 0;
}

@media (max-width: 991px) {
  .about-contact-thq-story-panel-elm,
  .about-contact-thq-values-spotlight-elm,
  .about-contact-thq-contact-container-elm,
  .about-contact-thq-location-panel-elm {
    grid-template-columns: 1fr;
  }

  .about-contact-thq-story-media-elm {
    aspect-ratio: 16 / 10;
    max-height: 520px;
  }

  .about-contact-thq-values-spotlight-elm,
  .about-contact-thq-contact-container-elm {
    gap: var(--spacing-2xl);
  }

  .about-contact-thq-contact-portrait-box-elm {
    min-height: 420px;
    max-height: 520px;
  }

  .about-contact-thq-location-visit-elm {
    min-height: auto;
  }
}

@media (max-width: 767px) {
  .about-contact-thq-story-container-elm,
  .about-contact-thq-values-container-elm,
  .about-contact-thq-contact-container-elm,
  .about-contact-thq-location-container-elm {
    padding-left: var(--spacing-xl);
    padding-right: var(--spacing-xl);
  }

  .about-contact-thq-story-content-elm,
  .about-contact-thq-location-details-elm,
  .about-contact-thq-location-form-box-elm {
    padding: var(--spacing-xl);
  }

  .about-contact-thq-story-panel-elm {
    border-radius: 28px 28px 64px 28px;
  }

  .about-contact-thq-contact-portrait-box-elm {
    min-height: 320px;
    max-height: 420px;
  }

  .about-contact-thq-directory-group-elm1,
  .about-contact-thq-directory-group-elm2,
  .about-contact-thq-directory-group-elm3 {
    gap: var(--spacing-xs);
    grid-template-columns: 1fr;
  }

  .about-contact-thq-directory-label-elm1,
  .about-contact-thq-directory-label-elm2,
  .about-contact-thq-directory-label-elm3 {
    padding-top: 0;
  }

  .about-contact-thq-info-group-elm1,
  .about-contact-thq-info-group-elm2,
  .about-contact-thq-info-group-elm3 {
    gap: var(--spacing-md);
  }
}