* { box-sizing: border-box; margin: 0; padding: 0; }
    body {
      font-family: Georgia, serif;
      background: #f7f7f7;
      color: #1f2937;
    }

    /* HEADER */
    header {
      background: linear-gradient(180deg, #0d2d6c, #133a86);
      color: white;
      padding: 20px 40px 0;
      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }
h1, h2, h3, nav a, .btn, .studio-name {
    font-family: 'Titillium Web', sans-serif;
}
    .logo-bar {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      gap: 25px;
      padding-bottom: 18px;
      text-align: left;
      min-height: 150px;
    }

    .logo-bar img {
      width: 150px;
      height: auto;
      
      border-radius: 12px;
      display: block;
      object-fit: contain;
       
    }
    

    .studio-name {
      font-size: 44px;
      color: #d4af37;
      letter-spacing: 1px;
    }

    nav {
      border-top: 1px solid rgba(255,255,255,0.2);
      padding: 15px 0;
    }

   nav ul {
      list-style: none;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 70px;
      flex-wrap: wrap;
    }


    nav a {
      color: white;
      text-decoration: none;
      font-size: 16px;
      text-transform: uppercase;
      letter-spacing: 1px;
    }

    nav a:hover { color: #d4af37; }

    /* HERO */
    .hero {
      position: relative;
      height: 650px;
      overflow: hidden;
    }

    .slide {
      position: absolute;
      inset: 0;
      background-size: cover;
      background-position: center;
      opacity: 0;
      transition: opacity 1.2s ease-in-out;
    }

    .slide.active { opacity: 1; }

    .overlay-box {
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      position: absolute;
      top: 60px;
      left: 60px;
      z-index: 2;
      background: rgba(255,255,255,0.38);
      padding: 35px;
      width: 420px;
      border-left: 5px solid #d4af37;
      box-shadow: 0 8px 25px rgba(0,0,0,0.18);
      height: 550px;
    }

    .overlay-box h1 {
      font-size: 34px;
      margin-bottom: 15px;
      color: #0d2d6c;
    }

    .overlay-box p {
      font-size: 18px;
      line-height: 1.6;
      margin-bottom: 20px;
    }

    .btn {
      display: inline-block;
      background: #0d2d6c;
      color: white;
      padding: 14px 22px;
      text-decoration: none;
      font-weight: bold;
      border-radius: 4px;
    }

    .btn:hover {
      background: #d4af37;
      color: #0d2d6c;
    }

    @media (max-width: 768px) {
      .overlay-box {
        position: static;
        width: calc(100% - 40px);
        margin: 20px;
      }

      .hero { height: 500px; }

      nav ul {
        gap: 15px;
      }
    }
    /* sezione news legali */
    *{box-sizing:border-box;margin:0;padding:0}
    body{font-family:Georgia,serif;background:#f5f7fa;color:#1f2937}
    header{background:linear-gradient(180deg,#0d2d6c,#133a86);color:#fff;padding:20px 40px 0;box-shadow:0 4px 12px rgba(0,0,0,.15)}
    /*.logo-bar{display:flex;align-items:center;justify-content:center;gap:18px;padding-bottom:18px}
    .logo-bar img{width:90px;height:90px;object-fit:contain;border-radius:12px}
    .studio-name{font-size:30px;color:#d4af37;letter-spacing:1px}*/
    nav{border-top:1px solid rgba(255,255,255,.2);padding:15px 0}
    nav ul{list-style:none;display:flex;justify-content:center;gap:30px;flex-wrap:wrap}
    nav a{color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:1px}
    .page-hero{padding:70px 40px;background:#eef2ff;text-align:center;height: 150px;}
    .page-hero h1{font-size:48px;color:#0d2d6c;margin-bottom:10px}
    .page-hero p{font-size:18px;color:#4b5563}
     .news-wrap{
    max-width:1700px;
    margin:60px auto;
    padding:0 10px;
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:50px;
}
      .news-item{
    display:flex;
    flex-direction:column;
    background:#fff;
    box-shadow:0 10px 24px rgba(0,0,0,.08);
    border-radius:8px;
    overflow:hidden;
     
} 
    .news-thumb{min-height:20px;background:url('/images/slide1.jpg') center/cover no-repeat}
    .news-content{padding:30px}
    .news-meta{font-size:14px;color:#6b7280;margin-bottom:10px}
    .news-content h2{font-size:32px;color:#0d2d6c;margin-bottom:15px}
    .news-content p{line-height:1.8;color:#374151;margin-bottom:18px}
    .btn{display:inline-block;background:#0d2d6c;color:#fff;padding:12px 20px;text-decoration:none;border-radius:4px}
    @media(max-width:900px){.news-item{grid-template-columns:1fr}.news-thumb{min-height:220px}}
/*------------------------sezione aree attivita'----------------------------------*/
.attivita-grid{
    max-width:1400px;
    margin:60px auto;
    padding:0 30px;
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:25px;
}

.attivita-card{
    position:relative;
    min-height:220px;
    
    border-top:4px solid #d4af37;
    box-shadow:0 8px 22px rgba(0,0,0,.60);
    padding:30px;
    overflow:hidden;
    display:flex;
    align-items:flex-end;
    color:#0D2D6C;
    background-size:cover;
    background-position:center;
}
.attivita-card::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(237, 218, 218, 0.75) 0%,
        rgba(240, 174, 161, 0.802) 45%,
        rgba(240, 92, 82, 0.83) 100%
    );
}
.attivita-card h3{
    position:relative;
    z-index:2;
    font-size:28px;
}
.icon{
    position:absolute;
    right:20px;
    bottom:15px;
    font-size:90px;
    opacity:0.38;
}
.civile{
    background-image:url('/images/IMG_0008.jpg');
}