.about-section{
padding:5rem 0;
background:#fff;
}

.about-left h2{
white-space:nowrap;
display:inline-block;
max-width:100%;
}

.about-wrap{
display:grid;
grid-template-columns:1fr 1fr;
row-gap:1rem;        /* top–bottom spacing */
column-gap:3rem;    /* left–right spacing */
align-items:flex-start;
}

.about-title{
grid-column:1 / -1;
white-space:nowrap;
font-size:2rem;
color:#2d1a10;
margin-bottom:1rem;
max-width:100%;
}

.about-section p{
font-size:1rem;
line-height:1.9;
margin-bottom:1.2rem;
color:#333;
}


/* HERO */
.hero{background:url('../images/home/home_page_banner.webp') center/cover;height:90vh;display:flex;align-items:center}
.hero-overlay{background:rgba(0,0,0,.6);color:#fff;padding:3rem;max-width:38rem;margin-left:8%}
.hero-overlay span{
display:block;
letter-spacing:.25rem;
margin-bottom:1rem;
}

.hero-overlay h1{
line-height:1.25;
margin-bottom:1.5rem;
}

.hero-overlay p{
line-height:1.8;
}

/* SECTIONS */
.about,.collections,.why,.quote{padding:5rem 0}
.about h2,
.collections h2,
.why h2,
.quote-form h3{
margin-bottom:2rem;
}


.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.cat-card{position:relative;border-radius:1.2rem;overflow:hidden}
.cat-card span{position:absolute;bottom:0;width:100%;background:rgba(0,0,0,.6);color:#fff;padding:.8rem}

/* WHY */
.why{background:#111;color:#fff;text-align:center}
.why-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem;margin-top:2rem}
.why-item{background:#222;padding:1.4rem;border-radius:1rem;line-height:1.7;}

/* FORM */
.quote-wrap{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.quote-img img{border-radius:0 4rem 0 4rem}
.quote-form input,.quote-form textarea{width:100%;padding:.8rem;margin-bottom:1rem}
.quote-form button{width:100%;background:#b8860b;color:#fff;padding:.9rem;border:0}

/* Tablets */
/* TABLET LAYOUT */
@media (max-width:75rem){
/* COLLECTIONS */
.grid3{
grid-template-columns:repeat(2,1fr);
}

/* WHY */
.why-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media (max-width:64rem){

/* HERO */
.hero{height:auto;padding:4rem 0}
.hero-overlay{margin-left:0;max-width:100%}

/* COLLECTIONS */
.grid3{grid-template-columns:repeat(2,1fr)}

/* WHY */
.why-grid{grid-template-columns:repeat(2,1fr)}

/* QUOTE */
.quote-wrap{grid-template-columns:1fr}
}

/* Mobiles */
@media (max-width:40rem){

/* HERO */
.hero-overlay{padding:2rem}
.hero-overlay h1{font-size:1.6rem}

/* COLLECTIONS */
.grid3{grid-template-columns:1fr}

/* WHY */
.why-grid{grid-template-columns:1fr}

/* ABOUT */
.about-title{font-size:1.6rem}
}

@media(max-width:56rem){

/* ABOUT */
.about-wrap{
grid-template-columns:1fr;
}

/* HERO */
.hero{
height:auto;
padding:4rem 0;
}
.hero-overlay{
margin-left:0;
max-width:100%;
padding:2rem;
}
.hero-overlay h1{font-size:1.6rem}

/* COLLECTIONS */
.grid3{
grid-template-columns:1fr;
}

/* WHY */
.why-grid{
grid-template-columns:1fr;
}

/* QUOTE */
.quote-wrap{
grid-template-columns:1fr;
}
}