
#ggcs{
  --beige:#E7D9CB; --grigio:#C2C8CC; --nero:#000; --bianco:#fff;
  --inch:#16150f; --tenue:rgba(0,0,0,.58); --linea:rgba(0,0,0,.18);
  --scuro:#16150f;
  --col:640px;
}
#ggcs *{box-sizing:border-box}
#ggcs{-webkit-text-size-adjust:100%}
#ggcs{margin:0;background:var(--beige);color:var(--inch);
  font-family:"Newsreader",Georgia,serif;font-size:18px;line-height:1.62;font-optical-sizing:auto}
#ggcs h1, #ggcs h2{font-family:"Instrument Serif",Georgia,serif;font-weight:400;margin:0}
#ggcs h1{font-size:76px;line-height:1.02;letter-spacing:-.01em}
#ggcs h2{font-size:44px;line-height:1.1}
#ggcs p{margin:0 0 1.15em}
#ggcs a{color:inherit}
#ggcs .wrap{max-width:1120px;margin:0 auto;padding:0 40px}
#ggcs .lead{font-size:22px;line-height:1.5}
#ggcs .kicker{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--tenue);margin:0 0 14px}
#ggcs .small{font-size:15px;color:var(--tenue)}
#ggcs .testata{padding:72px 0 56px}
#ggcs .testata .griglia{display:grid;grid-template-columns:1fr 340px;gap:56px;align-items:end}
#ggcs .testata h1{margin-bottom:22px}
#ggcs .testata .occhiello{font-size:20px;max-width:38ch;color:var(--tenue)}
#ggcs .catalogo{border-top:1px solid var(--nero);padding-top:16px;font-size:15px}
#ggcs .catalogo .v{display:flex;gap:14px;padding:9px 0;border-bottom:1px solid var(--linea)}
#ggcs .catalogo .v b{flex:0 0 92px;font-weight:400;color:var(--tenue);font-size:12px;
  letter-spacing:.1em;text-transform:uppercase;padding-top:3px}
#ggcs .tel{display:block;width:100%;height:auto;border-radius:26px;
  border:1px solid rgba(0,0,0,.14);box-shadow:0 2px 0 rgba(0,0,0,.05);background:#111}
#ggcs figure{margin:0}
#ggcs figcaption{font-size:15px;line-height:1.45;color:var(--tenue);margin-top:12px;max-width:600px}
#ggcs .f-a{margin:0}
#ggcs .f-a img{display:block;width:100%;height:auto}
#ggcs .scena{background:var(--scuro);padding:64px 0 56px}
#ggcs .scena .fila{
  display:flex;gap:26px;align-items:flex-start;
  
  justify-content:safe center;
  overflow-x:auto;scroll-snap-type:x mandatory;padding:0 22px;scrollbar-width:none;
}
#ggcs .scena .fila::-webkit-scrollbar{display:none}
#ggcs .scena .fila img{scroll-snap-align:center}
#ggcs .scena .fila img{width:262px;flex:none;border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:none}
#ggcs .scena figcaption{color:rgba(255,255,255,.62);text-align:center;max-width:640px;margin:28px auto 0}
#ggcs .f-b{margin:56px auto;max-width:1040px;display:grid;grid-template-columns:340px 1fr;gap:52px;align-items:start}
#ggcs .f-b .tel{width:340px}
#ggcs .f-b figcaption{margin-top:6px;max-width:44ch}
#ggcs .f-c{margin:56px auto}
#ggcs .f-c .duo{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start;max-width:634px;margin:0 auto}
#ggcs .f-c figcaption{max-width:634px;margin-left:auto;margin-right:auto}
#ggcs .f-c .lab{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--tenue);margin:0 0 10px}
#ggcs .f-d{margin:56px auto}
#ggcs .f-d figcaption{max-width:838px;margin-left:auto;margin-right:auto}
#ggcs .f-d .tris{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:start;max-width:838px;margin:0 auto}
#ggcs .f-e{margin:56px auto;max-width:1040px}
#ggcs .f-e .plate{background:var(--bianco);border:1px solid var(--linea);padding:28px}
#ggcs .f-e.nudo .plate{padding:0;border:0;background:transparent}
#ggcs .f-e img{display:block;width:100%;height:auto}
#ggcs .subito{background:var(--grigio);padding:56px 0 64px}
#ggcs .subito .testo{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-bottom:40px}
#ggcs .frame{width:390px;height:820px;margin:0 auto;border:10px solid var(--scuro);border-radius:34px;
  overflow:hidden;background:var(--scuro);box-shadow:0 18px 48px rgba(0,0,0,.28)}
#ggcs .frame iframe{width:100%;height:100%;border:0;display:block;background:var(--scuro)}
#ggcs .vai{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:13px 24px;
  border:1px solid var(--nero);text-decoration:none !important;font-size:13px;letter-spacing:.11em;
  text-transform:uppercase;transition:background .18s ease,color .18s ease}
#ggcs .vai:hover, #ggcs .vai:focus-visible, #ggcs .vai:active{background:var(--nero);color:var(--bianco) !important}
#ggcs .vai:focus-visible{outline:2px solid var(--nero);outline-offset:3px}
#ggcs .vai .freccia{font-size:15px;line-height:1}
#ggcs .indice{padding:76px 0}
#ggcs .indice ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--nero)}
#ggcs .indice li{border-bottom:1px solid var(--linea)}
#ggcs .indice a{display:flex;gap:26px;align-items:baseline;padding:17px 4px;text-decoration:none}
#ggcs .indice .n{font-family:"Instrument Serif",Georgia,serif;font-size:15px;color:var(--tenue);flex:0 0 34px}
#ggcs .indice .t{font-family:"Instrument Serif",Georgia,serif;font-size:27px;line-height:1.1}
#ggcs .indice .d{margin-left:auto;font-size:15px;color:var(--tenue);text-align:right;max-width:36ch}
@media (hover:hover){
#ggcs .indice a:hover .t{font-style:italic}}
#ggcs .cap{padding:62px 0;border-top:1px solid var(--linea)}
#ggcs .cap .griglia{display:grid;grid-template-columns:110px 1fr;gap:34px;align-items:start}
#ggcs .cap .n{font-family:"Instrument Serif",Georgia,serif;font-size:15px;letter-spacing:.14em;color:var(--tenue);padding-top:16px}
#ggcs .cap h2{margin-bottom:20px;max-width:20ch}
#ggcs .cap .testo{max-width:var(--col)}
#ggcs .dec{border-top:1px solid var(--nero);padding-top:22px;margin:0 0 64px;
  display:grid;grid-template-columns:1fr 300px;gap:52px;align-items:start}
#ggcs .dec.piena{grid-template-columns:1fr}
#ggcs .dec .q{font-family:"Instrument Serif",Georgia,serif;font-size:27px;line-height:1.14;margin:0 0 18px}
#ggcs .dec .r{font-size:16.5px;line-height:1.52;margin:0 0 13px}
#ggcs .dec .r em{font-style:normal;font-size:11.5px;letter-spacing:.11em;text-transform:uppercase;
  color:var(--tenue);display:block;margin-bottom:2px}
#ggcs .dec .vis .tel{width:300px}
#ggcs .dec .vis figcaption{font-size:14px;margin-top:10px}
#ggcs .cit{border-left:2px solid var(--nero);padding:2px 0 2px 22px;margin:26px 0;
  font-family:"Instrument Serif",Georgia,serif;font-size:23px;line-height:1.34}
#ggcs .cit .chi{display:block;font-family:"Newsreader",serif;font-size:14px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--tenue);margin-top:12px}
#ggcs .buco{background:#F3E3C8;border:1px dashed #b08a3c;padding:16px 20px;margin:22px 0;
  font-size:15.5px;line-height:1.5;color:#6b4f14}
#ggcs .buco b{display:block;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}
@media (max-width:820px){
#ggcs{--col:100%}
#ggcs{font-size:17px}
#ggcs h1{font-size:42px}
#ggcs h2{font-size:30px}
#ggcs .wrap{padding:0 22px}
#ggcs .lead{font-size:19px}
#ggcs .testata .griglia, #ggcs .subito .testo, #ggcs .cap .griglia{grid-template-columns:1fr!important;gap:22px!important}
#ggcs .cap .n{padding-top:0!important}
#ggcs .indice a{flex-wrap:wrap}
#ggcs .indice .t{flex:1 1 0;min-width:0}
#ggcs .indice .d{margin-left:60px;text-align:left;max-width:100%;flex-basis:100%}
#ggcs .f-c .duo{grid-template-columns:1fr;gap:34px;max-width:none}
#ggcs .f-b{grid-template-columns:1fr;gap:20px}
#ggcs .f-b .tel{width:100%}
#ggcs .dec{grid-template-columns:1fr;gap:26px}
#ggcs .dec .vis .tel{width:100%}
#ggcs .f-d .tris{max-width:none}
#ggcs .f-d .tris{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;
    margin:0;padding:0;scrollbar-width:none;justify-content:flex-start}
#ggcs .scena .fila{gap:14px}
#ggcs .f-d .tris::-webkit-scrollbar, #ggcs .scena .fila::-webkit-scrollbar{display:none}
#ggcs .f-d .tris > div{flex:0 0 262px;scroll-snap-align:center}
#ggcs .scena .fila img{width:262px;scroll-snap-align:center}
#ggcs .f-e .plate{padding:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#ggcs .f-e .plate::-webkit-scrollbar{display:none}
#ggcs .f-e img{width:900px;max-width:none}
#ggcs .frame{width:100%;max-width:340px;height:auto;aspect-ratio:328/788}
}
#ggcs .avviso{ padding: 8px 16px; background: var(--scuro); color: var(--beige); text-align: center; font-size: 14px; }
#ggcs .sito-testa{ height: 98px; padding: 7px 4vw; display: flex; justify-content: space-between; align-items: center; gap: 24px; background: linear-gradient(#faf8f5, var(--beige)); box-shadow: 0 8px 24px #16150f20; }
#ggcs .sito-testa img{ display: block; width: 78px; height: 78px; object-fit: contain; }
#ggcs .sito-testa nav{ display: flex; align-items: center; flex-wrap: wrap; gap: 8px clamp(22px, 3.2vw, 50px); font-size: 16px; }
#ggcs .sito-testa .prova-concept{ background: var(--nero); color: var(--bianco); padding: 10px 22px; border-radius: 22px 0; }
#ggcs .sito-testa a, #ggcs .sito-piede a{ text-decoration: none; }
#ggcs a:focus-visible, #ggcs [tabindex]:focus-visible{ outline: 2px solid #2d4398; outline-offset: 4px; }
#ggcs a:hover{ text-underline-offset: .2em; }
#ggcs .sito-testa a:hover, #ggcs .sito-piede a:hover{ text-decoration: underline; }
#ggcs .testata{ padding: 96px 0 88px; }
#ggcs .testata .griglia{ grid-template-columns: minmax(0,1fr) 340px; }
#ggcs .testata .occhiello{ margin-bottom: 0; }
#ggcs .catalogo{ margin: 0; }
#ggcs .catalogo .v{ align-items: baseline; }
#ggcs .catalogo dt{ flex: 0 0 92px; color: var(--tenue); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; }
#ggcs .catalogo dd{ margin: 0; }
#ggcs .apertura{ background: var(--scuro); padding: 72px 0 64px; }
#ggcs .apertura img{ display: block; width: 100%; height: auto; }
#ggcs .apertura figcaption{ display: flex; align-items: center; justify-content: space-between; gap: 20px; max-width: none; margin: 24px 0 0; color: var(--beige); }
#ggcs .apertura figcaption p{ max-width: 54ch; margin: 0; }
#ggcs .apertura .vai{ flex: 0 0 auto; border-color: var(--beige); }
#ggcs .apertura .vai:hover, #ggcs .apertura .vai:focus-visible{ background: var(--beige); color: var(--scuro) !important; }
#ggcs .apertura .vai:focus-visible{ outline-color: var(--bianco); }
#ggcs .confronto{ margin-top: 56px; }
#ggcs .confronto h3{ margin: 0; font: 400 34px/1.1 "Instrument Serif",Georgia,serif; }
#ggcs .confronto .f-c{ margin: 28px 0 0; }
#ggcs .confronto .duo{ max-width: none; gap: 24px; }
#ggcs .confronto .lab{ color: var(--inch); }
#ggcs .confronto img{ display: block; width: 100%; height: auto; border: 1px solid var(--linea); }
#ggcs .confronto figcaption{ max-width: 680px; margin: 18px auto 0; text-align: center; }
#ggcs .confronto-selettore{ min-inline-size: 0; margin: 0; padding: 0; border: 0; }
#ggcs .confronto-selettore legend, #ggcs .confronto-selettore input, #ggcs .confronto-opzioni{ display: none; }
#ggcs .dettaglio-prenota{ margin: 36px 0 0; }
#ggcs .dettaglio-prenota .lab{ margin: 0 0 10px; }
#ggcs .fvp-focus{ background: var(--grigio); }
#ggcs .fvp-focus .wrap{ display: grid; grid-template-columns: 1fr 1fr; gap: 32px; padding-block: 36px; }
#ggcs .fvp-focus h2{ font-size: 26px; margin-bottom: 8px; }
#ggcs .fvp-focus p{ margin: 0; }
#ggcs .indice{ padding: 88px 0 104px; }
#ggcs .indice a{ padding-block: 22px; }
#ggcs .cap{ padding: 112px 0; }
#ggcs .cap .testo p:last-child{ margin-bottom: 0; }
#ggcs .cap .f-e, #ggcs .cap .f-b, #ggcs .cap .f-d, #ggcs .cap .figura-larga{ margin: 56px auto 0; }
#ggcs .figura-larga img, #ggcs .figura-larga video{ display: block; width: 100%; height: auto; border: 1px solid var(--linea); }
#ggcs .figura-larga video{ aspect-ratio: 8/5; object-fit: contain; background: var(--scuro); }
#ggcs .figura-larga figcaption, #ggcs .mappa figcaption{ max-width: 680px; margin: 16px auto 0; text-align: center; }
#ggcs .cap .f-b{ align-items: center; }
#ggcs .cap .f-b img{ display: block; width: 100%; height: auto; border: 1px solid var(--linea); }
#ggcs .cap .f-b figcaption{ max-width: 36ch; }
#ggcs .schizzo img{ aspect-ratio: 1/1.22; object-fit: cover; object-position: center 58%; }
#ggcs .fascia-mappa{ margin-top: 56px; padding: 44px 0 38px; background: var(--grigio); }
#ggcs .cap .fascia-mappa .mappa{ margin-top: 0; }
#ggcs .mappa-intestazione, #ggcs .mappa-scorrimento, #ggcs .mappa-coda{ border-inline: 1px solid var(--linea); background: var(--beige); }
#ggcs .mappa-intestazione{ padding: 24px 24px 14px; border-top: 1px solid var(--linea); }
#ggcs .mappa-intestazione p{ margin: 0; }
#ggcs .mappa-scorrimento{ overflow-x: auto; overscroll-behavior-x: contain; }
#ggcs .mappa-scorrimento:focus-visible{ outline-offset: -3px; }
#ggcs .mappa-tela{ width: 100%; min-width: 1038px; padding: 0 24px; }
#ggcs .mappa-nodi{ list-style: none; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 24px; margin: 0; padding: 0; }
#ggcs .mappa-nodi li{ position: relative; min-height: 127px; padding: 13px; border: 1px solid #8b8176; border-radius: 3px; background: var(--bianco); }
#ggcs .mappa-nodi .passo-chiave{ background: var(--grigio); border-color: #5d6770; }
#ggcs .mappa-nodi .estremo{ background: var(--scuro); border-color: var(--scuro); color: var(--bianco); }
#ggcs .mappa-nodi li:not(:last-child)::after{ content: "→"; position: absolute; left: calc(100% + 2px); top: 43px; width: 22px; color: var(--inch); text-align: center; line-height: 1; }
#ggcs .mappa-nodi .kicker{ margin: 0 0 5px; font-size: 11px; color: #50483f; }
#ggcs .mappa-nodi h3{ margin: 0 0 7px; font: 400 24px/1.05 "Instrument Serif",Georgia,serif; }
#ggcs .mappa-nodi p{ margin: 0 0 7px; font: 14px/1.34 "Newsreader",Georgia,serif; }
#ggcs .mappa-nodi p:last-child{ margin: 0; color: #50483f; }
#ggcs .mappa-nodi .estremo p{ color: var(--beige); }
#ggcs .mappa-ritorni{ display: block; width: 100%; height: auto; }
#ggcs .mappa-ritorni path{ fill: none; stroke: #405378; stroke-width: 1.4; }
#ggcs .mappa-ritorni text{ fill: #304264; font: 15px "Newsreader",Georgia,serif; text-anchor: middle; }
#ggcs .mappa-ritorni .ritorno-chiave{ font-weight: 600; }
#ggcs .mappa-ritorni .fondo{ fill: var(--beige); }
#ggcs .mappa-coda{ padding: 14px 24px 18px; border-block: 1px solid var(--linea); }
#ggcs .mappa-caso{ margin: 0 0 12px; padding-left: 12px; border-left: 2px solid #405378; font-size: 17px; }
#ggcs .mappa .uscita{ margin: 0; color: var(--tenue); font-size: 15px; }
#ggcs .mappa-intestazione .scorri-mappa{ display: none; margin: 4px 0 0; }
#ggcs .sito-piede{ display: flex; justify-content: space-between; align-items: baseline; gap: 20px; padding: 38px 4vw; border-top: 1px solid var(--linea); font-size: 15px; }
#ggcs .sito-piede p{ margin: 0; }
#ggcs .sito-piede a{ flex: 0 0 auto; }
@media (max-width: 1120px){
#ggcs .mappa-intestazione .scorri-mappa{ display: block; } }
@media (max-width: 820px){
#ggcs .sito-testa{ min-height: 54px; height: auto; padding-inline: 22px; }
#ggcs .sito-testa img{ width: 35px; height: 35px; }
#ggcs .sito-testa nav{ gap: 8px 14px; font-size: 14px; }
#ggcs .sito-testa .prova-concept{ padding: 9px 14px; }
#ggcs .testata{ padding: 64px 0 56px; }
#ggcs .apertura{ padding: 40px 0 36px; }
#ggcs .apertura .wrap{ padding-inline: 0; }
#ggcs .apertura figcaption{ align-items: flex-start; flex-direction: column; padding-inline: 22px; }
#ggcs .indice{ padding: 56px 0 64px; }
#ggcs .cap{ padding: 64px 0; }
#ggcs .cap .f-e, #ggcs .cap .f-b, #ggcs .cap .f-d, #ggcs .cap .figura-larga, #ggcs .confronto{ margin-top: 36px; }
#ggcs .fvp-focus .wrap{ grid-template-columns: 1fr; gap: 20px; padding-block: 28px; }
#ggcs .fascia-mappa{ margin-top: 36px; padding: 28px 0 24px; }
#ggcs .confronto .duo{ gap: 24px; }
#ggcs .confronto .duo > div{ width: 100%; max-width: 440px; margin: 0 auto; }
#ggcs .cap .f-b img{ max-width: 340px; margin: 0 auto; }
#ggcs .cap .f-b figcaption{ margin: 0 auto; text-align: center; }
#ggcs .sito-piede{ flex-wrap: wrap; padding: 26px 22px; }
    }
@media (max-width: 640px){
#ggcs .sito-testa .nav-secondaria{ display: none; }
#ggcs .confronto-selettore{ max-width: 440px; margin-inline: auto; }
#ggcs .confronto-selettore legend, #ggcs .confronto-selettore input{
        display: block; position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%);
      }
#ggcs .confronto-opzioni{ display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--inch); margin-bottom: 14px; }
#ggcs .confronto-opzioni label{ display: grid; min-height: 44px; place-items: center; cursor: pointer; }
#ggcs .confronto-opzioni label + label{ border-left: 1px solid var(--inch); }
#ggcs #mostra-prima:checked ~ .confronto-opzioni label[for="mostra-prima"], #ggcs #mostra-dopo:checked ~ .confronto-opzioni label[for="mostra-dopo"]{ background: var(--scuro); color: var(--bianco); }
#ggcs #mostra-prima:focus-visible ~ .confronto-opzioni label[for="mostra-prima"], #ggcs #mostra-dopo:focus-visible ~ .confronto-opzioni label[for="mostra-dopo"]{ outline: 2px solid #2d4398; outline-offset: 3px; }
#ggcs #mostra-prima:checked ~ .duo .dopo, #ggcs #mostra-dopo:checked ~ .duo .prima{ display: none; }
#ggcs .dettaglio-prenota{ max-width: 440px; margin-inline: auto; }
    }
  
/* Perimetro della sola sezione del progetto in Squarespace. */
body:not(.sqs-edit-mode-active) .page-section:has(#ggcs) > .content-wrapper,
body:not(.sqs-edit-mode-active) .page-section:has(#ggcs) .content {
  max-width: none !important;
  padding: 0 !important;
}
body:not(.sqs-edit-mode-active) .fluid-engine:has(#ggcs) {
  display: block !important;
  margin: 0 !important;
}
body:not(.sqs-edit-mode-active) .fe-block:has(#ggcs) { display: block; }
body:not(.sqs-edit-mode-active) .sqs-block:has(#ggcs) { padding: 0 !important; }
#ggcs { overflow-wrap: break-word; }
#ggcs h1, #ggcs h2, #ggcs h3 { color: inherit; }
#ggcs .kicker, #ggcs .small { color: var(--tenue); }
#ggcs .apertura figcaption p, #ggcs .apertura .vai { color: var(--beige) !important; }
#ggcs .apertura .vai:hover, #ggcs .apertura .vai:focus-visible { color: var(--scuro) !important; }
#ggcs .mappa-nodi li { margin: 0; list-style: none; }
#ggcs .mappa-nodi li::before { content: none; }
#ggcs .mappa-nodi .estremo p { color: var(--beige); }
#ggcs [id] { scroll-margin-top: 96px; }
#ggcs .sito-piede { flex-wrap: wrap; }
/* Le etichette devono comparire insieme alle frecce, anche scorrendo in orizzontale. */
#ggcs .mappa :is(.preFade, .preScale) {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}
