*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Inter,sans-serif;background:#0a0a0a;color:#fff;line-height:1.6;overflow-x:hidden}body{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{position:fixed;top:0;width:100%;background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid rgba(255,255,255,.1)}.nav-content{display:flex;justify-content:space-between;align-items:center;padding:15px 0}.logo a{text-decoration:none;color:#fff;display:flex;flex-direction:column;align-items:flex-start}.logo-text{font-size:1.5rem;font-weight:700;line-height:1}.logo-accent{color:#ff6b35}.logo-subtitle{font-size:.7rem;font-weight:500;color:#888;letter-spacing:2px;margin-top:-2px}.nav-links{display:flex;gap:30px}.nav-links a{color:#fff;text-decoration:none;font-weight:500;transition:color .3s ease;position:relative}.nav-links a:hover,.nav-links a.active{color:#ff6b35}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#ff6b35;transition:width .3s ease}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.mobile-menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:5px}.mobile-menu-toggle span{width:25px;height:3px;background:#fff;margin:3px 0;transition:.3s}.btn{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,#ff6b35,#ff8e53);color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:all .3s ease;border:none;cursor:pointer;font-size:16px}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #ff6b354d}.btn-secondary{background:linear-gradient(135deg,#1e3a8a,#3b82f6)}.btn-secondary:hover{box-shadow:0 10px 20px #3b82f64d}.section{padding:80px 0}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:60px;background:linear-gradient(135deg,#ff6b35,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.grid{display:grid;gap:30px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card{background:#141414cc;border-radius:12px;padding:30px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card:hover{transform:translateY(-5px);border-color:#ff6b354d;box-shadow:0 20px 40px #0000004d}.hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.hero-background img{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000000b3,#00000080)}.hero-content{position:relative;z-index:1}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:20px}.hero-accent{background:linear-gradient(135deg,#ff6b35,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.3rem;color:#ccc;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.page-hero{background:linear-gradient(135deg,#ff6b351a,#3b82f61a);padding:120px 0 80px;text-align:center;margin-top:70px}.page-hero h1{font-size:3rem;font-weight:700;margin-bottom:20px;background:linear-gradient(135deg,#ff6b35,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-hero p{font-size:1.3rem;color:#ccc}.service-card{text-align:center}.service-icon{font-size:3rem;margin-bottom:20px}.service-card h3{font-size:1.5rem;margin-bottom:15px;color:#ff6b35}.project-card{background:#141414cc;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.project-card:hover{transform:translateY(-5px);border-color:#ff6b354d}.project-image{width:100%;height:200px;overflow:hidden;position:relative}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-content{padding:25px}.project-content h3{font-size:1.5rem;margin-bottom:10px;color:#ff6b35}.project-status{display:inline-block;padding:5px 12px;background:#ff6b3533;color:#ff6b35;border-radius:20px;font-size:.8rem;font-weight:500;margin-top:15px;position:absolute;top:15px;right:15px}.project-status.released{background:#22c55e33;color:#22c55e}.project-status.in-development{background:#ff6b35e6;color:#fff}.project-status.upcoming{background:#3b82f6e6;color:#fff}.feature{text-align:center}.feature-icon{font-size:3rem;margin-bottom:20px}.feature h3{font-size:1.3rem;margin-bottom:15px;color:#ff6b35}.cta-section{background:linear-gradient(135deg,#ff6b351a,#3b82f61a);text-align:center}.cta-content h2{font-size:2.5rem;margin-bottom:20px}.cta-content p{font-size:1.2rem;color:#ccc;margin-bottom:30px}.about-content{display:grid;grid-template-columns:1fr 400px;gap:60px;align-items:center}.about-text h2{font-size:2.5rem;margin-bottom:30px;color:#ff6b35}.about-text p{font-size:1.1rem;line-height:1.8;margin-bottom:20px;color:#ccc}.about-image{border-radius:12px;overflow:hidden}.about-image img{width:100%;height:100%;object-fit:cover}.team-section{background:#1414144d}.team-member{display:flex;gap:25px;background:#141414cc;border-radius:12px;padding:30px;border:1px solid rgba(255,255,255,.1)}.member-image{width:120px;height:120px;border-radius:50%;overflow:hidden;flex-shrink:0}.member-image img{width:100%;height:100%;object-fit:cover}.member-info h3{font-size:1.5rem;margin-bottom:5px;color:#ff6b35}.member-role{color:#3b82f6;font-weight:500;margin-bottom:15px}.mission-item{text-align:center;padding:30px;background:#14141480;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.mission-icon{font-size:3rem;margin-bottom:20px}.mission-item h3{font-size:1.5rem;margin-bottom:15px;color:#ff6b35}.service-detail{display:grid;grid-template-columns:1fr 400px;gap:60px;align-items:center}.service-detail.reverse{grid-template-columns:400px 1fr}.service-content h2{font-size:2.5rem;margin-bottom:25px;color:#ff6b35}.service-content p{font-size:1.1rem;line-height:1.8;margin-bottom:30px;color:#ccc}.service-features{display:grid;gap:25px}.feature h4{font-size:1.2rem;margin-bottom:10px;color:#3b82f6}.service-types{display:grid;gap:25px;margin-bottom:30px}.type-item h4{font-size:1.2rem;margin-bottom:10px;color:#3b82f6}.bodywork-models{margin-top:30px}.models-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}.model-category{background:#14141480;padding:20px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.model-category h4{color:#ff6b35;margin-bottom:15px}.model-category ul{list-style:none}.model-category li{padding:5px 0;color:#ccc;border-bottom:1px solid rgba(255,255,255,.1)}.model-category li:last-child{border-bottom:none}.service-image{border-radius:12px;overflow:hidden}.service-image img{width:100%;height:100%;object-fit:cover}.alt-section{background:#1414144d}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px}.project-card.featured{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:0}.project-card.featured .project-image{height:100%}.project-platform{color:#3b82f6;font-weight:500;margin-bottom:15px;font-size:1.1rem}.project-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;margin:20px 0;padding:20px;background:#0000004d;border-radius:8px}.detail-item{display:flex;flex-direction:column;gap:5px}.detail-label{color:#888;font-size:.9rem}.detail-item span:last-child{color:#ff6b35;font-weight:500}.project-description{color:#ccc;line-height:1.6;margin-top:20px}.bodywork-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-top:20px}.bodywork-category{background:#0000004d;padding:15px;border-radius:8px}.bodywork-category h4{color:#ff6b35;margin-bottom:10px;font-size:1rem}.bodywork-category ul{list-style:none}.bodywork-category li{padding:3px 0;color:#ccc;font-size:.9rem}.released-section{background:#1414144d}.upcoming-section{background:#14141480}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-info h2{font-size:2.5rem;margin-bottom:25px;color:#ff6b35}.contact-info p{font-size:1.1rem;line-height:1.8;color:#ccc;margin-bottom:40px}.contact-details{display:grid;gap:30px;margin-bottom:50px}.contact-item{display:flex;align-items:flex-start;gap:20px}.contact-icon{font-size:2rem;flex-shrink:0}.contact-item h4{font-size:1.3rem;color:#ff6b35;margin-bottom:5px}.contact-item p{color:#ccc;margin:0}.services-overview{background:#14141480;padding:30px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.services-overview h3{color:#ff6b35;margin-bottom:20px}.services-overview ul{list-style:none;padding:0}.services-overview li{color:#ccc;position:relative;padding:8px 0 8px 25px}.services-overview li:before{content:"✓";position:absolute;left:0;color:#ff6b35;font-weight:700}.contact-form-section{background:#141414cc;border-radius:12px;padding:40px;border:1px solid rgba(255,255,255,.1);height:fit-content}.contact-form h3{font-size:1.8rem;margin-bottom:30px;color:#ff6b35}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:8px;color:#ccc;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;background:#00000080;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:16px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#ff6b35}.form-group textarea{resize:vertical;min-height:120px}.form-group select{cursor:pointer}.footer{background:#0a0a0a;border-top:1px solid rgba(255,255,255,.1);padding:60px 0 30px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-section h4{color:#ff6b35;margin-bottom:20px;font-weight:600}.footer-section ul{list-style:none}.footer-section li{margin-bottom:8px}.footer-section a{color:#ccc;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:#ff6b35}.footer-logo{margin-bottom:20px}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.1);color:#888}@media (max-width: 768px){.nav-links{display:none}.mobile-menu-toggle{display:flex}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-buttons{flex-direction:column;align-items:center}.page-hero h1{font-size:2.5rem}.section{padding:60px 0}.section-title{font-size:2rem}.container{padding:0 15px}.about-content{grid-template-columns:1fr;gap:40px}.team-member{flex-direction:column;text-align:center}.member-image{align-self:center}.service-detail{grid-template-columns:1fr;gap:40px}.service-detail.reverse,.models-grid,.projects-grid,.project-card.featured,.project-details,.bodywork-list{grid-template-columns:1fr}.contact-content{grid-template-columns:1fr;gap:50px}.contact-form-section{padding:30px}.footer-content{grid-template-columns:1fr;gap:30px}.cta-content h2{font-size:2rem}}.project-image img.zoom-out-hover{transform:scale(3);object-fit:contain;transition:transform .5s ease}.project-card:hover .project-image img.zoom-out-hover{transform:scale(1.2)}
