@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";body.lightbox-active nav{opacity:0!important;pointer-events:none!important;transform:translate(-50%,-100px)!important;transition:all .4s ease!important}:root{--bg-color: #0f0913;--bg-card: rgba(30, 20, 35, .4);--bg-card-hover: rgba(45, 30, 50, .6);--primary: #e2b0b0;--secondary: #d4a5a5;--accent: #c2cbe3;--cyan: #22d3ee;--text-main: #f8f3f3;--text-dim: #b4a9b9;--glass-border: rgba(226, 176, 176, .2);--transition-fast: .25s ease;--transition-slow: .8s cubic-bezier(.4, 0, .2, 1);--radius: 16px;--font-main: "Outfit", sans-serif;--font-heading: "Playfair Display", serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{background:var(--bg-color);color:var(--text-main);font-family:var(--font-main);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em}a{color:inherit;text-decoration:none;transition:var(--transition-fast)}ul{list-style:none}button{cursor:pointer;border:0;background:transparent;font-family:inherit}img{max-width:100%;width:100%;height:100%;display:block;object-fit:cover}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.glass{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass-nav{background:#0d0d0d4d;border:1px solid rgba(255,255,255,.08);border-radius:999px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.text-gradient{background:linear-gradient(135deg,var(--primary),var(--secondary),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.bg-gradient{background:linear-gradient(135deg,var(--primary),var(--secondary))}.glow{box-shadow:0 0 20px #e2b0b04d}.hover-primary:hover{color:var(--primary)!important}input:focus,textarea:focus{outline:none;border-color:var(--focus-color, var(--primary))!important;box-shadow:0 0 10px #e2b0b01a}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section-padding{padding:100px 0}@media(max-width:768px){.section-padding{padding:60px 0}}.app-container{min-height:100vh;background:radial-gradient(600px circle at 15% 20%,rgba(226,176,176,.12),transparent 55%),radial-gradient(700px circle at 85% 30%,rgba(194,203,227,.1),transparent 55%),radial-gradient(700px circle at 50% 90%,rgba(34,211,238,.08),transparent 55%)}.content-wrapper{position:relative;z-index:1}.projects-grid{grid-auto-rows:1fr;align-items:stretch}.project-card{height:100%;display:flex;flex-direction:column}.project-shell{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;will-change:transform}.project-card:hover .project-shell{box-shadow:0 20px 40px #0006,0 0 20px #ffffff0d}.project-media{overflow:hidden}.project-media img{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform .7s ease}.project-card:hover .project-media img{transform:scale(1.05)}.project-overlay{background:#0000008c;opacity:0;transition:opacity .3s ease}.project-action{width:46px;height:46px;border-radius:999px;background:#000;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .2s ease,background .2s ease,border-color .2s ease}.project-action:hover{transform:translateY(-2px) scale(1.06);background:#111;border-color:#ffffff73}.project-body{padding:24px;display:flex;flex-direction:column;flex:1;gap:12px;min-height:0}.project-divider{width:48px;height:4px;border-radius:999px;opacity:.6;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1)}.project-card:hover .project-divider{width:80px;opacity:1}.project-title{font-size:1.125rem;line-height:1.25;letter-spacing:-.02em;font-weight:800;margin:0;background:linear-gradient(135deg,#fff,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;transition:background .25s ease}.project-card:hover .project-title{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text}.project-desc{margin:0;line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}.project-tags{margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;gap:10px}.project-tag{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#ffffff14;box-shadow:0 2px 8px #ffffff0d;color:#fffffff2;transition:transform .2s ease,background .2s ease,border-color .2s ease}.project-tag:hover{transform:translateY(-1px);background:#ffffff1f;border-color:#ffffff4d}.hero-title{font-size:clamp(2.5rem,12vw,8rem);line-height:.9;letter-spacing:-.05em;text-transform:uppercase;font-weight:800}.btn-outline{border:1px solid rgba(255,255,255,.7);border-radius:999px;padding:12px 24px;display:flex;align-items:center;gap:8px;color:var(--text-main);position:relative;overflow:hidden;transition:transform .25s ease,background .25s ease,border-color .25s ease,color .25s ease}.btn-outline:hover{background:#ffffff1a;border-color:#fffffff2;transform:translateY(-1px)}.social-icon-btn{width:48px;height:48px;border-radius:999px;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;transition:transform .25s ease,border-color .25s ease,color .25s ease,background .25s ease}.social-icon-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-3px)}.profile-tag{display:flex;align-items:center;gap:12px;margin-bottom:32px}.profile-img-small{width:80px;height:80px;border-radius:999px;border:4px solid var(--bg-card);object-fit:cover}@keyframes shimmer{0%{transform:translate(-150%) skew(-15deg)}to{transform:translate(150%) skew(-15deg)}}.shimmer-trigger{position:relative;overflow:hidden}.shimmer-trigger:hover .shimmer-beam{animation:shimmer .7s cubic-bezier(.4,0,.2,1)}.shimmer-beam{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.75) 50%,transparent 100%);transform:translate(-150%) skew(-15deg);pointer-events:none;z-index:10}.hidden{display:none}.block{display:block}.flex{display:flex}.grid{display:grid}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.left-1\/2{left:50%}.top-1\/2{top:50%}.top-8{top:32px}.-top-24{top:-96px}.-right-24{right:-96px}.inset-0{inset:0}.inset-4{inset:16px}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.-z-10{z-index:-10}.w-full{width:100%}.w-max{width:max-content}.h-full{height:100%}.h-screen{height:100vh}.h-8{height:32px}.h-24{height:96px}.h-48{height:192px}.h-64{height:256px}.h-\[500px\]{height:500px}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.gap-8{gap:32px}.gap-12{gap:48px}.gap-16{gap:64px}.gap-20{gap:80px}.gap-24{gap:96px}.gap-32{gap:128px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}.p-8{padding:32px}.p-10{padding:40px}.p-12{padding:48px}.px-12{padding-left:48px;padding-right:48px}.px-16{padding-left:64px;padding-right:64px}.py-5{padding-top:20px;padding-bottom:20px}.px-2{padding-left:8px;padding-right:8px}.px-3{padding-left:12px;padding-right:12px}.px-8{padding-left:32px;padding-right:32px}.py-1{padding-top:4px;padding-bottom:4px}.py-2{padding-top:8px;padding-bottom:8px}.py-4{padding-top:16px;padding-bottom:16px}.py-6{padding-top:24px;padding-bottom:24px}.mt-2{margin-top:8px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mt-12{margin-top:48px}.mt-16{margin-top:64px}.mt-20{margin-top:80px}.mt-24{margin-top:96px}.mt-32{margin-top:128px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mb-10{margin-bottom:40px}.mb-12{margin-bottom:48px}.mb-16{margin-bottom:64px}.mb-24{margin-bottom:96px}.ml-4{margin-left:16px}.pt-32{padding-top:128px}.pt-40{padding-top:160px}.pb-16{padding-bottom:64px}.pb-20{padding-bottom:80px}.pb-24{padding-bottom:96px}.pb-32{padding-bottom:128px}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.col-span-2{grid-column:span 2 / span 2}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:p-12{padding:48px}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:gap-8{gap:32px}}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.leading-relaxed{line-height:1.625}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.text-4xl{font-size:36px}.text-5xl{font-size:48px}.text-xs{font-size:12px;line-height:1rem}.text-base{font-size:16px;line-height:1.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-\[10px\]{font-size:10px;line-height:1rem}.font-medium{font-weight:500}.font-bold{font-weight:700}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.text-dim{color:var(--text-dim)}.text-cyan-400{color:var(--cyan)}.border{border-width:1px;border-style:solid}.border-4{border-width:4px}.border-white\/10{border-color:#ffffff1a}.border-cyan-400\/20{border-color:#22d3ee33}.border-cyan-400\/30{border-color:#22d3ee4d}.border-cyan-400\/50{border-color:#22d3ee80}.border-t-cyan-400{border-top:1px solid rgba(34,211,238,.85)}.rounded{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:16px}.rounded-2xl{border-radius:20px}.rounded-3xl{border-radius:32px}.rounded-\[40px\]{border-radius:40px}.rounded-full{border-radius:9999px}.bg-\[\#030014\]{background:#030014}.bg-white\/5{background:#ffffff0d}.bg-primary\/10{background:#e2b0b01a}.bg-accent\/20{background:#c2cbe333}.bg-black\/20{background:#0003}.bg-black\/40{background:#0006}.opacity-0{opacity:0}.opacity-20{opacity:.2}.pointer-events-none{pointer-events:none}.overflow-hidden{overflow:hidden}.object-cover{object-fit:cover}.grayscale{filter:grayscale(1)}.outline-none{outline:none}.resize-none{resize:none}.blur-\[100px\]{filter:blur(100px)}.blur-\[120px\]{filter:blur(120px)}.-translate-x-1\/2{transform:translate(-50%)}.-translate-y-1\/2{transform:translateY(-50%)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.space-x-8>*+*{margin-left:32px}.space-x-4>*+*{margin-left:16px}.space-y-4>*+*{margin-top:16px}.space-y-6>*+*{margin-top:24px}.group{position:relative}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:scale-110{transform:scale(1.1)}.group:hover .hover\:grayscale-0{filter:grayscale(0)}.group:hover .group-hover\:opacity-100,.group:hover .group-hover\:scale-110{transition:all .25s ease}.hover\:opacity-90:hover{opacity:.9}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:text-cyan-400:hover{color:var(--cyan)}.hover\:underline:hover{text-decoration:underline}.hover\:bg-white\/10:hover{background:#ffffff1a}.hover\:bg-white\/20:hover{background:#fff3}.shadow-\[0_0_20px_rgba\(34\,211\,238\,0\.5\)\]{box-shadow:0 0 20px #22d3ee80}.focus\:border-cyan-400:focus{border-color:#22d3eed9!important}.cursor-root{position:fixed;top:0;left:0;width:56px;height:56px;z-index:9999;pointer-events:none;transform:translate3d(-9999px,-9999px,0)}.cursor-ring{width:56px;height:56px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:radial-gradient(80% 80% at 35% 25%,#ffffff14,#ffffff05 55%,#0000),radial-gradient(120% 120% at 50% 60%,#08030ebf,#08030e8c);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 16px 30px #00000073,inset 0 0 0 1px #ffffff0a;display:grid;place-items:center;position:relative;overflow:hidden}.cursor-icon{width:26px;height:26px;display:grid;place-items:center;filter:drop-shadow(0 0 6px rgba(255,255,255,.18));opacity:.95}.cursor-sparkles{position:absolute;inset:-10px;border-radius:999px;opacity:var(--sparkle-op, .6);transform:rotate(var(--sparkle-rot, 0deg));pointer-events:none}.cursor-sparkles:before{content:"";position:absolute;left:50%;top:50%;width:2px;height:2px;background:#ffffff8c;border-radius:999px;transform:translate(-50%,-50%);box-shadow:-18px -14px #ffffff59,20px -10px #ffffff47,16px 14px #ffffff38,-10px 18px #ffffff42,-4px -2px #ffffff2e,8px 2px #ffffff29}@media(pointer:coarse),(prefers-reduced-motion:reduce){.cursor-root{display:none}body{cursor:auto}}@media(pointer:fine){body{cursor:none}}@media(pointer:coarse),(prefers-reduced-motion:reduce){body{cursor:auto}}.case-study-page{background-color:var(--bg-color);min-height:100vh}.min-h-\[60vh\]{min-height:60vh}.case-study-hero{background:radial-gradient(circle at top left,rgba(226,176,176,.05),transparent 40%),radial-gradient(circle at bottom right,rgba(194,203,227,.05),transparent 40%)}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.projects-grid{align-items:stretch}.project-card{height:100%}.project-shell{height:100%;display:flex;flex-direction:column}.project-overlay{transition:all .4s cubic-bezier(.4,0,.2,1)}.project-card:hover .project-overlay{opacity:1}.project-action:hover{background:var(--primary)!important;color:#fff!important;box-shadow:0 0 15px var(--primary)}.case-study-page ul li{position:relative;padding-left:1.5rem}.case-study-page ul li:before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background-color:currentColor;opacity:.7}.bg-red-500\/5{background-color:#ef44440d}.bg-green-500\/5{background-color:#22c55e0d}.text-red-400{color:#f87171}.text-green-400{color:#4ade80}.border-primary\/20{border-color:#e2b0b033}.bg-primary\/5{background-color:#e2b0b00d}.to-transparent{--tw-gradient-to: transparent}.from-primary\/5{--tw-gradient-from: rgba(226, 176, 176, .05);--tw-gradient-to: rgba(226, 176, 176, 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}@media(max-width:768px){.case-study-hero{padding-top:6rem}}@media(max-width:640px){#contact .glass{padding:1.5rem!important}#contact .grid,#contact form .grid{grid-template-columns:1fr!important;gap:1.5rem!important}#contact h2,#contact p{text-align:center!important}#contact .flex.items-center.gap-4{flex-wrap:wrap!important;justify-content:center!important}#contact .social-icon-btn{width:44px!important;height:44px!important}#contact form input,#contact form textarea{font-size:16px!important}}.app-container{position:relative;min-height:100vh;width:100%}.content-wrapper{position:relative;z-index:10}main{display:flex;flex-direction:column}footer{padding:40px 0;text-align:center;color:var(--text-dim);font-size:.9rem;border-top:1px solid var(--glass-border);background:#03001480}