@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.p5Background{height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}body,html{background-color:initial;color:#ebb55f;font-family:Press Start\ 2P,cursive;height:100%;margin:0;padding:0;text-align:center}.container{background-color:#344151;border-radius:8px;box-shadow:0 4px 8px #0003;margin:20px auto;max-width:1200px;overflow:hidden;padding:20px;width:90%}h1,h2,h3,h4,h5,h6{color:#ffcd38;text-align:center}a,li,p,span{color:inherit;line-height:1.5}a{color:#ebb55f;cursor:pointer;text-decoration:none}a:hover{color:#ffcd38}.button,button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Press Start\ 2P,cursive;padding:10px 20px;transition:background-color .3s}.button:hover,button:hover{background-color:#0056b3}.input,input,select,textarea{background-color:#fff;border:2px solid #ddd;border-radius:4px;box-sizing:border-box;font-family:Press Start\ 2P,cursive;margin-bottom:10px;padding:8px;width:calc(100% - 16px)}.footer{background-color:#050321;color:#fff;padding:20px;text-align:center}@media (max-width:768px){.button,.container,.input,input,select,textarea{max-width:none;width:100%}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:0}body,html{overflow-x:hidden}body{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#f5f5f5;font-family:Inter,sans-serif;margin:0;overscroll-behavior:none;padding:0;scroll-behavior:smooth;scroll-snap-type:y mandatory}.App{min-height:100vh;overflow-x:hidden;position:relative;scroll-snap-align:start;width:100%}.App:before{content:"";height:0;left:0;position:absolute;top:0;width:100%;z-index:-1}.hero-section{align-items:center;background:radial-gradient(ellipse at center,#0f0f23 0,#050511 40%,#000 100%),linear-gradient(45deg,#0a0a1f,#1a0d2e);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative;width:100%}.hero-section .hero-background{background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c626 0,#0000 50%);height:100%;left:0;position:absolute;top:0;width:100%}.hero-section .hero-background .grid-overlay{animation:gridMove 20s linear infinite;background-image:linear-gradient(#7877c61a 1px,#0000 0),linear-gradient(90deg,#7877c61a 1px,#0000 0);background-size:50px 50px;height:100%;left:0;position:absolute;top:0;width:100%}.hero-section .hero-background .particle-field{height:100%;overflow:hidden;position:absolute;width:100%}.hero-section .hero-background .particle-field .particle{animation:particleFloat 10s linear infinite;background:#7877c699;border-radius:50%;height:2px;position:absolute;width:2px}.hero-section .hero-background .particle-field .particle.particle-1{animation-delay:0s;animation-duration:8s;background:#ff77c6cc;left:15%;top:10%}.hero-section .hero-background .particle-field .particle.particle-2{animation-delay:2s;animation-duration:12s;right:20%;top:30%}.hero-section .hero-background .particle-field .particle.particle-3{animation-delay:4s;animation-duration:15s;background:#7877c6e6;bottom:25%;left:25%}.hero-section .hero-background .particle-field .particle.particle-4{animation-delay:6s;animation-duration:9s;background:#ff77c6b3;right:35%;top:60%}.hero-section .hero-background .particle-field .particle.particle-5{animation-delay:1s;animation-duration:11s;bottom:40%;left:60%}.hero-section .hero-background .particle-field .particle.particle-6{animation-delay:3s;animation-duration:13s;background:#7877c6cc;right:10%;top:80%}.hero-section .hero-background .geometric-shapes{height:100%;position:absolute;width:100%}.hero-section .hero-background .geometric-shapes .shape{background:#0000;border:1px solid #7877c633;position:absolute}.hero-section .hero-background .geometric-shapes .shape.hexagon{animation:geometricRotate 20s linear infinite;border-radius:12px;height:80px;left:80%;top:20%;transform:rotate(45deg);width:80px}.hero-section .hero-background .geometric-shapes .shape.triangle{animation:geometricPulse 8s ease-in-out infinite;border-bottom:45px solid #ff77c61a;border-left:25px solid #0000;border-right:25px solid #0000;height:0;left:10%;top:70%;width:0}.hero-section .hero-background .geometric-shapes .shape.rectangle{animation:geometricFloat 12s ease-in-out infinite;border:2px solid #7877c64d;bottom:30%;height:30px;right:20%;width:60px}.hero-section .hero-content{max-width:1200px;padding:2rem;position:relative;text-align:center;z-index:2}.hero-section .hero-content .title-container{margin-bottom:4rem}.hero-section .hero-content .title-container .main-title{font-family:Space Grotesk,sans-serif;font-size:clamp(2.5rem,8vw,7rem);font-weight:700;line-height:1.1;margin-bottom:2rem;position:relative}.hero-section .hero-content .title-container .main-title .title-word{animation:neonGlow 2s ease-in-out infinite alternate;display:inline-block;margin:0 1.5rem;position:relative}.hero-section .hero-content .title-container .main-title .title-word.project{animation:neonPulse 3s ease-in-out infinite;color:#fff;text-shadow:0 0 5px #fffc,0 0 10px #7877c699,0 0 15px #7877c666,0 0 20px #7877c64d}.hero-section .hero-content .title-container .main-title .title-word.gallery{-webkit-text-fill-color:#0000;animation:gradientShift 4s ease-in-out infinite,neonFlicker 1.5s ease-in-out infinite alternate;background:linear-gradient(45deg,#ff77c6,#7877c6,#ff77c6);background-clip:text;-webkit-background-clip:text;background-size:300% 300%;position:relative}.hero-section .hero-content .title-container .main-title .title-word.gallery:before{animation:borderGlow 2s ease-in-out infinite;background:linear-gradient(45deg,#ff77c61a,#7877c61a);border-radius:8px;bottom:0;content:"";left:-10px;position:absolute;right:-10px;top:0;z-index:-1}.hero-section .hero-content .title-container .main-title .title-word.gallery:after{animation:underlineScroll 3s linear infinite;background:linear-gradient(90deg,#0000,#ff77c6,#7877c6,#ff77c6,#0000);border-radius:2px;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80%}.hero-section .hero-content .title-container .subtitle{position:relative}.hero-section .hero-content .title-container .subtitle p{animation:textReveal 1.5s ease-out .5s both;color:#fffc;font-family:Inter,sans-serif;font-size:clamp(1rem,2.5vw,1.4rem);font-weight:300;letter-spacing:2px;margin-bottom:2rem;text-transform:uppercase}.hero-section .hero-content .title-container .subtitle .tech-indicators{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.hero-section .hero-content .title-container .subtitle .tech-indicators .indicator{align-items:center;animation:indicatorPulse 4s ease-in-out infinite;background:#7877c61a;border:1px solid #7877c64d;border-radius:20px;color:#ffffffe6;display:flex;font-family:Inter,sans-serif;font-size:.8rem;gap:.5rem;padding:.5rem 1rem}.hero-section .hero-content .title-container .subtitle .tech-indicators .indicator:before{animation:dotBlink 2s ease-in-out infinite;background:#ff77c6;border-radius:50%;content:"";height:6px;width:6px}.hero-section .hero-content .title-container .subtitle .tech-indicators .indicator:first-child{animation-delay:0s}.hero-section .hero-content .title-container .subtitle .tech-indicators .indicator:nth-child(2){animation-delay:.5s}.hero-section .hero-content .title-container .subtitle .tech-indicators .indicator:nth-child(3){animation-delay:1s}.hero-section .hero-content .cta-container{margin-top:3rem}.hero-section .hero-content .cta-container .explore-btn{animation:buttonFloat 3s ease-in-out infinite;background:#0000;border:2px solid #7877c699;border-radius:30px;color:#fff;cursor:pointer;display:inline-block;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:500;letter-spacing:1px;overflow:hidden;padding:1rem 2.5rem;position:relative;text-transform:uppercase;transition:all .3s ease}.hero-section .hero-content .cta-container .explore-btn:before{background:linear-gradient(90deg,#0000,#ff77c633,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.hero-section .hero-content .cta-container .explore-btn:hover{border-color:#ff77c6;box-shadow:0 0 20px #ff77c666,inset 0 0 20px #ff77c61a;color:#ff77c6;transform:translateY(-2px)}.hero-section .hero-content .cta-container .explore-btn:hover:before{left:100%}.hero-section .hero-content .scroll-indicator{align-items:center;animation:fadeIn 1s ease-out 2s both;bottom:2rem;color:#fff9;display:flex;flex-direction:column;font-family:Inter,sans-serif;font-size:.8rem;left:50%;position:absolute;transform:translateX(-50%)}.hero-section .hero-content .scroll-indicator .scroll-arrow{animation:scrollPulse 2s ease-in-out infinite;background:linear-gradient(180deg,#7877c6cc,#0000);height:40px;margin-bottom:.5rem;position:relative;width:2px}.hero-section .hero-content .scroll-indicator .scroll-arrow:after{animation:arrowBounce 1s ease-in-out infinite;border-bottom:2px solid #7877c6cc;border-right:2px solid #7877c6cc;bottom:0;content:"";height:8px;left:50%;position:absolute;transform:translateX(-50%);transform:translateX(-50%) rotate(45deg);width:8px}.hero-section .hero-content .scroll-indicator span{font-weight:300;letter-spacing:1px;text-transform:uppercase}@keyframes neonGlow{0%{text-shadow:0 0 5px #fffc,0 0 10px #7877c699,0 0 15px #7877c666}to{text-shadow:0 0 10px #fff,0 0 20px #7877c6cc,0 0 30px #7877c699}}@keyframes neonPulse{0%,to{text-shadow:0 0 5px #fffc,0 0 10px #7877c699,0 0 15px #7877c666,0 0 20px #7877c64d}50%{text-shadow:0 0 10px #fff,0 0 20px #7877c6cc,0 0 30px #7877c699,0 0 40px #7877c666}}@keyframes neonFlicker{0%,18%,22%,25%,53%,57%,to{text-shadow:0 0 5px #ff77c6cc,0 0 10px #ff77c699,0 0 15px #ff77c666}20%,24%,55%{text-shadow:0 0 2px #ff77c666,0 0 5px #ff77c64d,0 0 8px #ff77c633}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes borderGlow{0%,to{box-shadow:0 0 10px #ff77c633,inset 0 0 10px #ff77c61a}50%{box-shadow:0 0 20px #ff77c666,inset 0 0 20px #ff77c633}}@keyframes underlineScroll{0%{transform:translateX(-50%) scaleX(0)}50%{transform:translateX(-50%) scaleX(1)}to{transform:translateX(-50%) scaleX(0)}}@keyframes textReveal{0%{letter-spacing:10px;opacity:0;transform:translateY(20px)}to{letter-spacing:2px;opacity:1;transform:translateY(0)}}@keyframes indicatorPulse{0%,to{background:#7877c61a;border-color:#7877c64d}50%{background:#7877c633;border-color:#7877c699}}@keyframes dotBlink{0%,50%{opacity:1}25%,75%{opacity:.3}}@keyframes buttonFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes particleFloat{0%,to{opacity:.6;transform:translateY(0) translateX(0)}25%{opacity:1;transform:translateY(-20px) translateX(10px)}50%{opacity:.8;transform:translateY(-10px) translateX(-5px)}75%{opacity:.9;transform:translateY(-30px) translateX(15px)}}@keyframes geometricRotate{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}@keyframes geometricPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes geometricFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-15px) rotate(120deg)}66%{transform:translateY(15px) rotate(240deg)}}@keyframes scrollPulse{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(10px)}}@keyframes arrowBounce{0%,to{transform:translateX(-50%) rotate(45deg) translateY(0)}50%{transform:translateX(-50%) rotate(45deg) translateY(3px)}}.section-divider{background:linear-gradient(90deg,#0000,#ffffff1a 20%,#ffffff4d 50%,#ffffff1a 80%,#0000);height:1px;margin:4rem auto;position:relative;width:80%}.section-divider:before{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border-radius:50%;box-shadow:0 0 20px #ff6b6b80;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.content-section{padding:5rem 0;position:relative}.content-section .section-container{margin:0 auto;max-width:1400px;padding:0 2rem}.content-section .section-header{margin-bottom:4rem;text-align:center}.content-section .section-header .section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;margin-bottom:1rem;position:relative}.content-section .section-header .section-title:after{background:linear-gradient(90deg,#ff6b6b,#4ecdc4);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.content-section .section-header .section-title .unity-logo{border-radius:15px;height:auto;margin-right:1rem;vertical-align:middle;width:clamp(120px,15vw,200px)}.content-section .section-header .section-description{color:#ffffffb3;font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.6;margin:0 auto 2rem;max-width:600px}.content-section .section-header .section-toggle{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 8px 32px #667eea4d;color:#fff;cursor:pointer;font-size:clamp(.9rem,2vw,1.1rem);font-weight:600;letter-spacing:1px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.content-section .section-header .section-toggle:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 12px 40px #667eea66;transform:translateY(-3px)}.content-section .section-header .section-toggle:active{transform:translateY(-1px)}.content-section .carousel-wrapper{margin-top:2rem}.unity-section .unity-content{display:flex;justify-content:center}.unity-section .unity-content .iframe-container{aspect-ratio:16/10;background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:20px;box-shadow:0 20px 60px #0006,inset 0 1px 0 #ffffff1a;max-width:1200px;overflow:hidden;padding:2rem;position:relative;width:100%}.unity-section .unity-content .iframe-container:before{background:linear-gradient(45deg,#0000 30%,#ffffff0d 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.unity-section .unity-content .iframe-container iframe{border:none;border-radius:15px;box-shadow:0 10px 30px #0000004d;height:100%;width:100%}.unreal-section .unreal-content{margin:0 auto;max-width:800px;position:relative}.unreal-section .unreal-content .progress-overlay{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.unreal-section .unreal-content .progress-overlay .range{background:linear-gradient(135deg,#333,#555);border-radius:20px;box-shadow:0 10px 30px #00000080;height:40px;overflow:hidden;position:relative;width:300px}.unreal-section .unreal-content .progress-overlay .range:before{animation:pulse 2s infinite;background:linear-gradient(90deg,#f39c12,#e74c3c);border-radius:20px;content:"";height:100%;left:0;position:absolute;top:0;transition:width .5s ease;width:calc(var(--p)*1%)}.unreal-section .unreal-content .progress-overlay .range .range__label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:15px;box-shadow:0 10px 30px #0000004d;color:#fff;font-size:clamp(.9rem,2vw,1.1rem);left:50%;padding:1rem 1.5rem;position:absolute;text-align:center;top:-80px;transform:translateX(-50%)}.unreal-section .unreal-content .progress-overlay .range .range__label .status{color:#f39c12;display:block;font-weight:600;margin-top:.5rem}@keyframes pulse{0%,to{box-shadow:0 0 20px #f39c1280}50%{box-shadow:0 0 40px #f39c12cc}}.unreal-section .unreal-content .video-container .video-placeholder{border-radius:20px;box-shadow:0 20px 60px #0006;height:auto;width:100%}.footer-section{background:linear-gradient(90deg,#1a1a2e,#16213e);border-top:1px solid #ffffff0d;box-shadow:0 -2px 16px 0 #1a1a2e4d;color:#f5f5f5;font-family:Inter,Space Grotesk,sans-serif;letter-spacing:.05em;padding:2rem 0 1rem;text-align:center}.footer-section .footer-content{margin:0 auto;max-width:1200px;padding:0 2rem}.footer-section .footer-content p{color:#b2becd;font-size:1.1rem;margin:0;opacity:.85}.animated-header{align-items:center;background:#a09a84;display:flex;flex-direction:column;font-family:Press Start\ 2P,sans-serif;height:100vh;justify-content:center;padding:2rem}.animated-header .words{color:#f4d03f;font-size:0;line-height:1.5;text-align:center}.animated-header .words span{animation:move 3s ease-in-out infinite;display:inline-block;font-size:10rem;text-shadow:5px 3px 2px #000}.animated-header .words span:nth-child(2){animation-delay:.5s}.animated-header .words span:nth-child(3){animation-delay:1s}.animated-header .words span:nth-child(4){animation-delay:1.5s}.animated-header .words span:nth-child(5){animation-delay:2s}.animated-header .words span:nth-child(6){animation-delay:2.5s}.animated-header .words span:nth-child(7){animation-delay:3s}@keyframes move{0%{transform:translate(-30%)}50%{text-shadow:0 25px 50px #000000bf}to{transform:translate(30%)}}@media(max-width:768px){.animated-header{height:80vh;padding:1rem}.animated-header .words span{font-size:5rem}}@media(max-width:480px){.animated-header{height:70vh;padding:.5rem}.animated-header .words span{font-size:3rem}}@media(max-width:320px){.animated-header .words span{font-size:2.5rem}}h1{font-size:3em;margin-bottom:20px}h1,h2{text-align:center;text-shadow:2px 2px 2px #f5f5f5}h2{font-size:2em;margin-bottom:10px}button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;padding:10px 20px}button:hover{background-color:#0056b3}@media(max-width:768px){h1{font-size:2.2em;margin-bottom:15px}h2{font-size:1.6em;margin-bottom:8px}button{font-size:.9em;padding:8px 16px}}@media(max-width:480px){h1{font-size:1.8em;margin-bottom:12px}h2{font-size:1.3em;margin-bottom:6px}button{font-size:.8em;padding:6px 12px}}.section{padding:100px 0}.section .section-toggle{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 5px 15px #0003;color:#fff;cursor:pointer;font-size:1.2em;font-weight:600;letter-spacing:1px;margin-bottom:2rem;max-width:300px;padding:15px 30px;text-transform:uppercase;transition:all .3s ease;width:100%}.section .section-toggle:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 8px 25px #0000004d;transform:translateY(-3px)}.section .section-toggle:active{transform:translateY(-1px)}@media(max-width:768px){.section{padding:60px 20px}.section .section-toggle{font-size:1em;letter-spacing:.5px;max-width:250px;padding:12px 24px}}@media(max-width:480px){.section{padding:40px 15px}.section .section-toggle{font-size:.9em;max-width:200px;padding:10px 20px}}.grid-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:0 1rem}.grid-item{overflow:hidden;width:100%}.grid-item img,.grid-item video{border-radius:8px;height:auto;width:100%}@media(max-width:768px){.grid-container{gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:0 .5rem}}@media(max-width:480px){.grid-container{gap:10px;grid-template-columns:1fr;padding:0 .25rem}}.unity{background-color:#6a6565;border-radius:50px;box-shadow:inset 15px 5px 10px #00000080;font-family:Segoe UI;font-size:2.5em;margin:auto;padding:10px;text-align:center;width:80%}.unity h2{background-color:#000;border-radius:20px;color:#f5f5f5;margin-bottom:2rem;padding:1rem}.unity iframe{border:2px solid #000;border-radius:20px;height:500px;width:100%}@media only screen and (max-width:768px){.unity{border-radius:30px;font-size:1.8em;padding:8px;width:95%}.unity h2{font-size:1.2em;padding:.8rem}.unity iframe{height:350px}}@media only screen and (max-width:480px){.unity{border-radius:20px;box-shadow:inset 8px 3px 6px #00000080;font-size:1.4em;padding:5px;width:98%}.unity h2{font-size:1em;padding:.6rem}.unity iframe{border-radius:15px;height:250px}}.unreal{padding:10vh 5vw;position:relative;text-align:center}.unreal .video-placeholder{border-radius:15px;height:auto;margin:0 auto;max-width:800px;position:relative;width:100%;z-index:1}.unreal .range{background-color:#333;font-family:Orbitron,monospace;height:30px;left:50%;max-width:300px;position:absolute;top:50%;transform:translate(-50%,-50%);transform:skew(30deg);width:50%;z-index:2}.unreal .range:before{--width:calc(var(--p)*1%);animation:load .5s linear forwards,glitch 2s linear infinite;background-color:#f3e600;content:"";height:100%;left:0;position:absolute;top:0;width:0;z-index:0}.unreal .range:after{color:#000;content:counter(progress) "%";counter-reset:progress var(--p);left:5%;position:absolute;top:50%;transform:translateY(-50%) skewX(-30deg);z-index:1}.unreal .range__label{background-color:#b1adad;border-radius:20px;color:#fff;font-family:Roboto Bold;font-size:2vw;line-height:1.5;padding:1rem;text-shadow:4px 2px 1px #000;transform:skew(-30deg) translateY(-100%)}@media only screen and (max-width:768px){.unreal{padding:5vh 3vw}.unreal .range__label{font-size:3vw;padding:.8rem}.unreal .range{height:25px;max-width:250px;width:60%}}@media only screen and (max-width:480px){.unreal{padding:3vh 2vw}.unreal .range__label{font-size:4vw;padding:.6rem}.unreal .range{height:20px;max-width:200px;width:70%}}@keyframes load{to{width:var(--width)}}@keyframes glitch{0%,5%{transform:translate(0)}1%{transform:translate(-5%,-10%)}2%{transform:translate(10%,30%)}3%{transform:translate(-43%,10%)}4%{transform:translate(2%,-23%)}}@media only screen and (max-width:600px){.hero-section{min-height:100vh;padding:1rem}.hero-section .hero-background .grid-overlay{background-size:30px 30px}.hero-section .hero-background .particle-field .particle{height:1px;width:1px}.hero-section .hero-background .geometric-shapes .shape.hexagon{height:50px;width:50px}.hero-section .hero-background .geometric-shapes .shape.triangle{border-bottom:25px solid #ff77c61a;border-left:15px solid #0000;border-right:15px solid #0000}.hero-section .hero-background .geometric-shapes .shape.rectangle{height:20px;width:40px}.hero-section .hero-content{padding:1rem}.hero-section .hero-content .title-container{margin-bottom:2rem}.hero-section .hero-content .title-container .main-title{font-size:clamp(2rem,12vw,3.5rem);line-height:1.2}.hero-section .hero-content .title-container .main-title .title-word{display:block;margin:0 .5rem}.hero-section .hero-content .title-container .main-title .title-word.gallery{margin-top:.5rem}.hero-section .hero-content .title-container .subtitle p{font-size:clamp(.8rem,4vw,1rem);letter-spacing:1px;margin-bottom:1.5rem}.hero-section .hero-content .title-container .subtitle .tech-indicators{gap:1rem}.hero-section .hero-content .title-container .subtitle .tech-indicators .indicator{font-size:.7rem;padding:.4rem .8rem}.hero-section .hero-content .cta-container{margin-top:2rem}.hero-section .hero-content .cta-container .explore-btn{font-size:.9rem;padding:.8rem 2rem}.hero-section .hero-content .scroll-indicator{bottom:1rem}.hero-section .hero-content .scroll-indicator .scroll-arrow{height:30px}.hero-section .hero-content .scroll-indicator span{font-size:.7rem}}@media only screen and (min-width:600px)and (max-width:768px){.hero-section .hero-background .grid-overlay{background-size:40px 40px}.hero-section .hero-background .geometric-shapes .shape.hexagon{height:60px;width:60px}.hero-section .hero-background .geometric-shapes .shape.triangle{border-bottom:35px solid #ff77c61a;border-left:20px solid #0000;border-right:20px solid #0000}.hero-section .hero-background .geometric-shapes .shape.rectangle{height:25px;width:50px}.hero-section .hero-content .title-container .main-title{font-size:clamp(2.5rem,10vw,5rem)}.hero-section .hero-content .title-container .main-title .title-word{margin:0 .8rem}.hero-section .hero-content .title-container .subtitle p{font-size:clamp(1rem,3vw,1.2rem)}.hero-section .hero-content .title-container .subtitle .tech-indicators{gap:1.5rem}.hero-section .hero-content .title-container .subtitle .tech-indicators .indicator{font-size:.75rem}}@media only screen and (min-width:768px)and (max-width:992px){.hero-section .hero-content .title-container .main-title{font-size:clamp(3rem,8vw,6rem)}.hero-section .hero-content .title-container .subtitle .tech-indicators{gap:1.8rem}}@media only screen and (min-width:992px)and (max-width:1200px){.hero-section .hero-content .title-container .main-title{font-size:clamp(4rem,7vw,6.5rem)}}@media only screen and (min-width:1200px){.hero-section .hero-content .title-container .main-title{font-size:clamp(5rem,6vw,7rem)}}@media only screen and (min-width:1400px){.hero-section .hero-background .grid-overlay{background-size:60px 60px}.hero-section .hero-background .geometric-shapes .shape.hexagon{height:100px;width:100px}.hero-section .hero-background .geometric-shapes .shape.triangle{border-bottom:50px solid #ff77c61a;border-left:30px solid #0000;border-right:30px solid #0000}.hero-section .hero-background .geometric-shapes .shape.rectangle{height:40px;width:80px}}@media screen and (orientation:landscape)and (max-height:600px){.hero-section{min-height:100vh}.hero-section .hero-content .title-container{margin-bottom:1.5rem}.hero-section .hero-content .title-container .main-title{font-size:clamp(2rem,8vw,4rem)}.hero-section .hero-content .title-container .subtitle p{margin-bottom:1rem}.hero-section .hero-content .title-container .subtitle .tech-indicators{gap:1rem}.hero-section .hero-content .title-container .subtitle .tech-indicators .indicator{font-size:.7rem;padding:.3rem .6rem}.hero-section .hero-content .cta-container{margin-top:1.5rem}.hero-section .hero-content .scroll-indicator{bottom:1rem}}@media(prefers-reduced-motion:reduce){.hero-section .hero-background .grid-overlay{animation:none}.hero-section .hero-background .particle-field .particle{animation:none;opacity:.3}.hero-section .hero-background .geometric-shapes .shape,.hero-section .hero-content .title-container .main-title .title-word{animation:none}.hero-section .hero-content .title-container .main-title .title-word.gallery:after{animation:none;transform:translateX(-50%) scaleX(1)}.hero-section .hero-content .cta-container .explore-btn,.hero-section .hero-content .scroll-indicator .scroll-arrow,.hero-section .hero-content .scroll-indicator .scroll-arrow:after{animation:none}}@media(prefers-contrast:high){.hero-section{background:#000}.hero-section .hero-background{background:none}.hero-section .hero-background .grid-overlay{background-image:linear-gradient(#ffffff4d 1px,#0000 0),linear-gradient(90deg,#ffffff4d 1px,#0000 0)}.hero-section .hero-background .particle-field .particle{background:#fff}.hero-section .hero-background .geometric-shapes .shape{border-color:#fff}.hero-section .hero-background .geometric-shapes .shape.triangle{border-bottom-color:#fff}.hero-section .hero-content .title-container .main-title .title-word.project{color:#fff;text-shadow:none}.hero-section .hero-content .title-container .main-title .title-word.gallery{-webkit-text-fill-color:#fff;background:none;color:#fff}.hero-section .hero-content .title-container .main-title .title-word.gallery:before{background:none;border:2px solid #fff}.hero-section .hero-content .title-container .main-title .title-word.gallery:after{background:#fff}.hero-section .hero-content .title-container .subtitle .tech-indicators .indicator{background:#000;border-color:#fff;color:#fff}.hero-section .hero-content .title-container .subtitle .tech-indicators .indicator:before{background:#fff}.hero-section .hero-content .cta-container .explore-btn{border-color:#fff;color:#fff}.hero-section .hero-content .cta-container .explore-btn:hover{background:#fff;color:#000}}@media print{.hero-section{background:#fff!important;color:#000!important;page-break-after:always}.hero-section .hero-background{display:none}.hero-section .hero-content .title-container .main-title .title-word{animation:none!important;color:#000!important;text-shadow:none!important}.hero-section .hero-content .title-container .main-title .title-word.highlight{-webkit-text-fill-color:#0000;background:#000!important;background-clip:text;-webkit-background-clip:text}.hero-section .hero-content .scroll-indicator{display:none}}.artwork-section{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f0f23)}.artwork-section .section-header .section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b6b,#4ecdc4 50%,#45b7d1);background-clip:text;-webkit-background-clip:text}.artwork-section .section-header .section-title:after{background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1)}.artwork-section .section-header .section-toggle{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);box-shadow:0 8px 32px #ff6b6b4d}.artwork-section .section-header .section-toggle:hover{background:linear-gradient(135deg,#4ecdc4,#ff6b6b);box-shadow:0 12px 40px #ff6b6b66}.artwork-section .carousel-wrapper{position:relative}.artwork-section .carousel-wrapper:before{animation:artworkGlow 6s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 20%,#ff6b6b1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#4ecdc41a 0,#0000 50%);border-radius:20px;bottom:-2rem;content:"";left:-2rem;position:absolute;right:-2rem;top:-2rem;z-index:-1}@keyframes artworkGlow{0%{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.02)}}.video-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:2rem}.video-card{background:#181a2b;border-radius:12px;box-shadow:0 8px 24px #0003;cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.video-card:hover{box-shadow:0 12px 30px #00000040;transform:translateY(-3px)}.video-aspect{aspect-ratio:16/9;background:#0f1121;position:relative}.video-aspect video{display:block;height:100%;object-fit:cover;width:100%}.video-overlay{align-items:center;background:linear-gradient(0deg,#0000008c,#00000026);display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.video-overlay .video-title{bottom:.75rem;color:#fff;font-weight:600;left:.75rem;position:absolute;text-shadow:0 2px 8px #0009}.video-card:hover .video-overlay{opacity:1}.video-play-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;display:flex;font-size:2rem;height:56px;justify-content:center;width:56px}.video-grid-empty{opacity:.7;text-align:center}.video-modal{align-items:center;background:#000000eb;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.video-modal-content{background:#0f1121;border-radius:12px;box-shadow:0 20px 60px #00000080;padding:.75rem;position:relative;width:min(100vw - 2rem,1200px)}.video-modal-player{background:#000;border-radius:8px;max-height:calc(100vh - 200px);width:100%}.video-modal-close{background:#ffffff1f;border:none;border-radius:50%;color:#fff;cursor:pointer;height:40px;position:absolute;right:.5rem;top:.5rem;width:40px}.video-modal-title{color:#fff;font-weight:600;margin-top:.5rem;text-align:center}.gallery-grid{grid-gap:2.5rem;contain-intrinsic-size:auto 900px;content-visibility:auto;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0;perspective:1200px}.gallery-card{background:#181a2b;border-radius:1.2rem;box-shadow:0 8px 24px #0000002e;cursor:pointer;overflow:hidden;padding:.5rem;transform:rotateY(-8deg) scale(.98);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;will-change:transform}.gallery-card:hover{box-shadow:0 16px 36px #0000003d;transform:rotateY(0deg) scale(1.03) translateZ(8px);z-index:2}.gallery-card img{aspect-ratio:4/3;border-radius:1.2rem;display:block;filter:brightness(.98) contrast(1.05);object-fit:cover;transition:filter .2s;width:100%}.gallery-card img:hover{filter:brightness(1.05) contrast(1.1)}.gallery-expanded-modal{align-items:center;animation:fadeIn .2s;background:#0a0c18eb;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.lazy-media-wrapper{display:block}.lazy-skeleton{animation:shimmer 1.2s ease-in-out infinite;aspect-ratio:4/3;background:linear-gradient(90deg,#ffffff0f 25%,#ffffff1f 37%,#ffffff0f 63%);background-size:400% 100%;border-radius:1.2rem;width:100%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.gallery-expanded-content{align-items:center;display:flex;justify-content:center;max-height:90vh;max-width:90vw;padding:1rem;position:relative}.gallery-expanded-image{background:#181a2b;border-radius:1.2rem;box-shadow:0 8px 32px #00000047;max-height:80vh;max-width:90vw}.gallery-close-btn{background:#1e2032cc;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;height:2.5rem;position:absolute;right:1.2rem;top:1.2rem;transition:background .2s;width:2.5rem;z-index:10}.gallery-close-btn:hover{background:#e94560}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.fb297671.css.map*/