@charset "utf-8";
#ilcs{text-align:left;text-transform:none;letter-spacing:normal}
#ilcs *{text-align:inherit;text-transform:inherit;letter-spacing:inherit}
#ilcs button{text-align:center}
#ilcs h1,#ilcs h2,#ilcs h3,#ilcs h4{text-transform:none!important;letter-spacing:normal!important;
  text-align:inherit!important;font-family:inherit!important;font-weight:inherit!important}
#ilcs img,#ilcs video{border:0!important;border-radius:0!important}
#ilcs a{color:inherit!important;text-decoration:none!important}
#ilcs ol,#ilcs ul,#ilcs li{list-style:none!important}
#ilcs ol,#ilcs ul{padding-left:0!important}

#ilcs{
  --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;
}
#ilcs *{box-sizing:border-box}
#ilcs{-webkit-text-size-adjust:100%}
#ilcs#ilcs{margin:0;background:var(--beige);color:var(--inch)!important;
  font-family:"Newsreader",Georgia,serif!important;font-size:18px!important;line-height:1.62!important;font-optical-sizing:auto!important}
#ilcs h1, #ilcs h2{font-family:"Instrument Serif",Georgia,serif!important;font-weight:400!important;margin:0}
#ilcs h1{font-size:76px!important;line-height:1.02!important;letter-spacing:-.01em!important}
#ilcs h2{font-size:44px!important;line-height:1.1!important}
#ilcs p{margin:0 0 1.15em}
#ilcs a{color:inherit!important}
#ilcs .wrap{max-width:1120px;margin:0 auto;padding:0 40px}
#ilcs .lead{font-size:22px!important;line-height:1.5!important}
#ilcs .kicker{font-size:13px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--tenue)!important;margin:0 0 14px}
#ilcs .small{font-size:15px!important;color:var(--tenue)!important}
#ilcs .testata{padding:72px 0 56px}
#ilcs .testata .griglia{display:grid;grid-template-columns:1fr 340px;gap:56px;align-items:end}
#ilcs .testata h1{margin-bottom:22px}
#ilcs .testata .occhiello{font-size:20px!important;max-width:38ch;color:var(--tenue)!important}
#ilcs .catalogo{border-top:1px solid var(--nero)!important;padding-top:16px;font-size:15px!important}
#ilcs .catalogo .v{display:flex;gap:14px;padding:9px 0;border-bottom:1px solid var(--linea)!important}
#ilcs .catalogo .v b{flex:0 0 92px;font-weight:400!important;color:var(--tenue)!important;font-size:12px!important;
  letter-spacing:.1em!important;text-transform:uppercase!important;padding-top:3px}
#ilcs .tel{display:block;width:100%;height:auto;border-radius:26px!important;
  border:1px solid rgba(0,0,0,.14)!important;box-shadow:0 2px 0 rgba(0,0,0,.05);background:#111}
#ilcs figure{margin:0}
#ilcs figcaption{font-size:15px!important;line-height:1.45!important;color:var(--tenue)!important;margin-top:12px;max-width:600px}
#ilcs .f-a{margin:0}
#ilcs .f-a img{display:block;width:100%;height:auto}
#ilcs .scena{background:var(--scuro);padding:64px 0 56px}
#ilcs .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;
}
#ilcs .scena .fila::-webkit-scrollbar{display:none}
#ilcs .scena .fila img{scroll-snap-align:center}
#ilcs .scena .fila img{width:262px;flex:none;border-radius:24px!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:none}
#ilcs .scena figcaption{color:rgba(255,255,255,.62)!important;text-align:center!important;max-width:640px;margin:28px auto 0}
#ilcs .f-b{margin:56px auto;max-width:1040px;display:grid;grid-template-columns:340px 1fr;gap:52px;align-items:start}
#ilcs .f-b .tel{width:340px}
#ilcs .f-b figcaption{margin-top:6px;max-width:44ch}
#ilcs .f-c{margin:56px auto}
#ilcs .f-c .duo{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start;max-width:634px;margin:0 auto}
#ilcs .f-c figcaption{max-width:634px;margin-left:auto;margin-right:auto}
#ilcs .f-c .lab{font-size:13px!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:var(--tenue)!important;margin:0 0 10px}
#ilcs .f-d{margin:56px auto}
#ilcs .f-d figcaption{max-width:838px;margin-left:auto;margin-right:auto}
#ilcs .f-d .tris{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:start;max-width:838px;margin:0 auto}
#ilcs .f-e{margin:56px auto;max-width:1040px}
#ilcs .f-e .plate{background:var(--bianco);border:1px solid var(--linea)!important;padding:28px}
#ilcs .f-e.nudo .plate{padding:0;border:0!important;background:transparent}
#ilcs .f-e img{display:block;width:100%;height:auto}
#ilcs .subito{background:var(--grigio);padding:56px 0 64px}
#ilcs .subito .testo{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-bottom:40px}
#ilcs .frame{width:390px;height:820px;margin:0 auto;border:10px solid var(--scuro)!important;border-radius:34px!important;
  overflow:hidden;background:var(--scuro);box-shadow:0 18px 48px rgba(0,0,0,.28)}
#ilcs .frame iframe{width:100%;height:100%;border:0!important;display:block;background:var(--scuro)}
#ilcs .vai{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:13px 24px;
  border:1px solid var(--nero)!important;text-decoration:none !important;font-size:13px!important;letter-spacing:.11em!important;
  text-transform:uppercase!important;transition:background .18s ease,color .18s ease}
#ilcs .vai:hover, #ilcs .vai:focus-visible, #ilcs .vai:active{background:var(--nero);color:var(--bianco) !important}
#ilcs .vai:focus-visible{outline:2px solid var(--nero);outline-offset:3px}
#ilcs .vai .freccia{font-size:15px!important;line-height:1!important}
#ilcs .indice{padding:76px 0}
#ilcs .indice ol{list-style:none!important;margin:0;padding:0;border-top:1px solid var(--nero)!important}
#ilcs .indice li{border-bottom:1px solid var(--linea)!important}
#ilcs .indice a{display:flex;gap:26px;align-items:baseline;padding:17px 4px;text-decoration:none!important}
#ilcs .indice .n{font-family:"Instrument Serif",Georgia,serif!important;font-size:15px!important;color:var(--tenue)!important;flex:0 0 34px}
#ilcs .indice .t{font-family:"Instrument Serif",Georgia,serif!important;font-size:27px!important;line-height:1.1!important}
#ilcs .indice .d{margin-left:auto;font-size:15px!important;color:var(--tenue)!important;text-align:right!important;max-width:36ch}
@media (hover:hover){
#ilcs .indice a:hover .t{font-style:italic!important}}
#ilcs .cap{padding:62px 0;border-top:1px solid var(--linea)!important}
#ilcs .cap .griglia{display:grid;grid-template-columns:110px 1fr;gap:34px;align-items:start}
#ilcs .cap .n{font-family:"Instrument Serif",Georgia,serif!important;font-size:15px!important;letter-spacing:.14em!important;color:var(--tenue)!important;padding-top:16px}
#ilcs .cap h2{margin-bottom:20px;max-width:20ch}
#ilcs .cap .testo{max-width:var(--col)}
#ilcs .dec{border-top:1px solid var(--nero)!important;padding-top:22px;margin:0 0 64px;
  display:grid;grid-template-columns:1fr 300px;gap:52px;align-items:start}
#ilcs .dec.piena{grid-template-columns:1fr}
#ilcs .dec .q{font-family:"Instrument Serif",Georgia,serif!important;font-size:27px!important;line-height:1.14!important;margin:0 0 18px}
#ilcs .dec .r{font-size:16.5px!important;line-height:1.52!important;margin:0 0 13px}
#ilcs .dec .r em{font-style:normal!important;font-size:11.5px!important;letter-spacing:.11em!important;text-transform:uppercase!important;
  color:var(--tenue)!important;display:block;margin-bottom:2px}
#ilcs .dec .vis .tel{width:300px}
#ilcs .dec .vis figcaption{font-size:14px!important;margin-top:10px}
#ilcs .cit{border-left:2px solid var(--nero)!important;padding:2px 0 2px 22px;margin:26px 0;
  font-family:"Instrument Serif",Georgia,serif!important;font-size:23px!important;line-height:1.34!important}
#ilcs .cit .chi{display:block;font-family:"Newsreader",serif!important;font-size:14px!important;letter-spacing:.06em!important;
  text-transform:uppercase!important;color:var(--tenue)!important;margin-top:12px}
#ilcs .buco{background:#F3E3C8;border:1px dashed #b08a3c!important;padding:16px 20px;margin:22px 0;
  font-size:15.5px!important;line-height:1.5!important;color:#6b4f14!important}
#ilcs .buco b{display:block;font-size:11.5px!important;letter-spacing:.12em!important;text-transform:uppercase!important;margin-bottom:6px}
@media (max-width:820px){
#ilcs{--col:100%}
#ilcs{font-size:17px!important}
#ilcs h1{font-size:42px!important}
#ilcs h2{font-size:30px!important}
#ilcs .wrap{padding:0 22px}
#ilcs .lead{font-size:19px!important}
#ilcs .testata .griglia, #ilcs .subito .testo, #ilcs .cap .griglia{grid-template-columns:1fr!important;gap:22px!important}
#ilcs .cap .n{padding-top:0!important}
#ilcs .indice a{flex-wrap:wrap}
#ilcs .indice .t{flex:1 1 0;min-width:0}
#ilcs .indice .d{margin-left:60px;text-align:left!important;max-width:100%;flex-basis:100%}
#ilcs .f-c .duo{grid-template-columns:1fr;gap:34px;max-width:none}
#ilcs .f-b{grid-template-columns:1fr;gap:20px}
#ilcs .f-b .tel{width:100%}
#ilcs .dec{grid-template-columns:1fr;gap:26px}
#ilcs .dec .vis .tel{width:100%}
#ilcs .f-d .tris{max-width:none}
#ilcs .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}
#ilcs .scena .fila{gap:14px}
#ilcs .f-d .tris::-webkit-scrollbar, #ilcs .scena .fila::-webkit-scrollbar{display:none}
#ilcs .f-d .tris > div{flex:0 0 262px;scroll-snap-align:center}
#ilcs .scena .fila img{width:262px;scroll-snap-align:center}
#ilcs .f-e .plate{padding:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#ilcs .f-e .plate::-webkit-scrollbar{display:none}
#ilcs .f-e img{width:900px;max-width:none}
#ilcs .frame{width:100%;max-width:340px;height:auto;aspect-ratio:328/788}
}
#ilcs#ilcs code{font-family:"SF Mono",Menlo,Consolas,monospace!important;font-size:.84em!important;background:rgba(0,0,0,.06);padding:.08em .35em;border-radius:3px!important}
#ilcs#ilcs .foto{display:block;width:100%;height:auto;background:#7a0f0f}
#ilcs#ilcs .shot{display:block;width:100%;height:auto;border:1px solid rgba(0,0,0,.16)!important;box-shadow:0 10px 30px -14px rgba(40,30,20,.35)}
#ilcs#ilcs .film{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#e9e3dd}
#ilcs#ilcs .f-e, #ilcs#ilcs .f-c, #ilcs#ilcs .f-d{margin:0 auto;max-width:1040px}
#ilcs#ilcs .f-c .duo{max-width:1040px;gap:34px}
#ilcs#ilcs .f-d .tris{max-width:1040px;gap:22px}
#ilcs#ilcs .lab{font-size:13px!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:var(--tenue)!important;margin:0 0 14px}
#ilcs#ilcs figcaption{margin-top:24px;line-height:1.55!important;max-width:none;margin-left:0;margin-right:0}
#ilcs#ilcs .f-c figcaption, #ilcs#ilcs .f-d figcaption, #ilcs#ilcs .f-e figcaption{text-align:left!important;max-width:none;margin-left:0;margin-right:0}
#ilcs#ilcs .entrata{display:grid;grid-template-columns:minmax(40px,1fr) minmax(0,700px) minmax(0,340px) minmax(40px,1fr);
  grid-template-areas:". titolo scheda ." "demo demo demo demo"}
#ilcs#ilcs .titolo{grid-area:titolo;padding:56px 40px 38px 0}
#ilcs#ilcs .titolo h1{margin:0 0 15px}
#ilcs#ilcs .titolo .occhiello{margin:0;max-width:39ch;color:var(--tenue)!important;font-size:20px!important}
#ilcs#ilcs .scheda-illy{grid-area:scheda;align-self:end;margin:42px 0 38px}
#ilcs#ilcs .subito{grid-area:demo;padding:34px 0 40px}
#ilcs#ilcs .fvp-focus{margin-top:74px!important}
#ilcs#ilcs .confronto{max-width:1040px;margin:0 auto}
#ilcs#ilcs .illy-inquadratura{box-shadow:0 18px 48px -26px rgba(35,22,15,.48)}
#ilcs#ilcs .comandi{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-bottom:12px}
#ilcs#ilcs .comandi>div{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#ilcs#ilcs .comandi button{background:transparent;border:0!important;border-top:1px solid var(--linea)!important;padding:8px 0 5px;text-align:left!important;
  font:20px/1.2 "Instrument Serif",Georgia,serif!important;min-height:46px;cursor:pointer;color:var(--inch)!important}
#ilcs#ilcs .comandi button[aria-pressed="true"]{border-top:2px solid var(--nero)!important;font-style:italic!important}
#ilcs#ilcs .comandi button:focus-visible{outline:2px solid var(--nero);outline-offset:4px}
#ilcs#ilcs .confronto figcaption{text-align:left!important;max-width:none;margin:12px 0 0}
#ilcs#ilcs .cap{padding:112px 0}
#ilcs#ilcs .cap h2{margin-bottom:28px}
#ilcs#ilcs .cap .griglia{gap:44px}
#ilcs#ilcs .cap .wrap + .wrap{margin-top:88px}
#ilcs#ilcs .cap .testo p:last-child{margin-bottom:0}
#ilcs#ilcs .indice{padding:88px 0 104px}
#ilcs#ilcs .indice a{padding:22px 4px}
#ilcs#ilcs .coda{margin-top:26px}
#ilcs#ilcs .quadro-p{position:relative;aspect-ratio:16/9;overflow:hidden;background:#7a0f0f;box-shadow:0 18px 48px -20px rgba(0,0,0,.4)}
#ilcs#ilcs .quadro-p img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s ease}
#ilcs#ilcs .quadro-p img.attiva{opacity:1}
#ilcs#ilcs .comandi-p{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:22px}
#ilcs#ilcs .comandi-p button{background:transparent;border:0!important;border-top:1px solid var(--linea)!important;padding:13px 0 4px;text-align:left!important;
  font:20px/1.2 "Instrument Serif",Georgia,serif!important;min-height:66px;cursor:pointer;color:var(--inch)!important}
#ilcs#ilcs .comandi-p button[aria-pressed="true"]{border-top:2px solid var(--nero)!important;font-style:italic!important}
#ilcs#ilcs .comandi-p small{display:block;font:12px "Newsreader",Georgia,serif!important;letter-spacing:.1em!important;margin-bottom:6px;color:var(--tenue)!important;font-style:normal!important}
#ilcs#ilcs .comandi-p button:focus-visible{outline:2px solid var(--nero);outline-offset:4px}
#ilcs#ilcs .serie ol{list-style:none!important;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:48px 34px}
#ilcs#ilcs .serie li{margin:0;padding:0}
#ilcs#ilcs .serie .foto, #ilcs#ilcs .serie .vuoto{aspect-ratio:16/9;width:100%;object-fit:cover;margin-bottom:16px}
#ilcs#ilcs .serie .vuoto{border:1px dashed rgba(0,0,0,.28)!important;display:flex;align-items:center;justify-content:center}
#ilcs#ilcs .serie .vuoto span{font-size:13px!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:var(--tenue)!important}
#ilcs#ilcs .serie .lab{margin:0 0 6px}
#ilcs#ilcs .serie h3{font:26px/1.15 "Instrument Serif",Georgia,serif!important;margin:0 0 12px}
#ilcs#ilcs .serie dl{margin:0;font-size:15px!important;line-height:1.5!important}
#ilcs#ilcs .serie dt{font-size:12px!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:var(--tenue)!important;margin-top:8px}
#ilcs#ilcs .serie dd{margin:2px 0 0}
#ilcs#ilcs .serie figcaption{margin-top:40px}
@media (prefers-reduced-motion:reduce){
#ilcs#ilcs .quadro-p img{transition:none} }
@media (max-width:820px){
#ilcs#ilcs figcaption{margin-top:18px}
#ilcs#ilcs .cap{padding:64px 0}
#ilcs#ilcs .cap .wrap + .wrap{margin-top:56px}
#ilcs#ilcs .indice{padding:56px 0 64px}
#ilcs#ilcs .entrata{grid-template-columns:22px minmax(0,1fr) 22px;
    grid-template-areas:". titolo ." "demo demo demo" ". scheda ."}
#ilcs#ilcs .titolo{padding:21px 0 16px}
#ilcs#ilcs .titolo h1{margin-bottom:10px}
#ilcs#ilcs .titolo .kicker{margin-bottom:9px}
#ilcs#ilcs .titolo .occhiello{font-size:17px!important;line-height:1.35!important}
#ilcs#ilcs .subito{padding:8px 0 20px}
#ilcs#ilcs .scheda-illy{margin:29px 0 0}
#ilcs#ilcs .fvp-focus{margin-top:40px!important}
#ilcs#ilcs .comandi{gap:14px;margin-bottom:6px}
#ilcs#ilcs .comandi>div{gap:7px}
#ilcs#ilcs .comandi button{font-size:17px!important;min-height:44px}
#ilcs#ilcs .f-c .duo{grid-template-columns:1fr}
#ilcs#ilcs .serie ol{grid-template-columns:1fr 1fr;gap:36px 22px}
#ilcs#ilcs .comandi-p{gap:12px}
#ilcs#ilcs .comandi-p button{font-size:17px!important}
#ilcs#ilcs .f-d .tris > div{flex:0 0 300px}
#ilcs#ilcs .f-e .scorre{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -22px;padding:0 22px 14px}
#ilcs#ilcs .f-e .scorre::-webkit-scrollbar{display:none}
#ilcs#ilcs .f-e .scorre img{width:760px;max-width:none}
#ilcs#ilcs .f-c .duo img{width:100%;max-width:100%}
}
#ilcs .illy-inquadratura{
  --carta-scena: #f4eee6;
  --inchiostro-scena: #33231f;
  --banda-scena: #e6d9cb;
  --fondo-scena: #d6cbc0;
  position: relative;
  container-type: inline-size;
  color: var(--inchiostro-scena)!important;
  font: 16px/1.45 "Helvetica Neue", Arial, sans-serif!important;
}
#ilcs .illy-inquadratura[data-pagina="home"]{
  --fondo-scena: #731818;
  --carta-scena: #731818;
  --inchiostro-scena: #fff7ef;
}
#ilcs .illy-inquadratura [hidden]{ display: none !important; }
#ilcs .illy-media{
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--fondo-scena);
}
#ilcs .illy-media > img, #ilcs .illy-media > video{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#ilcs .illy-media > img{
  object-fit: cover;
  object-position: var(--taglio, center);
}
#ilcs .illy-testo{
  position: absolute;
  z-index: 1;
  color: #fff!important;
  pointer-events: none;
}
#ilcs .illy-testo h1, #ilcs .illy-testo h3{
  font: 500 clamp(24px, 3.25cqw, 52px)/1.08 "Helvetica Neue", Arial, sans-serif!important;
  margin: 0 0 .35em;
}
#ilcs .illy-testo p{
  margin: 0;
  font: 400 clamp(13px, 1.2cqw, 18px)/1.4 "Helvetica Neue", Arial, sans-serif!important;
}
#ilcs .illy-testo[data-illy-copy="arte"]{
  inset: auto 12% 8%;
  text-align: center!important;
  text-shadow: 0 1px 9px #382019;
}
#ilcs .illy-testo[data-illy-copy="home"]{
  left: 6%;
  top: 50%;
  width: 29%;
  transform: translateY(-50%);
}
#ilcs .illy-testo[data-illy-copy="home"] h1, #ilcs .illy-testo[data-illy-copy="home"] h3{
  font-size: clamp(22px, 2.6cqw, 42px)!important;
  text-transform: uppercase!important;
}
#ilcs .illy-azione{
  display: inline-block;
  margin-top: 1em;
  border: 1px solid currentColor!important;
  padding: .55em .95em;
  font: 500 clamp(13px, 1.15cqw, 16px)/1.2 "Helvetica Neue", Arial, sans-serif!important;
}
#ilcs .illy-inquadratura:has(.illy-testo:not([hidden])) .illy-media::after{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(0deg, rgba(46, 24, 18, .72), transparent 43%);
}
#ilcs .illy-inquadratura[data-pagina="home"]:has(.illy-testo:not([hidden])) .illy-media::after{
  background: linear-gradient(90deg, rgba(63, 8, 8, .87) 0%, rgba(63, 8, 8, .72) 30%, transparent 56%);
}
#ilcs .illy-play, #ilcs .illy-avvio{
  position: absolute;
  z-index: 2;
  cursor: pointer;
  min-height: 44px;
  border-radius: 24px!important;
  padding: 6px 14px;
  font: 500 14px/1.1 "Helvetica Neue", Arial, sans-serif!important;
}
#ilcs .illy-play{
  left: 10px;
  bottom: 10px;
  border: 1px solid #fff9!important;
  color: #fff!important;
  background: rgba(31, 21, 17, .82);
}
#ilcs .illy-inquadratura[data-pagina="home"] .illy-play{ left: auto; right: 10px; }
#ilcs .illy-avvio{
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: max-content;
  max-width: calc(100% - 30px);
  border: 1px solid #29211d!important;
  color: #29211d!important;
  background: #fff7ef;
}
#ilcs .illy-play:focus-visible, #ilcs .illy-avvio:focus-visible{
  outline: 2px solid white;
  outline-offset: 3px;
  box-shadow: 0 0 0 6px #30231e;
}
#ilcs .illy-progresso{
  position: absolute;
  inset: auto 0 0;
  z-index: 2;
  height: 3px;
  background: rgba(35, 24, 20, .32);
}
#ilcs .illy-progresso span{ display: block; width: 0; height: 100%; background: #fff7ef; }
#ilcs .illy-demo{
  margin: 0;
  padding: 22px;
  min-height: 100vh;
  display: grid;
  place-items: center;
  background: #e6d9cb;
  color: #33231f!important;
  font: 16px/1.45 "Helvetica Neue", Arial, sans-serif!important;
}
#ilcs .illy-demo *, #ilcs .illy-demo *::before, #ilcs .illy-demo *::after{ box-sizing: border-box; }
#ilcs .illy-demo main{ width: min(100%, 1440px); }
#ilcs .illy-demo .illy-inquadratura{ box-shadow: 0 22px 54px -32px #30231e; }
#ilcs .illy-demo .illy-selettori{ display: flex; flex-wrap: wrap; gap: 8px; padding: 14px 0 0; }
#ilcs .illy-demo .illy-selettori button{
  min-height: 44px;
  background: #f4eee6;
  color: #33231f!important;
  border: 1px solid #ae9b8c!important;
  border-radius: 22px!important;
  padding: 7px 15px;
  font: 500 14px/1.2 "Helvetica Neue", Arial, sans-serif!important;
  cursor: pointer;
}
#ilcs .illy-demo .illy-selettori button[aria-pressed="true"]{ background: #33231f; border-color: #33231f!important; color: #fff7ef!important; }
#ilcs .illy-demo .illy-selettori button:focus-visible{ outline: 2px solid #33231f; outline-offset: 3px; }
@media (max-width: 820px){
#ilcs .illy-testo[data-illy-copy]{
    position: static;
    width: auto;
    transform: none;
    text-align: left!important;
    text-shadow: none;
    padding: 17px 18px 19px;
    background: var(--carta-scena);
    color: var(--inchiostro-scena)!important;
  }
#ilcs .illy-inquadratura .illy-media::after{ display: none; }
#ilcs .illy-testo h1, #ilcs .illy-testo h3, #ilcs .illy-testo[data-illy-copy="home"] h1, #ilcs .illy-testo[data-illy-copy="home"] h3{
    font-size: clamp(21px, 6.15cqw, 32px)!important;
    text-transform: none!important;
  }
#ilcs .illy-testo p{ font-size: 14px!important; max-width: 36ch; }
#ilcs .illy-azione{ font-size: 13px!important; }
#ilcs .illy-demo{ padding: 20px 14px; align-items: start; }
}
#ilcs .fvp-focus{margin:0 0 32px!important;padding:0!important;background:transparent}
#ilcs .fvp-focus .wrap{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding-top:24px!important;padding-bottom:24px!important;border-top:1px solid rgba(0,0,0,.25)!important;border-bottom:1px solid rgba(0,0,0,.25)!important}
#ilcs .fvp-focus h2{font-family:"Instrument Serif",Georgia,serif!important;font-size:26px!important;font-weight:400!important;line-height:1.15!important;margin:0 0 12px!important;letter-spacing:normal!important;text-transform:none!important}
#ilcs .fvp-focus p{font-family:"Newsreader",Georgia,serif!important;font-size:18px!important;line-height:1.5!important;margin:0!important;color:#17130f!important}
@media(max-width:767px){
#ilcs .fvp-focus .wrap{grid-template-columns:1fr;gap:22px;padding-top:22px!important;padding-bottom:22px!important}
#ilcs .fvp-focus h2{font-size:25px!important}
#ilcs .fvp-focus p{font-size:18px!important}}

body:not(.sqs-edit-mode-active) .page-section:has(#ilcs) > .content-wrapper,
body:not(.sqs-edit-mode-active) .page-section:has(#ilcs) .content { max-width: none !important; padding: 0 !important; }
body:not(.sqs-edit-mode-active) .fluid-engine:has(#ilcs) { display: block !important; margin: 0 !important; }
body:not(.sqs-edit-mode-active) .fe-block:has(#ilcs) { display: block; }
body:not(.sqs-edit-mode-active) .sqs-block:has(#ilcs) { padding: 0 !important; }
#ilcs { overflow-wrap: break-word; }
#ilcs h1, #ilcs h2, #ilcs h3 { color: inherit; }
#ilcs [id] { scroll-margin-top: 96px; }
#ilcs li::before { content: none; }
#ilcs video { max-width: 100%; }