/* ACE Quality Renovations — static clone of acequalityrenovations.com (WordPress/Elementor).
   Values are transcribed from the live Elementor kit + per-page CSS (see README).
   Breakpoints match Elementor: desktop >= 1025, tablet 768–1024, mobile <= 767. */

@font-face{font-family:"Caudex";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/caudex-400.woff2) format("woff2")}
@font-face{font-family:"Caudex";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/caudex-700.woff2) format("woff2")}
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/intertight-var.woff2) format("woff2")}

:root{
  --primary:#404040;--secondary:#5E5E5E;--text:#666666;--accent:#D4AF37;--gold-dark:#B48A24;
  --light:#D7D8DC;--lav:#CACBFF;--gray:#D9D9D9;--ink:#030303;
  --fh:"Caudex",Georgia,"Times New Roman",serif;
  --fb:"Inter Tight",Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --tilt-fill:var(--gray);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#fff;color:#333;font-family:var(--fb);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
img{max-width:100%;height:auto;border:0}
p{margin:0 0 .9rem}
h1,h2,h3{margin:0;font-family:var(--fh);font-weight:600;line-height:1.1;color:var(--primary)}
a{color:inherit;text-decoration:none}
ul{margin:0;padding:0;list-style:none}
button{font:inherit}
svg{display:block}
[id]{scroll-margin-top:90px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:-999px;top:0;z-index:2000;background:var(--primary);color:#fff;padding:10px 16px}
.skip-link:focus{left:8px;top:8px}
:focus-visible{outline:2px solid var(--gold-dark);outline-offset:2px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ---------- type helpers ---------- */
.eyebrow{font-family:var(--fb);font-size:20px;line-height:1.5;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:var(--secondary);margin:0}
.h2{font-family:var(--fh);font-size:60px;font-weight:600;line-height:1.1;color:var(--primary);margin:0}
.lead{font-size:21px;line-height:1.5;color:var(--secondary);max-width:630px}
.lead--wide{max-width:712px}
.lead--590{max-width:590px}
.sechead{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}
.sechead__wide{max-width:890px}
.sechead__mid{max-width:680px}
@media (max-width:1024px){.h2{font-size:40px}}
@media (max-width:767px){.eyebrow{font-size:17px}.h2{font-size:30px}.lead{font-size:17px}.sechead{gap:10px}}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-family:var(--fb);font-size:16px;font-weight:400;line-height:1;text-transform:uppercase;text-align:center;padding:15px 30px;border:0;border-radius:0;cursor:pointer;transition:background-color .3s,color .3s,border-color .3s}
.btn svg{width:1em;height:1em;fill:currentColor;flex:none}
.btn--gold{background:var(--accent);color:var(--primary)}
.btn--gold:hover,.btn--gold:focus-visible{background:var(--primary);color:var(--accent)}
.btn--dark{background:var(--primary);color:#fff}
.btn--black{background:#000;color:#fff}
.btn--dark:hover,.btn--dark:focus-visible,.btn--black:hover,.btn--black:focus-visible{background:var(--accent);color:var(--primary)}
.btn--outline{background:transparent;color:var(--primary);border:1px solid var(--primary)}
.btn--outline:hover,.btn--outline:focus-visible{background:var(--accent);color:#fff;border-color:var(--accent)}
.btn--link{background:none;padding:0;text-decoration:underline;color:var(--primary)}
.btn--link:hover,.btn--link:focus-visible{color:var(--accent)}
.btn--block{width:100%}
@media (max-width:767px){.btn{font-size:15px}}

/* ---------- layout ---------- */
.sec{position:relative;padding:80px 20px}
.wrap{position:relative;z-index:2;max-width:1200px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:20px}
.tilt{overflow:hidden}
.tilt__svg{position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:calc(100% + 1.3px);height:1208px;z-index:0;fill:var(--tilt-fill);display:block}
.tilt--flip .tilt__svg{transform:translateX(-50%) rotateY(180deg)}
.ornament{position:absolute;top:0;z-index:1;width:228px;height:auto}
.ornament--l{left:0}.ornament--r{right:0}
@media (max-width:1024px){.ornament{width:100px}}
@media (max-width:767px){.sec{padding:40px 12px}.ornament{width:75px}}

/* ---------- top bar + desktop header ---------- */
.topbar{background:var(--lav);padding:10px 20px}
.topbar__in{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:20px}
.topbar__col{flex:1 1 0;display:flex;align-items:center;gap:20px;min-width:0}
.topbar__col--center{justify-content:center}
.topbar__col--end{justify-content:flex-end}
.topbar__lang{display:block;width:98px;height:33px;flex:none}
.tb-item{display:inline-flex;align-items:center;font-size:14px;line-height:24px;text-transform:uppercase;color:var(--primary);white-space:nowrap;transition:color .3s}
.tb-item svg{width:20px;height:20px;margin-right:10px;flex:none;fill:var(--primary)}
.tb-item--phone{padding-left:30px;border-left:3px solid rgba(64,64,64,.14)}
.tb-item--mail{padding-right:30px}
.tb-item--loc{padding-right:30px;border-right:3px solid rgba(64,64,64,.14)}
.social{display:flex;align-items:center;gap:20px}
.social--topbar{padding-left:20px}
.social a{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;transition:opacity .3s}
.social a:hover{opacity:.9}
.social svg{width:18px;height:19px;fill:var(--primary)}

.siteheader{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);padding:15px 20px}
.siteheader__in{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.siteheader__logo{flex:0 1 20%;display:flex}
.siteheader__logo img,.mheader__logo img,.footer__brand img{width:213px;height:auto;display:block}
.mainnav{flex:0 1 60%;display:flex;justify-content:center}
.mainnav ul{display:flex;gap:40px}
.mainnav a{position:relative;display:block;padding:13px 0;font-size:16px;line-height:1;text-transform:uppercase;color:var(--primary);overflow:hidden;transition:color .3s}
.mainnav a::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:var(--gold-dark);transition:left .3s,width .3s}
.mainnav a:not(:hover):not(.is-active):not(:focus-visible)::after{left:100%;width:10px}
.mainnav a:hover,.mainnav a.is-active,.mainnav a:focus-visible{color:var(--gold-dark)}
.siteheader__cta{flex:0 1 20%;display:flex;justify-content:flex-end}

/* ---------- mobile / tablet header ---------- */
.mheader{display:contents}
.mheader__top,.mheader__bar{display:none}
@media (max-width:1024px){
  .topbar,.siteheader{display:none}
  .mheader__top{display:flex;justify-content:space-between;align-items:center;background:var(--lav);padding:8px 20px}
  .mheader__bar{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--gray);padding:10px 20px;position:sticky;top:0;z-index:100}
  .mheader__logo{display:flex;min-width:0}
  .mheader__logo img{max-width:100%}
  .mheader__toggle{background:none;border:0;padding:4px;margin:-4px;cursor:pointer;display:flex;color:var(--primary)}
  .mheader__toggle svg{width:28px;height:28px;fill:currentColor}
}
@media (max-width:767px){
  .mheader__top{padding:5px 12px}
  .mheader__bar{padding:10px 12px}
  .social--m{gap:15px}
  .social--m a{width:20px;height:20px}
}

/* ---------- drawer (mobile menu popup) ---------- */
.drawer{position:fixed;inset:0;z-index:1000;display:flex;justify-content:flex-end;align-items:flex-start}
.drawer[hidden]{display:none}
.drawer__overlay{position:absolute;inset:0;background:rgba(255,255,255,.65)}
.drawer__panel{position:relative;width:640px;max-width:100%;background:#fff;padding:40px;display:flex;flex-direction:column;gap:30px;animation:drawerIn .7s both;box-shadow:0 0 20px rgba(0,0,0,.08)}
@keyframes drawerIn{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}
.drawer__close{position:absolute;top:9%;right:20px;background:none;border:0;padding:6px;margin:-6px;cursor:pointer;line-height:0;color:#1f2124}
.drawer__close svg{width:22px;height:22px;fill:currentColor}
.drawer__title{font-family:var(--fb);font-size:25px;font-weight:500;color:var(--primary);margin:0}
.drawer__body{display:flex;flex-direction:column;gap:30px}
.drawer__nav{width:90px}
.drawer__nav a{position:relative;display:inline-block;padding:13px 0;text-transform:uppercase;font-size:16px;line-height:1;color:var(--primary);transition:color .3s}
.drawer__nav a:hover,.drawer__nav a.is-active{color:var(--accent)}
.drawer__nav a.is-active::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--accent)}
.drawer__contact{display:flex;flex-direction:column;gap:10px}
.drawer__contact li{display:flex}
.drawer__contact a,.drawer__contact span{display:inline-flex;align-items:center;color:var(--secondary)}
.drawer__contact a{text-decoration:underline;text-decoration-color:var(--accent);transition:color .3s}
.drawer__contact a:hover{color:var(--accent)}
.drawer__contact svg{width:14px;height:14px;margin-right:8.5px;fill:var(--primary);flex:none}
.drawer__contact--loc{margin-top:-20px}
@media (max-width:767px){
  .drawer__panel{padding:20px 20px 60px}
  .drawer__close{top:5%}
  .drawer__title{font-size:20px}
  .drawer__nav a{padding:10px 0}
}

/* ---------- home hero (background video) ---------- */
.hero{position:relative;min-height:810px;display:flex;flex-direction:column;justify-content:flex-end;padding:0 20px 120px;background:var(--gray)}
.hero__media{position:absolute;inset:0;z-index:0;overflow:hidden}
.hero__media video{display:block;width:100%;height:100%;object-fit:cover;background:var(--gray)}
.hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,1,1,0) 27%,#D9D9D9 100%)}
.hero__content{position:relative;z-index:1;max-width:1200px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:20px}
.hero__title{font-family:var(--fh);font-size:72px;font-weight:700;line-height:1.1;color:var(--primary);margin:0}
.hero__lead{font-size:21px;line-height:1.5;color:var(--primary);max-width:560px}
.hero__actions{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;width:39%}
@media (max-width:1024px){
  .hero{min-height:0;padding:12px 20px 25px}
  .hero__media::after{background:linear-gradient(207deg,rgba(2,1,1,0) 0%,#D9D9D9 67%)}
  .hero__title{font-size:50px;line-height:60px}
  .hero__actions{width:500px;max-width:100%}
}
@media (max-width:767px){
  .hero{display:block;padding:0;background:none}
  .hero__media{position:relative;height:370px;margin-top:-46px;z-index:0}
  .hero__media::after{background:linear-gradient(180deg,rgba(2,1,1,0) 57%,#D9D9D9 71%)}
  .hero__content{margin-top:-46px;padding:20px 12px 40px;background:linear-gradient(0deg,rgba(2,1,1,0) 0%,#D9D9D9 58%);text-align:center;align-items:center}
  .hero__title{font-size:35px;line-height:45px}
  .hero__lead{font-size:16px;margin-bottom:calc(.9rem - 18px)}
  .hero__actions{width:100%;justify-content:center}
}

/* ---------- services (home) / process (kitchen) / features (bathroom) ---------- */
.sec--services{background:var(--lav);--tilt-fill:var(--gray)}
.cards2{display:flex;gap:20px;margin-top:30px}
.scard{flex:1 1 0;min-width:0;background:#fff;padding:30px;display:flex;flex-direction:column;gap:20px}
.scard__img{display:block;width:100%;height:auto}
.scard__title{font-family:var(--fh);font-size:36px;font-weight:600;line-height:1.1;color:var(--primary);margin:0}
.scard__desc{font-size:18px;line-height:1.5;color:var(--secondary);max-width:630px}
.scard__lists{display:flex;justify-content:space-between;gap:20px}
.dots li{display:flex;align-items:center;font-size:18px;font-weight:500;color:var(--primary)}
.dots li+li{margin-top:6px}
.dots svg{width:14px;height:14px;fill:var(--accent);margin-right:8.5px;flex:none}
@media (max-width:1024px){
  .scard{padding:20px}.scard__title{font-size:30px}
  .scard__desc{font-size:17px;margin-bottom:calc(.9rem - 20px)}
  .scard__lists{flex-direction:column;gap:7px}.dots li{font-size:16px}
}
@media (max-width:767px){
  .cards2{flex-direction:column;margin-top:0}
  .scard{padding:15px}.scard__title{font-size:26px}.scard__desc{font-size:16px}
}

/* image-box cards (features / process) */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px}
.fcard{background:#fff;padding:20px;min-width:0}
.fcard--step{padding:50px 20px}
.ibox{text-align:center}
.ibox__img{display:inline-block;width:30%}
.ibox__img img{display:block;margin:0 auto;max-width:100%;height:auto}
.ibox__title{font-family:var(--fh);font-size:26px;font-weight:600;line-height:1.2;color:var(--ink);margin:.5rem 0 1rem}
.fcard--bath .ibox__title{font-size:24px}
.ibox__desc{margin:0;font-size:18px;line-height:1.5;color:rgba(3,3,3,.8)}
.fcard--bath .ibox__desc{font-size:17px}
@media (max-width:1024px){.grid3,.grid4{grid-template-columns:repeat(2,1fr);margin-top:0}}
@media (max-width:767px){
  .grid3,.grid4{grid-template-columns:1fr}
  .ibox__title{font-size:22px}.ibox__desc{font-size:16px}
  .fcard--bath .ibox__img{width:20%}
}

/* ---------- CTA band (home) ---------- */
.cta{position:relative;overflow:hidden;padding:120px 20px;background:#fff}
.cta__bg{position:absolute;inset:0;z-index:0}
.cta__bg img{position:absolute;right:0;top:50%;transform:translateY(-50%);width:65%;height:auto}
.cta::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(315deg,rgba(2,1,1,0) 40%,#D7D8DC 40%)}
.cta__text{width:50%;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.cta__mimg{display:none}
@media (max-width:1024px){
  .cta{padding:80px 20px}
  .cta__bg img{top:0;transform:none;width:100%;height:100%;object-fit:cover}
  .cta::before{background:linear-gradient(293deg,rgba(2,1,1,0) 10%,#D7D8DC 84%)}
  .cta__text{width:100%}
}
@media (max-width:767px){
  .cta{padding:40px 12px}
  .cta__bg{display:none}
  .cta::before{background:#D7D8DC}
  .cta__text{align-items:center;text-align:center;gap:10px}
  .cta__mimg{display:block;line-height:0}
  .cta__mimg img{width:100%;height:auto}
}

/* ---------- comparison table (home) ---------- */
.sec--cmp{background:var(--light)}
.cmp__h2{max-width:740px}
.cmp{margin-top:30px}
.cmp__table{width:100%;border-collapse:separate;border-spacing:0;font-family:var(--fb)}
.cmp__table th,.cmp__table td{padding:0 36px;font-weight:400;text-align:center;vertical-align:middle}
.cmp__table th:first-child{text-align:left}
.cmp__table thead th{height:90px;font-size:19px;color:#555}
.cmp__table tbody{background:#fff}
.cmp__table tbody tr{height:79px}
.cmp__table tbody tr:nth-child(even){background:#F2F2F2}
.cmp__table tbody th{font-size:19px;color:var(--ink)}
.cmp__table tbody tr:first-child th{border-radius:6px 0 0 0}
.cmp__table tbody tr:first-child td:last-child{border-radius:0 6px 0 0}
.cmp__table tbody tr:last-child th{border-radius:0 0 0 6px}
.cmp__table tbody tr:last-child td:last-child{border-radius:0 0 6px 0}
.cmp__table col.cmp__c1{width:53%}
.cmp__table col.cmp__c2{width:20%}
.cmp__table th:last-child,.cmp__table td:last-child{padding-right:calc(36px + 8.7%)}
.cmp__mark{display:inline-flex}
.cmp__mark svg{width:30px;height:30px}
@media (max-width:1024px){
  .cmp__h2{max-width:461px}.cmp{margin-top:0}
  .cmp__table th,.cmp__table td{padding:0 16px}
  .cmp__table th:last-child,.cmp__table td:last-child{padding-right:16px}
}
@media (max-width:767px){
  .cmp__table th,.cmp__table td{padding:0 10px;font-size:14px}
  .cmp__table thead th{height:54px;font-size:14px}
  .cmp__table tbody tr{height:56px}
  .cmp__table tbody th{font-size:14px;line-height:1.3}
  .cmp__table th:last-child,.cmp__table td:last-child{padding-right:10px}
  .cmp__mark svg{width:24px;height:24px}
}

/* ---------- features (home) ---------- */
.sec--features{background:var(--light);--tilt-fill:var(--lav)}

/* ---------- projects (home) ---------- */
.sec--projects{background:var(--light);padding:80px 20px 150px}
.projects__head{display:flex;justify-content:space-between;align-items:center;gap:20px}
.projects__intro{flex:0 1 80%;display:flex;flex-direction:column;align-items:flex-start;gap:20px;min-width:0}
.projects__all{flex:0 1 20%}
.projects__all .btn{width:100%}
.projects__row{display:flex;justify-content:space-between;align-items:center;gap:50px}
.projects__row--2{margin-top:70px}
.pcard{flex:1 1 0;min-width:0;background:#fff}
.pcard--offset{margin-top:100px;margin-bottom:-100px}
.pcard__img{display:block;width:100%;height:auto}
.pcard__body{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px 25px 25px 30px}
.pcard__loc{display:flex;align-items:center;font-size:17px;color:var(--primary);margin:0}
.pcard__loc svg{width:17px;height:17px;margin-right:9.25px;fill:var(--gold-dark);flex:none}
.pcard__title{font-family:var(--fh);font-size:36px;font-weight:600;line-height:1.1;color:var(--primary);margin:0}
.pcard__desc{font-size:18px;line-height:1.5;color:var(--secondary);max-width:630px}
@media (max-width:1024px){
  .projects__intro{flex-basis:70%}.projects__all{flex-basis:30%}
  .projects__row{gap:30px}.pcard__body{padding:20px}
  .pcard__title{font-size:25px}.pcard__desc{font-size:17px}
}
@media (max-width:767px){
  .sec--projects{padding:40px 12px}
  .projects__head{flex-wrap:wrap}.projects__intro,.projects__all{flex-basis:100%}
  .projects__intro{gap:10px}.projects__intro .lead{margin-bottom:calc(.9rem - 20px)}
  .projects__row{flex-direction:column;gap:30px;margin-top:20px}.projects__row--2{margin-top:10px}
  .pcard{width:100%}.pcard--offset{margin:0}
  .pcard__body{padding:10px 15px 15px;align-items:center;text-align:center}
  .pcard__loc{font-size:16px}.pcard__title{font-size:23px}
  .pcard__desc{font-size:16px;margin-bottom:calc(.9rem - 10px)}
  .projects__row--2 .pcard__title{font-size:21px}
}

/* ---------- contact + lead form ---------- */
.sec--contact{background:var(--lav);--tilt-fill:var(--light)}
.sec--contact-light{background:var(--light)}
.contact__row{display:flex;justify-content:center;align-items:center;gap:100px}
.contact__text{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.contact__title--58{font-size:58px}
.contact__form{flex:1 1 0;min-width:0}
.formcard{background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);padding:40px}
.field{margin-bottom:30px}
.field label{display:block;padding-bottom:10px;font-size:16px;color:var(--primary)}
.field input,.field select,.field textarea{display:block;width:100%;font-family:var(--fb);font-size:14px;line-height:35px;color:var(--primary);background:#F2F2F2;border:1px solid #E4E4E4;border-radius:3px;padding:7px 12px;margin:0;-webkit-appearance:none;appearance:none;transition:border-color .2s,box-shadow .2s}
.field textarea{resize:vertical;min-height:154px;line-height:35px}
.field ::placeholder{color:#ABABAB;opacity:1}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 2px rgba(212,175,55,.25)}
.field .is-bad{border-color:#D9534F;box-shadow:0 0 0 2px rgba(217,83,79,.2)}
.select{position:relative}
.select select{padding-right:34px;cursor:pointer}
.select svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:11px;height:11px;fill:#8A8A8D;pointer-events:none}
.btn--submit{width:100%;font-size:18px;font-weight:500;padding:18px;background:var(--primary);color:#fff}
.btn--submit:hover,.btn--submit:focus-visible{background:var(--accent);color:var(--primary)}
.btn--submit[disabled]{opacity:.7;cursor:progress}
.lf-err{margin:-10px 0 20px;padding:12px 14px;font-size:15px;line-height:1.4;color:#7A1F1B;background:#FBEAE9;border:1px solid #F1C6C3;border-radius:3px}
.lf-err a{text-decoration:underline;font-weight:500}
.lf-done{text-align:center;padding:20px 0}
.lf-done h3{font-family:var(--fh);font-size:36px;margin:0 0 12px}
.lf-done p{font-size:18px;line-height:1.5;color:var(--secondary);max-width:420px;margin:0 auto 10px}
.lf-done a{text-decoration:underline;text-decoration-color:var(--accent);color:var(--primary)}
@media (max-width:1024px){
  .contact__row{flex-direction:column;gap:30px}
  .contact__text,.contact__form{width:100%;flex-basis:auto}
  .contact__title{font-size:40px;max-width:512px}
}
@media (max-width:767px){
  .formcard{padding:20px}.btn--submit{font-size:16px}
  .contact__text{gap:10px}
  .contact__title{font-size:30px;max-width:100%}
  .contact__text .lead{margin-bottom:calc(.9rem - 20px)}
}

/* ---------- footer ---------- */
.footer{padding:100px 20px 30px;background:#fff}
.footer__in{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:70px}
.footer__grid{display:flex;gap:20px}
.footer__brand{flex:0 1 60%;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.footer__brand p{max-width:360px;font-size:18px;line-height:1.5;color:var(--text)}
.footer__col{flex:0 1 20%;min-width:0;display:flex;flex-direction:column;gap:10px}
.footer__col--info{gap:20px}
.footer__h{font-family:var(--fh);font-size:24px;font-weight:700;line-height:24px;color:var(--primary);margin:0}
.footer__nav a{display:inline-block;padding:10px 0;font-size:18px;line-height:1.1;color:var(--text);transition:color .3s}
.footer__nav a:hover,.footer__nav a.is-active{color:var(--accent)}
.footer__info li{font-size:18px;line-height:1.5;color:var(--text)}
.footer__info li+li{margin-top:7px}
.footer__info a{text-decoration:underline;text-decoration-color:var(--accent);transition:color .3s}
.footer__info a:hover{color:var(--accent)}
.footer__info--loc{margin-top:-15px}
.footer__bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-top:1px solid #CBCBCB;padding-top:20px}
.footer__copy{font-size:18px;line-height:1.5;color:var(--text);margin:0}
.footer__legal{display:flex;flex-wrap:wrap;gap:0 64px}
.footer__legal li{font-size:18px;line-height:1.5;color:var(--text)}
@media (max-width:1024px){
  .footer__brand{flex-basis:45%}.footer__col--info{flex-basis:34%}
  .footer__brand p{font-size:16px}
  .footer__nav a{font-size:17px;line-height:27px;padding:5px 0}
  .footer__info li,.footer__legal li,.footer__copy{font-size:16px}
  .footer__legal{gap:0 20px}
}
@media (max-width:767px){
  .footer{padding:20px 12px}.footer__in{gap:30px}
  .footer__grid{flex-direction:column}
  .footer__brand,.footer__col{flex-basis:auto}
  .footer__bottom{flex-direction:row-reverse;flex-wrap:wrap;justify-content:center;gap:10px}
  .footer__legal{justify-content:center}
  .footer__copy{font-size:15px}.footer__legal li{font-size:14px}
}

/* ---------- inner-page hero (kitchen / bathroom) ---------- */
.phero{position:relative;min-height:70vh;display:flex;padding:0 20px;background:var(--light);overflow:hidden}
.phero__bg{position:absolute;right:0;top:50%;transform:translateY(-50%);width:50%;height:auto;display:block;z-index:0}
.phero__in{position:relative;z-index:1;max-width:1200px;margin:0 auto;width:100%;display:flex;gap:20px}
.phero__text{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:20px}
.phero__side{flex:1 1 0;min-width:0}
.phero__mimg{display:none}
.phero__title{font-family:var(--fh);font-size:65px;font-weight:700;line-height:1.1;color:var(--primary);margin:0}
.phero--bath .phero__title{font-size:55px}
.phero__lead{font-size:21px;line-height:1.5;color:var(--primary);max-width:479px}
.phero__actions{display:flex;justify-content:space-between;align-items:center;width:80%}
.phero--bath .phero__actions{width:65%}
@media (max-width:1024px){
  .phero{min-height:0;padding:0;display:block}
  .phero__bg{display:none}
  .phero__in{flex-direction:column-reverse;gap:20px}
  .phero__side{line-height:0}
  .phero__mimg{display:block;width:100%;max-width:800px;height:auto;margin:0 auto}
  .phero__text{padding:20px 20px 50px}
  .phero__title{font-size:50px;line-height:60px}
  .phero--bath .phero__title{font-size:50px;line-height:60px}
  .phero__actions{width:500px;max-width:100%}
  .phero--bath .phero__actions{width:400px}
}
@media (max-width:767px){
  .phero__text{padding:12px 12px 40px;text-align:center;align-items:center}
  .phero__title{font-size:35px;line-height:45px}
  .phero--bath .phero__title{font-size:29px;line-height:40px}
  .phero__lead{font-size:16px;margin-bottom:calc(.9rem - 18px)}
  .phero__actions,.phero--bath .phero__actions{width:100%;justify-content:center}
}

/* full-width photo band */
.band{position:relative;min-height:880px;overflow:hidden;background:var(--light)}
.band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (max-width:1024px){.band{min-height:500px}}

/* why / timeless / what sets us apart */
.sec--why{background:var(--light);padding:120px 20px 80px}
.why__row{display:flex;gap:20px}
.why__text{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.why__text .h2{max-width:890px}
.why__text .lead{max-width:510px;margin-bottom:calc(.9rem - 20px)}
.why__list{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:20px}
.checks{max-width:370px;width:100%}
.checks li{display:flex;align-items:center;font-size:19px;color:var(--primary)}
.checks li+li{margin-top:5px}
.checks svg{width:25px;height:25px;margin-right:11.25px;flex:none}
.why__btn--m{display:none}
@media (max-width:1024px){.checks li{font-size:17px}}
@media (max-width:767px){
  .sec--why{padding:40px 12px}
  .why__row{flex-direction:column}
  .why__list{align-items:flex-start}
  .checks{max-width:100%}.checks li{font-size:14px}
  .checks svg{width:20px;height:20px;margin-right:10px}
  .why__btn--d{display:none}.why__btn--m{display:inline-flex}
}

/* transformations + before/after slider */
.sec--trans{background:var(--lav);--tilt-fill:var(--gray)}
.ba{position:relative;overflow:hidden;width:85%;margin:0 auto;user-select:none;-webkit-user-select:none;touch-action:pan-y;--pos:50%;cursor:ew-resize}
.ba img{display:block;width:100%;height:auto;max-width:100%;pointer-events:none}
.ba__before{position:relative;z-index:2;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.ba__after{position:absolute;top:0;left:0;z-index:1;clip-path:inset(0 0 0 var(--pos))}
.ba__overlay{position:absolute;inset:0;z-index:3;pointer-events:none}
.ba__label{position:absolute;top:50%;margin-top:-19px;line-height:38px;padding:0 20px;font-size:13px;letter-spacing:.1em;color:#fff;background:rgba(17,17,17,.96);border-radius:2px;opacity:0;transition:opacity .5s}
.ba__label--before{left:10px}.ba__label--after{right:10px}
.ba:hover .ba__label,.ba.is-active .ba__label,.ba:focus-within .ba__label{opacity:1}
.ba__handle{position:absolute;top:50%;left:var(--pos);z-index:4;box-sizing:content-box;width:38px;height:38px;margin:-22px 0 0 -22px;border:3px solid #fff;border-radius:1000px;box-shadow:0 0 12px rgba(51,51,51,.5);cursor:ew-resize}
.ba__handle::before,.ba__handle::after{content:"";position:absolute;left:50%;width:3px;height:9999px;margin-left:-1.5px;background:#fff;z-index:30}
.ba__handle::before{bottom:50%;margin-bottom:22px;box-shadow:0 3px 0 #fff,0 0 12px rgba(51,51,51,.5)}
.ba__handle::after{top:50%;margin-top:22px;box-shadow:0 -3px 0 #fff,0 0 12px rgba(51,51,51,.5)}
.ba__arrow{position:absolute;top:50%;width:0;height:0;border:6px inset transparent;margin-top:-6px}
.ba__arrow--l{left:50%;margin-left:-17px;border-right:6px solid #fff}
.ba__arrow--r{right:50%;margin-right:-17px;border-left:6px solid #fff}
@media (max-width:767px){.sec--trans{min-height:70vh;padding:80px 12px 40px}}

/* ---------- about ---------- */
.ahero{background:var(--light);padding:50px 20px 20px}
.ahero__in{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:20px}
.ahero__img{flex:0 1 25%;min-width:0}
.ahero__img img{display:block;max-width:100%;height:auto}
.ahero__img--r{margin-top:-25px;margin-bottom:25px}
.ahero__img--r img{margin-left:auto}
.ahero__text{flex:0 1 50%;min-width:0;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
.ahero__title{font-family:var(--fh);font-size:65px;font-weight:700;line-height:1.1;color:var(--primary);margin:0}
.ahero__lead{font-size:21px;line-height:1.5;color:var(--primary)}
.counters{background:var(--light);padding:0 20px}
.counters__in{max-width:1200px;margin:0 auto}
.counters__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.counter{background:#fff;padding:30px 20px;text-align:center}
.counter__num{display:flex;justify-content:center;font-family:var(--fh);font-size:69px;font-weight:600;line-height:1;color:var(--accent);font-variant-numeric:tabular-nums}
.counter__title{font-size:19px;line-height:2.5;color:var(--secondary);margin:0}
.sec--legacy{background:var(--lav);--tilt-fill:var(--gray)}
.legacy__row{display:flex;gap:20px}
.legacy__text{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:20px}
.legacy__text .h2{max-width:890px}
.legacy__story{max-width:510px;font-size:19px;line-height:1.5;color:var(--secondary);margin-bottom:calc(.9rem - 20px)}
.legacy__story strong{font-weight:700}
.legacy__img{flex:1 1 0;min-width:0;text-align:center}
.legacy__img img{display:inline-block;max-width:100%;height:auto}
.sec--team{background:var(--light);padding:120px 20px 80px}
.team__head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}
.team__row{display:flex;gap:20px;width:75%;margin:0 auto}
.member{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:20px}
.member__name{font-family:var(--fh);font-size:28px;font-weight:600;line-height:1.1;color:var(--primary);margin:0}
.member__bio{max-width:510px;font-size:19px;line-height:1.5;color:var(--secondary);margin-bottom:calc(.9rem - 20px)}
.member__bio strong{font-weight:700}
@media (max-width:1024px){
  .ahero{padding:20px 0}
  .ahero__title{font-size:38px;line-height:48px}
  .counters{padding:20px 20px 80px}.counters__grid{margin-top:0}
  .counter__num{font-size:45px}
  .legacy__row{flex-direction:column}
  .legacy__story{max-width:100%}
  .legacy__img img{width:100%}
  .sec--team{padding:80px 20px}
  .team__row{width:100%}
}
@media (max-width:767px){
  .ahero{padding:40px 12px}
  .ahero__in{flex-direction:column}
  .ahero__img,.ahero__text{flex-basis:auto;width:100%}
  .ahero__img img{width:100%;height:450px;object-fit:cover}
  .ahero__img--r{margin:0}.ahero__img--r img{height:auto}
  .ahero__title{font-size:35px;line-height:45px}
  .ahero__lead{font-size:16px;margin-bottom:calc(.9rem - 18px)}
  .counters{padding:20px 12px 40px}.counters__grid{grid-template-columns:1fr}
  .sec--legacy{padding:40px 12px}.legacy__story{font-size:17px}
  .sec--team{padding:40px 12px}
  .team__row{flex-direction:column;gap:50px}
  .member__bio{font-size:17px}
}

/* ---------- contact page (theme default page layout on the live site) ---------- */
.page-content{max-width:1140px;margin:0 auto;padding:0 10px}
.page-content h1{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:2.5rem;font-weight:500;line-height:1.2;color:#333;margin:.5rem 0 1rem}