:root{
  --green-1:#184b2d;
  --green-2:#1e5a36;
  --bg:#f2f0ea;
  --text:#1f2c24;
}
*{box-sizing:border-box}
body{margin:0;font-family:'Lora',serif;background:var(--bg);color:var(--text)}
a{text-decoration:none;color:inherit}

.site-hero{position:relative;min-height:300px;background:url('images/montagna.jpg') center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center}
.site-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(10,24,35,.35),rgba(10,24,35,.55))}
.site-hero .hero-inner{position:relative;z-index:2;color:#fff;padding:18px}
.site-hero .hero-logo{width:90px;display:block;margin:0 auto 8px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}
.site-hero h1{font-family:'Playfair Display',serif;font-size:4rem;margin:0;line-height:1}
.site-hero p{margin:4px 0 0;font-size:1.8rem}

.top-nav{background:linear-gradient(90deg,var(--green-1),var(--green-2));border-top:1px solid rgba(255,255,255,.25)}
.top-nav ul{list-style:none;margin:0 auto;max-width:1200px;padding:12px 16px;display:flex;gap:24px;justify-content:center;align-items:center;color:#fff;flex-wrap:wrap}
.top-nav a{color:#fff}
.top-nav a:hover{text-decoration:underline;text-underline-offset:5px}
.lang-switch{display:flex;gap:10px}

.page{max-width:1080px;margin:0 auto;padding:48px 20px}
.page h2,.page h1,.section-title{font-family:'Playfair Display',serif}
.button,.button-cta{display:inline-block;background:linear-gradient(90deg,var(--green-1),var(--green-2));color:#fff;padding:11px 28px;border-radius:999px;font-weight:700}
footer{text-align:center;padding:24px 12px 36px;color:#5b645e}

@media (max-width:700px){
  .site-hero{min-height:220px}
  .site-hero .hero-logo{width:62px}
  .site-hero h1{font-size:2.7rem}
  .site-hero p{font-size:1.1rem}
}