.interactive-logo-container{aspect-ratio:1;width:100%;max-width:600px;margin:0 auto;position:relative}.interactive-leaf{cursor:pointer;transform-origin:50%;transform-box:fill-box;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),filter .4s}@media (hover:hover){:is(.interactive-leaf:hover,.interactive-logo-container:has(.label-superiori:hover) .left-leaf,.interactive-logo-container:has(.label-universita:hover) .right-leaf){filter:drop-shadow(0 0 25px #6fc173e6)brightness(1.1);transform:scale(1.2)}}@keyframes leaf-breathe-superiori{0%{filter:drop-shadow(0 0 5px #6fc17333);transform:scale(1)}25%{filter:drop-shadow(0 0 15px #6fc17380);transform:scale(1.15)}50%,to{filter:drop-shadow(0 0 5px #6fc17333);transform:scale(1)}}@keyframes leaf-breathe-universita{0%,50%{filter:drop-shadow(0 0 5px #6fc17333);transform:scale(1)}75%{filter:drop-shadow(0 0 15px #6fc17380);transform:scale(1.15)}to{filter:drop-shadow(0 0 5px #6fc17333);transform:scale(1)}}.left-leaf{animation:8s ease-in-out infinite leaf-breathe-superiori}.right-leaf{animation:8s ease-in-out infinite leaf-breathe-universita}:is(.interactive-logo-container:has(.interactive-leaf:hover) .left-leaf,.interactive-logo-container:has(.interactive-leaf:hover) .right-leaf,.interactive-logo-container:has(.leaf-label:hover) .left-leaf,.interactive-logo-container:has(.leaf-label:hover) .right-leaf){animation-play-state:paused}.leaf-label{pointer-events:auto;cursor:pointer;text-transform:uppercase;letter-spacing:1px;z-index:10;will-change:transform;font-size:1.1rem;font-weight:900;transition:transform .3s;position:absolute}.leaf-text-base,.leaf-text-highlight{text-align:center;width:max-content;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.leaf-text-base{color:#fff;text-shadow:0 4px 15px #10b981e6}.leaf-text-highlight{color:#0e3831;text-shadow:0 6px 20px #0e3831;opacity:0;will-change:opacity}@keyframes label-breathe-superiori{0%{transform:translate(-50%,-50%)scale(1)translateZ(0)}25%{transform:translate(-50%,-50%)scale(1.15)translateZ(0)}50%,to{transform:translate(-50%,-50%)scale(1)translateZ(0)}}@keyframes label-color-superiori{0%{opacity:0}25%{opacity:1}50%,to{opacity:0}}@keyframes label-breathe-universita{0%,50%{transform:translate(-50%,-50%)scale(1)translateZ(0)}75%{transform:translate(-50%,-50%)scale(1.15)translateZ(0)}to{transform:translate(-50%,-50%)scale(1)translateZ(0)}}@keyframes label-color-universita{0%,50%{opacity:0}75%{opacity:1}to{opacity:0}}.label-superiori{animation:8s ease-in-out infinite label-breathe-superiori;top:36%;left:18%;transform:translate(-50%,-50%)translateZ(0)}.label-superiori .leaf-text-highlight{animation:8s ease-in-out infinite label-color-superiori}.label-universita{animation:8s ease-in-out infinite label-breathe-universita;top:22%;left:83%;transform:translate(-50%,-50%)translateZ(0)}.label-universita .leaf-text-highlight{animation:8s ease-in-out infinite label-color-universita}@media (min-width:768px){@keyframes leaf-breathe-superiori{0%{filter:drop-shadow(0 0 5px #6fc17333);transform:scale(1)}25%{filter:drop-shadow(0 0 15px #6fc17380);transform:scale(1.09)}50%,to{filter:drop-shadow(0 0 5px #6fc17333);transform:scale(1)}}@keyframes leaf-breathe-universita{0%,50%{filter:drop-shadow(0 0 5px #6fc17333);transform:scale(1)}75%{filter:drop-shadow(0 0 15px #6fc17380);transform:scale(1.09)}to{filter:drop-shadow(0 0 5px #6fc17333);transform:scale(1)}}@keyframes label-breathe-superiori{0%{transform:translate(-50%,-50%)scale(1)translateZ(0)}25%{transform:translate(-50%,-50%)scale(1.09)translateZ(0)}50%,to{transform:translate(-50%,-50%)scale(1)translateZ(0)}}@keyframes label-breathe-universita{0%,50%{transform:translate(-50%,-50%)scale(1)translateZ(0)}75%{transform:translate(-50%,-50%)scale(1.09)translateZ(0)}to{transform:translate(-50%,-50%)scale(1)translateZ(0)}}.leaf-label{letter-spacing:2px;font-size:2.4rem}.label-superiori{top:36%;left:15%}.label-universita{top:22%;left:85%}}:is(.interactive-logo-container:has(.left-leaf:hover) .label-superiori,.label-superiori:hover),:is(.interactive-logo-container:has(.right-leaf:hover) .label-universita,.label-universita:hover){transform:translate(-50%,-50%)scale(1.15)translateZ(0)}.label-superiori:hover,.label-universita:hover,.label-superiori:hover .leaf-text-highlight,.label-universita:hover .leaf-text-highlight{animation-play-state:paused}.interactive-logo-container:has(.interactive-leaf:hover) .label-superiori{animation-play-state:paused}.interactive-logo-container:has(.interactive-leaf:hover) .label-universita{animation-play-state:paused}.interactive-logo-container:has(.interactive-leaf:hover) .leaf-text-highlight{animation-play-state:paused}.leaf-path-superiori,.leaf-path-universita{fill:#5abd76}
.book-positioner{z-index:100;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.book-wrapper{perspective:1500px}.book-container{width:240px;height:336px;transform-style:preserve-3d;transition:transform 1.5s cubic-bezier(.645,.045,.355,1);position:relative;transform:rotateY(-20deg)rotateX(0)translate(0)}.book-container.open{transform:rotateY(0)rotateX(0)translate(120px)}.book-container.closed-backwards{transform:rotateY(180deg)rotateX(0)translate(0)!important}.book-container.closed-backwards .book-shadow{opacity:0;transition:opacity .5s ease-out}.book-part{width:100%;height:100%;transform-style:preserve-3d;position:absolute;top:0;left:0}.superiori .book-cover-front,.superiori .book-cover-inner,.superiori .book-back-cover{background:linear-gradient(135deg,#0e3831,#08241f);border-right:2px solid #041210}.universita .book-cover-front,.universita .book-cover-inner,.universita .book-back-cover{background:linear-gradient(135deg,#2563eb,#1e40af);border-right:2px solid #1e3a8a}.superiori .book-spine{background:linear-gradient(90deg,#08241f,#0e3831)}.universita .book-spine{background:linear-gradient(90deg,#1e40af,#2563eb)}.book-spine{transform-origin:0;will-change:opacity;border-radius:0;width:32px;height:100%;transition:opacity .5s;position:absolute;top:0;left:0;transform:translateZ(10px)rotateY(90deg);box-shadow:inset -5px 0 10px #0006}.book-container.open .book-spine{opacity:0}.book-cover{transform-origin:0;z-index:50;transition:transform 1s cubic-bezier(.645,.045,.355,1);transform:rotateY(0)translateZ(10px)}.book-shadow{pointer-events:none;background:0 0;border-radius:10px;width:100%;height:100%;transition:all 1s cubic-bezier(.645,.045,.355,1);position:absolute;top:0;left:0;transform:translateZ(-40px);box-shadow:10px 20px 40px #00000080}.book-container.open .book-shadow{width:200%;left:-100%;transform:translateZ(-40px);box-shadow:0 40px 70px #0000004d}.book-cover-inner{backface-visibility:hidden;border-radius:10px 0 0 10px;width:100%;height:100%;position:absolute;transform:rotateY(180deg);box-shadow:inset -20px 0 40px #0000004d}.book-back-cover-wrapper{width:100%;height:100%;transform-style:preserve-3d;position:absolute;top:0;left:0;transform:translateZ(-20px)}.book-back-cover-inner{backface-visibility:hidden;border-radius:0 10px 10px 0;width:100%;height:100%;position:absolute;box-shadow:inset 10px 0 30px #0000001a}.book-back-cover-outer{backface-visibility:hidden;border-radius:10px 0 0 10px;width:100%;height:100%;position:absolute;transform:rotateY(180deg);box-shadow:inset -5px 5px 15px #0000004d}.superiori .book-back-cover-inner{background:linear-gradient(135deg,#0e3831,#08241f)}.superiori .book-back-cover-outer{background:linear-gradient(135deg,#0e3831,#08241f);border-right:2px solid #041210}.universita .book-back-cover-inner{background:linear-gradient(135deg,#2563eb,#1e40af)}.universita .book-back-cover-outer{background:linear-gradient(135deg,#2563eb,#1e40af);border-right:2px solid #1e3a8a}.book-cover-front{backface-visibility:hidden;border-radius:0 10px 10px 0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;box-shadow:inset 20px 0 40px #0000004d}.book-page-interactive{transform-origin:0;cursor:pointer;width:96%;height:96%;transform:rotateY(0deg) translateZ(var(--page-offset,0px));transition:transform .8s cubic-bezier(.645,.045,.355,1);top:2%;left:0}.page-front,.page-back{backface-visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute}.page-front{border-radius:0 10px 10px 0;box-shadow:inset 15px 0 30px #00000026,2px 2px 5px #0000000d}.page-back{border-radius:10px 0 0 10px;transform:rotateY(180deg)translateZ(1px);box-shadow:inset -15px 0 30px #00000026,-2px 2px 5px #0000000d}.book-container.open .book-cover{transform:rotateY(-180deg)translateZ(10px)}.book-container.open .book-page-interactive{transform:rotateY(-5deg) translateZ(var(--page-offset,0px))}.book-container.open .book-page-interactive.flipped{transform:rotateY(-175deg) translateZ(var(--page-offset,0px))}@keyframes book-spawn{0%{opacity:0;transform:scale(0)rotateX(90deg)}to{opacity:1;transform:scale(1)rotateX(0)}}@keyframes book-despawn{0%{opacity:1;transform:scale(1)rotateX(0)}to{opacity:0;transform:scale(0)rotateX(-90deg)}}.book-wrapper.spawning{animation:.8s cubic-bezier(.175,.885,.32,1.275) forwards book-spawn}.book-wrapper.despawning{animation:.6s cubic-bezier(.6,-.28,.735,.045) forwards book-despawn}.book-wrapper.spawning-done{opacity:1;transform:scale(1)rotateX(0)}.page-indicator{z-index:60;gap:6px;transition:left 1.5s cubic-bezier(.645,.045,.355,1);display:flex;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.book-container.open .page-indicator{left:0%}.page-dot{cursor:pointer;background:#ffffff40;border:1px solid #ffffff1a;border-radius:50%;width:7px;height:7px;transition:all .3s}.page-dot.active{background:#ffffffe6;transform:scale(1.3);box-shadow:0 0 6px #ffffff80}@keyframes fade-in-up{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.5s ease-out both fade-in-up}.delay-700{animation-delay:.7s}@media (max-width:768px){.book-container{width:160px;height:290px}.book-container.open{transform:rotateY(0)rotateX(0)translate(80px)}.page-indicator{bottom:-25px}}