@import "https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600&display=swap";:root{--bg-main:#0a0a0a;--bg-secondary:#121212;--bg-tertiary:#1a1a1a;--text-main:#f5f5f5;--text-secondary:#a3a3a3;--accent:#fff;--glass-bg:#0a0a0acc;--glass-border:#ffffff1a;--glass-border-hover:#fff3;--nav-height:80px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color .3s}a:hover{color:var(--text-main)}ul{list-style:none}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border)}.glass-card{-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);background:#ffffff08;transition:border-color .3s,transform .3s}.glass-card:hover{border-color:var(--glass-border-hover)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--text-main);font-weight:300}.text-secondary{color:var(--text-secondary)}.container{max-width:1400px;margin:0 auto;padding:0 5%}.section{padding:120px 0}.btn{letter-spacing:.05em;text-transform:uppercase;color:var(--text-main);border:1px solid var(--glass-border);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:0 0;border-radius:2px;padding:14px 28px;font-size:.9rem;transition:all .3s;display:inline-block}.btn:hover,.btn-primary{background:var(--text-main);color:var(--bg-main)}.btn-primary:hover{color:var(--text-main);border-color:var(--text-main);background:0 0}.mosaic-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-auto-rows:280px;grid-auto-flow:dense;gap:16px;width:100%;display:grid}.mosaic-item{background-color:var(--bg-tertiary);border-radius:4px;position:relative;overflow:hidden}.mosaic-item.landscape{grid-column:span 2}.mosaic-item.portrait{grid-row:span 2}.mosaic-item.square{grid-area:span 1/span 1}.mosaic-item img{object-fit:cover;opacity:0;width:100%;height:100%;transition:transform .7s,opacity .4s}.mosaic-item img.loaded{opacity:1}.mosaic-item:hover img{transform:scale(1.05)}.mosaic-overlay{opacity:0;pointer-events:none;background:linear-gradient(#0000 50%,#000c 100%);align-items:flex-end;padding:24px;transition:opacity .4s;display:flex;position:absolute;inset:0}.mosaic-item:hover .mosaic-overlay{opacity:1}@media (width<=768px){.mosaic-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:200px}}@media (width<=480px){.mosaic-item.landscape,.mosaic-item.portrait,.mosaic-item.square{aspect-ratio:1;grid-area:span 1/span 1}.mosaic-grid{grid-template-columns:1fr;grid-auto-rows:auto}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.navbar{width:100%;height:var(--nav-height);z-index:1000;transition:all .3s;position:fixed;top:0;left:0}.navbar.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border)}.navbar-container{justify-content:space-between;align-items:center;height:100%;display:flex}.navbar-logo{letter-spacing:.05em;text-transform:uppercase;font-size:1.25rem;font-weight:400}.navbar-menu{gap:2rem;display:flex}.navbar-link{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.85rem;position:relative}.navbar-link:hover{color:var(--text-main)}.navbar-link:after{content:"";background-color:var(--text-main);width:0%;height:1px;transition:width .3s;position:absolute;bottom:-4px;left:0}.navbar-link:hover:after{width:100%}.mobile-toggle{color:var(--text-main);cursor:pointer;background:0 0;border:none;display:none}.mobile-menu{top:var(--nav-height);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;visibility:hidden;z-index:999;width:100%;padding:2rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:fixed;left:0;transform:translateY(-100%)}.mobile-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-menu ul{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.mobile-link{text-transform:uppercase;letter-spacing:.1em;font-size:1.25rem}@media (width<=768px){.desktop-only{display:none}.mobile-toggle{display:block}}.hero-section{align-items:center;height:100vh;min-height:600px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-image{object-fit:cover;object-position:center 15%;width:100%;height:100%}@media (width<=768px){.hero-image{object-position:70% 15%}}.hero-overlay{background:linear-gradient(to bottom, #0a0a0a4d 0%, #0a0a0ab3 50%, var(--bg-main) 100%);position:absolute;inset:0}.hero-content{z-index:1;max-width:800px;padding-top:80px;position:relative}.hero-title{color:var(--text-main);letter-spacing:-.02em;margin-bottom:2.5rem;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:300;line-height:1.1}.hero-btn{padding:16px 32px;font-size:.85rem}.portfolio-section{background-color:var(--bg-main)}.section-header{flex-direction:column;gap:2rem;margin-bottom:4rem;display:flex}.section-title{max-width:600px;font-size:clamp(2rem,3vw,3rem)}.portfolio-filters{flex-wrap:wrap;gap:2rem;display:flex}.portfolio-filters span{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);cursor:pointer;font-size:.85rem;transition:color .3s;position:relative}.portfolio-filters span.active,.portfolio-filters span:hover{color:var(--text-main)}.portfolio-item-title{margin-bottom:.5rem;font-size:1.5rem;font-weight:400}.portfolio-item-category{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.85rem}.lightbox-overlay{z-index:9999;-webkit-backdrop-filter:blur(10px);background-color:#000000e6;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.lightbox-close{cursor:pointer;z-index:10000;background:0 0;border:none;padding:.5rem;transition:transform .3s;position:absolute;top:2rem;right:2rem}.lightbox-close:hover{transform:scale(1.1)rotate(90deg)}.lightbox-content{flex-direction:column;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative}.lightbox-content img{object-fit:contain;border-radius:4px;max-width:100%;max-height:75vh;box-shadow:0 15px 40px #00000080}.lightbox-info{text-align:center;margin-top:1.5rem}.lightbox-info h3{color:var(--text-main);margin-bottom:.25rem;font-size:1.25rem;font-weight:400}.lightbox-info p{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.about-section{background-color:var(--bg-tertiary);text-align:center}.about-content{max-width:800px;margin:0 auto}.about-content .section-title{margin:0 auto}.about-desc{margin:2rem 0 4rem;font-size:1.15rem}.equipment-grid{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.equipment-item{text-align:left;align-items:center;gap:1.5rem;min-width:250px;padding:1.5rem 2rem;display:flex}.equipment-item h4{margin-bottom:.25rem;font-weight:400}.equipment-item p{font-size:.85rem}.footer-section{background-color:var(--bg-main);border-top:1px solid var(--glass-border);padding:100px 0 40px}.footer-grid{grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:6rem;display:grid}.footer-title{margin-bottom:1.5rem;font-size:clamp(2rem,3vw,3rem)}.footer-desc{max-width:400px;margin-bottom:2.5rem;font-size:1.1rem}.footer-socials{gap:1.5rem;display:flex}.social-link{border:1px solid var(--glass-border);width:48px;height:48px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.social-link:hover{background:var(--text-main);color:var(--bg-main);border-color:var(--text-main)}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.form-group input,.form-group textarea{border:none;border-bottom:1px solid var(--glass-border);width:100%;color:var(--text-main);background:0 0;outline:none;padding:1rem 0;font-family:inherit;font-size:1rem;transition:border-color .3s}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary)}.form-group input:focus,.form-group textarea:focus{border-bottom-color:var(--text-main)}.submit-btn{align-self:flex-start;margin-top:1rem}.footer-bottom{text-align:center;border-top:1px solid var(--glass-border);padding-top:2rem;font-size:.85rem}@media (width<=768px){.footer-grid{grid-template-columns:1fr}}