.corporate-hero {
  position: relative;
}

.corporate-hero-layout {
  align-items: center;
}

.corporate-hero-media,
.corporate-why-media,
.corporate-formats-media,
.corporate-atmosphere-media {
  max-width: 520px;
  margin-inline: auto;
}

.corporate-hero-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.corporate-why-grid,
.corporate-atmosphere-grid {
  margin-top: var(--space-lg);
}

.corporate-formats-grid {
  margin-top: var(--space-xl);
}

.corporate-formats-media-wrap {
  margin-top: var(--space-xl);
}

.corporate-list {
  margin-top: var(--space-sm);
}

.corporate-list li {
  color: var(--color-text-soft);
}

.corporate-atmosphere {
  position: relative;
}

.corporate-how-card {
  overflow: hidden;
}

.corporate-how-grid {
  gap: var(--grid-gap-lg);
}

.corporate-accordion .accordion-header {
  background: transparent;
}

.corporate-accordion .accordion-panel {
  padding-bottom: 1rem;
}

[data-animate="fade-in"] {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity var(--transition-slow), transform var(--transition-slow);
}

[data-animate="fade-in"].is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 991.98px) {
  .corporate-formats-media-wrap {
    margin-top: var(--space-lg);
  }
}

@media (max-width: 767.98px) {
  .corporate-hero-layout {
    row-gap: var(--grid-gap-lg);
  }
  .corporate-hero .button-group,
  .corporate-how-card .button-group {
    width: 100%;
  }
  .corporate-hero .button,
  .corporate-how-card .button {
    max-width: 100%;
  }
}