@media (max-width: 700px) {
  #home {
    min-height: 100svh;
    height: auto;
    display: block !important;
    padding-top: 0 !important;
    background: #111;
  }

  #home > .absolute.inset-0 {
    position: relative !important;
    height: min(46svh, 23rem);
    min-height: 17rem;
  }

  #home > .absolute.inset-0 img {
    object-fit: contain !important;
    object-position: center top !important;
    background: #111;
  }

  #home > .absolute.inset-0 [class*="bg-foreground/45"] {
    background: linear-gradient(180deg, rgb(0 0 0 / 12%), rgb(0 0 0 / 52%)) !important;
  }

  #home > .relative.z-20 {
    position: relative !important;
    margin-top: -2rem;
    padding-bottom: 3rem;
  }

  #home .container-main [class~="max-w-3xl"] {
    margin-left: 0 !important;
    padding: 0.95rem !important;
    background: linear-gradient(180deg, rgb(0 0 0 / 80%), rgb(0 0 0 / 58%));
  }

  #home .container-main [class~="max-w-3xl"]::before {
    display: none;
  }

  #home .container-main [class~="max-w-3xl"] > p:first-child {
    margin-bottom: 0.85rem !important;
  }

  #home h1 {
    font-size: clamp(2rem, 9vw, 2.35rem) !important;
    line-height: 1.05 !important;
    margin-bottom: 1rem !important;
  }

  #home .container-main [class~="max-w-3xl"] > p:not(:first-child) {
    font-size: 0.96rem !important;
    line-height: 1.5 !important;
    margin-bottom: 1.25rem !important;
  }

  #home .container-main [class~="max-w-3xl"] a {
    padding-top: 0.9rem !important;
    padding-bottom: 0.9rem !important;
  }
}

@media (min-width: 701px) {
  #home > .absolute.inset-0 img {
    object-position: center center;
  }
}