:root{
  --ink:#171717;--muted:#73706d;--paper:#fff;--soft:#f4f1ec;--warm:#b2a198;
  --warm-dark:#8e7e75;--line:#e5e0db;--max:1240px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}
.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(0,0,0,.06)}
.brand img{width:180px;max-height:60px;object-fit:contain}.nav{display:flex;gap:34px;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.nav a{position:relative;padding:10px 0}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:1px;background:#111;transition:.25s}.nav a:hover:after,.nav a.active:after{right:0}.menu-toggle{display:none;border:0;background:none;font-size:26px}
.hero{position:relative;height:72vh;min-height:520px;overflow:hidden;background:#111}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease}.hero-slide.active{opacity:1}.hero-slide img{width:100%;height:100%;object-fit:cover;filter:brightness(.73)}.hero-copy{position:absolute;left:8vw;bottom:13vh;color:#fff;z-index:2}.hero-copy h1{font-size:clamp(42px,6vw,92px);margin:0 0 8px;font-weight:300;letter-spacing:.02em}.hero-copy p{font-size:18px;letter-spacing:.08em}
.section{max-width:var(--max);margin:auto;padding:82px 5vw}.section-title{text-align:center;font-size:29px;letter-spacing:.16em;font-weight:400;margin:0 0 48px;text-transform:uppercase}.center-copy{text-align:center;max-width:900px;margin:0 auto;color:#555}
.stats{display:grid;grid-template-columns:repeat(4,1fr);max-width:var(--max);margin:auto;padding:48px 5vw;border-bottom:1px solid var(--line)}.stat{text-align:center}.stat b{display:block;font-size:34px;font-weight:400}.stat span{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}
.portfolio-grid,.projects-grid,.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portfolio-card,.project-card,.product-card{position:relative;overflow:hidden;background:var(--soft);min-height:300px}.portfolio-card img,.project-card img,.product-card img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.portfolio-card:hover img,.project-card:hover img,.product-card:hover img{transform:scale(1.04)}
.overlay{position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(0,0,0,.78));display:flex;align-items:flex-end;padding:24px;color:white}.overlay h3{margin:0;font-size:18px;font-weight:400}.overlay p{margin:4px 0 0;font-size:12px;letter-spacing:.08em}
.journey{background:#f3f1eb}.journey .inner{max-width:970px}.journey p{font-size:16px;color:#444}.buttons{display:flex;gap:14px;justify-content:center;margin-top:30px;flex-wrap:wrap}.btn{display:inline-block;border:1px solid #111;padding:12px 22px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.btn:hover{background:#111;color:#fff}
.testimonial-list{display:grid;grid-template-columns:1fr;gap:28px;max-width:980px;margin:auto}.testimonial-card{display:grid;grid-template-columns:170px 1fr;gap:35px;align-items:center;padding:28px;border-top:1px solid var(--line)}.testimonial-card img{width:150px;height:150px;border-radius:50%;object-fit:cover}.testimonial-card p{font-family:Georgia,serif;font-size:16px;color:#555;margin:0}.testimonial-card strong{display:block;margin-top:15px;font-size:13px}.clientele img{width:100%;max-height:500px;object-fit:contain}
.page-hero{height:34vh;min-height:270px;background:#1b1b1b;color:#fff;display:flex;align-items:flex-end;padding:52px 8vw}.page-hero.compact{height:26vh;min-height:220px}.page-hero h1{font-size:52px;font-weight:300;margin:0;letter-spacing:.07em}
.about-hero{height:58vh;min-height:480px;background-position:center;background-size:cover;display:flex;align-items:flex-end;padding:70px 8vw;color:#fff}.about-hero h1{font-size:58px;font-weight:300;margin:0}.about-hero p{letter-spacing:.12em;text-transform:uppercase}
.intro{max-width:980px;margin:auto;padding:72px 5vw;font-size:17px;color:#444}.about-intro p{text-align:center}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:40px}.why-grid>div{text-align:center}.why-grid img{width:96px;height:96px;object-fit:contain;margin:0 auto 18px}.why-grid span{font-size:12px;letter-spacing:.11em}
.about-band{background:#fff}.about-band.alt{background:#aa9a91;color:#fff}.about-band-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:460px}.about-band img{width:100%;height:100%;object-fit:cover;min-height:460px}.about-copy{padding:70px 8vw;display:flex;flex-direction:column;justify-content:center}.about-copy h2{font-size:38px;font-weight:300;margin:0 0 22px}.about-copy p{margin:0;color:inherit}
.infrastructure{background:#fff}.infra-copy{max-width:940px;margin:0 auto 45px;text-align:center;color:#555}.process-map{width:100%;margin:30px auto 45px}.infra-images{display:grid;grid-template-columns:2fr 1fr;gap:18px}.infra-images img{width:100%;height:430px;object-fit:cover}
.founder-section{background:#a99990;color:#fff}.founder-grid{display:grid;grid-template-columns:340px 1fr;gap:55px;align-items:center}.founder-grid img{width:100%;max-height:480px;object-fit:cover}.founder-grid h2{font-size:38px;font-weight:300;margin-top:0}.founder-grid p{color:#fff}
.filters{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin:-18px 0 44px}.filter{border:0;background:none;padding:8px 9px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;color:#444}.filter.active,.filter:hover{border-bottom:1px solid #111}.project-card,.product-card{height:360px}.project-card.hidden,.product-card.hidden{display:none}.product-filters{max-width:1040px;margin-left:auto;margin-right:auto}.coming-soon{text-align:center;margin:45px 0 0;text-transform:uppercase;letter-spacing:.12em}.coming-soon span{display:block;color:#999;font-size:12px;margin-top:8px}
.project-detail-hero{position:relative;height:68vh;min-height:520px;background:#111}.project-detail-hero>img{width:100%;height:100%;object-fit:cover;filter:brightness(.66)}.project-title{position:absolute;left:8vw;bottom:60px;color:#fff;max-width:900px}.project-title span{font-size:11px;letter-spacing:.16em;text-transform:uppercase}.project-title h1{font-size:clamp(38px,5vw,72px);font-weight:300;margin:5px 0}.project-title p{margin:0;font-size:15px;letter-spacing:.08em}.project-back{font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:28px}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.gallery-item{overflow:hidden;background:#eee}.gallery-item img{width:100%;height:430px;object-fit:cover;transition:transform .4s ease}.gallery-item:hover img{transform:scale(1.025)}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:100;display:none;align-items:center;justify-content:center;padding:4vw}.lightbox.open{display:flex}.lightbox img{max-width:94vw;max-height:90vh;object-fit:contain}.lightbox button{position:absolute;right:25px;top:18px;background:none;border:0;color:white;font-size:42px;cursor:pointer}
.detail{max-width:1000px;margin:auto;padding:70px 5vw}.product-detail-image{display:block;max-width:800px;width:100%;margin:20px auto;object-fit:contain}
.map-section{height:470px}.map-section iframe{width:100%;height:100%;border:0}.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-static h2{font-size:34px;font-weight:300}.contact-card{padding:38px;background:var(--soft)}.contact-line{margin:20px 0}.contact-line small{display:block;color:#888;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}.contact-email{font-size:22px;font-family:Georgia,serif}
.footer{background:#161616;color:white;padding:55px 5vw 28px;margin-top:70px}.footer-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:24px}.footer-item{min-width:0}.footer-item>a{display:block}.footer-icon{width:42px;height:42px;object-fit:contain;margin-bottom:10px;filter:grayscale(1)}.footer strong{font-size:9px;letter-spacing:.15em;display:block;color:#aaa;margin-bottom:5px}.footer span,.footer a{font-size:11px;overflow-wrap:anywhere}.disabled-social{opacity:.42;cursor:default;user-select:none}.qr-disabled{max-width:var(--max);margin:35px auto 0;display:flex;align-items:center;gap:12px;width:max-content}.qr-disabled img{width:58px;height:58px;object-fit:contain}.qr-disabled span{font-size:10px;text-transform:uppercase;letter-spacing:.1em}.copyright{text-align:center;color:#777;margin-top:30px;font-size:10px}
.fade-in{opacity:0;transform:translateY(14px);transition:.65s}.fade-in.visible{opacity:1;transform:none}
@media(max-width:900px){
 .nav{display:none;position:absolute;top:92px;left:0;right:0;background:white;padding:28px 5vw;flex-direction:column;border-top:1px solid var(--line)}.nav.open{display:flex}.menu-toggle{display:block}
 .stats{grid-template-columns:repeat(2,1fr);gap:28px}.portfolio-grid,.projects-grid,.products-grid{grid-template-columns:repeat(2,1fr)}
 .testimonial-card{grid-template-columns:120px 1fr}.testimonial-card img{width:110px;height:110px}
 .about-band-inner,.founder-grid,.contact-wrap{grid-template-columns:1fr}.about-band.alt .about-band-inner img{order:0}.about-band.alt .about-copy{order:1}
 .infra-images{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(3,1fr)}.gallery-grid{grid-template-columns:1fr}.gallery-item img{height:auto;max-height:620px}
}
@media(max-width:600px){
 .site-header{height:76px}.brand img{width:140px}.nav{top:76px}.hero{height:62vh;min-height:430px}.hero-copy{left:7vw;bottom:10vh}
 .stats,.portfolio-grid,.projects-grid,.products-grid,.why-grid{grid-template-columns:1fr}.section{padding:58px 5vw}.page-hero h1,.about-hero h1{font-size:40px}
 .about-hero{height:46vh;min-height:380px}.about-band-inner{min-height:0}.about-band img{min-height:300px}.about-copy{padding:50px 7vw}
 .testimonial-card{grid-template-columns:1fr;text-align:center}.testimonial-card img{margin:auto}.infra-images img{height:300px}
 .project-detail-hero{height:56vh;min-height:430px}.project-title{left:7vw;bottom:38px}.footer-grid{grid-template-columns:1fr 1fr}.project-card,.product-card{height:300px}.map-section{height:360px}
}


/* ===== BUILD 4: SUBTLE MODERN NAVIGATION =====
   Keeps the original light header and Tectonics identity.
   Only the navigation affordance is modernized.
*/
.site-header{
  padding-left:5vw;
  padding-right:5vw;
  gap:28px;
}
.nav{
  gap:9px;
  align-items:center;
}
.nav a{
  padding:10px 14px;
  background:#111;
  color:#fff;
  border:1px solid #111;
  border-radius:3px;
  line-height:1;
  transition:background-color .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease;
}
.nav a:after{
  display:none;
}
.nav a:hover{
  background:#2b2b2b;
  color:#fff;
  transform:translateY(-1px);
  box-shadow:0 3px 10px rgba(0,0,0,.12);
}
.nav a.active{
  background:#fff;
  color:#111;
  border-color:#111;
  box-shadow:inset 0 0 0 1px #111;
}
.nav a:focus-visible,
.menu-toggle:focus-visible{
  outline:2px solid #111;
  outline-offset:3px;
}

@media(max-width:900px){
  .menu-toggle{
    width:44px;
    height:40px;
    border:1px solid #111;
    border-radius:3px;
    background:#111;
    color:#fff;
    line-height:1;
    cursor:pointer;
  }
  .nav{
    gap:9px;
    padding:18px 5vw 24px;
    background:#fff;
    box-shadow:0 12px 24px rgba(0,0,0,.10);
  }
  .nav a{
    width:100%;
    padding:14px 16px;
    text-align:left;
    font-size:12px;
  }
  .nav a.active{
    background:#fff;
    color:#111;
  }
}

@media(max-width:600px){
  .site-header{
    padding-left:4vw;
    padding-right:4vw;
  }
  .nav{
    padding-left:4vw;
    padding-right:4vw;
  }
}


/* ===== BUILD 7: REGRESSION FIXES ===== */

/* Preserve the original wide process-map proportion on every viewport.
   Width/height HTML attributes remain for CLS calculations, while CSS
   prevents any browser/container from stretching the image vertically. */
.process-map{
  display:block;
  width:100%;
  height:auto !important;
  aspect-ratio:2425 / 1011;
  object-fit:contain;
  object-position:center;
}

/* Make Back navigation visually obvious without changing the V4 theme. */
.project-back{
  display:block;
  margin:0 0 30px;
}
.project-back a{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 13px;
  border:1px solid #111;
  border-radius:3px;
  background:#fff;
  color:#111;
  font-size:11px;
  font-weight:600;
  letter-spacing:.10em;
  text-transform:uppercase;
  transition:background-color .2s ease,color .2s ease,transform .2s ease;
}
.project-back a:hover{
  background:#111;
  color:#fff;
  transform:translateX(-2px);
}

/* Product cards are images only, but are clickable again. */
.product-card{
  cursor:pointer;
}
.product-card:focus-visible{
  outline:2px solid #111;
  outline-offset:3px;
}

/* Product details intentionally show the image, not synthetic Product-N labels. */
.product-detail{
  padding-top:54px;
}


/* ===== BUILD 9: AUTHENTIC ABOUT FACILITY GALLERY ===== */
.about-recovered-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}
.about-recovered-gallery img{display:block;width:100%;height:auto;aspect-ratio:1000 / 670;object-fit:cover}
@media(max-width:900px){.about-recovered-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.about-recovered-gallery{grid-template-columns:1fr}}


/* ==========================================================================
   MODERN PRODUCTION THEME
   Presentation-layer refinement over the validated static build.
   Content, navigation paths, galleries, SEO markup and image assets unchanged.
   ========================================================================== */

:root{
  --ink:#171513;
  --charcoal:#171513;
  --charcoal-2:#211e1b;
  --charcoal-3:#2b2723;
  --ivory:#f6f2ec;
  --ivory-2:#eee7df;
  --paper:#fffdf9;
  --warm:#cbb9ab;
  --bronze:#a78669;
  --bronze-light:#d2b28f;
  --muted:#79716a;
  --line:rgba(38,32,28,.14);
  --dark-line:rgba(255,255,255,.12);
  --max:1280px;
}

html{background:var(--charcoal)}
body{
  background:var(--ivory);
  color:var(--ink);
  font-family:"Aptos","Segoe UI Variable","Segoe UI",Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.72;
  letter-spacing:.005em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

h1,h2,h3,.section-title,.project-title h1,.about-copy h2,.founder-grid h2{
  font-family:"Aptos Display","Segoe UI Variable Display","Segoe UI",Arial,sans-serif;
  text-wrap:balance;
}

/* ----- Header: dark architectural frame, exact original logo ----- */
.site-header{
  height:104px;
  padding:0 clamp(24px,5vw,76px);
  background:rgba(23,21,19,.975);
  border-bottom:1px solid rgba(210,178,143,.22);
  box-shadow:0 8px 28px rgba(0,0,0,.16);
  backdrop-filter:saturate(120%) blur(12px);
  -webkit-backdrop-filter:saturate(120%) blur(12px);
  gap:34px;
}
.brand{
  display:flex;
  align-items:center;
  justify-content:center;
  width:120px;
  height:82px;
  flex:0 0 auto;
  padding:6px 12px;
  background:#f0e9e2;
  border:1px solid rgba(210,178,143,.26);
  box-shadow:0 6px 22px rgba(0,0,0,.15);
}
.brand img{
  display:block;
  width:88px !important;
  height:72px !important;
  max-height:none !important;
  object-fit:contain;
}
.nav{
  margin-left:auto;
  gap:4px;
  align-items:center;
}
.nav a{
  position:relative;
  padding:13px 15px;
  background:transparent;
  border:0;
  border-radius:0;
  color:#f7f3ee;
  font-size:11px;
  font-weight:600;
  letter-spacing:.13em;
  text-transform:uppercase;
  box-shadow:none;
  transition:color .22s ease,background-color .22s ease,transform .22s ease;
}
.nav a::after{
  content:"";
  display:block;
  position:absolute;
  left:15px;
  right:15px;
  bottom:5px;
  height:1px;
  background:var(--bronze-light);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .22s ease;
}
.nav a:hover{
  background:rgba(255,255,255,.055);
  color:#fff;
  transform:none;
  box-shadow:none;
}
.nav a:hover::after,.nav a.active::after{transform:scaleX(1)}
.nav a.active{
  background:transparent;
  color:var(--bronze-light);
  border:0;
  box-shadow:none;
}
.nav a:focus-visible,.menu-toggle:focus-visible{
  outline:2px solid var(--bronze-light);
  outline-offset:3px;
}

/* ----- Hero: retain images, improve visual hierarchy ----- */
.hero{
  height:min(78vh,820px);
  min-height:560px;
  background:#111;
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(13,12,11,.70) 0%,rgba(13,12,11,.20) 48%,rgba(13,12,11,.08) 75%),
    linear-gradient(0deg,rgba(13,12,11,.28),transparent 42%);
}
.hero-slide img{
  filter:brightness(.78) saturate(.92) contrast(1.03);
}
.hero-copy{
  left:clamp(28px,8vw,128px);
  bottom:clamp(58px,12vh,125px);
  max-width:700px;
  z-index:3;
}
.hero-copy::before{
  content:"DESIGN · MANUFACTURE · EXECUTE";
  display:block;
  margin-bottom:17px;
  color:var(--bronze-light);
  font-size:11px;
  font-weight:700;
  letter-spacing:.20em;
}
.hero-copy h1{
  font-size:clamp(48px,6.6vw,94px);
  font-weight:300;
  line-height:.98;
  letter-spacing:-.025em;
  text-shadow:0 2px 20px rgba(0,0,0,.22);
}
.hero-copy p{
  max-width:500px;
  margin-top:17px;
  font-size:16px;
  line-height:1.55;
  letter-spacing:.06em;
  color:rgba(255,255,255,.88);
}

/* ----- Stats: premium dark manufacturing band ----- */
.stats{
  position:relative;
  z-index:4;
  max-width:none;
  padding:34px max(5vw,calc((100vw - var(--max))/2));
  background:var(--charcoal);
  border:0;
  border-top:1px solid rgba(210,178,143,.18);
  border-bottom:1px solid rgba(210,178,143,.18);
}
.stat{
  padding:8px 18px;
  border-right:1px solid var(--dark-line);
}
.stat:last-child{border-right:0}
.stat b{
  color:#fff;
  font-size:31px;
  font-weight:300;
  line-height:1.1;
}
.stat span{
  margin-top:7px;
  color:#bfb3aa;
  font-weight:600;
}

/* ----- General page rhythm ----- */
.section{
  max-width:var(--max);
  padding:96px 5vw;
}
.section-title{
  position:relative;
  margin-bottom:54px;
  color:var(--ink);
  font-size:clamp(25px,2.4vw,34px);
  font-weight:500;
  letter-spacing:.16em;
}
.section-title::after{
  content:"";
  display:block;
  width:52px;
  height:1px;
  margin:17px auto 0;
  background:var(--bronze);
}
.center-copy{color:#625c57;font-size:17px;line-height:1.8}

/* ----- Portfolio / projects / products: calmer premium cards ----- */
.portfolio-grid,.projects-grid,.products-grid{
  gap:22px;
}
.portfolio-card,.project-card,.product-card{
  border:1px solid rgba(45,38,33,.08);
  background:#ddd5cd;
  box-shadow:0 14px 36px rgba(45,35,29,.08);
}
.portfolio-card::after,.product-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.12);
}
.portfolio-card img,.project-card img,.product-card img{
  transition:transform .65s cubic-bezier(.2,.65,.2,1),filter .35s ease;
}
.portfolio-card:hover img,.project-card:hover img,.product-card:hover img{
  transform:scale(1.035);
  filter:saturate(.95) contrast(1.03);
}
.project-card .overlay{
  padding:28px;
  background:linear-gradient(transparent 37%,rgba(17,15,13,.92));
}
.overlay h3{
  font-size:20px;
  font-weight:450;
  letter-spacing:.015em;
}
.overlay p{color:#d4c9c0}

/* ----- Journey: one signature dark section using existing content ----- */
.journey{
  background:
    linear-gradient(135deg,#191715 0%,#25211e 65%,#1b1816 100%);
  color:#fff;
}
.journey .section-title{color:#fff}
.journey .section-title::after{background:var(--bronze-light)}
.journey p{
  color:#d8d0c9;
  font-size:16px;
  line-height:1.85;
}
.btn{
  border:1px solid var(--bronze);
  padding:13px 24px;
  background:transparent;
  color:inherit;
  font-weight:700;
  letter-spacing:.14em;
  transition:background .22s ease,color .22s ease,border-color .22s ease,transform .22s ease;
}
.journey .btn{
  color:#fff;
  border-color:var(--bronze-light);
}
.btn:hover,.journey .btn:hover{
  background:var(--bronze-light);
  border-color:var(--bronze-light);
  color:#171513;
  transform:translateY(-1px);
}
.about-us-home{background:var(--ivory)}
.testimonials-section{
  max-width:none;
  background:var(--ivory-2);
}
.testimonials-section>.section-title,
.testimonials-section>.testimonial-list{
  max-width:1080px;
  margin-left:auto;
  margin-right:auto;
}
.testimonial-list{gap:22px}
.testimonial-card{
  grid-template-columns:150px 1fr;
  padding:34px;
  border:1px solid rgba(45,38,33,.10);
  background:rgba(255,253,249,.78);
  box-shadow:0 12px 32px rgba(48,39,33,.055);
}
.testimonial-card img{
  width:128px;
  height:128px;
  border:4px solid #fff;
  box-shadow:0 10px 24px rgba(0,0,0,.10);
}
.testimonial-card p{
  color:#504a45;
  font-size:16px;
  line-height:1.75;
}
.testimonial-card strong{
  color:#7c614c;
  letter-spacing:.025em;
}
.clientele{background:var(--paper)}

/* ----- Inner-page heroes ----- */
.page-hero{
  min-height:300px;
  background:
    radial-gradient(circle at 78% 20%,rgba(167,134,105,.16),transparent 34%),
    linear-gradient(135deg,#171513,#28231f);
  border-bottom:1px solid rgba(210,178,143,.18);
}
.page-hero h1{
  font-size:clamp(44px,5vw,66px);
  font-weight:300;
  letter-spacing:-.025em;
}
.about-hero{
  min-height:500px;
  position:relative;
  background-position:center;
}
.about-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(18,16,14,.55),rgba(18,16,14,.12));
}
.about-hero>div{position:relative;z-index:2}
.about-hero h1{
  font-size:clamp(48px,5.4vw,72px);
  font-weight:300;
  letter-spacing:-.025em;
}

/* ----- About page: warmer architecture + dark feature bands ----- */
.intro{
  max-width:1000px;
  color:#5b5550;
  font-size:17px;
}
.why-grid{
  gap:22px;
}
.why-grid>div{
  padding:28px 20px;
  background:var(--paper);
  border:1px solid rgba(45,38,33,.09);
}
.about-band{background:var(--paper)}
.about-band.alt{
  background:linear-gradient(135deg,#25211e,#302a25);
  color:#fff;
}
.about-copy{padding:76px clamp(32px,8vw,110px)}
.about-copy h2{
  font-size:clamp(34px,3.4vw,48px);
  line-height:1.08;
}
.about-band:not(.alt) .about-copy p{color:#625b56}
.about-band.alt .about-copy p{color:#ddd4cc}
.infrastructure{
  background:var(--ivory);
}
.infra-copy{color:#5e5751}
.process-map{
  padding:20px;
  background:#fff;
  border:1px solid rgba(45,38,33,.09);
  box-shadow:0 16px 38px rgba(45,35,29,.07);
}
.infra-images,.about-recovered-gallery{gap:14px}
.infra-images img,.about-recovered-gallery img{
  box-shadow:0 12px 30px rgba(45,35,29,.08);
}
.founder-section{
  background:
    radial-gradient(circle at 80% 20%,rgba(167,134,105,.15),transparent 36%),
    linear-gradient(135deg,#171513,#28231f);
}
.founder-grid h2{color:#fff}
.founder-grid p{color:#d9d0c9}

/* ----- Filters ----- */
.filters{gap:8px;margin-bottom:46px}
.filter{
  padding:10px 14px;
  border:1px solid rgba(45,38,33,.14);
  background:rgba(255,255,255,.42);
  color:#4f4944;
  font-weight:700;
  border-radius:999px;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.filter.active,.filter:hover{
  border:1px solid var(--charcoal);
  background:var(--charcoal);
  color:#fff;
}

/* ----- Project details ----- */
.project-detail-hero{
  height:min(70vh,760px);
}
.project-detail-hero>img{
  filter:brightness(.64) saturate(.92);
}
.project-detail-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(14,13,12,.44),transparent 62%);
  pointer-events:none;
}
.project-title{z-index:2}
.project-title h1{
  font-size:clamp(42px,5.4vw,74px);
  letter-spacing:-.025em;
}
.project-title span{color:var(--bronze-light);font-weight:700}
.project-title p{color:#ddd4cd}
.project-gallery-section{background:var(--ivory)}
.gallery-grid{gap:18px}
.gallery-item{
  border:1px solid rgba(45,38,33,.08);
  box-shadow:0 12px 30px rgba(45,35,29,.06);
}
.gallery-item img{transition:transform .55s cubic-bezier(.2,.65,.2,1)}
.gallery-item:hover img{transform:scale(1.02)}
.project-back a{
  min-height:40px;
  padding:9px 15px;
  border-color:var(--charcoal);
  background:var(--charcoal);
  color:#fff;
}
.project-back a:hover{
  background:var(--bronze);
  border-color:var(--bronze);
  color:#fff;
}

/* ----- Product detail ----- */
.product-detail{max-width:1120px}
.product-detail-image{
  padding:28px;
  background:#fff;
  border:1px solid rgba(45,38,33,.08);
  box-shadow:0 16px 38px rgba(45,35,29,.07);
}

/* ----- Contact ----- */
.map-section{
  border-bottom:1px solid var(--line);
}
.contact-static h2{
  font-size:clamp(30px,3vw,42px);
  letter-spacing:-.02em;
}
.contact-card{
  padding:42px;
  background:var(--charcoal);
  color:#fff;
  border-top:3px solid var(--bronze);
  box-shadow:0 18px 44px rgba(38,31,27,.12);
}
.contact-line{padding-bottom:17px;border-bottom:1px solid var(--dark-line)}
.contact-line:last-child{border-bottom:0}
.contact-line small{color:#b7a79a}
.contact-email{color:var(--bronze-light)}

/* ----- Footer: same information, more architectural composition ----- */
.footer{
  margin-top:0;
  padding:54px clamp(24px,5vw,76px) 28px;
  background:
    radial-gradient(circle at 10% 0%,rgba(167,134,105,.11),transparent 27%),
    #151311;
  color:#f8f4ef;
  border-top:1px solid rgba(210,178,143,.18);
}
.footer-brand-row{
  max-width:var(--max);
  margin:0 auto 38px;
  padding-bottom:28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  border-bottom:1px solid var(--dark-line);
}
.footer-brand-mark{
  width:108px;
  height:92px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:7px 12px;
  background:#eee7df;
  border:1px solid rgba(210,178,143,.28);
}
.footer-brand-mark img{
  width:82px;
  height:78px;
  object-fit:contain;
}
.footer-brand-line{
  color:#cbbcb0;
  font-size:11px;
  font-weight:700;
  letter-spacing:.19em;
  text-transform:uppercase;
  text-align:right;
}
.footer-grid{
  gap:18px;
}
.footer-item{
  padding:19px 16px;
  min-height:132px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.025);
  transition:background .2s ease,border-color .2s ease;
}
.footer-item:hover{
  background:rgba(255,255,255,.045);
  border-color:rgba(210,178,143,.18);
}
.footer-icon{
  width:34px;
  height:34px;
  margin-bottom:13px;
  filter:grayscale(1) brightness(1.5);
  opacity:.82;
}
.footer strong{
  color:var(--bronze-light);
  font-size:9px;
  font-weight:700;
}
.footer span,.footer a{color:#ddd5ce;font-size:11px}
.footer a:hover{color:#fff}
.disabled-social{opacity:.34}
.qr-disabled{margin-top:30px}
.copyright{
  margin-top:30px;
  padding-top:22px;
  border-top:1px solid var(--dark-line);
  color:#80776f;
}

/* ----- Subtle motion only; no heavy runtime ----- */
.fade-in{
  transform:translateY(18px);
  transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.2,1);
}

/* ----- Responsive ----- */
@media(max-width:1080px){
  .site-header{height:94px}
  .brand{width:105px;height:74px}
  .brand img{width:76px !important;height:64px !important}
  .nav a{padding-left:10px;padding-right:10px;font-size:10px}
}

@media(max-width:900px){
  .site-header{height:84px;padding-left:4vw;padding-right:4vw}
  .brand{width:94px;height:66px;padding:4px 8px}
  .brand img{width:68px !important;height:57px !important}
  .menu-toggle{
    display:block;
    width:44px;
    height:42px;
    border:1px solid rgba(210,178,143,.48);
    background:transparent;
    color:#fff;
  }
  .nav{
    top:84px;
    left:0;
    right:0;
    gap:7px;
    padding:18px 4vw 24px;
    background:#1a1816;
    border-top:1px solid var(--dark-line);
    box-shadow:0 18px 34px rgba(0,0,0,.28);
  }
  .nav a{
    width:100%;
    padding:15px 16px;
    background:#211e1b;
    border:1px solid rgba(255,255,255,.07);
    color:#f5f0eb;
    text-align:left;
  }
  .nav a::after{display:none}
  .nav a.active{
    background:#eee7df;
    color:#171513;
  }
  .stats{grid-template-columns:repeat(2,1fr);gap:0}
  .stat{border-bottom:1px solid var(--dark-line)}
  .stat:nth-child(2){border-right:0}
  .testimonial-card{grid-template-columns:120px 1fr}
  .footer-grid{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:600px){
  body{font-size:15px}
  .site-header{height:76px}
  .brand{width:84px;height:58px}
  .brand img{width:60px !important;height:51px !important}
  .nav{top:76px}
  .hero{height:67vh;min-height:470px}
  .hero-copy{left:7vw;right:7vw;bottom:64px}
  .hero-copy::before{font-size:9px;letter-spacing:.15em}
  .hero-copy h1{font-size:clamp(42px,13vw,62px)}
  .hero-copy p{font-size:14px}
  .stats{padding-left:4vw;padding-right:4vw}
  .stat{padding:20px 10px}
  .stat b{font-size:27px}
  .section{padding:70px 5vw}
  .section-title{font-size:24px;margin-bottom:40px}
  .portfolio-grid,.projects-grid,.products-grid{gap:14px}
  .testimonial-card{
    grid-template-columns:1fr;
    padding:27px 22px;
    text-align:center;
  }
  .testimonial-card img{margin:auto}
  .about-copy{padding:48px 7vw}
  .about-copy h2{font-size:34px}
  .process-map{padding:8px}
  .project-title{left:7vw;right:7vw;bottom:40px}
  .project-title h1{font-size:42px}
  .contact-card{padding:30px 24px}
  .footer{padding-left:5vw;padding-right:5vw}
  .footer-brand-row{
    align-items:flex-start;
    flex-direction:column;
  }
  .footer-brand-line{text-align:left}
  .footer-grid{grid-template-columns:1fr 1fr;gap:10px}
  .footer-item{min-height:118px;padding:15px 13px}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    scroll-behavior:auto !important;
    transition-duration:.01ms !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
  }
}


/* ==========================================================================
   REFINED LOGO-INTEGRATED THEME
   Built over the validated modern package.
   ========================================================================== */

:root{
  --logo-beige:#c5aaa2;
  --logo-brown:#654b45;
  --logo-brown-deep:#513b36;
  --logo-ivory:#f7f2ec;
}

/* ----- Header palette sampled from the actual logo ----- */
.site-header{
  background:rgba(197,170,162,.98);
  border-bottom:1px solid rgba(81,59,54,.22);
  box-shadow:0 7px 24px rgba(81,59,54,.12);
}

/* Let the real transparent PNG merge into the logo-colored header. */
.brand{
  width:124px;
  height:88px;
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
}
.brand img{
  width:96px !important;
  height:84px !important;
  object-fit:contain;
}

.nav a{
  color:var(--logo-brown-deep);
  font-weight:700;
}
.nav a::after{background:var(--logo-brown-deep)}
.nav a:hover{
  background:rgba(81,59,54,.09);
  color:#382824;
}
.nav a.active{
  color:#382824;
}
.nav a:focus-visible,.menu-toggle:focus-visible{
  outline-color:var(--logo-brown-deep);
}

/* Internal pages: consistent slim global header. */
.site-header.internal-header{
  height:76px;
}
.site-header.internal-header .brand{
  width:92px;
  height:66px;
}
.site-header.internal-header .brand img{
  width:68px !important;
  height:60px !important;
}
.site-header.internal-header .nav a{
  padding-top:11px;
  padding-bottom:11px;
}

/* Home keeps the fuller cinematic header/hero composition. */
body:has(.hero) .site-header:not(.internal-header){
  height:104px;
}

/* Mobile menu uses the logo brown rather than black. */
.menu-toggle{
  border-color:var(--logo-brown-deep) !important;
  background:var(--logo-brown-deep) !important;
  color:var(--logo-ivory) !important;
}
@media(max-width:900px){
  .nav{
    background:var(--logo-beige);
    border-top:1px solid rgba(81,59,54,.18);
    box-shadow:0 18px 34px rgba(81,59,54,.18);
  }
  .nav a{
    background:rgba(247,242,236,.38);
    border:1px solid rgba(81,59,54,.10);
    color:var(--logo-brown-deep);
  }
  .nav a.active{
    background:var(--logo-brown-deep);
    color:var(--logo-ivory);
  }
  .site-header.internal-header .nav{top:76px}
}

/* ----- Footer: slim, no repeated logo or tagline ----- */
.footer{
  padding:34px clamp(24px,5vw,76px) 20px;
  background:
    radial-gradient(circle at 12% 0%,rgba(197,170,162,.11),transparent 28%),
    var(--logo-brown-deep);
  border-top:1px solid rgba(247,242,236,.16);
}
.footer-grid{
  gap:10px;
}
.footer-item{
  min-height:100px;
  padding:14px 13px;
  background:transparent;
  border:0;
  border-left:1px solid rgba(247,242,236,.12);
}
.footer-item:first-child{border-left:0}
.footer-item:hover{
  background:rgba(247,242,236,.035);
  border-color:rgba(247,242,236,.12);
}
.footer-icon{
  width:28px;
  height:28px;
  margin-bottom:9px;
  filter:grayscale(1) brightness(2.15);
}
.footer strong{
  color:#eadbd4;
}
.footer span,.footer a{
  color:#f0e8e3;
}
.qr-disabled{margin-top:18px}
.copyright{
  margin-top:20px;
  padding-top:16px;
  color:#c1aaa1;
}

/* ----- Internal pages begin directly with useful content ----- */
main > .section:first-child{
  padding-top:64px;
}
#products + .section,
#projects + .section{
  padding-top:64px;
}

/* Products are intentionally display-only; no detail click affordance. */
.product-card{
  cursor:default !important;
}
.product-card:hover img{
  transform:scale(1.025);
}
.product-card:focus-visible{
  outline:none;
}

/* ----- About: original-style text over authentic image ----- */
.about-hero.about-original-treatment{
  height:auto;
  min-height:650px;
  display:flex;
  align-items:center;
  padding:64px 7vw;
  background-position:center;
  background-size:cover;
  position:relative;
}
.about-hero.about-original-treatment::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(20,15,13,.54);
}
.about-original-copy{
  position:relative;
  z-index:2;
  width:min(920px,100%);
  margin:0 auto;
  padding:42px 46px;
  color:#fff;
  background:rgba(33,24,21,.60);
  border-left:3px solid var(--logo-beige);
  box-shadow:0 18px 44px rgba(0,0,0,.18);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}
.about-original-copy p{
  margin:0 0 15px;
  color:#f7f1ed;
  font-size:16px;
  line-height:1.72;
  text-align:left;
}
.about-original-copy p:last-child{margin-bottom:0}
.about-original-copy strong{
  color:#fff;
  font-weight:700;
}

/* WHY US now follows the image treatment with no duplicate introduction. */
.about-intro{
  padding-top:72px;
}

/* Keep warm logo color visible in small interactive accents. */
.filter.active,.filter:hover,
.project-back a{
  background:var(--logo-brown-deep);
  border-color:var(--logo-brown-deep);
}
.project-back a:hover{
  background:var(--logo-brown);
  border-color:var(--logo-brown);
}
.section-title::after{
  background:var(--logo-brown);
}

/* Contact begins with map immediately; projects/products with filters. */
.map-section{
  margin-top:0;
}
.contact-wrap{
  padding-top:72px;
}
.contact-card{
  background:var(--logo-brown-deep);
  border-top-color:var(--logo-beige);
}

/* Internal spacing after removal of generic title bands. */
.projects-grid,.products-grid{
  scroll-margin-top:96px;
}

/* Responsive refinement. */
@media(max-width:900px){
  .site-header.internal-header{
    height:72px;
  }
  .site-header.internal-header .brand{
    width:82px;
    height:60px;
  }
  .site-header.internal-header .brand img{
    width:61px !important;
    height:54px !important;
  }
  .site-header.internal-header .nav{top:72px}
  .footer-grid{grid-template-columns:repeat(3,1fr)}
  .footer-item:nth-child(4){border-left:0}
  .about-hero.about-original-treatment{
    min-height:600px;
    padding:48px 5vw;
  }
  .about-original-copy{
    padding:34px 32px;
  }
}

@media(max-width:600px){
  .site-header:not(.internal-header){
    height:76px !important;
  }
  .site-header.internal-header{
    height:68px;
  }
  .site-header.internal-header .brand{
    width:74px;
    height:56px;
  }
  .site-header.internal-header .brand img{
    width:55px !important;
    height:49px !important;
  }
  .site-header.internal-header .nav{top:68px}
  .footer{
    padding-top:28px;
  }
  .footer-grid{
    grid-template-columns:1fr 1fr;
  }
  .footer-item{
    min-height:94px;
    border-left:0;
    border-top:1px solid rgba(247,242,236,.10);
  }
  .about-hero.about-original-treatment{
    min-height:0;
    padding:38px 5vw;
    background-position:center;
  }
  .about-original-copy{
    padding:27px 23px;
    background:rgba(33,24,21,.68);
  }
  .about-original-copy p{
    font-size:14px;
    line-height:1.62;
  }
  main > .section:first-child{
    padding-top:52px;
  }
}

/* ===== BUILD 12 VISUAL REFINEMENT ===== */
:root{--v12-black:#111;--v12-beige:#e8ddd4;--v12-beige2:#f1e8e1;--v12-white:#fff;--v12-max:1240px}

/* Uniform header on every page */
.site-header,.site-header.internal-header{
  height:106px!important;min-height:106px;padding:0 clamp(22px,4.5vw,72px);
  background:var(--v12-beige);border-bottom:1px solid rgba(17,17,17,.12);
  box-shadow:0 6px 22px rgba(0,0,0,.08);gap:28px
}
.brand,.site-header.internal-header .brand{
  width:180px!important;height:94px!important;padding:4px 6px;background:transparent!important;
  border:0!important;box-shadow:none!important;flex:0 0 auto
}
.brand img,.site-header.internal-header .brand img{
  width:164px!important;height:86px!important;max-height:none!important;object-fit:contain
}
/* black oval header navigation */
.nav{margin-left:auto;display:flex;align-items:center;gap:8px}
.nav a,.site-header.internal-header .nav a{
  position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:38px;
  padding:10px 16px!important;background:var(--v12-black)!important;color:#fff!important;
  border:1px solid var(--v12-black)!important;border-radius:999px!important;font-size:11px;
  font-weight:700;line-height:1;letter-spacing:.12em;text-transform:uppercase;box-shadow:none!important
}
.nav a::after{content:"";position:absolute;left:18px;right:18px;bottom:6px;height:1px;background:#fff;transform:scaleX(0);transition:.18s}
.nav a:hover{background:#292929!important;border-color:#292929!important;color:#fff!important}
.nav a:hover::after,.nav a.active::after{transform:scaleX(1)}
.nav a.active{background:var(--v12-black)!important;color:#fff!important}

/* black footer */
.footer{margin-top:0;padding:36px clamp(24px,5vw,76px) 20px;background:var(--v12-black);color:#fff;border-top:1px solid rgba(255,255,255,.08)}
.footer-grid{max-width:var(--v12-max);margin:auto;gap:12px}
.footer-item{min-height:100px;padding:14px;background:transparent;border:0;border-left:1px solid rgba(255,255,255,.1)}
.footer-item:first-child{border-left:0}
.footer strong,.footer span,.footer a{color:#fff}
.footer span,.footer a{opacity:.92}
.footer-icon{width:28px;height:28px;filter:grayscale(1) brightness(2.35);opacity:.88}
.copyright{margin-top:18px;padding-top:16px;color:#aaa;border-top:1px solid rgba(255,255,255,.08)}

/* beige canvas + consistent cards */
body,main{background:var(--v12-beige)}
.section{max-width:var(--v12-max)}
.filter{border-radius:999px;background:rgba(255,255,255,.56);border:1px solid rgba(17,17,17,.15);color:#333}
.filter.active,.filter:hover{background:var(--v12-black);border-color:var(--v12-black);color:#fff}
.project-card,.product-card{background:#e1d4c9}
.product-card{cursor:default!important}
.product-card:hover img{transform:scale(1.02)}

/* Home: black/beige rhythm + aligned Testimonials/Clientele widths */
.stats,.journey{background:var(--v12-black)}
.about-us-home,.testimonials-section,.clientele{background:var(--v12-beige)}
.testimonials-section{max-width:none;padding-left:0;padding-right:0}
.testimonials-section>.section-title,.testimonials-section>.testimonial-list,
.clientele{width:min(calc(100% - 10vw),var(--v12-max));max-width:var(--v12-max);margin-left:auto;margin-right:auto}
.testimonial-list{max-width:none!important}
.testimonial-card{width:100%;background:rgba(255,255,255,.72);border:1px solid rgba(33,29,26,.13)}
.clientele{padding-left:0;padding-right:0}
.clientele img{width:100%;max-height:none;object-fit:contain;background:transparent}

/* About: beige/black only, process map merges with beige */
.about-intro,.infrastructure{background:var(--v12-beige)!important}
.why-grid>div{background:transparent!important;border:0!important;box-shadow:none!important}
.about-band{background:var(--v12-beige)!important;color:#211d1a}
.about-band.alt{background:var(--v12-black)!important;color:#fff}
.about-band-inner{max-width:none;width:100%}
.about-band img{width:100%;min-height:520px;height:100%;object-fit:cover}
.about-copy{max-width:720px;width:100%;margin:auto}
.process-map{width:100%;height:auto!important;padding:0!important;margin:24px auto 34px;background:transparent!important;border:0!important;box-shadow:none!important;object-fit:contain}
.infra-images{grid-template-columns:repeat(2,1fr);gap:14px}
.infra-images img{width:100%;height:420px;object-fit:cover}
.about-recovered-gallery{width:100%;max-width:none!important;grid-template-columns:repeat(3,1fr);gap:14px}
.about-recovered-gallery img{width:100%;height:320px;object-fit:cover;box-shadow:none;border:0}
.founder-section{background:var(--v12-black)}

/* Contact info = black/white */
.contact-card{background:var(--v12-black)!important;color:#fff!important;border-top:0}
.contact-line{border-bottom:1px solid rgba(255,255,255,.12)}
.contact-line small,.contact-line span,.contact-line a,.contact-email{color:#fff!important}

/* Back controls match black pill system */
.project-back a{border-radius:999px;background:var(--v12-black);border-color:var(--v12-black);color:#fff}
.project-back a:hover{background:#292929;border-color:#292929}

@media(max-width:900px){
 .site-header,.site-header.internal-header{height:94px!important;min-height:94px;padding-left:4vw;padding-right:4vw}
 .brand,.site-header.internal-header .brand{width:150px!important;height:82px!important}
 .brand img,.site-header.internal-header .brand img{width:138px!important;height:74px!important}
 .menu-toggle{width:46px;height:42px;background:var(--v12-black)!important;border:1px solid var(--v12-black)!important;color:#fff!important;border-radius:999px}
 .nav,.site-header.internal-header .nav{top:94px!important;padding:16px 4vw 22px;background:var(--v12-beige)}
 .nav a{width:100%;justify-content:flex-start;border-radius:999px!important;background:var(--v12-black)!important;color:#fff!important;padding:14px 18px!important}
 .about-band-inner{grid-template-columns:1fr}
 .about-band img{min-height:360px;height:360px}
 .infra-images{grid-template-columns:1fr}.infra-images img{height:340px}
 .about-recovered-gallery{grid-template-columns:repeat(2,1fr)}
 .about-recovered-gallery img{height:280px}
 .footer-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:600px){
 .site-header,.site-header.internal-header{height:88px!important;min-height:88px}
 .brand,.site-header.internal-header .brand{width:138px!important;height:76px!important}
 .brand img,.site-header.internal-header .brand img{width:126px!important;height:70px!important}
 .nav,.site-header.internal-header .nav{top:88px!important}
 .about-band img{min-height:300px;height:300px}
 .infra-images img{height:300px}
 .about-recovered-gallery{grid-template-columns:1fr}
 .about-recovered-gallery img{height:auto;max-height:430px}
 .testimonials-section>.section-title,.testimonials-section>.testimonial-list,.clientele{width:90%}
 .footer-grid{grid-template-columns:1fr 1fr}
 .footer-item{border-left:0;border-top:1px solid rgba(255,255,255,.08)}
}


/* ===== BUILD 13 - CONTROLLED VISUAL REFINEMENTS ===== */
:root{
  --v13-header:#6a514b;
  --v13-pill-off:#f8f4ef;
  --v13-pill-text:#171717;
  --v13-pill-on:#111111;
  --v13-beige:#e8ddd4;
}

/* Header: deeper warm brown/taupe so the logo blends into the header */
.site-header,
.site-header.internal-header{
  background:var(--v13-header)!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 6px 22px rgba(0,0,0,.10)!important;
}
.brand,
.site-header.internal-header .brand{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* Navigation pills: inactive light/black; active black/white; no underline */
.nav a,
.site-header.internal-header .nav a{
  background:var(--v13-pill-off)!important;
  color:var(--v13-pill-text)!important;
  border:1px solid rgba(17,17,17,.16)!important;
  border-radius:999px!important;
  box-shadow:none!important;
}
.nav a::after{display:none!important}
.nav a:hover{
  background:#eee7e1!important;
  color:#111!important;
  border-color:rgba(17,17,17,.22)!important;
}
.nav a.active{
  background:var(--v13-pill-on)!important;
  color:#fff!important;
  border-color:var(--v13-pill-on)!important;
}
.nav a:focus-visible{
  outline:2px solid #fff!important;
  outline-offset:3px!important;
}
@media(max-width:900px){
  .nav,
  .site-header.internal-header .nav{
    background:var(--v13-header)!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
  }
  .nav a{
    background:var(--v13-pill-off)!important;
    color:var(--v13-pill-text)!important;
  }
  .nav a.active{
    background:var(--v13-pill-on)!important;
    color:#fff!important;
  }
}

/* About process map: integrate into same beige canvas as WHY US */
.infrastructure,
.infrastructure .section,
.about-beige-canvas{
  background:var(--v13-beige)!important;
}
.process-map{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:2425 / 1011!important;
  margin:24px auto 34px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  object-fit:contain!important;
  mix-blend-mode:multiply;
}
.infrastructure .process-map,
.infrastructure picture,
.infrastructure figure{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.why-grid>div{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}


/* ==========================================================================
   BUILD 14 - ABOUT FOUNDER ALIGNMENT + FOOTER PROPORTION REFINEMENT
   ========================================================================== */

/* 1) Badrinath section uses the same beige canvas as Infrastructure */
.founder-section{
  background:#e8ddd4 !important;
  color:#211d1a !important;
  border-top:1px solid rgba(33,29,26,.08);
}
.founder-grid{
  max-width:1240px;
  grid-template-columns:minmax(300px,390px) minmax(0,1fr);
  gap:52px;
  align-items:stretch !important;
  padding-top:72px;
  padding-bottom:72px;
}
.founder-grid > img{
  width:100% !important;
  height:100% !important;
  min-height:520px;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center top;
  align-self:stretch;
}
.founder-grid > div{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:520px;
}
.founder-grid h2{
  color:#211d1a !important;
  margin-top:0;
  margin-bottom:20px;
}
.founder-grid p{
  color:#554e49 !important;
  margin-top:0;
  margin-bottom:16px;
}

/* 2) Footer: same visual weight as header, larger icons, cleaner vertical alignment */
.footer{
  min-height:106px;
  padding:18px clamp(24px,5vw,76px) 14px !important;
  background:#111 !important;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.footer-grid{
  width:100%;
  max-width:1240px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
  align-items:stretch;
}
.footer-item{
  min-height:72px !important;
  padding:8px 12px !important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  border-left:1px solid rgba(255,255,255,.10);
  background:transparent !important;
}
.footer-item:first-child{border-left:0}
.footer-item > a{
  display:flex !important;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  width:100%;
  height:100%;
}
.footer-icon{
  width:38px !important;
  height:38px !important;
  margin:0 0 6px !important;
  object-fit:contain;
  filter:grayscale(1) brightness(2.45) !important;
  opacity:.95 !important;
}
.footer strong{
  margin-bottom:2px !important;
  color:#fff !important;
  font-size:9px !important;
  line-height:1.2;
}
.footer span,
.footer a{
  color:#fff !important;
  font-size:10px !important;
  line-height:1.25;
}
.qr-disabled{
  display:none !important;
}
.copyright{
  margin:8px 0 0 !important;
  padding-top:8px !important;
  border-top:1px solid rgba(255,255,255,.07) !important;
  color:#999 !important;
  font-size:9px !important;
  line-height:1.1;
}

/* Tablet */
@media(max-width:900px){
  .founder-grid{
    grid-template-columns:320px 1fr !important;
    gap:34px;
    padding-top:58px;
    padding-bottom:58px;
  }
  .founder-grid > img,
  .founder-grid > div{
    min-height:460px;
  }

  .footer{
    min-height:106px;
    padding-top:16px !important;
    padding-bottom:12px !important;
  }
  .footer-grid{
    grid-template-columns:repeat(3,1fr);
    gap:6px;
  }
  .footer-item{
    min-height:66px !important;
    border-top:1px solid rgba(255,255,255,.07);
  }
  .footer-item:nth-child(1),
  .footer-item:nth-child(2),
  .footer-item:nth-child(3){
    border-top:0;
  }
  .footer-item:nth-child(4){
    border-left:0;
  }
  .footer-icon{
    width:34px !important;
    height:34px !important;
  }
}

/* Mobile */
@media(max-width:600px){
  .founder-grid{
    grid-template-columns:1fr !important;
    gap:24px;
    padding-top:46px;
    padding-bottom:46px;
  }
  .founder-grid > img{
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:4 / 5;
    object-fit:cover !important;
    object-position:center top;
  }
  .founder-grid > div{
    min-height:0 !important;
    justify-content:flex-start;
  }

  .footer{
    min-height:106px;
    padding:14px 5vw 10px !important;
  }
  .footer-grid{
    grid-template-columns:1fr 1fr;
    gap:4px 8px;
  }
  .footer-item{
    min-height:62px !important;
    padding:7px 8px !important;
    border-left:0 !important;
    border-top:1px solid rgba(255,255,255,.07);
  }
  .footer-item:nth-child(1),
  .footer-item:nth-child(2){
    border-top:0;
  }
  .footer-icon{
    width:32px !important;
    height:32px !important;
  }
}

/* ===== BUILD 15 ===== */
:root{
 --v15-logo-left:#f3ece7;--v15-logo-mid:#e5d5cd;--v15-logo-warm:#b99b91;
 --v15-logo-right:#6a514b;--v15-beige:#e8ddd4;--v15-beige-soft:#efe5de;--v15-black:#111;
}
/* Header gradient: logo surface -> warm brown */
.site-header,.site-header.internal-header{
 background:linear-gradient(90deg,var(--v15-logo-left) 0%,var(--v15-logo-left) 18%,var(--v15-logo-mid) 34%,var(--v15-logo-warm) 58%,var(--v15-logo-right) 100%)!important;
 border-bottom:1px solid rgba(17,17,17,.10)!important;box-shadow:0 6px 22px rgba(0,0,0,.09)!important;
}
.brand,.site-header.internal-header .brand{background:transparent!important;border:0!important;box-shadow:none!important}
.nav a,.site-header.internal-header .nav a{background:#f8f4ef!important;color:#171717!important;border:1px solid rgba(17,17,17,.14)!important;border-radius:999px!important}
.nav a::after{display:none!important}
.nav a:hover{background:#eee7e1!important;color:#111!important}
.nav a.active{background:#111!important;color:#fff!important;border-color:#111!important}
@media(max-width:900px){
 .nav,.site-header.internal-header .nav{background:linear-gradient(90deg,var(--v15-logo-left),var(--v15-logo-mid) 45%,var(--v15-logo-warm))!important;border-top:1px solid rgba(17,17,17,.08)!important}
}
/* Home Testimonials + Clientele = beige */
.testimonials-section{background:var(--v15-beige)!important}
.testimonial-card{background:rgba(232,221,212,.64)!important;border:1px solid rgba(33,29,26,.10)!important;box-shadow:none!important}
.testimonial-card img{border-color:var(--v15-beige-soft)!important;box-shadow:0 8px 20px rgba(45,35,29,.08)!important}
.clientele{background:var(--v15-beige)!important}
.clientele img{background:transparent!important;box-shadow:none!important;border:0!important}
/* Project detail = beige only */
.project-gallery-section,.project-gallery-section .section,.project-detail,.project-content,.project-gallery,.project-gallery-section section{background:var(--v15-beige)!important}
.gallery-item{background:transparent!important;border:1px solid rgba(33,29,26,.09)!important;box-shadow:none!important}
.gallery-item img{background:transparent!important}
.project-back a{background:var(--v15-black)!important;border-color:var(--v15-black)!important;color:#fff!important}
.project-back a:hover{background:#292929!important;border-color:#292929!important}


/* ===== BUILD 16 - FINAL POLISH ===== */
:root{
  --v16-logo-edge:#f8f8f8;   /* exact outer-edge color of uploaded logo */
  --v16-soft:#f1eeec;
  --v16-mid:#e3d7d1;
  --v16-warm:#c6aaa1;
  --v16-brown:#6a514b;
  --v16-beige:#e8ddd4;
}

/* Header gradient: hold exact logo-edge color long enough to erase "brick" boundary */
.site-header,
.site-header.internal-header{
  background:
    linear-gradient(
      90deg,
      var(--v16-logo-edge) 0%,
      var(--v16-logo-edge) 26%,
      var(--v16-soft) 37%,
      var(--v16-mid) 51%,
      var(--v16-warm) 70%,
      var(--v16-brown) 100%
    ) !important;
  border-bottom:1px solid rgba(17,17,17,.08) !important;
  box-shadow:0 6px 22px rgba(0,0,0,.08) !important;
}

/* Logo remains untouched and transparent as a header element */
.brand,
.site-header.internal-header .brand{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Preserve established pill navigation behavior */
.nav a,
.site-header.internal-header .nav a{
  background:#f8f4ef !important;
  color:#171717 !important;
  border:1px solid rgba(17,17,17,.14) !important;
  border-radius:999px !important;
}
.nav a::after{display:none !important}
.nav a:hover{
  background:#eee7e1 !important;
  color:#111 !important;
}
.nav a.active{
  background:#111 !important;
  color:#fff !important;
  border-color:#111 !important;
}

/* Clientele: white is baked into source JPG.
   Multiply makes white merge into beige while retaining the logo artwork. */
.clientele{
  background:var(--v16-beige) !important;
}
.clientele img{
  display:block;
  width:100% !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  mix-blend-mode:multiply;
}

/* Keep Testimonials on the exact same beige canvas */
.testimonials-section{
  background:var(--v16-beige) !important;
}
.testimonial-card{
  background:rgba(232,221,212,.64) !important;
  box-shadow:none !important;
}

/* Mobile header retains the seamless light start around logo */
@media(max-width:900px){
  .site-header,
  .site-header.internal-header{
    background:
      linear-gradient(
        90deg,
        var(--v16-logo-edge) 0%,
        var(--v16-logo-edge) 35%,
        var(--v16-soft) 48%,
        var(--v16-mid) 62%,
        var(--v16-warm) 78%,
        var(--v16-brown) 100%
      ) !important;
  }
}

/* ===== BUILD 17 PERFORMANCE + MOBILE NAV ===== */
.hero-slide img{width:100%;height:100%;object-fit:cover}
@media(max-width:900px){
  .site-header{position:relative;justify-content:space-between}
  .menu-toggle{display:flex!important;align-items:center;justify-content:center;margin-left:auto;flex:0 0 auto;position:relative;z-index:1002}
  .nav{display:none!important;position:absolute!important;top:100%!important;right:4vw!important;left:auto!important;width:min(290px,88vw)!important;margin:0!important;padding:12px!important;gap:7px!important;border-radius:18px!important;box-shadow:0 18px 38px rgba(0,0,0,.18)!important;z-index:1001!important}
  .nav.open{display:flex!important;flex-direction:column!important}
  .nav a{width:100%!important;min-height:40px!important;justify-content:flex-start!important;padding:12px 16px!important;margin:0!important}
}
@media(min-width:901px){.nav{display:flex!important}}