@font-face{font-family:"Inter Tight";src:url("../fonts/InterTight-var.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Tango Sans";src:url("../fonts/TangoSans.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Tango Sans";src:url("../fonts/TangoSansBold.woff2") format("woff2");font-weight:700;font-display:swap}

/* ARANCERI SCACCHI · sito 2027 · struttura sullo spunto di editionsladoux.com
   Arancio, nero, bianco (rosso solo per il berretto frigio nel gioco). Tutto a quadrati, righe sottili nere.
   Caratteri: Tango Sans per il nome e i titoli forti, Inter Tight per tutto il resto. */
:root{
  --o:#FE5000;--k:#000;--w:#fff;--line:1px solid #000;
  --bar:40px;--pad:clamp(16px,1.6vw,26px);
  --t-hero:clamp(56px,11.2vw,210px);
  --t-h2:clamp(26px,2.5vw,40px);
  --t-big:clamp(30px,3.3vw,54px);
  --t-intro:clamp(22px,2.3vw,38px);
  --t-body:clamp(16px,1.25vw,20px);
  --t-small:14px;--t-label:12px;
  --ease:cubic-bezier(.2,.8,.2,1);--snap:cubic-bezier(.7,0,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--bar) + 10px)}
body{margin:0;background:var(--w);color:var(--k);font:400 var(--t-body)/1.4 "Inter Tight",system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
button{font:inherit;color:inherit;cursor:pointer}
::selection{background:var(--o);color:var(--k)}
.skip{position:absolute;left:-999px;top:8px;background:var(--o);padding:10px 14px;z-index:100;font-weight:700}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--o);outline-offset:2px}
.btn{--bg:var(--k);--fg:var(--w);position:relative;display:inline-flex;align-items:center;gap:.6em;font:700 15px/1 "Tango Sans",sans-serif;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;color:var(--fg);background:var(--bg);padding:16px 22px 15px;border:3px solid var(--k);transition:background .2s,color .2s}
.btn::after{content:"";width:.9em;height:.9em;background:currentColor;clip-path:polygon(0 40%,60% 40%,60% 10%,100% 50%,60% 90%,60% 60%,0 60%)}
.btn:hover{--bg:var(--w);--fg:var(--k)}
.btn:active{transform:translateY(2px)}
.btn--orange{--bg:var(--o);--fg:var(--k)}
.btn--big{font-size:clamp(17px,1.4vw,20px);padding:24px 34px 22px;--bg:var(--o);--fg:var(--k);box-shadow:8px 8px 0 var(--k)}
.btn--big{transition:transform .18s var(--ease),box-shadow .18s var(--ease)}
.btn--big:hover{--bg:var(--o);--fg:var(--k);transform:translate(-3px,-3px);box-shadow:11px 11px 0 var(--k)}
.btn{font-size:clamp(13px,.8vw,16px)}
.btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}

/* barra in alto, sottile, arancio */
.nav{position:sticky;top:0;z-index:50;height:var(--bar);display:flex;align-items:center;gap:22px;padding:0 var(--pad);background:var(--o);border-bottom:var(--line)}
.nav__logo{display:flex;align-items:center;gap:8px;text-decoration:none;opacity:0;transform:translateY(-6px);transition:opacity .35s,transform .35s var(--ease);pointer-events:none}
.nav__logo img{height:22px;width:auto}
.nav__logo span{font:700 14px/1 "Tango Sans",sans-serif;white-space:nowrap}
.scrollato .nav__logo{opacity:1;transform:none;pointer-events:auto}
.nav__links{display:flex;gap:clamp(12px,1.5vw,24px);margin-left:auto}
.nav__links a{font-size:14px;text-decoration:none;position:relative}
.nav__links a::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease)}
.nav__links a:hover::after,.nav__links a[aria-current]::after{transform:scaleX(1);transform-origin:left}
.nav__cta{font:700 12px/1 "Tango Sans",sans-serif;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;background:var(--k);color:var(--w);padding:9px 14px}
.nav__cta:hover{background:var(--w);color:var(--k)}
.nav__burger{display:none;background:none;border:0;width:40px;height:36px;padding:10px 8px}
.nav__burger span{display:block;height:2px;background:var(--k);transition:transform .3s var(--ease)}
.nav__burger span+span{margin-top:8px}
.nav__burger[aria-expanded="true"] span:first-child{transform:translateY(5px) rotate(45deg)}
.nav__burger[aria-expanded="true"] span:last-child{transform:translateY(-5px) rotate(-45deg)}

/* 1 · prima schermata */
.hero{display:grid;grid-template-columns:1fr 1fr;height:calc(100svh - var(--bar));min-height:560px;border-bottom:var(--line)}
.hero__left{display:grid;grid-template-rows:auto 1fr;border-right:var(--line);min-width:0}
.hero__mark{background:var(--o);border-bottom:var(--line);padding:var(--pad);display:flex;align-items:flex-end;gap:clamp(12px,1.4vw,24px);font-weight:400}
.hero__torre{width:clamp(48px,6vw,110px);flex:none;margin-bottom:.4em}
.hero__name{display:flex;flex-direction:column;font:700 clamp(46px,7.1vw,128px)/.84 "Tango Sans",sans-serif;letter-spacing:-.02em;white-space:nowrap}
.hero__name>span{display:block;overflow:hidden;padding-bottom:.04em}
.js .hero__name>span{animation:sale 1s var(--snap) both}
.js .hero__name>span+span{animation-delay:.12s}
@keyframes sale{from{transform:translateY(100%)}to{transform:none}}
.hero__info{display:flex;flex-direction:column;justify-content:space-between;gap:20px;padding:var(--pad)}
.hero__since{font-size:var(--t-body);line-height:1.35}
.hero__valori{width:min(100%,420px)}
.hero__premi{display:flex;gap:10px}
.hero__premi img{width:clamp(44px,4vw,70px)}

/* il carosello */
.slider{position:relative;overflow:hidden;background:var(--o);min-width:0;container-type:size}
.slide{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,5cqw,72px);visibility:hidden;opacity:0;transition:opacity .7s var(--ease),visibility 0s .7s}
.slide.is-on{visibility:visible;opacity:1;transition:opacity .7s var(--ease)}
.slide--o{background:var(--o)}
.slide--w{background:var(--w)}
.slide--k{background:var(--k);color:var(--w)}
.slide__k{font:700 var(--t-label)/1 "Tango Sans",sans-serif;text-transform:uppercase;letter-spacing:.08em;margin-bottom:clamp(14px,3cqh,30px)}
.slide__big{font:700 min(15cqw,22cqh)/.86 "Tango Sans",sans-serif;text-transform:uppercase;letter-spacing:-.02em;position:relative;z-index:2}
.slide__p{margin-top:20px;max-width:30ch}
.slide__torre{position:absolute;right:clamp(24px,5cqw,72px);top:clamp(24px,6cqh,64px);height:34cqh;width:auto}
.slide__btn{align-self:flex-start;margin-top:clamp(18px,4cqh,40px);font:700 14px/1 "Tango Sans",sans-serif;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;background:var(--k);color:var(--w);border:0;padding:15px 20px;position:relative;z-index:2}
.slide__btn::after{content:" ›"}
.slide__btn--o{background:var(--o);color:var(--k)}
.slide__btn:hover{background:var(--w);color:var(--k)}
.slide__quote{border-top:var(--line)}
.slide__quote li{display:flex;justify-content:space-between;align-items:baseline;border-bottom:var(--line);padding:clamp(6px,1.4cqh,14px) 0}
.slide__quote b{font:700 min(7cqw,8cqh)/1 "Tango Sans",sans-serif;color:var(--o);-webkit-text-stroke:1.5px var(--k);paint-order:stroke fill}
.slide__quote span{font-weight:600}
.slide--gioco{padding:0;background:var(--k)}
.slide__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slide__over{position:absolute;left:0;bottom:0;padding:clamp(20px,4cqw,48px);background:var(--o);border-top:var(--line);border-right:var(--line);max-width:80%}
.slide__over .slide__big{font-size:min(9cqw,12cqh)}
.slide__over .slide__btn--o{background:var(--k);color:var(--w)}
.slide--foto{padding:0;background:var(--o)}
.slide__ink{position:absolute;inset:0;background:var(--k);-webkit-mask:url("../img/foto-piazza.png") 50% 25%/cover no-repeat;mask:url("../img/foto-piazza.png") 50% 25%/cover no-repeat}
.slide__tag{position:absolute;left:clamp(20px,4cqw,48px);bottom:clamp(20px,4cqw,48px);font:700 12px/1.5 "Tango Sans",sans-serif;text-transform:uppercase;letter-spacing:.08em;background:var(--w);padding:12px 14px;border:var(--line)}
.slide__tag b{display:block;font:600 26px/1 "Inter Tight",sans-serif;letter-spacing:-.02em;text-transform:none}
.js .slide.is-on .slide__big,.js .slide.is-on .slide__quote li,.js .slide.is-on .slide__over{animation:entra .8s var(--ease) both}
.js .slide.is-on .slide__quote li:nth-child(2){animation-delay:.06s}.js .slide.is-on .slide__quote li:nth-child(3){animation-delay:.12s}.js .slide.is-on .slide__quote li:nth-child(4){animation-delay:.18s}.js .slide.is-on .slide__quote li:nth-child(5){animation-delay:.24s}
.js .slide.is-on .slide__torre{animation:cade .9s cubic-bezier(.3,1.35,.5,1) .1s both}
.js .slide--foto.is-on .slide__ink,.js .slide--gioco.is-on .slide__img{animation:zoom 6s linear both}
@keyframes entra{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes cade{from{opacity:0;transform:translateY(-30%) rotate(-8deg)}to{opacity:1;transform:none}}
@keyframes zoom{from{transform:scale(1.06)}to{transform:none}}
.slider__arr{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border:var(--line);background:var(--w);font:400 28px/1 "Inter Tight",sans-serif;display:grid;place-items:center;padding-bottom:4px}
.slider__arr:hover{background:var(--k);color:var(--w)}
.slider__arr--l{left:14px}.slider__arr--r{right:14px}
.slider__dots{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:center;gap:8px;z-index:5}
.slider__dots button{width:26px;height:8px;border:1px solid var(--k);background:var(--w);padding:0;position:relative;overflow:hidden}
.slider__dots button.is-on::after{content:"";position:absolute;inset:0;background:var(--k);transform-origin:left;animation:barra var(--dur,5s) linear both}
.slider.fermo .slider__dots button.is-on::after{animation:none}
@keyframes barra{from{transform:scaleX(0)}to{transform:none}}

/* 2 · introduzione: le parole si accendono */
.intro{padding:clamp(28px,4vw,64px) var(--pad);border-bottom:var(--line)}
.intro__p{font-weight:500;font-size:var(--t-intro);line-height:1.18;letter-spacing:-.015em;max-width:44ch}
.intro__p+.intro__p{margin-top:.6em}
.intro__p .w{color:rgba(0,0,0,.2);transition:color .4s}
.intro__p .w.on{color:var(--k)}

/* sezioni: testata con riga */
.sez{border-bottom:var(--line)}
.sez__head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:clamp(18px,2vw,30px) var(--pad);border-bottom:var(--line)}
.sez__head h2{font-weight:600;font-size:var(--t-h2);letter-spacing:-.02em;line-height:1.05}
.sez__more{font-size:13px;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;font-weight:600;white-space:nowrap}
.sez__more::after{content:"  ›"}
.sez__more:hover{color:var(--o)}

/* 3 · iscrizioni */
.quote{display:grid;grid-template-columns:repeat(5,1fr)}
.quote li{display:flex;flex-direction:column;gap:10px;padding:var(--pad);border-right:var(--line);min-height:clamp(220px,20vw,320px);transition:background .3s}
.quote li:last-child{border-right:0}
.quote li:hover{background:var(--o)}
.quote b{font:700 var(--t-big)/1 "Tango Sans",sans-serif;margin-top:auto;letter-spacing:-.01em}
.quote__n{font-weight:600}
.quote__d{font-size:var(--t-small)}
.tag{align-self:flex-start;font:600 12px/1 "Inter Tight",sans-serif;padding:6px 9px;border:var(--line)}
.tag--o{background:var(--o)}.tag--k{background:var(--k);color:var(--w)}.tag--w{background:var(--w)}
.count{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:14px 40px;background:var(--o);border-top:var(--line);padding:var(--pad);margin:0}
.count__label{grid-column:1/-1;font:700 var(--t-label)/1 "Tango Sans",sans-serif;text-transform:uppercase;letter-spacing:.08em}
.count .count__nums b{font-size:clamp(40px,4.6vw,84px)}
.count__date{grid-column:3;text-align:right;font-weight:600;font-size:var(--t-body);line-height:1.3}

/* 4 · i valori con le icone ufficiali */
.valori{display:grid;grid-template-columns:repeat(5,1fr)}
.val{border-right:var(--line);padding:clamp(18px,2.6vw,44px);display:grid;place-items:center;transition:background .3s}
.val:last-child{border-right:0}
.val:hover{background:var(--o)}
.val__ico{display:block;width:min(100%,190px);aspect-ratio:53.8/69;background:url("../svg/simboli-nero.svg") 0 0/500% 100% no-repeat}
.val--1 .val__ico{background-position:25% 0}.val--2 .val__ico{background-position:50% 0}.val--3 .val__ico{background-position:75% 0}.val--4 .val__ico{background-position:100% 0}

/* 5 · scopri */
.scopri{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);min-height:clamp(380px,38vw,620px)}
.scopri__list{border-right:var(--line);display:flex;flex-direction:column}
.scopri__list li{border-bottom:var(--line)}
.scopri__list a{display:flex;justify-content:space-between;align-items:center;padding:clamp(14px,1.5vw,22px) var(--pad);font-size:var(--t-body);font-weight:500;text-decoration:none;transition:background .25s,color .25s}
.scopri__list a::after{content:"›";font-size:1.3em;line-height:1}
.scopri__list li.is-on a{background:var(--k);color:var(--w)}
.scopri__img{position:relative;overflow:hidden;background:var(--o)}
.si{position:absolute;inset:0;opacity:0;transition:opacity .5s var(--ease);display:flex;align-items:center;justify-content:center;gap:4%;padding:6%}
.si.is-on{opacity:1}
.si--gioco{padding:0}.si--gioco img{width:100%;height:100%;object-fit:cover}
.si--storia{padding:0}
.si--bacheca img,.si--gruppi img{width:22%}
.si--bacheca,.si--gruppi,.si--carnevale{background:var(--w)}
.si--carnevale img{width:min(40%,280px)}

/* 6 · il gioco in evidenza (e il Carnevale) */
.evid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.evid__txt{padding:clamp(24px,3vw,52px) var(--pad);border-right:var(--line);display:flex;flex-direction:column;gap:14px}
.evid__t{font:700 var(--t-big)/.95 "Tango Sans",sans-serif;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:6px}
.righe{border-top:var(--line);margin-top:8px}
.righe li{border-bottom:var(--line);padding:10px 0;font-size:var(--t-small)}
.bottone{align-self:flex-start;margin-top:10px;font:700 18px/1 "Tango Sans",sans-serif;text-transform:uppercase;letter-spacing:.03em;background:var(--o);border:var(--line);padding:18px 26px}
.bottone:hover{background:var(--k);color:var(--w)}
.evid__img{position:relative;border:0;padding:0;background:var(--k);overflow:hidden;min-height:clamp(320px,34vw,560px)}
.evid__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.evid__img:hover img{transform:scale(1.04)}
.play{position:absolute;left:50%;top:50%;width:clamp(76px,7vw,110px);aspect-ratio:1;transform:translate(-50%,-50%);background:var(--o);border:var(--line);display:grid;place-items:center;transition:transform .3s var(--ease)}
.play::before{content:"";border-style:solid;border-width:clamp(14px,1.3vw,20px) 0 clamp(14px,1.3vw,20px) clamp(22px,2vw,32px);border-color:transparent transparent transparent var(--k);margin-left:.25em}
.evid__img:hover .play{transform:translate(-50%,-50%) scale(1.08)}
.evid--k .evid__txt{background:var(--k);color:var(--w)}
.evid__loghi{display:grid;grid-template-columns:1fr 1fr}
.evid__loghi figure{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:var(--pad);text-align:center;font-size:var(--t-small);font-weight:600}
.evid__loghi figure+figure{border-left:var(--line)}
.evid__loghi img{width:min(60%,180px)}
.squadre{border-top:var(--line);padding:var(--pad);background:var(--o)}
.squadre__k{font:700 var(--t-label)/1 "Tango Sans",sans-serif;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}
.squadre__n{font:700 clamp(20px,2.2vw,36px)/1.2 "Tango Sans",sans-serif;text-transform:uppercase}
.squadre__n b{color:var(--w);-webkit-text-stroke:1.5px var(--k);paint-order:stroke fill}

/* 7 · la storia */
.storia{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--pad);padding:clamp(28px,4vw,64px) var(--pad)}
.storia__t{font:700 var(--t-big)/.95 "Tango Sans",sans-serif;text-transform:uppercase}
.storia__txt p+p{margin-top:.8em}
.storia__foto{position:relative;height:clamp(320px,52vw,780px);background:var(--o);border-top:var(--line);overflow:hidden}

/* 8 · la bacheca */
.anni{display:grid;grid-template-columns:1fr 1fr;border-bottom:var(--line)}
.anni>div{padding:var(--pad)}
.anni>div+div{border-left:var(--line)}
.anni h3{font-size:var(--t-small);font-weight:600;margin-bottom:10px}
.anni p{font:700 clamp(22px,2.3vw,38px)/1.15 "Tango Sans",sans-serif}
.premi{display:grid;grid-template-columns:repeat(4,1fr)}
.premi li{padding:var(--pad);display:flex;flex-direction:column;gap:12px;transition:background .3s}
.premi li+li{border-left:var(--line)}
.premi li:hover{background:var(--o)}
.premi img{width:clamp(64px,6vw,100px)}
.premi h3{font:700 clamp(18px,1.6vw,24px)/1 "Tango Sans",sans-serif}
.premi p{font-size:var(--t-small)}

/* 9 · i gruppi */
.gruppi{display:grid;grid-template-columns:repeat(6,1fr)}
.gruppi li{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:12px;padding:var(--pad);border-right:var(--line);border-bottom:var(--line);text-align:center;transition:background .3s}
.gruppi li:nth-child(6n){border-right:0}
.gruppi li:hover{background:var(--o)}
.gruppi img{width:100%;max-width:150px;aspect-ratio:1;object-fit:contain}
.gruppi span{font:700 11px/1.25 "Tango Sans",sans-serif;text-transform:uppercase;letter-spacing:.04em}
.gruppi li:nth-last-child(-n+5){border-bottom:0}

/* 11 · calendario */
.cal{padding:var(--pad)}
.cal__next{border-left:6px solid var(--o);padding-left:16px;margin-bottom:22px}
.cal__note{margin-top:20px;font-size:var(--t-small)}

/* 12 · domande */
.faq details{border-bottom:var(--line)}
.faq details:last-child{border-bottom:0}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:clamp(14px,1.5vw,22px) var(--pad);font-weight:500;font-size:var(--t-body)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.4em;line-height:1;transition:transform .3s var(--ease)}
.faq details[open] summary{background:var(--k);color:var(--w)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:16px var(--pad) 22px;max-width:62ch}

/* piè di pagina */
.foot__grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,3fr) minmax(0,2fr) minmax(0,2fr) auto;border-bottom:var(--line)}
.foot__grid>*{padding:var(--pad);border-right:var(--line)}
.foot__grid>*:last-child{border-right:0}
.foot__social{background:var(--o);display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.foot__big{font:700 clamp(22px,2vw,32px)/1.15 "Tango Sans",sans-serif}
.foot__big a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.foot__icons{display:flex;gap:10px}
.foot__icons a{display:grid;place-items:center;width:44px;height:44px;border:var(--line);background:var(--w)}
.foot__icons a:hover{background:var(--k);color:var(--w)}
.foot__icons svg,.canale svg{width:22px;height:22px}
.foot__canali{display:flex;flex-direction:column;gap:10px}
.foot__k{font-weight:600;margin-bottom:4px}
.canale{display:flex;align-items:center;gap:12px;border:var(--line);padding:12px 14px;text-decoration:none;font-weight:600}
.canale:hover{background:var(--k);color:var(--w)}
.foot__col{display:flex;flex-direction:column;gap:6px;font-size:var(--t-small)}
.foot__col a{text-decoration:none}
.foot__col a:hover{text-decoration:underline}
.foot__up{display:grid;place-items:center;align-self:center;margin:var(--pad);width:72px;height:72px;background:var(--k);color:var(--w);text-decoration:none;font-size:26px;border-right:0!important;padding:0!important}
.foot__up:hover{background:var(--o);color:var(--k)}
.foot__mark{background:var(--o);overflow:hidden;border-bottom:var(--line);padding:clamp(10px,2vw,30px) var(--pad) 0}
.foot__mark span{display:block;font:700 clamp(80px,20.5vw,420px)/.8 "Tango Sans",sans-serif;letter-spacing:-.01em;white-space:nowrap;transform:translateY(.06em)}
.foot__copy{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px var(--pad) calc(12px + env(safe-area-inset-bottom));font-size:13px}

/* comparsa allo scroll */
.js .rivela{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .9s var(--ease)}
.js .rivela.in{opacity:1;transform:none}
/* ===== sezioni aggiunte · calendario, conto alla rovescia, domande (dal sito di prima) ===== */
:root{--t-h3:clamp(17px,1.3vw,21px);--t-lead:clamp(18px,1.45vw,23px)}
.count__label{grid-column:1/-1;font:700 var(--t-label)/1 "Tango Sans",sans-serif;text-transform:uppercase;letter-spacing:.08em}
.count__nums{display:flex;gap:clamp(14px,2vw,28px)}
.count__nums span{display:flex;flex-direction:column}
.count__nums b{font:700 var(--t-big)/.85 "Tango Sans",sans-serif;letter-spacing:0;white-space:nowrap}
.count__nums .dg{display:inline-block;width:.74em;text-align:center}
.count__nums i{font-style:normal;font-size:var(--t-label);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-top:6px}
.count__live{display:none;font:700 var(--t-big)/1 "Tango Sans",sans-serif;text-transform:uppercase}
.count[data-state="live"] .count__nums{display:none}
.count[data-state="live"] .count__live{display:block}
.count[data-state="ended"] .count__nums,.count[data-state="ended"] .count__label{display:none}
.count__date{font-weight:600;font-size:var(--t-lead);letter-spacing:-.015em;line-height:1.1;align-self:end;padding-bottom:6px}
.cal__head{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end}
.cal__head .display{max-width:14ch}
.cal__next{min-width:min(320px,100%);border-left:8px solid var(--o);padding-left:20px}
.cal__next-label{font:700 12px/1 "Tango Sans",sans-serif;text-transform:uppercase;letter-spacing:.08em}
.cal__next-day{font:700 var(--t-h3)/1.05 "Tango Sans",sans-serif;margin:10px 0 6px}
.cal__next-what{font-size:var(--t-small)}
.cal__legend{display:flex;flex-wrap:wrap;gap:10px 26px;margin:clamp(36px,4vw,56px) 0 22px;font-size:var(--t-small);font-weight:500}
.cal__legend li{display:flex;align-items:center;gap:10px}
.k{width:22px;height:22px;display:inline-block;position:relative;border:2px solid var(--k)}
.k--x{background:linear-gradient(45deg,transparent 45%,var(--k) 45% 55%,transparent 55%),linear-gradient(-45deg,transparent 45%,var(--k) 45% 55%,transparent 55%)}
.k--o{border-radius:50%;background:var(--o)}
.k--b{border-radius:50%;background:var(--k)}
.k--c{background:var(--o)}
.cal__tabs{display:none}
.month__list{display:none}
.ml{display:grid;grid-template-columns:4.6em 1fr;gap:12px;align-items:baseline;padding:10px 0;border-top:1px solid rgba(0,0,0,.14);font-size:var(--t-small);line-height:1.35}
.ml b{font:700 var(--t-label)/1.3 "Tango Sans",sans-serif;text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:8px;white-space:nowrap}
.ml b::before{content:"";flex:none;width:12px;height:12px;border:2px solid var(--k)}
.ml--o b::before{border-radius:50%;background:var(--o)}
.ml--b b::before{border-radius:50%;background:var(--k)}
.ml--c b::before{background:var(--o)}
.ml--x b::before{background:linear-gradient(45deg,transparent 42%,var(--k) 42% 58%,transparent 58%),linear-gradient(-45deg,transparent 42%,var(--k) 42% 58%,transparent 58%)}
.ml.is-past{opacity:.4}
.cal__months{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,44px)}
.month{position:relative}
.month h3{font-weight:700;font-size:var(--t-h3);letter-spacing:-.025em;text-align:right;margin-bottom:12px}
.month h3 small{font:700 12px/1 "Tango Sans",sans-serif;text-transform:uppercase;letter-spacing:.08em;float:left;margin-top:14px}
.grid7{border-top:3px solid var(--k)}
.dow{display:grid;grid-template-columns:repeat(7,1fr)}
.dow span{font:700 var(--t-label)/1 "Tango Sans",sans-serif;text-align:center;padding:10px 0 9px}
.dow span.hot{color:var(--o)}
.days{display:grid;grid-template-columns:repeat(7,1fr);gap:0}
.days > *{aspect-ratio:1/.92;border-top:1px solid rgba(0,0,0,.14);position:relative;padding:5px 6px;font:700 13px/1 "Tango Sans",sans-serif}
.day.is-past{opacity:.35}
.day svg{position:absolute;left:34%;top:40%;width:52%;height:52%;overflow:visible}
.day svg line{stroke:var(--k);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:60;stroke-dashoffset:60;transition:stroke-dashoffset .5s var(--ease);transition-delay:var(--d,0s)}
.day svg line+line{transition-delay:calc(var(--d,0s) + .18s)}
.month.in .day svg line{stroke-dashoffset:0}
.day.ev{cursor:help}
.day.ev .pin{position:absolute;right:12%;bottom:12%;width:38%;aspect-ratio:1;border-radius:50%;border:2px solid var(--k);transform:scale(0);transition:transform .5s cubic-bezier(.3,1.6,.4,1) .5s}
.month.in .day .pin{transform:none}
.pin--o{background:var(--o)}
.pin--b{background:var(--k)}
.day.carn{background:var(--o)}
.day.carn span.tag{position:absolute;left:5px;right:3px;bottom:5px;font-size:clamp(9px,.7vw,10px);overflow:hidden;line-height:1.05;text-transform:uppercase;letter-spacing:.02em}
.day.is-next{outline:4px solid var(--o);outline-offset:-4px;z-index:1}
.day.is-today{background:var(--k);color:var(--w)}
.day.is-today::after{content:"oggi";position:absolute;left:6px;bottom:5px;font-size:10px;text-transform:uppercase;color:var(--o)}
.tip{position:absolute;z-index:6;background:var(--k);color:var(--w);font:600 13px/1.3 "Inter Tight",sans-serif;padding:8px 10px;max-width:220px;pointer-events:none;transform:translate(-50%,calc(-100% - 10px));white-space:normal}
.cal__note{font-size:var(--t-small);align-self:end;display:flex;gap:20px;align-items:flex-end}
.cal__note img{width:clamp(90px,8vw,130px);flex:none;transform:rotate(-8deg)}
.cal__note p{max-width:30ch}
.day.ev .pin{right:auto;left:8%;bottom:8%;width:26%}
.day.is-next{outline:0;background:var(--k);color:var(--w)}
@media (max-width:1280px){.cal__months{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){
  .cal__tabs{display:flex;margin:0 0 26px;border-bottom:3px solid var(--k)}
  .cal__tabs button{flex:1 1 0;min-width:0;min-height:48px;font:700 13px/1 "Tango Sans",sans-serif;text-transform:uppercase;letter-spacing:.04em;padding:0 2px;border:0;background:none;color:var(--k);opacity:.4;cursor:pointer;position:relative;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
  .cal__tabs button::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:6px;background:var(--o);transform:scaleY(0);transform-origin:bottom;transition:transform .25s var(--ease)}
  .cal__tabs button.is-pair{opacity:1}
  .cal__tabs button[aria-selected="true"]{opacity:1}
  .cal__tabs button[aria-selected="true"]::after{transform:none}
  .cal__months{grid-template-columns:1fr;gap:28px}
  .cal__months .month{display:none}
  .cal__months .month.is-shown{display:block}
  .month__list{display:block;margin-top:18px}
  .cal__note{margin-top:30px;grid-column:1/-1}
}
.faq details{border-bottom:3px solid var(--k)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;font-weight:600;font-size:var(--t-h3);letter-spacing:-.02em;line-height:1.15}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:30px;height:30px;background:linear-gradient(var(--k),var(--k)) center/100% 4px no-repeat,linear-gradient(var(--k),var(--k)) center/4px 100% no-repeat;transition:transform .35s var(--ease)}
.faq details[open] summary::after{transform:rotate(135deg)}
.faq summary:hover{color:var(--o)}
.faq details p{padding:0 0 28px;max-width:62ch}


.cal__head{display:none}
/* tablet e telefono */
@media (max-width:1100px){
  .nav__links{display:none;position:absolute;left:0;right:0;top:var(--bar);flex-direction:column;gap:0;background:var(--o);border-bottom:var(--line)}
  .nav__links.open{display:flex}
  .nav__links a{padding:14px var(--pad);border-top:var(--line);font-size:18px}
  .nav__logo{opacity:1;transform:none;pointer-events:auto}
  .nav__cta{margin-left:auto}
  .nav__burger{display:block}
  .gruppi{grid-template-columns:repeat(4,1fr)}
  .gruppi li:nth-child(6n){border-right:var(--line)}
  .gruppi li:nth-child(4n){border-right:0}
  .gruppi li{border-bottom:var(--line)!important}
}
@media (max-width:900px){
  .hero{grid-template-columns:1fr;height:auto;min-height:0}
  .hero__left{border-right:0;display:contents}
  .hero__mark{order:1}
  .slider{order:2;aspect-ratio:4/5;border-bottom:var(--line)}
  .hero__info{order:3}
  .hero__name{font-size:clamp(40px,14.2vw,128px)}
  .quote{grid-template-columns:1fr 1fr}
  .quote li{border-bottom:var(--line)}
  .quote li:nth-child(2n){border-right:0}
  .quote li:last-child{grid-column:1/-1;border-bottom:0}
  .count{grid-template-columns:1fr}
  .count__date{grid-column:auto;text-align:left}
  .valori{grid-template-columns:repeat(5,1fr)}
  .val{padding:10px 6px}
  .scopri{grid-template-columns:1fr;min-height:0}
  .scopri__list{border-right:0}
  .scopri__list li:last-child{border-bottom:0}
  .scopri__img{display:none}
  .evid,.storia,.anni{grid-template-columns:1fr}
  .evid__txt{border-right:0;border-bottom:var(--line)}
  .evid__img{min-height:0;aspect-ratio:16/10}
  .anni>div+div{border-left:0;border-top:var(--line)}
  .premi{grid-template-columns:1fr 1fr}
  .premi li+li{border-left:0}
  .premi li:nth-child(2n){border-left:var(--line)}
  .premi li:nth-child(n+3){border-top:var(--line)}
  .gruppi{grid-template-columns:repeat(3,1fr)}
  .gruppi li:nth-child(4n){border-right:var(--line)}
  .gruppi li:nth-child(3n){border-right:0}
  .foot__grid{grid-template-columns:1fr 1fr}
  .foot__social{grid-column:1/-1;border-right:0!important;border-bottom:var(--line)}
  .foot__canali{grid-column:1/-1;border-right:0!important;border-bottom:var(--line)}
  .foot__up{grid-column:1/-1;justify-self:end}
  .foot__mark span{font-size:21vw}
}
@media (prefers-reduced-motion:reduce){.js .rivela{opacity:1;transform:none}.slider__dots button.is-on::after{animation:none}}
/* il palco del gioco si vede solo a schermo intero */
.gioco__stage:not(.is-full){display:none!important}
.slide__torre{height:min(34cqh,30cqw)}
@container (max-aspect-ratio: 1/1){
  .slide__torre{height:min(22cqh,26cqw);top:clamp(20px,5cqh,40px)}
  .slide--o,.slide--k{justify-content:flex-end;padding-bottom:16cqh}
}
@media (max-width:900px){
  .slider__arr{top:auto;bottom:10px;transform:none;width:38px;height:38px}
  .slider__dots{bottom:24px;left:64px;right:64px;pointer-events:none}.slider__dots button{pointer-events:auto}
  .foot__mark span{font-size:16.5vw}
}
@media (max-width:900px){
  .slide__over{bottom:64px;max-width:86%;border-bottom:var(--line)}
  .slide__tag{bottom:64px}
  .slider__arr{border-color:var(--k)}
  .slide--k ~ .slider__arr{border-color:var(--w)}
}
/* hero: colonna sinistra piena, frecce in basso */
.hero__info{padding:0;gap:0;justify-content:stretch}
.hero__since{padding:var(--pad);border-bottom:var(--line);font-size:clamp(17px,1.5vw,26px)}
.hero__valori{width:100%;max-width:none;padding:var(--pad);flex:1;object-fit:contain;object-position:left center;min-height:0}
.hero__premi{padding:var(--pad);border-top:var(--line);gap:clamp(10px,1.2vw,20px)}
.hero__premi img{width:clamp(48px,5vw,92px)}
.slider__arr{top:auto;bottom:12px;transform:none}
.slider__dots{bottom:28px;left:72px;right:72px;pointer-events:none}.slider__dots button{pointer-events:auto}
@media (max-width:900px){.hero__valori{flex:none;padding:16px var(--pad)}}
.hero__name{font-size:clamp(46px,7.1vw,200px)}
.hero__torre{width:clamp(48px,6vw,170px)}
@media (max-width:900px){
  .hero__name{font-size:clamp(40px,13.4vw,128px)}
  .hero__torre{width:clamp(40px,11vw,96px);margin-bottom:.2em}
  .slider{aspect-ratio:auto;height:min(78svh,calc(100vw * 1.15))}
}
@media (min-width:600px) and (max-width:900px){.slider{height:min(70svh,760px)}}

/* ===== 26/10 sera: correzioni di Michele ===== */
/* logo piccolo sempre in alto a sinistra, scritta un po' più grossa */
.nav__logo{opacity:1;transform:none;pointer-events:auto;gap:10px}
.nav__logo img{height:26px}
.nav__logo span{font-size:clamp(15px,1.25vw,20px);letter-spacing:.01em}
/* prima schermata: niente nome gigante, nome un po' più grosso del menu */
.hero__left{grid-template-rows:1fr auto;background:var(--w)}
.hero__top{display:flex;flex-direction:column;justify-content:flex-end;gap:clamp(16px,2.4vh,28px);padding:var(--pad);border-bottom:var(--line)}
.hero__mark{background:none;border:0;padding:0;display:flex;align-items:center;gap:12px;font:700 clamp(22px,2.3vw,42px)/1 "Tango Sans",sans-serif;letter-spacing:-.01em}
.hero__mark .hero__torre{width:auto;height:1.25em;margin:0}
.hero__lead{font:500 clamp(28px,3.1vw,60px)/1.06 "Inter Tight",sans-serif;letter-spacing:-.03em;max-width:17ch}
.hero__go{align-self:flex-start;font:700 13px/1 "Tango Sans",sans-serif;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;border-bottom:2px solid var(--o);padding-bottom:4px}
.hero__go::after{content:" ↓"}
.hero__info{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;padding:clamp(14px,1.6vw,24px) var(--pad);background:var(--o)}
.hero__valori{width:clamp(200px,17vw,300px);flex:none;padding:0;object-fit:contain}
.hero__premi{padding:0;border:0;gap:8px}
.hero__premi img{width:clamp(34px,2.6vw,48px)}
/* i cinque simboli interi, mai tagliati */
.valori2{display:flex;justify-content:center;padding:clamp(28px,4vw,64px) var(--pad);background:var(--o)}
.valori2 img{width:min(100%,560px);height:auto}
/* le pubblicità girano più svelte */
.slide{transition:opacity .45s var(--ease),transform .45s var(--ease),visibility 0s .45s;transform:translateX(24px)}
.slide.is-on{transition:opacity .45s var(--ease),transform .45s var(--ease);transform:none}
/* conto alla rovescia a blocchi */
.count__nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:var(--line);background:var(--w);max-width:640px}
.count__nums>span{align-items:center;justify-content:center;padding:clamp(12px,1.4vw,22px) 6px;border-right:var(--line)}
.count__nums>span:last-child{border-right:0}
.count .count__nums b{font-size:clamp(34px,3.6vw,64px);line-height:1}
.count__nums i{margin-top:8px;font-size:12px}
@media (max-width:900px){
  .hero__top{padding-top:28px;padding-bottom:28px}
  .hero__mark{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .hero__lead{font-size:clamp(26px,7.4vw,44px)}
  .hero__info{order:3}
  .hero__top{order:1}
  .slider{order:2}
  .count__nums{max-width:none}
}
.hero__info{background:var(--w)}
.hero__top{justify-content:space-between}
.hero__top .hero__lead{margin-top:auto}

.count__nums .dg{border:0;padding:0;display:inline-block}
/* ===== revisione indipendente, 26/10 ===== */
/* carosello: frecce e barrette su una fascia nera sotto, mai sopra i testi */
.slider{--ctl:56px}
.slide{inset:0 0 var(--ctl) 0}
.slider::after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--ctl);background:var(--k);z-index:4}
.slider__arr,.slider__arr:hover{bottom:9px;width:38px;height:38px;background:var(--k);color:var(--w);border:1px solid var(--w)}
.slider__arr:hover{background:var(--o);color:var(--k);border-color:var(--o)}
.slider__dots{bottom:24px}
.slider__dots button{border-color:var(--w);background:transparent}
.slider__dots button.is-on::after{background:var(--o)}
.slide__over{bottom:0;max-width:86%}
.slide__tag{bottom:clamp(20px,4cqw,48px)}
.slide__quote b{color:var(--k);-webkit-text-stroke:0}
@media (max-width:900px){.slide__over{bottom:0}.slide__tag{bottom:16px}}
/* prima schermata: il logo resta solo nella barra; frase più grande */
.hero__mark{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hero__top{justify-content:flex-end}
.hero__lead{font-size:clamp(34px,4.2vw,96px);max-width:15ch}
@media (max-width:900px){.hero__lead{font-size:clamp(28px,8vw,48px)}}
/* quote allineate */
.quote li{display:grid;grid-template-rows:auto 1fr auto auto minmax(2.8em,auto);gap:10px}
.quote li .tag{justify-self:start}
.quote b{align-self:end;margin-top:0}
@media (max-width:900px){.quote li:last-child{grid-column:1/-1;border-right:0}}
/* bacheca: gli anni non vanno a capo sul puntino */
.nw{white-space:nowrap}
/* calendario più compatto */
.days > *{aspect-ratio:1/.68}
.day.carn span.tag{font-size:9px;overflow-wrap:anywhere}
.grid7{border-top:var(--line)}
/* domande: filo sottile, testo staccato dai bordi */
.faq details{border-bottom:var(--line)}
.faq summary{padding:20px var(--pad)}
.faq details p{padding:0 var(--pad) 26px}
/* SCACCHI in fondo, sempre da bordo a bordo */
.foot__mark span{font-size:19.6vw!important}
/* il gioco in Scopri con un'inquadratura diversa */
.si--gioco img{object-fit:cover;object-position:78% 70%;transform:scale(1.6);transform-origin:78% 70%}
/* schermi grandi: tutto un po' più grande */
@media (min-width:1800px){
  :root{--t-body:22px;--t-small:17px;--t-label:14px;--bar:52px}
  .nav__links a{font-size:18px}
  .nav__cta{font-size:15px;padding:12px 18px}
  .nav__logo img{height:32px}
  :root{--t-intro:clamp(38px,2.3vw,58px)}
}
.si{overflow:hidden}
/* ===== 26/10 notte: barra bianca, loghi piccoli e uguali, banner senza frecce ===== */
:root{--logo:44px}
@media (max-width:900px){:root{--logo:30px}}
@media (min-width:1800px){:root{--logo:56px}}
.nav{background:var(--w)}
.nav__links{background:var(--w)}
.nav__logo img{height:28px}
.nav__cta{background:var(--o);color:var(--k)}
.nav__cta:hover{background:var(--k);color:var(--w)}
/* loghi: tutti alla stessa altezza */
.hero__valori{height:var(--logo);width:auto!important;flex:none}
.hero__premi img,.premi img{height:var(--logo);width:var(--logo)!important;object-fit:contain}
.hero__premi{gap:6px}
/* banner: niente frecce né fascia, solo le barrette */
.slider{--ctl:0px}
.slider::after{display:none}
.slider__arr{display:none!important}
.slider__dots{left:0;right:0;bottom:14px}
.slider__dots button{border-color:var(--k);background:var(--w);width:22px;height:6px}
.slider__dots button.is-on::after{background:var(--k)}
.slider:has(.slide--k.is-on) .slider__dots button{border-color:var(--w)}
.slide__over,.slide__tag{bottom:28px}
.slide__over{bottom:0;margin-bottom:28px}
/* gruppi: una riga sul laptop, due sul telefono */
.gruppi{grid-template-columns:repeat(11,minmax(0,1fr))}
.gruppi li{padding:16px 6px;gap:10px;border-bottom:0!important;border-right:var(--line)!important;justify-content:flex-start}
.gruppi li:last-child{border-right:0!important}
.gruppi img{max-width:64px;width:100%}
.gruppi span{font-size:9px;letter-spacing:.02em}
@media (max-width:900px){
  .gruppi{grid-template-columns:repeat(6,minmax(0,1fr))}
  .gruppi li{padding:10px 4px}
  .gruppi li:nth-child(6){border-right:0!important}
  .gruppi li:nth-child(-n+6){border-bottom:var(--line)!important}
  .gruppi span{display:none}
  .gruppi img{max-width:48px}
}
/* calendario: ogni mese nel suo riquadro */
.cal__months{gap:clamp(14px,1.6vw,24px)}
.month{border:var(--line);background:var(--w);padding:clamp(12px,1.4vw,20px)}
.month h3{margin-bottom:10px}
#calendario .cal{background:var(--o)}

/* ===== proporzioni ===== */
/* Una sola scala per tutto il sito, fluida da 360px a 2560px.
   ruolo            telefono  laptop  27"
   etichette           11      12     14
   testo piccolo       14      15     17
   testo               16      18     21
   titoletti (h3)      17      21     26
   titoli sezione      26      38     52
   introduzione        20      30     40
   frase della hero    32      55     79
   display carosello   44      92    160
   prezzi              27      41     57
   nome nel menu       14      17.5   21.5
   loghi (--logo)      28      38     50 */
:root{
  --fs-label:clamp(11px,calc(10.2px + .15vw),14px);
  --fs-small:clamp(14px,calc(13.3px + .15vw),17px);
  --fs-body:clamp(16px,calc(15.3px + .22vw),21px);
  --fs-lead:clamp(17px,calc(15.5px + .4vw),26px);
  --fs-h2:clamp(24px,calc(21px + 1.2vw),52px);
  --fs-intro:clamp(20px,calc(17.5px + .9vw),40px);
  --fs-slogan:clamp(30px,calc(25px + 2.1vw),80px);
  --fs-price:clamp(26px,calc(22px + 1.35vw),58px);
  --fs-btn:clamp(13px,calc(12px + .2vw),17px);
  --fs-nav:clamp(14px,calc(12.5px + .35vw),22px);
  --sp-sec:clamp(32px,calc(20px + 3vw),96px);
  --sp-head:clamp(16px,calc(8px + 1.3vw),44px);
  --pad:clamp(16px,calc(10px + 1.1vw),40px);
  --bar:clamp(44px,calc(38px + .6vw),56px);
  --logo:clamp(28px,calc(22px + 1.1vw),50px);
  /* i vecchi nomi puntano alla scala nuova */
  --t-label:var(--fs-label);--t-small:var(--fs-small);--t-body:var(--fs-body);
  --t-lead:var(--fs-lead);--t-h3:var(--fs-lead);--t-h2:var(--fs-h2);
  --t-big:var(--fs-h2);--t-intro:var(--fs-intro);
}
body{line-height:1.45}

/* barra */
.nav{gap:clamp(12px,1.4vw,28px)}
.nav__logo img{height:calc(var(--bar) * .6)}
.nav__logo span{font-size:var(--fs-nav)}
.nav__links a{font-size:clamp(13px,calc(11.5px + .2vw),17px)}
.nav__cta{font-size:var(--fs-label);padding:calc(var(--bar) * .22) clamp(12px,1vw,20px)}
@media (max-width:1100px){.nav__links a{font-size:17px;padding:14px var(--pad)}}

/* prima schermata */
.hero__lead{font-size:var(--fs-slogan);line-height:1.06}
.hero__go{font-size:var(--fs-label)}
.slide__k{font-size:var(--fs-label);letter-spacing:.08em}
.slide__big{font-size:min(calc(14.5cqw - 12.6px),20cqh,160px);line-height:.88}
.slide__over .slide__big{font-size:min(9cqw,12cqh,96px)}
.slide__btn{font-size:var(--fs-btn);padding:1.1em 1.4em}
.slide__p{font-size:var(--fs-body)}
.slide__quote b{font-size:min(7cqw,8cqh,72px)}
.slide__tag{font-size:var(--fs-label)}
.slide__tag b{font-size:var(--fs-price)}
@container (max-aspect-ratio: 1/1){.slide__torre{height:min(16cqh,18cqw)}}

/* introduzione e testate */
.intro{padding:var(--sp-sec) var(--pad)}
.intro__p{font-size:var(--fs-intro);line-height:1.2}
.sez__head{padding:var(--sp-head) var(--pad)}
.sez__head h2{font-size:var(--fs-h2);line-height:1.05}
.sez__more{font-size:calc(var(--fs-label) + 1px)}

/* iscrizioni e conto alla rovescia */
.quote li{min-height:clamp(170px,calc(120px + 12vw),320px)}
.quote b{font-size:var(--fs-price)}
.quote__d{font-size:var(--fs-small)}
.tag{font-size:var(--fs-label)}
.count .count__nums b{font-size:calc(var(--fs-price) * 1.2)}
.count__nums i,.count__label{font-size:var(--fs-label)}
.count__date{font-size:var(--fs-lead)}
.count__live{font-size:var(--fs-h2)}

/* gioco, storia, carnevale */
.evid__t,.storia__t{font-size:var(--fs-h2);line-height:1}
.evid__txt{padding:var(--sp-sec) var(--pad)}
.righe li{font-size:var(--fs-small)}
.bottone{font-size:calc(var(--fs-btn) + 2px);padding:1em 1.4em}
.play{width:clamp(56px,calc(40px + 4vw),110px)}
.play::before{border-width:clamp(11px,1.3vw,20px) 0 clamp(11px,1.3vw,20px) clamp(17px,2vw,32px)}
.evid__loghi figure{font-size:var(--fs-small);gap:12px}
.evid__loghi img{width:clamp(72px,calc(50px + 5vw),180px)}
.squadre__k{font-size:var(--fs-label)}
.squadre__n{font-size:clamp(18px,calc(13px + .85vw),34px)}
.storia{padding:var(--sp-sec) var(--pad)}

/* bacheca e gruppi */
.anni h3{font-size:var(--fs-small)}
.anni p{font-size:clamp(19px,calc(15px + 1vw),42px)}
.premi h3{font-size:var(--fs-lead)}
.premi p{font-size:var(--fs-small)}
.gruppi img{max-width:calc(var(--logo) * 1.5)!important}
.gruppi span{font-size:var(--fs-label);letter-spacing:0;line-height:1.2}

/* calendario */
.cal{padding:var(--sp-sec) var(--pad)}
.cal__next-label,.month h3 small,.dow span{font-size:var(--fs-label)}
.cal__next-day,.month h3{font-size:var(--fs-lead)}
.cal__next-what,.cal__legend,.ml,.cal__note,.tip{font-size:var(--fs-small)}
.ml b{font-size:var(--fs-label)}
.days > *{font-size:clamp(12px,calc(11px + .2vw),16px)}
.day.carn span.tag{font-size:clamp(9px,calc(8px + .12vw),11px)}
.day.is-today::after{font-size:clamp(9px,calc(8px + .12vw),11px)}
@media (max-width:900px){.cal__tabs button{font-size:calc(var(--fs-label) + 1px)}}

/* domande */
.faq summary{font-size:var(--fs-lead);padding:clamp(16px,calc(10px + 1vw),32px) var(--pad)}
.faq summary::after{width:clamp(20px,calc(16px + .6vw),32px);height:clamp(20px,calc(16px + .6vw),32px);background-size:100% 3px,3px 100%}
.faq details p{font-size:var(--fs-body)}

/* piè di pagina */
.foot__big{font-size:clamp(20px,calc(16px + .9vw),40px)}
.foot__col{font-size:var(--fs-small)}
.foot__up{width:clamp(48px,calc(40px + 1.6vw),80px);height:clamp(48px,calc(40px + 1.6vw),80px);font-size:clamp(20px,calc(16px + .5vw),30px)}
.foot__copy{font-size:calc(var(--fs-label) + 1px)}

/* calendario: le scritte dei giorni di Carnevale stanno dentro la casella */
.days > *{aspect-ratio:1/.8}
.day.carn span.tag{padding:0;border:0;background:none;overflow-wrap:normal;word-break:normal;hyphens:none;line-height:1.05;letter-spacing:0}
/* prossimo appuntamento: riquadro bianco come i mesi */
.cal__next{background:var(--w);border:var(--line);padding:clamp(12px,1.4vw,20px);min-width:0;max-width:max-content;margin-bottom:0}
.cal__next-day{margin:8px 0 4px}
.cal__legend{margin:clamp(20px,2.4vw,40px) 0 clamp(16px,1.6vw,28px)}
/* torre nel carosello in proporzione al titolo */
.slide__torre{height:min(26cqh,22cqw)}
@container (max-aspect-ratio: 1/1){.slide__torre{height:min(16cqh,18cqw)}}
/* quote: i prezzi sulla stessa riga anche se la descrizione va a capo */
.quote__d{line-height:1.4;min-height:2.8em}
/* scacchiera lunga sopra la frase */
.hero__top{position:relative}
.scacchiera{--q:clamp(18px,2vw,40px);height:calc(var(--q)*2);margin:calc(var(--pad,24px)*-1) calc(var(--pad,24px)*-1) auto;border-bottom:var(--line);
  background:repeating-conic-gradient(var(--k) 0 25%,var(--w) 0 50%) 0 0/calc(var(--q)*2) calc(var(--q)*2)}
.js .scacchiera{animation:scorre 18s linear infinite}
@keyframes scorre{to{background-position:calc(var(--q)*-2) 0}}
@media (prefers-reduced-motion:reduce){.js .scacchiera{animation:none}}
@media (max-width:900px){.scacchiera{--q:16px;margin-bottom:20px}}
.hero__top{padding-top:0!important}
.scacchiera{margin-top:0!important}
/* bacheca: i quattro riconoscimenti più grandi, tutti uguali */
.premi img{height:calc(var(--logo)*2.4)!important;width:calc(var(--logo)*2.4)!important}
/* scacchiera: 12 file di quadrati */
.scacchiera{--q:clamp(14px,1.7vw,52px);height:calc(var(--q)*12);flex:none}
@media (max-width:900px){.scacchiera{--q:calc((100vw - 0px)/24);margin-bottom:20px}}
/* ===== banner: l'animazione dei post Instagram delle iscrizioni ===== */
.slider--bn .slide{padding:0;display:block;transform:none!important;transition:opacity .35s var(--ease),visibility 0s .35s}
.slider--bn .slide.is-on{transition:opacity .35s var(--ease)}
.slider--bn .slide--w{background:var(--w)}
.bn__svg{display:block;width:100%;height:100%}
.bn__svg g{transform-box:fill-box;transform-origin:center}
.bn__cta{position:absolute;inset:0;z-index:3}
.slider--bn .slider__dots{z-index:4}
@media (max-width:900px){.slider.slider--bn{height:auto!important;aspect-ratio:1/1}}
/* copertina */
.is-on .a-sq{animation:bnPop .55s cubic-bezier(.3,1.4,.5,1) both}
.is-on .a-b1{animation:bnSx .5s var(--ease) .25s both}
.is-on .a-b2{animation:bnDx .5s var(--ease) .35s both}
.is-on .a-torre{animation:bnCade .7s cubic-bezier(.3,1.5,.5,1) .55s both}
.is-on .a-t1{animation:bnSu .5s var(--ease) .8s both}
.is-on .a-t2{animation:bnGiu .5s var(--ease) .9s both}
/* quote */
.is-on .a-bars{animation:bnLargo .5s var(--ease) both}
.is-on .a-p1{animation:bnSx .45s cubic-bezier(.3,1.3,.5,1) .2s both}
.is-on .a-p2{animation:bnDx .45s cubic-bezier(.3,1.3,.5,1) .4s both}
.is-on .a-p3{animation:bnSx .45s cubic-bezier(.3,1.3,.5,1) .6s both}
.is-on .a-p5{animation:bnSx .45s cubic-bezier(.3,1.3,.5,1) .8s both}
.is-on .a-p6{animation:bnDx .45s cubic-bezier(.3,1.3,.5,1) 1s both}
/* gennaio */
.is-on .a-anno,.is-on .a-legenda{animation:bnSu .45s var(--ease) both}
.is-on .a-mese{animation:bnSx .45s var(--ease) .1s both}
.is-on .a-box{animation:bnSu .5s var(--ease) .15s both}
.is-on .a-x{animation:bnPop .3s cubic-bezier(.3,1.6,.5,1) calc(.5s + var(--i,0)*.09s) both}
.is-on .a-dot{animation:bnPop .4s cubic-bezier(.3,1.8,.5,1) calc(1.6s + var(--i,0)*.25s) both}
@keyframes bnPop{from{transform:scale(0)}to{transform:none}}
@keyframes bnSx{from{transform:translateX(-120%);opacity:0}to{transform:none;opacity:1}}
@keyframes bnDx{from{transform:translateX(120%);opacity:0}to{transform:none;opacity:1}}
@keyframes bnSu{from{transform:translateY(-60px);opacity:0}to{transform:none;opacity:1}}
@keyframes bnGiu{from{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}
@keyframes bnCade{from{transform:translateY(-140%);opacity:0}to{transform:none;opacity:1}}
@keyframes bnLargo{from{transform:scaleX(0)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.slider--bn *{animation:none!important}}
#gioco .evid__img{min-height:clamp(220px,24vw,380px)}
@font-face{font-family:"TangoSans";src:url("../fonts/TangoSans.woff2") format("woff2");font-display:swap}
@font-face{font-family:"TangoSans_Bold";src:url("../fonts/TangoSansBold.woff2") format("woff2");font-display:swap}
.is-on .a-head{animation:bnSx .5s var(--ease) both}
.carn__link{display:contents;color:inherit;text-decoration:none}.carn__link:hover figcaption{text-decoration:underline}
.sez__sub{margin-top:6px;font-weight:600;font-size:var(--t-small);color:var(--k)}.sez__sub::before{content:"";display:inline-block;width:.7em;height:.7em;background:var(--o);border:1px solid var(--k);margin-right:.45em;vertical-align:-.05em}
/* apertura e chiusura delle iscrizioni, in evidenza */
.date-isc{display:grid;grid-template-columns:1fr 1fr;border-bottom:var(--line)}
.date-isc__b{margin:0;padding:clamp(18px,2.4vw,40px) var(--pad);display:flex;flex-direction:column;gap:10px}
.date-isc__b span{font:700 var(--t-label)/1 "Tango Sans",sans-serif;text-transform:uppercase;letter-spacing:.08em}
.date-isc__b b{font:700 clamp(28px,3.6vw,64px)/.95 "Tango Sans",sans-serif;text-transform:uppercase;letter-spacing:-.01em}
.date-isc__b--o{background:var(--o);color:var(--k);border-right:var(--line)}
.date-isc__b--k{background:var(--k);color:var(--w)}
.date-isc__b--k span{color:var(--o)}
@media (max-width:700px){.date-isc{grid-template-columns:1fr}.date-isc__b--o{border-right:0;border-bottom:var(--line)}}
/* il gioco: un solo tasto, tutto a pixel, da sala giochi */
.play{display:none!important}
.arcade{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--o);padding:clamp(14px,1.6vw,22px) clamp(18px,2.2vw,30px);
  box-shadow:0 0 0 4px var(--k),6px 6px 0 4px var(--k);
  clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px));
  outline:4px solid var(--k);outline-offset:0;animation:arcade 1.1s steps(1) infinite}
.arcade .px{display:block;height:clamp(26px,2.6vw,42px);width:auto}
.evid__img:hover .arcade{animation:none;background:var(--w)}
@keyframes arcade{50%{background:var(--w)}}
@media (prefers-reduced-motion:reduce){.arcade{animation:none}}
.arcade{clip-path:none;outline:0;border:6px solid var(--k);box-shadow:8px 8px 0 var(--k);padding:clamp(14px,1.6vw,22px) clamp(20px,2.4vw,34px)}
.arcade .px{height:clamp(40px,4vw,64px)}
@media (max-width:900px){.arcade .px{height:34px}.arcade{border-width:5px;box-shadow:6px 6px 0 var(--k)}}
.slider__dots{display:none!important}
/* bacheca: prima i premi, poi i riconoscimenti della squadra */
.bac-k{display:flex;align-items:baseline;gap:8px 24px;flex-wrap:wrap;padding:clamp(14px,1.6vw,22px) var(--pad);border-bottom:var(--line);background:var(--k);color:var(--w)}
.bac-k h3{font:700 clamp(18px,1.6vw,26px)/1 "Tango Sans",sans-serif;text-transform:uppercase;letter-spacing:.02em}
.bac-k p{font-size:var(--t-small);margin:0}
.bac-k--o{background:var(--o);color:var(--k)}
.bac-k{background:var(--w);color:var(--k)}
/* premi più importanti dei riconoscimenti */
.bac-k--o{background:var(--o);color:var(--k)}
.bac-k--k{background:var(--k);color:var(--w)}
.bac-k--k p{color:var(--w)}
.bac-k--o h3{font-size:clamp(26px,2.6vw,44px)}
#bacheca .anni{background:var(--o)}
#bacheca .anni>div{padding-top:clamp(18px,2vw,30px);padding-bottom:clamp(24px,2.6vw,40px)}
#bacheca .anni h3{font:700 var(--t-label)/1.2 "Tango Sans",sans-serif;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
#bacheca .anni p{font-size:clamp(30px,3.4vw,62px);line-height:1.08}
#bacheca .anni>div+div{border-left:var(--line)}
#bacheca .anni h3{font:700 clamp(20px,2vw,34px)/1.05 "Tango Sans",sans-serif;text-transform:uppercase;letter-spacing:0;margin-bottom:16px;display:inline-block;background:var(--k);color:var(--o);padding:.28em .45em .2em}
/* ===== telefono: rifinitura ===== */
@media (max-width:700px){
  :root{--bar:56px;--pad:16px;--fs-label:12px;--sp-sec:36px}
  /* barra: logo a sinistra, bottoni da pollice */
  .nav{gap:8px;padding:0 4px 0 var(--pad)}
  .nav__logo{min-height:44px;gap:8px;min-width:0}
  .nav__logo img{height:28px}
  .nav__logo span{font-size:14px;overflow:hidden;text-overflow:clip}
  .nav__cta{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;font-size:12px}
  .nav__burger{width:44px;height:44px;padding:15px 10px;flex:none}
  .nav__links{max-height:calc(100svh - var(--bar));overflow-y:auto;border-top:var(--line)}
  .nav__links a{display:flex;align-items:center;min-height:52px;padding:0 var(--pad);font-size:19px;font-weight:500}
  .nav__links a:first-child{border-top:0}
  .nav__links a::after{display:none}
  .nav__links a[aria-current]{background:var(--o)}
  /* prima schermata */
  .hero__top{padding-bottom:24px}
  .scacchiera{margin-bottom:24px}
  .hero__lead{font-size:30px;line-height:1.08}
  .hero__go{display:inline-flex;align-items:flex-end;min-height:44px;padding-bottom:6px;font-size:13px}
  .hero__info{padding:14px var(--pad);gap:12px}
  /* testate */
  .sez__head{padding:20px var(--pad)}
  .sez__head h2{font-size:26px}
  .sez__more{padding:14px 0;margin:-14px 0;font-size:12px}
  .intro__p{font-size:21px}
  /* iscrizioni: date */
  .date-isc__b{padding:20px var(--pad) 22px;gap:8px}
  .date-isc__b b{font-size:26px;line-height:1}
  /* quote: una riga per quota, prezzo a destra */
  .quote{grid-template-columns:1fr}
  .quote li{grid-column:auto!important;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;column-gap:16px;row-gap:4px;min-height:0;padding:16px var(--pad);border-right:0!important;border-bottom:var(--line)}
  .quote li:last-child{border-bottom:0}
  .quote li .tag{grid-column:1;grid-row:1;margin-bottom:6px}
  .quote b{grid-column:2;grid-row:1/4;align-self:center;font-size:32px}
  .quote__n{grid-column:1;grid-row:2;line-height:1.2}
  .quote__d{grid-column:1;grid-row:3;min-height:0;line-height:1.35}
  .count{padding:20px var(--pad)}
  /* calendario */
  .cal__next{max-width:none}
  .cal__legend{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin:20px 0}
  .cal__legend li{align-items:flex-start;gap:8px;line-height:1.3}
  .cal__legend .k{flex:none;width:18px;height:18px}
  .cal__tabs{margin-bottom:20px;border-bottom:var(--line)}
  .cal__tabs button{font-size:13px;opacity:.55}
  .cal__tabs button::after{background:var(--k);height:4px;bottom:0}
  .days > *{font-size:14px}
  .cal__note{margin-top:24px}
  /* storia */
  .storia{gap:18px}
  .storia__foto{height:300px}
  /* bacheca */
  #bacheca .anni>div{padding:20px var(--pad) 24px}
  #bacheca .anni h3{font-size:16px;margin-bottom:12px}
  #bacheca .anni p{font-size:28px}
  .bac-k--o h3{font-size:24px}
  .bac-k h3{font-size:17px}
  .premi{grid-template-columns:1fr}
  .premi li{display:grid;grid-template-columns:64px 1fr;column-gap:16px;row-gap:6px;align-items:start;padding:18px var(--pad);border-left:0!important;border-top:0!important}
  .premi li+li{border-top:var(--line)!important}
  .premi img{grid-row:1/3;height:64px!important;width:64px!important}
  .premi h3{font-size:18px;line-height:1.1;align-self:end}
  /* carnevale */
  .evid__txt{gap:12px}
  .evid__loghi figure{padding:20px 12px}
  .squadre__n{font-size:17px;line-height:1.3;text-wrap:balance}
  /* domande */
  .faq summary{font-size:17px;padding:16px var(--pad);min-height:56px}
  .faq details p{font-size:16px;padding-bottom:22px}
  /* gioco */
  #gioco .evid__txt{padding:28px var(--pad)}
  /* piè di pagina */
  .foot__social{grid-row:1;grid-column:1/-1}
  .foot__up{grid-row:1;grid-column:2;justify-self:end;align-self:end;margin:var(--pad);width:48px;height:48px;font-size:22px;position:relative;z-index:1;border:1px solid var(--k)!important}
  .foot__canali{grid-row:2}
  .foot__col{grid-column:1/-1;border-right:0!important;gap:0}
  .foot__col:first-of-type{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;border-bottom:var(--line)}
  .foot__col a{display:inline-flex;align-items:center;min-height:44px}
  .foot__col li{line-height:1.4}
  .foot__col:last-of-type li:not(:has(a)){padding:4px 0}
  .foot__copy{flex-direction:column;gap:2px;font-size:13px}
}
/* 12 gruppi: una riga sul computer, due righe da 6 sul telefono */
.gruppi{grid-template-columns:repeat(12,minmax(0,1fr))}
@media (max-width:900px){.gruppi{grid-template-columns:repeat(6,minmax(0,1fr))}.gruppi li:nth-child(12){border-right:0!important}}
/* dieci secondi di piazza, in loop */
.piazza{position:relative;height:clamp(260px,46vh,520px);overflow:hidden;background:var(--k);border-bottom:var(--line)}
.piazza__v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.piazza__tag{position:absolute;left:var(--pad);bottom:var(--pad);margin:0;background:var(--k);color:var(--w);font:700 var(--t-label)/1 "Tango Sans",sans-serif;text-transform:uppercase;letter-spacing:.08em;padding:9px 12px}
@media (max-width:700px){.piazza{height:auto;aspect-ratio:16/10}}
@media (prefers-reduced-motion:reduce){.piazza__v{display:none}.piazza{background:url("../video/piazza-hd.jpg") center/cover}}
/* il video della piazza, tra la scacchiera e la frase */
.hero__video{position:relative;flex:1 1 auto;min-height:160px;margin:0 calc(var(--pad)*-1);overflow:hidden;background:var(--k);border-bottom:var(--line)}
.hero__v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.scacchiera{margin-bottom:0!important}
.hero__top .hero__lead{margin-top:0}
@media (max-width:900px){.hero__video{flex:none;height:auto;aspect-ratio:16/9;min-height:0}}
@media (prefers-reduced-motion:reduce){.hero__v{display:none}.hero__video{background:url("../video/piazza-hd.jpg") center/cover}}
.hero__top{gap:0}
.hero__top .hero__lead{padding-top:clamp(18px,2.6vh,30px)}
.hero__top .hero__go{margin-top:clamp(12px,1.8vh,22px)}
/* i crediti del video: piccoli, sul bianco, sotto il video a destra */
.hero__credit{margin:0;padding:5px 0 0;text-align:right;font:400 10px/1.2 "Inter Tight",sans-serif;letter-spacing:.01em;color:#8a8a8a}
.hero__credit a{color:inherit;text-decoration:none}
.hero__credit a:hover{color:var(--k);text-decoration:underline}
/* 1° premio Carnevale su bianco, 1° premio Palio resta arancione */
#bacheca .anni>div:first-child{background:var(--w)}
#bacheca .anni>div:first-child h3{color:var(--w)}
/* la foto dei fondatori, sotto il titolo della storia */
.storia{grid-template-areas:"t x" "f x";align-items:start}
.storia__t{grid-area:t}.storia__txt{grid-area:x}
.storia__fond{grid-area:f;margin:0}
.storia__fond img{display:block;width:100%;height:auto;border:var(--line);filter:grayscale(1)}
.storia__fond figcaption{margin-top:6px;font:400 11px/1.3 "Inter Tight",sans-serif;color:#8a8a8a}
@media (max-width:900px){.storia{grid-template-areas:"t" "f" "x"}}
/* storia: titolo su tutta la riga, poi foto e testo affiancati e allineati in alto */
.storia{grid-template-areas:"t t" "f x";row-gap:clamp(20px,2.4vw,36px)}
.storia__txt{margin:0;align-self:start}
.storia__txt p:first-child{margin-top:-.32em}
@media (max-width:900px){.storia{grid-template-areas:"t" "f" "x"}.storia__txt p:first-child{margin-top:0}}
@media (min-width:901px){.storia__txt p{font-size:clamp(17px,1.45vw,29px);line-height:1.45}}
/* computer: il video tiene sempre la sua proporzione (16:9) e la scacchiera si accorcia per fargli posto */
@media (min-width:901px){
  .hero{height:auto;min-height:calc(100svh - var(--bar))}
  .hero__video{flex:none;aspect-ratio:16/9;min-height:0;height:auto}
  .scacchiera{flex:1 1 auto;height:auto;min-height:calc(var(--q)*2)}
}
/* niente bottone «play» sopra il video: parte da solo */
.hero__v::-webkit-media-controls,.hero__v::-webkit-media-controls-start-playback-button,.hero__v::-webkit-media-controls-overlay-play-button{display:none!important;-webkit-appearance:none}
@media (min-width:901px){
  /* sul portatile il video cresce fin dove la frase resta visibile; sugli schermi grandi arriva al 16:9 pieno */
  .hero__video{aspect-ratio:auto;height:min(calc(50vw * .5625), calc(100svh - var(--bar) - var(--sotto, 430px)));min-height:240px}
}
@media (min-width:901px){ .scacchiera{min-height:var(--q)} .hero__video{--sotto:440px} }