:root{--accent:#d95e0c;--accent-hover:#AD4B0A;--accent-soft:#FED7AA;--accent-tint:rgba(217, 94, 12, 0.08);--accent-ring:rgba(217, 94, 12, 0.20);--btn-primary-bg:#1C1B18;--btn-primary-bg-hover:#2C2A26;--bg-primary:#FAFAF7;--bg-secondary:#F5F2EC;--bg-tertiary:#FFFFFF;--bg-card:#FFFFFF;--text-primary:#0A0A0A;--text-secondary:#4B5563;--text-muted:#9CA3AF;--border:rgba(10, 10, 10, 0.08);--border-strong:rgba(10, 10, 10, 0.14);--shadow-sm:0 1px 2px rgba(10, 10, 10, 0.04);--shadow-md:0 4px 12px rgba(10, 10, 10, 0.06);--shadow-lg:0 8px 24px rgba(10, 10, 10, 0.08);--status-green:#16A34A;--glass-bg:#FFFFFF;--glass-border:rgba(10, 10, 10, 0.08);--glass-blur:0px;--bg-dark:#0D0D0D;--bg-dark-elevated:#1A1A1A;--text-on-dark:#ffffff;--text-on-dark-muted:rgba(245, 245, 245, 0.55);--border-on-dark:rgba(255, 255, 255, 0.08);--border-on-dark-strong:rgba(255, 255, 255, 0.14);--glow-orb-1:rgba(217, 94, 12, 0.18);--glow-orb-2:rgba(255, 255, 255, 0.04);--gradient-primary:linear-gradient(135deg, #D95E0C, #AD4B0A);--gradient-accent:linear-gradient(135deg, #FED7AA, #FFFFFF);--gradient-glow:none;--neon-cyan:var(--accent);--neon-cyan-glow:var(--accent-tint);--neon-purple:var(--accent);--neon-purple-glow:var(--accent-tint);--neon-pink:var(--accent-soft);--neon-pink-glow:var(--accent-tint);--neon-blue:var(--accent-hover);--neon-green:var(--status-green);--neon-orange:var(--accent);--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:40px;--spacing-xl:64px;--spacing-2xl:96px;--spacing-3xl:144px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:36px;--radius-full:9999px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--container-max:1200px;--container-padding:24px;--font-primary:'Bricolage Grotesque',sans-serif;--font-secondary:'Bricolage Grotesque',sans-serif;--font-mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;overflow-x:hidden;max-width:100%}body{font-family:var(--font-secondary);font-size:16px;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);overflow-x:hidden;position:relative;max-width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}.no-scroll{overflow:hidden!important}body.no-scroll,html.no-scroll{overflow:hidden!important;overscroll-behavior:none}a{text-decoration:none;color:inherit;transition:var(--transition-normal)}img{max-width:100%;height:auto;display:block}button{border:none;background:0 0;cursor:pointer;font-family:inherit}.btn,.btn-primary,.btn-secondary,.exp-toggle-btn,.filter-btn,.filter-chip,.floating-status-btn,.hamburger,.nav-cta,.work-modal-close,button{letter-spacing:0!important;max-height:48px}ol,ul{list-style:none}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.section{padding:var(--spacing-3xl) 0;position:relative}.section--dark{background:var(--bg-dark);color:var(--text-on-dark);position:relative;overflow:hidden;isolation:isolate;margin:0 16px;border-radius:var(--radius-2xl);transform-origin:top center;will-change:transform}.section--dark+.section--dark{margin-top:24px}.section--dark>.container{position:relative;z-index:1}.section--dark .section-title{color:var(--text-on-dark)}.section--dark .section-title .gradient-text{background:0 0;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:currentColor;color:inherit}.section--dark .section-eyebrow-label{color:var(--accent)}.section--dark .contact-info p,.section--dark .contact-info-text,.section--dark .expertise-card p,.section--dark .expertise-list li,.section--dark .form-label,.section--dark p{color:var(--text-on-dark-muted)}.section--dark .glass-card{background:var(--bg-dark-elevated);border-color:var(--border-on-dark);box-shadow:none}.section--dark .glass-card:hover{border-color:var(--border-on-dark-strong);box-shadow:none}.section--dark .contact-method a,.section--dark .contact-method h4,.section--dark .expertise-card h3{color:var(--text-on-dark)}.section--dark .contact-method{border-color:var(--border-on-dark)}.section--dark .contact-method:hover{background:rgba(255,255,255,.04);border-color:#fff}.section--dark .method-icon{background:rgba(255,255,255,.06);color:var(--accent)}.section--dark .method-value{color:var(--text-on-dark)}.section--dark .expertise-card:hover{background:#222;border-color:rgba(255,255,255,.14);box-shadow:0 8px 24px -12px rgba(0,0,0,.5)}.section--dark .expertise-card:hover .expertise-title{color:var(--text-on-dark)}.section--dark .expertise-card:hover .expertise-list li{color:var(--text-on-dark)}.section--dark .form-group label{color:var(--text-on-dark-muted)}.section--dark .form-group input,.section--dark .form-group textarea{background:rgba(255,255,255,.03);border-color:var(--border-on-dark);color:var(--text-on-dark)}.section--dark .form-group input::placeholder,.section--dark .form-group textarea::placeholder{color:rgba(245,245,245,.35)}.section--dark .form-group input:focus,.section--dark .form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.section--dark .btn-primary{background:#fff;color:#0a0a0a}.section--dark .btn-primary:hover{background:#f5f5f5}.section--dark .btn-secondary{background:0 0;border-color:var(--border-on-dark-strong);color:var(--text-on-dark)}.section--dark .btn-secondary:hover{background:rgba(255,255,255,.05);border-color:var(--text-on-dark)}.section--dark::after,.section--dark::before{content:'';position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;will-change:transform;z-index:0}.section--dark::before{width:480px;height:480px;top:-120px;left:-120px;background:var(--glow-orb-1);transform:translate3d(0,var(--orb-y-1,0),0)}.section--dark::after{width:600px;height:600px;bottom:-200px;right:-200px;background:var(--glow-orb-2);transform:translate3d(0,var(--orb-y-2,0),0)}.section--dark .work-card{background:linear-gradient(180deg,#1f1f1f 0,#161616 100%);box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 4px 20px -12px rgba(217,94,12,.18)}.section--dark .work-card:hover{border-color:var(--accent);transform:translateY(-6px);box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 16px 40px -12px rgba(217,94,12,.4),0 0 0 1px var(--accent)}.section--dark .work-card-title{color:var(--text-on-dark)}.section--dark .title-link{color:var(--text-on-dark)}.section--dark .title-link-icon{opacity:.75}.section--dark .work-card-category,.section--dark .work-card-description,.section--dark .work-card-tag,.section--dark .work-card-tags{color:var(--text-on-dark-muted)}.section--dark .work-card .work-details{background:0 0}.section--dark .filter-btn{background:rgba(255,255,255,.03);border-color:var(--border-on-dark);color:var(--text-on-dark-muted)}.section--dark .filter-btn.active,.section--dark .filter-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.contact-footer-stack>#contact,.contact-footer-stack>.footer{background:0 0;border:none;border-radius:0;margin:0;position:relative;z-index:1}.contact-footer-stack .footer .footer-brand .logo-accent,.contact-footer-stack .footer .footer-brand .logo-text{color:var(--text-on-dark)}.contact-footer-stack .footer .footer-tagline{color:var(--text-on-dark-muted)}.contact-footer-stack .footer .copyright,.contact-footer-stack .footer .version{color:var(--text-on-dark-muted)}.contact-footer-stack .footer .back-to-top{background:var(--accent);color:#fff;border-color:transparent}.contact-footer-stack .footer .back-to-top:hover{background:var(--accent-hover)}.section--dark .footer-heading{color:var(--text-on-dark)}.section--dark .footer-nav a{color:var(--text-on-dark-muted)}.section--dark .footer-nav a:hover{color:var(--accent)}.section--dark .social-link{background:rgba(255,255,255,.03);border-color:var(--border-on-dark);color:var(--text-on-dark)}.section--dark .social-link:hover{border-color:var(--accent);color:var(--accent)}.section--dark .footer-bottom{border-top:1px solid var(--border-on-dark);color:var(--text-on-dark-muted)}.parallax-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;background:radial-gradient(circle at 50% 0,var(--bg-secondary) 0,var(--bg-primary) 100%)}.parallax-layer{position:absolute;width:100%;height:100%;will-change:transform}.geo-shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.18}.shape-1{width:400px;height:400px;background:var(--neon-purple-glow);top:10%;left:5%;animation-delay:0s}.shape-2{width:300px;height:300px;background:var(--neon-cyan-glow);top:60%;right:10%;animation-delay:-5s}.shape-3{width:250px;height:250px;background:var(--neon-pink-glow);top:30%;right:20%;animation-delay:-10s}.shape-4{width:350px;height:350px;background:var(--neon-cyan-glow);bottom:10%;left:20%;animation-delay:-7s}.shape-5{width:200px;height:200px;background:var(--neon-purple-glow);top:50%;left:50%;animation-delay:-3s}.shape-6{width:280px;height:280px;background:var(--neon-pink-glow);bottom:30%;right:5%;animation-delay:-12s}.shape-7{width:180px;height:180px;background:var(--neon-cyan-glow);top:5%;right:30%;animation-delay:-8s}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(10,10,10,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(10,10,10,.04) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent)}.glass-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}#preloader{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-dark);color:#f5f4f0;perspective:1200px;opacity:1;transition:opacity .5s ease-out,visibility .5s ease-out}#preloader.fade-out{opacity:0;visibility:hidden}.loader-curtains{position:absolute;inset:0;z-index:1;display:flex}.curtain-panel{flex:1 1 20%;height:100%;background:var(--bg-dark);will-change:transform;box-shadow:inset -1px 0 0 rgba(255,255,255,.025)}.loader-bg{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.loader-grid{position:absolute;inset:-10%;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000,transparent 72%);mask-image:radial-gradient(circle at 50% 50%,#000,transparent 72%)}.loader-glow{position:absolute;width:60vmax;height:60vmax;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(217,94,12,.22),transparent 60%);filter:blur(40px);will-change:transform,opacity}.loader-content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:0;width:100%;max-width:min(92vw,1100px);padding:0 2rem}.loader-eyebrow{font-family:var(--font-mono);font-size:clamp(11px, 1.1vw, 14px);text-transform:uppercase;letter-spacing:.42em;color:var(--accent);margin-bottom:.7rem;padding-left:.12em;opacity:0;transform:translateY(14px)}.loader-title{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;line-height:.9;letter-spacing:-.03em;text-transform:uppercase;font-size:clamp(3.2rem, 13vw, 11rem);color:#f7f6f2;margin:0}.loader-line{display:block;overflow:hidden}.loader-line>span{display:block;transform:translateY(115%);will-change:transform}.loader-line:nth-child(2)>span{color:var(--accent)}.loader-rule{width:clamp(120px,22vw,280px);height:2px;margin-top:1.4rem;background:var(--accent);transform:scaleX(0);transform-origin:left center;will-change:transform}.loader-meter{width:100%;margin-top:2.2rem;display:flex;flex-direction:column;gap:.9rem;opacity:0;transform:translateY(18px)}.loader-count{display:flex;align-items:baseline;gap:.12em;font-family:var(--font-mono);font-weight:500;font-size:clamp(2.4rem, 7vw, 5.5rem);line-height:1;color:#f7f6f2;font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-shadow:0 0 26px rgba(217,94,12,.28)}.loader-count i{font-style:normal;font-size:.42em;color:var(--accent);transform:translateY(-.1em)}.loader-baseline{position:relative;width:100%;height:2px;background:rgba(255,255,255,.1);overflow:hidden}.loader-baseline-fill{position:absolute;inset:0 auto 0 0;width:0%;background:var(--accent);box-shadow:0 0 12px rgba(217,94,12,.6)}@media (prefers-reduced-motion:reduce){.loader-eyebrow,.loader-line>span,.loader-meter{opacity:1!important;transform:none!important}.loader-rule{transform:scaleX(1)!important}}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:700;line-height:1.2}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);height:48px;max-height:48px;padding:0 24px;font-family:var(--font-primary);font-size:16px;font-weight:600;border-radius:var(--radius-full);transition:var(--transition-normal);position:relative;overflow:hidden;box-sizing:border-box}.btn-primary{background:var(--btn-primary-bg);color:#fff;box-shadow:var(--shadow-sm)}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.btn-primary:hover{background:var(--btn-primary-bg-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:0 0;border:1px solid var(--border-strong);color:var(--text-primary);transition:var(--transition-normal)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--text-primary);transform:translateY(-2px)}.btn-full{width:100%}.btn-with-subtitle{padding:12px 16px 12px 20px;border-radius:var(--radius-md);gap:var(--spacing-md)}.btn-with-subtitle .btn-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.btn-with-subtitle .btn-main{display:flex;align-items:center;gap:var(--spacing-xs);font-size:16px;font-weight:600}.btn-with-subtitle .btn-subtitle{font-size:13px;font-weight:400;opacity:.8;margin-top:2px}.btn-with-subtitle .btn-arrow{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(255,255,255,.18);border-radius:var(--radius-sm);flex-shrink:0}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:var(--spacing-sm) 0;transition:padding var(--transition-normal);background:0 0}.navbar.scrolled{padding:var(--spacing-sm) 0}.navbar .hamburger span,.navbar .logo-accent,.navbar .logo-text,.navbar .nav-cta,.navbar .nav-link,.navbar .nav-menu{transition:color .35s ease,background-color .35s ease,border-color .35s ease}.navbar-inverted .logo-accent,.navbar-inverted .logo-text{color:var(--text-on-dark)}.navbar-inverted .nav-menu{background:rgba(20,20,20,.55);border-color:rgba(255,255,255,.12)}.navbar-inverted .nav-link{color:rgba(245,245,245,.75);background:0 0}.navbar-inverted .nav-link.active,.navbar-inverted .nav-link:hover{color:var(--text-on-dark);background:rgba(255,255,255,.1)}.navbar-inverted .nav-link-icon svg{color:var(--text-on-dark)}.navbar-inverted .nav-cta{background:#fff;color:#0a0a0a;border-color:rgba(255,255,255,0)}.navbar-inverted .nav-cta:hover{background:#f5f5f5}.navbar-inverted .hamburger span{background-color:var(--text-on-dark)}.nav-container{display:flex;align-items:center;gap:var(--spacing-md)}.logo{font-family:var(--font-primary);font-size:24px;font-weight:800;display:flex;align-items:baseline;flex:1 1 0}.logo-text{color:var(--text-primary);margin-right:6px}.logo-accent{color:var(--text-primary)}.logo-dot{color:var(--accent);font-weight:700;font-size:40px}.nav-menu{display:flex;align-items:center;gap:4px;flex:0 0 auto;background:rgba(255,255,255,.6);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-full);padding:6px 10px;box-shadow:var(--shadow-sm)}.nav-link{color:var(--text-secondary);font-size:14px;font-weight:500;padding:8px 14px;border-radius:var(--radius-full);transition:color var(--transition-fast),background var(--transition-fast)}.nav-link:hover{color:var(--text-primary);background:var(--bg-secondary)}.nav-link.active{color:var(--text-primary);background:var(--bg-secondary)}.nav-link-icon{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;color:var(--text-secondary)}.nav-link-icon svg{display:block;transition:transform var(--transition-fast)}.nav-link-icon:hover svg{transform:scale(1.05)}.nav-right{flex:1 1 0;display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-sm)}.nav-cta{background:var(--btn-primary-bg);color:#fff;padding:12px 22px;border-radius:var(--radius-full);font-size:14px;font-weight:500;white-space:nowrap;box-shadow:var(--shadow-sm);transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.nav-cta:hover{background:var(--btn-primary-bg-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.hamburger{display:none;flex-direction:column;gap:5px;padding:10px;z-index:1001}.hamburger span{display:block;width:24px;height:2px;background:var(--text-primary);transition:var(--transition-normal)}.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero-section{display:flex;flex-direction:column;justify-content:flex-start;padding-top:160px;padding-bottom:var(--spacing-xl);position:relative}.hero-section>.container{display:flex;align-items:flex-start;justify-content:center;width:100%}.hero-section>.hero-marquee-wrap{flex:0 0 auto}.hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:1100px;margin:0 auto}.hero-eyebrow{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--accent);letter-spacing:.2em;text-transform:uppercase;margin-bottom:var(--spacing-md)}.hero-title{font-family:var(--font-primary);font-size:clamp(36px, 5.6vw, 72px);font-weight:700;line-height:1.05;letter-spacing:-.02em;margin:0 0 var(--spacing-md)}.hero-title-line{display:block}.hero-title-dark{color:var(--text-primary);font-weight:700}.hero-title-accent{color:var(--accent);font-weight:400}.hero-body{font-size:clamp(16px, 1.4vw, 20px);line-height:1.5;color:var(--text-secondary);max-width:640px;margin:0 0 var(--spacing-md);font-weight:300}.hero-section .hero-cta{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap;margin-bottom:0}.hero-section .btn{padding:0 24px;font-size:16px;font-weight:600;border-radius:var(--radius-full);box-shadow:none}.hero-section .btn-primary{background:var(--btn-primary-bg);color:#fff;border:1px solid var(--btn-primary-bg)}.hero-section .btn-primary:hover{background:var(--btn-primary-bg-hover);border-color:var(--btn-primary-bg-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.hero-section .btn-secondary{background:0 0;color:var(--text-primary);border:1px solid var(--border-strong);gap:10px}.hero-section .btn-secondary:hover{background:var(--bg-secondary);border-color:var(--text-primary);transform:translateY(-1px)}.hero-section .btn-arrow-icon{transition:transform var(--transition-fast)}.hero-section .btn-secondary:hover .btn-arrow-icon{transform:translateX(3px)}.hero-marquee-wrap{margin-top:var(--spacing-xl);width:100%;text-align:center}.hero-marquee-label{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--spacing-md)}.hero-marquee-viewport{overflow:hidden;width:100%;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%)}.hero-marquee-track{display:flex;align-items:center;gap:72px;width:max-content;will-change:transform}.hero-marquee-item{display:flex;align-items:center;justify-content:center;flex:0 0 auto;height:30px}.hero-marquee-item img{height:28px;width:auto;max-width:140px;object-fit:contain;opacity:.7;filter:grayscale(100%);transition:opacity var(--transition-fast),filter var(--transition-fast)}.hero-marquee-item:hover img{opacity:1;filter:grayscale(0%)}@media (max-width:768px){.hero-marquee-wrap{margin-top:var(--spacing-lg)}.hero-marquee-track{gap:48px}.hero-marquee-item{height:24px}.hero-marquee-item img{height:22px;max-width:110px}}.status-dot{width:8px;height:8px;background:var(--status-green);border-radius:50%}.floating-status-btn{position:fixed;bottom:-60px;left:24px;z-index:99;opacity:0;pointer-events:none;display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;font-family:var(--font-primary);font-size:12px;font-weight:500;letter-spacing:0;text-decoration:none;color:var(--text-primary);white-space:nowrap;box-shadow:var(--shadow-md);will-change:transform}.floating-status-light{background:var(--bg-card)!important;border:1px solid var(--border)!important}#floatingStatusBtn{border:1px solid var(--border)!important;background:var(--bg-card)!important;box-shadow:var(--shadow-sm);transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}#floatingStatusBtn:hover{background:var(--bg-secondary)!important;box-shadow:var(--shadow-md);border-color:var(--border-strong)!important}.hero-badge:hover{border-color:var(--border-strong)!important;box-shadow:var(--shadow-sm)}.hero-avatar-mobile{display:block;margin-bottom:var(--spacing-lg)}.hero-avatar-mobile .avatar-img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:2px solid var(--border);box-shadow:var(--shadow-sm);display:block}.hero-avatar-mobile .avatar-glow{display:none}.hero-title{margin-bottom:var(--spacing-md)}.greeting{display:block;font-size:20px;font-weight:400;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.name{display:block;font-size:clamp(32px, 5vw, 32px);font-weight:500;line-height:1.1;background:0 0;-webkit-text-fill-color:var(--text-primary);color:var(--text-primary);margin-bottom:var(--spacing-md)}.hero-subtitle{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(20px, 2.5vw, 40px);font-weight:600;margin-bottom:var(--spacing-md);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.gradient-text-light{color:var(--accent);margin-bottom:var(--spacing-xs);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);line-height:1.3;letter-spacing:-.01em}.subtitle-accent{color:var(--accent)}.hero-role{font-size:20px;color:var(--text-secondary);font-weight:400;margin-bottom:var(--spacing-lg);text-shadow:none;font-style:italic}.hero-description{font-size:17px;font-weight:300;color:var(--text-primary);line-height:1.5;margin-bottom:var(--spacing-xl)}.hero-cta{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;margin-bottom:var(--spacing-xl)}.hero-image{position:relative;width:100%;display:flex;justify-content:center}.image-container{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md);will-change:transform}.image-glow{display:none}.image-frame{display:none}.image-frame img{display:none}.floating-card{position:static;padding:var(--spacing-md) var(--spacing-lg);text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);min-width:140px}.card-1,.card-2,.card-3,.card-4{position:static;top:auto;left:auto;right:auto;bottom:auto}.card-number{display:block;font-family:var(--font-primary);font-size:32px;font-weight:800;color:var(--accent)}.card-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;line-height:1.5;display:block}.scroll-indicator{position:absolute;bottom:var(--spacing-xl);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:2px}.mouse{width:26px;height:40px;border:2px solid var(--border-strong);border-radius:13px;position:relative}.wheel{width:4px;height:8px;background:var(--accent);border-radius:2px;position:absolute;top:8px;left:50%;transform:translateX(-50%)}.section-header{text-align:center;margin-bottom:var(--spacing-xl)}.section-tag{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--spacing-md)}.section-eyebrow{display:inline-flex;align-items:center;gap:12px;margin-bottom:var(--spacing-md);font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.section-eyebrow-divider,.section-eyebrow-num{display:none}.section-eyebrow-label{color:var(--accent);font-weight:600;font-size:14px;line-height:21px;letter-spacing:.18em}.section+.section{border-top:none}.section-title{font-size:52px;line-height:62px;font-weight:600;letter-spacing:-.03em;color:var(--text-primary)}.section-title .gradient-text{background:0 0;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:currentColor;color:inherit}.section-subtitle{margin-top:var(--spacing-md);margin-left:auto;margin-right:auto;max-width:620px;font-size:18px;font-weight:300;line-height:1.6;color:var(--text-secondary)}.section--dark .section-subtitle{color:var(--text-on-dark-muted)}.about-content{display:grid;grid-template-columns:minmax(0,340px) 1fr;gap:var(--spacing-2xl);align-items:center}.about-img-container{padding:var(--spacing-sm);overflow:hidden;background:0 0;border:none;border-radius:20px}.about-img-container img{width:100%;height:100%;object-fit:cover;display:block;border-radius:20px}.about-heading{font-size:28px;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.about-description{color:var(--text-primary);margin-bottom:var(--spacing-md);line-height:1.8}.about-stats{display:grid;grid-template-columns:repeat(4,1fr);column-gap:2rem;row-gap:2rem;margin-top:var(--spacing-xl)}.stat-item{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.stat-number{display:block;font-family:var(--font-primary);font-size:clamp(2.25rem, 4.5vw, 3rem);font-weight:700;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-bottom:.5rem}.stat-number.neon-cyan,.stat-number.neon-pink,.stat-number.neon-purple{color:var(--accent)}.stat-label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;line-height:1.3}@media (max-width:768px){.about-stats{grid-template-columns:repeat(2,1fr);column-gap:1.5rem;row-gap:1.75rem}}.about-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 1.5rem}.highlight-present{color:var(--status-green);font-weight:600;border:1px solid var(--status-green);border-radius:var(--radius-sm);padding:2px 8px;background:rgba(22,163,74,.08)}.client-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.filter-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:100px;color:var(--text-secondary);font-family:var(--font-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-chip:hover{background:var(--bg-secondary);transform:translateY(-2px);border-color:var(--border-strong);color:var(--text-primary)}.filter-chip.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.chip-icon{width:20px;height:15px;object-fit:cover;border-radius:2px}.client-logo{transition:all .4s cubic-bezier(.4, 0, .2, 1);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md)}.client-logo.hidden{display:none}.clients-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--spacing-md)}.client-logo{padding:var(--spacing-xs) var(--spacing-xs);display:flex;align-items:center;justify-content:center;transition:var(--transition-normal)}.client-logo:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.client-logo img{height:40px;width:auto;object-fit:contain;max-width:100%}.logo-svg{width:100%;height:40px;color:var(--text-secondary);transition:var(--transition-normal)}.client-logo:hover .logo-svg{color:var(--text-primary)}.feedbacks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:start}.feedback-card{padding:24px;transition:var(--transition-normal)}.feedback-card:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.feedback-rating{display:flex;gap:4px;margin-bottom:12px}.star{color:#f59e0b;font-size:18px}.feedback-text{font-size:18px;font-weight:400;color:var(--text-primary);line-height:1.3;margin-bottom:16px;font-style:italic}.feedback-author{display:flex;align-items:center;gap:12px}.author-avatar{width:40px;height:40px;border-radius:50%;border:1px solid var(--border-strong)}.author-info{display:flex;flex-direction:column}.author-name{font-family:var(--font-primary);font-weight:600;color:var(--text-primary)}.author-role{font-size:14px;color:var(--text-muted)}.portfolio-filters{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.filter-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:15px;font-weight:500;transition:var(--transition-normal)}.filter-btn.active,.filter-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:var(--shadow-sm)}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.portfolio-item{background:0 0;border:none;box-shadow:none;transition:var(--transition-normal);position:relative}.portfolio-item:hover{transform:translateY(-5px)}.portfolio-image{position:relative;overflow:hidden}.portfolio-image img{width:100%;height:380px;object-fit:cover;transition:var(--transition-slow);border-radius:20px}.portfolio-content{padding:var(--spacing-sm) 0 0 0;display:flex;flex-direction:column;justify-content:flex-end}.portfolio-item:hover .portfolio-image img{transform:scale(1.02);filter:brightness(1);box-shadow:var(--shadow-md)}.portfolio-category{font-size:12px;color:var(--accent);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--spacing-xs)}.portfolio-title{font-size:20px;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.portfolio-link{color:var(--text-secondary);font-size:14px;display:inline-flex;align-items:center;gap:var(--spacing-xs)}.portfolio-link:hover{color:var(--accent)}.portfolio-link-overlay{position:absolute;inset:0;z-index:10;cursor:pointer}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline::before{content:'';position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--border-strong)}.timeline-item{position:relative;margin-left:var(--spacing-xl);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);transition:var(--transition-normal)}.timeline-item:hover{transform:translateX(4px);border-color:var(--border-strong)}.timeline-marker{position:absolute;left:calc(-1 * var(--spacing-xl) - 8px);top:var(--spacing-lg);width:12px;height:12px;background:var(--bg-primary);border:2px solid var(--accent);border-radius:50%}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.timeline-title{font-size:20px;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.timeline-company{color:var(--accent);font-weight:500}.timeline-date{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);letter-spacing:.04em}.timeline-description{color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.7}.timeline-tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.tag{padding:var(--spacing-xs) var(--spacing-sm);background:var(--accent-tint);border:1px solid rgba(217,94,12,.18);border-radius:var(--radius-full);font-size:12px;color:var(--accent-hover)}.timeline-item.new-layout{display:flex;flex-direction:row;align-items:flex-start;gap:20px;padding:24px}@media (max-width:1024px){.timeline-item.new-layout::after{display:none!important;animation:none!important;content:none!important}}.timeline-item.new-layout::before{content:'';position:absolute;left:calc(-1 * var(--spacing-xl) - 8px);top:40px;width:12px;height:12px;background:var(--bg-primary);border:2px solid var(--accent);border-radius:50%;z-index:2;transition:all .3s ease}@keyframes circleFlash{0%{background:var(--bg-primary);transform:scale(1)}50%{background:var(--accent);transform:scale(1.2)}100%{background:var(--bg-primary);transform:scale(1)}}.timeline-item.new-layout:hover::before{animation:circleFlash 1.5s infinite ease-in-out}.timeline-item.new-layout:has(.timeline-content.expanded)::before{animation:circleFlash 1.5s infinite ease-in-out}@keyframes borderRotate{0%{--border-angle:0deg}100%{--border-angle:360deg}}@property --border-angle{syntax:'<angle>';initial-value:0deg;inherits:false}.timeline-item.new-layout{position:relative;overflow:visible;border:1px solid transparent}.timeline-item.new-layout::after{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--border-angle,0deg),transparent 0deg,transparent 340deg,var(--accent) 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.timeline-item.new-layout:hover::after{opacity:1;animation:borderRotate 6s linear infinite}.timeline-item.new-layout:has(.timeline-content.expanded)::after{opacity:1;animation:borderRotate 8s linear infinite}.timeline-icon{flex-shrink:0;width:48px;height:48px;background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--accent);border:1px solid var(--border)}.timeline-content{flex-grow:1;position:relative;cursor:pointer}.exp-toggle-btn{position:absolute;top:0;right:0;background:0 0;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.exp-toggle-btn:hover{background:var(--bg-secondary);color:var(--accent)}.exp-toggle-btn svg{transition:transform .3s ease}.timeline-content.expanded .exp-toggle-btn svg{transform:rotate(180deg)}.exp-header{display:flex;flex-direction:column;gap:2px;margin-bottom:0;padding-right:40px}.exp-date{font-size:14px;color:var(--text-secondary);margin-bottom:4px}.exp-title{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1.4}.exp-company{color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:4px;transition:color .3s ease}.exp-company:hover{color:var(--accent-hover)}.exp-location{font-size:15px;color:var(--text-secondary);margin-top:4px}.exp-list{padding-left:24px;list-style-type:disc;color:var(--text-primary);line-height:1.6;height:0;opacity:0;overflow:hidden;margin-top:0}.exp-list li{margin-bottom:8px}.skills-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.skills-heading{font-size:24px;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.skills-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.skill-item{width:100%}.skill-info{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.skill-name{color:var(--text-primary);font-weight:500}.skill-percent{font-family:var(--font-mono);color:var(--text-secondary);font-weight:500;letter-spacing:.04em}.skill-bar{height:6px;background:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden}.skill-progress{height:100%;background:var(--accent);border-radius:var(--radius-full);width:var(--progress);position:relative}@keyframes chipBeat{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.skills-expertise{width:100%}.skills-section-title{font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--spacing-md)}.skills-tags,.tools-tags{display:flex;flex-wrap:wrap;gap:12px}.skill-tag{display:inline-flex;align-items:center;padding:8px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-primary);font-size:14px;font-weight:500;transition:var(--transition-normal)}.skill-tag:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.tool-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-primary);font-size:14px;font-weight:500;transition:var(--transition-normal)}.tool-tag img{width:20px;height:20px;object-fit:contain;border-radius:4px}.tool-tag:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.tool-item{padding:var(--spacing-md);text-align:center;transition:var(--transition-normal)}.tool-item:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.tool-icon{font-size:32px;margin-bottom:var(--spacing-xs)}.tool-name{font-size:14px;color:var(--text-secondary)}.certifications{width:100%;margin:0 auto}.cert-grid{display:flex;flex-direction:column;gap:var(--spacing-md)}.cert-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);transition:var(--transition-normal);width:100%}.cert-item:hover{transform:none}.cert-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:24px}.cert-icon img{max-width:32px;max-height:32px;width:auto;height:auto;object-fit:contain}.cert-info{display:flex;flex-direction:column}.cert-name{font-weight:600;color:var(--text-primary);margin-bottom:2px}.cert-issuer{font-size:14px;color:var(--text-muted)}.cert-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex:1}.cert-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text-primary);margin-left:auto;width:fit-content;padding:6px 14px;border:1px solid var(--border-strong);border-radius:999px;background:0 0;transition:var(--transition-normal)}.cert-link svg{width:14px;height:14px}.cert-link:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-2px)}.cert-link.in-progress{border-color:var(--accent);color:var(--accent);background:var(--accent-tint)}.cert-link.in-progress:hover{background:var(--accent);color:#fff}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:start}.contact-heading{font-size:28px;font-weight:500;margin-bottom:var(--spacing-md)}.contact-description{color:var(--text-secondary);margin-bottom:var(--spacing-xl);line-height:1.8}.contact-methods{display:flex;flex-direction:column;gap:var(--spacing-md)}.contact-method{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);transition:var(--transition-normal)}.contact-method:hover{transform:translateX(4px);border-color:var(--border-strong);background:var(--bg-secondary)}.method-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--accent-tint);border-radius:var(--radius-md);color:var(--accent)}.method-info{display:flex;flex-direction:column}.method-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.method-value{font-weight:500;color:var(--text-primary)}.contact-form{padding:var(--spacing-md)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:16px;transition:var(--transition-normal);box-sizing:border-box}.form-group input{height:48px;padding:0 var(--spacing-sm)}.form-group input:focus,.form-group textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{resize:vertical;min-height:120px}.work-gallery{position:relative;width:100%;margin-top:var(--spacing-lg);overflow:visible;min-height:100vh;display:flex;align-items:center}.work-gallery-web{margin-top:4rem}.work-gallery-track{display:flex;flex-wrap:nowrap;align-items:stretch;gap:12px;padding:0 var(--container-padding);width:max-content}.work-card{flex:0 0 auto;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal),border-color var(--transition-normal),transform var(--transition-normal)}.work-card:hover{border-color:var(--border-strong);box-shadow:0 1px 2px rgba(10,10,10,.04),0 12px 32px -10px rgba(217,94,12,.18),0 6px 16px -8px rgba(10,10,10,.08);transform:translateY(-4px)}.work-card .card-content-wrapper{display:flex;flex-direction:column;width:100%;height:100%;background:0 0;position:relative;z-index:1}.work-card{position:relative;isolation:isolate}.work-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 100% 0,var(--accent-soft) 0,transparent 55%);opacity:0;pointer-events:none;transition:opacity var(--transition-normal);z-index:0;border-radius:inherit}.work-card:hover::before{opacity:.45}.section--dark .work-card::before{background:radial-gradient(circle at 100% 0,var(--accent) 0,transparent 60%)}.section--dark .work-card:hover::before{opacity:.32}.work-image-wrapper{position:relative}.work-image-wrapper::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.18),transparent 30%);opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.work-card:hover .work-image-wrapper::after{opacity:1}.work-card-number{position:absolute;top:12px;left:12px;z-index:2;padding:4px 10px;border-radius:var(--radius-full);background:rgba(255,255,255,.92);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-primary);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1}.section--dark .work-card-number{background:rgba(13,13,13,.65);-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);border-color:rgba(255,255,255,.12);color:#fff}.work-card-cta{position:absolute;top:12px;right:12px;z-index:2;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:#fff;border:1px solid var(--border);color:var(--accent);opacity:.6;transform:translateY(0) scale(1);transition:opacity .35s ease,transform .35s cubic-bezier(.2, .7, .2, 1),background var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal)}.work-card:hover .work-card-cta{opacity:1}.work-card-cta svg{transition:transform var(--transition-fast)}.work-card:hover .work-card-cta svg{transform:translate(2px,-2px)}.section--dark .work-card-cta{background:rgba(20,20,20,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:rgba(255,255,255,.12);color:var(--accent)}.section--dark .work-card:hover .work-card-cta{background:var(--accent);border-color:var(--accent);color:#fff}@media (max-width:1023px){.work-card-number{font-size:10px;padding:3px 8px}.work-card-cta{width:32px;height:32px}}@media (max-width:600px){.work-card-number{top:8px;left:8px}.work-card-cta{top:8px;right:8px}}@media (prefers-reduced-motion:reduce){.work-card-cta,.work-card-cta svg,.work-card:hover .work-card-cta,.work-card:hover .work-card-cta svg{transform:none}}.work-card .work-image-wrapper{width:100%;overflow:hidden;position:relative}.work-card .work-card-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.work-card:hover .work-card-image{transform:scale(1.04)}.work-card .work-details{border-top:1px solid var(--border);border-radius:0;background:var(--bg-card);justify-content:center}.work-gallery-mobile .work-card,.work-gallery-web .work-card{width:580px}.work-gallery-mobile .work-image-wrapper,.work-gallery-web .work-image-wrapper{aspect-ratio:16/10}.work-gallery-web .work-card-image{object-fit:cover}.work-gallery-mobile .work-card-image{object-fit:contain}@media (max-width:1023px){.work-gallery-mobile .work-card,.work-gallery-web .work-card{width:min(440px,80vw)}}.work-card{cursor:pointer}.work-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:var(--spacing-lg);opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.work-modal.is-open{display:flex;opacity:1;visibility:visible}.work-modal-backdrop{position:absolute;inset:0;background:rgba(10,10,10,.72);cursor:pointer}.work-modal-container{position:relative;z-index:1;display:flex;flex-direction:column;max-width:min(960px,100%);max-height:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;transform:scale(.96);transition:transform var(--transition-normal)}.work-modal.is-open .work-modal-container{transform:scale(1)}.work-modal-close{position:absolute;top:12px;right:12px;z-index:2;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:rgba(255,255,255,.92);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.work-modal-close:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.work-modal-close:focus-visible{outline:0;box-shadow:0 0 0 3px var(--accent-ring)}.work-modal-card{display:flex;min-height:0;overflow:auto}.work-modal-container.section--dark{background:#161616;border-color:var(--border-on-dark)}.work-modal-card .work-card{width:100%;cursor:default;box-shadow:none;border:none;border-radius:0}.work-modal-card .work-card:hover{transform:none;box-shadow:none;border-color:transparent}.work-modal-card .work-card:hover .work-image-wrapper::after,.work-modal-card .work-card:hover::before{opacity:0}.work-modal-card .work-card:hover .work-card-image{transform:none}.work-modal-card .work-image-wrapper{cursor:zoom-in;touch-action:none}.work-modal-card .work-image-wrapper.is-zoomed{cursor:grab}.work-modal-card .work-image-wrapper.is-panning{cursor:grabbing}.work-modal-card .work-card-image{transform-origin:0 0;transition:transform .12s ease-out;will-change:transform;user-select:none;-webkit-user-drag:none}.work-modal-card .work-image-wrapper.is-panning .work-card-image,.work-modal-card .work-image-wrapper.is-pinching .work-card-image{transition:none}.work-card:focus-visible{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}@media (max-width:768px){.work-modal{padding:var(--spacing-sm)}}@media (max-width:600px){.work-gallery-mobile .work-card,.work-gallery-web .work-card{width:300px}}@media (max-width:768px){.contact-methods{grid-template-columns:1fr}.section-header{margin-bottom:var(--spacing-lg)}.cert-content{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.cert-link{margin-left:0;margin-top:var(--spacing-xs)}}.footer{background:var(--bg-secondary);padding:var(--spacing-md) 0 var(--spacing-md);border-top:1px solid var(--border)}.footer-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.footer-brand{max-width:100%}.footer-links,.footer-social{display:flex;flex-direction:column;align-items:center;width:100%}.footer-brand .logo{font-size:24px}.footer-brand .logo-dot{font-size:40px}.footer-tagline{color:var(--text-secondary);margin-top:var(--spacing-xs);max-width:100%}.footer-heading{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md)}.footer-nav a{color:var(--text-secondary)}.footer-nav a:hover{color:var(--accent)}.social-links{display:flex;justify-content:center;gap:var(--spacing-sm)}.social-link{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);transition:var(--transition-normal)}.social-link:hover{color:var(--accent);border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);border-top:1px solid var(--border);position:relative}.version{color:var(--text-muted);font-size:14px;font-weight:500}.copyright{color:var(--text-muted);font-size:14px;position:absolute;left:50%;transform:translateX(-50%)}.back-to-top{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--accent);border-radius:var(--radius-md);color:#fff;transition:var(--transition-normal);box-shadow:var(--shadow-sm)}.back-to-top:hover{transform:translateY(-2px);background:var(--accent-hover);box-shadow:var(--shadow-md)}.expertise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.expertise-card{position:relative;overflow:hidden;padding:var(--spacing-lg);display:flex;flex-direction:column;height:100%;transition:var(--transition-normal)}.expertise-card.glass-card{border-radius:24px}.expertise-card .expertise-icon,.expertise-card .expertise-list,.expertise-card .expertise-title{position:relative;z-index:1}.expertise-card::after{content:attr(data-number);position:absolute;right:-8px;bottom:-36px;font-family:var(--font-primary);font-size:180px;font-weight:800;line-height:1;letter-spacing:-.05em;color:rgba(245,245,245,.05);pointer-events:none;user-select:none;z-index:0;transition:color .3s ease}.expertise-card:hover::after{color:rgba(245,245,245,.1)}.work-gallery-label{margin:0 0 1.5rem;font-family:var(--font-primary);font-size:clamp(4rem, 14vw, 12rem);font-weight:800;line-height:.9;letter-spacing:-.05em;color:rgba(245,245,245,.05);pointer-events:none;user-select:none}.expertise-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.expertise-card:hover .expertise-title{color:var(--text-primary)}.expertise-card:hover .expertise-list li{color:var(--text-secondary)}.expertise-icon{width:56px;height:56px;background:var(--accent-tint);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:var(--spacing-md);transition:var(--transition-normal);border:1px solid var(--border)}.expertise-card:hover .expertise-icon{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm);border-color:transparent}.section--dark .expertise-card .expertise-icon{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.06);color:rgba(245,245,245,.78)}.section--dark .expertise-card:hover .expertise-icon{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);color:rgba(245,245,245,.92)}.expertise-title{font-size:20px;font-weight:700;margin-bottom:var(--spacing-md);color:var(--text-primary)}.expertise-list{list-style:none;margin:0;padding:0}.expertise-list li{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:var(--text-secondary);font-size:15px;transition:var(--transition-fast)}.expertise-list li svg{color:var(--accent);flex-shrink:0;opacity:.8}.expertise-note{text-align:center;font-size:13px;color:var(--text-muted);font-style:italic;opacity:.7;margin-top:var(--spacing-lg);max-width:800px;margin-left:auto;margin-right:auto}.card-content-wrapper{display:flex;flex-direction:column;width:100%;height:100%;background:var(--bg-secondary);position:relative}.work-image-wrapper{width:100%;overflow:hidden;position:relative}.work-card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}.work-details{padding:12px 16px;display:flex;flex-direction:column;gap:6px;background:var(--bg-card);border-top:1px solid var(--border);border-radius:0 0 24px 24px;align-items:center;text-align:center}.work-details-header{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;width:100%}.title-link{display:inline-flex;align-items:center;gap:6px;color:var(--text-primary);font-weight:600;font-size:20px}.title-link-text{font-size:inherit}.title-link-icon{width:16px;height:16px;opacity:.6;transition:var(--transition-fast)}.work-chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0;justify-content:center}.work-chip{padding:3px 10px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;font-size:11px;color:var(--text-primary);font-weight:500}.section--dark .work-chip{background:rgba(255,255,255,.05);color:var(--text-on-dark);padding:4px 12px}.work-tags-industry{display:flex;flex-wrap:wrap;gap:6px}.work-details-tag{padding:4px 10px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;font-size:11px;color:#6b7280;font-weight:500}.work-tags-services{display:flex;flex-wrap:wrap;gap:8px}.work-clickable-tag{padding:6px 14px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:20px;font-size:12px;color:#495057;font-weight:500;transition:var(--transition-fast)}.work-clickable-tag:hover{background:var(--accent);color:#fff;border-color:var(--accent)}@media (max-width:1024px){.geo-shape{opacity:.3;transform:scale(.8)}.hero-content{grid-template-columns:1fr;text-align:center}.hero-text{max-width:100%;order:2}.hero-subtitle{justify-content:center}.gradient-text-light{justify-content:center}.hero-image{order:1}.hero-cta{justify-content:center}.hamburger{display:flex}.nav-menu{position:fixed;top:0;right:-100%;width:80%;max-width:400px;height:100vh;background:rgba(250,250,247,.98);backdrop-filter:blur(20px);border:none;border-left:1px solid var(--border);border-radius:0;box-shadow:none;padding:var(--spacing-xl);flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-lg);z-index:1000}.nav-menu.active{right:0}.nav-menu .nav-link{font-size:18px}.image-frame img{width:100%;max-width:300px;height:auto}.floating-card{display:none}.about-content{grid-template-columns:1fr;text-align:center}.about-image{max-width:320px;margin:0 auto}.clients-grid{grid-template-columns:repeat(4,1fr)}.feedbacks-grid{grid-template-columns:repeat(2,1fr);max-width:100%;margin:0 auto}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.skills-content{grid-template-columns:1fr}.expertise-grid{grid-template-columns:repeat(2,1fr)}.tools-grid{grid-template-columns:repeat(4,1fr)}.cert-grid{grid-template-columns:1fr}.contact-content{grid-template-columns:1fr;text-align:center;gap:var(--spacing-xs)}.contact-info{align-items:center}.contact-description,.contact-title{text-align:center}.contact-links{justify-content:center}.contact-cta{justify-content:center}.contact-form{padding:var(--spacing-lg)}.contact-form .form-group label{text-align:left}.contact-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.contact-method{justify-content:flex-start}.contact-method .method-info{text-align:left}.hero-cta,.hero-section .hero-cta{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.hero-cta .btn{width:100%}.footer-content{grid-template-columns:1fr;text-align:center}.footer-tagline{max-width:100%}.footer-nav{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}.social-links{justify-content:center}.footer-bottom{flex-direction:column;gap:var(--spacing-md)}.footer-bottom .copyright{position:static;transform:none;order:2}.footer-bottom .version{order:1}.footer-bottom .back-to-top{order:3}.client-filters,.skills-tags,.tools-tags{justify-content:flex-start;text-align:left}}@media (max-width:768px){:root{--spacing-3xl:80px}.nav-menu{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background:var(--bg-secondary);border:none;border-left:1px solid var(--border);border-radius:0;box-shadow:none;flex-direction:column;justify-content:center;padding:var(--spacing-xl);gap:20px}.nav-menu.active{right:0}.nav-link{font-size:20px;padding:5px 0}.nav-cta{display:none}.hamburger{display:flex}.hero-avatar-mobile{display:block;position:relative;width:120px;height:120px;margin:0 auto var(--spacing-lg)}.avatar-glow{display:none}.avatar-img{width:100%;height:100%;border-radius:50%;border:2px solid var(--border-strong);object-fit:cover}.hero-image{display:none}.hero-subtitle{justify-content:center}.clients-grid{grid-template-columns:repeat(3,1fr)}.expertise-grid{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:1fr}.feedbacks-grid{grid-template-columns:1fr}.tools-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.timeline::before{display:none}.timeline-item{margin-left:0}.timeline-marker{display:none}.hero-cta{grid-template-columns:1fr 1fr}.hero-cta .btn{width:100%}.footer-bottom{flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;position:relative}.back-to-top{position:absolute;right:0;bottom:0;margin:0}.copyright{position:relative;left:auto;transform:none;order:-1;width:100%;text-align:center}}@media (max-width:480px){.hero-cta,.hero-section .hero-cta{grid-template-columns:1fr 1fr;gap:10px}.hero-cta .btn{width:100%;padding:0 12px;font-size:13px;gap:6px;white-space:nowrap}.expertise-grid{grid-template-columns:1fr}.portfolio-filters{gap:var(--spacing-xs)}.filter-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:13px}.card-content-wrapper{height:100%}.work-image-wrapper{height:250px;flex-shrink:0}.work-details{padding:var(--spacing-sm) var(--spacing-xs);height:auto;flex-grow:1;flex-shrink:1}.title-link{font-size:16px}.work-chip{font-size:10px;padding:2px 8px}.work-details{padding:10px 12px;gap:5px}.work-details-tag{font-size:11px;padding:3px 8px}.skills-section-title{text-align:center}.skills-tags,.tools-tags{justify-content:flex-start}.skill-tag,.tool-tag span{font-size:14px}.work-clickable-tag{font-size:12px;padding:5px 12px}.contact-form{padding:var(--spacing-md)}.contact-methods{grid-template-columns:1fr}.contact-methods>a{padding:var(--spacing-sm)}.exp-title{font-size:18px}.exp-location{font-size:14px}.timeline-icon{width:40px;height:40px}.lucide{width:20px;height:20px}}#smooth-wrapper{position:fixed;inset:0;overflow:hidden}#smooth-content{overflow:visible;width:100%;padding-bottom:16px;background-color:var(--bg-secondary)}#fluid-cursor{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:99999}@media (hover:none),(prefers-reduced-motion:reduce){#fluid-cursor{display:none}}.magnetic{transition-property:color,background,background-color,border-color,box-shadow;will-change:transform}