@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700;900&display=swap";:root{--midnight:#0a0909;--salt-flat:#eef0f2;--neon:#4b01e6;--flame:#f23005;--color-primary:var(--neon);--color-on-primary:var(--salt-flat);--color-secondary:var(--flame);--color-background:var(--midnight);--color-foreground:var(--salt-flat);--glass-bg:#0a09098c;--glass-border:#eef0f214;--glass-blur:blur(30px);--bg-color:var(--midnight);--text-primary:var(--salt-flat);--text-muted:#eef0f299;--accent:var(--neon);--accent-glow:#4b01e659;--font-main:"Stage Grotesk", "DM Sans", "Helvetica Neue", Arial, sans-serif;--font-body:"Stage Grotesk", "DM Sans", "Helvetica Neue", Arial, sans-serif;--transition-fast:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.8s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.5s cubic-bezier(.34, 1.56, .64, 1)}.uupm-glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);box-shadow:0 20px 60px #0006,inset 0 1px #ffffff08}.uupm-interactive{transition:all var(--transition-fast);cursor:pointer!important}.uupm-interactive:hover{border-color:#4b01e666;transform:translateY(-2px);box-shadow:0 10px 20px #00000080,0 0 30px #4b01e640}*{box-sizing:border-box;cursor:none;margin:0;padding:0}html,body{background-color:var(--midnight);width:100%;height:100%;color:var(--salt-flat);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;position:fixed;overflow:hidden}::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}#root{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.noise-bg{display:none}.custom-cursor{background:var(--text-primary);pointer-events:none;z-index:9999;mix-blend-mode:difference;border-radius:50%;width:8px;height:8px;transition:width .2s,height .2s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.custom-cursor-follower{border:1px solid var(--glass-border);pointer-events:none;z-index:9998;border-radius:50%;width:40px;height:40px;transition:width .3s,height .3s,background .3s,opacity .3s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-hover .custom-cursor{width:0;height:0}.cursor-hover .custom-cursor-follower{background:var(--text-primary);mix-blend-mode:difference;border-color:#0000;width:60px;height:60px}@keyframes glow-pulse{0%,to{text-shadow:0 0 6px #ffffff80,0 0 12px #ffffff4d;opacity:.6}50%{text-shadow:0 0 14px #fff,0 0 28px #ffffffe6,0 0 56px #fff6;opacity:1}}.play-scroll-cta{z-index:20;pointer-events:none;color:#eef0f2;font-family:var(--font-main);letter-spacing:4px;text-transform:uppercase;white-space:nowrap;margin:0;font-size:.72rem;font-weight:300;animation:2s ease-in-out infinite glow-pulse;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.navbar{box-sizing:border-box;pointer-events:auto;z-index:2000;background:var(--glass-bg);width:100%;-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:1.2rem 3rem;display:flex;position:fixed;top:0;left:0;box-shadow:0 4px 30px #00000080}.nav-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.logo{color:var(--text-primary);letter-spacing:2px;font-size:1.5rem;font-weight:900;text-decoration:none;display:inline-block}.nav-links{gap:3rem;list-style:none;display:flex}.nav-links a{color:var(--text-primary);letter-spacing:1px;font-size:.9rem;font-weight:300;text-decoration:none;display:inline-block;position:relative}.nav-links a:after{content:"";background:var(--accent);width:0%;height:1px;transition:width var(--transition-fast);position:absolute;bottom:-5px;left:0}.nav-links a:hover:after{width:100%}.scroll-intro-hint{text-align:center;width:100%;color:var(--text-primary);pointer-events:none;flex-direction:column;align-items:center;gap:15px;display:flex;position:absolute;bottom:50px}.scroll-intro-hint span{letter-spacing:8px;font-size:2rem;font-weight:900}.scroll-intro-hint p{color:var(--text-muted);letter-spacing:2px;font-size:.9rem}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:0 5%;display:flex;position:relative}.hero:before{content:"";z-index:-1;background:radial-gradient(circle,#5e6ad226 0%,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content h1{letter-spacing:-2px;flex-direction:column;margin-bottom:1.5rem;font-size:clamp(3rem,10vw,8rem);font-weight:900;line-height:1;display:flex}.hero-content h1 .accent{background:linear-gradient(135deg, var(--text-primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtext{color:var(--text-muted);margin-bottom:3rem;font-size:clamp(1rem,2vw,1.5rem);font-weight:300}.cta-button{border:1px solid var(--text-primary);color:var(--text-primary);letter-spacing:1px;transition:var(--transition-fast);border-radius:50px;padding:1rem 2.5rem;font-size:.9rem;font-weight:400;text-decoration:none;display:inline-block;position:relative;overflow:hidden}.cta-button:before{content:"";background:var(--text-primary);width:100%;height:100%;transition:var(--transition-fast);z-index:-1;position:absolute;top:100%;left:0}.cta-button:hover{color:var(--bg-color)}.cta-button:hover:before{top:0}.scroll-indicator{letter-spacing:2px;color:var(--text-muted);flex-direction:column;align-items:center;gap:10px;font-size:.7rem;display:flex;position:absolute;bottom:40px}.line-down{background:var(--text-muted);width:1px;height:50px;position:relative;overflow:hidden}.line-down:after{content:"";background:var(--text-primary);width:100%;height:100%;animation:2s infinite scroll-line;position:absolute;top:-100%;left:0}@keyframes scroll-line{0%{top:-100%}to{top:100%}}.work{max-width:1600px;margin:0 auto;padding:8rem 5%}.section-header{margin-bottom:4rem}.section-header h2{letter-spacing:-1px;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.divider{background:var(--accent);width:50px;height:2px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.gallery-item{border-radius:12px;position:relative;overflow:hidden}.gallery-grid .gallery-item:nth-child(2n){transform:translateY(4rem)}.media-container{background:var(--glass-bg);border:1px solid var(--glass-border);width:100%;transition:all var(--transition-fast);border-radius:16px;padding-top:125%;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.gallery-item{cursor:pointer;border-radius:16px;position:relative;overflow:hidden}.gallery-item:hover .media-container{border-color:#4b01e64d;transform:translateY(-8px);box-shadow:0 20px 40px #0009,0 0 20px #4b01e626}.media-placeholder{letter-spacing:2px;color:#ffffff1a;width:100%;height:100%;transition:transform var(--transition-slow);background-position:50%;background-size:cover;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex;position:absolute;top:0;left:0}.media-placeholder.video{background:linear-gradient(45deg,#111,#222)}.media-placeholder.photo{background:linear-gradient(45deg,#181818,#0a0a0a)}.gallery-item:hover .media-placeholder{transform:scale(1.05)}.overlay{opacity:0;width:100%;transition:var(--transition-fast);background:linear-gradient(#0000,#000c);padding:2rem;position:absolute;bottom:0;left:0;transform:translateY(20px)}.gallery-item:hover .overlay{opacity:1;transform:translateY(0)}.overlay h3{margin-bottom:.5rem;font-size:1.5rem}.overlay p{color:var(--text-muted);font-size:.9rem}.contact{justify-content:center;padding:8rem 5%;display:flex}.contact-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);text-align:center;border-radius:24px;width:100%;max-width:600px;padding:5rem 3rem;position:relative;overflow:hidden;box-shadow:0 20px 60px #0006,inset 0 1px #ffffff08}.contact-card:before{content:"";background:var(--accent);filter:blur(80px);z-index:-1;opacity:.5;border-radius:50%;width:150px;height:150px;position:absolute;top:-50px;right:-50px}.contact-card h2{margin-bottom:1rem;font-size:2.5rem}.contact-card p{color:var(--text-muted);margin-bottom:3rem}footer{border-top:1px solid var(--glass-border);padding:2rem 5%}.footer-content{max-width:1400px;color:var(--text-muted);justify-content:space-between;align-items:center;margin:0 auto;font-size:.8rem;display:flex}.socials{gap:2rem;display:flex}.socials a{color:var(--text-primary);transition:var(--transition-fast);text-decoration:none}.socials a:hover{color:var(--accent)}.fade-in-up{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}.fade-in-up.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}@media (width<=768px){.nav-links{display:none}.gallery-grid{grid-template-columns:1fr}.gallery-grid .gallery-item:nth-child(2n){transform:translateY(0)}.hero-content h1{font-size:3.5rem}html,*{cursor:auto}.custom-cursor,.custom-cursor-follower{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--neon);outline-offset:2px}@keyframes galleryFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cardFlyInBottom{0%{opacity:0;transform:translateY(100vh)scale(.85)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cardFlyInLeft{0%{opacity:0;transform:translate(-100vw)scale(.85)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes cardFlyInRight{0%{opacity:0;transform:translate(100vw)scale(.85)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes cardFlyInTop{0%{opacity:0;transform:translateY(-100vh)scale(.85)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes detailFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes cardFlyOutTopLeft{0%{opacity:1;transform:translate(0)scale(1)rotate(0)}to{opacity:0;transform:translate(-100vw,-60vh)scale(.4)rotate(-20deg)}}@keyframes cardFlyOutTopRight{0%{opacity:1;transform:translate(0)scale(1)rotate(0)}to{opacity:0;transform:translate(100vw,-60vh)scale(.4)rotate(20deg)}}@keyframes cardFlyOutBottomLeft{0%{opacity:1;transform:translate(0)scale(1)rotate(0)}to{opacity:0;transform:translate(-100vw,60vh)scale(.4)rotate(20deg)}}@keyframes cardFlyOutBottomRight{0%{opacity:1;transform:translate(0)scale(1)rotate(0)}to{opacity:0;transform:translate(100vw,60vh)scale(.4)rotate(-20deg)}}*{-webkit-hyphens:none!important;hyphens:none!important}p,h1,h2,h3,h4,h5,h6,span{text-wrap:balance}
