@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&family=Inter:wght@400;500;600&display=swap";:root{--surface:#131313;--surface-container:#202020;--surface-container-high:#2a2a2a;--surface-container-highest:#353535;--primary:#fff;--on-surface-variant:#c6c6c6;--outline:#474747;--font-main:"Manrope", sans-serif;--font-tech:"Inter", sans-serif;--space-unit:8px;--space-xs:calc(var(--space-unit) * 1);--space-sm:calc(var(--space-unit) * 2);--space-md:calc(var(--space-unit) * 4);--space-lg:calc(var(--space-unit) * 8);--space-xl:calc(var(--space-unit) * 14);--space-2xl:calc(var(--space-unit) * 17);--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{background-color:var(--surface);color:var(--primary);font-family:var(--font-main);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.04em;font-weight:700;line-height:1.1}a{color:inherit;transition:var(--transition-fast);text-decoration:none}img{max-width:100%;display:block}button{font-family:var(--font-main);cursor:pointer;color:inherit;background:0 0;border:none}input,textarea{font-family:var(--font-main);color:inherit;background:0 0;border:none}*{border-radius:0!important}.container{width:100%;max-width:1440px;padding:0 var(--space-md);margin:0 auto}.section-void{margin-top:var(--space-xl);margin-bottom:var(--space-xl)}.section-void-large{margin-top:var(--space-2xl);margin-bottom:var(--space-2xl)}.display-lg{font-size:3.5rem}.display-md{font-size:2.5rem}.title-lg{font-size:1.5rem}.body-lg{font-size:1.125rem}.label-sm{font-family:var(--font-tech);text-transform:uppercase;letter-spacing:.1em;color:var(--on-surface-variant);font-size:.75rem}.navbar{height:calc(var(--space-unit) * 8);z-index:100;background-color:var(--surface);transition:var(--transition-fast);align-items:center;display:flex;position:sticky;top:0}.navbar-container{width:100%;max-width:1440px;padding:0 var(--space-md);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.navbar-logo{letter-spacing:-.04em;color:var(--primary);font-size:1.5rem;font-weight:800}.navbar-links{gap:var(--space-md);display:flex}.nav-link{font-family:var(--font-tech);letter-spacing:.1em;color:var(--on-surface-variant);transition:var(--transition-fast);font-size:.75rem;font-weight:600}.nav-link:hover,.nav-link.active{color:var(--primary)}@media (width<=768px){.navbar-links{gap:var(--space-sm)}}.footer{background-color:var(--surface);border-top:1px solid var(--outline);padding-top:var(--space-xl)}.footer-content{gap:var(--space-lg);grid-template-columns:2fr 1fr;display:grid}.footer-brand{gap:var(--space-sm);flex-direction:column;display:flex}.footer-info{gap:var(--space-lg);display:flex}.footer-column{flex-direction:column;gap:.5rem;display:flex}.footer-bottom{padding-top:var(--space-md);margin-top:var(--space-lg);border-top:1px solid #ffffff0d;grid-column:1/-1}@media (width<=768px){.footer-content{grid-template-columns:1fr}.footer-info{gap:var(--space-md);flex-direction:column}}.btn{letter-spacing:.05em;text-transform:uppercase;transition:var(--transition-fast);cursor:pointer;border:none;justify-content:center;align-items:center;padding:1rem 2.5rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:#1a1c1c}.btn-primary:hover{background-color:var(--on-surface-variant)}.btn-tertiary{color:var(--primary);background:0 0;border-bottom:1px solid #0000;padding:0}.btn-tertiary:hover{border-bottom-color:var(--primary)}.project-card{gap:var(--space-sm);transition:var(--transition-slow);flex-direction:column;display:flex;position:relative}.project-card-image{background-color:var(--surface-container);aspect-ratio:16/10;position:relative;overflow:hidden}.project-card-image img{object-fit:cover;width:100%;height:100%;transition:var(--transition-slow)}.project-card:hover .project-card-image img{opacity:.8;transform:scale(1.05)}.project-card-meta-top{top:var(--space-sm);left:var(--space-sm);z-index:10;color:var(--primary);text-shadow:0 0 10px #00000080;position:absolute}.project-card-info{justify-content:space-between;align-items:flex-end;display:flex}.project-card-info h3{letter-spacing:-.02em}.hero-content{gap:var(--space-md);flex-direction:column;max-width:800px;display:flex}.max-w-600{max-width:600px}.hero-actions{gap:var(--space-md);margin-top:var(--space-md);display:flex}.services-grid{gap:var(--space-lg);margin-top:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.service-block{gap:var(--space-sm);padding:var(--space-md) 0;border-top:1px solid var(--outline);flex-direction:column;display:flex}.section-header{margin-bottom:var(--space-lg)}@media (width<=768px){.services-grid{grid-template-columns:1fr}}.work-grid{gap:var(--space-lg);margin-top:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.loading-state,.empty-state{justify-content:center;align-items:center;height:40vh;display:flex}@media (width<=768px){.work-grid{grid-template-columns:1fr}}.project-hero{width:100%;height:80vh;position:relative;overflow:hidden}.hero-img{object-fit:cover;width:100%;height:100%}.hero-overlay{padding-bottom:var(--space-xl);background:linear-gradient(#13131300 0%,#131313 100%);align-items:flex-end;display:flex;position:absolute;inset:0}.project-info-layout{gap:var(--space-xl);grid-template-columns:2fr 1fr;display:grid}.project-description{gap:var(--space-md);flex-direction:column;display:flex}.project-meta{gap:var(--space-md);padding-left:var(--space-lg);border-left:1px solid var(--outline);flex-direction:column;display:flex}.meta-item{flex-direction:column;gap:.25rem;display:flex}.gallery-item img{width:100%}.nav-split{border-top:1px solid var(--outline);padding-top:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.hover-white:hover{color:#fff}@media (width<=768px){.project-hero{height:60vh}.project-info-layout{grid-template-columns:1fr}.project-meta{border-left:none;border-top:1px solid var(--outline);padding-left:0;padding-top:var(--space-md)}}.input-group{flex-direction:column;gap:.5rem;width:100%;display:flex}.input-label{color:var(--on-surface-variant)}.input-field{border:none;border-bottom:1px solid var(--outline);color:var(--primary);transition:var(--transition-fast);background:0 0;padding:.75rem 0;font-size:1rem}.input-field:focus{border-bottom-color:var(--primary);outline:none}.input-field::placeholder{color:#ffffff4d}.contact-layout{gap:var(--space-xl);grid-template-columns:1fr 1fr;display:grid}.contact-info,.contact-form{gap:var(--space-md);flex-direction:column;display:flex}.textarea-field{resize:none}.success-message{gap:var(--space-md);padding:var(--space-lg);background-color:var(--surface-container);border-left:2px solid var(--primary);flex-direction:column;display:flex}.error-text{color:#ffb4ab}@media (width<=768px){.contact-layout{grid-template-columns:1fr}}.service-detail{gap:var(--space-xl);border-top:1px solid var(--outline);padding-top:var(--space-lg);grid-template-columns:2fr 1fr;display:grid}.service-info,.service-points{gap:var(--space-md);flex-direction:column;display:flex}.point-item{align-items:center;gap:var(--space-md);border-bottom:1px solid #ffffff0d;padding-bottom:.5rem;display:flex}@media (width<=768px){.service-detail{grid-template-columns:1fr}}.about-content{gap:var(--space-xl);grid-template-columns:2fr 1fr;display:grid}.about-main{gap:var(--space-xl);flex-direction:column;display:flex}.about-blocks{gap:var(--space-lg);flex-direction:column;display:flex}.about-block{gap:var(--space-sm);flex-direction:column;display:flex}.about-sidebar{gap:var(--space-lg);padding-left:var(--space-lg);border-left:1px solid var(--outline);flex-direction:column;display:flex}.sidebar-meta{flex-direction:column;gap:.5rem;display:flex}.principles-list{font-family:var(--font-tech);color:var(--on-surface-variant);flex-direction:column;gap:.5rem;font-size:.875rem;list-style:none;display:flex}@media (width<=768px){.about-content{grid-template-columns:1fr}.about-sidebar{border-left:none;border-top:1px solid var(--outline);padding-left:0;padding-top:var(--space-md)}}.login-card{gap:var(--space-md);max-width:400px;padding:var(--space-lg);background-color:var(--surface-container);border:1px solid var(--outline);flex-direction:column;margin:0 auto;display:flex}.login-form{gap:var(--space-md);flex-direction:column;display:flex}.admin-header{border-bottom:1px solid var(--outline);padding-bottom:var(--space-md);margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.admin-grid{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.admin-card{background-color:var(--surface-container);padding:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex}.contacts-table{border-collapse:collapse;width:100%;margin-top:var(--space-md)}.contacts-table th,.contacts-table td{text-align:left;border-bottom:1px solid var(--outline);padding:.75rem}.contacts-table th{font-family:var(--font-tech);color:var(--on-surface-variant);font-size:.75rem}.form-actions{gap:var(--space-md);margin-top:var(--space-md);display:flex}