/*.story-section {
     background: url(/wp-content/uploads/2026/01/hero-bottom.webp); 
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0% 9% 0% 3%;
} */

.story-container {
    margin: auto;
    display: grid;
    grid-template-columns: 3fr 2fr;
    gap: 30px;
    align-items: center;
}


/* Image */
.story-image img {
    width: 100%;

}


/* Content */
.story-content{
	padding: 0% 2%;
}

.story-content h1 {
    color: #9b1c1c;
    font-size: 50px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: var(--Aboreto-Regular);
}

.story-content h1 span {
    font-family: var(--Allura-Regular);
    text-transform: none;
}

.story-content h2 {
    font-size: 28px;
    margin: 15px 0;
    color: #3a2a1a;
}

.story-content p {
    font-size: 21px;
    line-height: 1.8;
    font-family: var(--lato-Regular);
    color: #555;
    margin-bottom: 30px;
}

/* Button */
.btn-explore {
    background: #e0a100;
    color: #fff !important;
    padding: 12px 30px;
    border-radius: 8px;
    font-size: 20px;
    text-decoration: none;
    font-weight: 500;
    font-family: var(--lato-Regular);
}


/* Tablet Landscape (iPad landscape, 992px – 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .story-section{
        padding: 5%;
    }
    .story-content h1 {
        font-size: 32px;
    }

    .story-container {
        gap: 30px;
        grid-template-columns: 1fr 1fr;
    }

    .story-content p {
        font-size: 21px;
    }
}


/* Responsive for mobile */

@media (max-width: 767px) {
/*     .story-section {
        padding: 0% 9% 0% 9%;
    } */
	.story-content {
    padding: 0% 4%;
}
	.story-content h1 {
        font-size: 32px;
    }
	.story-content p {
        text-align: center;
    }

    .story-container {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .story-image img {
        margin: auto;
    }
}