@import"https://fonts.googleapis.com/css2?family=Lilita+One&family=Roboto+Slab:wght@600&display=swap&family=Open+Sans:wght@300";:root{--color-white: #ffffff;--color-footer: #ffffff}:root{--ease-in-sine: cubic-bezier(.47, 0, .745, .715);--ease-out-sine: cubic-bezier(.39, .575, .565, 1);--ease-in-out-sine: cubic-bezier(.445, .05, .55, .95);--ease-in-quad: cubic-bezier(.55, .085, .68, .53);--ease-out-quad: cubic-bezier(.25, .46, .45, .94);--ease-in-out-quad: cubic-bezier(.455, .03, .515, .955);--ease-in-cubic: cubic-bezier(.55, .055, .675, .19);--ease-out-cubic: cubic-bezier(.215, .61, .355, 1);--ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1);--ease-in-quart: cubic-bezier(.895, .03, .685, .22);--ease-out-quart: cubic-bezier(.165, .84, .44, 1);--ease-in-out-quart: cubic-bezier(.77, 0, .175, 1);--ease-in-quint: cubic-bezier(.755, .05, .855, .06);--ease-out-quint: cubic-bezier(.23, 1, .32, 1);--ease-in-out-quint: cubic-bezier(.86, 0, .07, 1);--ease-in-expo: cubic-bezier(.95, .05, .795, .035);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-in-out-expo: cubic-bezier(1, 0, 0, 1);--ease-in-circ: cubic-bezier(.6, .04, .98, .335);--ease-out-circ: cubic-bezier(.075, .82, .165, 1);--ease-in-out-circ: cubic-bezier(.785, .135, .15, .86);--ease-out-bounce: cubic-bezier(.22, 1.45, .36, 1)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{font-weight:400;text-align:left;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:""}a img{border:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}html{box-sizing:border-box;overflow-x:hidden}html.scroll{overflow:visible}*,*:after,*:before{box-sizing:border-box}:root{font-size:14px;--color-text: #111;--color-bg: #fff;--color-link: #000;--color-link-hover: #000}body{margin:0;color:var(--color-text);background-color:var(--color-bg);font-family:degular-variable,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-variation-settings:"wght" 481,"opsz" 71,"ital" 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.js .loading:before,.js .loading:after{content:"";position:fixed;z-index:1000}.js .loading:before{top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.js .loading:after{top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;opacity:.4;background:var(--color-link);animation:loaderAnim .7s linear infinite alternate forwards}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}a{text-decoration:none;color:var(--color-link);outline:none;cursor:pointer}a:hover{color:var(--color-link-hover);outline:none}a:focus{outline:none;background:lightgrey}a:focus:not(:focus-visible){background:transparent}a:focus-visible{outline:2px solid red;background:transparent}.unbutton{background:none;border:0;padding:0;margin:0;font:inherit;cursor:pointer}.unbutton:focus{outline:none}.frame{font-family:area-normal,sans-serif;font-size:.75rem;z-index:1000;position:relative;padding:1.5rem;display:grid;grid-template-columns:100%;grid-template-areas:"title" "prev" "back" "sponsor" "demos";grid-gap:.5rem;justify-items:start;align-self:start;justify-self:start;pointer-events:none}body #cdawrap{justify-self:start}.frame a{pointer-events:auto}.frame__title{grid-area:title;margin:0;font-weight:inherit;font-size:2.6vh;line-height:1.5;padding:48px;padding-right:20vw}.frame__back{grid-area:back}.frame__prev{grid-area:prev}.frame__demos{grid-area:demos;display:flex;gap:1rem}.frame__demo--current{opacity:.5}.wrapper{width:100%;position:absolute;top:0;left:0}.lil-gui{display:none!important}@media screen and (min-width: 53em){.frame{position:fixed;height:100%;width:100%;grid-template-columns:auto 1fr auto auto;grid-template-rows:auto auto 1fr;grid-template-areas:"title back sponsor sponsor" "demos demos ... ..." "... ... ... prev";justify-content:start;justify-items:start;gap:1.5rem}.frame__prev{align-self:end;justify-self:end}}@media screen and (max-width: 768px){.frame__title{padding:8px!important}.card{height:430px!important;width:50vw!important}.text__words{font-size:40px!important}}.card{width:30vw;max-width:400px;max-height:600px;height:60vh;margin:45vh auto;opacity:0;margin-bottom:-20vh!important}.card:nth-child(2n){transform:translate(-15vw)}.card:nth-child(odd){transform:translate(15vw)}.card.is-visible{opacity:1;transition:opacity .5s ease}.card.is-visible .card__content{transform:none}@media only screen and (max-width: 768px){.card{height:230px}}.card__content{position:relative;width:100%;height:100%;display:block;border-radius:3vw;overflow:hidden;cursor:pointer;z-index:1;transform:scale(.5);transition:transform 1s var(--ease-out-bounce) 0s}.card__canvas{position:absolute;top:0;left:0;width:100%;height:100%}.text{transition:transform 1.2s var(--ease-out-bounce) .1s;width:100%;position:absolute;top:50%;left:50%;height:100%;transform:translate(-50%,-50%) scale(.2);z-index:2;display:flex;justify-content:center;align-items:center;pointer-events:none}.is-visible .text{transform:translate(-50%,-50%)}.text__content{text-align:center}.text__words{font-size:3vw;text-align:center;width:100%}@media only screen and (max-width: 768px){.text__words{font-size:28px}}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}.scroll{position:fixed;bottom:1.5rem;left:1.5rem;font-size:2rem;font-weight:400;opacity:0;transition:opacity 1s}.scroll.is-visible{opacity:.75}.background{position:fixed;top:0;left:0;width:100%;height:100%}.background__canvas{width:100%;height:100%}
/* --- SEZIONE SEE MORE --- */
.see-more {
    position: relative;
    text-align: center;
    margin-top: 15vh;
    margin-bottom: 10vh;
    z-index: 9999;
  }
  
  .see-more a {
    
font-size: 2rem;
    color: #000;
    text-decoration: none;
    transition: all 0.3s ease;
  }
  
  .see-more a:hover {
    opacity: 0.6;
    transform: scale(1.05);
  }