.home-hero {
  padding-top: 0;
}

.home-hero .home-shell {
  width: 100%;
  max-width: none;
}

.hero-slider {
  position: relative;
  width: 100%;
  height: clamp(460px, 52vw, 720px);
  border-radius: 0;
  overflow: hidden;
}

.hero-track {
  position: relative;
  width: 100%;
  height: 100%;
}

.hero-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 500ms ease;
}

.hero-slide.is-active {
  opacity: 1;
  z-index: 1;
}

.hero-slide-link,
.hero-slide img {
  display: block;
  width: 100%;
  height: 100%;
}

.hero-slide img {
  object-fit: cover;
}

.hero-arrow-prev {
  left: 25px;
}

.hero-arrow-next {
  right: 25px;
}

.home-quick-cases {
  padding-top: var(--home-gap-lg);
}

.quick-cases-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: var(--home-gap-sm);
}

.quick-case-item {
  height: 213px;
  border-radius: 12px;
  overflow: hidden;
}

.home-major-projects {
  padding-top: var(--home-space-xl);
}

.major-projects-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--home-gap-md);
}

.major-project-item {
  border-radius: var(--home-radius-md);
  overflow: hidden;
}

.major-project-item:nth-child(1) {
  height: 428px;
}

.major-project-item:nth-child(2) {
  height: 429px;
}

.major-project-item:nth-child(3) {
  height: 464px;
}

.major-project-item:nth-child(4) {
  height: 465px;
}

.home-featured-cases {
  padding-top: var(--home-space-xl);
}

.featured-cases-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--home-gap-md);
}

.featured-case-item {
  border-radius: var(--home-radius-lg);
  overflow: hidden;
  height: 443px;
}

.home-about {
  margin-top: 14px;
  min-height: 0;
  padding: 4px 0 70px;
}

.home-about-shell {
  width: 100% !important;
  max-width: none !important;
}

.home-about-heading {
  padding-top: 4px;
  margin-bottom: 12px;
}

.home-title-block-about {
  margin-bottom: 0;
}

.home-title-block-about .home-brand {
  margin-bottom: 6px;
}

.home-title-block-about .home-brand,
.home-title-block-about h2 {
  color: #1f2937;
}

@media (max-width: 1499px) {
  .home-shell {
    width: 100%;
    max-width: var(--home-page-width);
    transform-origin: top center;
    transform: scale(0.95);
  }

  .home-about-shell {
    transform: none !important;
  }
}