.site-header{position:sticky;top:0;left:0;width:100%;z-index:1000;background-color:rgba(250,243,225,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-outline);transition:transform var(--transition-normal),background-color var(--transition-normal)}.site-header.header-hidden{transform:translateY(-100%)}.header-container{display:flex;justify-content:space-between;align-items:center;height:80px}.logo{display:flex;align-items:center}.logo-img{height:48px;width:auto;display:block}.desktop-nav{display:none}@media (min-width:1024px){.desktop-nav{display:flex;align-items:center;gap:var(--spacing-8)}}.nav-links{display:flex;list-style:none;gap:var(--spacing-8)}.nav-link{font-family:var(--font-heading);font-weight:500;font-size:var(--text-base);color:var(--color-text);position:relative;padding:var(--spacing-2) 0}.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--color-brand);transform:scaleX(0);transform-origin:right;transition:transform var(--transition-normal)}.nav-link.active::after,.nav-link:hover::after{transform:scaleX(1);transform-origin:left}.lang-switcher{display:flex;align-items:center;gap:var(--spacing-2);font-family:var(--font-heading);font-weight:600;font-size:var(--text-sm);border:1px solid var(--color-outline);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-radius-full)}.lang-btn{background:0 0;border:none;color:var(--color-text-light);cursor:pointer;padding:var(--spacing-1);transition:color var(--transition-fast)}.lang-btn.active{color:var(--color-brand)}.lang-btn:hover{color:var(--color-text)}.menu-toggle{background:0 0;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;width:24px;height:18px;z-index:1001}@media (min-width:1024px){.menu-toggle{display:none}}.menu-toggle span{display:block;width:100%;height:2px;background-color:var(--color-text);border-radius:2px;transition:transform var(--transition-normal),opacity var(--transition-normal)}.menu-toggle.active span:first-child{transform:translateY(8px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-nav-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--color-bg);z-index:999;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-12);transform:translateX(100%);transition:transform var(--transition-normal)}.mobile-nav-overlay.active{transform:translateX(0)}.mobile-nav-overlay .nav-links{flex-direction:column;align-items:center;gap:var(--spacing-6);margin-bottom:var(--spacing-12)}.mobile-nav-overlay .nav-link{font-size:var(--text-2xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--font-heading);font-weight:600;font-size:var(--text-base);padding:var(--spacing-4) var(--spacing-8);border-radius:var(--border-radius-full);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);text-align:center;border:2px solid transparent}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--color-brand);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-brand-hover);transform:translateY(-2px)}.btn-secondary{background-color:transparent;color:var(--color-text);border-color:var(--color-text)}.btn-secondary:hover{background-color:var(--color-text);color:var(--color-bg);transform:translateY(-2px)}.btn-text{background:0 0;border:none;color:var(--color-brand);padding:0;font-weight:700;position:relative;display:inline-flex;align-items:center;gap:var(--spacing-1)}.btn-text::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:var(--color-brand);transform:scaleX(1);transform-origin:left;transition:transform var(--transition-fast)}.btn-text:hover::after{transform:scaleX(0);transform-origin:right}.grid-2,.grid-3,.grid-4{display:grid;gap:var(--spacing-6)}@media (min-width:768px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-3{gap:var(--spacing-8)}.grid-4{grid-template-columns:repeat(4,1fr);gap:var(--spacing-8)}}.card-service{background-color:var(--color-white);border:1px solid var(--color-outline);border-radius:var(--border-radius-lg);padding:var(--spacing-8);transition:border-color var(--transition-normal),transform var(--transition-normal);display:flex;flex-direction:column;justify-content:space-between;height:100%}.card-service:hover{border-color:var(--color-brand);transform:translateY(-4px)}.card-service-icon{width:48px;height:48px;background-color:var(--color-brand-light);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-brand);margin-bottom:var(--spacing-6)}.card-service-title{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--spacing-3)}.card-service-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--lh-body);margin-bottom:var(--spacing-6)}.card-project{display:block;border-radius:var(--border-radius-lg);overflow:hidden;border:1px solid var(--color-outline);background-color:var(--color-white);transition:border-color var(--transition-normal),transform var(--transition-normal)}.card-project:hover{border-color:var(--color-brand);transform:translateY(-4px)}.project-img-wrapper{aspect-ratio:16/10;overflow:hidden;background-color:var(--color-bg);border-bottom:1px solid var(--color-outline)}.project-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.card-project:hover .project-img{transform:scale(1.03)}.project-details{padding:var(--spacing-6)}.project-meta{display:flex;gap:var(--spacing-3);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;color:var(--color-brand);margin-bottom:var(--spacing-2)}.project-title{font-size:var(--text-xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-3)}.project-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--lh-body);margin-bottom:0}.card-testimonial{background-color:var(--color-white);border:1px solid var(--color-outline);border-radius:var(--border-radius-lg);padding:var(--spacing-8);position:relative}.card-testimonial::before{content:'“';position:absolute;top:var(--spacing-4);left:var(--spacing-6);font-size:var(--text-6xl);font-family:var(--font-heading);color:var(--color-brand-light);line-height:1}.testimonial-quote{font-size:var(--text-base);font-style:italic;color:var(--color-text-muted);margin-bottom:var(--spacing-6);position:relative;z-index:1}.testimonial-author{display:flex;align-items:center;gap:var(--spacing-4)}.author-img{width:44px;height:44px;border-radius:var(--border-radius-full);object-fit:cover;background-color:var(--color-bg)}.author-name{font-family:var(--font-heading);font-weight:700;font-size:var(--text-sm);color:var(--color-text)}.author-role{font-size:var(--text-xs);color:var(--color-text-light)}.form-group{margin-bottom:var(--spacing-6)}.form-label{display:block;font-family:var(--font-heading);font-weight:600;font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--spacing-2)}.form-control{width:100%;font-family:var(--font-body);font-size:var(--text-base);padding:var(--spacing-4);background-color:var(--color-white);border:1px solid var(--color-outline);border-radius:var(--border-radius-md);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-control:focus{outline:0;border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-outline-focus)}textarea.form-control{min-height:150px;resize:vertical}.site-footer{background-color:var(--color-dark);color:rgba(255,255,255,.7);padding-top:var(--spacing-16);padding-bottom:var(--spacing-8);border-top:1px solid rgba(255,255,255,.05)}.footer-top{display:grid;gap:var(--spacing-12);margin-bottom:var(--spacing-12)}@media (min-width:768px){.site-footer{padding-top:var(--spacing-24)}.footer-top{grid-template-columns:2fr 1fr 1fr}}.footer-logo{color:var(--color-white);margin-bottom:var(--spacing-4)}.footer-desc{color:rgba(255,255,255,.5);font-size:var(--text-sm);max-width:320px;margin-bottom:var(--spacing-6)}.footer-heading{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;color:var(--color-white);letter-spacing:.05em;margin-bottom:var(--spacing-6)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-3)}.footer-link{font-size:var(--text-sm);color:rgba(255,255,255,.6);transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-brand)}.footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding-top:var(--spacing-8);display:flex;flex-direction:column;gap:var(--spacing-4)}@media (min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between;align-items:center}}.copyright{font-size:var(--text-xs);color:rgba(255,255,255,.4)}.social-links{display:flex;gap:var(--spacing-4)}.social-link{width:36px;height:36px;border-radius:var(--border-radius-full);background-color:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);transition:background-color var(--transition-fast),color var(--transition-fast)}.social-link:hover{background-color:var(--color-brand);color:var(--color-white)}.social-link svg{width:18px;height:18px;fill:currentColor}