:root{--blue:#032ea8;--light:#f3f3f3;}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Georgia,serif;background:var(--light);color:#111;line-height:1.6}
.container{width:min(1200px,92%);margin:auto}
.narrow{max-width:700px;text-align:center}
a{text-decoration:none;color:inherit}

.hero{
height:100vh;
background:linear-gradient(rgba(0,25,90,.25),rgba(0,25,90,.35)),
url('https://images.unsplash.com/photo-1513558161293-cdaf765ed2fd?auto=format&fit=crop&w=1800&q=80') center/cover;
position:relative;color:#fff;
}
.nav{display:flex;justify-content:space-between;padding:30px 40px;font-size:12px;letter-spacing:2px}
.logo{font-size:28px;letter-spacing:6px}
.hero-overlay{position:absolute;left:0;right:0;bottom:60px;padding:0 40px}
.hero-left{max-width:360px;margin-bottom:30px}
.hero-left span{font-size:11px;border-bottom:1px solid #fff;padding-bottom:4px}
.hero h1{font-size:clamp(48px,6vw,82px);font-weight:400}

.heritage{padding:120px 0}
.year{color:#b79a4b;letter-spacing:3px;margin-bottom:10px}
.heritage h2{font-weight:400;margin-bottom:20px}

.showcase{padding:0 20px 80px}
.large{height:620px;margin:auto;max-width:1200px}
.img-one,.img-two{
background:url('https://images.unsplash.com/photo-1547592180-85f173990554?auto=format&fit=crop&w=1600&q=80') center/cover;
}
.img-two{
background-image:url('https://images.unsplash.com/photo-1514327605112-b887c0e61c0a?auto=format&fit=crop&w=1600&q=80');
}
.label{text-align:center;font-size:12px;letter-spacing:2px;padding:18px 0 60px}
.blue-panel{background:var(--blue);padding:80px 0}
.product-card{background:white;width:320px;margin:auto;padding:50px;text-align:center}
.bottle{height:220px;background:var(--blue);margin-bottom:20px}

.editorial{background:var(--blue);color:white;padding:180px 0}
.editorial-inner{display:flex;justify-content:space-between;align-items:end;gap:50px}
.editorial h2{font-size:clamp(48px,5vw,78px);font-weight:400;text-align:right}

.social{padding:120px 0}
.social h2{text-align:center;font-weight:400;margin-bottom:50px}
.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:30px}
.social-card{height:380px;background:#d8d8d8}

.newsletter{background:#022b86;color:white;text-align:center;padding:100px 20px}
.newsletter button{margin-top:20px;padding:14px 34px;border:1px solid white;background:none;color:white}

footer{background:#0738b7;color:white;padding:70px 0}
.footer-wrap{width:min(1200px,92%);margin:auto;display:flex;justify-content:space-between;align-items:flex-start}
.footer-logo{font-size:70px}
.footer-links{display:grid;grid-template-columns:repeat(2,220px);gap:40px}
.footer-links a{display:block;margin:10px 0}

@media(max-width:768px){
.hero{height:85vh}
.hero-overlay{padding:0 20px}
.hero h1{font-size:46px}
.large{height:380px}
.editorial-inner{display:block}
.editorial h2{text-align:left;margin-top:40px}
.social-grid{grid-template-columns:1fr}
.footer-wrap,.footer-links{display:block}
}