:root{--color-bg:#050505;--color-text:#f3f3f3;--color-accent:#333;--font-heading:"Syne", sans-serif;--font-body:"Outfit", sans-serif;--nav-height:80px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-bg);width:100%;min-height:100vh;color:var(--color-text);font-family:var(--font-body);overscroll-behavior:none;font-size:16px;overflow-x:hidden}.syne-heading{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:800}.outfit-body{font-family:var(--font-body);font-weight:300;line-height:1.6}.cursor{pointer-events:none;z-index:9999;mix-blend-mode:difference;will-change:transform, width, height;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor span{opacity:0;white-space:nowrap;pointer-events:none}.nav{width:100%;height:var(--nav-height);z-index:100;mix-blend-mode:difference;justify-content:space-between;align-items:center;padding:0 40px;display:flex;position:fixed;top:0;left:0}.nav-logo{font-family:var(--font-heading);letter-spacing:.05em;cursor:pointer;font-size:1.2rem;font-weight:800}.nav-links{gap:40px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav-link{color:var(--color-text);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em;opacity:.5;font-size:.85rem;text-decoration:none;transition:opacity .3s}.nav-link:hover,.nav-link.nav-active{opacity:1}.about-trigger{cursor:pointer;z-index:91;justify-content:center;align-items:center;display:flex;position:relative}.about-trigger:hover .nav-link{opacity:1}.about-trigger-text{z-index:2}.lottie-lightning{pointer-events:none;z-index:1;width:80px;height:80px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nav-menu{display:contents}.hamburger-btn{display:none}.about-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:90;opacity:0;pointer-events:none;visibility:hidden;background:#050505b3;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.about-modal{text-align:center;transform-origin:100% 0;background:#141414e6;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;align-items:center;width:450px;max-width:90vw;padding:40px;display:flex;position:relative;transform:scale(.9);box-shadow:inset 0 0 40px #000c,0 20px 40px #00000080}.about-modal-image{border:2px solid #ffffff1a;border-radius:50%;width:120px;height:120px;margin-bottom:24px;overflow:hidden}.about-modal-image img{object-fit:cover;width:100%;height:100%}.about-name{color:#fff;margin-bottom:16px;font-size:2.5rem}.about-desc{color:#ffffffb3;margin-bottom:32px;font-size:1.1rem;line-height:1.5}.about-contact{position:relative}.email-cta{color:#fff;padding-bottom:4px;font-size:1.2rem;text-decoration:none;position:relative}.email-cta:after{content:"";transform-origin:0;background:#fff;width:100%;height:1px;transition:transform .4s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.email-cta:hover:after{transform:scaleX(1)}.social-icon{color:#fff;opacity:.6;transition:opacity .3s,transform .3s}.social-icon:hover{opacity:1;transform:scale(1.1)}.copy-tooltip{color:#000;font-size:.8rem;font-family:var(--font-body);opacity:0;pointer-events:none;background:#fff;border-radius:20px;padding:4px 12px;font-weight:500;transition:opacity .3s,transform .3s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(10px)}.copy-tooltip.show{opacity:1;transform:translate(-50%)translateY(-10px)}#app-content{width:100%;min-height:100vh}.page-container{width:100%;min-height:100vh;padding-top:var(--nav-height);opacity:0;visibility:hidden;position:absolute;top:0;left:0}.page-container.active{opacity:1;visibility:visible;position:relative}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}#page-home{height:100vh;overflow:hidden}.home-content{z-index:10;background:linear-gradient(90deg,#000000d9 0% 60%,#0000 100%);flex-direction:column;justify-content:center;align-items:flex-start;max-width:800px;height:130vh;padding:0 80px 0 5%;display:flex;position:absolute;top:-15vh;left:0}.hero-title{text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:3.15rem;line-height:1.1}.hero-subtitle{opacity:.9;text-shadow:0 2px 10px #00000080;margin-bottom:35px;font-size:1.25rem;font-weight:400;line-height:1.6}.hero-subtitle-mobile{display:none}.cta-button{color:#fff;text-transform:uppercase;mix-blend-mode:normal;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;background:#0003;border:1px solid #fff6;border-radius:50px;padding:22px 30px;font-size:.9rem;text-decoration:none;transition:border-color .4s,box-shadow .4s,background-color .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;display:inline-block;position:relative;overflow:hidden}@keyframes breathingGlow{0%{box-shadow:0 0 10px #ffffff1a,0 0 20px #ffffff0d}50%{box-shadow:0 0 20px #fff6,0 0 40px #fff3}to{box-shadow:0 0 10px #ffffff1a,0 0 20px #ffffff0d}}@keyframes buttonSwipe{0%{left:-100%}to{left:200%}}.cta-button:after{content:"";pointer-events:none;z-index:-1;background:linear-gradient(90deg,#fff0,#fff6,#fff0);width:50%;height:100%;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.cta-button:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#ffffff03;border-color:#fffc;animation:2s ease-in-out infinite breathingGlow}.cta-button:hover:after{animation:.6s ease-out forwards buttonSwipe}.video-bg-element{object-fit:cover;z-index:1;width:100%;height:100vh;position:absolute;top:0;left:0}.works-grid{grid-template-columns:repeat(1,1fr);width:100%;display:grid}@media (width>=768px){.works-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.works-grid{grid-template-columns:repeat(3,1fr)}}.work-item{cursor:pointer;aspect-ratio:16/9;position:relative;overflow:hidden}.work-bg{background-position:50%;background-size:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.16,1,.3,1);transform:scale(1.03)}.work-item:hover .work-bg{transform:scale(1.1)}.work-overlay{text-align:left;opacity:0;background:linear-gradient(#0000 0%,#0003 40%,#000000d9 100%);flex-direction:column;justify-content:flex-end;width:100%;height:100%;padding:40px;transition:opacity .4s;display:flex;position:absolute;top:0;left:0}.work-item:hover .work-overlay{opacity:1}.work-title{color:#fff;margin-bottom:8px;font-size:2rem;transition:transform .5s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.work-category{font-family:var(--font-body);color:#ffffffb3;text-transform:uppercase;letter-spacing:.1em;font-size:1rem;transition:transform .5s cubic-bezier(.16,1,.3,1) 50ms;transform:translateY(20px)}.work-item:hover .work-title,.work-item:hover .work-category{transform:translateY(0)}.playground-title{text-align:center;text-transform:uppercase;padding:120px 0 40px;font-size:4rem}.playground-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;width:100%;max-width:1400px;margin:0 auto;padding:0 5% 100px;display:grid}.play-item{aspect-ratio:4/5;cursor:pointer;text-align:left;background:#111;border-radius:20px;width:100%;position:relative;overflow:hidden}.play-video{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.play-item:hover .play-video{transform:scale(1.05)}.slider-item{position:relative}.slider-image{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.slider-top-wrapper{clip-path:polygon(0 0,50% 0,50% 100%,0 100%);width:100%;height:100%;transition:clip-path .1s ease-out;position:absolute;top:0;left:0;overflow:hidden}.slider-top-wrapper img{object-fit:cover;pointer-events:none;width:100%;height:100%}.slider-divider{pointer-events:none;background:#fff;width:2px;height:100%;transition:left .1s ease-out;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 10px #00000080}.play-item-title{color:#fff;opacity:0;pointer-events:none;background:linear-gradient(#0000,#000c);width:100%;padding:40px 20px 20px;font-size:1.2rem;transition:opacity .4s,transform .4s;position:absolute;bottom:0;left:0;transform:translateY(10px)}.play-item:hover .play-item-title{opacity:1;transform:translateY(0)}.close-btn{color:#000;cursor:pointer;z-index:300;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;transition:transform .3s;display:flex;position:fixed;top:40px;right:40px}.close-btn:hover{transform:scale(1.1)}@media (width<=768px){.nav{height:60px;padding:0 20px}.nav.menu-open{mix-blend-mode:normal}.nav-logo svg{width:24px;height:22px}.nav-menu{opacity:0;visibility:hidden;z-index:95;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050505fa;flex-direction:column;justify-content:center;align-items:center;gap:40px;width:100vw;height:100vh;transition:opacity .4s,visibility .4s;display:flex;position:fixed;top:0;left:0}.nav.menu-open .nav-menu{opacity:1;visibility:visible}.hamburger-btn{z-index:100;cursor:pointer;width:30px;height:20px;display:block;position:relative}.hamburger-btn span{background:#fff;width:100%;height:2px;transition:transform .3s,opacity .3s;position:absolute;left:0}.hamburger-btn span:first-child{top:0}.hamburger-btn span:nth-child(2){top:9px}.hamburger-btn span:nth-child(3){bottom:0}.nav.menu-open .hamburger-btn span:first-child{transform:translateY(9px)rotate(45deg)}.nav.menu-open .hamburger-btn span:nth-child(2){opacity:0}.nav.menu-open .hamburger-btn span:nth-child(3){transform:translateY(-9px)rotate(-45deg)}.nav-links{text-align:center;flex-direction:column;align-items:center;gap:32px;width:100%;position:static;transform:none}.nav-link{letter-spacing:.1em;font-size:1.5rem}.about-trigger-text{font-size:1.5rem}.video-bg-element{object-position:30% center}.home-content{background:linear-gradient(#000000d9 0%,#0009 25%,#0000 60%);justify-content:flex-start;max-width:100%;height:100vh;padding:15vh 24px 0;top:0}.hero-title{font-size:2.2rem}.hero-subtitle{margin-bottom:24px;font-size:1rem}.hero-subtitle-desktop{display:none}.hero-subtitle-mobile{display:block}.cta-button{padding:16px 24px;font-size:.8rem}.work-title{font-size:1.5rem}.work-category{font-size:.85rem}.close-btn-custom{z-index:100!important;background:0 0!important;position:absolute!important;top:-56px!important;right:0!important}.project-detail-content{margin-top:120px!important;padding:0 24px!important}#pv-title{margin-bottom:24px!important;font-size:2.2rem!important}#pv-styleframes{grid-template-columns:1fr!important}#page-works{-webkit-overflow-scrolling:touch;height:100vh!important;overflow-y:auto!important}#works-content-wrapper{transform:none!important}#page-playground{-webkit-overflow-scrolling:touch;height:100vh!important;overflow-y:auto!important}.playground-title{word-break:break-word;padding:100px 0 30px;font-size:clamp(1.5rem,8vw,2rem)}.playground-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;padding:0 24px 80px}.about-modal{width:90vw;padding:32px 24px}.about-name{font-size:2rem}.about-desc{font-size:1rem}.about-modal-image{width:100px;height:100px}}