@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&family=Inter:wght@400;500;600&display=swap";.navbar{z-index:1000;background-color:var(--surface);border-bottom:1px solid var(--outline);height:4.5rem;transition:var(--transition-short);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(--on-surface);font-size:1.5rem;font-weight:800;text-decoration:none}.navbar-links{gap:var(--space-lg);display:flex}.nav-link{font-family:var(--font-tech);letter-spacing:.12em;color:var(--on-surface-variant);transition:var(--transition-short);font-size:.75rem;font-weight:600;text-decoration:none}.nav-link:hover,.nav-link.active{color:var(--on-surface)}.nav-toggle{cursor:pointer;z-index:1001;background:0 0;border:none;padding:.5rem;display:none}.hamburger{width:24px;height:2px;transition:background-color var(--transition-short);background-color:#fff;display:block;position:relative}.hamburger:before,.hamburger:after{content:"";width:24px;height:2px;transition:transform var(--transition-short);background-color:#fff;position:absolute;left:0}.hamburger:before{top:-8px}.hamburger:after{bottom:-8px}@media (width<=768px){.nav-toggle{display:block}.nav-open .hamburger{background-color:#0000}.nav-open .hamburger:before{transform:translateY(8px)rotate(45deg)}.nav-open .hamburger:after{transform:translateY(-8px)rotate(-45deg)}.navbar-links{opacity:0;visibility:hidden;z-index:1000;background-color:#000;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;width:100%;height:100vh;padding:2rem;transition:opacity .4s,visibility .4s;display:flex;position:fixed;top:0;left:0}.navbar-links.active{opacity:1;visibility:visible}.nav-link{letter-spacing:-.01em;color:#fff;opacity:0;justify-content:center;align-items:center;gap:1rem;width:100%;font-size:2rem;font-weight:500;transition:opacity .4s,transform .4s;display:flex;transform:translateY(20px)}.nav-arrow{opacity:.5;font-size:1.5rem;transition:transform .3s}.nav-link:hover .nav-arrow{opacity:1;transform:translate(10px)}.navbar-links.active .nav-link{opacity:1;transform:translateY(0)}.navbar-links.active .nav-link:first-child{transition-delay:.1s}.navbar-links.active .nav-link:nth-child(2){transition-delay:.2s}.navbar-links.active .nav-link:nth-child(3){transition-delay:.3s}.navbar-links.active .nav-link:nth-child(4){transition-delay:.4s}}.footer{background-color:var(--surface);border-top:1px solid var(--outline);padding:3rem 0 2rem}.footer-content{flex-direction:column;gap:2rem;display:flex}.footer-top{flex-direction:column;gap:.25rem;display:flex}.footer-bottom{padding-top:var(--space-md);border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;display:flex}.footer-links{gap:var(--space-lg);text-transform:uppercase;letter-spacing:.05em;font-family:inherit;font-weight:500;display:flex}.footer-links a{color:var(--on-surface-variant);transition:color var(--transition-short);font-size:.875rem;text-decoration:none}.footer-links a:hover{color:var(--on-background)}@media (width<=768px){.footer-bottom{align-items:flex-start;gap:var(--space-xl);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-info{flex-direction:column;align-items:flex-start;gap:.25rem;margin-top:.25rem;display:flex}.project-card-info h3{letter-spacing:-.02em}.project-card-meta-bottom{letter-spacing:.05em;text-transform:uppercase;font-size:.75rem}.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(2,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){.hero-content{gap:var(--space-sm)}.hero-actions{flex-direction:column;width:100%}.hero-actions>*{width:100%}.services-grid{gap:var(--space-md);grid-template-columns:1fr}.service-block{padding:var(--space-sm) 0}}.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}}.services-list{gap:calc(var(--space-xl) * 2);margin-top:calc(var(--space-xl) * 1.5);flex-direction:column;display:flex}.service-detail{gap:var(--space-xl);border-top:1px solid var(--outline);padding-top:var(--space-xl);grid-template-columns:1fr 1fr;align-items:flex-start;display:grid}.service-info{gap:var(--space-md);padding-right:var(--space-xl);flex-direction:column;display:flex}.service-points{gap:var(--space-md);flex-direction:column;margin-top:.5rem;display:flex}.point-item{align-items:flex-start;gap:var(--space-md);padding-bottom:var(--space-sm);display:flex}.bullet{color:var(--on-surface-variant);margin-top:.2rem;font-size:.8rem;line-height:1.6}@media (width<=768px){.services-list{gap:var(--space-xl);margin-top:var(--space-lg)}.service-detail{gap:var(--space-md);padding-top:var(--space-lg);grid-template-columns:1fr}.service-info{gap:var(--space-sm);padding-right:0}.point-item{gap:var(--space-sm)}}.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:flex-end;display:flex}.add-card-trigger{cursor:pointer;min-height:180px;transition:all var(--transition-short);flex-direction:column;justify-content:center;align-items:center;display:flex;border:1px dashed var(--outline)!important;background:0 0!important}.add-card-trigger:hover{border-color:var(--primary)!important;background-color:var(--surface-container)!important}.add-icon{margin-bottom:.5rem;font-size:2.5rem;font-weight:300}.admin-controls{align-items:center;gap:var(--space-lg);display:flex}.nav-group{gap:var(--space-md);border-right:1px solid var(--outline);padding-right:var(--space-lg);display:flex}.admin-nav-btn{font-family:var(--font-tech);letter-spacing:.1em;color:var(--on-surface-variant);transition:all var(--transition-short);border-bottom:2px solid #0000;padding:.5rem 0;font-size:.75rem}.admin-nav-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.action-group{gap:var(--space-md);display:flex}.logout-btn{opacity:.5;font-size:.7rem}.logout-btn:hover{opacity:1;color:#ffb4ab!important}.admin-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.admin-card{background-color:var(--surface-container);padding:var(--space-md);gap:var(--space-sm);transition:border-color var(--transition-short);border:1px solid #0000;flex-direction:column;display:flex}.admin-card:hover{border-color:var(--outline)}.admin-card-header{justify-content:space-between;align-items:flex-start;display:flex}.delete-icon-btn{min-width:unset;opacity:.3;margin-top:-5px;padding:0}.delete-icon-btn:hover{opacity:1;color:#ffb4ab!important}.table-wrapper{border:1px solid var(--outline);overflow-x:auto}.contacts-table{border-collapse:collapse;width:100%}.contacts-table th,.contacts-table td{text-align:left;border-bottom:1px solid var(--outline);padding:1rem}.contacts-table th{background-color:var(--surface-container-high);font-family:var(--font-tech);color:var(--on-surface-variant);letter-spacing:.1em;font-size:.7rem}.delete-btn{padding:4px 8px;font-size:.7rem;color:#ffb4ab!important}.form-grid{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.form-actions{gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap;display:flex}@media (width<=768px){.admin-header{align-items:flex-start;gap:var(--space-lg);flex-direction:column}.admin-controls{align-items:flex-start;gap:var(--space-md);flex-direction:column;width:100%}.nav-group{border-right:none;border-bottom:1px solid var(--outline);padding-right:0;padding-bottom:var(--space-sm);width:100%}.form-grid{grid-template-columns:1fr}}: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}@media (width<=768px){.container{padding:0 var(--space-sm)}}.section-void{margin-top:var(--space-xl);margin-bottom:var(--space-xl)}.section-void-large{margin-top:calc(var(--space-xl) * 1.5);margin-bottom:calc(var(--space-xl) * 1.5)}@media (width<=768px){.section-void-large{margin-top:var(--space-xl);margin-bottom:var(--space-xl)}}.display-lg{font-size:clamp(2.5rem,8vw,4.5rem);line-height:1.05}.display-md{font-size:clamp(2rem,6vw,3.5rem)}.title-lg{font-size:clamp(1.25rem,4vw,1.75rem)}.body-lg{font-size:clamp(1rem,3vw,1.25rem)}.label-sm{font-family:var(--font-tech);text-transform:uppercase;letter-spacing:.12em;color:var(--on-surface-variant);font-size:.7rem}