body{
margin:0;
padding:0;
font-family:'Roboto', sans-serif;
background:#edf1e8;
}

.garden-hero{
min-height:400px;
padding:48px 0;
background-color:#172317;
background-image:url("../assets/greenhouse-owner-presenting-flowers-options-potential-customer-retailer_158595-7007.png");
background-size:cover;
background-position:center;
background-repeat:no-repeat;
background-attachment:scroll;
display:flex;
align-items:center;
position:relative;
color:#ffffff;
overflow:hidden;
}

.garden-hero::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg, rgba(18, 30, 18, 0.62) 0%, rgba(18, 30, 18, 0.48) 100%);
}

.garden-hero .container{
position:relative;
z-index:2;
}

.garden-hero__content{
max-width:720px;
padding:24px 0;
}

.hero-pill{
display:inline-flex;
align-items:center;
justify-content:center;
padding:8px 16px;
border-radius:999px;
background:rgba(255,255,255,0.12);
border:1px solid rgba(255,255,255,0.14);
font-size:12px;
letter-spacing:1.2px;
text-transform:uppercase;
margin-bottom:18px;
font-family:'Poppins', sans-serif;
}

.hero-title{
margin:0 0 16px;
font-family:'Poppins', sans-serif;
font-size:clamp(30px, 4.6vw, 30px);
line-height:1.04;
font-weight:400;
letter-spacing:1px;
text-transform:uppercase;
max-width:620px;
text-wrap:balance;
}

.hero-copy{
max-width:560px;
margin:0 0 18px;
font-size:16px;
line-height:1.8;
color:rgba(255,255,255,0.92);
text-shadow:0 6px 22px rgba(0,0,0,0.18);
}

.hero-copy--secondary{
margin-bottom:26px;
}

.hero-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
min-height:52px;
padding:12px 28px;
border-radius:999px;
background:linear-gradient(135deg, #4f6f45 0%, #3b5936 100%);
border:1px solid rgba(255,255,255,0.16);
color:#ffffff;
text-decoration:none;
font-family:'Poppins', sans-serif;
font-weight:600;
font-size:12px;
letter-spacing:1.1px;
text-transform:uppercase;
white-space:nowrap;
box-shadow:0 18px 34px rgba(0,0,0,0.18);
gap: 8px;
transition:transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.hero-btn__icon{
width:18px;
height:18px;
flex:0 0 18px;
object-fit:contain;
}

.hero-btn::after{
content:"\2192";

}

.hero-btn:hover{
background:linear-gradient(135deg, #56784c 0%, #2f472b 100%);
color:#ffffff;
transform:translateY(-1px);
box-shadow:0 22px 40px rgba(0,0,0,0.22);
}

@media (max-width: 991px){
  .garden-hero{
    min-height:auto;
    height:auto;
    padding:72px 0 64px;
    background-attachment:scroll;
  }

  .garden-hero__content{
    max-width:100%;
    padding:0;
  }
}

@media (max-width: 767.98px){
  .garden-hero{
    height:auto;
    padding:64px 0 60px;
    background-position:center top;
  }

  .garden-hero__content{
    text-align:center;
  }

  .hero-title{
    margin-left:auto;
    margin-right:auto;
  }

  .hero-copy{
    margin-left:auto;
    margin-right:auto;
    font-size:14.5px;
    line-height:1.7;
  }

  .hero-btn{
    width:100%;
    max-width:320px;
  }
}