/* ===========================
   Home Hero
=========================== */


.hero{
    position:relative;
    min-height:100vh;
    overflow:hidden;

    background:url("../images/home-hero-image.jpg") center center / cover no-repeat;
}

/* Soft overlay for text readability */

.hero::before{

    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            to right,
            rgba(247,250,247,.82) 0%,
            rgba(247,250,247,.45) 35%,
            rgba(24,52,45,.18) 100%
        );

    box-shadow:
        inset 0 0 180px rgba(0,0,0,.12);

    z-index:0;

}

/* Light atmospheric glow */

.hero::after{

    content:"";

    position:absolute;

    inset:0;

    background:
        radial-gradient(1200px 600px at 15% 10%, rgba(255,255,255,.18), transparent 60%),
        radial-gradient(1000px 700px at 85% 20%, rgba(255,245,210,.15), transparent 60%),
        radial-gradient(900px 700px at 60% 90%, rgba(255,255,255,.12), transparent 60%);

    pointer-events:none;

    z-index:1;

}

/* Content above overlays */

.hero > *{
    position:relative;
    z-index:2;
}
.hero .container {
	min-width: 1540px;
	padding: 0 50px;
}


.hero-inner {min-height: calc(100vh - 60px); display:flex; justify-content:space-between; align-items: center; }
.hero-content { position: relative; z-index: 1; transform: translateY(45px);padding-bottom:33px; }
.hero-product { position: relative; display: flex;  justify-content: center; transform: translateY(15px);margin-right:234px;}
.hero-product img { position: relative; z-index: 1; width:206px;  height: auto; margin-top:120px; filter: drop-shadow(12px 14px 13px rgba(27, 48, 38, .14)); transition: transform .4s ease, filter .4s ease; animation: heroBottleFloat 5s ease-in-out infinite;
    transform-origin: center bottom;
    will-change: transform; }
@keyframes heroBottleFloat {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-12px);
    }

    100% {
        transform: translateY(0px);
    }
}
.hero-product:hover img { filter: drop-shadow(16px 18px 15px rgba(27, 48, 38, .22)); transform: scale(1.05); }
.hero h1 { max-width: 500px; margin: 0; font-size: 112px; font-weight: 900 !important; line-height: .92; letter-spacing: -4px; }
.hero .eyebrow { margin-bottom: 20px; font-size: 13px; letter-spacing: 1px;font-weight:400; }
.hero-text {    max-width: 370px;
    margin: 25px 0 30px;
    color: #18342D;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 300;
    letter-spacing: 1px;
    font-weight: 500; }
.button { display: inline-block; padding: 17px 23px; color: #fff; background: var(--accent-dark); border-radius: 19px; font-size: 12px; font-weight: 700; line-height: 1; text-decoration: none; transition: transform .2s, background .2s;display: flex;
    justify-content: center;
    align-items: center; }
.button:hover { color: #fff; background: var(--accent); transform: translateY(-2px); }
.hero-buttons { display: flex; flex-wrap: wrap; gap: 12px; }
.button-outline { color: #1e382c; background: #fff; border: 1px solid #d6dfd8; }
.button-outline:hover { color: #1e382c; background: #fff; }

@media (max-width: 1440px) {
	.hero .container {
		min-width: unset;
		max-width: 1440px;
		padding: 0 20px;
	}
	.hero-product img {
		width:200px;
	}
}

@media (max-width: 900px) {
	.hero-inner { grid-template-columns: minmax(0, 1fr) 330px; }
	.hero-product img { width: 180px; margin-top: 68px; }
}
@media (max-width: 720px) {
	.hero { min-height: 0; }
	.hero-inner { display: block; min-height: 0; }
	.hero-content { padding: 66px 0 40px; transform: none; padding-top:120px;text-align:center;}
	.hero h1 { font-size: 54px; letter-spacing: -2px;font-weight:800; }
	.hero .eyebrow { margin-bottom: 14px; }
	.hero-text { font-size: 14px; }
	.button { padding: 18px 16px; font-size: 11px; }
	.hero-product { height: unset; padding-bottom:40px; margin-right: 0; }
	.hero-product img { width: 135px; margin-top: 10px; }
	.hero-product::before { top: 20px; }
	.hero-buttons{
		    flex-direction: column;
    max-width: 198px;
    margin: 0 auto;
	}
}
.hero-trust{
    display:flex;
    align-items:center;
    gap:32px;
    margin-top:30px;
    flex-wrap:wrap;
    font-size:12px;
    font-weight:400;
    letter-spacing:0.18em;
    text-transform:uppercase;
    color:#18342d;
    font-family:var(--font-heading);
	justify-content:center;
}



@media (max-width:768px){
    .hero-trust{
        gap:16px;
        font-size:11px;
        letter-spacing:.12em;
    }

    .hero-trust span:not(:last-child)::after{
        margin-left:16px;
    }
}