:root{--primary-100: #fbf3d5;--primary-200: #f5e3a1;--primary-300: #ecd078;--primary-400: #e0bb4f;--primary-500: #d4af37;--primary-600: #b8941f;--primary-700: #8f7117;--secondary-100: #fbf3d5;--secondary-200: #f5e3a1;--secondary-300: #ecd078;--secondary-400: #e0bb4f;--secondary-500: #d4af37;--secondary-600: #b8941f;--accent-100: #ffffff;--accent-200: #f5f1e6;--accent-300: #ecd078;--accent-400: #e0bb4f;--accent-500: #d4af37;--neutral-50: #ffffff;--neutral-100: #f5f5f5;--neutral-200: #e6e6e6;--neutral-300: #cfcfcf;--neutral-400: #a8a8a8;--neutral-500: #7a7a7a;--neutral-600: #4d4d4d;--neutral-700: #2b2b2b;--neutral-800: #161616;--neutral-900: #0b0b0b;--neutral-950: #000000;--gold: #d4af37;--gold-rgb: 212, 175, 55;--glass-bg: rgba(10, 10, 10, .72);--glass-border: rgba(212, 175, 55, .22);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .6);--gradient-primary: #d4af37;--gradient-secondary: #b8941f;--gradient-hero: #000000;--gradient-card: rgba(212, 175, 55, .04);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}body{font-family:var(--font-family);background-color:var(--neutral-950);color:var(--neutral-100);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.is-loading{overflow:hidden}.editable-section{font-family:var(--section-font, var(--font-family));font-size:var(--section-font-size, 16px);color:var(--section-text-color, var(--neutral-100))}.editable-section h1,.editable-section h2,.editable-section h3,.editable-section h4,.editable-section .logo-text{font-family:var(--section-heading-font, var(--font-display))}.editable-section .section-tag,.editable-section .gradient-text,.editable-section .work-category,.editable-section .service-tag,.editable-section .work-arrow,.editable-section .site-footer-col h4{color:var(--section-accent-color, var(--gold))}.editable-section .section-tag,.editable-section .gradient-text,.editable-section .stat-number{background:var(--section-accent-color, var(--gold));-webkit-background-clip:text;background-clip:text}.site-loader{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;background:#00000061;backdrop-filter:blur(18px) saturate(118%);-webkit-backdrop-filter:blur(18px) saturate(118%);opacity:1;visibility:visible;transition:opacity .6s ease,visibility .6s ease}.site-loader:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000002e,#00000080),#d4af3706;pointer-events:none}.site-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-orbit{width:184px;height:184px;position:absolute;top:50%;left:50%;display:grid;place-items:center;transform:translate(-50%,-50%);animation:orbitRotate 5.8s linear infinite,orbitFade 2.55s ease forwards}.loader-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 18px #d4af378c;opacity:.32;transform:rotate(calc(var(--dot) * 30deg)) translateY(-90px) scale(var(--dot-scale, 1));animation:dotPulse 1.7s ease-in-out infinite;animation-delay:calc(var(--dot) * 90ms)}.loader-orbit i:nth-child(3n+1){--dot-scale: .82}.loader-orbit i:nth-child(3n+2){--dot-scale: 1}.loader-orbit i:nth-child(3n+3){--dot-scale: 1.14}.loader-logo-wrap{width:150px;height:150px;position:absolute;inset:50%;transform:translate(-50%,-50%);display:grid;place-items:center;animation:logoStageExit 2.85s ease forwards}.loader-logo-main,.loader-fragments span img{width:124px;height:124px;object-fit:contain;filter:drop-shadow(0 16px 30px rgba(0,0,0,.5))}.loader-logo-main{opacity:0;animation:logoWhole 2.7s cubic-bezier(.22,1,.36,1) forwards}.loader-fragments{position:absolute;inset:13px}.loader-fragments span{position:absolute;inset:0;display:block;opacity:0;animation:logoFragment 2.7s cubic-bezier(.22,1,.36,1) forwards}.loader-fragments span img{clip-path:inset(calc(var(--row) * 20%) calc((4 - var(--col)) * 20%) calc((4 - var(--row)) * 20%) calc(var(--col) * 20%))}.loader-title-wrap{position:absolute;inset:0;width:min(92vw,900px);min-height:100vh;display:flex;align-items:center;justify-content:center;margin:auto;pointer-events:none}.loader-title,.loader-title-fragments{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-family);font-size:clamp(2.55rem,8vw,7rem);font-weight:800;letter-spacing:.08em;line-height:.9;color:var(--neutral-50);text-transform:uppercase;white-space:nowrap;text-shadow:0 18px 42px rgba(0,0,0,.58)}.loader-title span{display:inline-block;opacity:0;transform:translateY(46px) scale(.28);animation:titleReveal 2.1s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(2.22s + var(--letter) * 24ms)}.loader-title-fragments span{display:inline-block;opacity:0;transform:translateY(46px) scale(.28);animation:titleScatter 2.1s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(2.22s + var(--letter) * 24ms)}.loader-line{position:absolute;top:calc(50% + 96px);left:50%;transform:translate(-50%);width:132px;height:1px;overflow:hidden;background:#d4af372e;animation:loaderLineExit 2.5s ease forwards}.loader-line:after{content:"";display:block;width:42%;height:100%;background:var(--gold);animation:loaderLine 1.15s cubic-bezier(.65,0,.35,1) infinite}.reveal-item{opacity:0;translate:0 28px;filter:blur(8px);transition:opacity .76s cubic-bezier(.22,1,.36,1),translate .76s cubic-bezier(.22,1,.36,1),filter .76s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay, 0ms);will-change:opacity,translate,filter}.reveal-item.is-visible{opacity:1;translate:0 0;filter:blur(0)}@keyframes loaderLine{0%{transform:translate(-110%)}to{transform:translate(250%)}}@keyframes orbitRotate{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes orbitFade{0%,72%{opacity:1}to{opacity:0}}@keyframes logoStageExit{0%,78%{opacity:1}to{opacity:0}}@keyframes loaderLineExit{0%,78%{opacity:1}to{opacity:0}}@keyframes dotPulse{0%,to{opacity:.28}50%{opacity:.95}}@keyframes logoFragment{0%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(.92)}20%{opacity:.92}52%,68%{opacity:1;transform:translate(0) rotate(0) scale(1)}88%,to{opacity:0;transform:translate(0) rotate(0) scale(1.01)}}@keyframes logoWhole{0%,52%{opacity:0;transform:scale(.97)}68%{opacity:1;transform:scale(1)}82%{opacity:1;transform:scale(1.035)}to{opacity:0;transform:scale(1.08)}}@keyframes titleReveal{0%{opacity:0;transform:translateY(46px) scale(.28);filter:blur(12px)}38%,62%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(0) scale(1.18);filter:blur(5px)}}@keyframes titleScatter{0%,60%{opacity:0;transform:translateY(46px) scale(.28);filter:blur(12px)}62%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translate(var(--tx),var(--ty)) rotate(var(--tr)) scale(.72);filter:blur(8px)}}@keyframes logoLoad{0%,to{opacity:.82;transform:scale(.96)}50%{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.site-loader,.loader-orbit,.loader-orbit i,.loader-line:after,.loader-logo-main,.loader-fragments span,.loader-title span,.reveal-item{animation:none;transition:none}.loader-logo-main,.loader-title span{opacity:1;transform:none}.loader-fragments{display:none}.reveal-item{opacity:1;translate:0 0;filter:none}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:var(--spacing-sm) 0;transition:var(--transition-base);background:transparent}.navbar.scrolled{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.nav-container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;transition:var(--transition-base)}.logo:hover{transform:scale(1.02)}.logo-icon{width:70px;height:0px;background:var(--gradient-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.5rem;color:#000;box-shadow:0 4px 15px #d4af3766}.logo-text{font-size:1.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:flex;align-items:center;gap:var(--spacing-xs)}.nav-link{background:none;border:none;padding:var(--spacing-xs) var(--spacing-sm);font-family:inherit;font-size:.95rem;font-weight:500;color:var(--neutral-300);cursor:pointer;transition:var(--transition-base);border-radius:var(--radius-sm);position:relative}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:80%;height:2px;background:var(--gradient-primary);border-radius:var(--radius-full);transition:transform var(--transition-base)}.nav-link:hover,.nav-link.active{color:var(--neutral-50)}.nav-link:hover:after,.nav-link.active:after{transform:translate(-50%) scaleX(1)}.menu-toggle{display:none;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:var(--spacing-xs);color:var(--neutral-100);cursor:pointer;transition:var(--transition-base)}.menu-toggle:hover{background:#ffffff1a}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:var(--spacing-3xl) var(--spacing-lg)}.hero-bg{position:absolute;inset:0;overflow:hidden;background:#000}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.95}.hero-video-overlay{position:absolute;inset:0;background:#0000008c}@media(prefers-reduced-motion:reduce){.hero-video{display:none}}.hero-content{position:relative;z-index:1;text-align:center;max-width:900px}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.875rem;color:var(--primary-300);margin-bottom:var(--spacing-lg);animation:fadeInUp .8s ease forwards}.hero-content h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-md);animation:fadeInUp .8s ease .1s forwards;opacity:0}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-content>p{font-size:clamp(1rem,2vw,1.25rem);color:var(--neutral-400);max-width:700px;margin:0 auto var(--spacing-xl);animation:fadeInUp .8s ease .2s forwards;opacity:0}.hero-buttons{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap;animation:fadeInUp .8s ease .3s forwards;opacity:0}.btn-primary{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:var(--gradient-primary);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-family:inherit;font-size:1rem;font-weight:600;color:#000;cursor:pointer;transition:var(--transition-base);box-shadow:0 4px 20px #d4af3766}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #d4af3780}.btn-secondary{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:transparent;border:2px solid var(--glass-border);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-family:inherit;font-size:1rem;font-weight:600;color:var(--neutral-100);cursor:pointer;transition:var(--transition-base)}.btn-secondary:hover{background:#ffffff0d;border-color:var(--primary-400)}.scroll-indicator{position:absolute;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);cursor:pointer;color:var(--neutral-500);transition:var(--transition-base);animation:fadeIn 1s ease 1s forwards;opacity:0}.scroll-indicator:hover{color:var(--primary-400)}.bounce{animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.section-header{text-align:center;max-width:700px;margin:0 auto var(--spacing-3xl)}.section-tag{display:inline-block;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-sm)}.section-header h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:var(--spacing-sm);line-height:1.2}.section-header p{color:var(--neutral-400);font-size:1.1rem}.about{padding:var(--spacing-3xl) 0;position:relative;background:var(--neutral-900)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center;margin-bottom:var(--spacing-3xl)}.about-image{position:relative}.image-wrapper{position:relative;border-radius:var(--radius-xl);overflow:hidden}.image-wrapper img{width:100%;height:500px;object-fit:cover;transition:var(--transition-slow)}.image-wrapper:hover img{transform:scale(1.05)}.image-glow{display:none;position:absolute;inset:-20px;background:var(--gradient-primary);filter:blur(60px);opacity:.3;z-index:-1;border-radius:var(--radius-xl)}.floating-card{position:absolute;bottom:var(--spacing-lg);right:-var(--spacing-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-xs);color:var(--primary-300);font-weight:600;box-shadow:var(--glass-shadow);animation:floatCard 3s ease-in-out infinite}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.about-text h3{font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--neutral-50)}.about-text p{color:var(--neutral-400);margin-bottom:var(--spacing-md);line-height:1.8}.about-features{display:flex;gap:var(--spacing-md);flex-wrap:wrap;margin-top:var(--spacing-lg)}.feature{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);color:var(--neutral-200);font-size:.9rem;font-weight:500}.feature svg{color:var(--primary-400)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}.stat-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;transition:var(--transition-base)}.stat-card:hover{transform:translateY(-5px);border-color:var(--primary-400);box-shadow:0 10px 40px #d4af3733}.stat-number{display:block;font-size:2.5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-xs)}.stat-label{color:var(--neutral-400);font-size:.95rem}.services{padding:var(--spacing-3xl) 0;background:var(--neutral-950);position:relative}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.service-card{position:relative;background:var(--gradient-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:var(--transition-base);overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.service-card:hover{transform:translateY(-8px);border-color:var(--primary-500);box-shadow:0 20px 40px #d4af3726}.service-card:hover:before{transform:scaleX(1)}.service-icon{width:64px;height:64px;background:var(--gradient-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#000;margin-bottom:var(--spacing-md);transition:var(--transition-base)}.service-card:hover .service-icon{transform:scale(1.1) rotate(5deg)}.service-card h3{font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-xs);color:var(--neutral-50)}.service-card p{color:var(--neutral-400);font-size:.95rem;line-height:1.7}.service-hover-effect{position:absolute;bottom:-50%;left:50%;width:200px;height:200px;background:none;transform:translate(-50%);opacity:0;transition:var(--transition-slow);pointer-events:none}.service-card:hover .service-hover-effect{opacity:.1;bottom:-20%}.portfolio{padding:var(--spacing-3xl) 0;background:var(--neutral-950)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.portfolio-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;transition:var(--transition-base)}.portfolio-card:hover{transform:translateY(-10px);border-color:var(--primary-500);box-shadow:0 25px 50px #d4af3733}.portfolio-image{position:relative;height:220px;overflow:hidden}.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow)}.portfolio-card:hover .portfolio-image img{transform:scale(1.1)}.portfolio-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:flex-end;justify-content:center;padding-bottom:var(--spacing-lg);opacity:0;transition:var(--transition-base)}.portfolio-card:hover .portfolio-overlay{opacity:1}.overlay-btn{background:#fff;border:none;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--primary-600);transition:var(--transition-base)}.overlay-btn:hover{transform:scale(1.1);background:var(--neutral-100)}.portfolio-info{padding:var(--spacing-md)}.portfolio-category{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--primary-400);margin-bottom:var(--spacing-xs)}.portfolio-info h3{font-size:1.1rem;font-weight:700;margin-bottom:var(--spacing-xs);color:var(--neutral-50)}.portfolio-info p{font-size:.9rem;color:var(--neutral-400);line-height:1.6}.team{padding:var(--spacing-3xl) 0;background:var(--neutral-950)}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}.team-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;transition:var(--transition-base)}.team-card:hover{transform:translateY(-10px);border-color:var(--secondary-500);box-shadow:0 20px 40px #d4af3726}.team-image{position:relative;height:280px;overflow:hidden}.team-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(30%);transition:var(--transition-slow)}.team-card:hover .team-image img{filter:grayscale(0%);transform:scale(1.1)}.team-social{position:absolute;bottom:var(--spacing-md);left:50%;transform:translate(-50%);display:flex;gap:var(--spacing-xs);opacity:0;transition:var(--transition-base)}.team-card:hover .team-social{opacity:1}.team-social a{width:40px;height:40px;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--neutral-100);text-decoration:none;transition:var(--transition-base)}.team-social a:hover{background:var(--primary-500);border-color:var(--primary-500);transform:translateY(-3px)}.team-info{padding:var(--spacing-md);text-align:center}.team-info h3{font-size:1.1rem;font-weight:700;color:var(--neutral-50);margin-bottom:.25rem}.team-role{display:block;font-size:.85rem;color:var(--secondary-400);font-weight:500;margin-bottom:var(--spacing-xs)}.team-info p{font-size:.85rem;color:var(--neutral-400);line-height:1.5}.contact{padding:var(--spacing-3xl) 0;background:var(--neutral-900)}.contact-wrapper{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--spacing-3xl);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-2xl)}.contact-info h2{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--neutral-50)}.contact-info>p{color:var(--neutral-400);margin-bottom:var(--spacing-xl);line-height:1.7}.contact-details{display:flex;flex-direction:column;gap:var(--spacing-md)}.contact-item{display:flex;gap:var(--spacing-sm);align-items:flex-start}.contact-item svg{color:var(--primary-400);flex-shrink:0;margin-top:2px}.contact-item .label{display:block;font-size:.8rem;color:var(--neutral-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.contact-item div span{display:block;color:var(--neutral-200)}.contact-form-wrapper{display:flex;align-items:center}.contact-form{width:100%;display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.form-group input,.form-group textarea{width:100%;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;font-size:.95rem;color:var(--neutral-100);transition:var(--transition-base);outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--neutral-500)}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-400);background:#ffffff14;box-shadow:0 0 0 3px #d4af371a}.form-group textarea{resize:vertical;min-height:120px}.contact-form .btn-primary{align-self:flex-start;margin-top:var(--spacing-xs)}.whatsapp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;width:fit-content;padding:.9rem 1.3rem;border-radius:var(--radius-md);background:transparent;border:1.5px solid var(--gold);color:var(--gold);text-decoration:none;font-weight:600;transition:transform var(--transition-base),box-shadow var(--transition-base);box-shadow:0 10px 22px #d4af3726}.whatsapp-btn:hover{transform:translateY(-1px);box-shadow:0 16px 28px #d4af374d;background:#d4af371a}.contact-form .btn-primary:disabled{opacity:.7;cursor:not-allowed}.form-success,.form-error{font-size:.95rem;line-height:1.5;padding:.8rem 1rem;border-radius:var(--radius-md);border:1px solid transparent}.form-success{background:#d4af371f;border-color:#d4af3766;color:#f5e3a1}.form-error{background:#ef44441f;border-color:#ef444466;color:#fecaca}.footer{background:var(--neutral-900);padding:var(--spacing-3xl) 0 var(--spacing-lg);border-top:1px solid var(--glass-border)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--spacing-2xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid var(--glass-border)}.footer-brand p{color:var(--neutral-400);margin-top:var(--spacing-sm);max-width:300px}.footer-links h4,.footer-services h4,.footer-social h4{font-size:1rem;font-weight:600;color:var(--neutral-100);margin-bottom:var(--spacing-md)}.footer-links button,.footer-services span{display:block;background:none;border:none;color:var(--neutral-400);font-family:inherit;font-size:.95rem;cursor:pointer;transition:var(--transition-base);padding:.3rem 0;text-align:left}.footer-links button:hover,.footer-services span:hover{color:var(--primary-400)}.social-links{display:flex;gap:var(--spacing-xs)}.social-links a{width:40px;height:40px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--neutral-300);text-decoration:none;transition:var(--transition-base)}.social-links a:hover{background:var(--primary-500);border-color:var(--primary-500);color:#000;transform:translateY(-3px)}.footer-bottom{padding-top:var(--spacing-lg);text-align:center}.footer-bottom p{color:var(--neutral-500);font-size:.9rem}:root{--font-display: "Playfair Display", "Times New Roman", serif}.section-header h2,.about-text h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}.hero-content h1{font-family:var(--font-display);font-weight:700;letter-spacing:-.015em}.section-tag{letter-spacing:.28em;font-size:.75rem}.section-header{position:relative;padding-bottom:0;margin-bottom:var(--spacing-2xl)}.section-header:after,.gold-rule{content:"";display:block;width:72px;height:1px;margin:var(--spacing-md) auto 0;background:var(--gold)}.gold-rule{margin-top:var(--spacing-sm)}.section-header p{font-weight:300}.logo-text{font-family:var(--font-display);letter-spacing:.02em}.service-card{padding:var(--spacing-lg);border-radius:var(--radius-lg);display:flex;flex-direction:column}.service-index{position:absolute;top:var(--spacing-md);right:var(--spacing-md);font-family:var(--font-display);font-size:1.1rem;color:#d4af3759}.service-icon{width:52px;height:52px;border-radius:50%;margin-bottom:var(--spacing-md)}.service-card h3{font-family:var(--font-display);font-size:1.3rem;font-weight:600;margin-bottom:.25rem}.service-tag{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--primary-400);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--glass-border)}.service-points{list-style:none;display:flex;flex-direction:column;gap:.55rem;position:relative;z-index:1}.service-points li{display:flex;align-items:flex-start;gap:.55rem;color:var(--neutral-300);font-size:.9rem;line-height:1.45}.service-points svg{flex-shrink:0;margin-top:3px;color:var(--gold)}.chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.chip{padding:.3rem .8rem;border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:.8rem;color:var(--neutral-200);background:#d4af370d;transition:var(--transition-base)}.chip:hover{color:#000;background:var(--gradient-primary);border-color:transparent}.technologies{padding:var(--spacing-3xl) 0;background:var(--neutral-900)}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.tech-card{padding:var(--spacing-lg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--gradient-card);transition:var(--transition-base)}.tech-card:hover{border-color:var(--primary-500);box-shadow:0 12px 30px #d4af371a}.tech-card h3{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--primary-300);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--glass-border)}@media(max-width:1200px){.tech-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.tech-grid{grid-template-columns:1fr}}.about{background:var(--neutral-950)}.image-wrapper,.floating-card,.stat-card,.pillar-card{border-radius:0}.image-wrapper{border:1px solid var(--glass-border);background:#000}.image-wrapper img{height:440px;object-fit:contain;padding:var(--spacing-lg)}.floating-card{right:auto;left:-1px;bottom:-1px;border-color:var(--gold);background:#000;animation:none}.about-text h3{font-size:1.9rem;margin-bottom:var(--spacing-md)}.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:var(--spacing-3xl);border:1px solid var(--glass-border)}.pillar-card{padding:var(--spacing-xl) var(--spacing-lg);background:transparent;border-right:1px solid var(--glass-border)}.pillar-card:last-child{border-right:none}.pillar-no{display:block;font-family:var(--font-display);font-size:2.4rem;color:var(--gold);line-height:1;margin-bottom:var(--spacing-sm)}.pillar-card h4{font-family:var(--font-display);font-size:1.3rem;font-weight:600;color:var(--neutral-50);margin-bottom:var(--spacing-xs)}.pillar-card p{color:var(--neutral-400);font-size:.95rem;line-height:1.7}.stat-card{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.stat-card:hover{transform:none}.works-list{max-width:920px;margin:0 auto;display:flex;flex-direction:column;gap:.5rem}.works-summary{display:flex;gap:var(--spacing-md);justify-content:flex-end;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:var(--neutral-500);padding:0 .25rem .25rem}.works-summary b{color:var(--gold);font-weight:600;margin-right:.25rem}.work-row{display:flex;align-items:center;gap:.9rem;padding:.7rem 1rem;background:#d4af3708;border:1px solid var(--glass-border);border-left:2px solid var(--gold);transition:var(--transition-base)}a.work-row:hover,.work-row:hover{background:#d4af3714;border-color:var(--primary-500)}.work-thumb{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--gold);border:1px solid var(--glass-border);background:#000}.work-thumb img{width:100%;height:100%;object-fit:cover}.work-main{flex:1;min-width:0}.work-title-line{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.work-title-line h3{font-size:.98rem;font-weight:600;color:var(--neutral-50)}.work-category{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--primary-400)}.work-main p{font-size:.84rem;line-height:1.4;color:var(--neutral-400);margin-top:.1rem}.work-end{flex-shrink:0;display:flex;align-items:center;gap:.7rem}.work-status{display:inline-flex;align-items:center;gap:.4rem;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:.2rem .6rem;border:1px solid var(--glass-border);color:var(--primary-300);white-space:nowrap}.work-status i{width:6px;height:6px;border-radius:50%;background:var(--gold)}.work-status.is-progress i{animation:pulseDot 1.8s ease-in-out infinite}.work-status.is-live{color:#000;background:var(--gold);border-color:var(--gold)}.work-status.is-live i{background:#000}.work-arrow{color:var(--gold)}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.site-footer{background:#000;border-top:1px solid var(--glass-border);padding:var(--spacing-2xl) 0 var(--spacing-lg)}.site-footer-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-xl) var(--spacing-lg)}.site-footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem}.site-footer-col h4{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--gold);margin-bottom:.4rem}.site-footer-col a,.site-footer-col button,.site-footer-col span{background:none;border:none;padding:0;text-align:left;font-family:inherit;font-size:.85rem;color:var(--neutral-400);cursor:pointer;transition:var(--transition-fast)}.site-footer-col span{cursor:default}.site-footer-col a:hover,.site-footer-col button:hover{color:var(--gold)}.site-footer-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--spacing-md);flex-wrap:wrap;margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg);border-top:1px solid var(--glass-border)}.site-footer-logo{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.site-footer-logo img{width:36px;height:36px;object-fit:contain}.site-footer-logo span{font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:var(--neutral-50)}.site-footer-brand small{display:block;font-size:.68rem;letter-spacing:.14em;color:var(--neutral-500);margin-bottom:var(--spacing-sm)}.site-footer-social{display:flex;gap:var(--spacing-sm)}.site-footer-social a{color:var(--neutral-500);transition:var(--transition-fast)}.site-footer-social a:hover{color:var(--gold)}.site-footer-copy{font-size:.78rem;color:var(--neutral-500)}@media(max-width:992px){.site-footer-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.pillars-grid{grid-template-columns:1fr}.pillar-card{border-right:none;border-bottom:1px solid var(--glass-border)}.pillar-card:last-child{border-bottom:none}.site-footer-grid{grid-template-columns:repeat(2,1fr)}.work-row{flex-wrap:wrap}.work-end{margin-left:52px}}@media(max-width:480px){.site-footer-grid{grid-template-columns:1fr}}@media(max-width:1200px){.services-grid,.portfolio-grid,.team-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:992px){.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);padding:var(--spacing-md);flex-direction:column;gap:var(--spacing-xs)}.nav-links.active{display:flex}.menu-toggle{display:flex;align-items:center;justify-content:center}.about-content{grid-template-columns:1fr;gap:var(--spacing-2xl)}.about-image{order:-1}.floating-card{right:var(--spacing-sm)}.stats-grid{grid-template-columns:repeat(2,1fr)}.contact-wrapper{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}}@media(max-width:768px){.hero-content h1{font-size:2.5rem}.services-grid,.portfolio-grid,.team-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;text-align:center}.footer-brand{display:flex;flex-direction:column;align-items:center}.footer-brand p{max-width:100%}.footer-links button{text-align:center}.social-links{justify-content:center}}@media(max-width:480px){.hero-buttons{flex-direction:column;width:100%}.btn-primary,.btn-secondary{width:100%;justify-content:center}.contact-wrapper{padding:var(--spacing-lg)}.about-features{justify-content:center}}.admin-login-page{min-height:100vh;display:grid;place-items:center;padding:1.25rem;background:linear-gradient(#000000c7,#000000db),url(/hero-poster.jpg) center / cover;color:#fff;font-family:var(--font-family)}.admin-login-card{width:min(100%,420px);display:grid;gap:1rem;padding:1.5rem;border:1px solid rgba(212,175,55,.38);border-radius:8px;background:#000000c2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 70px #0000008c}.admin-login-card>span{color:var(--gold);font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.admin-login-card h1{margin:0;font-family:var(--font-display);font-size:2.2rem;line-height:1}.admin-login-card p{margin:0;color:#cfcfcf;line-height:1.6}.admin-login-card label span{display:block;margin-bottom:.4rem;color:#d4c280;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.admin-login-card input{width:100%;border:1px solid rgba(212,175,55,.5);border-radius:6px;background:#ffffff14;color:#fff;padding:.85rem;font:inherit;outline:none}.admin-login-card button{border:1px solid var(--gold);border-radius:6px;background:var(--gold);color:#000;padding:.85rem 1rem;font:inherit;font-weight:700}.admin-login-card button:disabled{opacity:.55}.admin-login-card small{color:#fecaca}.admin-login-card .admin-text-button{border:0;background:transparent;color:#d4c280;text-align:center;padding:.25rem;font:inherit}.admin-page{min-height:100vh;display:grid;grid-template-columns:260px 1fr;background:#f4f1e8;color:#151515;font-family:var(--font-family)}.admin-sidebar{position:sticky;top:0;height:100vh;padding:1.25rem;background:#050505;color:#fff;display:flex;flex-direction:column;gap:1.25rem}.admin-sidebar strong{display:block;font-size:1.2rem;color:var(--gold)}.admin-sidebar span{display:block;margin-top:.25rem;color:#aaa;font-size:.85rem}.admin-sidebar nav{display:grid;gap:.35rem}.admin-sidebar button,.admin-site-link{border:1px solid rgba(212,175,55,.18);background:transparent;color:#ddd;text-align:left;padding:.75rem .85rem;border-radius:6px;font:inherit;transition:var(--transition-fast)}.admin-sidebar button:hover,.admin-sidebar button.active,.admin-site-link:hover{border-color:var(--gold);background:#d4af371f;color:#fff}.admin-site-link{margin-top:auto;text-decoration:none}.admin-workspace{padding:1.5rem;min-width:0}.admin-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:.75rem;padding:.85rem;margin-bottom:1rem;background:#f4f1e8eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ddd1ac;border-radius:8px}.admin-header div{flex:1}.admin-header span,.admin-field span,.font-editor span{display:block;margin-bottom:.35rem;color:#65572b;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.admin-header input,.admin-field input,.admin-field textarea,.font-editor input,.font-editor select{width:100%;border:1px solid #d8c98f;border-radius:6px;background:#fffdf7;color:#161616;padding:.75rem;font:inherit;outline:none}.admin-header button,.admin-panel-title button,.upload-field,.admin-action-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid #111;border-radius:6px;background:#111;color:#fff;padding:.75rem 1rem;font:inherit}.admin-action-button{width:fit-content}.admin-header button:disabled{opacity:.5}.admin-icon-button{width:44px;padding:.75rem}.admin-message{margin-bottom:1rem;padding:.8rem 1rem;border:1px solid #d8c98f;border-radius:6px;background:#fff8dc;color:#4d421f}.admin-panel{display:grid;gap:1rem}.admin-panel-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid #d8c98f}.admin-panel-title span{color:#8a742a;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.admin-panel-title h1{margin:.15rem 0 0;font-size:clamp(1.7rem,4vw,2.8rem);line-height:1.05}.admin-grid,.font-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.font-editor{grid-template-columns:2fr 2fr .75fr .5fr .5fr;padding:1rem;border:1px solid #d8c98f;border-radius:8px;background:#fffaf0}.admin-field{display:grid;gap:.15rem}.admin-field-wide{grid-column:1 / -1}.admin-field textarea{resize:vertical;min-height:110px;line-height:1.5}.admin-error{color:#b91c1c}.upload-field{min-height:48px;cursor:pointer}.upload-field input{display:none}@media(max-width:900px){.admin-page{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto}.admin-header,.admin-grid,.font-editor{grid-template-columns:1fr}.admin-header{position:relative;flex-wrap:wrap}}.logo{min-width:68px}.logo-icon{width:56px;height:56px;background:transparent;box-shadow:none}.logo-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.42))}.navbar.brand-hidden .logo-text{width:0;opacity:0;transform:translateY(34px) scale(1.35);pointer-events:none}.navbar.brand-visible .logo-text{width:auto;opacity:1;transform-origin:left center;animation:brandDock .76s cubic-bezier(.16,1,.3,1) both}.nav-brand-flight{display:inline-block;white-space:nowrap;overflow:hidden;transition:opacity .42s ease,transform .62s cubic-bezier(.16,1,.3,1),width .42s ease}.hero-brand-name{display:inline-block;transition:opacity .52s ease,transform .72s cubic-bezier(.16,1,.3,1),filter .52s ease}.app:has(.navbar.brand-visible) .hero-brand-name{opacity:0;transform:translate(24vw,-42vh) scale(.36);filter:blur(8px)}@keyframes brandDock{0%{opacity:0;transform:translate(-16px,42vh) scale(2.4);filter:blur(8px)}to{opacity:1;transform:translate(0) scale(1);filter:blur(0)}}.about-logo-stage{min-height:440px;display:grid;place-items:center;overflow:hidden}.about-logo-motion{position:relative;width:min(78%,360px);aspect-ratio:1;animation:logoSquareDrift 8s ease-in-out infinite}.image-wrapper .about-logo-whole,.about-logo-fragments span img{width:100%;height:100%;object-fit:contain;padding:0;filter:drop-shadow(0 22px 32px rgba(0,0,0,.55))}.about-logo-whole{opacity:0}.about-logo-fragments{position:absolute;inset:0}.about-logo-fragments span{position:absolute;inset:0;opacity:0}.about-content.is-visible .about-logo-whole{animation:aboutLogoWhole 3.4s cubic-bezier(.22,1,.36,1) forwards}.about-content.is-visible .about-logo-fragments span{animation:aboutLogoFragment 3.4s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--fragment) * 18ms)}.about-logo-fragments span img{clip-path:inset(calc(var(--row) * 20%) calc((4 - var(--col)) * 20%) calc((4 - var(--row)) * 20%) calc(var(--col) * 20%))}@keyframes aboutLogoFragment{0%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(.92)}18%{opacity:1}48%,to{opacity:1;transform:translate(0) rotate(0) scale(1)}}@keyframes aboutLogoWhole{0%,48%{opacity:0;transform:scale(.98)}60%,to{opacity:1;transform:scale(1)}}@keyframes logoSquareDrift{0%,to{transform:translate(-14px,-10px) rotate(-1deg)}33%{transform:translate(16px,-4px) rotate(1deg)}66%{transform:translate(4px,18px) rotate(-.5deg)}}.work-row{gap:1.15rem;padding:1.05rem 1.25rem}.work-thumb{width:64px;height:64px}.work-title-line h3{font-size:1.14rem}.work-main p{font-size:.96rem;line-height:1.55}.contact-popover{position:fixed;inset:0;z-index:2500;display:grid;place-items:center;padding:1.25rem;background:#00000094;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:popupFade .32s ease both}.contact-popover-card{position:relative;width:min(100%,520px);display:grid;gap:.9rem;padding:1.5rem;border:1px solid var(--glass-border);background:#080808eb;box-shadow:0 30px 80px #000000a6;animation:popupRise .52s cubic-bezier(.16,1,.3,1) both}.contact-popover-card h2{margin:0;font-family:var(--font-display);font-size:clamp(1.8rem,5vw,2.6rem);line-height:1}.contact-popover-card p{color:var(--neutral-400);line-height:1.6}.contact-popover-card form{display:grid;gap:.75rem}.contact-popover-card input,.contact-popover-card textarea{width:100%;border:1px solid var(--glass-border);background:#ffffff0f;color:var(--neutral-100);padding:.9rem 1rem;font:inherit;outline:none}.contact-popover-card textarea{resize:vertical}.contact-popover-close{position:absolute;top:.8rem;right:.8rem;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--glass-border);background:#ffffff0f;color:var(--neutral-100)}.contact-popover-actions{display:flex;gap:.75rem;flex-wrap:wrap}@keyframes popupFade{0%{opacity:0}to{opacity:1}}@keyframes popupRise{0%{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.app:has(.navbar.brand-visible) .hero-brand-name{transform:translate(6vw,-40vh) scale(.48)}.navbar.brand-visible .logo-text{max-width:130px;font-size:1.05rem}.work-thumb{width:54px;height:54px}.work-end{margin-left:70px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;max-width:none;margin:0;padding:0}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}
