/**
 * Hero Section Block Frontend Styles
 */

.will-hero-section {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-bottom: 0 !important;
}

/* バッジのスタイル */
.will-hero-section .bg-white\/5 {
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem 1.5rem;
}

.will-hero-section .bg-white\/5 p {
  color: white;
  font-size: 1rem;
  font-weight: 500;
  white-space: nowrap;
  margin: 0;
}

/* Heading の折り返し防止（PC） */
.will-hero-section h1 {
  white-space: nowrap;
}

/* モバイルでは折り返しを許可 */
@media (max-width: 1023px) {
  .will-hero-section h1 {
    white-space: normal;
  }
}

/* max-widthはコンテンツ内の要素に適用 */
.will-hero-section .max-w-4xl {
  max-width: 56rem;
}

.will-hero-section .max-w-5xl {
  max-width: 64rem;
}

/* Responsive Padding */
@media (min-width: 1280px) {
  .will-hero-section .xl\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}