@font-face{font-family:Space Grotesk;font-weight:500;font-display:swap;src:url(./space-grotesk-latin-500-normal-lFbtlQH6.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-weight:700;font-display:block;src:url(./space-grotesk-latin-700-normal-RjhwGPKo.woff2)format("woff2")}:root{--notte:#020306;--inchiostro:#1a1b1e;--carta:#efe9dc;--arancio:#e4572e;--velato:#efe9dcad;--titoli:"Space Grotesk", "Century Gothic", "Futura", "Avenir Next", "Trebuchet MS", "Segoe UI", system-ui, sans-serif;--testo:system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--notte)}body{height:100svh;color:var(--carta);font:1rem/1.5 var(--testo);background:var(--notte);flex-direction:column;margin:0;display:flex;overflow:hidden}#cielo,#bianco{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}#cielo{background:var(--notte) url(./nebulosa-verticale-aMx5GkxS.webp) center / cover no-repeat}@media (aspect-ratio>=1){#cielo{background-image:url(./nebulosa-orizzontale-BQllaD_8.webp)}}#cielo:after{content:"";background:#02030647;position:absolute;inset:0}#bianco{z-index:1;background:#fff}.testata,main{z-index:2;position:relative}main{flex:1;min-height:0}.testata,.scheda,.piede{text-shadow:0 0 8px #020306e6,0 1px 2px #020306e6}.entra{text-shadow:none}.testata{padding:max(1.1rem, env(safe-area-inset-top)) 1rem 0;text-align:center}.testata h1{font:700 .95rem/1.2 var(--titoli);margin:0}.testata a{color:inherit;flex-direction:column;align-items:center;gap:.4rem;padding:.2rem .6rem;text-decoration:none;display:inline-flex}.testata .nome{letter-spacing:.42em;text-transform:uppercase;padding-left:.42em}.testata .scrivi{border:1px solid var(--velato);font:500 .74rem/1 var(--titoli);letter-spacing:.06em;text-shadow:none;opacity:0;background:#0203069e;border-radius:999px;align-items:center;gap:.45em;padding:.3rem .75rem;transition:opacity .25s,translate .25s;display:inline-flex;translate:0 -4px}.testata .scrivi svg{width:1.15em;height:1.15em}.testata a:hover .scrivi,.testata a:focus-visible .scrivi{opacity:1;translate:0}.testata a:hover .nome{color:#fff}.testata a:focus-visible{outline:2px solid var(--carta);outline-offset:2px;border-radius:.5rem}@media (hover:none){.testata .scrivi{opacity:1;translate:0}}body:not(.aperto) .testata{pointer-events:none}.spazio{flex-direction:column;align-items:center;height:100%;padding:0 1rem 1.5rem;display:flex}.scena{--u:1px;aspect-ratio:1;width:min(94vw,60svh,700px);margin:auto 0 calc(var(--u) * -75);flex:none;position:relative}.strato{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}#dietro,#anelli{z-index:0}#mondo{z-index:2}#anelli,#mondo{opacity:0}#davanti{z-index:3}.anello .fascia{fill:none;stroke:var(--inchiostro);stroke-width:15px}.marchio .gambo{stroke:var(--inchiostro);stroke-width:15px;stroke-linecap:round}.marchio text{fill:var(--inchiostro);font:700 21px "Space Grotesk", var(--titoli)}.luna{--tinta:var(--carta);width:48px;height:48px;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;will-change:transform;background:0 0;border:0;border-radius:50%;margin:-24px 0 0 -24px;padding:0;position:absolute;top:50%;left:50%}.luna .sfera{width:max(22px, calc(var(--u) * 24.6));aspect-ratio:1;background:color-mix(in srgb, var(--tinta) calc((1 - var(--rilievo,0)) * 100%), transparent);box-shadow:0 0 0 calc(var(--u) * 9.2) rgba(255, 255, 255, var(--stacco,0));border-radius:50%;transition:scale .3s;position:absolute;top:50%;left:50%;translate:-50% -50%}.luna .sfera canvas{width:100%;height:100%;opacity:var(--rilievo,0);position:absolute;inset:0}.luna .etichetta{left:50%;top:calc(50% + max(11px, calc(var(--u) * 15)) + 6px);width:max-content;max-width:6.5em;font:500 .78rem/1.15 var(--titoli);letter-spacing:.08em;text-align:center;text-shadow:0 0 6px var(--notte), 0 0 2px var(--notte);opacity:var(--scritte,0);position:absolute;translate:-50%}.luna:after{content:"";width:max(22px, calc(var(--u) * 24.6));aspect-ratio:1;opacity:0;pointer-events:none;border:2px solid #fff;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 6px #fff9}.aperto:not(.toccato) .luna:after{animation:onda 2.6s ease-out var(--ritardo,0s) infinite}@keyframes onda{0%{opacity:.9;scale:1}70%,to{opacity:0;scale:2.5}}.luna:hover .sfera,.luna[aria-pressed=true] .sfera{scale:1.25}.luna[aria-pressed=true] .sfera{box-shadow:0 0 0 2px var(--notte), 0 0 0 4px var(--carta)}.luna:focus-visible{outline:2px solid var(--carta);outline-offset:2px}.scheda{z-index:5;text-align:center;width:min(100%,30rem);min-height:9.5rem;margin-bottom:auto;padding-top:.5rem;position:relative}.scheda .invito{color:var(--velato);margin:1rem 0 0}.scheda h2{font:500 1.25rem/1.2 var(--titoli);letter-spacing:.12em;margin:0 0 .3rem}.scheda p{margin:0 0 .8rem}.azioni{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;display:flex}.entra,.chiudi,.arrivo{min-height:44px;font:500 .9rem/1 var(--titoli);letter-spacing:.1em;border-radius:999px;align-items:center;padding:0 1.2rem;text-decoration:none;display:inline-flex}.entra{background:var(--arancio);color:#14090a;font-weight:700}.entra:hover{background:#f06a42}.arrivo{border:1px dashed var(--velato);color:var(--velato)}.chiudi{border:1px solid var(--velato);color:var(--carta);cursor:pointer;background:0 0}.chiudi:hover{border-color:var(--carta)}.entra:focus-visible,.chiudi:focus-visible{outline:2px solid var(--carta);outline-offset:3px}.senza{z-index:7;text-align:center;margin:0;position:fixed;inset:auto 1rem 40%}.senza a{color:inherit}.nascosto{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.piede{right:max(.7rem, env(safe-area-inset-right));bottom:max(.6rem, env(safe-area-inset-bottom));z-index:6;text-align:right;color:#efe9dcd9;font-size:.68rem;line-height:1.45;position:fixed}.piede p{margin:0}.piede a{color:inherit}.piede a:focus-visible{outline:2px solid var(--carta);outline-offset:2px}.testata,.scheda,.piede{opacity:0;transition:opacity .8s}.aperto .testata,.aperto .scheda,.aperto .piede{opacity:1}body:not(.aperto) .luna{pointer-events:none}.subito .testata,.subito .scheda,.subito .piede{transition:none}@media (prefers-reduced-motion:reduce){.luna .sfera,.testata,.scheda,.piede,.testata .scrivi{transition:none}.aperto:not(.toccato) .luna:after{opacity:.7;animation:none;scale:1.5}}
