body{background:var(--crema)}
    .btn-solid{background:var(--rosso);color:#fff} .btn-solid:hover{background:transparent;color:#fff;border-color:#fff}
    .btn-ghost{border-color:rgba(255,255,255,.8);color:#fff} .btn-ghost:hover{background:#fff;color:var(--nero)}
    header.site{background:rgba(251,247,238,.92);backdrop-filter:blur(8px);border-bottom:1px solid #eadfce}
    .hero-script{font-size:clamp(2.2rem,6vw,3.6rem);color:var(--giallo);margin-bottom:.1em}
    .hero-h1{font-size:clamp(2rem,5vw,3.4rem);margin-bottom:.5em}
    .hero-sub{font-size:1.05rem;max-width:52ch;margin:0 auto 2em;opacity:.95}
    .hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
    section{scroll-margin-top:80px}
    .fb{padding:clamp(40px,5.5vw,74px) 0}
    .s-beige{background:var(--beige);color:#2b2620}
    .eyebrow{color:var(--rosso)}
    /* il piacere di servirti : kicker piccolo su 1 riga + titolone su 1 riga */
    .piacere{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4.5vw,60px);align-items:center}
    .piacere .kicker{font-family:"Professor",cursive;font-style:normal;font-weight:700;font-size:clamp(1.4rem,2.5vw,1.95rem);color:var(--rosso);line-height:1;white-space:nowrap}
    .piacere h2{font-family:"Avenir Next";font-weight:900;font-style:normal;text-transform:uppercase;font-size:clamp(1.55rem,3.4vw,2.5rem);letter-spacing:-.01em;line-height:1.02;margin:.15em 0 .5em;white-space:nowrap}
    .piacere p{font-size:1.05rem;opacity:.9}
    .piacere .ph{aspect-ratio:4/3;border-radius:24px}
    @media(max-width:620px){.piacere .kicker,.piacere h2{white-space:normal}}
    .valori{border-top:1px solid rgba(120,90,40,.16);margin-top:clamp(30px,4.5vw,52px);padding-top:clamp(30px,4.5vw,48px)}
    .val-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(26px,4vw,52px)}
    .val-item{position:relative;padding-right:12px}
    .val-item .num{font-family:"Avenir Next";font-weight:900;font-style:normal;font-size:2.4rem;color:#dcae52;opacity:.5;line-height:1}
    .val-item .script{font-family:"Professor",cursive;font-size:2.1rem;color:var(--rosso);margin:.05em 0 .3em;line-height:1}
    .val-item p{color:#5b544a;font-size:.98rem}
    .val-item img.sg{position:absolute;top:0;right:0;height:36px;opacity:.9}
    @media(max-width:820px){.val-grid{grid-template-columns:1fr;gap:26px}.val-item{border-top:1px solid rgba(120,90,40,.14);padding-top:20px}}
    .s-dark{background:var(--nero);color:#fff}
    .sec-title{margin-bottom:28px}
    .sec-title .eyebrow{color:var(--giallo)}
    .sec-title h2{font-family:"Avenir Next";font-weight:900;font-style:normal;text-transform:uppercase;font-size:clamp(1.7rem,3.6vw,2.6rem);letter-spacing:-.01em;line-height:1.02}
    .aree3{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
    .tile{border-radius:22px;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:260px;padding:30px;color:#fff}
    .tile .ph{position:absolute;inset:0} .tile .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.72))}
    .tile .c{position:relative;z-index:2} .tile img.sg{position:absolute;top:22px;left:24px;height:48px;z-index:2}
    .tile h3{font-family:"Avenir Next";font-weight:900;font-style:normal;text-transform:uppercase;font-size:1.5rem;margin-bottom:.55em;letter-spacing:-.01em}
    .tile .btns{display:flex;gap:10px;flex-wrap:wrap}
    .tile .btn{padding:.7em 1.3em}
    .tile .btn.menu{background:var(--giallo);color:#1a1a1a}
    .tile .btn.form{background:#fff;color:var(--nero)}
    .tile .btn.scopri{background:transparent;border-color:rgba(255,255,255,.65);color:#fff}
    .tile .btn.scopri:hover{background:#fff;color:var(--nero)}
    .t-a{grid-column:span 7}.t-b{grid-column:span 5}.t-c{grid-column:span 5}.t-d{grid-column:span 7}
    @media(max-width:900px){.aree3{grid-template-columns:1fr}.t-a,.t-b,.t-c,.t-d{grid-column:auto}}
    .rev3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
    .rev3 .r{background:#fff;color:#2b2620;border-radius:20px;padding:26px;box-shadow:0 20px 44px -34px rgba(80,50,10,.5)}
    .rev3 .stars{color:var(--giallo)} .rev3 .name{font-family:"Avenir Next";font-weight:800;font-style:normal;text-transform:uppercase;font-size:.78rem;margin-top:10px;letter-spacing:.05em}
    @media(max-width:820px){.rev3{grid-template-columns:1fr}}
    /* eventi: titolone a sinistra del form */
    .s-rosso{background:var(--rosso);color:#fff}
    .eventi{display:grid;grid-template-columns:1fr 1.02fr;gap:clamp(28px,4.5vw,56px);align-items:center}
    .ev-title{display:flex;align-items:center;gap:16px;margin-bottom:16px}
    .ev-title h2{font-family:"Avenir Next";font-weight:900;font-style:normal;text-transform:uppercase;font-size:clamp(2rem,4.6vw,3.5rem);line-height:.98;letter-spacing:-.01em}
    .ev-title .sg{height:clamp(48px,6vw,74px);opacity:.92;flex:none}
    .eventi p{opacity:.95;max-width:46ch;margin-bottom:1.1em;font-size:1.05rem}
    .eventi .plus{list-style:none;display:grid;gap:9px}
    .eventi .plus li{padding-left:26px;position:relative;opacity:.95}
    .eventi .plus li::before{content:"";position:absolute;left:0;top:.55em;width:11px;height:11px;border-radius:50%;background:var(--giallo)}
    .form-card{background:var(--crema);color:#2b2620;border-radius:24px;padding:clamp(24px,3.5vw,36px)}
    .form-card h3{font-family:"Avenir Next";font-weight:800;font-style:normal;text-transform:uppercase;font-size:1.02rem;margin-bottom:16px}
    .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
    .field{display:flex;flex-direction:column;gap:5px;margin-bottom:13px}.field.full{grid-column:1/-1}
    .field label{font-family:"Avenir Next";font-weight:700;font-style:normal;font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:#8a7f6a}
    .field input,.field select,.field textarea{font-family:inherit;font-style:italic;font-size:.96rem;padding:11px 13px;border:1px solid #e2d7c1;border-radius:11px;background:#fff;color:#2b2620}
    .field textarea{resize:vertical;min-height:88px}
    .form-card .consent{display:flex;gap:10px;align-items:flex-start;font-size:.8rem;color:#6b6152;margin:4px 0 14px}
    .form-card .btn{background:var(--rosso);color:#fff;border:none;width:100%;justify-content:center;font-size:.85rem;padding:1em}
    #eok{display:none;background:var(--verde);color:#16290f;border-radius:11px;padding:13px 15px;margin-top:12px;font-weight:600}
    @media(max-width:900px){.eventi{grid-template-columns:1fr}.fgrid{grid-template-columns:1fr 1fr}}
        /* --- telefono: testo e foto uno sotto l'altro --- */
    @media(max-width:860px){
      .piacere{grid-template-columns:1fr;gap:22px}
      .piacere .ph{aspect-ratio:16/10}
    }