*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#060606;color:#fff;font-family:Arial,Helvetica,sans-serif}
:root{--gold:#c9973f;--gold2:#f1cf78;--line:rgba(201,151,63,.56)}
.header{position:fixed;top:0;left:0;right:0;height:94px;background:rgba(4,4,4,.96);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid rgba(201,151,63,.15)}
.brand img{height:82px;width:180px;object-fit:contain;object-position:left center}.nav{display:flex;gap:32px;text-transform:uppercase;font-size:13px;font-weight:900}.nav a{color:#fff;text-decoration:none;padding:16px 0}.nav a.active,.nav a:hover{color:var(--gold2);border-bottom:2px solid var(--gold2)}
.header-actions{display:flex;align-items:center;gap:16px}.phone{color:var(--gold2);border:1px solid var(--gold);padding:12px 18px;border-radius:3px;text-decoration:none;font-weight:900}.wa{font-size:28px;color:#25d366;text-decoration:none}
.hero{min-height:760px;margin-top:94px;background:url('https://images.unsplash.com/photo-1556911220-bff31c812dba?auto=format&fit=crop&w=2200&q=92') center/cover no-repeat;position:relative;display:flex;align-items:center;justify-content:center}.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,0,0,.05),rgba(0,0,0,.6) 65%,rgba(0,0,0,.94)),linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.12),rgba(0,0,0,.58))}
.hero-content{position:relative;text-align:center;max-width:1120px;padding:30px 20px}.main-logo{width:min(540px,84vw);filter:drop-shadow(0 20px 28px #000)}
.service-line{margin:20px auto 24px;display:flex;align-items:center;justify-content:center;gap:17px;flex-wrap:wrap;text-transform:uppercase;font-size:18px}.service-line i{height:30px;width:1px;background:var(--gold)}
.btn{display:inline-block;text-decoration:none;text-transform:uppercase;font-weight:900;letter-spacing:.3px;border-radius:4px;padding:17px 34px;margin:8px 10px}.gold{background:linear-gradient(135deg,var(--gold),#e9be63);color:#fff}.outline{border:1px solid var(--gold);background:rgba(0,0,0,.46);color:#fff}.serving{color:var(--gold2);text-transform:uppercase;letter-spacing:3px;font-weight:900}.scroll{text-transform:uppercase;font-size:12px;opacity:.9;margin-top:24px}
.services{display:grid;grid-template-columns:repeat(5,1fr);background:#080808;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.services article{text-align:center;padding:34px 24px;border-right:1px solid var(--line)}.services article:last-child{border-right:0}.services div{font-size:48px;color:var(--gold2)}.services h3{font-size:15px;text-transform:uppercase;color:var(--gold2)}.services p{line-height:1.6;color:#eee;font-size:14px}
.work{padding:55px 36px;background:#090909}.title{text-align:center;text-transform:uppercase}.title h2,.process h2,.about h2,.contact h2{font-family:Georgia,serif;font-size:38px;letter-spacing:9px;color:var(--gold2);margin:0 0 14px}.title p{letter-spacing:2px;margin-bottom:30px}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.g{height:270px;margin:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#111 center/cover no-repeat;position:relative;transition:.35s}.g:hover{transform:scale(1.025)}.g:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.76))}.g figcaption{position:absolute;left:0;right:0;bottom:0;text-align:center;text-transform:uppercase;padding:16px;font-weight:900;background:rgba(0,0,0,.72);z-index:2}
.kitchen{background-image:url('https://images.unsplash.com/photo-1556911220-bff31c812dba?auto=format&fit=crop&w=1200&q=92')}.wardrobe{background-image:url('https://images.unsplash.com/photo-1616486338812-3dadae4b4ace?auto=format&fit=crop&w=1200&q=92')}.wall{background-image:url('https://images.unsplash.com/photo-1600210491892-03d54c0aaf87?auto=format&fit=crop&w=1200&q=92')}.finish{background-image:url('https://images.unsplash.com/photo-1618221195710-dd6b41faaea6?auto=format&fit=crop&w=1200&q=92')}
.process{display:grid;grid-template-columns:1fr 1fr;background:#070707;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.box{padding:56px 70px;border-right:1px solid var(--line)}.box:last-child{border-right:0}.process h3{color:var(--gold2);text-transform:uppercase;letter-spacing:3px}.process p,.about p{line-height:1.8;color:#eee}.process li{margin:10px 0}
.about-contact{display:grid;grid-template-columns:1fr 1.35fr;background:#070707}.about,.contact{padding:55px 70px}.about{border-right:1px solid var(--line)}.badges{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.badges span{text-align:center;text-transform:uppercase;border-top:1px solid var(--gold);padding-top:14px;font-size:12px}
.contact form{display:grid;gap:14px}.contact input,.contact textarea{background:#060606;border:1px solid var(--line);padding:16px;color:#fff;border-radius:3px}.contact textarea{height:105px}.contact button{background:linear-gradient(135deg,var(--gold),#e9be63);border:0;color:#fff;font-weight:900;text-transform:uppercase;padding:16px;border-radius:3px}.info a{color:white;text-decoration:none}.chat{display:block;text-align:center;border:1px solid var(--gold);padding:15px;margin-top:14px;text-transform:uppercase;font-weight:900}
footer{display:flex;justify-content:space-between;align-items:center;background:#050505;border-top:1px solid var(--line);padding:22px 36px;color:#ccc}footer img{height:64px}
@media(max-width:900px){.header{position:relative;height:auto;flex-wrap:wrap;padding:14px 18px}.brand img{width:136px;height:70px}.nav{order:3;width:100%;gap:18px;overflow:auto;font-size:12px}.header-actions{width:100%;justify-content:space-between}.hero{margin-top:0;min-height:640px}.service-line{font-size:14px;gap:10px}.services,.gallery,.process,.about-contact{grid-template-columns:1fr}.services article,.box,.about{border-right:0;border-bottom:1px solid var(--line)}.work,.box,.about,.contact{padding:40px 20px}.g{height:290px}.title h2,.process h2,.about h2,.contact h2{font-size:30px;letter-spacing:5px}.badges{grid-template-columns:1fr 1fr}footer{display:block;text-align:center}}

/* Final category slider update */
body{
  background:
    linear-gradient(rgba(0,0,0,.80),rgba(0,0,0,.90)),
    url('assets/hero-bg-final.jpg') center top / cover fixed no-repeat !important;
}
.hero{
  background-image:url('assets/hero-bg-final.jpg') !important;
  background-position:center center !important;
  background-size:cover !important;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.12);
  pointer-events:none;
}
.hero-overlay{
  background:
    radial-gradient(circle at center,rgba(0,0,0,.08),rgba(0,0,0,.50) 58%,rgba(0,0,0,.88)),
    linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.10),rgba(0,0,0,.62)) !important;
}
.category-cards{
  grid-template-columns:repeat(5,1fr) !important;
}
.cat-card{
  min-height:260px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  background-size:cover;
  background-position:center;
  border:1px solid var(--line);
  border-radius:6px;
  overflow:hidden;
  text-decoration:none;
  position:relative;
}
.cat-card:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.78));
}
.cat-card span{
  position:relative;
  z-index:2;
  color:#fff;
  width:100%;
  text-align:center;
  text-transform:uppercase;
  font-weight:900;
  padding:16px;
  background:rgba(0,0,0,.68);
}
.photo-slider-section{
  padding:55px 36px;
  background:rgba(8,8,8,.88);
  border-top:1px solid var(--line);
}
.slider{
  max-width:1120px;
  height:620px;
  margin:30px auto 0;
  position:relative;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:9px;
  background:#080808;
  box-shadow:0 18px 50px rgba(0,0,0,.45);
}
.slides{
  display:flex;
  height:100%;
  width:max-content;
  animation:slideShow 34s infinite ease-in-out;
}
.slides img{
  width:1120px;
  height:620px;
  object-fit:cover;
  flex-shrink:0;
}
@keyframes slideShow{
  0%,8%{transform:translateX(0)}
  10%,18%{transform:translateX(-1120px)}
  20%,28%{transform:translateX(-2240px)}
  30%,38%{transform:translateX(-3360px)}
  40%,48%{transform:translateX(-4480px)}
  50%,58%{transform:translateX(-5600px)}
  60%,68%{transform:translateX(-6720px)}
  70%,78%{transform:translateX(-7840px)}
  80%,88%{transform:translateX(-8960px)}
  90%,100%{transform:translateX(0)}
}
.kitchen-slider .slides{animation-duration:30s;}
.wall-slider .slides{animation-duration:38s;}
.closet-slider .slides{animation-duration:34s;}
.tv-slider .slides{animation-duration:38s;}
.finish-slider .slides{animation-duration:32s;}
@media(max-width:900px){
  body{background-attachment:scroll !important;}
  .category-cards{grid-template-columns:1fr !important;}
  .cat-card{min-height:290px;}
  .photo-slider-section{padding:40px 20px;}
  .slider{height:430px;max-width:100%;}
  .slides img{width:calc(100vw - 40px);height:430px;}
  @keyframes slideShow{
    0%,8%{transform:translateX(0)}
    10%,18%{transform:translateX(calc(-1 * (100vw - 40px)))}
    20%,28%{transform:translateX(calc(-2 * (100vw - 40px)))}
    30%,38%{transform:translateX(calc(-3 * (100vw - 40px)))}
    40%,48%{transform:translateX(calc(-4 * (100vw - 40px)))}
    50%,58%{transform:translateX(calc(-5 * (100vw - 40px)))}
    60%,68%{transform:translateX(calc(-6 * (100vw - 40px)))}
    70%,78%{transform:translateX(calc(-7 * (100vw - 40px)))}
    80%,88%{transform:translateX(calc(-8 * (100vw - 40px)))}
    90%,100%{transform:translateX(0)}
  }
}

/* Final logo transparency + quality polish */
.brand img,
.main-logo,
.hero-logo{
  background: transparent !important;
  mix-blend-mode: normal !important;
  filter: drop-shadow(0 12px 22px rgba(0,0,0,.45)) !important;
}

.hero-content{
  background: transparent !important;
}

.main-logo,
.hero-logo{
  max-width: 540px;
}

/* sharper looking images */
img{
  image-rendering: auto;
}

.slider,
.gallery figure,
.cat-card{
  box-shadow: 0 18px 45px rgba(0,0,0,.38);
}

/* Make hero logo float without black block */
.hero .main-logo,
.hero .hero-logo{
  display:block;
  margin-left:auto;
  margin-right:auto;
}

/* Final hero + full page background update */
body{
  background:
    linear-gradient(rgba(0,0,0,.80), rgba(0,0,0,.88)),
    url('assets/hero-final-kitchen.jpg') center top / cover fixed no-repeat !important;
}

.hero{
  background-image:url('assets/hero-final-kitchen.jpg') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

.hero-overlay{
  background:
    radial-gradient(circle at center, rgba(0,0,0,.04), rgba(0,0,0,.42) 55%, rgba(0,0,0,.86)),
    linear-gradient(90deg, rgba(0,0,0,.55), rgba(0,0,0,.08), rgba(0,0,0,.56)) !important;
}

/* remove top-right call/whatsapp area from header */
.header-actions,
.header .phone,
.header .wa{
  display:none !important;
}

/* keep header clean after removing right number */
.header{
  justify-content:flex-start !important;
  gap:70px !important;
}

.nav{
  margin-left:auto;
  margin-right:auto;
}

/* same background visible through page sections */
.services,
.work,
.photo-slider-section,
.process,
.about-contact,
footer{
  background:rgba(5,5,5,.86) !important;
  backdrop-filter: blur(2px);
}

@media(max-width:900px){
  body{background-attachment:scroll !important;}
  .header{gap:14px !important;}
  .nav{margin-left:0;margin-right:0;}
}

/* HQ photos only for all scrolling sliders */
.category-cards{
  grid-template-columns:repeat(5,1fr) !important;
}
.cat-card{
  min-height:270px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  background-size:cover;
  background-position:center;
  border:1px solid var(--line);
  border-radius:6px;
  overflow:hidden;
  text-decoration:none;
  position:relative;
}
.cat-card:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.78));
}
.cat-card span{
  position:relative;
  z-index:2;
  color:#fff;
  width:100%;
  text-align:center;
  text-transform:uppercase;
  font-weight:900;
  padding:16px;
  background:rgba(0,0,0,.68);
}
.photo-slider-section{
  padding:55px 36px;
  background:rgba(5,5,5,.86) !important;
  border-top:1px solid var(--line);
}
.slider{
  --slideW:min(1120px, calc(100vw - 72px));
  max-width:var(--slideW);
  height:620px;
  margin:30px auto 0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:9px;
  background:#080808;
  box-shadow:0 18px 50px rgba(0,0,0,.45);
}
.slides{
  display:flex;
  height:100%;
  animation:slideShowHQ 36s infinite ease-in-out;
}
.slides img{
  width:var(--slideW);
  height:620px;
  object-fit:cover;
  flex:0 0 var(--slideW);
  image-rendering:auto;
}
@keyframes slideShowHQ{
  0%,9%{transform:translateX(0)}
  11%,20%{transform:translateX(calc(-1 * var(--slideW)))}
  22%,31%{transform:translateX(calc(-2 * var(--slideW)))}
  33%,42%{transform:translateX(calc(-3 * var(--slideW)))}
  44%,53%{transform:translateX(calc(-4 * var(--slideW)))}
  55%,64%{transform:translateX(calc(-5 * var(--slideW)))}
  66%,75%{transform:translateX(calc(-6 * var(--slideW)))}
  77%,86%{transform:translateX(calc(-7 * var(--slideW)))}
  88%,100%{transform:translateX(0)}
}
.kitchen-slider .slides{animation-duration:38s;}
.closet-slider .slides{animation-duration:32s;}
.tv-slider .slides{animation-duration:32s;}
.wall-slider .slides{animation-duration:30s;}
.finish-slider .slides{animation-duration:30s;}
@media(max-width:900px){
  .category-cards{grid-template-columns:1fr !important;}
  .cat-card{min-height:290px;}
  .photo-slider-section{padding:40px 20px;}
  .slider{
    --slideW:calc(100vw - 40px);
    height:430px;
  }
  .slides img{height:430px;}
}

/* Final clean background + remove black blocks */
body{
  background:
    linear-gradient(rgba(0,0,0,.62), rgba(0,0,0,.80)),
    url('assets/hero-final-kitchen.jpg') center top / cover fixed no-repeat !important;
}

/* header glass instead of solid black */
.header{
  background:rgba(0,0,0,.54) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-bottom:1px solid rgba(201,151,63,.28) !important;
}

/* hero still uses same kitchen photo */
.hero{
  background-image:url('assets/hero-final-kitchen.jpg') !important;
  background-attachment:scroll !important;
}

/* remove front serving text fully */
.serving{
  display:none !important;
}

/* make page sections show background image through */
.services,
.work,
.photo-slider-section,
.process,
.about-contact,
footer{
  background:rgba(0,0,0,.58) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}

/* service cards more glass look */
.services article,
.box,
.about,
.contact,
.gallery figure,
.cat-card,
.slider{
  background-color:rgba(0,0,0,.42) !important;
}

/* reduce heavy black overlays */
.hero-overlay{
  background:
    radial-gradient(circle at center, rgba(0,0,0,.02), rgba(0,0,0,.35) 58%, rgba(0,0,0,.72)),
    linear-gradient(90deg, rgba(0,0,0,.38), rgba(0,0,0,.06), rgba(0,0,0,.42)) !important;
}

@media(max-width:900px){
  body{
    background-attachment:scroll !important;
  }
}


/* HEADER MOVE WITH PAGE - FINAL FIX */
header,
.header,
.site-header,
.navbar,
nav.header,
.header-wrapper{
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
}

/* remove spacing made for fixed header */
.hero,
#home,
main,
body{
  padding-top: 0 !important;
}

.hero{
  margin-top: 0 !important;
}

/* keep nav normal and visible */
.header{
  z-index: 10 !important;
}