:root{--vk-display:Arial,sans-serif;--vk-text:Arial,sans-serif;--ink:#211342;--lime:#d7f65b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f1e9;color:var(--ink);font-family:Arial,sans-serif;font-size:18px}a{color:inherit}header{height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 3vw;background:#eeeae2}header a{text-decoration:none}.brand{font-weight:900;font-size:32px;letter-spacing:-2px}.brand span,.close span{color:#83aa24}h1,h2,h3,p{margin:0}h1{font-size:clamp(54px,7.6vw,120px);line-height:.92;letter-spacing:-.065em;view-transition-name:vk-title}h2{font-size:clamp(48px,6vw,92px);line-height:.95;letter-spacing:-.055em}p{line-height:1.45}.hero{min-height:calc(100svh - 80px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4vw;padding:4vw 3vw 2vw}.hero p:not(.caption){max-width:440px;margin:28px 0}.link{display:inline-block;background:var(--ink);color:white;padding:18px 24px;text-decoration:none}.hero-art{height:65vh;min-height:400px;background:var(--ink);position:relative;display:grid;place-items:center;color:var(--lime)}.orbit{border:2px solid var(--lime);border-radius:50%;width:min(36vw,420px);aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.orbit span{font-size:clamp(100px,17vw,240px);line-height:.8;letter-spacing:-.08em}.orbit small{margin-top:24px}.hero-ticket{position:absolute;bottom:5%;right:4%;background:var(--lime);color:var(--ink);padding:18px;display:grid;gap:8px;font-size:15px}.caption{font-size:14px}.hero>.caption{grid-column:1/-1}.time-scene{height:360vh;background:#bdeac7;position:relative}.sticky{position:sticky;top:0;height:100svh;padding:30px 3vw;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.scene-head,.timeline{display:flex;justify-content:space-between}.time-layout{display:grid;grid-template-columns:1fr 42%;align-items:center;gap:6vw}.person{font-weight:bold}.counter{display:flex;align-items:end;gap:20px}.counter span{font-size:clamp(140px,24vw,360px);line-height:.85;letter-spacing:-.09em;font-weight:700;font-variant-numeric:tabular-nums}.counter small{padding-bottom:15px}.time-copy{margin-top:20px}.reminder{background:#fff;color:var(--ink);padding:28px;min-height:310px;display:flex;flex-direction:column;gap:20px}.rem-top,.rem-foot{display:flex;justify-content:space-between;gap:12px}.rem-top{font-weight:bold}.reminder h2{font-size:clamp(30px,3vw,48px);line-height:1;letter-spacing:-.04em}.reminder>p{max-width:38ch}.rem-foot{margin-top:auto;justify-content:flex-start;align-items:center}.rem-foot span:last-child{margin-left:auto}.dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:#249257;flex:none}.timeline{border-top:2px solid currentColor;padding-top:12px;font-weight:bold}.zoom{background:#211342;color:#fff;padding:120px 3vw}.zoom-intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}.zoom-intro p{max-width:440px}.wall{display:grid;grid-template-columns:repeat(60,1fr);gap:8px;margin:80px 0 20px}.wall i{aspect-ratio:1;border-radius:50%;background:#53b877}.wall i:nth-child(7n){background:#f4d849}.wall i:nth-child(13n){background:#ef8f42}.wall i:nth-child(29n){background:#e75550}.queue{background:#f3f1e9;color:var(--ink);margin:80px 0 0 auto;padding:32px;width:75%}.queue-title,.row{display:flex;align-items:center;gap:20px}.queue-title{justify-content:space-between;margin-bottom:30px}.queue h3{font-size:32px}.row{padding:18px 0;border-top:1px solid #bcb5c5}.row strong{width:25%}.row b{margin-left:auto}.red{background:#d84442}.orange{background:#dd7929}.yellow{background:#d2ad00}.queue>p{margin-top:30px}.classroom{padding:140px 3vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:var(--lime)}.classroom p{max-width:460px;margin-top:30px}.calendar{background:#fff;padding:32px}.cal-head,.seats{display:flex;justify-content:space-between}.cal-date{display:flex;align-items:center;gap:25px;margin:35px 0}.cal-date strong{font-size:100px;line-height:1}.seat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:25px}.seat-grid i{height:35px;background:#211342}.seat-grid i:nth-child(n+7){background:#e5e0ec}.calendar p{font-size:14px}.close{padding:100px 3vw;background:var(--ink);color:white}.close p{font-size:clamp(30px,4vw,60px);max-width:800px;line-height:1.1}.close div{font-size:clamp(100px,25vw,360px);letter-spacing:-.08em;font-weight:bold;line-height:1;margin-top:80px}@media(max-width:700px){header{padding:0 20px;font-size:14px}.hero{grid-template-columns:1fr;padding:40px 20px}.hero-art{height:350px;min-height:0}.orbit{width:260px}.orbit span{font-size:150px}.hero>.caption{grid-column:auto}.time-scene{height:320vh}.sticky{padding:22px 20px}.scene-head{font-size:14px}.time-layout{grid-template-columns:1fr;gap:20px}.counter span{font-size:145px}.time-copy{display:none}.reminder{min-height:250px;padding:20px;gap:12px}.timeline{font-size:14px}.zoom{padding:80px 20px}.zoom-intro,.classroom{grid-template-columns:1fr}.zoom-intro{gap:25px}.wall{grid-template-columns:repeat(30,1fr);gap:5px;margin-top:45px}.queue{width:100%;padding:20px;margin-top:50px}.row{display:grid;grid-template-columns:12px 1fr auto;gap:10px;font-size:15px}.row strong{width:auto}.row span:nth-child(3){grid-column:2}.row b{grid-column:3;grid-row:1}.classroom{padding:80px 20px;gap:40px}.close{padding:80px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.time-scene{height:auto}.sticky{position:relative;height:auto;min-height:100svh;gap:35px}}
/* La parete si riordina mentre il lettore attraversa la scena. */
.zoom{position:relative;min-height:310svh;padding-top:100px}.zoom-intro{position:relative;z-index:2}.wall-stage{position:sticky;top:8svh;height:65svh;margin-top:35px}.wall{display:block;width:100%;height:100%;margin:0}.wall-note{position:absolute;bottom:0;left:0;font-size:16px}.queue{position:relative;z-index:2;margin-top:35svh}.dial{position:relative;width:min(46vw,630px);aspect-ratio:1;display:grid;place-items:center;border:3px solid currentColor;border-radius:50%;background:repeating-conic-gradient(currentColor 0deg 0.4deg,transparent .4deg 10deg);padding:18px}.dial:before{content:'';position:absolute;inset:18px;border-radius:50%;background:var(--dial-bg,#bdeac7)}.dial .counter{position:relative}.dial .counter span{font-size:clamp(120px,17vw,260px)}.seat-grid i{transition:background-color .2s}.seat-grid i.filled{background:#211342}.seat-grid i:not(.filled){background:#e5e0ec}.seat-grid:before{content:'INGRESSO';grid-column:1/-1;text-align:center;background:#eeeaf2;font-size:12px;padding:6px;letter-spacing:.12em}.reminder{border-left:8px solid var(--ink)}.rem-top{border-bottom:1px solid #d5d0dc;padding-bottom:12px}.reminder #rem-label{font-weight:bold}.time-layout{gap:3vw}.time-copy{margin-top:12px}
@media(max-width:700px){.zoom{min-height:260svh}.wall-stage{height:55svh;top:12svh}.queue{margin-top:22svh}.dial{width:min(75vw,320px);margin:auto}.dial .counter span{font-size:120px}.dial .counter small{font-size:13px}.time-layout{gap:10px}.reminder{min-height:230px}.sticky{padding-top:18px;padding-bottom:18px}}
@media(prefers-reduced-motion:reduce){.zoom{min-height:0}.wall-stage{position:relative;top:auto;height:40vh}.queue{margin-top:30px}}
.editorial{padding:130px 3vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#eeeae2}.editorial h2{max-width:12ch}.editorial div{align-self:end;max-width:58ch;display:grid;gap:24px}.editorial p{font-size:clamp(18px,1.5vw,23px)}.editorial.clean{background:#f3f1e9}.editorial.after{background:var(--lime)}header a{min-height:44px;display:inline-flex;align-items:center}.wall-note{background:#211342;padding:8px 0}.zoom .caption{position:relative;z-index:3}.queue{margin-top:20svh}.zoom{min-height:260svh}@media(max-width:700px){.editorial{padding:80px 20px;grid-template-columns:1fr;gap:35px}.editorial h2{font-size:48px}.queue{margin-top:12svh}.zoom{min-height:230svh}.wall-note{bottom:20px}.scene-head{gap:20px}}
.session-choice{display:flex;gap:8px;margin-top:30px}.session-choice button{font:inherit;font-weight:bold;text-align:left;flex:1;min-height:70px;border:2px solid var(--ink);background:white;color:var(--ink);padding:10px;cursor:pointer}.session-choice button span{display:block;font-size:14px;font-weight:normal;margin-top:4px}.session-choice button.selected{background:var(--ink);color:white}.session-choice button:focus-visible, a:focus-visible{outline:4px solid #7049dc;outline-offset:3px}@media(max-width:700px){.session-choice{flex-direction:column}.session-choice button{min-height:55px}}
.session-choice{display:none}.vk-js .session-choice{display:flex}

/* Le due trasformazioni restano nello stesso quadro. */
.zoom{height:360svh;min-height:0;padding:0}.zoom-pin{position:sticky;top:0;height:100svh;overflow:hidden}.wall-stage{position:absolute;inset:0;height:100%;margin:0}.wall-note{left:3vw;bottom:4vh}.zoom-intro{position:absolute;z-index:2;top:5vh;left:3vw;right:3vw;pointer-events:none}.zoom-intro h2{font-size:clamp(55px,7vw,105px);text-shadow:0 2px 12px #211342}.zoom-intro p{justify-self:end;background:#211342;padding:10px}.zoom .caption{position:absolute;bottom:10vh;left:3vw}.queue{position:absolute;z-index:4;right:3vw;top:24%;width:min(65%,850px);margin:0;opacity:var(--reveal,1);transform:translateY(calc((1 - var(--reveal,1))*40px))}.classroom{display:block;height:250svh;padding:0}.class-pin{position:sticky;top:0;min-height:100svh;padding:5vh 3vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.classroom h2{font-size:clamp(56px,7vw,110px)}
@media(max-width:700px){.zoom{height:300svh;padding:0}.zoom-intro{display:block;top:4vh;left:20px;right:20px}.zoom-intro h2{font-size:48px}.zoom-intro p{margin-top:12px;max-width:27ch}.queue{top:auto;bottom:9vh;right:20px;width:calc(100% - 40px);padding:20px}.queue-title{margin-bottom:12px}.queue>p{margin-top:12px}.row{padding:10px 0}.classroom{height:270svh;padding:0}.class-pin{padding:25px 20px 60px;display:flex;flex-direction:column;justify-content:center;gap:18px}.classroom h2{font-size:48px}.classroom p{margin-top:12px}.calendar{padding:18px;width:100%}.session-choice{margin-top:12px}.cal-date{margin:12px 0}.cal-date strong{font-size:64px}.seat-grid{margin-top:10px;gap:6px}.seat-grid i{height:24px}}
@media(prefers-reduced-motion:reduce){.zoom,.classroom{height:auto}.zoom-pin,.class-pin{position:relative;height:auto;min-height:100svh}.zoom-pin{display:flex;flex-direction:column;padding:30px 20px;gap:20px}.zoom-intro,.zoom .caption,.queue,.wall-stage{position:relative;inset:auto;width:100%;opacity:1;transform:none}.wall-stage{height:45vh}.class-pin{display:grid}}
/* Il quadrante è uno strumento inciso, manipolabile. */
.dial{background:repeating-conic-gradient(#211342 0deg .5deg,transparent .5deg 5deg);border:8px double #211342;box-shadow:inset 0 0 0 7px var(--dial-bg,#bdeac7),inset 0 0 0 9px #211342,0 12px 0 -6px #211342}.dial:before{inset:28px;border:1px solid #211342}.needle{position:absolute;z-index:2;inset:12%;transform:rotate(var(--angle,0deg));pointer-events:none}.needle:before{content:'';position:absolute;top:0;left:calc(50% - 3px);width:6px;height:22%;background:#211342;clip-path:polygon(50% 0,100% 100%,0 100%)}.dial-control{display:none;font-size:15px;font-weight:bold;max-width:420px;margin:8px auto}.vk-js .dial-control{display:block}.dial-control input{display:block;width:100%;min-height:44px;accent-color:#211342;cursor:grab}.dial-control input:focus-visible{outline:3px solid #211342;outline-offset:3px}.queue .waiting{opacity:.35}.class-photo{display:block;width:100%;height:clamp(140px,25vh,260px);object-fit:cover;margin-bottom:20px}.classroom h2{font-size:clamp(48px,5vw,82px)}
@media(max-width:700px){.dial{width:min(58vw,240px)}.dial .counter span{font-size:86px}.dial:before{inset:20px}.dial-control{margin:0 auto;font-size:13px}.dial-control input{min-height:44px}.class-photo{height:120px;margin-bottom:10px}.classroom h2{font-size:40px}.time-layout{gap:4px}.reminder{min-height:210px}}
.vk-js .dial{touch-action:none;cursor:grab}.vk-js .dial:active{cursor:grabbing}
.vk-js .queue .waiting{display:none;opacity:1}

.needle{inset:4%}.needle:before{height:12%}.class-photo{object-position:center 75%}