*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--header-height: 72px;--color-primary: #FF8C00;--color-primary-dark: #FF7F50;--color-primary-rgb: 255, 140, 0;--color-background: #0a0a0a;--color-surface: #111111;--color-surface-light: #1a1a1a;--color-surface-hover: #1f1f1f;--color-success: #2cbd00;--color-error: #EF4444;--color-text: #f0ece4;--color-text-secondary: rgba(240, 236, 228, .55);--color-border: rgba(240, 236, 228, .08);--color-border-strong: rgba(240, 236, 228, .15);--font-display: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Space Mono", "Courier New", monospace;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 12px 40px rgba(0,0,0,.5);--shadow-glow: 0 0 40px rgba(var(--color-primary-rgb), .15)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:16px;line-height:1.65;background-color:var(--color-background);color:var(--color-text);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9998;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:200px 200px}::-moz-selection{background:rgba(var(--color-primary-rgb),.3);color:var(--color-text)}::selection{background:rgba(var(--color-primary-rgb),.3);color:var(--color-text)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 clamp(1.25rem,4vw,3rem)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--color-text)}h1{font-size:clamp(2.75rem,6vw,5rem)}h2{font-size:clamp(2rem,4.5vw,3.25rem)}h3{font-size:clamp(1.35rem,2.5vw,1.75rem)}p{margin-bottom:1rem}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.label-mono{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-primary)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 2rem;font-family:var(--font-body);font-size:.875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-radius:0;border:none;cursor:pointer;transition:all .4s var(--ease-out-expo);text-decoration:none;position:relative;overflow:hidden}.button-primary{background-color:var(--color-primary);color:#0a0a0a}.button-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s var(--ease-out-expo)}.button-primary:hover:before{transform:translate(100%)}.button-primary:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.button-secondary{background-color:transparent;border:1px solid var(--color-border-strong);color:var(--color-text)}.button-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.hr-accent{width:48px;height:2px;background:var(--color-primary);border:none;margin:1.5rem 0}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--header-height);background-color:#0a0a0aeb;backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);transition:all .5s var(--ease-out-expo)}.navbar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-border) 15%,var(--color-primary) 50%,var(--color-border) 85%,transparent 100%);opacity:.6;transition:opacity .4s ease}.navbar.scrolled{background-color:#0a0a0af7;box-shadow:0 8px 32px #0000004d}.navbar.scrolled:after{opacity:.3}.navbar-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;height:100%;max-width:1400px;margin:0 auto;padding:0 clamp(1.25rem,4vw,3rem);gap:2rem}.navbar-left{display:flex;align-items:center;gap:1rem}.navbar-accent{width:3px;height:28px;background:var(--color-primary);border-radius:2px;flex-shrink:0;transition:height .3s var(--ease-out-expo)}.navbar:hover .navbar-accent{height:34px}.navbar-brand{display:flex;flex-direction:column;text-decoration:none;line-height:1;gap:2px;transition:transform .3s var(--ease-out-expo)}.navbar-brand:hover{transform:translate(2px)}.brand-name{font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--color-text);letter-spacing:-.02em;transition:color .3s ease}.navbar-brand:hover .brand-name{color:var(--color-primary)}.brand-tag{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-secondary);opacity:.7;transition:opacity .3s ease}.navbar-brand:hover .brand-tag{opacity:1}.navbar-center{display:flex;justify-content:center}.nav-menu{display:flex;align-items:center;gap:.35rem}.nav-link{font-family:var(--font-body);font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary);text-decoration:none;padding:.55rem 1rem;position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;transition:color .3s ease;cursor:pointer}.nav-link-text{position:relative;z-index:1}.nav-link-line{width:0;height:2px;background:var(--color-primary);border-radius:1px;transition:width .4s var(--ease-out-expo)}.nav-link:hover .nav-link-line,.nav-link.active .nav-link-line{width:100%}.nav-link:hover,.nav-link.active{color:var(--color-text)}.nav-link:before{content:"";position:absolute;top:4px;right:0;bottom:4px;left:0;background:rgba(var(--color-primary-rgb),0);border-radius:4px;transition:background .3s ease}.nav-link:hover:before{background:rgba(var(--color-primary-rgb),.04)}.navbar-right{display:flex;align-items:center;gap:1rem}.nav-cta{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-background);background:var(--color-primary);text-decoration:none;padding:.55rem 1.25rem;position:relative;overflow:hidden;transition:all .4s var(--ease-out-expo)}.nav-cta svg{transition:transform .3s var(--ease-out-expo);opacity:.7}.nav-cta:hover{background:var(--color-primary-dark);box-shadow:0 0 20px rgba(var(--color-primary-rgb),.25);transform:translateY(-1px)}.nav-cta:hover svg{transform:translate(3px);opacity:1}.nav-cta.active{background:var(--color-text);color:var(--color-background)}.nav-cta:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transition:left .5s var(--ease-out-expo)}.nav-cta:hover:after{left:100%}.dropdown{position:relative}.dropdown-toggle{display:flex;align-items:center;gap:.35rem;font-family:var(--font-body);font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary);padding:.55rem 1rem;background:none;border:none;cursor:pointer;position:relative;transition:color .3s ease}.dropdown-toggle .nav-link-text{position:relative}.dropdown:hover .dropdown-toggle{color:var(--color-text)}.dropdown-menu{position:fixed;top:var(--header-height);left:0;right:0;background:var(--color-surface);border-bottom:1px solid var(--color-border-strong);padding:0;opacity:0;visibility:hidden;transform:translateY(-4px);transition:all .4s var(--ease-out-expo);z-index:998}.dropdown-menu:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(var(--color-primary-rgb),.3) 20%,var(--color-primary) 50%,rgba(var(--color-primary-rgb),.3) 80%,transparent 100%)}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu-inner{display:grid;grid-template-columns:repeat(3,1fr);max-width:900px;margin:0 auto;padding:0}.dropdown-item{display:flex;flex-direction:column;gap:.4rem;padding:2rem 2.25rem;text-decoration:none;position:relative;transition:all .35s var(--ease-out-expo)}.dropdown-item:not(:last-child):after{content:"";position:absolute;top:1.5rem;bottom:1.5rem;right:0;width:1px;background:var(--color-border)}.dropdown-item-number{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.2em;color:var(--color-primary);opacity:.6;transition:opacity .3s ease}.dropdown-item-title{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--color-text);letter-spacing:-.01em;transition:color .3s ease}.dropdown-item-desc{font-family:var(--font-body);font-size:.75rem;color:var(--color-text-secondary);line-height:1.5;transition:color .3s ease}.dropdown-item:hover{background:rgba(var(--color-primary-rgb),.03)}.dropdown-item:hover .dropdown-item-number{opacity:1}.dropdown-item:hover .dropdown-item-title{color:var(--color-primary)}.dropdown-menu .dropdown-item{opacity:0;transform:translateY(-6px);transition:opacity .35s var(--ease-out-expo),transform .35s var(--ease-out-expo),background .3s ease}.dropdown:hover .dropdown-menu .dropdown-item{opacity:1;transform:translateY(0)}.dropdown:hover .dropdown-menu .dropdown-item:nth-child(1){transition-delay:.03s}.dropdown:hover .dropdown-menu .dropdown-item:nth-child(2){transition-delay:.08s}.dropdown:hover .dropdown-menu .dropdown-item:nth-child(3){transition-delay:.13s}.mobile-menu-button{display:none;background:none;border:1px solid var(--color-border);cursor:pointer;padding:.5rem;z-index:1001;width:40px;height:40px;align-items:center;justify-content:center;transition:border-color .3s ease}.mobile-menu-button:hover{border-color:var(--color-primary)}.hamburger-line{display:block;width:18px;height:1.5px;background-color:var(--color-text);margin:4px auto;transition:all .35s var(--ease-out-expo)}.mobile-menu-button.active .hamburger-line:nth-child(1){transform:translateY(5.5px) rotate(45deg)}.mobile-menu-button.active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-button.active .hamburger-line:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}.hero{position:relative;height:100vh;min-height:600px;display:flex;align-items:flex-end;padding-bottom:clamp(4rem,10vh,8rem);overflow:hidden}.hero-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.hero-background video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#0a0a0a66,#0a0a0a33 40%,#0a0a0ab3,#0a0a0a)}.hero:before,.hero:after{content:"";position:absolute;left:0;right:0;height:1px;background:var(--color-border-strong);z-index:2}.hero:before{top:var(--header-height)}.hero:after{bottom:0}.hero-content{position:relative;z-index:3;max-width:800px}.hero-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-primary);margin-bottom:1.25rem;opacity:0;animation:heroReveal .8s var(--ease-out-expo) .2s forwards}.hero-title{font-size:clamp(3rem,7vw,5.5rem);line-height:1.05;letter-spacing:-.03em;margin-bottom:1.5rem;opacity:0;animation:heroReveal .8s var(--ease-out-expo) .4s forwards}.hero-title em{font-style:italic;color:var(--color-primary)}.hero-description{font-size:clamp(1rem,1.5vw,1.2rem);color:var(--color-text-secondary);max-width:540px;line-height:1.7;margin-bottom:2.5rem;opacity:0;animation:heroReveal .8s var(--ease-out-expo) .6s forwards}.hero-buttons{display:flex;gap:1rem;opacity:0;animation:heroReveal .8s var(--ease-out-expo) .8s forwards}.hero-scroll-hint{position:absolute;bottom:2rem;right:3rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:3;opacity:0;animation:heroReveal .8s var(--ease-out-expo) 1.2s forwards}.hero-scroll-hint span{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-secondary);writing-mode:vertical-lr}.hero-scroll-line{width:1px;height:48px;background:var(--color-primary);animation:scrollPulse 2s ease-in-out infinite}@keyframes heroReveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollPulse{0%,to{transform:scaleY(1);opacity:1}50%{transform:scaleY(.5);opacity:.4}}.section{padding:clamp(4rem,10vh,7rem) 0;position:relative}.section-header{margin-bottom:clamp(3rem,6vw,5rem)}.section-header.text-center{text-align:center}.section-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-primary);margin-bottom:1rem;display:block}.section-title{font-family:var(--font-display);font-size:clamp(2rem,4.5vw,3.25rem);margin-bottom:1rem}.section-subtitle{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-primary);margin-bottom:1rem}.section-description{color:var(--color-text-secondary);max-width:560px;font-size:1.05rem;line-height:1.7}.section-header.text-center .section-description{margin:0 auto}.featured-projects{padding:clamp(5rem,10vh,8rem) 0;background:var(--color-surface);position:relative}.featured-projects:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.015;background-image:repeating-linear-gradient(-45deg,var(--color-text) 0,var(--color-text) 1px,transparent 0,transparent 16px);pointer-events:none}.proj-featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem;margin-bottom:4rem}.proj-featured-card{background:var(--color-background);border:1px solid var(--color-border);overflow:hidden;transition:all .5s var(--ease-out-expo);opacity:0;transform:translateY(30px)}.proj-featured-card.animated{opacity:1;transform:translateY(0)}.proj-featured-card:hover{border-color:var(--color-border-strong);transform:translateY(-6px);box-shadow:var(--shadow-lg)}.proj-featured-media{position:relative;padding-top:56.25%;background:var(--color-surface-light);overflow:hidden}.proj-featured-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.proj-featured-overlay iframe{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.proj-featured-actions{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0acc;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s var(--ease-out-expo)}.proj-featured-card:hover .proj-featured-actions{opacity:1}.proj-featured-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.75rem;background:var(--color-primary);color:#0a0a0a;font-family:var(--font-body);font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transform:translateY(12px);opacity:0;transition:all .4s var(--ease-out-expo) .1s}.proj-featured-card:hover .proj-featured-btn{transform:translateY(0);opacity:1}.proj-featured-btn svg{width:20px;height:20px}.proj-featured-btn:hover{background:var(--color-primary-dark)}.proj-featured-content{padding:1.75rem}.proj-featured-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.proj-featured-category{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-primary)}.proj-featured-date{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.05em;color:var(--color-text-secondary)}.proj-featured-title{font-family:var(--font-display);font-size:1.35rem;margin-bottom:.75rem;line-height:1.3}.proj-featured-description{color:var(--color-text-secondary);font-size:.9rem;line-height:1.65;margin-bottom:1.25rem}.proj-featured-footer{padding-top:1.25rem;border-top:1px solid var(--color-border)}.proj-featured-footer:last-child{text-align:center}.proj-featured-tags{display:flex;flex-wrap:wrap;gap:.4rem}.proj-featured-tag{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .7rem;background:rgba(var(--color-primary-rgb),.08);color:var(--color-primary);border:1px solid rgba(var(--color-primary-rgb),.15)}.services-section{background:var(--color-surface);padding:clamp(5rem,10vh,7rem) 0}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--color-border);border:1px solid var(--color-border)}.service-card{background:var(--color-surface);padding:clamp(2rem,4vw,3rem);transition:all .5s var(--ease-out-expo);position:relative}.service-card:before{content:"";position:absolute;top:0;left:0;width:0;height:2px;background:var(--color-primary);transition:width .5s var(--ease-out-expo)}.service-card:hover:before{width:100%}.service-card:hover{background:var(--color-surface-hover)}.service-icon{width:48px;height:48px;margin-bottom:1.5rem;color:var(--color-primary);opacity:.8}.service-icon svg{width:100%;height:100%}.service-title{font-family:var(--font-display);font-size:1.3rem;margin-bottom:.75rem}.service-description{color:var(--color-text-secondary);font-size:.9rem;line-height:1.65;margin-bottom:1.5rem}.service-link{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:gap .3s var(--ease-out-expo)}.service-link:hover{gap:.8rem}.service-link:after{content:"→"}.about-section{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(3rem,6vw,6rem);align-items:center;padding:clamp(4rem,8vh,6rem) 0}.about-image{position:relative;overflow:hidden}.about-image:before{content:"";position:absolute;top:-1rem;left:-1rem;right:1rem;bottom:1rem;border:1px solid var(--color-primary);opacity:.3;z-index:-1}.about-image img{width:100%;filter:grayscale(30%) contrast(1.05);transition:filter .6s ease}.about-image:hover img{filter:grayscale(0%) contrast(1)}.about-content h2{margin-bottom:.5rem}.about-content p{color:var(--color-text-secondary);font-size:1rem;line-height:1.75}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--color-border);border:1px solid var(--color-border);margin:2rem 0 2.5rem}.stat{background:var(--color-background);padding:1.5rem;text-align:center}.stat-number{font-family:var(--font-display);font-size:2.25rem;font-weight:700;color:var(--color-primary);display:block;line-height:1;margin-bottom:.35rem}.stat-label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-secondary)}.contact-section{padding:clamp(4rem,8vh,6rem) 0}.contact-form{max-width:600px;margin:0 auto}.form-group{margin-bottom:1.75rem}.form-label{display:block;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:.6rem}.form-input,.form-textarea{width:100%;padding:.9rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-body);font-size:.95rem;transition:border-color .3s ease,box-shadow .3s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.form-textarea{min-height:150px;resize:vertical}.proj-page{min-height:100vh}.proj-hero{padding:calc(var(--header-height) + 4rem) 0 3rem;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.proj-hero-content{max-width:700px;margin-bottom:3rem}.proj-hero-title{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1rem}.proj-hero-subtitle{color:var(--color-text-secondary);font-size:1.1rem}.proj-filter{display:flex;gap:.5rem;flex-wrap:wrap}.proj-filter-btn{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;padding:.6rem 1.25rem;background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;transition:all .35s var(--ease-out-expo)}.proj-filter-btn:hover{border-color:var(--color-text-secondary);color:var(--color-text)}.proj-filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#0a0a0a}.proj-grid-section{padding:clamp(3rem,6vh,5rem) 0}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:2rem}.proj-card{background:var(--color-surface);border:1px solid var(--color-border);overflow:hidden;transition:all .5s var(--ease-out-expo);opacity:0;animation:cardReveal .6s var(--ease-out-expo) forwards}.proj-card:nth-child(1){animation-delay:.05s}.proj-card:nth-child(2){animation-delay:.1s}.proj-card:nth-child(3){animation-delay:.15s}.proj-card:nth-child(4){animation-delay:.2s}.proj-card:nth-child(5){animation-delay:.25s}.proj-card:nth-child(6){animation-delay:.3s}@keyframes cardReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.proj-card:hover{border-color:var(--color-border-strong);transform:translateY(-4px);box-shadow:var(--shadow-md)}.proj-card-media{position:relative;padding-top:56.25%;background:var(--color-surface-light)}.proj-thumbnail-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.proj-thumbnail-overlay iframe{width:100%;height:100%}.proj-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0acc;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .35s ease}.proj-card:hover .proj-card-overlay{opacity:1}.proj-card-actions{transform:translateY(10px);transition:transform .4s var(--ease-out-expo)}.proj-card:hover .proj-card-actions{transform:translateY(0)}.proj-action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-primary);color:#0a0a0a;font-family:var(--font-body);font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}.proj-action-btn svg{width:18px;height:18px}.proj-card-content{padding:1.5rem}.proj-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.proj-card-category{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-primary)}.proj-card-date{font-family:var(--font-mono);font-size:.6rem;color:var(--color-text-secondary)}.proj-card-title{font-family:var(--font-display);font-size:1.2rem;margin-bottom:.6rem;line-height:1.3}.proj-card-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.6;margin-bottom:1.25rem}.proj-card-footer{border-top:1px solid var(--color-border);padding-top:1rem}.proj-card-tags{display:flex;flex-wrap:wrap;gap:.4rem}.proj-tag{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .6rem;background:rgba(var(--color-primary-rgb),.08);color:var(--color-primary);border:1px solid rgba(var(--color-primary-rgb),.15)}.proj-cta{padding:clamp(4rem,8vh,6rem) 0;text-align:center;background:var(--color-surface);border-top:1px solid var(--color-border)}.proj-cta-content{max-width:560px;margin:0 auto}.proj-cta-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);margin-bottom:1rem}.proj-cta-text{color:var(--color-text-secondary);font-size:1.1rem;margin-bottom:2rem}.proj-pagination{margin-top:3rem}.pagination-nav{display:flex;justify-content:center}.pagination-list{display:flex;gap:.35rem;list-style:none}.pagination-link{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 .5rem;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:.75rem;text-decoration:none;transition:all .3s var(--ease-out-expo)}.pagination-link:hover{border-color:var(--color-primary);color:var(--color-primary)}.pagination-link.active{background:var(--color-primary);border-color:var(--color-primary);color:#0a0a0a}.pagination-link.disabled{opacity:.3;pointer-events:none}.about-page{width:100%}.about-page-hero{padding:calc(var(--header-height) + 4rem) 0 4rem;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.about-page-header{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,5vw,5rem);align-items:center}.about-page-image-wrapper{position:relative}.about-page-image-bg{position:absolute;width:100%;height:100%;top:16px;left:16px;border:1px solid var(--color-primary);opacity:.25}.about-page-image{width:100%;position:relative;z-index:2;filter:grayscale(25%) contrast(1.05);transition:filter .6s ease}.about-page-image:hover{filter:grayscale(0%)}.about-page-content{max-width:680px}.about-page-title{font-size:clamp(2.25rem,4vw,3.25rem);margin-bottom:1rem}.about-page-subtitle{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-primary);margin-bottom:2rem}.about-page-description{color:var(--color-text-secondary);font-size:1.05rem;line-height:1.8;margin-bottom:1.5rem}.about-page-experience{padding:clamp(4rem,8vh,6rem) 0}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--color-border);border:1px solid var(--color-border)}.experience-item{background:var(--color-surface);padding:clamp(2rem,4vw,3rem);text-align:center}.experience-value{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;color:var(--color-primary);line-height:1;margin-bottom:.5rem}.experience-text{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-secondary)}.about-page-skills{padding:clamp(4rem,8vh,6rem) 0;background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.skill-item{background:var(--color-background);border:1px solid var(--color-border);padding:2rem;transition:all .4s var(--ease-out-expo);position:relative}.skill-item:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-primary);transition:width .5s var(--ease-out-expo)}.skill-item:hover:after{width:100%}.skill-item:hover{border-color:var(--color-border-strong);transform:translateY(-4px)}.skill-item-icon{width:40px;height:40px;margin-bottom:1.25rem;color:var(--color-primary);transition:transform .3s var(--ease-out-expo)}.skill-item-title{font-family:var(--font-display);font-size:1.2rem;margin-bottom:.75rem}.skill-item-description{color:var(--color-text-secondary);font-size:.9rem;line-height:1.65}.about-page-cta{padding:clamp(4rem,8vh,6rem) 0;text-align:center}.about-page-cta-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);margin-bottom:1rem}.about-page-cta-text{color:var(--color-text-secondary);font-size:1.1rem;max-width:540px;margin:0 auto 2rem}.about-page-cta-buttons{display:flex;gap:1rem;justify-content:center}.cp-container{padding:calc(var(--header-height) + 4rem) 0 5rem}.cp-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,5vw,5rem);align-items:start}.cp-info{padding-right:2rem}.cp-title{font-family:var(--font-display);font-size:clamp(2.25rem,4vw,3rem);margin-bottom:.75rem}.cp-subtitle{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-primary);margin-bottom:1.5rem}.cp-text{color:var(--color-text-secondary);font-size:1rem;line-height:1.75;margin-bottom:2.5rem}.cp-details{display:flex;flex-direction:column;gap:1.25rem}.cp-item{display:flex;align-items:center;gap:1rem}.cp-icon-wrapper{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-primary);flex-shrink:0}.cp-icon-wrapper svg{width:20px;height:20px}.cp-item-label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:.15rem}.cp-item-value{color:var(--color-text);text-decoration:none;font-size:.9rem;transition:color .3s ease}.cp-item-value:hover{color:var(--color-primary)}.cp-social-list{display:flex;gap:.5rem;margin-top:2.5rem}.cp-social-item{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-border);color:var(--color-text-secondary);transition:all .35s var(--ease-out-expo)}.cp-social-item:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.cp-social-item svg{width:18px;height:18px}.cp-form-section{background:var(--color-surface);border:1px solid var(--color-border);padding:clamp(2rem,4vw,3rem)}.cp-form{display:grid;gap:1.5rem}.cp-form-group{display:flex;flex-direction:column;gap:.5rem}.cp-form-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-secondary)}.cp-form-input,.cp-form-textarea{padding:.85rem 1rem;background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-body);font-size:.95rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.cp-form-input:focus,.cp-form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.cp-form-textarea{min-height:150px;resize:vertical}.cp-form-submit{margin-top:.5rem}.cp-form-error{font-size:.8rem;color:var(--color-error)}.cp-form-message{padding:1rem;margin-top:1rem;border:1px solid;font-size:.9rem}.cp-form-message.success{background:#2cbd0014;border-color:#2cbd0033;color:var(--color-success)}.cp-form-message.error{background:#ef444414;border-color:#ef444433;color:var(--color-error)}.sv-container{padding:calc(var(--header-height) + 3rem) 0 0}.sv-hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,5vw,5rem);align-items:center;padding:3rem 0}.sv-hero-content{max-width:560px}.sv-subtitle{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-primary);margin-bottom:1rem}.sv-title{font-family:var(--font-display);font-size:clamp(2.25rem,4vw,3rem);margin-bottom:1.5rem}.sv-description{color:var(--color-text-secondary);font-size:1.05rem;line-height:1.75;margin-bottom:1.5rem}.sv-emphasis{color:var(--color-text);font-weight:500;font-style:italic;font-family:var(--font-display);font-size:1.1rem;margin-top:1rem;margin-bottom:2rem}.sv-image-wrapper{position:relative;overflow:hidden;aspect-ratio:16/9;border:1px solid var(--color-border)}.sv-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:grayscale(20%);transition:filter .6s ease}.sv-image-wrapper:hover .sv-image{filter:grayscale(0%)}.sv-button-group{display:flex;gap:1rem}.sv-features{padding:clamp(4rem,8vh,6rem) 0;background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.sv-features .sv-title{margin-bottom:0}.sv-features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:3rem}.sv-feature-card{background:var(--color-background);border:1px solid var(--color-border);padding:2rem;transition:all .4s var(--ease-out-expo);position:relative}.sv-feature-card:before{content:"";position:absolute;top:0;left:0;width:0;height:2px;background:var(--color-primary);transition:width .5s var(--ease-out-expo)}.sv-feature-card:hover:before{width:100%}.sv-feature-card:hover{border-color:var(--color-border-strong);transform:translateY(-4px)}.sv-feature-icon{width:36px;height:36px;color:var(--color-primary);margin-bottom:1.25rem}.sv-feature-title{font-family:var(--font-display);font-size:1.15rem;margin-bottom:.75rem}.sv-feature-text{color:var(--color-text-secondary);font-size:.9rem;line-height:1.65}.sv-process{padding:clamp(4rem,8vh,6rem) 0}.sv-process .sv-title{margin-bottom:0}.sv-process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:3rem;border:1px solid var(--color-border)}.sv-step{padding:2.5rem 2rem;text-align:center;position:relative;border-right:1px solid var(--color-border)}.sv-step:last-child{border-right:none}.sv-step-number{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--color-primary);opacity:.3;line-height:1;margin-bottom:1.25rem}.sv-step-title{font-family:var(--font-display);font-size:1.1rem;margin-bottom:.75rem;color:var(--color-text)}.sv-step-text{color:var(--color-text-secondary);font-size:.85rem;line-height:1.6}.sv-cta{padding:clamp(4rem,8vh,6rem) 0;text-align:center;background:var(--color-surface);border-top:1px solid var(--color-border)}.sv-cta-content{max-width:560px;margin:0 auto}.sv-cta-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);margin-bottom:1rem}.sv-cta-text{color:var(--color-text-secondary);font-size:1.05rem;margin-bottom:2rem}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:clamp(3rem,6vh,5rem) 0 2rem;margin-top:auto}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:clamp(2rem,4vw,4rem);margin-bottom:3rem}.footer-logo{text-decoration:none;display:inline-block;margin-bottom:1rem}.logo-text{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--color-text);transition:color .3s ease}.logo-text:after{content:".";color:var(--color-primary)}.footer-logo:hover .logo-text{color:var(--color-primary)}.footer-description{color:var(--color-text-secondary);font-size:.9rem;line-height:1.7;max-width:320px}.footer-column h4{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text);margin-bottom:1.5rem}.footer-links{list-style:none}.footer-links li:not(:last-child){margin-bottom:.6rem}.footer-links a{color:var(--color-text-secondary);font-size:.9rem;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--color-primary)}.footer-contact{list-style:none}.footer-contact li:not(:last-child){margin-bottom:.75rem}.footer-contact-link,.footer-contact-text{display:flex;align-items:center;gap:.6rem;color:var(--color-text-secondary);font-size:.85rem;text-decoration:none;transition:color .3s ease}.footer-contact-link:hover{color:var(--color-primary)}.footer-icon{width:16px;height:16px;flex-shrink:0;opacity:.6}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid var(--color-border)}.footer-copyright{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary)}.footer-social{display:flex;gap:.75rem}.social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);color:var(--color-text-secondary);transition:all .35s var(--ease-out-expo)}.social-link:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.social-link svg{width:16px;height:16px}.notification{position:fixed;top:calc(var(--header-height) + 1rem);right:1.5rem;padding:1.25rem 1.5rem;background:var(--color-surface);border:1px solid var(--color-border);display:flex;align-items:flex-start;gap:1rem;transform:translate(calc(100% + 2rem));transition:transform .5s var(--ease-out-expo);z-index:9999;max-width:380px;box-shadow:var(--shadow-lg)}.notification.show{transform:translate(0)}.notification-success{border-left:3px solid var(--color-success)}.notification-error{border-left:3px solid var(--color-error)}.notification-content h4{font-family:var(--font-body);font-weight:600;font-size:.9rem;margin-bottom:.2rem}.notification-content p{color:var(--color-text-secondary);font-size:.8rem;margin:0}.notification-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.1rem;padding:0;line-height:1;transition:color .3s ease}.notification-close:hover{color:var(--color-text)}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:40px;height:40px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:all .4s var(--ease-out-expo);z-index:999}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-3px)}.back-to-top svg{width:18px;height:18px}#loader-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-background);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .6s var(--ease-out-expo),visibility .6s}.loader{width:48px;height:48px;position:relative}.loader-logo{width:100%;height:100%;color:var(--color-primary)}.loader-circle{stroke:var(--color-border)}.loader-line{stroke:var(--color-primary);stroke-linecap:square;animation:loaderSpin 1.4s ease-in-out infinite;transform-origin:center}@keyframes loaderSpin{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}body.loaded #loader-wrapper{opacity:0;visibility:hidden}body:not(.loaded) .content-wrapper{opacity:0}body.loaded .content-wrapper{opacity:1;transition:opacity .5s ease .1s}.animate-on-scroll{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease-out-expo),transform .7s var(--ease-out-expo)}.animate-on-scroll.animated{opacity:1;transform:translateY(0)}.bg-surface{background:var(--color-surface)}.text-center{text-align:center}.hidden{display:none}.body-no-scroll{overflow:hidden}@media (max-width: 1024px){.services-grid{grid-template-columns:1fr}.sv-hero{grid-template-columns:1fr;text-align:center}.sv-hero-content{max-width:100%}.sv-image-wrapper{max-width:600px;margin:0 auto}.sv-process-steps{grid-template-columns:repeat(2,1fr)}.sv-step{border-bottom:1px solid var(--color-border)}.sv-step:nth-child(2){border-right:none}.sv-step:nth-last-child(-n+2){border-bottom:none}.footer-content{grid-template-columns:1fr 1fr;gap:2.5rem}}@media (max-width: 768px){.mobile-menu-button{display:flex}.navbar-inner{grid-template-columns:auto 1fr auto}.navbar-center{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:#0a0a0afa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;justify-content:flex-start;padding:2.5rem 2rem;transform:translate(100%);opacity:0;visibility:hidden;transition:all .45s var(--ease-out-expo);z-index:999;border-top:1px solid var(--color-border)}.navbar-center.active{transform:translate(0);opacity:1;visibility:visible}.nav-menu{flex-direction:column;align-items:flex-start;gap:0;width:100%}.nav-link{width:100%;padding:1.1rem 0;font-size:1rem;letter-spacing:.06em;border-bottom:1px solid var(--color-border);flex-direction:row;justify-content:flex-start}.nav-link-line{display:none}.nav-link:before{display:none}.nav-link.active{color:var(--color-primary)}.dropdown{width:100%}.dropdown-toggle{width:100%;padding:1.1rem 0;font-size:1rem;letter-spacing:.06em;border-bottom:1px solid var(--color-border);justify-content:flex-start}.dropdown-menu{position:static;transform:none;opacity:1;visibility:visible;background:none;border:none;box-shadow:none;padding:.5rem 0 .75rem;display:none}.dropdown-menu:before{display:none}.dropdown-menu-inner{display:flex;flex-direction:column;padding:0}.dropdown.active .dropdown-menu{display:block}.dropdown-menu .dropdown-item{opacity:1;transform:none;flex-direction:row;align-items:center;gap:.75rem;padding:.7rem 0 .7rem 1.25rem;border-left:2px solid var(--color-border)}.dropdown-menu .dropdown-item:not(:last-child):after{display:none}.dropdown-item-number,.dropdown-item-desc{display:none}.dropdown-item-title{font-family:var(--font-body);font-size:.9rem;font-weight:500}.dropdown-item:hover{border-left-color:var(--color-primary);background:none;padding-left:1.5rem}.nav-cta{display:none}.hero{min-height:500px}.hero-scroll-hint{display:none}.hero-buttons{flex-direction:column}.about-section{grid-template-columns:1fr;gap:2rem}.about-stats{grid-template-columns:repeat(3,1fr)}.about-page-header{grid-template-columns:1fr;text-align:center}.about-page-image-wrapper{max-width:400px;margin:0 auto}.experience-grid{grid-template-columns:1fr}.experience-item{border-bottom:1px solid var(--color-border)}.experience-item:last-child{border-bottom:none}.about-page-cta-buttons{flex-direction:column;align-items:center}.proj-grid,.proj-featured-grid,.cp-grid{grid-template-columns:1fr}.cp-info{padding-right:0}.sv-process-steps{grid-template-columns:1fr}.sv-step{border-right:none;border-bottom:1px solid var(--color-border)}.sv-step:last-child{border-bottom:none}.sv-button-group{flex-direction:column;align-items:flex-start}.sv-hero{text-align:left}.sv-hero-content{max-width:100%}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;gap:1.25rem;text-align:center}.notification{top:auto;bottom:1rem;left:1rem;right:1rem;transform:translateY(calc(100% + 2rem))}.notification.show{transform:translateY(0)}}@media (max-width: 480px){.about-stats{grid-template-columns:1fr;gap:0}.stat{border-bottom:1px solid var(--color-border)}.stat:last-child{border-bottom:none}}