.hero .text-link.light {
    border: 1px solid #fff;
    padding: 11px 15px;
    color: #fff;
}
.hero {
    height: calc(100vh - 34px);
    min-height: 680px;
    position: relative;
    color: #fff;
    overflow: hidden;
}
.hero-media,
.hero-shade {
    position: absolute;
    inset: 0;
}
/* .hero-media {
    background: url("https://images.unsplash.com/photo-1600047509807-ba8f99d2cdde?auto=format&fit=crop&w=2000&q=90")
        center/cover;
} */
.hero-shade {
    background: linear-gradient(90deg, rgba(11, 26, 22, 0.76), rgba(11, 26, 22, 0.12) 70%),
        linear-gradient(0deg, rgba(6, 18, 15, 0.35), transparent 50%);
}
.hero-content {
    position: absolute;
    left: 6vw;
    top: 49%;
    transform: translateY(-42%);
    max-width: 900px;
}
.eyebrow {
    text-transform: uppercase;
    letter-spacing: 0.2em;
}
.light {
    color: #fff;
}
.hero h1 {
    margin-bottom: 27px;
}
.hero-copy {
    font-size: 17px;
    line-height: 1.6;
    max-width: 545px;
    color: rgba(255, 255, 255, 0.88);
}
.hero-actions {
    display: flex;
    align-items: center;
    gap: 38px;
    margin-top: 35px;
}
.hero-proof {
    position: absolute;
    right: 4.5vw;
    bottom: 42px;
    display: grid;
    grid-template-columns: auto auto auto auto;
    align-items: center;
    gap: 14px;
    padding: 20px 24px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(8px);
    background: rgba(255, 255, 255, 0.08);
}
.hero-proof strong {
    font: 400 29px Georgia;
}
.hero-proof span {
    font-size: 10px;
    line-height: 1.45;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding-right: 18px;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.hero-proof span:last-child {
    border: 0;
}
@media(max-width:1200px){
    .hero-shade {
        background: linear-gradient(90deg, rgba(11, 26, 22, 0.76), rgba(11, 26, 22, 0.50) 100%), linear-gradient(0deg, rgba(6, 18, 15, 0.35), transparent 100%);
    }
}
@media(max-width:1024px){
    .hero .text-link.light {
        padding: 9px 15px;
    }
    .hero-copy {
		font-size: 16px;
	}
	.hero-actions {
		gap: 20px;
		margin-top: 25px;
	}
}
@media(max-width:900px){
    .hero-proof {
        bottom: 100px;
    }
    .hero {
        min-height: 720px;
    }
    .hero-content {
        left: 6vw;
        right: 6vw;
        top: 46%;
    }
}

@media(max-width:600px){
	.hero-proof {
        bottom: 70px;
        padding: 15px 15px;
    }
	.hero h1 {
		margin-bottom: 15px;
	}
    .hero {
        height: 650px;
        min-height: 100%;
    }
    .hero-content {
        top: 42%;
        transform: translateY(-40%);
    }
    .hero-copy {
        font-size: 15px;
    }
    .hero-actions {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
    }
}
@media(max-width:479px){
	.hero-proof {
        grid-template-columns: auto auto;
        left: 30px;
        right: auto;
    }
	.hero-proof span{
		border: 0;
	}
	.hero h1 {
		margin-bottom: 20px;
		font-size: 45px;
	}
	.hero-actions {
		gap: 13px;
		margin-top: 25px;
	}
	.hero-copy {
		margin: 0;
	}
	.hero-content {
		top: 38%;
		transform: translateY(-40%);
	}
}
@media(max-width:374px){
	.hero h1 {
		margin-bottom: 20px;
		font-size: 38px;
	}
	.hero-actions {
		gap: 10px;
		margin-top: 20px;
	}
	.hero .text-link.light {
		padding: 7px 15px;
	}
	.hero-proof {
        bottom: 80px;
    }
}