:root{
 --black:#090b0c;--charcoal:#111416;--slate:#282c2f;--stone:#8c8f90;
 --bronze:#b68a5a;--bronze2:#c9a06d;--white:#f3f3ef;--muted:#9fa4a7;
 --line:#292d30;--max:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif;line-height:1.62}
a{text-decoration:none;color:inherit}img{display:block;max-width:100%}
button,input,textarea,select{font:inherit}
.container{width:min(92%,var(--max));margin:auto}
.eyebrow{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze);font-weight:700}
h1,h2,h3{line-height:1.05;margin:0 0 18px}
h1{font-size:clamp(3.5rem,7.6vw,7.4rem);font-weight:300;letter-spacing:-.055em}
h2{font-size:clamp(2.25rem,4.6vw,4.5rem);font-weight:300;letter-spacing:-.04em}
h3{font-size:1.35rem}
p{color:var(--muted);font-size:1.02rem}

.header{position:absolute;top:0;left:0;width:100%;z-index:50;background:rgba(8,10,11,.84);border-bottom:1px solid rgba(182,138,90,.32);backdrop-filter:blur(10px)}
.nav{height:94px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.logo img{width:248px}
.navlinks{display:flex;align-items:center;gap:28px}
.navlinks a{font-size:.77rem;text-transform:uppercase;letter-spacing:.12em;color:#d8d9d9}
.navlinks a:hover,.navlinks a.active{color:var(--bronze2)}
.phone{display:inline-flex!important;gap:8px;align-items:center;padding:12px 17px;border:1px solid var(--bronze)!important;color:#fff!important;background:rgba(182,138,90,.09)}
.phone:before{content:"☎";color:var(--bronze)}
.phone:hover{background:var(--bronze)!important;color:#111!important}
.menu{display:none;background:none;border:0;color:white;font-size:1.8rem}

.hero{min-height:100vh;display:flex;align-items:center;padding:165px 0 75px;background:
linear-gradient(90deg,rgba(7,8,9,.97) 0%,rgba(7,8,9,.86) 38%,rgba(7,8,9,.27) 74%),
url("../images/hero-kitchen.jpg") center/cover no-repeat}
.hero-copy{max-width:720px}
.hero h1{max-width:690px}
.hero .lead{font-size:1.18rem;max-width:610px}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:31px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 23px;border:1px solid transparent;text-transform:uppercase;letter-spacing:.11em;font-size:.72rem;font-weight:700;transition:.2s}
.btn-primary{background:var(--bronze);color:#101112}.btn-primary:hover{background:var(--bronze2)}
.btn-outline{border-color:#565a5d;color:white}.btn-outline:hover{border-color:var(--bronze);color:var(--bronze)}

.section{padding:108px 0}
.section-dark{background:#0d1011}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:42px;margin-bottom:44px}
.section-head p{max-width:520px;margin-bottom:8px}

.brand-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0e1011}
.brand-strip-grid{display:grid;grid-template-columns:210px 1fr;gap:45px;align-items:center;padding:42px 0}
.brand-strip img{width:170px}
.brand-values{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}
.brand-value{background:#111416;padding:23px}
.brand-value b{display:block;color:var(--bronze);font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}
.brand-value span{color:#c4c7c8;font-size:.88rem}

.service-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
.service-tile{min-height:165px;background:var(--charcoal);border:1px solid #363a3d;padding:23px 12px;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:.2s}
.service-tile:hover{border-color:var(--bronze);background:#15191b;transform:translateY(-3px)}
.service-icon{font-size:2rem;color:var(--bronze);margin-bottom:14px}
.service-tile span{font-size:.73rem;text-transform:uppercase;letter-spacing:.07em}

.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.project{background:var(--charcoal);border:1px solid var(--line);overflow:hidden;transition:.2s}
.project:hover{transform:translateY(-3px);border-color:#505457}
.project img{width:100%;aspect-ratio:4/3;object-fit:cover}
.project-info{padding:18px}
.project-info h3{font-size:1rem;margin-bottom:4px}
.project-info span{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--bronze)}

.process{background:#0b0d0e;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:38px}
.step{border-top:1px solid #42474a;padding-top:22px}
.step-num{font-size:2.7rem;font-weight:300;color:var(--bronze)}

.about-grid{display:grid;grid-template-columns:1fr .92fr;gap:80px;align-items:center}
.icon-panel{background:#0f1213;border:1px solid var(--line);padding:42px}
.icon-panel img{width:210px;margin:0 auto 28px}
.icon-panel p{text-align:center}
.chips{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.chip{border:1px solid #393e41;padding:10px 13px;color:#c4c6c7;text-transform:uppercase;letter-spacing:.08em;font-size:.67rem}

.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:var(--charcoal);border:1px solid var(--line);padding:32px}
.card h3{color:#fff}

.footer{background:#070809;padding:60px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.55fr 1fr 1fr 1fr;gap:45px}
.footer-logo{width:245px;margin-bottom:17px}
.footer h4{font-size:.7rem;text-transform:uppercase;letter-spacing:.13em}
.footer a,.footer p{font-size:.87rem;color:#868c8f}
.footer a{display:block;margin:7px 0}.footer a:hover{color:var(--bronze)}
.footer-bottom{margin-top:44px;padding-top:18px;border-top:1px solid #23272a;color:#686d70;font-size:.77rem}

.page-hero{padding:195px 0 90px;background:
linear-gradient(90deg,rgba(8,9,10,.96),rgba(8,9,10,.56)),
url("../images/kitchen.svg") center/cover no-repeat}
.page-hero h1{max-width:940px;font-size:clamp(3.5rem,6.7vw,6.4rem)}

.filterbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.filterbar button{background:transparent;border:1px solid #3c4144;color:#b4b7b9;padding:10px 14px;text-transform:uppercase;letter-spacing:.08em;font-size:.69rem;cursor:pointer}
.filterbar button.active,.filterbar button:hover{border-color:var(--bronze);color:var(--bronze)}

.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:68px}
.contact-card{background:var(--charcoal);border:1px solid var(--line);padding:32px}
form{display:grid;gap:15px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
label{font-size:.71rem;text-transform:uppercase;letter-spacing:.1em;color:#b8bbbd}
input,textarea,select{width:100%;padding:14px;background:#0d0f10;border:1px solid #34383a;color:white}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--bronze)}
textarea{min-height:155px;resize:vertical}
.success,.error{display:none;padding:14px;margin-bottom:15px}
.success{border:1px solid #48634e;background:#132019;color:#b9d4be}
.error{border:1px solid #7b4848;background:#251515;color:#e1bcbc}
.notice{font-size:.8rem;color:#73797c}

@media(max-width:1050px){
 .service-grid{grid-template-columns:repeat(4,1fr)}
 .project-grid{grid-template-columns:repeat(2,1fr)}
 .brand-values{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:860px){
 .navlinks{display:none;position:absolute;top:94px;left:0;width:100%;background:#090b0c;padding:25px;flex-direction:column;align-items:flex-start}
 .navlinks.open{display:flex}.menu{display:block}.phone{width:100%;justify-content:center}
 .about-grid,.contact-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}
 .brand-strip-grid{grid-template-columns:1fr}.brand-strip img{margin:auto}
}
@media(max-width:600px){
 .nav{height:80px}.navlinks{top:80px}.logo img{width:210px}
 .hero{min-height:88vh;padding-top:145px}.hero h1{font-size:3.5rem}
 .service-grid{grid-template-columns:1fr 1fr}
 .project-grid,.process-grid,.footer-grid,.form-row,.cards3,.brand-values{grid-template-columns:1fr}
 .section{padding:76px 0}.section-head{display:block}.page-hero{padding-top:155px}
}


/* HIGH-END IMAGE SHOWCASE */
.visual-showcase{
  background:#0f1112;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.showcase-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
.showcase-card{
  position:relative;
  overflow:hidden;
  min-height:380px;
  border:1px solid #313538;
  background:#111416;
}
.showcase-card img{
  width:100%;
  height:100%;
  min-height:380px;
  object-fit:cover;
  transition:transform .35s ease, filter .35s ease;
  filter:saturate(.88) contrast(1.04);
}
.showcase-card:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(6,7,8,.9) 0%,rgba(6,7,8,.12) 58%,transparent 100%);
}
.showcase-card div{
  position:absolute;
  z-index:2;
  left:22px;
  right:22px;
  bottom:20px;
}
.showcase-card span{
  display:block;
  color:white;
  font-size:1.08rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.showcase-card small{
  display:block;
  margin-top:5px;
  color:#c6c8c9;
  font-size:.82rem;
}
.showcase-card:hover img{
  transform:scale(1.035);
  filter:saturate(1) contrast(1.06);
}
.showcase-card:hover{
  border-color:var(--bronze);
}
@media(max-width:1000px){
  .showcase-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .showcase-grid{grid-template-columns:1fr}
  .showcase-card,.showcase-card img{min-height:320px}
}