/* About page only — homepage styles are unchanged */
.about-hero{min-height:500px;position:relative;isolation:isolate;overflow:hidden;background:#f5f7f8}.about-hero:before{content:"";position:absolute;z-index:-2;inset:0 0 0 43%;background:url('assets/about-hero.jpg') center 42%/cover no-repeat}.about-hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#fff 0%,#fffe 33%,#fffd 40%,#fff1 65%,transparent 85%)}.about-hero>.container{position:relative;min-height:500px}.crumbs{padding-top:24px;color:#9b8c79;font-size:12px;display:flex;gap:12px}.crumbs a{color:#65707b}.about-hero-content{max-width:490px;padding:70px 0 68px}.about-hero h1{font-size:clamp(46px,5.5vw,75px);line-height:1.05;letter-spacing:-2px;margin:0 0 22px}.about-hero h1 span{color:#c99b43}.about-hero p{font-size:16px;line-height:1.65;margin-bottom:24px}.hero-pillars{position:absolute;right:0;top:29%;background:#111d24f2;color:#fff;border-radius:12px;padding:24px;display:grid;gap:19px;box-shadow:0 15px 35px #0002}.hero-pillars>div{display:flex;align-items:center;gap:16px;font-size:13px;line-height:1.45}.hero-pillars strong{font-size:28px;color:#d5a64d;width:34px}.about-section{padding:72px 0}.about-section p{color:#5b6670;line-height:1.72;font-size:15px}.rounded-photo{width:100%;object-fit:cover;border-radius:12px;display:block}.intro-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.intro-photo{height:390px}.about-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px;padding-top:24px;border-top:1px solid #dfbd80}.about-metrics div{display:grid;gap:6px}.about-metrics b{font-size:14px;color:#b58b3d}.about-metrics small{font-size:11px;color:#65707b}.pale{background:#faf9f7}.approach-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}.approach-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.approach-cards article{border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 5px 20px #00000010}.approach-cards img{width:100%;height:128px;object-fit:cover;display:block}.approach-cards article>div{padding:14px;display:grid;gap:6px}.approach-cards b{font-size:13px}.approach-cards small{color:#6b7480;font-size:11px;line-height:1.5}.values-section{padding-bottom:50px}.values-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:25px;align-items:end}.values-layout>img{height:270px}.value-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.value-cards article{background:#fff;border:1px solid #eee;border-radius:10px;padding:17px 12px;box-shadow:0 7px 25px #0000000a;min-height:195px}.value-cards span{display:block;color:#c99b43;font-size:27px;margin-bottom:20px}.value-cards b{font-size:12px}.value-cards p{font-size:11px;line-height:1.5}.certification{background:#faf9f7}.certification-layout{display:grid;grid-template-columns:1fr .8fr .85fr;gap:30px;align-items:center}.certification-layout>img{width:100%;height:240px;object-fit:cover;border-radius:8px}.reasons{background:#fff;border-radius:10px;padding:23px;box-shadow:0 4px 22px #00000008}.reasons ul{list-style:none;margin:0;padding:0}.reasons li{position:relative;padding:0 0 14px 22px;font-size:12px;color:#3b434a;line-height:1.4}.reasons li:before{content:'✓';position:absolute;left:0;color:#c99b43;font-weight:700}.about-cta{background:linear-gradient(90deg,#071722fa,#071722e3),url('assets/about-cta.jpg') center/cover;border-radius:12px;color:white;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:34px;margin-bottom:55px}.about-cta h2{color:#fff;margin-bottom:10px}.about-cta p{color:#d9e0e5;font-size:14px;line-height:1.5;max-width:550px}.about-cta .btn{flex-shrink:0}
@media(max-width:1000px){.intro-layout,.approach-layout{gap:30px}.hero-pillars{right:10px}.values-layout{grid-template-columns:1fr}.values-layout>img{height:340px}.certification-layout{grid-template-columns:1fr 1fr}.certification-layout .reasons{grid-column:1/-1}.value-cards article{min-height:165px}}
@media(max-width:700px){.about-hero:before{inset:0 0 0 20%;opacity:.5}.about-hero:after{background:linear-gradient(90deg,#fff 0%,#fffe 60%,#fffb 100%)}.about-hero,.about-hero>.container{min-height:460px}.about-hero-content{padding:60px 0;max-width:100%}.about-hero h1{font-size:49px}.hero-pillars{display:none}.about-section{padding:52px 0}.intro-layout,.approach-layout,.certification-layout{grid-template-columns:1fr}.intro-photo{height:300px}.certification-layout .reasons{grid-column:auto}.value-cards{grid-template-columns:repeat(2,1fr)}.values-layout>img{height:240px}.about-cta{display:block;padding:30px 22px}.about-cta .btn{margin-top:15px}.about-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:390px){.about-hero h1{font-size:41px}.approach-cards{grid-template-columns:1fr}.about-metrics{grid-template-columns:1fr 1fr}}

/* About-page refinement: independent photography, no rasterized text/cards */
.about-hero:after{background:linear-gradient(90deg,#fff 0%,#fff 31%,#fffffff5 41%,#ffffffac 52%,transparent 74%)}
.hero-pillars{min-width:275px;gap:23px;padding:27px 30px;z-index:2;box-shadow:0 18px 42px #0004}
.hero-pillars>div{font-size:15px;gap:18px}
.hero-pillars strong{font-size:30px;flex:0 0 37px}
.approach-cards img{height:168px;object-fit:cover}
.values-layout>img{height:340px;object-position:center}
.equipment-brands{min-height:275px;background:#fff;border:1px solid #ede7dc;border-radius:16px;padding:27px 20px;box-shadow:0 12px 36px #0000000b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px}
.equipment-caption{font-size:11px;letter-spacing:1.4px;color:#b58b3d;font-weight:800;text-align:center}
.equipment-brand-list{display:grid;grid-template-columns:1fr 1fr;gap:22px 26px;align-items:center;text-align:center;width:100%}
.equipment-brand-list span{font-size:clamp(19px,2vw,28px);font-weight:900;letter-spacing:-1px;white-space:nowrap}
.equipment-brand-list .hik,.equipment-brand-list .bosch{color:#e02025;font-style:italic}
.equipment-brand-list .dahua{color:#c61c24;font-style:italic}
.equipment-brand-list .axis{color:#282d32;letter-spacing:1px}
.equipment-subtitle{color:#69737c;font-size:12px;text-align:center}
@media(max-width:700px){.about-hero:before{inset:0 0 0 24%;opacity:.4}.about-hero:after{background:linear-gradient(90deg,#fff 0%,#fffffff5 60%,#ffffffba 100%)}.equipment-brands{min-height:240px}}

/* About hero v3: clean, independent image and text. No overlay, signage or floating benefits. */
.about-hero{background:#fff!important;isolation:auto!important;overflow:hidden}
.about-hero::before{content:""!important;position:absolute!important;inset:0 0 0 52%!important;background-image:url('assets/about-hero-clean.jpg')!important;background-position:center 44%!important;background-size:cover!important;opacity:1!important;z-index:0!important}
.about-hero::after{display:none!important;content:none!important}
.about-hero>.container{z-index:1;position:relative}
.about-hero-content{max-width:490px;background:#fff;position:relative}
.hero-pillars{display:none!important}
@media(max-width:900px){.about-hero::before{inset:0 0 0 57%!important}.about-hero-content{max-width:54%}.about-hero h1{font-size:clamp(38px,5vw,65px)}}
@media(max-width:700px){.about-hero::before{inset:0!important;opacity:.17!important}.about-hero-content{max-width:100%;background:transparent}.about-hero>.container{background:rgba(255,255,255,.85)}}


/* About hero rebuilt: independent HTML text and clean architectural photo */
.about-hero{position:relative!important;isolation:isolate!important;min-height:500px!important;overflow:hidden!important;background:#fff!important}
.about-hero::before{content:""!important;display:block!important;position:absolute!important;inset:0 0 0 46%!important;z-index:-2!important;opacity:1!important;background:url("assets/about-hero-facade.jpg") center 49% / cover no-repeat!important}
.about-hero::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:-1!important;background:linear-gradient(90deg,#fff 0%,#fff 34%,rgba(255,255,255,.96) 39%,rgba(255,255,255,.72) 46%,rgba(255,255,255,0) 62%)!important;pointer-events:none!important}
.about-hero>.container{position:relative!important;z-index:1!important;min-height:500px!important}
.about-hero-content{position:relative!important;background:transparent!important;max-width:490px!important;padding:70px 0 68px!important}
.about-hero .crumbs{position:relative;z-index:2}
.about-hero .hero-pillars{display:none!important}
@media(max-width:700px){.about-hero::before{inset:0 0 0 16%!important;background-position:center!important;opacity:.5!important}.about-hero::after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.97) 50%,rgba(255,255,255,.72) 100%)!important}.about-hero-content{padding:55px 0!important;max-width:100%!important}.about-hero,.about-hero>.container{min-height:460px!important}}

/* Approved new architecture image: photograph only, no baked-in words. */
.about-hero{background:#fff!important;position:relative!important;isolation:isolate!important;overflow:hidden!important;min-height:540px!important}
.about-hero::before{content:""!important;display:block!important;position:absolute!important;inset:0 0 0 43%!important;z-index:-2!important;opacity:1!important;background:url("assets/about-hero-new.jpg") center center / cover no-repeat!important}
.about-hero::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:-1!important;background:linear-gradient(90deg,#fff 0%,#fff 29%,rgba(255,255,255,.97) 37%,rgba(255,255,255,.73) 48%,rgba(255,255,255,.15) 65%,transparent 79%)!important;pointer-events:none!important}
.about-hero>.container{min-height:540px!important;position:relative!important;z-index:1!important}
.about-hero-content{background:transparent!important;max-width:520px!important;padding:74px 0 75px!important}
.about-hero .hero-pillars{display:none!important}
@media(max-width:900px){.about-hero::before{inset:0 0 0 32%!important}.about-hero::after{background:linear-gradient(90deg,#fff 0%,#fff 26%,rgba(255,255,255,.90) 50%,rgba(255,255,255,.24) 100%)!important}}
@media(max-width:700px){.about-hero::before{inset:0!important;opacity:.32!important;background-position:55% center!important}.about-hero::after{background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.79))!important}.about-hero-content{max-width:100%!important;padding:58px 0!important}.about-hero,.about-hero>.container{min-height:470px!important}}

/* Social icons: locally stored full-color SVG artwork (not CSS recoloring). */
.footer .socials a,.footer .socials .social-icon{background:transparent!important;border-radius:12px!important;overflow:hidden;padding:0!important;box-shadow:none!important}
.footer .socials img{width:100%!important;height:100%!important;object-fit:contain!important;display:block}