.hero-concept-inner {
  position: relative;
  z-index: 2;
  padding-top: var(--space-96);
  padding-bottom: var(--space-96);
}

.hero-concept .hero-content {
  max-width: 640px;
}

.hero-lead {
  font-size: var(--font-size-lg);
  color: var(--gray-100);
  max-width: 42rem;
}

.hero-actions {
  margin-top: var(--space-24);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-16);
}

.concept-section {
  align-items: center;
  gap: var(--space-40);
}

.concept-section--interiors .concept-image,
.concept-section--synergy .concept-image {
  min-height: 320px;
}

.concept-section--flavours .concept-tasting-card {
  align-self: stretch;
}

.concept-section--details .concept-detail {
  height: 100%;
}

.concept-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-12);
  margin-top: var(--space-20);
}

.concept-links--stack {
  flex-direction: column;
  align-items: flex-start;
}

.concept-evening .concept-evening-cta {
  border-color: rgba(31, 77, 77, 0.7);
}

@media (max-width: 900px) {
  .hero-concept-inner {
    padding-top: var(--space-80);
    padding-bottom: var(--space-80);
  }

  .hero-actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .concept-section {
    gap: var(--space-24);
  }
}

@media (max-width: 600px) {
  .hero-concept-inner {
    padding-top: var(--space-64);
    padding-bottom: var(--space-64);
  }
}