/* Mobile-specific structure for the Foundation home sections. */

@media (max-width: 767px) {
  .single-slider {
    min-height: auto !important;
    padding-top: 66px !important;
    padding-bottom: 88px !important;
  }

  .single-slider::after {
    height: 96px !important;
  }

  .single-slider > .w-full {
    min-height: auto !important;
    align-items: flex-start !important;
  }

  .slider__content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .services-area {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .services-bg {
    transform: none;
  }

  .foundation-home-about {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }

  .foundation-home-about .kiwi-container,
  .foundation-cpm-section .kiwi-container,
  .foundation-cpm-section .kiwi-container-wide {
    width: min(100%, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .foundation-home-about .grid,
  .foundation-cpm-section .grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 24px !important;
  }

  .foundation-home-about .grid > *,
  .foundation-cpm-section .grid > * {
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .foundation-home-about h2 {
    max-width: 100% !important;
    font-size: clamp(34px, 10vw, 44px) !important;
    line-height: 1.08 !important;
  }

  .foundation-home-about p,
  .foundation-home-about li,
  .foundation-home-about a,
  .foundation-home-about strong {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  .foundation-home-about [class*="text-\\[var\\(--kiwi-primary\\)\\/75\\]"] {
    font-size: 17px !important;
    line-height: 1.75 !important;
  }

  .foundation-home-about .about_list,
  .foundation-home-about ul {
    padding-left: 0 !important;
  }

  .foundation-home-about li {
    padding-left: 34px !important;
    line-height: 1.55 !important;
  }

  .foundation-home-about .tw-btn,
  .foundation-home-about a[class*="rounded-full"] {
    max-width: 100% !important;
    white-space: normal !important;
  }

  .foundation-cpm-section {
    padding-top: 56px !important;
    padding-bottom: 58px !important;
  }

  .foundation-cpm-section > .absolute.inset-y-0 {
    width: 100% !important;
    height: 230px !important;
    inset: 0 auto auto 0 !important;
  }

  .foundation-cpm-section > .absolute.-right-24,
  .foundation-cpm-section > .absolute.bottom-0 {
    display: none !important;
  }

  .foundation-cpm-section h2 {
    max-width: 100% !important;
    font-size: clamp(34px, 10vw, 46px) !important;
    line-height: 1.08 !important;
    overflow-wrap: anywhere !important;
  }

  .foundation-cpm-section p {
    max-width: 100% !important;
    font-size: 17px !important;
    line-height: 1.55 !important;
    overflow-wrap: anywhere !important;
  }

  .foundation-cpm-section span[class*="tracking-"] {
    max-width: 100% !important;
    letter-spacing: .12em !important;
  }

  .foundation-cpm-section .relative.bg-white {
    padding: 14px !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .2) !important;
  }

  .foundation-cpm-section .relative.bg-white > .absolute {
    display: none !important;
  }

  .foundation-cpm-section .relative.z-10 {
    padding: 20px 18px !important;
  }

  .foundation-cpm-section .font-mono {
    max-width: 100% !important;
    font-size: clamp(26px, 8vw, 34px) !important;
    letter-spacing: .02em !important;
    overflow-wrap: anywhere !important;
  }
}