@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--bg-color:#030303;--bg-gradient:linear-gradient(180deg, #030303 0%, #000 100%);--accent-color:#fff;--purple-glow:#8a2be266;--text-primary:#fff;--text-secondary:#b0b0b0;--card-bg:#ffffff05;--border-color:#ffffff14;--selection-bg:#5a2ab1;--glass-bg:#ffffff04;--glass-border:#ffffff14;--font-main:"Outfit", sans-serif;--transition-smooth:all .8s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}::selection{background:var(--selection-bg);color:var(--text-primary)}html{scroll-behavior:smooth;background-color:var(--bg-color);background-image:radial-gradient(circle at 50% -20%, var(--purple-glow) 0%, transparent 70%), var(--bg-gradient);background-attachment:fixed;transition:background-color .5s}body{font-family:var(--font-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-color:#0000;line-height:1.6;overflow-x:hidden}.cursor-follower{background:var(--accent-color);pointer-events:none;z-index:9999;mix-blend-mode:difference;border-radius:50%;width:12px;height:12px;transition:transform .15s ease-out;display:none;position:fixed;transform:translate(-50%,-50%)}@media (pointer:fine){.cursor-follower{display:block}*{cursor:none!important}}.grid-bg{background-image:linear-gradient(var(--border-color) 1px, transparent 1px), linear-gradient(90deg, var(--border-color) 1px, transparent 1px);z-index:-2;opacity:.1;background-size:80px 80px;width:100%;height:100%;position:fixed;top:0;left:0}#splash-screen{z-index:10000;pointer-events:all;background:radial-gradient(at 50% 40%,#0d0010 0%,#000 70%);justify-content:center;align-items:center;transition:clip-path 1.4s cubic-bezier(.87,0,.13,1);display:flex;position:fixed;inset:0;overflow:hidden}#splash-screen.exit{clip-path:inset(0 0 100%);pointer-events:none}.splash-bg{background:radial-gradient(60% 50%,#6414c859 0%,#0000 70%);animation:3s ease-in-out infinite halo-breathe;position:absolute;inset:0}@keyframes halo-breathe{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.splash-content{z-index:2;flex-direction:column;align-items:center;gap:32px;display:flex;position:relative}.logo-wrapper{opacity:0;justify-content:center;align-items:center;animation:1.6s cubic-bezier(.16,1,.3,1) .4s forwards logo-arrive;display:flex;position:relative}.splash-logo{filter:invert()drop-shadow(0 0 40px #a03cffcc);z-index:2;width:140px;height:auto;position:relative}.splash-progress{background:linear-gradient(90deg,#0000,#fffc,#0000);width:0;height:1px;animation:2.4s cubic-bezier(.16,1,.3,1) 1.2s forwards progress-reveal}.splash-brand{font-family:var(--font-main);letter-spacing:.4em;text-transform:uppercase;color:#fff6;opacity:0;font-size:.75rem;font-weight:600;animation:1s cubic-bezier(.16,1,.3,1) 1.4s forwards brand-reveal;transform:translateY(10px)}.splash-rings{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.splash-rings .ring{opacity:0;border:1px solid #a03cff40;border-radius:50%;position:absolute}.splash-rings .ring:first-child{width:220px;height:220px;animation:1.6s cubic-bezier(.16,1,.3,1) 1.2s forwards ring-out}.splash-rings .ring:nth-child(2){width:300px;height:300px;animation:1.6s cubic-bezier(.16,1,.3,1) 1.5s forwards ring-out}.splash-rings .ring:nth-child(3){border-color:#a03cff1a;width:400px;height:400px;animation:1.6s cubic-bezier(.16,1,.3,1) 1.8s forwards ring-out}@keyframes logo-arrive{0%{opacity:0;filter:blur(20px);transform:scale(1.4)}60%{opacity:1;filter:blur();transform:scale(.96)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes ring-out{0%{opacity:.6;transform:scale(.8)}to{opacity:0;transform:scale(1.3)}}@keyframes progress-reveal{0%{opacity:0;width:0}10%{opacity:1}to{opacity:0;width:200px}}@keyframes brand-reveal{to{opacity:1;transform:translateY(0)}}.splash-lines{z-index:1;opacity:0;background-color:#0000;background-image:linear-gradient(90deg,#ffffff04 1px,#0000 1px),linear-gradient(#ffffff04 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:80px 80px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;animation:1s .3s forwards lines-fade;position:absolute;inset:0}@keyframes lines-fade{to{opacity:1}}.logo-pattern-far{opacity:.03;filter:invert()brightness(.15)blur(3px);z-index:-4;background-size:80px}.logo-pattern-near{opacity:.08;filter:invert()brightness(.35);z-index:-3;background-size:180px}.blob-container{z-index:-4;filter:blur(100px);will-change:transform;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.blob{background:var(--purple-glow);opacity:.4;mix-blend-mode:screen;will-change:transform;border-radius:50%;position:absolute}.blob-1{background:radial-gradient(circle,#6a11cb 0%,#2575fc 100%);width:500px;height:500px;top:-10%;right:-5%}.blob-2{opacity:.25;background:radial-gradient(circle,#b827fc 0%,#2c79ff 100%);width:400px;height:400px;bottom:-5%;left:-5%}.blob-3{opacity:.15;background:radial-gradient(circle,#8e2de2 0%,#4a00e0 100%);width:350px;height:350px;top:40%;left:30%}.mouse-glow{pointer-events:none;z-index:-3;will-change:transform;background:radial-gradient(circle,#8a2be226 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:fixed;transform:translate(-50%,-50%)}.noise{opacity:.04;z-index:-1;pointer-events:none;background:url(https://grainy-gradients.vercel.app/noise.svg);width:100%;height:100%;position:fixed;top:0;left:0}.glass-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(30px)saturate(180%);border:1px solid var(--glass-border);transform-style:preserve-3d;border-radius:40px;padding:100px 80px;transition:transform .15s ease-out,background .5s ease-out,border .5s ease-out;box-shadow:0 40px 100px #00000080}.glass-container:hover{background:#ffffff06;border-color:#ffffff26}.appointment-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.appointment-form input,.appointment-form select,.appointment-form textarea{color:#fff;font-family:var(--font-main);transition:var(--transition-smooth);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:15px 20px;font-size:1rem}.appointment-form select option{color:#fff;background:#111}.appointment-form input:focus,.appointment-form select:focus,.appointment-form textarea:focus{background:#ffffff14;border-color:#8a2be280;outline:none}.disclaimer{background:#ff00550d;border-left:3px solid #f05;border-radius:12px;margin-top:20px;padding:20px}.disclaimer p{color:#fcc;margin-bottom:0;font-size:.9rem}.contact-details{opacity:.8;margin-top:30px}.contact-details p{margin-bottom:10px;font-size:1rem}.container{max-width:1400px;margin:0 auto;padding:0 60px}.lightbox{z-index:3000;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#030303fa;justify-content:center;align-items:center;width:100%;height:100%;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0}.lightbox.active{opacity:1;pointer-events:auto}.lightbox-content{justify-content:center;align-items:center;width:95vw;height:90vh;transition:transform .5s cubic-bezier(.16,1,.3,1);display:flex;transform:scale(.95)}.lightbox.active .lightbox-content{transform:scale(1)}.lightbox-content img{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%;box-shadow:0 30px 60px #00000080}.lightbox-close{color:var(--text-primary);cursor:pointer;z-index:3001;transition:var(--transition-smooth);font-size:3rem;position:absolute;top:40px;right:40px}.lightbox-close:hover{color:#f05;transform:rotate(90deg)scale(1.1)}nav{z-index:1000;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);opacity:0;background:#03030366;justify-content:space-between;align-items:center;width:100%;padding:30px 60px;transition:all 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;transform:translateY(-100%)}body.hero-active nav{opacity:1;transform:translateY(0)}nav:hover{background:#0a0a0a99;border-bottom-color:#fff3}.logo{letter-spacing:-.05em;color:var(--text-primary);font-size:1.5rem;font-weight:700;text-decoration:none}.nav-links{gap:50px;display:flex}.nav-links a{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;transition:var(--transition-smooth);font-size:.9rem;font-weight:400;text-decoration:none}.nav-links a:hover{color:var(--text-primary);transform:translateY(-2px)}section{flex-direction:column;justify-content:center;min-height:70vh;padding:100px 0;scroll-margin-top:120px;display:flex}#hero{text-align:center;filter:blur(10px);opacity:0;justify-content:center;align-items:center;height:100vh;min-height:100vh;padding:0;transition:transform 1.8s cubic-bezier(.16,1,.3,1),filter 1.8s cubic-bezier(.16,1,.3,1),opacity 1.8s cubic-bezier(.16,1,.3,1);display:flex;transform:scale(1.1)}body.hero-active #hero{filter:blur();opacity:1;transform:scale(1)}#hero h1{margin-bottom:1rem}h1{letter-spacing:-.07em;text-transform:uppercase;margin-bottom:2rem;font-size:clamp(5rem,18vw,15rem);font-weight:800;line-height:.8}h2{letter-spacing:-.05em;margin-bottom:3rem;font-size:clamp(3rem,10vw,8rem);font-weight:700;line-height:.95}h1,h2{-webkit-text-fill-color:transparent;filter:drop-shadow(0 10px 20px #00000080);background:linear-gradient(#fff 0%,#fff3 100%);-webkit-background-clip:text;background-clip:text}.work-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:300px;grid-auto-flow:dense;gap:20px;display:grid}.work-item{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;will-change:transform;border-radius:24px;position:relative;overflow:hidden}.work-item.grid-wide{grid-column:span 2}.work-item.grid-tall{grid-row:span 2}.work-item img{object-fit:cover;filter:saturate(.8)brightness(.8);width:100%;height:100%;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.work-item:after{content:"";opacity:0;width:100%;height:100%;transition:var(--transition-smooth);background:linear-gradient(#0000 40%,#000000d9 100%);position:absolute;top:0;left:0}.work-info{z-index:2;opacity:0;width:100%;transition:var(--transition-smooth);pointer-events:none;padding:40px;position:absolute;bottom:0;left:0;transform:translateY(20px)}.work-info h3{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff,#ffffff80);-webkit-background-clip:text;background-clip:text;margin-bottom:5px;font-size:1.5rem;font-weight:700}.work-info span{text-transform:uppercase;letter-spacing:.15em;color:var(--purple-glow);font-size:.8rem;font-weight:600}.work-item:hover:after,.work-item:hover .work-info{opacity:1;transform:translateY(0)}.work-item:hover img{filter:saturate(1.1)brightness(1.1);transform:scale(1.05)}.btn{background:var(--accent-color);color:var(--bg-color);text-transform:uppercase;letter-spacing:.1em;transition:var(--transition-smooth);border-radius:100px;align-items:center;gap:12px;margin-top:30px;padding:18px 32px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{transform:scale(1.05)translateY(-5px);box-shadow:0 20px 40px #ffffff1a}.btn svg{transition:transform .3s}.btn:hover svg{transform:translate(2px,-2px)}h3{margin-bottom:1rem;font-size:1.75rem;font-weight:600}p{color:var(--text-secondary);max-width:700px;margin-bottom:2rem;font-size:1.25rem}.accent{color:var(--accent-color);opacity:.5}.section-grid{grid-template-columns:1fr 1fr;align-items:flex-start;gap:80px;display:grid}.card{border:1px solid var(--border-color);transition:var(--transition-smooth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff08 0%,#ffffff03 100%);border-radius:32px;flex-direction:column;height:100%;padding:60px;display:flex;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;background:radial-gradient(circle at 0 0,#ffffff0d 0%,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}.card:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-15px)scale(1.02);box-shadow:0 40px 80px #0009,0 0 40px #8a2be21a}.badge{background:var(--border-color);text-transform:uppercase;letter-spacing:.15em;border-radius:100px;width:fit-content;margin-bottom:24px;padding:8px 16px;font-size:.75rem;font-weight:700;display:inline-block}.hero-sub{color:var(--text-secondary);font-size:1.5rem;font-weight:300}#typewriter{color:var(--text-primary);border-right:2px solid var(--text-primary);padding-right:5px;font-weight:500;animation:.7s infinite blink}@keyframes blink{50%{border-color:#0000}}.reveal{opacity:0;will-change:transform, opacity;transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);transform:translateY(60px)skewY(5deg)}.reveal.active{opacity:1;transform:translateY(0)skewY(0)}.work-grid .work-item:first-child{transition-delay:.1s}.work-grid .work-item:nth-child(2){transition-delay:.2s}.work-grid .work-item:nth-child(3){transition-delay:.3s}.work-grid .work-item:nth-child(4){transition-delay:.4s}.work-grid .work-item:nth-child(5){transition-delay:.5s}.work-grid .work-item:nth-child(6){transition-delay:.6s}.work-grid .work-item:nth-child(7){transition-delay:.7s}.work-grid .work-item:nth-child(8){transition-delay:.8s}.work-grid .work-item:nth-child(9){transition-delay:.9s}.work-grid .work-item:nth-child(10){transition-delay:1s}#contact{text-align:center;align-items:center;padding-bottom:120px}.email-link{color:var(--text-primary);transition:var(--transition-smooth);letter-spacing:-.04em;margin:60px 0;font-size:clamp(2rem,8vw,6rem);font-weight:700;text-decoration:none;display:block}.email-link:hover{opacity:.4;transform:scale(.98)}footer{border-top:1px solid var(--border-color);color:var(--text-secondary);letter-spacing:.2em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:80px 60px;font-size:.8rem;font-weight:500;display:flex}.scroll-progress{background:var(--accent-color);z-index:2000;width:0%;height:2px;transition:width .1s ease-out;position:fixed;top:0;left:0}@media screen and (width<=1024px){.container{padding:0 40px}.section-grid{grid-template-columns:1fr;gap:60px}}@media screen and (width<=768px){nav{padding:20px 30px}.nav-links{display:none}.container{padding:0 24px}h1{font-size:clamp(3.5rem,15vw,6.5rem);line-height:.9}h2{font-size:clamp(2.5rem,10vw,4rem)}.glass-container{padding:60px 24px}.work-grid{grid-template-columns:1fr}.work-item.grid-wide,.work-item.grid-tall{grid-area:span 1/span 1}.work-item{aspect-ratio:4/3}.email-link{margin:40px 0;font-size:clamp(1.8rem,8vw,3.5rem)}footer{text-align:center;flex-direction:column;gap:15px;padding:40px 24px}.splash-logo{width:100px}.splash-rings .ring:first-child{width:160px;height:160px}.splash-rings .ring:nth-child(2){width:220px;height:220px}.splash-rings .ring:nth-child(3){width:300px;height:300px}.splash-progress{width:140px}.splash-brand{font-size:.6rem}}@media screen and (width<=480px){h1{font-size:clamp(3rem,12vw,4rem)}.glass-container{padding:40px 20px}.btn{justify-content:center;width:100%}.form-row{grid-template-columns:1fr}}