:root{
  --beige:#ece4d6; --beige2:#f4efe6; --sabbia:#d9ccb6; --taupe:#3c372e; --taupe2:#6b6152;
  --oro:#9c7f55; --linea:#d3c6b0; --largo:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--beige);color:var(--taupe);font:300 17px/1.7 "Jost",system-ui,sans-serif}
img{max-width:100%;display:block}
a{color:var(--taupe)}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;color:var(--taupe);line-height:1.1;letter-spacing:.01em}
h1{font-size:clamp(40px,5.6vw,68px);margin:0 0 .35em}
h2{font-size:clamp(30px,3.4vw,44px);margin:0 0 .5em}
h3{font-size:26px}
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(236,228,214,.96);border-bottom:1px solid var(--linea);backdrop-filter:blur(6px)}
.marchio img{height:58px;width:auto}
.menu{display:flex;gap:24px;margin-left:auto;flex-wrap:wrap}
.menu a,.lingue a{font:400 13px/1 "Jost",sans-serif;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:var(--taupe2)}
.menu a:hover,.menu a.on{color:var(--taupe)}
.menu a.on{border-bottom:1px solid var(--oro);padding-bottom:4px}
.lingue{display:flex;gap:10px;padding-left:18px;border-left:1px solid var(--linea)}
.lingue a.on{color:var(--oro)}

.eroe{min-height:82vh;display:flex;align-items:flex-end;background:center/cover no-repeat;position:relative;color:#fff}
.eroe.basso{min-height:58vh}
.eroe::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(60,55,46,.05) 20%,rgba(60,55,46,.78))}
.eroe-in{position:relative;max-width:var(--largo);width:100%;margin:0 auto;padding:0 16px 72px}
.eroe h1{color:#fff;max-width:15ch}
.eroe p{max-width:54ch;font-size:19px}
.logo-eroe{width:min(320px,70%);margin:0 0 24px}
.sopra{font:400 13px/1 "Jost",sans-serif;letter-spacing:.24em;text-transform:uppercase}
.sopra.scuro{color:var(--oro)}

.bottone{display:inline-block;padding:14px 30px;margin:8px 10px 0 0;background:transparent;color:var(--taupe);border:1px solid var(--taupe);font:400 13px/1 "Jost",sans-serif;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .2s,color .2s}
.bottone:hover{background:var(--taupe);color:var(--beige)}
.eroe .bottone{color:#fff;border-color:#fff}
.eroe .bottone:not(.chiaro){background:#fff;color:var(--taupe)}
.eroe .bottone:hover{background:var(--beige);color:var(--taupe);border-color:var(--beige)}

.numeri{max-width:var(--largo);margin:0 auto;padding:48px 16px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.numeri div{display:flex;flex-direction:column;gap:8px;border-left:1px solid var(--linea)}
.numeri div:first-child{border-left:0}
.numeri strong{font:400 clamp(34px,4vw,52px)/1 "Cormorant Garamond",serif;color:var(--taupe)}
.numeri span{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--taupe2)}

.testata,.sez,.contatti,.schede,.testo-lungo,.articolo{max-width:var(--largo);margin:0 auto;padding:80px 16px}
.testata{padding-bottom:24px;text-align:center}
.testata p{max-width:60ch;margin:0 auto;font-size:19px;color:var(--taupe2)}
.sez{display:grid;gap:64px;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/5;background:center/cover no-repeat var(--sabbia)}
.sez-testo{max-width:58ch}
.sez:not(.con-img):not(.galleria){text-align:center}
.sez:not(.con-img):not(.galleria) .sez-testo{margin:0 auto}
.sez:not(.con-img):not(.galleria){background:var(--beige2);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;text-align:left}
.sez.galleria{display:block}
.galleria .sez-testo{max-width:none;text-align:center}
.galleria .foto{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:28px}
.galleria .foto img{aspect-ratio:4/5;object-fit:cover;width:100%}

.modello{max-width:var(--largo);margin:0 auto;padding:72px 16px;border-top:1px solid var(--linea)}
.striscia{width:100%;height:auto;margin-bottom:40px}
.modello-in{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.dati{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0}
.dati div{border-top:1px solid var(--oro);padding-top:10px}
.dati dt{font:400 11px "Jost",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--taupe2)}
.dati dd{margin:6px 0 0;font:400 26px "Cormorant Garamond",serif;color:var(--taupe)}
.piante{display:grid;gap:16px}
.piante img{background:#fff;padding:10px}
.piante .posizione{width:220px;padding:0;background:none}

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

.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(--taupe)}
.scheda img{aspect-ratio:4/3;object-fit:cover;width:100%}
.scheda strong{font:400 26px/1.15 "Cormorant Garamond",serif}
.data{font:400 12px "Jost",sans-serif;letter-spacing:.16em;color:var(--taupe2)}
.vuoto{color:var(--taupe2);text-align:center}
.articolo{max-width:760px}
.articolo img{margin:24px 0}
.testo-lungo{max-width:820px;padding-top:0}

.piede{background:var(--taupe);color:#d9cfbf;font-size:15px}
.piede a{color:#fff}
.piede-in{max-width:var(--largo);margin:0 auto;padding:56px 16px;display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:center}
.logo-piede{width:200px;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:#a99d89}

@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,.modello-in{grid-template-columns:1fr}
  .sez.con-img:nth-of-type(even) .sez-img{order:0}
  .sez-img{aspect-ratio:4/3}
  .numeri{grid-template-columns:1fr 1fr}
  .numeri div:nth-child(3){border-left:0}
  .dati{grid-template-columns:1fr 1fr}
  .piede-link{text-align:left}
  .testata,.sez,.contatti,.schede,.articolo,.modello{padding-top:52px;padding-bottom:52px}
}