.scroll-container{width:100%;height:100vh;position:relative}.horizontal-scroll{display:flex;flex-direction:row;align-items:stretch;height:100vh;width:100%;overflow-x:scroll!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x}.horizontal-scroll::-webkit-scrollbar{display:none}.vertical-scroll{display:block;overflow-y:auto;overflow-x:hidden;height:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth;touch-action:pan-y}.panel{flex:0 0 100vw;height:100vh;scroll-snap-align:start;position:relative;box-sizing:border-box;scroll-snap-stop:always}.hero-section{background:linear-gradient(270deg,#13a8c1,#7ac9ff,#c6a7ff,#13a8c1);background-size:800% 800%;animation:vibrantShift 30s ease-in-out infinite;overflow:hidden}@keyframes vibrantShift{0%{background-position:0 50%;filter:hue-rotate(0deg)}50%{background-position:100% 50%;filter:hue-rotate(40deg)}to{background-position:0 50%;filter:hue-rotate(0deg)}}.bubble{position:absolute;bottom:-40px;font-size:.9rem;background:hsla(0,0%,100%,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 12px;border-radius:20px;white-space:nowrap;animation:floatUp 12s ease-in infinite;opacity:0}@keyframes floatUp{0%{transform:translateY(0);opacity:0}10%{opacity:1}80%{opacity:1}to{transform:translateY(-120vh);opacity:0}}.hero-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,hsla(0,0%,100%,.5),transparent 70%);animation:pulseGlow 6s ease-in-out infinite;z-index:1}.hero-section:after{content:"";position:absolute;inset:0;background-image:url(https://res.cloudinary.com/dsdj9aobp/image/upload/v1760280238/Hero_Rena05_bjhpxy.png);background-size:cover;background-position:50%;background-repeat:no-repeat;opacity:.2;pointer-events:none;z-index:0;animation:drift 60s linear infinite;animation-delay:-30s}@keyframes drift{0%{background-position:0 0}50%{background-position:100% 50%}to{background-position:0 100%}}@keyframes pulseGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.fade-in{opacity:0;transform:translateY(30px) scale(.98);visibility:hidden;transition:opacity .8s ease,transform .8s ease}.fade-in.visible{opacity:1;transform:translateY(0) scale(1);visibility:visible}.scroll-top{position:fixed;right:5rem;cursor:pointer;z-index:9999;animation:float 3s ease-in-out infinite}.scroll-top:hover{transform:scale(1.1) rotate(2deg)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.character-gallery,.service-grid,.works-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;margin-top:2rem}.character-gallery div,.service-grid div,.works-grid div{background:hsla(0,0%,100%,.8);border-radius:12px;padding:1.5rem;width:250px;box-shadow:0 0 10px rgba(0,0,0,.05)}.carousel-auto{width:100%;overflow:hidden;position:relative;padding:1rem 0}.carousel-track-auto{display:flex;gap:2rem;animation:scrollLoop 40s linear infinite}.carousel-track-auto img{height:140px;width:auto;border-radius:12px;cursor:pointer;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease,box-shadow .3s ease}.carousel-track-auto img:hover{transform:scale(1.05);box-shadow:0 6px 15px rgba(0,0,0,.2)}@keyframes scrollLoop{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:10000;cursor:zoom-out;animation:fadeIn .3s ease}.modal-content{max-width:90%;max-height:90%;border-radius:16px;overflow:hidden;box-shadow:0 0 30px hsla(0,0%,100%,.2)}.modal-image{width:100%;height:auto;border-radius:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#arayz,#company,#contact,#news,#service,#story,#works{position:relative}#arayz:after,#company:after,#contact:after,#news:after,#service:after,#story:after,#works:after{content:"";position:absolute;inset:0;background-size:cover;background-position:50%;background-repeat:no-repeat;opacity:.2;pointer-events:none;z-index:0;animation:drift 60s linear infinite}#story:after{background-image:url(https://res.cloudinary.com/dsdj9aobp/image/upload/v1760280110/inori01_qbe52x.png)}#news:after{background-image:url(https://res.cloudinary.com/dsdj9aobp/image/upload/v1760280090/WEB_news04_krluvc.png)}#service:after{background-image:url(https://res.cloudinary.com/dsdj9aobp/image/upload/v1760280327/WEB_service01_gzdgbh.png)}#company:after{background-image:url(https://res.cloudinary.com/dsdj9aobp/image/upload/v1760282011/WEB_company02_xnjwl7.png)}#works:after{background-image:url(https://res.cloudinary.com/dsdj9aobp/image/upload/v1760282192/WEB_works_fmq05a.png)}#arayz:after{background-image:url(https://res.cloudinary.com/dsdj9aobp/image/upload/v1760282398/fancy03_hukylc.png)}#contact:after{background-image:url(https://res.cloudinary.com/dsdj9aobp/image/upload/v1760287726/WEB_contact2_e82sh4.jpg)}.vroid-link{display:inline-block;margin-top:1.5rem;padding:.6rem 1.2rem;background:linear-gradient(90deg,#c113b8,#7ac9ff);color:#fff;border-radius:9999px;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px rgba(19,168,193,.4)}.vroid-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(19,168,193,.6)}.mode-toggle{position:fixed;top:1rem;right:1rem;z-index:10000;background:rgba(0,0,0,.5);color:#fff;border:none;border-radius:20px;padding:.5rem 1rem;font-size:.8rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;transition:transform .2s ease}.mode-toggle:active{transform:scale(.95)}@media (max-width:768px){.panel{height:auto;min-height:100svh;padding:2rem 1rem}.horizontal-scroll{height:100svh;scroll-snap-type:x proximity}.carousel-track-auto img{height:100px}.scroll-top{width:80px;height:80px;right:1rem}.bubble{font-size:.7rem;padding:4px 8px}.service-grid div,.works-grid div{width:90%}.mode-toggle{font-size:.7rem;padding:.4rem .8rem}#arayz:after,#company:after,#contact:after,#news:after,#service:after,#story:after,#works:after{background-position:top;opacity:.25}}.loading-overlay{position:fixed;inset:0;background:#1396c1;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;overflow:hidden;width:100vw;height:100vh;animation:slideUpOut 1s ease forwards;animation-delay:2.2s}.runner-img{width:100px;height:100px;animation:runReverse 1.6s linear infinite;filter:drop-shadow(0 3px 5px rgba(0,0,0,.2))}@keyframes runReverse{0%{transform:translateX(80px) rotate(0deg)}50%{transform:translateX(0) rotate(-3deg)}to{transform:translateX(-80px) rotate(3deg)}}.logo{font-size:42px;font-weight:600;letter-spacing:8px;margin-top:10px;color:#fff;text-shadow:0 0 8px hsla(0,0%,100%,.4);animation:logoPulse 2s ease-in-out infinite}@keyframes logoPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes slideUpOut{to{transform:translateY(-100%)}}.no-scroll{pointer-events:none;overflow:hidden}body.loading,html.loading{overflow:hidden!important;height:100%}body:not(.loading),html:not(.loading){overflow-x:visible!important;overflow-y:auto!important;height:auto!important}.content-wrapper.locked{overflow:hidden;height:100vh}.content-wrapper.unlocked{overflow:visible;height:auto}