:root{
 --bg:#f3f4f5;--surface:#fff;--ink:#171a1d;--muted:#62676d;--line:#dde1e4;
 --dark:#1c2024;--dark2:#0e1114;--accent:#f2a31a;--accent2:#ffc14a;
 --radius:18px;--shadow:0 16px 42px rgba(12,18,24,.10);--max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);line-height:1.52}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit}
.container{width:min(calc(100% - 44px),var(--max));margin-inline:auto}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;z-index:999;background:#fff;padding:10px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(20,25,30,.09)}
.header-inner{height:76px;display:flex;align-items:center;gap:22px}
.brand{display:flex;align-items:center;gap:10px;min-width:260px}
.brand img{width:64px;height:48px;object-fit:contain}
.brand b{display:block;font-size:.96rem}.brand small{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.header-phone{display:none}
.main-nav{display:flex;align-items:center;gap:16px;font-weight:750;font-size:.88rem;margin-left:auto}
.main-nav:before{display:none}
.main-nav>a:not(.button){padding:9px 0;border-bottom:2px solid transparent}.main-nav>a:hover{border-color:var(--accent)}
.menu-button{display:none;background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-weight:800}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:11px;font-weight:850;border:1px solid transparent;white-space:nowrap;transition:.2s}
.button:hover{transform:translateY(-1px)}
.button-accent{background:var(--accent);color:#16120b;box-shadow:0 10px 24px rgba(242,163,26,.22)}
.button-dark{background:var(--dark);color:#fff}.button-ghost{border-color:rgba(255,255,255,.42);color:#fff}
.text-link{font-weight:800;color:#fff;border-bottom:1px solid rgba(255,255,255,.45)}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--accent2);font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;margin-bottom:12px}
.eyebrow:before{content:"";width:28px;height:3px;background:var(--accent)}
.eyebrow.dark{color:#302207}.eyebrow.dark:before{background:#302207}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(2.45rem,5.1vw,5rem);line-height:1.03;letter-spacing:-.045em;margin-bottom:17px}
h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.08;letter-spacing:-.035em;margin-bottom:13px}
h3{line-height:1.2;margin-bottom:8px}
.hero{position:relative;color:#fff;overflow:hidden;background:var(--dark2)}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,12,.78) 0%,rgba(8,10,12,.47) 45%,rgba(8,10,12,.03) 100%),url("../assets/hero-electrical.webp") 78% center/auto 92% no-repeat;background-color:#11161a}
.hero-content{position:relative;z-index:1;min-height:calc(100svh - 76px);max-height:760px;padding:42px 0 28px;display:flex;flex-direction:column;justify-content:center}
.hero-content>div:first-child{max-width:825px}
.hero-lead{font-size:clamp(1rem,1.55vw,1.18rem);color:#d9dde1;max-width:790px;margin-bottom:8px}
.hero-lead strong,.hero-new strong{color:#fff}
.hero-new{color:#eef0f2;margin:0 0 19px}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.hero-facts{margin-top:28px;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);max-width:900px}
.hero-facts div{padding:14px 15px;background:rgba(14,17,20,.72);border-right:1px solid rgba(255,255,255,.12)}
.hero-facts div:last-child{border:0}.hero-facts b{display:block;font-size:1.08rem}.hero-facts span{display:block;color:#bfc5ca;font-size:.76rem}
.section{padding:58px 0}.section.compact{padding:48px 0}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px}
.section-heading>div{max-width:710px}.section-heading>p{max-width:440px;margin:0;color:var(--muted)}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.service-card>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:rgba(242,163,26,.15);font-weight:900;color:#825000;margin-bottom:14px}
.service-card h3{font-size:1.08rem}.service-card p{color:var(--muted);font-size:.9rem;margin:0}
.dark-section{background:var(--dark);color:#fff}.dark-section .section-heading p{color:#c6cbd0}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.process-grid article,.value-grid article{padding:20px;border:1px solid #3b4045;border-radius:16px;background:#272b2f}
.process-grid b{color:var(--accent);font-size:1.65rem}.process-grid p,.value-grid p{color:#c8cdd1;margin:0;font-size:.9rem}
.contact-band{background:linear-gradient(125deg,#e99507,#ffc14a);padding:40px 0}
.contact-band-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:38px;align-items:center}
.contact-band-grid p{margin-bottom:0}.contact-band-details{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.contact-phone-big{font-size:clamp(1.65rem,3vw,2.5rem);font-weight:950;letter-spacing:-.03em;white-space:nowrap}
.contact-band-details .button{margin-top:9px}
.site-footer{background:#15181b;color:#fff}
.footer-grid{padding:22px 0;display:grid;grid-template-columns:1.15fr .7fr 1fr;align-items:center;gap:24px}
.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand p{margin:0;font-size:.82rem;color:#c0c6ca}
.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 12px;font-size:.82rem;color:#c0c6ca}
.footer-contact{display:flex;flex-direction:column;font-size:.82rem;color:#c0c6ca;line-height:1.55}
.footer-contact a:first-child{color:#fff;font-weight:800}.footer-legal{border-top:1px solid #2c3034;padding:8px 0;color:#90979d;font-size:.75rem}
.page-hero{background:var(--dark2);color:#fff;padding:48px 0 40px}
.page-hero h1{max-width:1000px;font-size:clamp(2.4rem,4.8vw,4.5rem)}
.page-hero p{color:#c5cbd0;max-width:770px;margin:0;font-size:1.04rem}
.compact-hero{padding-bottom:34px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
.image-panel{min-height:390px;border-radius:22px;box-shadow:var(--shadow);background-position:center;background-size:cover}
.image-panel.electrical{background-image:url("../assets/electro-panel.webp")}
.image-panel.construction{background-image:url("../assets/construction.webp")}
.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 16px;margin-top:20px}
.check-grid span{color:var(--muted);font-size:.9rem}.check-grid span:before{content:"✓";color:#9b6200;font-weight:900;margin-right:8px}
.one-column{grid-template-columns:1fr}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.standards-section{background:#e9ecee}
.standards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.standards-grid .card{padding:18px}.standards-grid h3{font-size:.98rem}.standards-grid p{font-size:.82rem;color:var(--muted);margin:0}
.awards-section{background:#fff}
.awards-grid{display:block}
.award-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.award-cards article,.region-card{border:1px solid var(--line);border-radius:18px;padding:22px;background:#fafafa}
.award-cards b{display:block;font-size:1.15rem}.award-cards span{color:var(--muted);font-size:.85rem}
.region-card{background:var(--dark);color:#fff}.region-card p{color:#c6cbd0;margin:0}
.project-note{border-left:4px solid var(--accent);background:#fff7e8;padding:14px 16px;border-radius:10px;margin-bottom:22px;color:#604c28}
.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.project-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.project-card img{width:100%;aspect-ratio:4/2.6;object-fit:cover}
.project-card>div{padding:18px}.project-card>div>span{color:#915a00;text-transform:uppercase;letter-spacing:.09em;font-size:.7rem;font-weight:900}
.project-card h2{font-size:1.13rem;margin:8px 0}.project-card p{font-size:.84rem;color:var(--muted);min-height:62px}
.project-card button{border:1px solid var(--line);background:#f4f5f6;padding:9px 11px;border-radius:9px;font-weight:750;color:#777}
.project-ending{text-align:center;margin:22px 0 0;color:var(--muted)}
.contact-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:end}
.contact-primary{border-left:3px solid var(--accent);padding-left:24px}.contact-primary>span:not(.eyebrow){color:var(--accent2);font-weight:900;text-transform:uppercase;font-size:.74rem;letter-spacing:.1em}
.contact-primary h2{font-size:1.65rem;margin:8px 0 2px}.contact-primary p{margin:0 0 10px}.contact-primary>a{display:block}.contact-phone-big.light{color:#fff}
.contact-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:28px}
.contact-info-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}
.contact-info-list div{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px}
.contact-info-list b{display:block;font-size:.76rem;text-transform:uppercase;letter-spacing:.07em;color:#855400;margin-bottom:4px}
.contact-info-list span,.contact-info-list a{font-size:.9rem;color:var(--muted)}
.prepare-card{background:var(--dark);color:#fff;border-radius:20px;padding:25px}
.prepare-card ul{padding-left:20px;color:#c7ccd0}.prepare-card .button{margin-top:8px}
.company-data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.company-data-grid article{background:#292d31;border:1px solid #3d4247;border-radius:15px;padding:18px}
.company-data-grid b{display:block;color:var(--accent);margin-bottom:6px}.company-data-grid span{color:#d1d5d8;font-size:.9rem}
@media(max-width:1000px){
 .header-phone{display:none}.main-nav{gap:13px}
 .hero-facts{grid-template-columns:repeat(3,1fr)}
 .hero-facts div:nth-child(3),.hero-facts div:nth-child(6){border-right:0}
 .service-grid,.value-grid{grid-template-columns:repeat(2,1fr)}
 .standards-grid,.project-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:780px){
 .container{width:min(calc(100% - 28px),var(--max))}
 .header-inner{height:68px}.brand{min-width:0}.brand span{display:none}
 .menu-button{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:68px;left:14px;right:14px;background:#fff;padding:14px;border-radius:14px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
 .main-nav.open{display:flex}.main-nav a{text-align:center}.nav-call{display:none}
 .hero-content{min-height:auto;max-height:none;padding:38px 0 24px}
 .hero-facts{grid-template-columns:repeat(2,1fr)}
 .hero-facts div:nth-child(odd){border-right:1px solid rgba(255,255,255,.12)}.hero-facts div:nth-child(even){border-right:0}
 .section-heading{align-items:flex-start;flex-direction:column;gap:8px}
 .process-grid{grid-template-columns:repeat(2,1fr)}
 .contact-band-grid,.split,.awards-grid,.contact-hero-grid,.contact-layout{grid-template-columns:1fr}
 .reverse-mobile .image-panel{order:-1}
 .footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}
 .contact-primary{margin-top:8px}.project-card p{min-height:auto}
}
@media(max-width:520px){
 h1{font-size:2.35rem}.page-hero h1{font-size:2.25rem}
 .hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%}.text-link{align-self:flex-start}
 .hero-facts,.service-grid,.process-grid,.value-grid,.standards-grid,.project-grid,.check-grid,.award-cards,.contact-info-list,.company-data-grid{grid-template-columns:1fr}
 .hero-facts div{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.12)}
 .hero-facts div:last-child{border-bottom:0}
 .section.compact{padding:38px 0}.page-hero{padding:38px 0 32px}
 .image-panel{min-height:280px}
 .footer-grid{grid-template-columns:1fr;gap:13px}.footer-brand{grid-column:auto}.footer-links{grid-template-columns:repeat(4,auto);gap:10px;font-size:.75rem}
 .contact-phone-big{font-size:1.55rem}
}

.more-company-link{
 display:inline-flex;margin-top:12px;color:#fff;font-weight:850;
 border:1px solid rgba(255,255,255,.35);border-radius:10px;padding:9px 14px;
 background:rgba(12,15,18,.28)
}
.process-contact{max-width:440px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.process-contact p{margin:0;color:#c6cbd0}
.contact-band-label{font-size:1.02rem;font-weight:900;margin-bottom:2px}
.region-card-full{margin-top:16px}
.project-card{display:flex;flex-direction:column}
.project-card>div{display:flex;flex-direction:column;flex:1}
.project-card button{margin-top:auto;align-self:flex-start}
.contact-primary{align-self:start}
.contact-primary>.eyebrow{margin-bottom:8px}
.site-footer img{width:auto!important;height:54px!important;object-fit:contain!important}

@media(max-width:1100px){.main-nav:before{display:none}}
@media(max-width:780px){
 .process-contact{max-width:none}
 .contact-primary{padding-left:0;border-left:0}
}


/* Final contact-page layout */
.contact-hero-grid-final{
  align-items:start;
}
.contact-primary-final{
  padding-left:0;
  border-left:0;
}
.contact-primary-final .eyebrow{
  margin-bottom:10px;
}
.contact-role{
  margin:0 0 8px;
  color:#c5cbd0;
  font-size:.92rem;
}
.contact-email-light{
  color:#d8dde0;
  margin-top:2px;
  font-size:.92rem;
}
.contact-meta{
  display:grid;
  gap:7px;
  margin-top:16px;
}
.contact-meta div{
  display:grid;
  grid-template-columns:145px 1fr;
  gap:10px;
  align-items:start;
}
.contact-meta b{
  color:var(--accent2);
  font-size:.74rem;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.contact-meta span{
  color:#c8cdd1;
  font-size:.84rem;
}
.contact-prep-section{
  background:#eef0f2;
  padding:34px 0;
}
.prepare-card-light{
  background:#fff;
  color:var(--ink);
  border:1px solid var(--line);
  border-radius:18px;
  padding:22px 24px;
  display:grid;
  grid-template-columns:1.1fr 1fr auto;
  gap:24px;
  align-items:center;
}
.prepare-card-light p{
  color:var(--muted);
  margin-bottom:0;
  font-size:.9rem;
}
.prepare-card-light ul{
  margin:0;
  color:var(--muted);
  padding-left:20px;
  font-size:.88rem;
}
.prepare-card-light .button{
  align-self:center;
}
.company-data-section{
  padding:28px 0;
}
.company-data-section .section-heading{
  margin-bottom:14px;
}
.company-data-section .section-heading h2{
  margin-bottom:0;
  font-size:clamp(1.55rem,2.6vw,2.35rem);
}
.company-data-section .company-data-grid article{
  padding:13px 16px;
}
.company-data-section .company-data-grid b{
  margin-bottom:3px;
}
@media(max-width:900px){
  .prepare-card-light{
    grid-template-columns:1fr;
    gap:14px;
  }
  .prepare-card-light .button{
    justify-self:start;
  }
}
@media(max-width:620px){
  .contact-meta div{
    grid-template-columns:1fr;
    gap:2px;
  }
  .contact-prep-section{
    padding:28px 0;
  }
  .company-data-section{
    padding:24px 0;
  }
}


/* Correction 3 */
.hero-new{
  font-size:clamp(1rem,1.55vw,1.18rem);
  color:#d9dde1;
  max-width:790px;
  margin:0 0 8px;
}
.hero-new strong{
  color:#fff;
  font-weight:900;
}
.hero-company-link{
  display:inline-block;
  color:#fff;
  font-weight:900;
  text-decoration:underline;
  text-underline-offset:5px;
  margin:0 0 18px;
}
.hero-company-link:hover{
  color:var(--accent2);
}
.hero-actions{
  margin-top:0;
}
.hero-facts{
  margin-top:24px;
}
.plain-info-block{
  max-width:920px;
}
.plain-info-block h2{
  margin-bottom:14px;
}
.plain-info-block p{
  margin:0 0 7px;
  color:var(--muted);
}
.region-plain{
  margin-top:26px;
  padding-top:22px;
  border-top:1px solid var(--line);
}
.awards-section{
  padding-bottom:34px!important;
}
.prep-email-button{
  justify-self:center!important;
  margin-right:42px;
}
@media(max-width:900px){
  .prep-email-button{
    justify-self:start!important;
    margin-right:0;
  }
}
@media(max-width:780px){
  .hero:before{
    background:linear-gradient(90deg,rgba(8,10,12,.76),rgba(8,10,12,.32)),url("../assets/hero-electrical.webp") 70% center/cover no-repeat;
  }
}


/* Correction 4 */
.brand small{
  white-space:nowrap;
}
.brand small i{
  font-style:normal;
  color:#25292d;
  font-weight:850;
  letter-spacing:.02em;
  margin-left:4px;
}

/* Restore the original electrical-panel photograph, keep it bright and avoid excessive enlargement. */
.hero:before{
  background:
    linear-gradient(90deg,rgba(8,10,12,.74) 0%,rgba(8,10,12,.40) 46%,rgba(8,10,12,.02) 100%),
    url("../assets/electro-panel.webp") 74% center / auto 90% no-repeat;
  background-color:#11161a;
}
.hero-company-link{
  margin-bottom:18px;
}
.contact-primary-final{
  padding-bottom:0;
}
.contact-meta{
  margin-top:12px;
}
.contact-hero{
  padding-bottom:34px;
}
@media(max-width:1040px){
  .brand small i{
    display:block;
    margin-left:0;
    margin-top:2px;
  }
}
@media(max-width:780px){
  .brand small{
    display:none;
  }
  .hero:before{
    background:
      linear-gradient(90deg,rgba(8,10,12,.76),rgba(8,10,12,.27)),
      url("../assets/electro-panel.webp") 67% center / cover no-repeat;
  }
}


/* Correction 5: refined hero composition */
.hero{
  background:#0e1114;
}
.hero:before{
  background:
    linear-gradient(90deg,
      #0e1114 0%,
      #0e1114 49%,
      rgba(14,17,20,.96) 54%,
      rgba(14,17,20,.55) 63%,
      rgba(14,17,20,.08) 76%,
      rgba(14,17,20,0) 100%
    ),
    url("../assets/electro-panel.webp") right center / 58% auto no-repeat;
  background-color:#0e1114;
}
.hero-content>div:first-child{
  max-width:760px;
}
@media(max-width:1000px){
  .hero:before{
    background:
      linear-gradient(90deg,
        #0e1114 0%,
        #0e1114 44%,
        rgba(14,17,20,.88) 55%,
        rgba(14,17,20,.15) 100%
      ),
      url("../assets/electro-panel.webp") right center / 64% auto no-repeat;
  }
}
@media(max-width:780px){
  .hero:before{
    background:
      linear-gradient(180deg,
        rgba(14,17,20,.88) 0%,
        rgba(14,17,20,.70) 48%,
        rgba(14,17,20,.38) 100%
      ),
      url("../assets/electro-panel.webp") 68% center / cover no-repeat;
  }
}




/* Final photo scale: larger, balanced with the adjacent text */
.split{
  grid-template-columns:minmax(390px, .95fr) minmax(0, 1.05fr);
  gap:30px;
  align-items:center;
}
.about-photo{
  margin:0;
  justify-self:center;
  align-self:center;
  background:#fff;
  border-radius:16px;
  box-shadow:var(--shadow);
  overflow:hidden;
}
.about-photo img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
.about-photo-electrician{
  width:min(100%, 455px);
}
.about-photo-finishing{
  width:min(100%, 480px);
}
@media(max-width:1000px){
  .split{
    grid-template-columns:minmax(330px, .9fr) minmax(0, 1.1fr);
    gap:24px;
  }
  .about-photo-electrician{
    width:min(100%, 410px);
  }
  .about-photo-finishing{
    width:min(100%, 430px);
  }
}
@media(max-width:780px){
  .split{
    grid-template-columns:1fr;
  }
  .about-photo,
  .about-photo-electrician,
  .about-photo-finishing{
    width:min(100%, 420px);
  }
}
@media(max-width:520px){
  .about-photo,
  .about-photo-electrician,
  .about-photo-finishing{
    width:100%;
  }
}

/* Exact equal dimensions for the two approved photographs */
.about-photo-electrician,
.about-photo-finishing{
  width:min(100%, 480px) !important;
}
.about-photo-electrician img,
.about-photo-finishing img{
  width:100%;
  height:auto;
  aspect-ratio:1170 / 1167;
  object-fit:cover;
}

/* FINAL: two separate photographs with exactly equal displayed dimensions */
.about-photo-electrician,
.about-photo-finishing{
  width:min(100%, 480px) !important;
  aspect-ratio:768 / 1023;
  margin:0;
  align-self:center;
  justify-self:center;
  overflow:hidden;
  background:#fff;
  border-radius:16px;
  box-shadow:var(--shadow);
}
.about-photo-electrician img,
.about-photo-finishing img{
  display:block;
  width:100%;
  height:100% !important;
  object-fit:cover;
  object-position:center;
}

/* Balance image and copy so neither creates unnecessary blank space */
.split{
  grid-template-columns:minmax(390px, .98fr) minmax(0, 1.02fr);
  gap:28px;
  align-items:center;
}
.phone-button{
  min-width:185px;
  padding-inline:20px;
  font-size:.92rem;
}
.brand small i{
  font-style:normal;
  white-space:nowrap;
  margin-left:7px;
}
@media(max-width:1000px){
  .about-photo-electrician,
  .about-photo-finishing{
    width:min(100%, 430px) !important;
  }
  .split{
    grid-template-columns:minmax(330px,.95fr) minmax(0,1.05fr);
    gap:24px;
  }
}
@media(max-width:780px){
  .split{
    grid-template-columns:1fr;
  }
  .about-photo-electrician,
  .about-photo-finishing{
    width:min(100%, 420px) !important;
  }
}
@media(max-width:520px){
  .about-photo-electrician,
  .about-photo-finishing{
    width:100% !important;
  }
  .phone-button{
    min-width:0;
    width:100%;
  }
}

/* FINAL REVISION: smaller equal photographs and compact balanced layout */
.about-photo-electrician,
.about-photo-finishing{
  width:min(100%, 390px) !important;
  aspect-ratio:768 / 1023;
}
.about-photo-electrician img,
.about-photo-finishing img{
  width:100%;
  height:100% !important;
  object-fit:cover;
  object-position:center;
}
.split{
  grid-template-columns:minmax(330px, .9fr) minmax(0, 1.1fr);
  gap:24px;
  align-items:center;
}
.brand small{
  white-space:nowrap;
}
@media(max-width:1000px){
  .about-photo-electrician,
  .about-photo-finishing{
    width:min(100%, 360px) !important;
  }
  .split{
    grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);
    gap:22px;
  }
}
@media(max-width:780px){
  .split{
    grid-template-columns:1fr;
  }
  .about-photo-electrician,
  .about-photo-finishing{
    width:min(100%, 360px) !important;
  }
}
@media(max-width:520px){
  .about-photo-electrician,
  .about-photo-finishing{
    width:100% !important;
  }
}


/* SEO launch update: construction-services highlight */
.construction-news{
  padding:44px 0;
  background:#eef0f2;
}
.construction-news-panel{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  gap:28px;
  align-items:start;
  padding:28px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  box-shadow:var(--shadow);
}
.news-badge{
  display:inline-flex;
  margin:0 0 14px;
  padding:7px 11px;
  border-radius:999px;
  background:var(--accent);
  color:#2b1c02;
  font-size:.72rem;
  line-height:1;
  font-weight:950;
  letter-spacing:.11em;
}
.construction-news-copy p{
  margin:0;
  color:var(--muted);
}
.construction-news-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.construction-news-list article{
  min-height:104px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:15px;
  background:#f8f9fa;
}
.construction-news-list article:last-child{
  grid-column:1 / -1;
  min-height:auto;
}
.construction-news-list b,
.construction-news-list span{
  display:block;
}
.construction-news-list b{
  margin-bottom:5px;
  font-size:.98rem;
}
.construction-news-list span{
  color:var(--muted);
  font-size:.84rem;
}

/* Stronger responsive safeguards for varied screen widths */
body{overflow-x:hidden}
main,section,.container{min-width:0}
.hero-content>div:first-child,
.section-heading>*,
.split>*,
.contact-band-grid>*{min-width:0}

@media(max-width:1100px){
  .header-inner{gap:14px}
  .brand{min-width:220px}
  .main-nav{gap:11px;font-size:.82rem}
  .nav-call{padding-inline:13px}
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:900px){
  .construction-news-panel{grid-template-columns:1fr}
  .construction-news-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .section-heading{align-items:start}
}

@media(max-width:720px){
  .container{width:min(calc(100% - 28px),var(--max))}
  .construction-news-panel{padding:20px}
  .construction-news-list{grid-template-columns:1fr}
  .construction-news-list article:last-child{grid-column:auto}
  .service-grid,
  .project-grid,
  .process-grid,
  .standards-grid,
  .value-grid,
  .award-cards{grid-template-columns:1fr}
  .section-heading,
  .contact-band-grid{display:grid;grid-template-columns:1fr}
  .contact-band-grid{gap:22px}
  .contact-phone-big{font-size:clamp(1.45rem,8vw,2.1rem)}
}

@media(max-width:420px){
  h1{font-size:clamp(2.05rem,12vw,3rem)}
  h2{font-size:clamp(1.55rem,8vw,2.15rem)}
  .hero-actions{display:grid;grid-template-columns:1fr}
  .hero-actions .button{width:100%}
  .card{padding:18px}
}


/* FINAL APPROVED NOVINKA + transparent unchanged logo */
.brand img{width:66px;height:66px;object-fit:contain;background:transparent}
.footer-brand img{width:64px;height:64px;object-fit:contain;background:transparent}

.hero-new{display:block;color:#eef0f2;margin:0 0 19px}
.hero-new .novinka-square{margin-right:.48em}
.hero-new strong{color:var(--accent2);margin-right:.25em}
.novinka-square{display:inline-block;width:.68em;height:.68em;border-radius:2px;background:var(--accent);vertical-align:.06em;flex:0 0 auto}

.construction-news{padding:44px 0;background:#f4f5f6}
.construction-news-heading{max-width:830px;margin:0 auto 24px;text-align:center}
.construction-news-heading>.eyebrow{color:var(--accent2);margin-bottom:12px}
.construction-news-heading>.eyebrow:before{background:var(--accent)}
.construction-news-badge{display:inline-flex;align-items:center;gap:10px;margin:0 auto 14px;padding:10px 17px;border:2px solid var(--accent);border-radius:9px;background:#fff;color:var(--accent2);font-size:clamp(1.08rem,2vw,1.42rem);line-height:1;font-weight:900;letter-spacing:.07em;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.construction-news-badge .novinka-square{width:.72em;height:.72em}
.construction-news-heading h2{margin:0 0 9px}
.construction-news-heading p{max-width:700px;margin:0 auto;color:var(--muted)}
.construction-icon-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:980px;margin:0 auto;padding:18px 20px;border:1px solid rgba(242,163,26,.55);border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(0,0,0,.045)}
.construction-icon-row article{min-width:0;text-align:center;padding:4px 8px}
.construction-mini-icon{width:48px;height:48px;margin:0 auto 8px;color:var(--accent2)}
.construction-mini-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.construction-icon-row h3{font-size:.96rem;margin:0 0 5px}
.construction-icon-row p{font-size:.78rem;line-height:1.42;color:var(--muted);margin:0}

@media(max-width:900px){
  .construction-icon-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}
}
@media(max-width:760px){
  .brand img{width:58px;height:58px}
  .construction-news{padding:34px 0}
  .construction-icon-row{padding:16px 12px}
}
@media(max-width:440px){
  .construction-icon-row{grid-template-columns:1fr 1fr;gap:14px 6px}
  .construction-mini-icon{width:42px;height:42px}
  .construction-icon-row article{padding:2px 4px}
  .construction-icon-row h3{font-size:.88rem}
  .construction-icon-row p{font-size:.73rem}
}


/* FINAL POLISH — unified logo alignment and compact left-aligned NOVINKA block */

/* Use exactly the same circular logo size in header and footer */
.brand img,
.footer-brand img{
  width:64px;
  height:64px;
  object-fit:contain;
  background:transparent;
  flex:0 0 64px;
}
.brand,
.footer-brand{
  align-items:center;
}
.brand img{
  margin:0;
}

/* Construction section follows the same left-aligned rhythm as "Naše služby" */
.construction-news{
  padding:34px 0 36px;
  background:#f4f5f6;
}
.construction-news-heading{
  max-width:none;
  margin:0 0 18px;
  text-align:left;
}
.construction-news-line{
  display:block;
  margin-bottom:8px;
}
.construction-news-heading .eyebrow{
  color:var(--accent2);
  margin:0;
}
.construction-news-heading .eyebrow:before{
  background:var(--accent);
}
.construction-news-new{
  display:flex;
  align-items:baseline;
  gap:0;
  margin:0 0 7px;
  color:var(--accent2);
  font-size:1rem;
}
.construction-news-new .novinka-square{
  margin-right:.48em;
}
.construction-news-new strong{
  color:var(--accent2);
  letter-spacing:.04em;
}
.construction-news-copy{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);
  gap:38px;
  align-items:end;
}
.construction-news-copy h2{
  margin:0;
}
.construction-news-copy p{
  margin:0;
  color:var(--muted);
  max-width:520px;
}

/* Five compact cards, same rounded-card language as existing services */
.construction-card-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin:0;
}
.construction-card{
  min-width:0;
  padding:15px 12px 14px;
  border:1px solid var(--line);
  border-radius:15px;
  background:#fff;
  text-align:left;
  box-shadow:0 7px 20px rgba(0,0,0,.035);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.construction-card:hover{
  transform:translateY(-2px);
  border-color:rgba(242,163,26,.65);
  box-shadow:0 10px 24px rgba(0,0,0,.06);
}
.construction-mini-icon{
  width:38px;
  height:38px;
  margin:0 0 8px;
  color:var(--accent2);
}
.construction-mini-icon svg{
  display:block;
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.construction-card h3{
  margin:0 0 5px;
  font-size:.92rem;
}
.construction-card p{
  margin:0;
  color:var(--muted);
  font-size:.75rem;
  line-height:1.4;
}

@media(max-width:1000px){
  .construction-news-copy{
    grid-template-columns:1fr;
    gap:8px;
    align-items:start;
  }
  .construction-news-copy p{
    max-width:720px;
  }
  .construction-card-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .brand img,
  .footer-brand img{
    width:58px;
    height:58px;
    flex-basis:58px;
  }
  .construction-news{
    padding:28px 0 30px;
  }
  .construction-news-heading{
    margin-bottom:15px;
  }
  .construction-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
  }
  .construction-card{
    padding:13px 11px;
  }
}

@media(max-width:430px){
  .construction-card-grid{
    grid-template-columns:1fr;
  }
}

@media(prefers-reduced-motion:reduce){
  .construction-card{
    transition:none;
  }
  .construction-card:hover{
    transform:none;
  }
}


/* FINAL COMPACT ALIGNMENT */
.construction-news{
  padding:24px 0 26px !important;
}
.construction-news-heading.compact-balanced{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);
  gap:30px;
  align-items:start;
  margin:0 0 12px !important;
  text-align:left !important;
}
.construction-news-left,
.construction-news-right{
  min-width:0;
}
.construction-news-left .eyebrow{
  margin:0 0 6px !important;
}
.construction-news-left h2{
  margin:0 !important;
}
.construction-news-right p{
  margin:0 !important;
  color:var(--muted);
  align-self:start;
}
.construction-news-new,
.construction-news-badge{
  display:none !important;
}

.construction-card-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px !important;
  margin:0 !important;
}
.construction-card{
  padding:12px 11px !important;
}
.construction-card-row{
  display:flex;
  align-items:flex-start;
  gap:9px;
}
.construction-mini-icon{
  width:30px !important;
  height:30px !important;
  flex:0 0 30px;
  margin:1px 0 0 !important;
}
.construction-card h3{
  margin:0 0 3px !important;
  font-size:.88rem !important;
}
.construction-card p{
  margin:0 !important;
  font-size:.72rem !important;
  line-height:1.32 !important;
}

.contact-email-line{
  display:grid;
  grid-template-columns:110px minmax(0,1fr);
  gap:18px;
  align-items:center;
}
.contact-email-line span{
  color:var(--accent2);
  font-weight:800;
}
.contact-email-line a{
  justify-self:start;
}

@media(max-width:1000px){
  .construction-news-heading.compact-balanced{
    grid-template-columns:1fr;
    gap:6px;
  }
  .construction-card-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:760px){
  .construction-news{
    padding:20px 0 22px !important;
  }
  .construction-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .contact-email-line{
    grid-template-columns:90px minmax(0,1fr);
    gap:12px;
  }
}
@media(max-width:460px){
  .construction-card-grid{
    grid-template-columns:1fr;
  }
  .contact-email-line{
    grid-template-columns:1fr;
    gap:3px;
  }
}


/* FINAL UNIFIED VERSION */

/* The right-hand explanations and phone buttons use exactly the process-block layout. */
.section-phone-contact{
  max-width:440px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:12px;
}
.section-phone-contact p{
  margin:0;
  color:var(--muted);
}

/* Construction block follows the exact font sizes and card structure of Naše služby. */
.construction-news{
  padding:48px 0 !important;
}
.construction-unified-heading{
  margin-bottom:28px !important;
}
.construction-service-grid{
  grid-template-columns:repeat(3,1fr) !important;
  gap:14px !important;
}
.construction-service-card{
  padding:22px !important;
  text-align:left !important;
}
.construction-service-card .construction-service-icon{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:10px;
  background:rgba(242,163,26,.15);
  color:#825000;
  margin-bottom:14px;
}
.construction-service-icon svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.construction-service-card h3{
  font-size:1.08rem !important;
  margin-bottom:8px !important;
}
.construction-service-card p{
  color:var(--muted) !important;
  font-size:.9rem !important;
  line-height:1.52 !important;
  margin:0 !important;
}

/* Remove all old compact/side-icon construction rules. */
.construction-card-grid,
.construction-card,
.construction-card-row,
.construction-mini-icon{
  all:unset;
}

/* Contact labels: E-mail, Čas pro kontakt and Působnost are now one identical grid. */
.contact-meta{
  display:grid !important;
  gap:7px !important;
  margin-top:12px !important;
}
.contact-meta div{
  display:grid !important;
  grid-template-columns:145px minmax(0,1fr) !important;
  gap:10px !important;
  align-items:start !important;
}
.contact-meta b{
  color:var(--accent2) !important;
  font-size:.74rem !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
  letter-spacing:.07em !important;
}
.contact-meta span,
.contact-meta a{
  color:#c8cdd1 !important;
  font-size:.84rem !important;
  margin:0 !important;
}

/* Keep the lowercase letters in "Osobní kontakt". */
.contact-primary-final > .eyebrow{
  text-transform:none !important;
}

@media(max-width:1000px){
  .construction-service-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .section-phone-contact{
    max-width:none;
  }
}

@media(max-width:620px){
  .construction-service-grid{
    grid-template-columns:1fr !important;
  }
  .contact-meta div{
    grid-template-columns:1fr !important;
    gap:2px !important;
  }
}


/* FINAL MOBILE HEADER */
.mobile-header-center{
  display:none;
}

@media(max-width:780px){
  .header-inner{
    min-height:88px !important;
    height:auto !important;
    display:grid !important;
    grid-template-columns:64px minmax(168px,1fr) 94px !important;
    align-items:center !important;
    column-gap:10px !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
  }

  .brand{
    width:64px !important;
    min-width:64px !important;
    display:block !important;
  }

  .brand img{
    display:block !important;
    width:64px !important;
    height:64px !important;
    object-fit:contain !important;
  }

  .brand > span{
    display:none !important;
  }

  .mobile-header-center{
    display:flex !important;
    min-width:0 !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
    text-align:center !important;
    line-height:1.08 !important;
  }

  .mobile-header-center strong,
  .mobile-header-center a{
    display:block !important;
    width:max-content !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    color:#111 !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }

  .mobile-header-center strong{
    font-size:.76rem !important;
    font-weight:800 !important;
  }

  .mobile-header-center a{
    font-size:.80rem !important;
    font-weight:850 !important;
  }

  .menu-button{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:94px !important;
    min-width:94px !important;
    height:54px !important;
    margin:0 !important;
    padding:0 14px !important;
    border:0 !important;
    border-radius:14px !important;
    background:#f5a623 !important;
    color:#111 !important;
    box-shadow:0 8px 20px rgba(242,163,26,.25) !important;
    font-size:1rem !important;
    font-weight:900 !important;
  }

  .main-nav{
    top:88px !important;
  }
}

@media(max-width:430px){
  .header-inner{
    grid-template-columns:58px minmax(148px,1fr) 82px !important;
    column-gap:7px !important;
  }

  .brand{
    width:58px !important;
    min-width:58px !important;
  }

  .brand img{
    width:58px !important;
    height:58px !important;
  }

  .mobile-header-center strong{
    font-size:.69rem !important;
  }

  .mobile-header-center a{
    font-size:.71rem !important;
  }

  .menu-button{
    width:82px !important;
    min-width:82px !important;
    height:50px !important;
    padding:0 10px !important;
    font-size:.92rem !important;
  }
}

@media(max-width:370px){
  .header-inner{
    grid-template-columns:54px minmax(132px,1fr) 74px !important;
  }

  .brand{
    width:54px !important;
    min-width:54px !important;
  }

  .brand img{
    width:54px !important;
    height:54px !important;
  }

  .mobile-header-center strong{
    font-size:.62rem !important;
  }

  .mobile-header-center a{
    font-size:.64rem !important;
  }

  .menu-button{
    width:74px !important;
    min-width:74px !important;
    font-size:.85rem !important;
  }
}