.header{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#000;border-bottom:1px solid #333;padding:0}.header-content{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;max-width:100%}.header-left{display:flex;align-items:center}.header-right{display:flex;align-items:center;gap:24px}.header-name{background:none;border:none;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;font-weight:400;letter-spacing:.5px;cursor:pointer;padding:8px 12px;min-height:44px;display:flex;align-items:center;transition:opacity .2s ease;text-transform:uppercase;-webkit-tap-highlight-color:transparent}.header-name:hover{opacity:.7}.header-name:active{opacity:.5}.header-button{background:none;border:none;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;font-weight:400;letter-spacing:.5px;cursor:pointer;padding:8px 12px;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;text-transform:uppercase;-webkit-tap-highlight-color:transparent}.header-button:hover{opacity:.7}.header-button:active{opacity:.5}@media (max-width: 768px){.header{height:50px}.header-content{padding:8px 12px;gap:8px;height:100%}.header-name{font-size:14px;padding:6px 10px;min-height:44px}.header-button{font-size:12px;padding:6px 10px;min-height:44px;min-width:44px}.header-right{gap:4px}}@media (max-width: 480px){.header-name{font-size:12px;padding:6px 8px}.header-button{font-size:11px;padding:6px 8px;min-width:40px}}.image-grid-wrapper{margin-top:60px;min-height:calc(100vh - 60px);width:100%;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.image-grid-wrapper{margin-top:50px;min-height:calc(100vh - 50px)}}.image-grid-container{padding:0 24px;max-width:100%;width:100%}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0;padding:0;width:100%;margin:0;grid-auto-rows:auto}.image-item{position:relative;overflow:hidden;cursor:pointer;background-color:#000;width:100%;border:2px solid transparent;transition:border-color .3s ease;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.image-item img,.image-item video{width:100%;height:auto;display:block;transition:transform .3s ease,opacity .3s ease,filter .3s ease;object-fit:contain}.image-item:hover{border-color:var(--hover-color)}.image-item:hover img,.image-item:hover video{transform:scale(1.05);opacity:.85;filter:brightness(1.1)}.image-item:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--hover-color);opacity:0;transition:opacity .3s ease;pointer-events:none;mix-blend-mode:overlay}.image-item:hover:after{opacity:.2}@media (min-width: 1200px){.image-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (min-width: 1920px){.image-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.image-grid-container{padding:0 16px}.image-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width: 480px){.image-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.image-grid-container{padding:0 12px}}@media (max-width: 360px){.image-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.image-grid-wrapper{scroll-snap-type:y proximity}.image-item{scroll-snap-align:start}html,body{margin:0;padding:0;width:100%;height:100%}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .3s ease}.modal-content{background-color:#000;border:1px solid #333;padding:40px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#fff;font-size:32px;cursor:pointer;line-height:1;padding:0;width:44px;height:44px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.modal-close:hover{opacity:.7}.modal-close:active{opacity:.5}.modal-title{color:#fff;font-size:24px;font-weight:400;margin:0 0 32px;text-transform:uppercase;letter-spacing:1px}.contact-form{display:flex;flex-direction:column;gap:24px}.contact-form .hidden{display:none}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#fff;font-size:14px;font-weight:400;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group textarea{background-color:#1a1a1a;border:1px solid #333;color:#fff;padding:12px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#666}.form-group textarea{min-height:120px}.submit-button{background-color:#fff;color:#000;border:none;padding:14px 24px;min-height:44px;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:opacity .2s ease;margin-top:8px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.submit-button:hover:not(:disabled){opacity:.9}.submit-button:active:not(:disabled){opacity:.8}.submit-button:disabled{opacity:.6;cursor:not-allowed}.form-message{padding:12px;font-size:14px;text-align:center;border-radius:4px}.form-success{background-color:#4caf5033;color:#4caf50;border:1px solid #4caf50}.form-error{background-color:#f4433633;color:#f44336;border:1px solid #f44336}@media (max-width: 768px){.modal-content{padding:32px 24px}.modal-title{font-size:20px;margin-bottom:24px}.contact-form{gap:20px}}.social-buttons{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;gap:16px}.social-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#000;border:1px solid #333;color:#fff;text-decoration:none;transition:all .2s ease;cursor:pointer}.social-button:hover{background-color:#1a1a1a;border-color:#666;transform:translateY(-2px)}.social-button svg{width:20px;height:20px}@media (max-width: 768px){.social-buttons{bottom:16px;right:16px;gap:12px}.social-button{width:44px;height:44px;min-width:44px;min-height:44px}.social-button svg{width:20px;height:20px}}@media (max-width: 480px){.social-buttons{bottom:12px;right:12px;gap:10px}}.project-page{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000;z-index:1500;overflow-y:auto;animation:fadeIn .3s ease}.project-close{position:fixed;top:24px;right:24px;background:none;border:none;color:#fff;font-size:40px;cursor:pointer;line-height:1;padding:0;width:48px;height:48px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;z-index:1501;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.project-close:hover{opacity:.7}.project-close:active{opacity:.5}.project-content{margin-top:60px;padding:0;width:100%}.project-header{padding:0 24px;margin-bottom:40px}.project-title{color:#fff;font-size:32px;font-weight:400;text-transform:uppercase;letter-spacing:1px;margin:0}.project-images{margin-bottom:40px}.project-image{width:100%;height:auto;display:block}.project-image video{width:100%;height:auto;display:block;max-height:80vh}.project-media-item{width:100%;margin-bottom:24px}.project-media-item:last-child{margin-bottom:0}.project-grid-container{padding:0 24px;max-width:100%;width:100%}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0;padding:0;width:100%;margin:0;grid-auto-rows:auto}.project-grid-item{position:relative;overflow:hidden;background-color:#000;width:100%;border:2px solid transparent;transition:border-color .3s ease;display:flex;align-items:center;justify-content:center;cursor:pointer;scroll-snap-align:start;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.project-grid-item img,.project-grid-item video{width:100%;height:auto;display:block;transition:transform .3s ease,opacity .3s ease,filter .3s ease;object-fit:contain}.project-grid-item:hover{border-color:var(--hover-color)}.project-grid-item:hover img,.project-grid-item:hover video{transform:scale(1.05);opacity:.85;filter:brightness(1.1)}.project-grid-item:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--hover-color);opacity:0;transition:opacity .3s ease;pointer-events:none;mix-blend-mode:overlay}.project-grid-item:hover:after{opacity:.2}@media (min-width: 1200px){.project-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (min-width: 1920px){.project-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.project-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width: 480px){.project-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.project-grid-container{padding:0 12px}}@media (max-width: 360px){.project-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.project-description{color:#fff;font-size:16px;line-height:1.6;max-width:800px}@media (max-width: 768px){.project-content{padding:32px 16px;margin-top:50px}.project-title{font-size:24px}.project-close{top:16px;right:16px;font-size:32px;width:40px;height:40px}.project-grid-container{padding:0 16px}}.lightbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000f2;display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-close{position:absolute;top:24px;right:24px;background:none;border:none;color:#fff;font-size:40px;cursor:pointer;line-height:1;padding:0;width:48px;height:48px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;z-index:2001;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.lightbox-close:hover{opacity:.7}.lightbox-close:active{opacity:.5}.lightbox-content{max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.lightbox-content img,.lightbox-content video{max-width:100%;max-height:90vh;object-fit:contain;animation:zoomIn .3s ease}.lightbox-content video{width:auto;height:auto}@keyframes zoomIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:48px;width:60px;height:60px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:2001;line-height:1;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.lightbox-nav:hover{background:#000c;border-color:#fff9}.lightbox-nav:active{background:#000000e6;transform:translateY(-50%) scale(.95)}.lightbox-prev{left:24px}.lightbox-next{right:24px}@media (max-width: 768px){.lightbox-close{top:12px;right:12px;font-size:32px;width:44px;height:44px}.lightbox-content{max-width:95vw;max-height:95vh;padding:16px}.lightbox-nav{width:44px;height:44px;font-size:36px}.lightbox-prev{left:12px}.lightbox-next{right:12px}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;line-height:1.6;position:relative;overflow-x:hidden;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation}html{position:relative}html:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,rgba(0,255,0,.15) 0px,rgba(0,255,0,.15) 2px,transparent 2px,transparent 4px);pointer-events:none;z-index:2147483647;animation:scanlines 6s linear infinite;mix-blend-mode:screen}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(2px)}}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#00ff0005;pointer-events:none;z-index:0;animation:flicker .2s infinite}@keyframes flicker{0%,to{opacity:1}50%{opacity:.97}}#root,.app{min-height:100vh;position:relative;z-index:1;background-color:#000}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}