.bubble-menu{display:flex;align-items:center;gap:12px;z-index:9999}.bubble-menu.fixed{position:fixed;top:16px;right:16px}.bubble-menu.absolute{position:absolute}.bubble{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a;transform-origin:top right;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),width .3s ease,height .3s ease,margin-top .3s ease;cursor:pointer;border:none;outline:none;transform:scale(1)}.bubble:hover{transform:scale(1.05)}.bubble.scrolled{transform:scale(.75);margin-top:-4px}.bubble.scrolled:hover{transform:scale(.85)}.logo-content{display:flex;align-items:center;justify-content:center}.bubble-logo{width:28px;height:28px;object-fit:contain}.menu-btn{flex-direction:column;gap:6px;padding:0}.menu-line{display:block;width:24px;height:2px;border-radius:4px;transition:transform .3s ease,width .3s ease}.menu-line.short{width:16px;align-self:center}.menu-btn.open .menu-line:first-child{transform:translateY(4px) rotate(45deg)}.menu-btn.open .menu-line.short{width:24px;transform:translateY(-4px) rotate(-45deg)}.bubble-menu-items{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:#001847f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9998;display:none;flex-direction:column;align-items:center;justify-content:center;padding:20px 0}.pill-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;height:85vh;width:100%;justify-content:space-evenly;align-items:center}.pill-col{display:flex;justify-content:center;width:100%}.pill-link{display:block;text-decoration:none;padding:1rem 3rem;background-color:var(--pill-bg);color:var(--pill-color);border-radius:9999px;font-family:Fredoka,cursive;font-weight:700;font-size:2rem;text-transform:capitalize;transform:rotate(var(--item-rot));transition:background-color .3s ease,color .3s ease,transform .3s ease;box-shadow:0 10px 25px #0003;text-align:center;max-width:80vw}.pill-link:hover{background-color:var(--hover-bg);color:var(--hover-color);transform:scale(1.1) rotate(0)}.pill-label{display:block}@media(min-width:900px){.pill-link{font-size:3.5rem;padding:1.5rem 4rem;max-width:none}.pill-list{height:auto;gap:2rem;justify-content:center}}.parallax{position:relative;overflow:hidden;margin:0;padding:0;line-height:1.2;cursor:grab}.parallax:active{cursor:grabbing}.scroller{display:flex;white-space:nowrap;text-align:center;font-family:Fredoka,cursive;font-weight:700;letter-spacing:-.02em;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))}.scroller span{display:block;padding-right:30px;flex-shrink:0}.custom-scroll-text{font-size:1.5rem;color:#f9fbfb;opacity:.7;transition:opacity .3s ease,color .3s ease}.parallax:hover .custom-scroll-text{opacity:1;color:#fff}.parallax:nth-child(2n) .custom-scroll-text{color:#ff914d}.parallax:nth-child(3n) .custom-scroll-text{color:#8dc63f}.parallax:nth-child(4n) .custom-scroll-text{color:#7b93db}@media(min-width:768px){.custom-scroll-text{font-size:3rem}}:root{--folder-color: #70a1ff;--folder-back-color: #4785ff;--paper-1: #e6e6e6;--paper-2: #f2f2f2;--paper-3: #ffffff}.folder-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:fit-content;margin:0 auto;position:relative;z-index:1}.folder-container:hover,.folder.open{z-index:10}.folder{transition:all .2s ease-in;cursor:pointer;position:relative}.folder:not(.folder--click):hover{transform:translateY(-8px)}.folder:not(.folder--click):hover .paper{transform:translate(-50%)}.folder:not(.folder--click):hover .folder__front{transform:skew(15deg) scaleY(.6)}.folder:not(.folder--click):hover .right{transform:skew(-15deg) scaleY(.6)}.folder.open{transform:translateY(-8px)}.folder.open .paper:nth-child(1){transform:translate(-120%,-70%) rotate(-15deg)}.folder.open .paper:nth-child(1):hover{transform:translate(-120%,-70%) rotate(-15deg) scale(1.1)}.folder.open .paper:nth-child(2){transform:translate(10%,-70%) rotate(15deg);height:80%}.folder.open .paper:nth-child(2):hover{transform:translate(10%,-70%) rotate(15deg) scale(1.1)}.folder.open .paper:nth-child(3){transform:translate(-50%,-100%) rotate(5deg);height:80%}.folder.open .paper:nth-child(3):hover{transform:translate(-50%,-100%) rotate(5deg) scale(1.1)}.folder.open .folder__front{transform:skew(15deg) scaleY(.6)}.folder.open .right{transform:skew(-15deg) scaleY(.6)}.folder__back{position:relative;width:100px;height:80px;background:var(--folder-back-color);border-radius:0 10px 10px}.folder__back:after{position:absolute;z-index:0;bottom:98%;left:0;content:"";width:30px;height:10px;background:var(--folder-back-color);border-radius:5px 5px 0 0}.paper{position:absolute;z-index:2;bottom:10%;left:50%;transform:translate(-50%,10%);width:70%;height:80%;background:var(--paper-1);border-radius:10px;transition:all .3s ease-in-out;box-shadow:0 2px 5px #0000001a}.paper:nth-child(2){background:var(--paper-2);width:80%;height:70%}.paper:nth-child(3){background:var(--paper-3);width:90%;height:60%}.folder__front{position:absolute;z-index:3;width:100%;height:100%;background:var(--folder-color);border-radius:5px 10px 10px;transform-origin:bottom;transition:all .3s ease-in-out;box-shadow:0 5px 15px #0003}.folder__front.right{z-index:3;opacity:.1;background:#000;pointer-events:none}.circular-gallery{width:100%;height:100%;overflow:hidden;cursor:grab;position:relative}.circular-gallery:active{cursor:grabbing}.circular-gallery canvas{width:100%!important;height:100%!important;display:block}