:root{
  --navy:#1e1e1e; --navy2:#3a3a3a; --grigio:#7d838c; --grigio-chiaro:#e7e8ea;
  --carta:#f4f4f4; --bianco:#fff; --sabbia:#9a9a9a; --testo:#24272c;
  --largo:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bianco);color:var(--testo);font:300 17px/1.65 "Work Sans",system-ui,sans-serif}
img{max-width:100%;display:block}
a{color:var(--navy2)}
h1,h2,h3{font-family:"Questrial",sans-serif;font-weight:300;color:var(--navy);line-height:1.15;letter-spacing:.01em}
h1{font-size:clamp(34px,5vw,58px);margin:0 0 .4em}
h2{font-size:clamp(26px,3vw,36px);margin:0 0 .6em}
h3{font-size:22px;font-weight:400}
strong{font-weight:500}

.testa{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:28px;padding:14px max(16px,calc((100% - var(--largo))/2));background:rgba(255,255,255,.96);border-bottom:1px solid var(--grigio-chiaro);backdrop-filter:blur(6px)}
.marchio img{height:52px;width:auto}
.menu{display:flex;gap:22px;margin-left:auto;flex-wrap:wrap}
.menu a,.lingue a{font:400 14px/1 "Questrial",sans-serif;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--grigio)}
.menu a:hover,.menu a.on{color:var(--navy)}
.lingue{display:flex;gap:10px;padding-left:18px;border-left:1px solid var(--grigio-chiaro)}
.lingue a.on{color:var(--navy);font-weight:400;text-decoration:underline;text-underline-offset:4px}

.eroe{min-height:78vh;display:flex;align-items:flex-end;background:center/cover no-repeat;position:relative;color:#fff}
.eroe.basso{min-height:56vh}
.eroe::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,34,58,.15) 10%,rgba(20,34,58,.85))}
.eroe-in{position:relative;max-width:var(--largo);width:100%;margin:0 auto;padding:0 16px 64px}
.eroe h1{color:#fff;max-width:16ch}
.eroe p{max-width:56ch;font-size:19px}
.sopra{font:400 14px/1 "Questrial",sans-serif;letter-spacing:.2em;text-transform:uppercase;opacity:.9}

.bottone{display:inline-block;padding:13px 26px;margin:6px 8px 0 0;background:var(--navy);color:#fff;border:1px solid var(--navy);font:400 14px/1 "Questrial",sans-serif;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;cursor:pointer}
.bottone:hover{background:var(--navy2)}
.bottone.chiaro{background:transparent;border-color:#fff;color:#fff}
.eroe .bottone:not(.chiaro){background:#fff;color:var(--navy);border-color:#fff}

.linea,.testata,.sez,.contatti,.schede,.testo-lungo,.articolo{max-width:var(--largo);margin:0 auto;padding:72px 16px}
.testata{padding-bottom:24px}
.testata p{max-width:60ch;font-size:19px;color:var(--grigio)}
.linea{border-bottom:1px solid var(--grigio-chiaro)}
.tappe{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;counter-reset:t}
.tappe li{padding:22px 22px 22px 0;border-top:2px solid var(--navy);display:flex;flex-direction:column;gap:6px}
.tappe li+li{padding-left:22px;border-left:1px solid var(--grigio-chiaro)}
.anno{font:300 34px/1 "Questrial",sans-serif;color:var(--sabbia)}
.tappe strong{font:400 18px/1.3 "Questrial",sans-serif;color:var(--navy)}
.tappe span:last-child{font-size:15px;color:var(--grigio)}

.sez{display:grid;gap:48px;align-items:center}
.sez.con-img{grid-template-columns:1fr 1fr}
.sez.con-img:nth-of-type(even) .sez-img{order:2}
.sez-img{aspect-ratio:4/3;background:center/cover no-repeat var(--carta)}
.sez-testo{max-width:62ch}
.sez:nth-of-type(odd):not(.con-img){background:var(--carta);max-width:none;padding-left:max(16px,calc((100% - var(--largo))/2));padding-right:max(16px,calc((100% - var(--largo))/2))}
.sez ul{padding-left:1.1em}

.contatti{display:grid;grid-template-columns:3fr 2fr;gap:56px;padding-top:24px}
.modulo{display:grid;gap:16px}
.modulo label{display:grid;gap:6px;font:400 13px/1 "Questrial",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--grigio)}
.modulo label.riga{display:flex;gap:10px;align-items:flex-start;text-transform:none;letter-spacing:0;font:300 14px/1.5 "Work Sans",sans-serif}
.modulo input,.modulo select,.modulo textarea{font:300 16px "Work Sans",sans-serif;padding:12px;border:1px solid #cfd2d6;background:#fff;color:var(--testo);width:100%}
.modulo input[type=checkbox]{width:auto;margin-top:3px}
.trappola{position:absolute;left:-9999px}
.recapiti{background:var(--carta);padding:28px}

.schede{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:32px;padding-top:24px}
.scheda{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--testo)}
.scheda img{aspect-ratio:16/10;object-fit:cover}
.scheda strong{font:400 22px/1.25 "Questrial",sans-serif;color:var(--navy)}
.data{font:400 13px "Questrial",sans-serif;letter-spacing:.14em;color:var(--grigio)}
.vuoto{color:var(--grigio)}
.articolo{max-width:760px}
.articolo img{margin:24px 0}
.testo-lungo{max-width:820px;padding-top:0}

.piede{background:var(--navy);color:#cfd6e2;font-size:15px}
.piede a{color:#fff}
.piede-in{max-width:var(--largo);margin:0 auto;padding:48px 16px;display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:center}
.logo-piede{width:220px;height:auto}
.piede-link{display:grid;gap:8px;text-align:right}
.crediti{max-width:var(--largo);margin:0 auto;padding:0 16px 28px;font-size:13px;color:#8e9ab0}

@media (max-width:820px){
  .testa{flex-wrap:wrap;gap:10px 18px}
  .menu{margin-left:0;order:3;width:100%;gap:16px}
  .lingue{margin-left:auto}
  .sez.con-img,.contatti,.piede-in{grid-template-columns:1fr}
  .sez.con-img:nth-of-type(even) .sez-img{order:0}
  .tappe li+li{padding-left:0;border-left:0}
  .piede-link{text-align:left}
  .linea,.sez,.contatti,.schede,.articolo{padding-top:48px;padding-bottom:48px}
}

.tabella{overflow-x:auto;margin:20px 0}
.tabella table{border-collapse:collapse;width:100%;font-size:15px}
.tabella th{font:400 13px "Questrial",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--grigio);text-align:left;padding:10px 12px;border-bottom:2px solid var(--navy)}
.tabella td{padding:12px;border-bottom:1px solid var(--grigio-chiaro);white-space:nowrap}
.sez.galleria{display:block}
.galleria .foto{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:24px}
.galleria .foto img{aspect-ratio:3/2;object-fit:cover;width:100%}
.nota{font-size:13px;color:var(--grigio)}
.logo-moneiba{width:260px;margin:0 0 24px}

.bottone{background:#1e1e1e;border-color:#1e1e1e;color:#fff}
.bottone:hover{background:#3a3a3a}
.eroe .bottone:not(.chiaro){background:#fff;border-color:#fff;color:#1e1e1e}
.piede{background:#1e1e1e}
.scheda img{aspect-ratio:3/2;object-fit:cover;width:100%}
.testata.centro{text-align:center;padding-top:0}
.p-servizi .sez{display:block}