
.site-logo{width:auto!important;max-width:150px;max-height:82px!important;object-fit:contain}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.category{height:480px;border-radius:18px;overflow:hidden}
.category img{display:block;width:100%!important;height:100%!important;padding:0!important;object-fit:cover!important;object-position:center 48%;background:#18191d}
.product-grid{align-items:start}.product-grid .card{height:auto!important;position:relative!important;background:#14151a;border:1px solid #3a3730;border-radius:17px;overflow:hidden}
.product-grid .card-media{display:block;position:relative!important;inset:auto!important;aspect-ratio:3/4;height:auto!important;width:100%;overflow:hidden}
.product-grid .card-media:after{display:none!important}
.product-grid .card-media img{display:block;width:100%;height:100%!important;object-fit:cover!important;object-position:center 48%;padding:0!important;transition:transform .35s}
.product-grid .card-media:hover img{transform:scale(1.025)}
.product-grid .card-body{position:static!important;padding:20px!important;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.product-grid .card-body h2{margin:0;font-size:18px;line-height:1.5}.product-grid .card-tag{font-size:10px;letter-spacing:.3px}.product-grid .card-body p{display:none}
.product-grid .card-body .product-code{margin:0}.product-grid .card-body .gold-btn{min-height:40px!important;padding:0 16px!important;border:1px solid #d7b459!important;background:#d7b459!important;color:#101014!important;margin:0!important}
.product-grid .card-body .gold-btn:after{display:none}
.gallery-stage{position:relative;border-radius:18px;overflow:hidden;border:1px solid #d7b45980;background:#17181c}
.gallery-stage .gallery-main{display:block;width:100%!important;height:auto!important;aspect-ratio:auto!important;max-height:none!important;object-fit:cover!important;padding:0!important;border:0!important;border-radius:0!important;cursor:zoom-in}
.gallery-zoom{position:absolute;right:15px;bottom:15px;display:flex;gap:8px;align-items:center;padding:11px 15px;border:1px solid #ffffff50;border-radius:30px;background:#090a0cdd;color:white;cursor:pointer;backdrop-filter:blur(8px)}
.gallery-zoom svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}.gallery-thumbs{flex-wrap:wrap}.gallery-thumbs button{width:82px;height:105px}.gallery-thumbs img{object-fit:cover!important;padding:0!important}
.image-viewer{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:55px 18px 25px;border:0;background:#050607f5;color:white;z-index:9999}
.image-viewer::backdrop{background:#000c}.image-viewer[open]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.image-viewer img{display:block;max-width:100%;max-height:calc(100dvh - 140px);width:auto;height:auto;object-fit:contain}.image-viewer figcaption{font-size:13px;color:#ddd;text-align:center}.viewer-close{position:absolute;right:20px;top:15px;border:1px solid #555;background:#222;color:white;border-radius:50%;width:40px;height:40px;font-size:24px;cursor:pointer}.viewer-controls{display:flex;align-items:center;gap:25px}.viewer-controls button{width:40px;height:40px;border-radius:50%;background:#222;border:1px solid #555;color:white;cursor:pointer}
.reference-card{background:#17181d!important;border:1px solid #393a40!important;border-radius:16px;overflow:hidden;color:#f5f5f2!important}.reference-card h2{background:#17181d!important;color:#f5f5f2!important;margin:0;padding:20px 22px;font-size:17px;font-weight:700;line-height:1.5;border-top:1px solid #38393e}.reference-card.project-photo img{display:block;width:100%;aspect-ratio:16/10;height:auto;object-fit:cover;background:#17181d}.reference-card.project-composite img{display:block;width:100%;height:auto;aspect-ratio:400/123;object-fit:cover}.reference-card:hover{border-color:#d7b459!important}
.post-grid .card-media{height:290px!important;padding:0!important;overflow:hidden}.post-grid .card-media img,.post-img img{display:block;width:100%;height:100%;object-fit:cover!important;object-position:center 48%;padding:0!important}.post-grid .card-body{background:#14151a}.post-grid .card h2{color:#f6f6f3}.detail-main>img{display:block;width:100%;height:auto;max-height:none!important;object-fit:cover}
.page-hero{background:linear-gradient(90deg,#08090bea,#08090b99),url('../uploads/steel-dg01-1.webp') center 44%/cover!important}
.about-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:48px;align-items:start}.about-photo{margin:0;position:sticky;top:120px;border:1px solid #d7b45970;border-radius:18px;overflow:hidden;background:#17181d}.about-photo img{display:block;width:100%;height:460px;object-fit:cover}.about-photo figcaption{padding:20px;color:#d7b459;font-size:15px;font-weight:700;line-height:1.5}.about-content{min-width:0}.about-content .prose{max-width:none!important;line-height:1.9}.about-content .prose p{margin:0 0 22px;color:#bec0c6}.about-content .prose h2,.technical-copy h2,.technical-copy h3{margin:32px 0 16px;color:#d7b459;font-size:26px}.about-content .prose li{margin-bottom:12px;color:#bec0c6}.technical-copy{max-width:920px;margin:auto;line-height:1.9;color:#bec0c6}.technical-copy p{margin-bottom:24px}
.product-search{display:flex;align-items:end;gap:12px;margin:0 0 25px;max-width:660px}.product-search label{display:grid;gap:9px;flex:1;font-size:13px;font-weight:700;color:#d7b459}.product-search input{width:100%;min-height:49px;border:1px solid #55545a;border-radius:11px;background:#17181d;color:#fff;padding:12px 16px}.product-search input:focus{outline:2px solid #d7b459;outline-offset:2px}.product-search button{min-height:49px;cursor:pointer}.search-clear{min-height:49px;display:grid;place-items:center;color:#ddd;font-size:13px}.reference-pages a{color:#ddd;border-color:#555}.reference-pages a.active{background:#d7b459;color:#101014}
.floating-wa{position:fixed;right:22px;bottom:24px;z-index:70;background:#198b55;color:white;padding:14px 20px;border-radius:30px;text-decoration:none;box-shadow:0 8px 24px #0002}
@media(max-width:1000px){.about-layout{grid-template-columns:270px minmax(0,1fr);gap:30px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.category-grid{grid-template-columns:1fr}.category{height:440px}.about-layout{grid-template-columns:1fr;gap:28px}.about-photo{position:static}.about-photo img{height:350px}.about-content .prose h2{font-size:23px}.post-grid .card-media{height:260px!important}.product-search{flex-wrap:wrap}.product-search label{flex-basis:100%}.gallery-thumbs button{width:67px;height:88px}.top-links span{display:none}.site-logo{max-height:55px!important}.floating-wa{right:15px;bottom:17px}.image-viewer{padding:60px 10px 20px}}

body.viewer-open{overflow:hidden}

.categories .category-grid{max-height:none!important;overflow:visible!important;transition:none!important;align-items:stretch;padding-bottom:4px!important}.categories .category{box-sizing:border-box;border:2px solid #d7b459!important;min-height:480px;height:480px}.category-more{display:none!important}.home-about-text p{margin:0 0 18px;line-height:1.85}.why-copy .about-cta{padding:0 26px;min-height:54px;border-radius:10px;background:#d7b459;color:#090a0c;border:1px solid #d7b459;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.why-copy .about-cta:hover{background:#edcd76;transform:translateY(-2px)}.reference-grid{align-items:stretch}.reference-grid .reference-card img{width:100%!important;height:auto!important;aspect-ratio:16/10!important;object-fit:cover!important}.reference-grid .reference-card h2{min-height:75px;display:flex;align-items:center}.reference-card{display:flex;flex-direction:column}.reference-card>a{display:flex;flex-direction:column;height:100%}.page-hero{background:linear-gradient(90deg,#08090b45,#08090b85),url('page-banner.webp') center/cover!important}.post-img,.post-grid .card-media{height:auto!important;aspect-ratio:16/9!important}.post-img img,.post-grid .card-media img{width:100%;height:100%;object-fit:cover!important}.blog-hero-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px}.contact-map-section{padding:0 0 75px}.map-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:25px}.map-heading small{color:#d7b459;letter-spacing:2px}.map-heading h2{font-size:30px;margin:10px 0}.map-heading p{color:#b5b7bc;font-size:14px;line-height:1.8}.contact-map{overflow:hidden;border:1px solid #d7b45980;border-radius:18px;background:#17181d}.contact-map iframe{display:block;width:100%;height:400px;border:0}.agency-signature{font-size:12px!important;color:#d7b459!important}.footer-bottom{align-items:center;gap:15px;flex-wrap:wrap}.category img,.product-grid .card-media img,.gallery-thumbs img,.why-media img{transform:scale(1.07);object-position:center 45%!important}.category:hover img{transform:scale(1.09)}.gallery-main{clip-path:inset(0 0 3.5% 0);margin-bottom:-3.5%}.viewer-image{clip-path:inset(0 0 3.5% 0)}@media(max-width:700px){.categories .category{height:440px;min-height:440px}.map-heading{display:block}.map-heading .outline-btn{margin:8px 0}.contact-map iframe{height:330px}.contact-map-section{padding-bottom:45px}}

.hero-copy{margin-left:auto!important;margin-right:0!important;max-width:560px!important;width:47%!important;text-align:left}.slide-bg{background-position:left center!important}.slide-bg:after{background:linear-gradient(90deg,transparent 20%,#05060730 45%,#05060790 75%)!important}.company-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:start}.company-photo{margin:0;border-radius:22px;overflow:hidden;position:sticky;top:120px;border:1px solid #d7b45980}.company-photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.company-photo figcaption{display:flex;align-items:center;gap:20px;padding:22px;background:#17181d}.company-photo figcaption b{font-size:34px;color:#d7b459}.company-photo figcaption span{color:#ddd;font-size:13px;line-height:1.6}.company-story>small{color:#d7b459;letter-spacing:2px}.company-story>h2{font-size:clamp(28px,3.3vw,44px);line-height:1.18;margin:16px 0 28px}.company-story .prose p{color:#b9bcc5;line-height:1.85;margin-bottom:20px}.company-values{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:65px}.company-value{position:relative;padding:34px;border:1px solid #38393f;border-radius:20px;background:#131419}.company-value.wide{grid-column:1/-1}.value-number{display:inline-block;padding:9px 12px;border-radius:9px;background:#d7b45918;color:#d7b459;font-weight:800;font-size:13px}.company-value h2{font-size:25px;margin:20px 0}.company-value p,.company-value li{color:#b9bcc5;line-height:1.85}.company-value ul{display:grid;grid-template-columns:1fr 1fr;gap:16px 40px;padding-left:20px}.detail-main>img{aspect-ratio:16/9;object-fit:cover}.hero .slide-bg{background-position:left center!important}@media(max-width:760px){.hero{height:700px!important}.hero-copy{width:100%!important;max-width:none!important;margin-top:270px!important;padding-bottom:0!important}.hero .slide-bg{background-size:auto 100%!important;background-position:left top!important}.slide-bg:after{background:linear-gradient(180deg,transparent 30%,#050607c0 57%,#050607f5 100%)!important}.company-intro{grid-template-columns:1fr;gap:30px}.company-photo{position:static}.company-photo img{max-height:460px}.company-values{grid-template-columns:1fr;gap:16px;margin-top:35px}.company-value{padding:24px}.company-value ul{grid-template-columns:1fr}.company-story>h2{font-size:30px}}

@media(max-width:760px){.hero .slide-bg{height:340px!important;bottom:auto!important;background-size:cover!important;background-position:left center!important}.hero .slide-bg:after{background:linear-gradient(180deg,transparent 45%,#05060770 75%,#050607f5 100%)!important}}

.floating-wa{left:22px!important;right:auto!important}.categories .category-copy{bottom:28px!important}.categories .category-copy h3{min-height:60px!important;height:60px!important;line-height:1.2!important;font-size:25px!important;margin:9px 0 18px!important;display:block!important}.categories .category-copy .text-link{display:inline-flex;align-items:center;min-height:24px}.why .home-about-text,.why .home-about-text p{color:#51565e!important}.gallery-stage{aspect-ratio:3/4;position:relative;line-height:0}.gallery-stage .gallery-main{position:absolute!important;top:0;left:0;display:block!important;width:100%!important;height:auto!important;clip-path:none!important;margin:0!important}.gallery-zoom{line-height:1.4}.gallery-thumbs{line-height:normal}@media(max-width:700px){.floating-wa{left:15px!important;right:auto!important}.categories .category-copy h3{font-size:23px!important;height:56px!important;min-height:56px!important}}
body[data-page="about"] .page-hero{background-image:linear-gradient(90deg,#08090b65,#08090b80),url('banner-about.webp')!important;}
body[data-page="products"] .page-hero{background-image:linear-gradient(90deg,#08090b65,#08090b80),url('banner-products.webp')!important;}
body[data-page="references"] .page-hero{background-image:linear-gradient(90deg,#08090b65,#08090b80),url('banner-references.webp')!important;}
body[data-page="blog"] .page-hero{background-image:linear-gradient(90deg,#08090b65,#08090b80),url('banner-blog.webp')!important;}
body[data-page="contact"] .page-hero{background-image:linear-gradient(90deg,#08090b65,#08090b80),url('banner-contact.webp')!important;}
body[data-page="quote"] .page-hero{background-image:linear-gradient(90deg,#08090b65,#08090b80),url('banner-quote.webp')!important;}
body[data-page="technical"] .page-hero{background-image:linear-gradient(90deg,#08090b65,#08090b80),url('banner-technical.webp')!important;}
body[data-page="product-detail"] .page-hero{background-image:linear-gradient(90deg,#08090b65,#08090b80),url('banner-product-detail.webp')!important;}
body[data-page="blog-detail"] .page-hero{background-image:linear-gradient(90deg,#08090b65,#08090b80),url('banner-blog-detail.webp')!important;}
