.cm{--cm-raggio:clamp(16px, 1.7vw, 26px);--cm-cornice:2px;--cm-alta-grande:clamp(420px, 66svh, 720px);--cm-alta-piccola:clamp(300px, 46svh, 500px);--cm-base:46%;--cm-vetro:.14;--cm-giro:calc(var(--dur-curtain) * 6);isolation:isolate;padding-block:clamp(2.6rem,6vh,4.4rem) clamp(2rem,5vh,3.4rem);padding-inline:clamp(16px,3.4vw,64px);position:relative}.fv.fv--mete{z-index:0;--fv-velo-alto:#f6f7f880;--fv-velo-mezzo:#f6f7f83d;--fv-velo-basso:#f6f7f866;--fv-taglio:50% 50%;position:absolute}.cm__griglia{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);margin:0;padding:0;list-style:none;display:grid}.cm__cella{perspective:1100px;min-inline-size:0}.cm__cella[data-peso=grande]{block-size:var(--cm-alta-grande);grid-column:span 5}.cm__cella[data-peso=grande]:nth-child(4n+1),.cm__cella[data-peso=grande]:nth-child(4n){grid-column:span 7}.cm__cella[data-peso=piccola]{block-size:var(--cm-alta-piccola);grid-column:span 3}@media (max-width:1099px){.cm{--cm-alta-grande:clamp(320px, 52svh, 600px);--cm-alta-piccola:clamp(230px, 36svh, 420px)}.cm__cella[data-peso=grande],.cm__cella[data-peso=grande]:nth-child(4n+1),.cm__cella[data-peso=grande]:nth-child(4n){grid-column:span 12}.cm__cella[data-peso=piccola]{grid-column:span 6}}@media (max-width:599px){.cm{--cm-alta-grande:clamp(250px, 40svh, 340px);--cm-alta-piccola:clamp(190px, 28svh, 250px);--cm-base:52%}}@media (max-height:520px) and (min-width:640px){.cm{--cm-alta-grande:78svh;--cm-alta-piccola:64svh}.cm__cella[data-peso=grande]{grid-column:span 5}.cm__cella[data-peso=grande]:nth-child(4n+1),.cm__cella[data-peso=grande]:nth-child(4n){grid-column:span 7}.cm__cella[data-peso=piccola]{grid-column:span 3}}.cm__carta{border-radius:var(--cm-raggio);color:#fbfcfd;block-size:100%;inline-size:100%;transform-style:preserve-3d;transition:transform var(--dur-base) var(--ease-emphasized), box-shadow var(--dur-base) var(--ease-standard);text-decoration:none;display:block;position:relative;box-shadow:0 1px 2px #0807061a,0 18px 38px -24px #0807066b}.cm__carta[data-mossa]{transition:box-shadow var(--dur-base) var(--ease-standard)}.cm__carta:before{content:"";inset:var(--cm-cornice);border-radius:calc(var(--cm-raggio) - var(--cm-cornice));pointer-events:none;background:linear-gradient(to top, #080706eb 0%, #080706d6 calc(var(--cm-base) * .28), #0807069e calc(var(--cm-base) * .55), #0807064d calc(var(--cm-base) * .8), #08070600 var(--cm-base));transition:opacity var(--dur-base) var(--ease-standard);position:absolute;transform:translateZ(1.5px)}.cm__carta:after{content:"";inset:var(--cm-cornice);border-radius:calc(var(--cm-raggio) - var(--cm-cornice));pointer-events:none;position:absolute;transform:translateZ(3px);box-shadow:inset 0 0 0 1px #ffffff42,inset 0 1px #ffffff6b}.cm__bordo{border-radius:var(--cm-raggio);transition:opacity var(--dur-base) var(--ease-standard);background:linear-gradient(135deg,#606a75f2 0%,#1c1f23f5 34%,#0e0f11f7 66%,#464e58f2 100%);position:absolute;inset:0;overflow:clip}.cm__alone{inset:var(--cm-cornice);border-radius:calc(var(--cm-raggio) - var(--cm-cornice));pointer-events:none;transition:opacity var(--dur-base) var(--ease-standard);position:absolute;overflow:clip;transform:translateZ(2.5px)}.cm__alone .cm__raggio{background:radial-gradient(circle at 25% 25%,#fff6 0,#e8eef530 4%,#d6dee812 7.4%,#d6dee800 11.4%)}.cm__raggio{animation:cm-giro var(--cm-giro) linear infinite;animation-delay:calc(var(--cm-i,0) * var(--dur-cinema) * -1);background:radial-gradient(circle at 25% 25%,#fff 0,#f0f4f9eb 3.2%,#d6dee880 8%,#d6dee800 16%);animation-play-state:paused;position:absolute;inset:-50%}.cm__raggio--2{animation-delay:calc(var(--cm-i,0) * var(--dur-cinema) * -1 - var(--cm-giro) / 2)}.cm__cella[data-viva] .cm__raggio{animation-play-state:running}@keyframes cm-giro{0%{transform:translate(0,0)}25%{transform:translate(50%)}50%{transform:translate(50%,50%)}75%{transform:translateY(50%)}to{transform:translate(0,0)}}.cm__foto{inset:var(--cm-cornice);border-radius:calc(var(--cm-raggio) - var(--cm-cornice));background-color:var(--gun-95);transition:opacity var(--dur-base) var(--ease-standard);position:absolute;overflow:clip;transform:translateZ(1px)}.cm__foto picture{display:block;position:absolute;inset:0;transform:scale(1.07)}.cm__foto img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.cm__luce{inset:var(--cm-cornice);border-radius:calc(var(--cm-raggio) - var(--cm-cornice));pointer-events:none;opacity:0;transition:opacity var(--dur-base) var(--ease-standard);position:absolute;overflow:clip;transform:translateZ(2px)}.cm__scia{aspect-ratio:1;background:radial-gradient(closest-side,#ffffff5c 0%,#e2e9f133 38%,#d6dee800 72%);border-radius:50%;inline-size:56%;margin:-28% 0 0 -28%;position:absolute;top:0;left:0}.cm__scia--coda{background:radial-gradient(closest-side,#e8eef533 0%,#d6dee81a 45%,#d6dee800 74%);inline-size:96%;margin:-48% 0 0 -48%}.cm__lama{background:linear-gradient(90deg,#fff0 0%,#ffffff0d 30%,#ffffff3d 50%,#ffffff0d 70%,#fff0 100%);block-size:220%;inline-size:30%;margin-left:-30%;position:absolute;top:-60%;left:0;transform:translate(-45%)rotate(16deg)}.cm__corpo{pointer-events:none;text-shadow:0 1px 2px #08070680,0 0 24px #08070657;padding:clamp(18px,2vw,34px) clamp(20px,2.2vw,38px) clamp(20px,2.1vw,34px);display:block;position:absolute;inset:auto 0 0;transform:translateZ(46px)}.cm__nome{font-family:var(--font-display);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(2.1rem,1.1rem + 2.9vw,4.2rem);font-weight:700;line-height:.94}.cm__cella[data-peso=piccola] .cm__nome{letter-spacing:-.032em;font-size:clamp(1.45rem,.9rem + 1.5vw,2.35rem)}@media (max-width:599px),(max-height:520px) and (min-width:640px){.cm__cella[data-peso=piccola] .cm__corpo{container-type:inline-size}.cm__cella[data-peso=piccola] .cm__nome{font-size:min(clamp(1.45rem, .9rem + 1.5vw, 2.35rem), calc((100cqi + 15px) / var(--cm-parola,1)))}}.cm__parola{white-space:nowrap;display:inline-block}.cm__lettera{display:inline-block}.cm__filo{transform-origin:0;block-size:1px;inline-size:clamp(64px,38%,190px);transition:transform var(--dur-slow) var(--ease-emphasized);background:linear-gradient(90deg,#ffffffeb,#d6dee833);margin-block-start:clamp(10px,1.1vw,16px);display:block;transform:scaleX(.28)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .cm__filo{transform-origin:100%}.cm__carta:is(:hover,:focus-visible){transform:translateZ(18px);box-shadow:0 2px 4px #0807061f,0 34px 60px -30px #0807068f}.cm__carta:is(:hover,:focus-visible) .cm__luce{opacity:1}.cm__carta:is(:hover,:focus-visible) .cm__filo{transform:scaleX(1)}.cm__carta:focus-visible .cm__scia{transform:translate(72%,22%)}.cm__carta:focus-visible{outline:3px solid var(--focus-color);outline-offset:4px;box-shadow:0 0 0 3px #ffffffeb,0 2px 4px #0807061f,0 34px 60px -30px #0807068f}@media (hover:hover){.rt-salita:has(.fv[data-acceso]) .cm__griglia:hover .cm__carta:not(:hover):not([data-ultima]) .cm__foto{opacity:var(--cm-vetro)}.rt-salita:has(.fv[data-acceso]) .cm__griglia:hover .cm__carta:not(:hover):not([data-ultima]) :is(.cm__bordo,.cm__alone){opacity:0}.rt-salita:has(.fv[data-acceso]) .cm__griglia:hover .cm__carta:not(:hover):not([data-ultima]):before{opacity:.72}.rt-salita:has(.fv[data-acceso]) .cm__griglia:hover .cm__carta:not(:hover):not([data-ultima]){box-shadow:0 1px 2px #0807060f}:is(.cm__griglia:has(.cm__carta:hover) .cm__carta:not(:hover) .cm__foto,.cm__griglia:has(.cm__carta:focus-visible) .cm__carta:not(:focus-visible) .cm__foto){opacity:var(--cm-vetro)}:is(.cm__griglia:has(.cm__carta:hover) .cm__carta:not(:hover) :is(.cm__bordo,.cm__alone),.cm__griglia:has(.cm__carta:focus-visible) .cm__carta:not(:focus-visible) :is(.cm__bordo,.cm__alone)){opacity:0}.cm__griglia:has(.cm__carta:hover) .cm__carta:not(:hover):before{opacity:.72}.cm__griglia:has(.cm__carta:focus-visible) .cm__carta:not(:focus-visible):before{opacity:.72}:is(.cm__griglia:has(.cm__carta:hover) .cm__carta:not(:hover),.cm__griglia:has(.cm__carta:focus-visible) .cm__carta:not(:focus-visible)){box-shadow:0 1px 2px #0807060f}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.cm__cella{animation:linear both cm-entra;animation-timeline:view();animation-range:cover cover 22%}}}@keyframes cm-entra{0%{transform:translate3d(0, var(--reveal-shift-lg,48px), 0) scale(.955)}to{transform:none}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.cm__lettera{animation:linear both cm-a-fuoco;animation-timeline:view();animation-range:cover calc(2% + var(--l,0) * 0.7%) cover calc(10% + var(--l,0) * 0.7%)}}}@keyframes cm-a-fuoco{0%{opacity:0;filter:blur(16px);transform:translateY(.32em)}to{opacity:1;filter:none;transform:none}}@media (hover:none){.cm__filo{transform:scaleX(.6)}.cm__corpo{transform:translateZ(4px)}}@media (prefers-reduced-motion:reduce){.cm__carta,.cm__foto,.cm__luce,.cm__filo{transition:none}.cm__carta:is(:hover,:focus-visible){transform:none}.cm__raggio{opacity:0;animation:none}.cm__corpo{transform:none}}@media (prefers-reduced-transparency:reduce){.cm{--cm-vetro:1}.rt-salita:has(.fv[data-acceso]) .cm__griglia:hover .cm__carta:not(:hover):not([data-ultima]) :is(.cm__bordo,.cm__alone){opacity:1}.cm__griglia:has(.cm__carta:hover) .cm__carta:not(:hover) :is(.cm__bordo,.cm__alone){opacity:1}.cm__griglia:has(.cm__carta:focus-visible) .cm__carta:not(:focus-visible) :is(.cm__bordo,.cm__alone){opacity:1}.fv.fv--mete{--fv-velo-alto:#f6f7f8f0;--fv-velo-mezzo:#f6f7f8e0;--fv-velo-basso:#f6f7f8f7}}@media print{.cm__cella{break-inside:avoid;perspective:none}.cm__bordo,.cm__luce,.sg{display:none}}
