body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#000;color:#fff;font-family:Arial,sans-serif;height:100%}#root,.App{height:100vh}.App{background-color:#000;display:flex;flex-direction:column}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.portfolio-page{overflow:hidden}.portfolio-page body{-ms-overflow-style:none;overflow:hidden;scrollbar-width:none}.navbar{height:80px;left:0;position:fixed;right:0;top:0;z-index:1000}.navbar-container{height:100%;justify-content:space-between;margin:0 auto;padding:0 20px}.navbar-container,.navbar-left{align-items:center;display:flex}.navbar-left{gap:20px}.navbar-back-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:300;gap:8px;letter-spacing:.5px;overflow:hidden;padding:8px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.navbar-back-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.navbar-back-btn:hover:before{left:100%}.navbar-back-btn:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 4px 12px #00000026;transform:translateX(-2px)}.navbar-back-btn:active{transform:translateX(-1px) scale(.98)}.navbar-back-btn svg{position:relative;transition:transform .2s ease;z-index:1}.navbar-back-btn:hover svg{transform:translateX(-2px)}.navbar-back-btn span{position:relative;z-index:1}.navbar-logo a{text-decoration:none}.navbar-logo h1{color:#fff;font-size:24px;font-weight:300;letter-spacing:3px;margin:0;transition:color .3s ease}.navbar-logo a:hover h1{color:#ccc}.navbar-menu{display:flex;gap:40px}.navbar-item{color:#fff;font-size:16px;font-weight:300;letter-spacing:1px;position:relative;text-decoration:none;transition:all .3s ease}.navbar-item:hover{color:#ccc}.navbar-item:after{background-color:#fff;bottom:-5px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.navbar-item.active:after,.navbar-item:hover:after{width:100%}.navbar-item.active{color:#fff;font-weight:400}@media (max-width:768px){.navbar-container{padding:0 15px}.navbar-left,.navbar-menu{gap:15px}.navbar-item{font-size:14px}.navbar-logo h1{font-size:20px}.navbar-back-btn{font-size:13px;gap:6px;padding:6px 12px}.navbar-back-btn span{display:none}}@media (max-width:480px){.navbar-container{padding:0 10px}.navbar-left{gap:10px}.navbar-back-btn{border-radius:20px;padding:5px 10px}}.portfolio{flex:1 1;height:100vh;overflow:hidden;position:relative}.portfolio-container{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;contain:layout style paint;height:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:auto;scrollbar-width:none;transform:translateZ(0);width:100%;will-change:scroll-position}.portfolio-container::-webkit-scrollbar{display:none}.portfolio-content{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;height:100%;perspective:1000px;width:-webkit-max-content;width:max-content;will-change:transform}.portfolio-content>*{flex-shrink:0;scroll-snap-align:center}.portfolio-error,.portfolio-loading{align-items:center;color:var(--primary-white);display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center;width:100vw}.error-text,.loading-text{font-size:1.2rem;font-weight:300;margin-bottom:1rem}.retry-button{background:#0000;border:1px solid var(--primary-white);color:var(--primary-white);cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:all .3s ease}.retry-button:hover{background:var(--primary-white);color:var(--primary-black)}@media (max-width:768px){.portfolio-content{gap:20px;padding:0 20px}.scroll-hint span{font-size:12px}}@media (max-width:480px){.portfolio{touch-action:pan-x}}.portfolio-item-link{color:inherit;display:block;flex-shrink:0;height:100vh;text-decoration:none;width:auto}.portfolio-item{cursor:pointer}.portfolio-item,.portfolio-item-media{height:100%;overflow:hidden;position:relative;width:100%}.portfolio-image,.portfolio-video{display:block;height:100%;object-fit:cover;transition:opacity .4s ease;width:auto}.portfolio-image.visible,.portfolio-video.visible{opacity:1}.portfolio-image.hidden,.portfolio-video.hidden{opacity:0}.portfolio-video{bottom:0;left:0;position:absolute;right:0;top:0;z-index:2}.portfolio-image{z-index:1}.portfolio-overlay{left:8px;position:absolute;top:85px;z-index:2}.portfolio-title{color:#fff;font-size:18px;font-weight:300;letter-spacing:1px;margin:0;opacity:0;transform:translateY(20px);transition:all .3s ease}.portfolio-item:hover .portfolio-title{opacity:1;transform:translateY(0)}.view-detail{color:#ccc;font-size:14px;font-weight:300;margin-top:10px;opacity:0;transform:translateY(10px);transition:all .3s ease .1s}.portfolio-item:hover .view-detail{color:#fff;opacity:1;transform:translateY(0)}@media (max-width:768px){.portfolio-item-link{height:80vh}.portfolio-title{font-size:16px}}@media (max-width:480px){.portfolio-item-link{height:70vh}.portfolio-title{font-size:14px}}@media (max-width:768px){.portfolio-video{object-position:center}}@media (hover:none){.portfolio-item:active .portfolio-title{opacity:1;transform:translateY(0)}.portfolio-item:active{transform:scale(.98)}}.contact{background-color:#000;color:#fff;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding-top:80px}.contact-container{margin:0 auto;max-width:1200px;padding:60px 40px}.contact-content{display:flex;flex-direction:column;gap:60px}.contact-header{margin-bottom:40px;text-align:center}.contact-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:300;letter-spacing:2px;margin-bottom:20px}.contact-header p{color:#ccc;font-size:18px;font-weight:300;letter-spacing:1px}.contact-grid{grid-gap:80px;align-items:start;display:grid;gap:80px;grid-template-columns:1fr 1fr}.contact-info{display:flex;flex-direction:column;gap:40px}.contact-item{align-items:flex-start;border-bottom:1px solid #333;display:flex;gap:20px;padding:20px}.contact-item:last-child{border-bottom:none}.contact-icon{align-items:center;background-color:#111;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:50px;justify-content:center;transition:all .3s ease;width:50px}.contact-item:hover .contact-icon{background-color:#333;transform:scale(1.1)}.contact-details h3{color:#fff;font-size:20px;font-weight:400;margin-bottom:8px}.contact-details p{color:#ccc;font-size:16px;font-weight:300;margin-bottom:4px}.contact-form{background-color:#111;border:1px solid #333;border-radius:12px;padding:40px}.contact-form h2{color:#fff;font-size:28px;font-weight:300;letter-spacing:1px;margin-bottom:30px}.form{gap:20px}.form,.form-group{display:flex;flex-direction:column}.form-group input,.form-group select,.form-group textarea{background-color:#000;border:1px solid #333;border-radius:6px;color:#fff;font-family:inherit;font-size:16px;padding:15px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#111;border-color:#555;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#666}.form-group select{cursor:pointer}.form-group select option{background-color:#000;color:#fff}.form-group textarea{min-height:120px;resize:vertical}.submit-btn{background-color:#fff;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:16px;font-weight:500;letter-spacing:1px;margin-top:10px;padding:15px 30px;transition:all .3s ease}.submit-btn:hover{background-color:#ccc;transform:translateY(-2px)}.social-links{border-top:1px solid #333;padding-top:40px;text-align:center}.social-links h3{color:#fff;font-size:24px;font-weight:300;letter-spacing:1px;margin-bottom:30px}.social-icons{gap:30px;padding-top:10px}.social-icons,.social-link{display:flex;justify-content:center}.social-link{align-items:center;background-color:#111;border:1px solid #333;border-radius:50%;color:#fff;font-size:14px;font-weight:300;height:60px;text-decoration:none;transition:all .3s ease;width:60px}.social-link:hover{background-color:#333;border-color:#555;transform:translateY(-3px)}@media (max-width:768px){.contact-container{padding:40px 20px}.contact-header h1{font-size:36px}.contact-header p{font-size:16px}.contact-grid{gap:50px;grid-template-columns:1fr}.contact-form{padding:30px 20px}.social-icons{gap:20px}.social-link{font-size:12px;height:50px;width:50px}}@media (max-width:480px){.contact-container{padding:30px 15px}.contact-header h1{font-size:28px}.contact-item{flex-direction:column;gap:15px;text-align:center}.contact-icon{align-self:center}}.about{background:#000;color:#fff;flex:1 1;height:100vh;overflow:hidden;position:relative}.des{align-self:flex-start;font-size:2vh;line-height:2.6vh;width:120vh}.about-container{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;contain:layout style paint;height:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:auto;scrollbar-width:none;transform:translateZ(0);width:100%;will-change:scroll-position}.about-container::-webkit-scrollbar{display:none}.other{display:flex;flex-direction:column}.ilyas{height:70vh;margin-bottom:1.4vh;object-fit:cover;width:48vh}.other p{font-size:2vh;width:45vh}.about-content{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;height:100%;padding:20px;perspective:1000px;width:-webkit-max-content;width:max-content;will-change:transform}.scroll-indicator{bottom:40px;left:50%;position:absolute;transform:translateX(-50%);z-index:100}.scroll-hint{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:25px;padding:12px 24px}.scroll-hint span{animation:pulse 2s infinite;color:#fff;font-size:14px;font-weight:300;letter-spacing:1px}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.about-section{align-items:center;overflow:hidden;padding:0 40px;position:relative}.about-section,.section-content{display:flex;justify-content:center}.section-content{flex-direction:column;margin:0 auto;max-width:1400px;min-height:100vh;padding:60px 40px;width:100%}.section-content h1{font-size:48px;letter-spacing:2px}.section-content h1,.section-content h2{color:#fff;font-weight:200;margin-bottom:20px;text-align:center}.section-content h2{font-size:36px;letter-spacing:1px}.section-content p{color:#bbb;font-size:18px;font-weight:300;line-height:1.6;margin:0 auto;max-width:600px;text-align:center}@media (max-width:1024px){.about-content>section{width:100vw}.hero-title{font-size:56px}.section-header h2{font-size:40px}.philosophy-grid,.team-grid{grid-template-columns:1fr}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.about{touch-action:pan-x}.section-content{padding:40px 20px}.hero-section{min-height:80vh;padding:0 20px}.hero-title{font-size:42px}.hero-subtitle{font-size:18px}.hero-stats{gap:40px}.section-header h2{font-size:32px}.section-subtitle{font-size:16px}.philosophy-item{padding:35px 25px}.team-member{flex-direction:column;gap:25px;padding:30px;text-align:center}.member-header{justify-content:center}.services-grid{grid-template-columns:1fr}.service-item{padding:25px}.achievements-grid{gap:25px;grid-template-columns:repeat(2,1fr)}.achievement-item{padding:35px 20px}.achievement-number{font-size:36px}.cta-text h2{font-size:32px}.cta-actions{align-items:center;flex-direction:column}.cta-button{justify-content:center;width:200px}}@media (max-width:480px){.hero-section{padding:0 15px}.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.hero-stats{flex-direction:column;gap:25px}.section-content{padding:60px 15px}.section-header h2{font-size:28px}.philosophy-item,.team-member{padding:25px 20px}.member-avatar{height:100px;width:100px}.service-item{flex-direction:column;gap:15px;padding:20px;text-align:center}.achievements-grid{grid-template-columns:1fr}.achievement-item{padding:30px 20px}.cta-text h2{font-size:26px}.cta-text p{font-size:16px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.floating-shapes{display:none}}.image-gallery{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;contain:layout style paint;height:calc(100vh - 80px);overflow-x:auto;overflow-y:hidden;scroll-behavior:auto;scrollbar-width:none;transform:translateZ(0);width:100%;will-change:scroll-position}.image-gallery::-webkit-scrollbar{display:none}.horizontal-scroll-container{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;height:100%;perspective:1000px;width:-webkit-max-content;width:max-content;will-change:transform}.image-item{flex-shrink:0;position:relative}.gallery-image,.image-item{display:block;height:100%;width:auto}.gallery-image{object-fit:cover;transition:opacity .4s ease}.gallery-image:hover{opacity:.95}.no-images-container{align-items:center;display:flex;height:calc(100vh - 80px);justify-content:center;width:100%}.no-images-message{color:#999;font-size:18px;font-weight:300;text-align:center}@media (max-width:768px){.image-gallery{height:calc(100vh - 60px)}.no-images-message{font-size:16px}}@media (max-width:480px){.image-gallery{height:calc(100vh - 60px);touch-action:pan-x}.no-images-message{font-size:14px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.gallery-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.simplified-product-detail{background-color:#000;color:#fff;height:100vh;overflow:hidden;padding-top:80px;position:relative}.loading-container{align-items:center;display:flex;height:calc(100vh - 80px);justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #333;border-radius:50%;border-top-color:#fff;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container,.no-images-container{align-items:center;display:flex;height:calc(100vh - 80px);justify-content:center}.error-message,.no-images-message{color:#999;font-size:18px;font-weight:300}
/*# sourceMappingURL=main.76af8cb0.css.map*/