:root{--bg:#020303;--panel:#0a0b0c;--gold:#d6a900;--gold2:#ffd84a;--text:#f5f5f5;--muted:#a9a9a9;--border:rgba(214,169,0,.58);--wrap:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(var(--wrap),calc(100% - 42px));margin:auto}.header{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(3,3,3,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.12)}.nav{height:68px;display:flex;align-items:center;gap:28px}.logo{display:flex;align-items:center;gap:9px;margin-right:auto}.logo img{width:73px;height:42px;object-fit:contain;background:#000}.logo span{font-size:8px;letter-spacing:.7px;color:#bbb;text-transform:lowercase}.nav nav{display:flex;gap:25px;align-items:center}.nav nav a{font-size:11px;color:#ddd;position:relative;padding:26px 0}.nav nav a.active,.nav nav a:hover{color:var(--gold)}.nav nav a.active:after{content:"";position:absolute;bottom:17px;left:0;right:0;height:2px;background:var(--gold)}.navbtn,.goldbtn{border:1px solid var(--gold);color:#090909;background:var(--gold);font-weight:800;border-radius:20px;padding:11px 18px;font-size:11px;display:inline-flex;gap:10px;align-items:center}.navbtn{background:transparent;color:var(--gold)}.hamb{display:none;background:none;border:0;color:#fff;font-size:25px}.hero{height:570px;position:relative;overflow:hidden;border-bottom:1px solid #333}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.75) 42%,rgba(0,0,0,.18)),url('images/facility.jpg') center/cover;filter:saturate(.8)}.hero-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 50%,rgba(255,190,0,.17),transparent 35%)}.hero-inner{height:100%;display:flex;align-items:center;position:relative}.hero-copy{max-width:620px;padding-top:60px}.eyebrow,small{font-size:11px;letter-spacing:1.7px;font-weight:800;color:var(--gold)}h1{font-size:52px;line-height:1.04;margin:14px 0 18px}h1 span,h2 span{color:var(--gold)}.hero-copy p{max-width:540px;color:#ddd;line-height:1.6;font-size:14px}.actions{display:flex;align-items:center;gap:22px;margin-top:26px}.story{font-size:12px;font-weight:700}.story i{display:inline-grid;place-items:center;width:34px;height:34px;border:2px solid var(--gold);border-radius:50%;color:var(--gold);font-style:normal;margin-right:7px}.services,.why{padding:46px 0;background:#070707}.section-title,.client-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:26px}.section-title h2,.client-heading h2{margin:7px 0 0;font-size:29px}.section-title p,.client-heading p{max-width:390px;color:#aaa;font-size:12px;line-height:1.5}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.service{min-height:105px;border:1px solid var(--border);border-radius:7px;padding:19px 12px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(135deg,rgba(255,196,0,.08),transparent 50%);transition:.25s}.service:hover{transform:translateY(-4px);box-shadow:0 0 24px rgba(255,196,0,.12)}.service .icon{font-size:25px;color:var(--gold);margin-bottom:9px}.service h3{font-size:12px;margin:0;line-height:1.35}.projects{padding:38px 0;background:#030303;border-top:1px solid #222;border-bottom:1px solid #222}.slider-arrows{display:flex;gap:8px}.slider-arrows button{width:31px;height:31px;border-radius:50%;border:1px solid var(--gold);background:#080808;color:var(--gold);font-size:22px}.project-track{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.project{overflow:hidden}.project img{display:block;width:100%;height:112px;object-fit:cover;border:1px solid rgba(255,196,0,.35);border-radius:4px;transition:.3s}.project:hover img{transform:scale(1.04);border-color:var(--gold)}.project h4{font-size:11px;margin:8px 0 3px}.project p{font-size:9px;color:#999;margin:0}.realworld{padding:12px 0;border-bottom:1px solid #333;background:linear-gradient(90deg,#090909,#12100a,#090909)}.real-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:12px;align-items:center}.real-copy{padding-left:7px}.real-copy small{color:#eee}.real-copy h2{font-size:37px;margin:2px 0;color:var(--gold)}.line{width:45px;height:3px;background:var(--gold)}.real-card{height:120px;overflow:hidden;position:relative;border-radius:3px}.real-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.08)}.real-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(0,0,0,.85))}.real-card div{position:absolute;bottom:10px;left:12px;z-index:2;font-size:10px;font-weight:800}.why{padding-bottom:32px}.center{text-align:center;justify-content:center}.why-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #333;border-bottom:1px solid #333}.why-grid article{padding:24px 15px;border-right:1px solid #333}.why-grid article:last-child{border-right:0}.why-grid b{color:var(--gold);font-size:20px}.why-grid h3{font-size:12px;margin:11px 0 7px}.why-grid p{font-size:10px;line-height:1.5;color:#999;margin:0}.clients{padding:22px 0;background:#050505;border-bottom:1px solid #333}.client-heading{margin-bottom:12px}.client-heading h2{font-size:24px}.client-window{overflow:hidden;border:1px solid var(--border);border-radius:8px;padding:10px 18px}.client-track{display:flex;align-items:center;gap:40px;white-space:nowrap;width:max-content}.client-track span{font-size:17px;font-weight:800;color:#ddd;opacity:.9;flex:0 0 auto}.client-track span:nth-child(odd){color:var(--gold)}.contact{padding:24px 0;background:radial-gradient(circle at 10% 50%,rgba(255,196,0,.07),transparent 25%),#060606;border-top:1px solid #333}.contact-grid{display:grid;grid-template-columns:1.1fr 1.35fr 190px 140px;align-items:center;gap:20px}.contact-title h2{font-size:25px;margin:8px 0}.contact-title p{font-size:11px;color:#aaa}.people{border-left:1px solid #444;border-right:1px solid #444;padding:0 22px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.people div{display:flex;flex-direction:column;gap:4px}.people strong{font-size:10px}.people a,.people span{font-size:10px;color:#ccc;line-height:1.3}.social-contact{display:flex;flex-direction:column;align-items:center;gap:7px}.social-contact img{width:72px;height:72px;object-fit:cover}.social-contact a{font-size:10px}.build{text-align:center;color:var(--gold);font-family:cursive;font-size:16px;line-height:1.1;transform:rotate(-4deg)}.build span{font-size:19px}footer{border-top:1px solid #333;background:#030303}.footer{height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;color:#888}.footer .logo{margin:0}.footer .logo img{width:57px;height:32px}.social{display:flex;gap:15px}.social a:hover{color:var(--gold)}
@media(max-width:1050px){.nav nav{display:none}.navbtn{display:none}.hamb{display:block}.hero{height:610px}.service-grid{grid-template-columns:repeat(3,1fr)}.project-track{grid-template-columns:repeat(4,1fr)}.why-grid{grid-template-columns:repeat(2,1fr)}.why-grid article:nth-child(2n){border-right:0}.real-grid{grid-template-columns:1fr 1fr}.real-copy{grid-column:1/-1}.contact-grid{grid-template-columns:1fr 1fr}.contact-title{grid-column:1/-1}.build{display:none}.client-track{width:max-content;justify-content:flex-start;animation:clients 24s linear infinite}.client-window{padding:12px}.people{border-left:0}}
@keyframes clients{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(min-width:1051px) and (max-width:1600px){.client-window{overflow:hidden}.client-track{animation:clients 28s linear infinite;will-change:transform}.client-track:hover{animation-play-state:paused}}@media(min-width:1601px){.client-track{width:100%;justify-content:space-between;animation:none}}@media(max-width:650px){.wrap{width:min(100% - 26px,var(--wrap))}.hero{height:650px}.hero-copy{padding-top:60px}h1{font-size:37px}.hero-copy p{font-size:12px}.actions{flex-wrap:wrap}.section-title,.client-heading{align-items:flex-start;flex-direction:column}.service-grid{grid-template-columns:repeat(2,1fr)}.project-track{grid-template-columns:repeat(2,1fr)}.project img{height:115px}.real-grid{grid-template-columns:1fr}.real-copy{grid-column:auto}.real-card{height:140px}.why-grid{grid-template-columns:1fr}.why-grid article{border-right:0;border-bottom:1px solid #333}.contact-grid{grid-template-columns:1fr}.people{grid-template-columns:1fr;padding:15px 0;border-top:1px solid #333;border-bottom:1px solid #333}.social-contact{padding:10px}.footer{height:auto;padding:20px 0;flex-direction:column;align-items:flex-start}.logo span{font-size:7px}}
@media(min-width:1051px){.client-track{animation:none}}

/* PDF information sections — styled to match the original BCC dark/gold theme */
.about-pdf,.vision,.facility-text,.process,.quality{background:#080808;color:#f5f5f5;padding:82px 0;border-top:1px solid #242424}
.about-pdf .section-title,.vision .section-title,.facility-text .section-title,.process .section-title,.quality .section-title{margin-bottom:30px}
.about-pdf .section-title h2,.vision h2,.facility-text h2,.process h2,.quality h2{max-width:760px}
.about-pdf .section-title h2 span,.vision h2 span,.facility-text h2 span,.process h2 span,.quality h2 span{color:var(--gold,#c7a45a)}
.about-lead{font-size:17px;line-height:1.8;max-width:900px;color:#c9c9c9;margin:28px 0}
.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
.about-stats div,.vision-grid article,.service-details article,.process-grid article{padding:24px;border:1px solid #292929;background:#0e0e0e}
.about-stats b{display:block;font-size:21px;color:var(--gold,#c7a45a);margin-bottom:8px}
.about-stats span{color:#aaa;font-size:13px}
.vision-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.vision-grid small,.service-details b{color:var(--gold,#c7a45a);letter-spacing:1.4px}
.vision-grid h3{font-size:19px;line-height:1.6;font-weight:500;margin:16px 0 0}
.service-details{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
.service-details article b,.process-grid article b{font-size:13px}
.service-details h3,.process-grid h3{margin:12px 0;font-size:17px}
.service-details p,.process-grid p{font-size:13px;line-height:1.7;color:#aaa;margin:0}
.facility-list,.quality-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.facility-list span,.quality-list span{border:1px solid #2b2b2b;padding:17px 18px;color:#ddd;background:#0e0e0e}
.facility-list span:before,.quality-list span:before{content:"✦";color:var(--gold,#c7a45a);margin-right:10px}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.process-grid article>b{display:inline-block;color:var(--gold,#c7a45a);border:1px solid #5c4b2c;padding:8px 11px}
@media(max-width:850px){.service-details,.process-grid{grid-template-columns:repeat(2,1fr)}.facility-list,.quality-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.about-pdf,.vision,.facility-text,.process,.quality{padding:55px 0}.about-stats,.vision-grid,.service-details,.process-grid{grid-template-columns:1fr}.facility-list,.quality-list{grid-template-columns:repeat(2,minmax(0,1fr))}.about-lead{font-size:15px}}


/* Project gallery lightbox + desktop client bar behavior */
.project{cursor:zoom-in;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.project img{cursor:zoom-in;transition:transform .25s ease}
.project:hover img{transform:scale(1.025)}
.project-track{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.project-track.is-dragging{cursor:grabbing}
.project-track .project{pointer-events:auto}
.project-lightbox{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.94);padding:70px 76px 46px;touch-action:pan-y}
.project-lightbox.is-open{display:flex}
.project-lightbox-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;cursor:zoom-in;user-select:none;-webkit-user-drag:none;transition:transform .18s ease;transform-origin:center}
.project-lightbox-image.is-zoomed{cursor:zoom-out;transform:scale(1.8);max-width:none;max-height:none}
.project-lightbox-close,.project-lightbox-prev,.project-lightbox-next{position:absolute;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.35);background:rgba(20,20,20,.8);color:#fff;cursor:pointer;border-radius:50%;z-index:2;transition:background .2s,border-color .2s}
.project-lightbox-close:hover,.project-lightbox-prev:hover,.project-lightbox-next:hover{background:var(--gold);border-color:var(--gold);color:#000}
.project-lightbox-close{top:18px;right:22px;width:46px;height:46px;font-size:30px;line-height:1}
.project-lightbox-prev,.project-lightbox-next{top:50%;transform:translateY(-50%);width:48px;height:58px;border-radius:10px;font-size:36px;line-height:1}
.project-lightbox-prev{left:18px}.project-lightbox-next{right:18px}
.project-lightbox-caption{position:absolute;bottom:15px;left:70px;right:70px;text-align:center;color:#ddd;font-size:13px;pointer-events:none}
body.lightbox-open{overflow:hidden}
/* Our Client bar must remain static on laptop and desktop */
@media(min-width:1051px){.clients .client-track{animation:none!important;transform:none!important;will-change:auto!important}.clients .client-window{overflow:hidden}}
@media(max-width:650px){.project-lightbox{padding:66px 12px 64px}.project-lightbox-prev,.project-lightbox-next{top:auto;bottom:14px;transform:none;width:48px;height:44px}.project-lightbox-prev{left:calc(50% - 58px)}.project-lightbox-next{right:calc(50% - 58px)}.project-lightbox-close{top:12px;right:12px}.project-lightbox-caption{bottom:28px;left:12px;right:12px;font-size:11px}.project-lightbox-image.is-zoomed{transform:scale(1.35)}}

/* Gallery interaction fixes: continuous carousel, no wait/zoom cursor, accessible controls. */
.project-track{display:flex!important;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 12px;cursor:grab;touch-action:pan-x pan-y;scrollbar-width:thin;scrollbar-color:var(--gold) #222}
.project-track .project{flex:0 0 calc((100% - 70px)/6);min-width:0;scroll-snap-align:start;cursor:pointer}
.project-track.is-dragging{cursor:grabbing;scroll-behavior:auto;user-select:none}
/* Keep project cards clickable during mouse drag; disabling pointer-events here prevented click-to-open on desktop. */
.project-track.is-dragging .project{pointer-events:auto}
.project-track .project img,.project-track .project:hover img{cursor:pointer;transform:none;transition:border-color .2s}
.project-track .project:hover img{border-color:var(--gold)}
.project-lightbox{overflow:hidden;touch-action:pan-y;cursor:default}
.project-lightbox-image{cursor:default!important;max-width:calc(100vw - 160px);max-height:calc(100vh - 130px);object-fit:contain;touch-action:none}
.project-lightbox-image.is-zoomed{max-width:none;max-height:none}
.project-zoom-in,.project-zoom-out{position:absolute;top:20px;z-index:3;width:42px;height:42px;border-radius:8px;border:1px solid #777;background:#171717;color:#fff;font-size:27px;cursor:pointer}
.project-zoom-out{right:124px}.project-zoom-in{right:74px}
.project-zoom-in:hover,.project-zoom-out:hover{background:var(--gold);color:#000}
/* Client bar is static on every device size, with no animated ticker. */
.client-window{overflow:visible!important}
.client-track{width:100%!important;white-space:normal;display:flex;flex-wrap:wrap;justify-content:space-around;gap:12px 28px;animation:none!important;transform:none!important;will-change:auto!important}
.client-track span{flex:0 1 auto!important}
@media(max-width:1050px){.project-track .project{flex-basis:calc((100% - 30px)/3)}.project-lightbox-image{max-width:calc(100vw - 100px);max-height:calc(100vh - 150px)}}
@media(max-width:650px){.project-track .project{flex-basis:calc((100% - 14px)/2)}.project-lightbox{padding:60px 10px 72px}.project-lightbox-image{max-width:calc(100vw - 24px);max-height:calc(100vh - 150px)}.project-lightbox-prev,.project-lightbox-next{top:auto;bottom:14px;transform:none;width:44px;height:42px}.project-lightbox-prev{left:calc(50% - 52px)}.project-lightbox-next{right:calc(50% - 52px)}.project-lightbox-close{top:10px;right:10px}.project-zoom-in,.project-zoom-out{top:12px;width:36px;height:36px}.project-zoom-in{right:58px}.project-zoom-out{right:100px}.project-lightbox-caption{bottom:25px;left:8px;right:8px;font-size:10px}.client-track{gap:12px 18px}.client-track span{font-size:14px}}

/* BCC premium glossy polish — subtle lift, richer surfaces and warm gold highlights */
:root{--gloss-gold:#e6bd67;--gloss-border:rgba(230,189,103,.24)}
body{background-image:radial-gradient(ellipse at 12% 5%,rgba(230,189,103,.055),transparent 34%),radial-gradient(ellipse at 88% 28%,rgba(255,255,255,.025),transparent 30%)}
/* Keep the overall site elegant; cards respond gently to pointer hover. */
.service-grid>* , .service-details>article, .vision-grid>article, .process-grid>article,
.why-grid>article, .about-stats>div, .quality-list>span, .real-world-grid>article,
.real-world>article, .real-world-cards>article, .project-track .project,
#services .service-card, .specials-grid>*, .finish-grid>*, .feature-grid>*{
  position:relative; isolation:isolate; overflow:hidden;
  border:1px solid var(--gloss-border);
  background-image:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.012) 46%,rgba(230,189,103,.035));
  box-shadow:0 8px 24px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.075);
  transition:transform .28s cubic-bezier(.2,.75,.25,1),border-color .28s ease,box-shadow .28s ease,background-color .28s ease,filter .28s ease;
}
.service-grid>*:before,.service-details>article:before,.vision-grid>article:before,.process-grid>article:before,
.why-grid>article:before,.real-world-grid>article:before,.real-world>article:before,.real-world-cards>article:before,
#services .service-card:before,.specials-grid>*:before,.finish-grid>*:before,.feature-grid>*:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;
  background:linear-gradient(115deg,transparent 15%,rgba(255,255,255,.11) 38%,transparent 58%);
  transform:translateX(-65%);transition:transform .65s ease,opacity .3s ease;
}
@media(hover:hover) and (pointer:fine){
 .service-grid>*:hover,.service-details>article:hover,.vision-grid>article:hover,.process-grid>article:hover,
 .why-grid>article:hover,.about-stats>div:hover,.quality-list>span:hover,.real-world-grid>article:hover,
 .real-world>article:hover,.real-world-cards>article:hover,#services .service-card:hover,
 .specials-grid>*:hover,.finish-grid>*:hover,.feature-grid>*:hover{
  transform:translateY(-6px);border-color:rgba(230,189,103,.72);
  box-shadow:0 16px 34px rgba(0,0,0,.27),0 0 22px rgba(230,189,103,.085),inset 0 1px 0 rgba(255,255,255,.13);
  filter:saturate(1.08);
 }
 .service-grid>*:hover:before,.service-details>article:hover:before,.vision-grid>article:hover:before,
 .process-grid>article:hover:before,.why-grid>article:hover:before,.real-world-grid>article:hover:before,
 .real-world>article:hover:before,.real-world-cards>article:hover:before,#services .service-card:hover:before,
 .specials-grid>*:hover:before,.finish-grid>*:hover:before,.feature-grid>*:hover:before{opacity:1;transform:translateX(65%)}
 .project-track .project:hover{transform:translateY(-5px);border-color:rgba(230,189,103,.78);box-shadow:0 15px 30px rgba(0,0,0,.28),0 0 20px rgba(230,189,103,.12)}
 .project-track .project:hover img{filter:brightness(1.07) saturate(1.08)}
}
.service-grid>* , .service-details>article,.vision-grid>article,.process-grid>article,.why-grid>article,
.real-world-grid>article,.real-world>article,.real-world-cards>article{border-radius:14px}
.quality-list>span{border-radius:999px;padding:10px 16px}
.about-stats>div{border-radius:12px;padding:16px}
.project-track .project{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.project-track .project img{transition:filter .25s ease,border-color .25s ease}
/* Premium gloss on buttons and interactive controls */
button,.btn,a.button,.project-lightbox-close,.project-lightbox-prev,.project-lightbox-next,.project-zoom-in,.project-zoom-out{
 transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,border-color .22s ease;
}
@media(hover:hover) and (pointer:fine){button:hover,.btn:hover,a.button:hover{box-shadow:0 7px 20px rgba(230,189,103,.16);transform:translateY(-2px)}}
/* Avoid hover animation for users who prefer reduced motion. */
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}


/* Cross-device premium gloss: touch feedback mirrors desktop hover on phones, iPhones and tablets. */
:root{--gloss-gold:#e6bd67;--gloss-border:rgba(230,189,103,.30)}
.service-grid>*,.service-details>article,.vision-grid>article,.process-grid>article,.why-grid>article,
.about-stats>div,.quality-list>span,.real-world-grid>article,.real-world>article,.real-world-cards>article,
#services .service-card,.specials-grid>*,.finish-grid>*,.feature-grid>*,.project-track .project{
 -webkit-tap-highlight-color:transparent;will-change:transform,box-shadow; touch-action:manipulation;
}
/* Finger-down gives a visible, short glossy lift on touchscreens where :hover is unreliable. */
.service-grid>*:active,.service-details>article:active,.vision-grid>article:active,.process-grid>article:active,
.why-grid>article:active,.about-stats>div:active,.quality-list>span:active,.real-world-grid>article:active,
.real-world>article:active,.real-world-cards>article:active,#services .service-card:active,
.specials-grid>*:active,.finish-grid>*:active,.feature-grid>*:active,.project-track .project:active{
 transform:translateY(-4px) scale(1.012);border-color:rgba(230,189,103,.82);
 box-shadow:0 14px 30px rgba(0,0,0,.26),0 0 24px rgba(230,189,103,.16),inset 0 1px 0 rgba(255,255,255,.18);
 filter:saturate(1.1);
}
.service-grid>*:active:before,.service-details>article:active:before,.vision-grid>article:active:before,
.process-grid>article:active:before,.why-grid>article:active:before,.real-world-grid>article:active:before,
.real-world>article:active:before,.real-world-cards>article:active:before,#services .service-card:active:before,
.specials-grid>*:active:before,.finish-grid>*:active:before,.feature-grid>*:active:before{opacity:1;transform:translateX(35%)}
/* Keep tap/focus state visible for keyboard accessibility and touch browsers. */
.service-grid>*:focus-within,.service-details>article:focus-within,.vision-grid>article:focus-within,
.process-grid>article:focus-within,.why-grid>article:focus-within,.real-world-grid>article:focus-within,
.real-world>article:focus-within,.real-world-cards>article:focus-within,.specials-grid>*:focus-within,
.finish-grid>*:focus-within,.feature-grid>*:focus-within{outline:1px solid rgba(230,189,103,.65);outline-offset:2px}
@media (hover:none),(pointer:coarse){
 .service-grid>*,.service-details>article,.vision-grid>article,.process-grid>article,.why-grid>article,
 .about-stats>div,.quality-list>span,.real-world-grid>article,.real-world>article,.real-world-cards>article,
 #services .service-card,.specials-grid>*,.finish-grid>*,.feature-grid>*,.project-track .project{
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,filter .22s ease;
 }
 .project-track{scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
 .project-track::-webkit-scrollbar{display:none}
 .project-track .project{flex-basis:calc((100% - 42px)/4)}
}
@media(max-width:650px){.project-track .project{flex-basis:calc((100% - 14px)/2)}.project-track .project:active{transform:translateY(-3px) scale(1.01)}}
/* Client logos scroll on mobile/tablet; remain fully static on laptop/desktop. */
@media(max-width:1050px){.client-window{overflow:hidden}.client-track{width:max-content;justify-content:flex-start;animation:clients 28s linear infinite;will-change:transform}.client-track:active{animation-play-state:paused}}
@media(min-width:1051px){.client-track{animation:none!important;transform:none!important;width:100%;justify-content:space-between}.client-window{overflow:visible}}
@media(prefers-reduced-motion:reduce){.client-track{animation:none!important} .service-grid>*,.service-details>article,.vision-grid>article,.process-grid>article,.why-grid>article,.real-world-grid>article,.real-world>article,.real-world-cards>article{transition:none!important}}

/* Final responsive client ticker override: truly continuous on phones/tablets only. */
@media (max-width: 1050px){
 .clients .client-window{overflow:hidden!important;width:100%;}
 .clients .client-track{display:flex!important;flex-wrap:nowrap!important;width:max-content!important;min-width:max-content;justify-content:flex-start!important;gap:34px!important;white-space:nowrap;animation:clients 26s linear infinite!important;transform:translateX(0);}
 .clients .client-track span{flex:0 0 auto!important;white-space:nowrap;}
 .clients .client-track:active{animation-play-state:paused!important;}
}
@media (min-width:1051px){
 .clients .client-window{overflow:visible!important;}
 .clients .client-track{display:flex!important;flex-wrap:nowrap!important;width:100%!important;min-width:0;justify-content:space-between!important;animation:none!important;transform:none!important;}
 .clients .client-track span[aria-hidden="true"]{display:none!important;}
}
/* Reliable desktop zoom controls and mouse-wheel zoom; avoid browser loading cursors. */
.project-lightbox-image{cursor:zoom-in!important;transition:transform .16s ease;transform-origin:center center;}
.project-lightbox-image.is-zoomed{cursor:grab!important;}
.project-lightbox-image:active.is-zoomed{cursor:grabbing!important;}
.project-zoom-in,.project-zoom-out{user-select:none;-webkit-user-select:none;}
@media (min-width:1051px){.project-lightbox{padding:72px 84px 48px}.project-lightbox-image{max-width:calc(100vw - 180px);max-height:calc(100vh - 140px)}}


/* International premium polish: layered texture, glass highlights, and BCC About visual. */
body{background-color:#05070b;background-image:radial-gradient(ellipse at 8% 18%,rgba(255,196,0,.055),transparent 28%),radial-gradient(ellipse at 92% 38%,rgba(57,112,173,.10),transparent 32%),linear-gradient(135deg,rgba(255,255,255,.012) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.012) 50%,rgba(255,255,255,.012) 75%,transparent 75%,transparent);background-size:auto,auto,8px 8px;}
.header{background:rgba(3,6,12,.84);border-bottom-color:rgba(255,214,105,.24);box-shadow:0 10px 40px rgba(0,0,0,.24)}
.hero{border-bottom-color:rgba(255,196,0,.42)}
.hero-copy h1{text-shadow:0 5px 28px rgba(0,0,0,.6)}
.goldbtn,.navbtn,.story i,.slider-arrows button{transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.goldbtn:hover,.navbtn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(255,196,0,.22)}
.service,.about-stats>div,.vision-grid article,.service-details article,.process-grid article,.quality-list>span,.why-grid article,.real-card,.project img{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 28px rgba(0,0,0,.16)}
.about-pdf{position:relative;overflow:hidden;background:radial-gradient(ellipse at 84% 50%,rgba(38,70,110,.24),transparent 38%),linear-gradient(125deg,#07090d 0%,#10141b 56%,#08090c 100%)}
.about-pdf:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.2;background-image:radial-gradient(rgba(255,196,0,.35) .7px,transparent .7px);background-size:17px 17px;mask-image:linear-gradient(90deg,#000,transparent 72%)}
.about-pdf>.wrap{position:relative;z-index:1}
.about-pdf .section-title{align-items:flex-end}
.about-pdf .section-title>div{max-width:58%}
.about-pdf .section-title p{max-width:430px}
.about-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.88fr);gap:34px;align-items:center;margin-top:12px}
.about-copy{min-width:0}
.about-lead{max-width:700px;margin:0 0 25px;font-size:16px;line-height:1.85;color:#d1d6df}
.about-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
.about-stats>div{border:1px solid rgba(255,196,0,.25);border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018) 52%,rgba(255,196,0,.035));backdrop-filter:blur(10px);padding:20px 15px}
.about-stats b{font-size:18px;letter-spacing:-.3px}
.about-visual{margin:0;min-width:0;position:relative;overflow:hidden;isolation:isolate;border-radius:18px;border:1px solid rgba(255,211,105,.56);background:#0a101a;box-shadow:0 24px 65px rgba(0,0,0,.45),0 0 35px rgba(255,196,0,.09),inset 0 1px 0 rgba(255,255,255,.22);aspect-ratio:1.65}
.about-visual:before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.18),transparent 26%,transparent 65%,rgba(255,196,0,.13)),linear-gradient(0deg,rgba(2,5,10,.84),transparent 44%)}
.about-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.75,.2,1),filter .7s ease;filter:saturate(.9) contrast(1.05)}
.about-visual:hover img{transform:scale(1.045);filter:saturate(1.12) contrast(1.06)}
.about-visual figcaption{position:absolute;z-index:2;left:20px;right:18px;bottom:17px;display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:2px;font-weight:800;color:#fff;text-shadow:0 2px 8px #000}
.about-visual-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 13px var(--gold)}
.vision-grid article,.service-details article,.process-grid article{border-radius:13px;background:linear-gradient(145deg,#141820,#0a0c10);border-color:rgba(255,255,255,.12)}
.clients{background:linear-gradient(110deg,#080b10,#10151d 48%,#080b10);border-top:1px solid rgba(255,255,255,.08);border-bottom-color:rgba(255,196,0,.3)}
.client-window{background:linear-gradient(110deg,rgba(255,255,255,.055),rgba(255,255,255,.015));border-color:rgba(255,196,0,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 35px rgba(0,0,0,.2)}
/* Final, single source of truth for the client ticker. Mobile/tablet auto-scroll; desktop remains static. */
@media(max-width:1050px){
 .clients .client-window{overflow:hidden!important;width:100%;}
 .clients .client-track{display:flex!important;flex-wrap:nowrap!important;width:max-content!important;min-width:max-content!important;justify-content:flex-start!important;gap:34px!important;white-space:nowrap!important;animation:clients 26s linear infinite!important;transform:translateX(0);will-change:transform;}
 .clients .client-track span{flex:0 0 auto!important;white-space:nowrap!important;}
 .clients .client-track:hover,.clients .client-track:focus-within{animation-play-state:paused!important;}
 .clients .client-track:active{animation-play-state:paused!important;}
}
@media(min-width:1051px){
 .clients .client-window{overflow:visible!important;}
 .clients .client-track{display:flex!important;flex-wrap:nowrap!important;width:100%!important;min-width:0!important;justify-content:space-between!important;gap:18px!important;animation:none!important;transform:none!important;will-change:auto!important;}
 .clients .client-track span[aria-hidden="true"]{display:none!important;}
}
@media(max-width:760px){
 .about-pdf .section-title>div{max-width:100%}
 .about-layout{grid-template-columns:1fr;gap:24px;margin-top:0}
 .about-visual{grid-row:1;aspect-ratio:1.5}
 .about-lead{font-size:15px;line-height:1.75}
 .about-stats{grid-template-columns:1fr;gap:10px}
 .about-stats>div{padding:15px 17px}
}
@media(prefers-reduced-motion:reduce){.about-visual img{transition:none}.goldbtn,.navbtn,.service,.about-visual img{scroll-behavior:auto}}


/* ===== BCC GLOSSY BLACK + GOLD FINISH ===== */
body{
  background:
    radial-gradient(circle at 50% -10%,rgba(255,210,70,.055),transparent 32%),
    linear-gradient(180deg,#010202 0%,#050606 48%,#010202 100%);
}
.header{
  background:linear-gradient(180deg,rgba(3,4,4,.96),rgba(3,3,3,.88));
  border-bottom-color:rgba(214,169,0,.24);
  box-shadow:0 8px 28px rgba(0,0,0,.38);
}
.navbtn,.goldbtn{
  background:linear-gradient(135deg,#8f7000 0%,#d6a900 42%,#ffe47a 54%,#b88c00 100%);
  border-color:#e0b82d;
  box-shadow:0 5px 18px rgba(214,169,0,.18),inset 0 1px 0 rgba(255,255,255,.42);
}
.service,.about-stats div,.vision-grid article,.service-details article,.process-grid article,
.why-grid article,.facility-list span,.quality-list span{
  background:
    linear-gradient(135deg,rgba(255,218,74,.055),transparent 34%),
    linear-gradient(180deg,#101111,#070808);
  border-color:rgba(214,169,0,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 25px rgba(0,0,0,.16);
}
.service:hover,.about-stats div:hover,.vision-grid article:hover,.service-details article:hover,
.process-grid article:hover,.why-grid article:hover{
  border-color:rgba(255,216,74,.65);
  box-shadow:0 0 28px rgba(214,169,0,.12),inset 0 1px 0 rgba(255,255,255,.06);
}
.projects,.clients{
  background:
    radial-gradient(circle at 50% 0%,rgba(214,169,0,.045),transparent 40%),
    linear-gradient(180deg,#040505,#090a0a 48%,#030404);
}
.client-window{
  position:relative;
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),transparent 18%),
    linear-gradient(135deg,#111313,#070808 55%,#0c0d0d);
  border-color:rgba(214,169,0,.62);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 28px rgba(0,0,0,.34);
  scrollbar-width:none;
}
.client-window::-webkit-scrollbar{display:none}
.client-track span{
  text-shadow:0 1px 10px rgba(214,169,0,.10);
}
.client-track span:nth-child(odd){
  color:#e0b42a;
  text-shadow:0 0 12px rgba(214,169,0,.16);
}

/* Mobile/tablet: real horizontal touch scrolling + JS-assisted seamless auto-slide */
@media (max-width:1050px){
  .client-window{
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    touch-action:pan-x;
    cursor:grab;
  }
  .client-window.is-dragging{cursor:grabbing}
  .client-track{
    width:max-content !important;
    min-width:max-content;
    display:flex;
    flex-wrap:nowrap;
    justify-content:flex-start !important;
    gap:34px;
    animation:none !important;
    transform:none !important;
    will-change:scroll-position;
  }
  .client-track span{
    flex:0 0 auto;
    white-space:nowrap;
    padding:2px 0;
  }
}
@media (max-width:650px){
  .client-window{padding:11px 16px}
  .client-track{gap:28px}
  .client-track span{font-size:16px}
}


/* ===== FINAL BCC CLIENT BREAKING BAR + BLACK/GOLD GET IN TOUCH ===== */
.navbtn,.goldbtn{
  position:relative;
  overflow:hidden;
  color:#f3c83d!important;
  background:linear-gradient(135deg,#020202 0%,#0d0d0d 48%,#020202 100%)!important;
  border:1px solid #d6a900!important;
  box-shadow:0 0 0 1px rgba(255,216,74,.08),0 7px 22px rgba(214,169,0,.16),inset 0 1px 0 rgba(255,255,255,.12)!important;
  text-shadow:0 0 9px rgba(255,216,74,.16);
  transition:transform .2s ease,box-shadow .2s ease,color .2s ease,background .2s ease;
}
.navbtn:before,.goldbtn:before{
  content:"";
  position:absolute;
  top:0;left:-120%;width:65%;height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.24),transparent);
  transform:skewX(-20deg);
  transition:left .55s ease;
}
.navbtn:hover,.goldbtn:hover{
  color:#050505!important;
  background:linear-gradient(135deg,#9c7800 0%,#e2b52a 45%,#ffe98a 58%,#b88c00 100%)!important;
  box-shadow:0 0 24px rgba(214,169,0,.28),inset 0 1px 0 rgba(255,255,255,.48)!important;
  transform:translateY(-1px);
}
.navbtn:hover:before,.goldbtn:hover:before{left:140%;}

/* True breaking-news style ticker: works on desktop, tablet and mobile without scrollLeft/JS conflicts. */
.clients .client-window{
  overflow:hidden!important;
  width:100%;
  position:relative;
  touch-action:pan-y;
  cursor:default;
}
.clients .client-track{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:max-content!important;
  min-width:max-content!important;
  gap:0!important;
  white-space:nowrap!important;
  animation:clientBreakingBar 24s linear infinite!important;
  transform:translate3d(0,0,0);
  will-change:transform;
}
.clients .client-group{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  gap:40px!important;
  padding-right:40px;
}
.clients .client-track span{
  flex:0 0 auto!important;
  display:inline-block!important;
  white-space:nowrap!important;
  padding:2px 0!important;
}
.clients .client-track:hover{animation-play-state:paused!important;}
@keyframes clientBreakingBar{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@media(max-width:1050px){
  .clients .client-track{animation-duration:20s!important;}
  .clients .client-group{gap:30px!important;padding-right:30px;}
  .clients .client-window{padding:11px 16px;}
}
@media(max-width:650px){
  .clients .client-track{animation-duration:17s!important;}
  .clients .client-group{gap:24px!important;padding-right:24px;}
  .clients .client-track span{font-size:16px!important;}
}
@media(prefers-reduced-motion:reduce){
  .clients .client-track{animation:none!important;transform:none!important;}
}


/* FINAL CLIENT SECTION: static brand-name cards in glossy black and gold */
.clients .client-window{
  overflow:visible!important;
  width:100%;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.clients .client-track{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
  white-space:normal!important;
  flex-wrap:initial!important;
  justify-content:initial!important;
  align-items:stretch!important;
  animation:none!important;
  transform:none!important;
  will-change:auto!important;
}
.clients .client-track span,
.clients .client-track span:nth-child(odd){
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:62px;
  padding:14px 12px!important;
  flex:none!important;
  white-space:normal!important;
  text-align:center;
  color:#f7d65c!important;
  font-size:clamp(14px,1.25vw,17px)!important;
  font-weight:700;
  letter-spacing:.35px;
  text-shadow:0 0 8px rgba(255,216,74,.28),0 1px 1px #000!important;
  background:linear-gradient(145deg,#171717 0%,#080808 48%,#17130a 100%)!important;
  border:1px solid rgba(255,216,74,.72)!important;
  border-radius:8px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 4px 15px rgba(214,169,0,.12),0 0 12px rgba(214,169,0,.06)!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.clients .client-track span:hover{
  transform:translateY(-2px);
  border-color:#ffe98a!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 20px rgba(255,216,74,.2)!important;
}
@media(max-width:650px){
  .clients .client-track{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .clients .client-track span{min-height:54px;padding:12px 8px!important;}
}


/* ===== RESPONSIVE BOX SIZE FIX: MOBILE + TABLET ONLY ===== */
@media (max-width:1050px){
  .service-grid,
  .project-track,
  .about-stats,
  .vision-grid,
  .service-details,
  .process-grid,
  .facility-list,
  .quality-list,
  .why-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }
  .service,.about-stats>div,.vision-grid article,.service-details article,
  .process-grid article,.facility-list span,.quality-list span,.why-grid article{
    min-width:0;
    box-sizing:border-box;
    padding:16px 13px !important;
  }
  .why-grid article{border-right:1px solid #333 !important;border-bottom:1px solid #333;}
  .why-grid article:nth-child(2n){border-right:0 !important;}
  .service-details h3,.process-grid h3,.vision-grid h3{font-size:15px;line-height:1.4;overflow-wrap:anywhere;}
  .service-details p,.process-grid p,.why-grid p{font-size:12px;line-height:1.5;}
  .facility-list span,.quality-list span{font-size:12px;line-height:1.4;padding:13px 10px !important;overflow-wrap:anywhere;}
  .about-stats b{font-size:17px;overflow-wrap:anywhere;}
}
@media (max-width:650px){
  .wrap{width:min(100% - 24px,var(--wrap));}
  .service-grid,.project-track,.about-stats,.vision-grid,.service-details,
  .process-grid,.facility-list,.quality-list,.why-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:9px !important;
  }
  .service,.about-stats>div,.vision-grid article,.service-details article,
  .process-grid article,.facility-list span,.quality-list span,.why-grid article{
    padding:12px 10px !important;
    min-width:0;
  }
  .service h3,.service-details h3,.process-grid h3,.vision-grid h3,.why-grid h3{
    font-size:13px !important;line-height:1.35 !important;overflow-wrap:anywhere;
  }
  .service p,.service-details p,.process-grid p,.why-grid p{font-size:11px !important;line-height:1.45 !important;}
  .service-details article>b,.process-grid article>b{font-size:11px;}
  .about-stats b{font-size:15px !important;margin-bottom:5px;}
  .about-stats span{font-size:11px;}
  .facility-list span,.quality-list span{font-size:11px;line-height:1.35;padding:11px 8px !important;}
  .facility-list span:before,.quality-list span:before{margin-right:5px;}
  .why-grid article{border-bottom:1px solid #333 !important;}
  .why-grid article:nth-child(2n){border-right:0 !important;}
  .project img{height:105px;}
  .clients .client-track{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}


/* ===== PREMIUM COMPACT MOBILE/TABLET POLISH — desktop untouched ===== */
@media (max-width:1050px){
  :root{--wrap:100%;}
  .wrap{width:min(100% - 30px, 900px);}
  section{scroll-margin-top:76px;}
  .section-title{margin-bottom:20px!important;gap:8px!important;}
  .section-title h2,.about-pdf .section-title h2,.vision h2,.facility-text h2,.process h2,.quality h2{
    font-size:clamp(22px,3.5vw,30px)!important;line-height:1.18!important;letter-spacing:-.35px;
  }
  .section-title p{font-size:13px;line-height:1.6;}
  .service-grid,.about-stats,.vision-grid,.service-details,.process-grid,.facility-list,.quality-list,.why-grid{
    gap:10px!important;
  }
  .service,.about-stats>div,.vision-grid article,.service-details article,.process-grid article,
  .facility-list span,.quality-list span,.why-grid article{
    padding:13px 11px!important;border-radius:10px!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 5px 14px rgba(0,0,0,.22)!important;
  }
  .service h3,.service-details h3,.process-grid h3,.vision-grid h3,.why-grid h3{
    font-size:clamp(12px,1.6vw,15px)!important;line-height:1.35!important;
  }
  .service p,.service-details p,.process-grid p,.why-grid p{font-size:12px!important;line-height:1.5!important;}
  .about-stats b{font-size:17px!important;}
  .project-track{gap:10px!important;}
  .project-track .project{border-radius:10px;overflow:hidden;}
  .project img{height:clamp(92px,16vw,135px)!important;object-fit:cover;}
  .goldbtn,.navbtn{min-height:40px;padding:10px 15px!important;border-radius:8px!important;font-size:13px!important;}
  .clients .client-track{gap:9px!important;}
  .clients .client-track span{min-height:48px!important;padding:10px 8px!important;border-radius:8px!important;font-size:13px!important;letter-spacing:.15px!important;}
}
@media(max-width:650px){
  .wrap{width:calc(100% - 28px)!important;}
  .hero{height:min(560px,78svh)!important;min-height:420px;}
  section{padding-top:38px!important;padding-bottom:38px!important;}
  .section-title{margin-bottom:16px!important;}
  .section-title h2,.about-pdf .section-title h2,.vision h2,.facility-text h2,.process h2,.quality h2{
    font-size:23px!important;line-height:1.2!important;
  }
  .section-title p{font-size:12px;line-height:1.55;}
  .service-grid,.about-stats,.vision-grid,.service-details,.process-grid,.facility-list,.quality-list,.why-grid{
    gap:8px!important;
  }
  .service,.about-stats>div,.vision-grid article,.service-details article,.process-grid article,
  .facility-list span,.quality-list span,.why-grid article{
    padding:11px 9px!important;border-radius:9px!important;
  }
  .service h3,.service-details h3,.process-grid h3,.vision-grid h3,.why-grid h3{font-size:12px!important;line-height:1.3!important;}
  .service p,.service-details p,.process-grid p,.why-grid p{font-size:10.5px!important;line-height:1.45!important;}
  .facility-list span,.quality-list span{font-size:10.5px!important;line-height:1.35!important;padding:10px 7px!important;}
  .about-stats b{font-size:14px!important;margin-bottom:3px!important;}
  .about-stats span{font-size:10px!important;line-height:1.35!important;}
  .about-lead{font-size:13px!important;line-height:1.65!important;}
  .about-layout{gap:16px!important;}
  .about-visual{aspect-ratio:1.6!important;border-radius:10px;overflow:hidden;}
  .project-track .project{flex-basis:calc((100% - 10px)/2)!important;}
  .project img{height:100px!important;}
  .clients .client-track{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  .clients .client-track span{min-height:44px!important;padding:8px 6px!important;font-size:11.5px!important;line-height:1.3!important;}
  .client-window{border-radius:9px!important;}
  .goldbtn,.navbtn{font-size:12px!important;padding:9px 12px!important;}
}
@media(prefers-reduced-motion:reduce){
  .service,.about-stats>div,.vision-grid article,.service-details article,.process-grid article,.why-grid article{transition:none!important;}
}