:root{--primary:#f24e1f;--primary-hover:#d63c0f;--primary-rgb:242,78,31;--secondary:#555962;--secondary-hover:#43474f;--secondary-rgb:85,89,98;--dark:#1b1d22;--dark-accent:#23272e;--light:#f4f5f7;--background:#ffffff;--text-main:#2d3139;--text-muted:#6b7280;--text-light:#9ca3af;--border:#e2e8f0;--font-family:'Ubuntu',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--container-max-width:1200px;--header-height:80px;--header-height-scrolled:65px;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;scroll-behavior:smooth}*,::after,::before{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:16px;line-height:1.6;color:var(--text-main);background-color:var(--background);overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}ol,ul{list-style:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25;color:var(--dark)}.container{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.section{padding:80px 0}.section-light{background-color:var(--light)}.section-dark{background-color:var(--dark);color:#fff}.section-dark h2{color:#fff}.section-header{text-align:center;max-width:700px;margin:0 auto 60px}.section-header h2{font-size:2.25rem;margin-bottom:15px;position:relative;display:inline-block;padding-bottom:12px}h.section-header h2::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:4px;background-color:var(--primary)}.section-header p{color:var(--text-muted);font-size:1.125rem}.section-dark .section-header p{color:var(--text-light)}.breadcrumbs{background-color:var(--light);padding:15px 0;border-bottom:1px solid var(--border);font-size:.875rem}.breadcrumbs-list{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.breadcrumbs-item{display:flex;align-items:center;gap:10px;color:var(--text-muted)}.breadcrumbs-item a{color:var(--secondary)}.breadcrumbs-item a:hover{color:var(--primary)}.breadcrumbs-item:not(:last-child)::after{content:'/';color:var(--text-light)}.breadcrumbs-item.active{color:var(--text-main);font-weight:500}.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(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}@media (min-width:768px){.grid-md-2{grid-template-columns:repeat(2,1fr)}.grid-md-3{grid-template-columns:repeat(3,1fr)}}.header{position:fixed;top:0;left:0;width:100%;height:var(--header-height);background-color:rgba(255,255,255,.95);box-shadow:var(--shadow-sm);z-index:1000;display:flex;align-items:center;transition:height var(--transition-normal),background-color var(--transition-normal)}.header.scrolled{height:var(--header-height-scrolled);background-color:#fff;box-shadow:var(--shadow-md)}.header-container{display:flex;align-items:center;justify-content:space-between;width:100%}.logo{display:flex;align-items:center}.logo img{height:48px;width:auto;transition:height var(--transition-normal)}.header.scrolled .logo img{height:38px}.nav{display:flex;align-items:center}.nav-list{display:flex;gap:30px}.nav-link{font-size:.95rem;font-weight:500;color:var(--secondary);position:relative;padding:10px 0}.nav-link.active,.nav-link:hover{color:var(--primary)}.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--primary);transform:scaleX(0);transform-origin:right;transition:transform var(--transition-fast)}.nav-link.active::after,.nav-link:hover::after{transform:scaleX(1);transform-origin:left}.mobile-nav-toggle{display:none;background:0 0;border:none;color:var(--secondary);font-size:2rem;cursor:pointer;z-index:1010;width:40px;height:40px;align-items:center;justify-content:center}.mobile-nav-toggle svg{width:28px;height:28px;fill:currentColor}@media (max-width:991px){.mobile-nav-toggle{display:flex}.nav{position:fixed;top:0;right:-100%;width:300px;height:100vh;background-color:#fff;box-shadow:var(--shadow-lg);z-index:1005;flex-direction:column;align-items:flex-start;padding:100px 40px 40px;transition:right var(--transition-normal)}.nav.active{right:0}.nav-list{flex-direction:column;gap:20px;width:100%}.nav-link{font-size:1.1rem;display:block;width:100%;padding:8px 0}.mobile-nav-backdrop{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);z-index:999}.mobile-nav-backdrop.active{display:block}}.hero{position:relative;height:100vh;min-height:500px;background-color:var(--dark);display:flex;align-items:center;overflow:hidden}.hero-fallback-img,.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.hero-video{opacity:0;transition:opacity 1s ease-in-out}.hero-video.visible{opacity:1}.hero-fallback-img.hidden{opacity:0;transition:opacity 1s ease-in-out}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,rgba(27,29,34,.9) 0,rgba(27,29,34,.4) 60%,rgba(27,29,34,.8) 100%);z-index:2}.hero .container{position:relative;z-index:3;color:#fff}.hero-content{max-width:800px}.hero-subtitle{color:var(--primary);font-size:1.25rem;font-weight:500;text-transform:uppercase;letter-spacing:2px;margin-bottom:15px}.hero-title{font-size:3rem;font-weight:700;color:#fff;line-height:1.15;margin-bottom:25px}.hero-logo{height:38px;margin-bottom:25px}.hero-description{font-size:1.2rem;color:rgba(255,255,255,.85);margin-bottom:40px;max-width:600px;line-height:1.5}@media (max-width:768px){.hero-title{font-size:2.25rem}.hero-description{font-size:1rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;font-size:.95rem;font-weight:600;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.5px}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);color:#fff}.btn-secondary{background-color:var(--secondary);color:#fff}.btn-secondary:hover{background-color:var(--secondary-hover);color:#fff}.btn-outline{background:0 0;color:#fff;border:2px solid #fff}.btn-outline:hover{background-color:#fff;color:var(--dark)}.btn-group{display:flex;gap:15px;flex-wrap:wrap}.read-more{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--primary)}.read-more svg{width:16px;height:16px;fill:currentColor;transition:transform var(--transition-fast)}.read-more:hover svg{transform:translateX(4px)}.card{background-color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border);overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.card-img-wrapper{position:relative;aspect-ratio:4/3;overflow:hidden;background-color:var(--light)}.card-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.card:hover .card-img-wrapper img{transform:scale(1.05)}.card-body{padding:25px}.card-title{font-size:1.25rem;margin-bottom:12px}.card-text{color:var(--text-muted);font-size:.95rem;margin-bottom:20px;line-height:1.5}.info-box{background-color:#fff;padding:35px 30px;border-radius:var(--radius-md);border:1px solid var(--border);transition:transform var(--transition-normal),border-color var(--transition-normal)}.info-box:hover{border-color:var(--primary);transform:translateY(-3px)}.info-box-icon{width:50px;height:50px;background-color:rgba(242,78,31,.08);color:var(--primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.info-box-icon svg{width:24px;height:24px;fill:currentColor}.info-box-title{font-size:1.15rem;margin-bottom:12px}.info-box-text{color:var(--text-muted);font-size:.95rem;line-height:1.5}.other-works-grid{display:grid;gap:24px;grid-template-columns:1fr}@media (min-width:768px){.other-works-grid{grid-template-columns:repeat(2,1fr)}}.card-horizontal{background-color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border);overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal);display:flex;align-items:center;gap:20px;padding:16px}.card-horizontal:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.card-horizontal .card-img-wrapper{width:90px;height:90px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);position:relative;background-color:var(--light)}.card-horizontal .card-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.card-horizontal:hover .card-img-wrapper img{transform:scale(1.05)}.card-horizontal .card-body{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:0}.card-horizontal .card-title{font-size:1.15rem;margin-bottom:4px;color:var(--dark);font-weight:700}.card-horizontal .card-text{color:var(--text-muted);font-size:.875rem;margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.card-horizontal .read-more{align-self:flex-end;font-size:.85rem;margin-top:auto;gap:4px}.card-horizontal .read-more svg{width:14px;height:14px}@media (max-width:576px){.card-horizontal{gap:14px;padding:12px}.card-horizontal .card-img-wrapper{width:80px;height:80px}}.spec-table-container{width:100%;overflow-x:auto;margin:30px 0;border:1px solid var(--border);border-radius:var(--radius-md);background-color:#fff}.spec-table{width:100%;border-collapse:collapse;text-align:left;min-width:500px}.spec-table th{background-color:var(--light);color:var(--dark);font-weight:600;padding:14px 18px;font-size:.9rem;border-bottom:2px solid var(--border);text-transform:uppercase;letter-spacing:.5px}.spec-table td{padding:14px 18px;border-bottom:1px solid var(--border);font-size:.95rem}.spec-table tbody tr:last-child td{border-bottom:none}.spec-table tbody tr:hover{background-color:rgba(244,245,247,.5)}@media (max-width:767px){.spec-table-container{background-color:transparent;border:none;border-radius:0;margin:20px 0}.spec-table{display:block;width:100%;min-width:0}.spec-table tbody,.spec-table td,.spec-table thead,.spec-table tr{display:block;width:100%}.spec-table thead{display:none}.spec-table tbody tr{background-color:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;margin-bottom:16px;box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.spec-table tbody tr:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background-color:#fff}.spec-table td{padding:10px 0;border-bottom:1px dashed var(--border);display:flex;justify-content:space-between;align-items:center;font-size:.9rem;text-align:right}.spec-table td:last-child{border-bottom:none}.spec-table td::before{content:attr(data-label);font-weight:600;color:var(--text-muted);text-align:left;margin-right:15px}}.product-showcase{display:grid;grid-template-columns:280px 1fr;gap:40px}.product-sidebar{position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto;border-right:1px solid var(--border);padding-right:20px}.product-menu-title{font-size:1rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:15px;font-weight:600}.product-menu-list{display:flex;flex-direction:column;gap:8px}.product-menu-item a{display:block;padding:10px 15px;border-radius:var(--radius-sm);color:var(--secondary);font-weight:500;font-size:.95rem;transition:all var(--transition-fast)}.product-menu-item a:hover{background-color:var(--light);color:var(--primary)}.product-menu-item.active a{background-color:rgba(242,78,31,.08);color:var(--primary);font-weight:600}.product-content-block{display:none}.product-content-block.active{display:block}@media (max-width:768px){.product-showcase{grid-template-columns:1fr}.product-sidebar{position:relative;top:0;max-height:none;border-right:none;padding-right:0;border-bottom:1px solid var(--border);padding-bottom:20px;margin-bottom:20px}}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:30px}.gallery-item{aspect-ratio:1/1;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--light);cursor:pointer;position:relative}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.gallery-item:hover img{transform:scale(1.05)}.lightbox-modal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(27,29,34,.98);z-index:2000;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal)}.lightbox-modal.active{display:flex;opacity:1}.lightbox-content{position:relative;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.lightbox-img{max-width:80vw;max-height:70vh;width:auto;height:auto;object-fit:contain;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);border:4px solid var(--dark-accent)}.lightbox-caption{color:#fff;margin-top:15px;font-size:1rem;font-weight:500;text-align:center}.lightbox-close,.lightbox-next,.lightbox-prev{position:absolute;background:rgba(27,29,34,.7);border:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color var(--transition-fast),transform var(--transition-fast)}.lightbox-close:hover,.lightbox-next:hover,.lightbox-prev:hover{background-color:var(--primary);transform:scale(1.05)}.lightbox-close{top:20px;right:20px;width:44px;height:44px;z-index:2010}.lightbox-prev{top:50%;left:20px;transform:translateY(-50%);width:50px;height:50px;z-index:2010}.lightbox-next{top:50%;right:20px;transform:translateY(-50%);width:50px;height:50px;z-index:2010}.lightbox-close svg,.lightbox-next svg,.lightbox-prev svg{width:24px;height:24px;fill:currentColor}@media (max-width:768px){.lightbox-prev{left:10px;width:40px;height:40px}.lightbox-next{right:10px;width:40px;height:40px}.lightbox-close{right:10px}}.form-group{margin-bottom:20px}.form-label{display:block;font-size:.9rem;font-weight:600;margin-bottom:8px;color:var(--dark);text-transform:uppercase;letter-spacing:.5px}.form-control{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background-color:#fff;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-control:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(242,78,31,.15)}textarea.form-control{resize:vertical;min-height:120px}.form-error,.form-success{display:none;padding:15px;border-radius:var(--radius-sm);margin-bottom:20px;font-size:.95rem;font-weight:500}.form-success{background-color:rgba(16,185,129,.1);color:#047857;border:1px solid rgba(16,185,129,.2)}.form-error{background-color:rgba(239,68,68,.1);color:#b91c1c;border:1px solid rgba(239,68,68,.2)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.reveal-left{opacity:0;transform:translateX(-30px);transition:opacity .6s ease-out,transform .6s ease-out}.reveal-right{opacity:0;transform:translateX(30px);transition:opacity .6s ease-out,transform .6s ease-out}.reveal-left.active,.reveal-right.active,.reveal.active{opacity:1;transform:translateY(0) translateX(0)}.delay-100{transition-delay:0.1s}.delay-200{transition-delay:0.2s}.delay-300{transition-delay:0.3s}.delay-400{transition-delay:0.4s}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important}.reveal,.reveal-left,.reveal-right{opacity:1!important;transform:none!important}}.footer{background-color:var(--dark);color:#fff;padding:70px 0 30px;font-size:.95rem;border-top:5px solid var(--primary)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:50px}.footer-col-desc{color:var(--text-light);margin:15px 0 25px;line-height:1.6}.footer-title{font-size:1.15rem;color:#fff;margin-bottom:20px;font-weight:600;position:relative;padding-bottom:8px}.footer-title::after{content:'';position:absolute;bottom:0;left:0;width:30px;height:2px;background-color:var(--primary)}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-links a{color:var(--text-light);transition:color var(--transition-fast),padding-left var(--transition-fast)}.footer-links a:hover{color:var(--primary);padding-left:5px}.footer-contact-item{display:flex;gap:12px;margin-bottom:15px;color:var(--text-light)}.footer-contact-icon{color:var(--primary);flex-shrink:0}.footer-contact-icon svg{width:18px;height:18px;fill:currentColor}.footer-contact-text p{margin-bottom:4px}.footer-contact-text a{color:var(--text-light)}.footer-contact-text a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;color:var(--text-light)}.footer-credits a{color:var(--text-muted);font-family:monospace;font-size:smaller}.footer-credits a:hover{color:var(--secondary)}@media (max-width:991px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:576px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}}.scroll-top{position:fixed;bottom:20px;right:-60px;width:45px;height:45px;background-color:var(--primary);color:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:999;transition:right var(--transition-normal),background-color var(--transition-fast);box-shadow:var(--shadow-md);border:none}.scroll-top:hover{background-color:var(--primary-hover)}.scroll-top.active{right:20px}.scroll-top svg{width:20px;height:20px;fill:currentColor}