:root{--bg:#07080d;--bg2:#0c0d13;--surface:#12131a;--line:#2a2620;--line2:#3a332a;--ink:#ece3d2;--dim:#b5aa94;--faint:#7f7666;--gold:#c9a45c;--gold-hi:#e6c682;--ember:#d0532c;--serif:"EB Garamond", Georgia, "Times New Roman", serif;--caps:"Cinzel", Georgia, serif;--wrap:1180px}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;margin:0;font-size:19px;line-height:1.6;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:50;opacity:.06;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>");position:fixed;inset:0}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3{margin:0;font-weight:600}p{margin:0}button{font:inherit;color:inherit}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}.kicker{font-family:var(--caps);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);font-size:13px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.nav{z-index:20;pointer-events:none;background:linear-gradient(#07080de0,#07080d00);justify-content:space-between;align-items:center;gap:24px;padding:18px 28px;display:flex;position:fixed;top:0;left:0;right:0}.nav>*{pointer-events:auto}.marchio{font-family:var(--caps);letter-spacing:.22em;color:var(--ink);white-space:nowrap;font-size:14px;text-decoration:none}.nav-link{gap:26px;display:flex}.nav-link a,.nav-destra a{font-family:var(--caps);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);font-size:12px;text-decoration:none;transition:color .2s}.nav-link a:hover,.nav-destra a:hover{color:var(--gold-hi)}.nav-destra{align-items:center;gap:20px;display:flex}.lingua{border:1px solid var(--line2);border-radius:999px;padding:4px 11px}.musica{border:1px solid var(--line2);cursor:pointer;font-family:var(--caps);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:4px 11px;font-size:12px;transition:color .2s;display:inline-flex}.musica:hover,.musica.acceso{color:var(--gold-hi)}.musica .barre{align-items:flex-end;gap:2px;height:11px;display:inline-flex}.musica .barre i{background:currentColor;border-radius:1px;width:2px;height:3px;display:block}.musica .barre i:first-child{height:5px}.musica .barre i:nth-child(2){height:10px}.musica .barre i:nth-child(3){height:7px}.musica.acceso .barre i{animation:1.1s ease-in-out infinite alternate tdc-barra}.musica.acceso .barre i:nth-child(2){animation-delay:-.4s}.musica.acceso .barre i:nth-child(3){animation-delay:-.8s}@keyframes tdc-barra{0%{height:3px}to{height:11px}}#tdc-stage{background:var(--bg);height:100svh;min-height:560px;position:relative;overflow:hidden}#tdc-canvas{cursor:grab;touch-action:pan-y;width:100%;height:100%;display:block;position:absolute;inset:0}#tdc-canvas:active{cursor:grabbing}.velo{pointer-events:none;z-index:1;background:radial-gradient(at 55%,#07080d00 52%,#040408cc 100%),linear-gradient(#07080d8c,#07080d00 24% 72%,#07080d);position:absolute;inset:0}.hero-testo{z-index:3;pointer-events:none;max-width:520px;position:absolute;top:20vh;left:6vw}.hero-testo .azioni{pointer-events:auto}.hero-testo .di{font-family:var(--caps);letter-spacing:.26em;text-transform:uppercase;color:var(--dim);font-size:12px}.hero-testo img{filter:drop-shadow(0 6px 24px #000c);width:min(380px,72vw);height:auto;margin:14px 0 18px}.motto{color:var(--ink);text-shadow:0 2px 14px #000000e6;font-size:clamp(20px,2vw,26px);font-style:italic;line-height:1.35}.azioni{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.bottone{font-family:var(--caps);letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--gold);color:var(--bg);background:var(--gold);cursor:pointer;border-radius:2px;align-items:center;gap:10px;padding:13px 20px;font-size:12px;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.bottone:hover{background:var(--gold-hi)}.bottone.vuoto{color:var(--gold-hi);background:#07080d66}.bottone.vuoto:hover{background:#c9a45c24}.suggerimento{z-index:3;font-family:var(--caps);letter-spacing:.2em;text-transform:uppercase;color:var(--faint);font-size:11px;position:absolute;bottom:30px;left:6vw}#tdc-pins{z-index:4;pointer-events:none;opacity:0;transition:opacity 1.2s;position:absolute;inset:0}#tdc-stage.pronto #tdc-pins{opacity:1}.tdc-pin{pointer-events:auto;cursor:pointer;font-family:var(--caps);letter-spacing:.12em;color:var(--gold-hi);white-space:nowrap;backdrop-filter:blur(4px);background:#08080c9e;border:1px solid #e6c68261;border-radius:999px;align-items:center;gap:0;padding:4px 10px;font-size:12px;transition:opacity .3s,border-color .2s,background .2s;display:inline-flex;position:absolute;top:0;left:0}.tdc-pin .nome{opacity:0;max-width:0;font-family:var(--serif);letter-spacing:0;text-transform:none;color:var(--ink);font-size:14px;transition:max-width .35s,opacity .25s,margin .35s;overflow:hidden}.tdc-pin:hover,.tdc-pin:focus-visible,.tdc-pin.scelto{border-color:var(--gold-hi);background:#14100ad9;outline:none}.tdc-pin:hover .nome,.tdc-pin:focus-visible .nome,.tdc-pin.scelto .nome{opacity:1;max-width:220px;margin-left:8px}.tdc-pin.fuori{opacity:0;pointer-events:none}.tdc-index{z-index:3;flex-direction:column;gap:2px;display:flex;position:absolute;top:50%;right:26px;transform:translateY(-50%)}.tdc-index button{cursor:pointer;color:var(--faint);text-align:right;background:0 0;border:0;justify-content:flex-end;align-items:baseline;gap:10px;padding:5px 4px;transition:color .2s;display:flex}.tdc-index button .n{font-family:var(--caps);text-align:right;min-width:26px;font-size:12px}.tdc-index button .t{font-size:15px}.tdc-index button:hover,.tdc-index button[aria-current=true]{color:var(--gold-hi)}.caricamento{z-index:8;background:var(--bg);pointer-events:none;place-items:center;transition:opacity 1.4s;display:grid;position:absolute;inset:0}.caricamento p{color:var(--gold);letter-spacing:.02em;font-size:22px;font-style:italic}#tdc-stage:not(.loading) .caricamento{opacity:0}.nogl-avviso,#tdc-stage.nogl #tdc-canvas,#tdc-stage.nogl #tdc-pins,#tdc-stage.nogl .suggerimento{display:none}#tdc-stage.nogl{background:url(img/leone.webp) 50%/cover}#tdc-stage.nogl .nogl-avviso{z-index:3;max-width:300px;color:var(--dim);text-align:right;font-size:15px;display:block;position:absolute;bottom:30px;right:26px}#tdc-panel{z-index:6;overscroll-behavior:contain;border-left:1px solid var(--line);background:linear-gradient(90deg,#09090eed,#09090efa);width:min(470px,100%);padding:132px 38px 44px;transition:transform .5s cubic-bezier(.2,.7,.2,1);position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}#tdc-panel.aperto{transform:none}.p-chiudi{z-index:2;border:1px solid var(--line2);cursor:pointer;width:38px;height:38px;color:var(--dim);background:#09090ed9;border-radius:50%;font-size:20px;line-height:1;position:absolute;top:80px;right:26px}.hero-testo,.suggerimento{transition:opacity .5s}#tdc-stage.scheda .hero-testo,#tdc-stage.scheda .suggerimento{opacity:0;pointer-events:none}#tdc-stage.scheda .hero-testo .azioni{pointer-events:none}.p-chiudi:hover{color:var(--gold-hi);border-color:var(--gold)}.p-img{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:4px;width:100%;margin:4px 0 22px;mask-image:linear-gradient(#000 72%,#0000)}.p-titolo{font-family:var(--caps);color:var(--ink);margin-top:10px;font-size:38px;line-height:1.1}.p-nome-it{color:var(--dim);margin-top:6px;font-size:18px;font-style:italic}.p-canto{font-family:var(--caps);letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin-top:4px;font-size:11px}.p-sezioni h3{font-family:var(--caps);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:26px 0 6px;font-size:12px}.p-sezioni p{color:var(--ink);font-size:18px;line-height:1.6}.p-verso{border-top:1px solid var(--line);margin:30px 0 0;padding:20px 0 0}.p-verso-it{white-space:pre-line;color:var(--gold-hi);font-size:19px;font-style:italic;line-height:1.5}.p-verso-en{white-space:pre-line;color:var(--dim);margin-top:10px;font-size:16px;line-height:1.5}.p-cita{font-family:var(--caps);letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin-top:10px;font-size:11px}.p-gioco-box{flex-direction:column;gap:8px;margin-top:26px;display:flex}.p-gioco-box .kicker{font-size:11px}.p-gioco{border:1px solid var(--line2);color:var(--dim);border-radius:3px;align-self:flex-start;padding:8px 14px;font-size:16px;display:inline-block}.p-gioco[data-stato=ora]{color:#cfe8c0;background:#5f8a521f;border-color:#5f8a52}.p-gioco[data-stato=demo]{border-color:var(--gold);color:var(--gold-hi);background:#c9a45c1a}.p-passi{justify-content:space-between;gap:12px;margin-top:34px;display:flex}.p-passi button{border:1px solid var(--line2);cursor:pointer;font-family:var(--caps);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);background:0 0;border-radius:2px;padding:10px 14px;font-size:11px}.p-passi button:hover:not(:disabled){border-color:var(--gold);color:var(--gold-hi)}.p-passi button:disabled{opacity:.3;cursor:default}.sezione{padding:clamp(80px,10vw,150px) 0;position:relative}.sezione h2{font-family:var(--caps);color:var(--gold-hi);margin:12px 0 22px;font-size:clamp(34px,4.2vw,58px);line-height:1.08}.sezione .intro{max-width:720px;color:var(--ink);font-size:21px}.riga{background:linear-gradient(90deg, transparent, var(--line2) 18%, var(--line2) 82%, transparent);height:1px}.due{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(32px,6vw,80px);display:grid}.due img{border:1px solid var(--line);aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;border-radius:6px;width:100%;height:auto}.tratti{grid-template-columns:repeat(3,1fr);gap:26px;margin-top:56px;display:grid}.tratto{border-top:1px solid var(--gold);padding-top:18px}.tratto h3{font-family:var(--caps);color:var(--ink);margin-bottom:8px;font-size:19px}.tratto p{color:var(--dim);font-size:17px}.personaggi{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:44px;display:grid}.persona .ritratto{border:1px solid var(--line);background:radial-gradient(circle at 50% 38%,#2a211b 0%,#0e0c0b 72%);border-radius:8px;justify-content:center;align-items:flex-end;height:430px;display:flex;overflow:hidden}.persona .ritratto img{-o-object-fit:contain;object-fit:contain;-o-object-position:bottom center;object-position:bottom center;width:100%;height:100%}.persona h3{font-family:var(--caps);color:var(--gold-hi);margin:18px 0 6px;font-size:26px}.persona p{color:var(--dim);font-size:17px}.galleria{grid-template-columns:repeat(12,1fr);gap:10px;margin-top:40px;display:grid}.galleria button{cursor:zoom-in;aspect-ratio:16/9;background:0 0;border:0;border-radius:4px;grid-column:span 3;padding:0;position:relative;overflow:hidden}.galleria button:nth-child(-n+3){grid-column:span 4}.galleria img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .6s,filter .3s}.galleria button:hover img{filter:brightness(1.1);transform:scale(1.05)}.galleria-nota{color:var(--faint);margin-top:14px;font-size:15px}.cantiche{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px;display:grid}.cantica{border:1px solid var(--line);background:linear-gradient(to bottom, var(--surface), var(--bg2));border-radius:6px;padding:30px 28px}.cantica.prima{border-color:var(--gold);box-shadow:0 0 0 1px #c9a45c33,0 20px 60px #c9a45c0f}.cantica .kicker{font-size:11px}.cantica h3{font-family:var(--caps);color:var(--ink);margin:10px 0 8px;font-size:30px}.cantica p{color:var(--dim);font-size:17px}.segui{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.segui .steam{opacity:.85;cursor:default}.stampa{color:var(--dim);margin-top:44px;font-size:17px}.stampa a{color:var(--gold-hi)}footer{border-top:1px solid var(--line);color:var(--faint);padding:44px 0 60px;font-size:14px}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:10px 28px;display:flex}footer a{color:var(--dim)}#foto{width:100vw;max-width:none;height:100vh;max-height:none;color:var(--ink);background:#040408f5;border:0;padding:0}#foto::backdrop{background:#000000d9}#foto figure{flex-direction:column;justify-content:center;align-items:center;height:100%;margin:0;padding:56px 70px;display:flex}#foto img{border-radius:4px;width:auto;max-height:calc(100vh - 150px)}#foto figcaption{color:var(--dim);margin-top:14px;font-style:italic}#foto .f-btn{border:1px solid var(--line2);cursor:pointer;width:46px;height:46px;color:var(--ink);background:#0006;border-radius:50%;font-size:20px;position:absolute;top:50%;transform:translateY(-50%)}#foto .f-prec{left:16px}#foto .f-succ{right:16px}#foto .f-chiudi{border:1px solid var(--line2);cursor:pointer;width:42px;height:42px;color:var(--ink);background:0 0;border-radius:50%;font-size:20px;position:absolute;top:16px;right:16px}@media (width<=900px){.nav-link{display:none}.nav{gap:10px;padding:14px 16px;position:absolute}.marchio{letter-spacing:.14em;font-size:12px}.nav-destra{gap:12px}.nav-destra a{letter-spacing:.12em;font-size:11px}.lingua{padding:3px 8px}.musica{padding:6px 8px}.musica-testo{display:none}.hero-testo{max-width:330px;inset:58px 18px auto}.hero-testo .di{letter-spacing:.2em;font-size:10px}.hero-testo img{width:min(170px,46vw);margin:6px 0 8px}.motto{font-size:15px;line-height:1.3}.azioni{gap:8px;margin-top:10px}.bottone{letter-spacing:.16em;padding:8px 12px;font-size:10px}.suggerimento{display:none}.tdc-index{scrollbar-width:none;flex-direction:row;gap:6px;padding:0 16px;inset:auto 0 18px;overflow-x:auto;transform:none}.tdc-index button{border:1px solid var(--line2);background:#07080db3;border-radius:999px;flex:none;padding:6px 12px}.tdc-index button .t{font-size:14px}#tdc-panel{border-left:0;border-top:1px solid var(--line);background:#0a0a0f;width:100%;height:78%;padding:64px 24px 40px;top:auto;transform:translateY(100%)}.p-chiudi{top:14px;right:16px}#tdc-stage.scheda .tdc-index{opacity:0;pointer-events:none}.due,.tratti,.personaggi,.cantiche{grid-template-columns:1fr}.galleria{grid-template-columns:repeat(2,1fr)}.galleria button,.galleria button:nth-child(-n+3){grid-column:auto}.galleria button:first-child{grid-column:span 2}.persona .ritratto{height:360px}#foto figure{padding:56px 12px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.musica.acceso .barre i{height:8px;animation:none}}
