.recommended-grid {margin-left: 1rem;margin-right: 1rem;margin-bottom: 3rem;max-width: 72rem
}@media (min-width: 1024px) {.recommended-grid {margin-left: auto;margin-right: auto
    }
}.recommended-grid h3 {position: relative;margin-bottom: 1.5rem;text-align: center;font-family: HeadingNow, HeadingNow-fallback, Helvetica;font-size: 40px;font-weight: 200;--tw-text-opacity: 1;color: rgb(0 0 0 / var(--tw-text-opacity))
}.recommended-grid h3::before {pointer-events: none;position: absolute;top: 2rem;left: 0px;height: 0.5rem;width: 100%;border-top-width: 1px;--tw-border-opacity: 1;border-top-color: rgb(0 0 0 / var(--tw-border-opacity));--tw-content: "";content: var(--tw-content)
}@media (min-width: 768px) {.recommended-grid h3 {font-size: 2.625rem;line-height: 3rem
    }
}.recommended-grid h3 span {position: relative;--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity));padding: 0.75rem
}.recommended-grid .group-two {display: grid;grid-template-columns: repeat(1, minmax(0, 1fr))
}@media (min-width: 768px) {.recommended-grid .group-two {grid-template-columns: repeat(2, minmax(0, 1fr));gap: 2rem;padding-bottom: 3rem
    }
}.recommended-grid .group-two .ovl {position: absolute;right: 0px;bottom: 0px;left: 0px;z-index: 20;padding: 1.5rem;--tw-text-opacity: 1;color: rgb(255 255 255 / var(--tw-text-opacity))
}.recommended-grid .group-two .mod {position: relative;margin-bottom: 0.75rem
}.recommended-grid .group-two .mod::before {position: absolute;bottom: 0px;left: 0px;z-index: 10;height: 40%;width: 100%;background-image: linear-gradient(to top, var(--tw-gradient-stops));--tw-gradient-from: #000000 var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-content: "";content: var(--tw-content)
}@media (min-width: 768px) {.recommended-grid .group-two .mod {margin-bottom: 0px
    }
}.recommended-grid .group-two .grid-image {display: block;overflow: hidden
}.recommended-grid .group-two h4 {margin-top: 0.75rem;margin-bottom: 0.25rem;font-family: HeadingNow, HeadingNow-fallback, Helvetica;font-size: 27px;line-height: 34px;letter-spacing: 0.03rem
}@media (min-width: 1024px) {.recommended-grid .group-two h4 {font-size: 32px;line-height: 39px
    }
}.recommended-grid .group-two img {aspect-ratio: 3/2;height: auto;width: 100%;max-width: 100%;object-fit: cover;outline-width: 1px;outline-color: transparent;transition-property: all;transition-duration: 150ms;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}.recommended-grid .group-two img:hover {--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}.recommended-grid .group-two p {display: none
}@media (min-width: 768px) {.recommended-grid .group-two p {display: block
    }
}