:root{
  --navy:#061827;
  --navy2:#082a45;
  --gold:#d7a43b;
  --gold2:#f2cf72;
  --green:#22c878;
  --green2:#aaffd5;
  --line:rgba(255,255,255,.18);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  color:#fff;
  background:linear-gradient(135deg,#03101d,#06243d 48%,#062c27);
  overflow-x:hidden;
}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
button{font:inherit}
.glass,.gloss{
  background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.055));
  border:1px solid var(--line);
  box-shadow:0 18px 50px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.22);
  backdrop-filter:blur(20px) saturate(145%);
  -webkit-backdrop-filter:blur(20px) saturate(145%);
}
.topbar{
  position:fixed;
  z-index:80;
  top:8px;
  left:3vw;
  right:3vw;
  height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.brand img{
  height:44px;
  width:auto;
  object-fit:contain;
}
nav{
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:38px;
  min-width:min(640px,52vw);
  padding:0 34px;
  border-radius:18px;
  background:linear-gradient(145deg,rgba(9,34,58,.78),rgba(7,26,45,.55));
  border:1px solid rgba(255,255,255,.2);
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 12px 35px rgba(0,0,0,.22);
  backdrop-filter:blur(18px);
}
nav a{
  font-size:14px;
  font-weight:850;
  letter-spacing:.01em;
  position:relative;
}
nav a.active,nav a:hover{color:var(--gold2)}
nav a.active:after,nav a:hover:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-12px;
  height:3px;
  border-radius:999px;
  background:var(--gold2);
}
.quote,.gold-btn,.dark-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border-radius:999px;
  padding:11px 22px;
  font-weight:900;
  font-size:14px;
}
.quote,.gold-btn{
  color:#171306;
  background:linear-gradient(180deg,#fee08a,#c99526);
  box-shadow:0 8px 22px rgba(217,164,59,.32),inset 0 1px rgba(255,255,255,.5);
}
.dark-btn{
  background:rgba(2,12,22,.55);
  border:1px solid rgba(255,255,255,.32);
}
.menu-btn{display:none;background:none;border:0;color:#fff;font-size:23px}
.hero{
  position:relative;
  min-height:346px;
  padding:64px 3vw 12px;
  overflow:hidden;
  background:#061827;
}
.hero-bg,.liquid-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.hero-bg{
  z-index:1;
  filter:saturate(1.08) contrast(1.05) brightness(.83);
}
.liquid-video{
  z-index:2;
  opacity:.11;
  mix-blend-mode:screen;
}
.hero-shade{
  position:absolute;
  inset:0;
  z-index:3;
  background:
    radial-gradient(circle at 42% 50%,rgba(4,20,35,.1),transparent 26%),
    linear-gradient(90deg,rgba(2,10,18,.98) 0%,rgba(4,17,31,.82) 31%,rgba(4,17,31,.16) 72%,rgba(4,17,31,.56));
}
.hero-copy{
  position:relative;
  z-index:4;
  max-width:520px;
}
.hero h1{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(42px,5vw,66px);
  line-height:.91;
  letter-spacing:-.035em;
  margin:0;
  text-shadow:0 4px 22px rgba(0,0,0,.28);
}
.hero h1 em{font-style:normal;color:var(--gold2)}
.tagline{
  font-family:Georgia,serif;
  margin:7px 0 9px;
  font-size:19px;
  font-weight:800;
}
.hero-actions{
  display:flex;
  gap:22px;
  flex-wrap:wrap;
  margin:8px 0 9px;
}
.hero-badges{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  width:min(520px,92vw);
  border-radius:15px;
  overflow:hidden;
}
.hero-badges span{
  min-height:42px;
  padding:8px 12px;
  display:flex;
  align-items:center;
  gap:9px;
  font-size:11px;
  font-weight:800;
  color:#eaf6ff;
  border-right:1px solid rgba(255,255,255,.12);
}
.hero-badges i{color:var(--gold2);font-size:17px}
.hero-thumbs{
  position:absolute;
  z-index:5;
  right:5vw;
  bottom:12px;
  display:flex;
  gap:8px;
  align-items:center;
}
.hero-thumb{
  width:116px;
  height:56px;
  padding:0;
  border-radius:10px;
  overflow:hidden;
  border:2px solid rgba(255,255,255,.58);
  background:#061827;
  cursor:pointer;
}
.hero-thumb img{width:100%;height:100%;object-fit:cover}
.count-card{
  width:92px;
  height:64px;
  border-radius:14px;
  display:grid;
  place-items:center;
  text-align:center;
}
.count-card strong{font-size:24px}
.count-card span{font-size:12px}
.reference-band{position:relative;z-index:2;padding:10px 3vw 8px}
.services.reference-band{
  background:linear-gradient(180deg,#f8fafc 0%,#fff 56%,#eef4f8 100%);
}
.section-title{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:14px;
  margin:0 auto 8px;
  text-align:center;
}
.section-title:before,.section-title:after{
  content:"";
  height:2px;
  flex:1;
  max-width:210px;
  background:linear-gradient(90deg,transparent,rgba(215,164,59,.8),transparent);
}
.section-title h2{
  margin:0;
  font-family:Georgia,serif;
  font-size:clamp(24px,3vw,34px);
  color:#c39231;
  line-height:1;
}
.section-title p{display:none}
.services-grid{
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:10px;
}
.service-card{
  border:2px solid rgba(203,154,46,.58);
  border-radius:14px;
  overflow:hidden;
  cursor:pointer;
  background:#fff;
  box-shadow:0 10px 24px rgba(17,34,54,.1);
}
.service-card img{
  width:100%;
  height:92px;
  object-fit:cover;
}
.service-card div{
  min-height:46px;
  padding:8px 10px;
  display:flex;
  align-items:center;
  gap:9px;
  background:linear-gradient(180deg,#0a2a48,#061827);
}
.service-card i{color:var(--gold2);font-size:18px}
.service-card span{font-weight:900;font-size:13px;line-height:1.05}
.projects.reference-band,.interiors.reference-band{
  background:linear-gradient(180deg,#08213c,#061827);
  padding-top:11px;
}
.projects-grid{
  display:grid;
  grid-template-columns:repeat(10,1fr);
  gap:5px;
}
.project-tile{
  height:86px;
  border-radius:7px;
  border:2px solid rgba(203,154,46,.55);
  overflow:hidden;
  cursor:pointer;
}
.project-tile:nth-child(10n+5),.project-tile:nth-child(10n+9){grid-column:span 2}
.project-tile img,.interior-tile img,.brand-card img,.gallery-card img,.sample-card img,.about-gallery img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.interior-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
}
.interior-tile{
  height:105px;
  border-radius:9px;
  border:2px solid rgba(203,154,46,.55);
  overflow:hidden;
  cursor:pointer;
}
.quality-ribbon{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:1px;
  padding:11px 3vw;
  border-left:0;
  border-right:0;
  border-radius:0;
  background:linear-gradient(180deg,rgba(15,76,129,.96),rgba(6,24,39,.98));
  border-top:1px solid rgba(247,206,109,.45);
  border-bottom:1px solid rgba(247,206,109,.45);
}
.quality-ribbon span{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:9px;
  font-size:14px;
  font-weight:900;
}
.quality-ribbon i{color:var(--gold2)}
.about,.samples,.brand-assets,.all-gallery,.map-section{
  position:relative;
  z-index:2;
  padding:42px 3vw;
}
.about{background:linear-gradient(180deg,#061827,#073728)}
.about-grid{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:16px;
}
.about-copy{
  border-radius:24px;
  padding:24px;
}
.about-copy h2,.samples .section-title h2,.brand-assets .section-title h2,.all-gallery .section-title h2,.map-section .section-title h2{
  color:var(--gold2);
}
.about-copy p{color:rgba(255,255,255,.78);line-height:1.65}
.about-gallery{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.about-gallery article{height:145px;border-radius:16px;overflow:hidden;cursor:pointer}
.samples{background:linear-gradient(180deg,#073728,#061827)}
.samples .section-title{display:block}
.samples .section-title:before,.samples .section-title:after{display:none}
.samples .section-title p{display:block;color:rgba(255,255,255,.76)}
.sample-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin:20px 0;
}
.sample-card{
  background:#fff;
  color:#4c5968;
  overflow:hidden;
  border-radius:0;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
  cursor:pointer;
}
.sample-card img{
  height:360px;
  width:100%;
  object-fit:cover;
}
.sample-copy{
  padding:22px 24px 24px;
  font-size:19px;
  line-height:1.45;
}
.sample-copy time{display:block;font-weight:800;color:#596879;margin-bottom:14px}
.sample-copy h3{margin:0 0 8px;font-size:21px;color:#5c6878;font-weight:500}
.sample-copy p{margin:0 0 8px}
.sample-copy strong{display:block;color:#5c6878;font-weight:500;margin:6px 0}
.sample-copy span{display:block}
.season-promo{
  border-radius:24px;
  padding:22px;
  margin:20px 0;
}
.season-promo h3{color:var(--gold2);margin-top:0}
.pricing-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
.price-info{
  border-radius:20px;
  padding:18px;
}
.price-info h3{color:var(--gold2);margin:0 0 8px}
.price-info p{color:rgba(255,255,255,.76);line-height:1.55;font-size:14px}
.brand-assets,.all-gallery{background:linear-gradient(180deg,#061827,#073728)}
.brand-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:12px;
}
.brand-card{
  height:210px;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.06);
  cursor:pointer;
}
.all-gallery{background:linear-gradient(180deg,#073728,#04111d)}
.all-gallery .section-title{display:block}
.all-gallery .section-title:before,.all-gallery .section-title:after{display:none}
.all-gallery .section-title p{display:block;color:rgba(255,255,255,.75)}
.gallery-filters{
  position:sticky;
  top:70px;
  z-index:30;
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  border-radius:18px;
  padding:10px;
  margin-bottom:14px;
}
.filter{
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#fff;
  border-radius:999px;
  padding:10px 18px;
  font-weight:900;
  cursor:pointer;
}
.filter.active,.filter:hover{
  background:linear-gradient(135deg,var(--green2),var(--green));
  color:#061b12;
}
.gallery-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:10px;
  grid-auto-flow:dense;
}
.gallery-card{
  height:190px;
  border-radius:15px;
  overflow:hidden;
  cursor:pointer;
  border:1px solid rgba(255,255,255,.14);
}
.gallery-card:nth-child(12n+3){height:390px;grid-row:span 2}
.gallery-card:nth-child(12n+8){grid-column:span 2}
.map-section{background:linear-gradient(180deg,#04111d,#061827)}
.map-section .section-title{display:block}
.map-section .section-title:before,.map-section .section-title:after{display:none}
.map-section .section-title p{display:block;color:rgba(255,255,255,.75)}
.map-wrap{
  display:grid;
  grid-template-columns:.55fr 1fr;
  gap:16px;
  border-radius:24px;
  padding:18px;
}
.map-wrap h3{color:var(--gold2);font-size:25px}
.map-wrap p{color:rgba(255,255,255,.78)}
.map-wrap iframe{width:100%;height:420px;border:0;border-radius:18px}
.footer{
  position:relative;
  z-index:2;
  padding:40px 3vw 85px;
  background:#03101d;
}
.footer-inner{
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr;
  gap:24px;
  border-top:1px solid rgba(247,206,109,.35);
  padding-top:24px;
}
.footer-logo img{max-height:120px;object-fit:contain}
.footer h2{font-family:Georgia,serif;color:var(--gold2)}
.footer p{color:rgba(255,255,255,.78)}
.footer i{color:var(--gold2);margin-right:8px}
.previewable img{transition:transform .3s ease,filter .3s ease}
.previewable:hover img{transform:scale(1.04);filter:saturate(1.08)}
.hidden{display:none!important}
.lightbox{
  position:fixed;
  inset:0;
  z-index:100;
  display:none;
  place-items:center;
  background:rgba(1,7,13,.88);
  backdrop-filter:blur(18px);
  padding:22px;
}
.lightbox.open{display:grid}
.box-frame{
  width:min(1120px,92vw);
  border-radius:28px;
  padding:12px;
  margin:0;
}
.box-frame img{width:100%;max-height:78vh;object-fit:contain;border-radius:18px;background:#061827}
.box-frame figcaption{padding:10px;font-weight:900}
.close,.prev,.next{
  position:fixed;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.12);
  color:#fff;
  display:grid;
  place-items:center;
  cursor:pointer;
  backdrop-filter:blur(10px);
}
.close{top:20px;right:20px;width:52px;height:52px;border-radius:18px;font-size:24px}
.prev,.next{top:50%;transform:translateY(-50%);width:54px;height:72px;border-radius:20px;font-size:24px}
.prev{left:20px}.next{right:20px}
.audio-widget{
  position:fixed;
  left:18px;
  bottom:18px;
  z-index:70;
  border-radius:22px;
  display:flex;
  gap:12px;
  align-items:center;
  padding:12px 14px;
  min-width:270px;
}
.audio-widget button{
  width:46px;height:46px;border:0;border-radius:15px;
  background:linear-gradient(135deg,var(--green2),var(--gold2));
  cursor:pointer;
}
.audio-widget strong{display:block;font-size:12px;letter-spacing:.15em;color:var(--green2)}
.audio-widget span{font-size:12px;color:rgba(255,255,255,.78)}
.audio-gate{
  position:fixed;
  inset:0;
  z-index:110;
  display:none;
  place-items:center;
  padding:20px;
  background:rgba(2,10,19,.76);
  backdrop-filter:blur(18px);
}
.audio-gate.show{display:grid}
.audio-card{
  width:min(430px,92vw);
  padding:32px;
  border-radius:30px;
  text-align:center;
}
.audio-card i{font-size:42px;color:var(--gold2)}
.audio-card h3{font-family:Georgia,serif;font-size:30px;margin:16px 0 8px}
.audio-card p{color:rgba(255,255,255,.78)}
@media(max-width:1280px){
  .services-grid{grid-template-columns:repeat(4,1fr)}
  .projects-grid{grid-template-columns:repeat(5,1fr)}
  .sample-grid,.pricing-grid,.brand-grid,.gallery-grid{grid-template-columns:repeat(3,1fr)}
  .footer-inner,.map-wrap,.about-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  .topbar{height:auto;left:10px;right:10px;top:10px;flex-wrap:wrap}
  .brand img{max-width:230px}
  .menu-btn{display:block;margin-left:auto}
  nav{display:none;width:100%;flex-direction:column;gap:14px;padding:12px 0}
  nav.open{display:flex}
  .quote{display:none}
  .hero{padding-top:112px;min-height:620px}
  .hero h1{font-size:46px}
  .hero-badges,.services-grid,.projects-grid,.interior-grid,.quality-ribbon,.sample-grid,.pricing-grid,.brand-grid,.gallery-grid,.about-gallery{grid-template-columns:1fr}
  .hero-thumbs{position:relative;right:auto;bottom:auto;margin-top:18px;overflow:auto}
  .project-tile,.project-tile:nth-child(10n+5),.project-tile:nth-child(10n+9),.interior-tile,.gallery-card,.gallery-card:nth-child(12n+3),.gallery-card:nth-child(12n+8),.brand-card{height:250px;grid-column:auto;grid-row:auto}
  .sample-card img{height:320px}
  .audio-widget{left:10px;right:10px;min-width:auto}
}


/* Final locked beginning appearance: coded reference style */
.topbar{
  top:4px;
  left:3vw;
  right:3vw;
  height:50px;
  background:transparent;
  border:0;
  box-shadow:none;
  backdrop-filter:none;
}
.brand img{
  height:48px;
  max-width:330px;
  object-fit:contain;
}
nav{
  height:44px;
  min-width:min(625px,52vw);
  padding:0 38px;
  border-radius:17px;
  background:linear-gradient(145deg,rgba(9,34,58,.80),rgba(7,26,45,.58));
  border:1px solid rgba(255,255,255,.24);
  box-shadow:inset 0 1px rgba(255,255,255,.20),0 14px 38px rgba(0,0,0,.24);
  backdrop-filter:blur(18px);
}
.quote{
  padding:10px 25px;
  min-width:150px;
  height:38px;
}
.hero{
  min-height:276px;
  height:276px;
  padding:68px 3vw 8px;
  border-bottom:1px solid rgba(255,255,255,.18);
}
.hero-bg{
  object-position:center center;
  filter:saturate(1.08) contrast(1.08) brightness(.86);
}
.liquid-video{
  display:none;
}
.hero-shade{
  background:
    linear-gradient(90deg,rgba(2,10,18,.98) 0%,rgba(4,17,31,.80) 31%,rgba(4,17,31,.20) 68%,rgba(4,17,31,.58));
}
.hero-copy{
  max-width:430px;
}
.hero h1{
  font-size:clamp(42px,4.8vw,61px);
  line-height:.88;
}
.tagline{
  font-size:16px;
  margin:6px 0 8px;
}
.hero-actions{
  margin:7px 0 8px;
}
.gold-btn,.dark-btn{
  height:34px;
  padding:8px 22px;
  font-size:13px;
}
.hero-badges{
  width:560px;
  max-width:92vw;
  border-radius:13px;
}
.hero-badges span{
  min-height:36px;
  padding:7px 11px;
  font-size:10px;
}
.hero-badges i{
  font-size:16px;
}
.hero-thumbs{
  right:5vw;
  bottom:7px;
}
.hero-thumb{
  width:111px;
  height:55px;
  border-radius:10px;
}
.count-card{
  width:89px;
  height:63px;
  border-radius:14px;
}
.count-card strong{
  font-size:23px;
}
.count-card span{
  font-size:11px;
}
.sample-grid{
  grid-template-columns:repeat(3,1fr);
}
.sample-card.text-only{
  background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.055));
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
  border-radius:24px;
  box-shadow:0 18px 45px rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.18);
  backdrop-filter:blur(18px);
  cursor:default;
}
.sample-card.text-only .sample-copy{
  padding:22px;
  min-height:230px;
}
.sample-card.text-only time{
  color:var(--green2);
  font-size:14px;
}
.sample-card.text-only h3{
  color:var(--green2);
  font-weight:900;
  font-size:24px;
}
.sample-card.text-only p{
  color:rgba(255,255,255,.78);
  font-size:16px;
}
.sample-card.text-only strong{
  color:var(--gold2);
  font-size:28px;
  font-weight:950;
}
.sample-card.text-only span{
  color:#fff;
  font-weight:900;
  font-size:18px;
}
@media(max-width:820px){
  .hero{
    height:auto;
    min-height:560px;
    padding-top:115px;
  }
  .topbar{
    height:auto;
    background:linear-gradient(145deg,rgba(9,34,58,.88),rgba(7,26,45,.72));
    border:1px solid rgba(255,255,255,.18);
    border-radius:18px;
    padding:10px 14px;
  }
  .sample-grid{
    grid-template-columns:1fr;
  }
}


/* Final service visual aids and sharper reference hero */
.hero-bg{background:#061827;filter:saturate(1.08) contrast(1.08) brightness(.9);}
.hero::after{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 20%,transparent 78%,rgba(0,0,0,.08));pointer-events:none}
.pricing-grid{grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.price-info.visual{padding:0;overflow:hidden;border-radius:26px;display:flex;flex-direction:column;min-height:420px}
.price-info.visual img{width:100%;height:165px;object-fit:cover;display:block;border-bottom:1px solid rgba(255,255,255,.12)}
.price-info.visual .price-copy{padding:20px 22px 24px;display:flex;flex-direction:column;gap:10px;height:100%}
.price-info.visual h3{margin:0;color:var(--gold2);font-size:24px;line-height:1.1}
.price-info.visual p{margin:0;color:rgba(255,255,255,.82);font-size:15px;line-height:1.5}
.price-info.visual:hover img{transform:scale(1.03)}
.price-info.visual img{transition:transform .35s ease, filter .35s ease}
.price-info.visual:hover img{filter:saturate(1.07) contrast(1.04)}
.sample-grid{margin-bottom:24px}
.quality-ribbon{background:linear-gradient(rgba(7,22,36,.72),rgba(4,15,24,.85)), url('assets/images/graphics/hero-bg-sharp-generated.webp') center/cover no-repeat;}
@media(max-width:1280px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.pricing-grid{grid-template-columns:1fr}.price-info.visual{min-height:auto}}


/* Custom overrides for final MITI RHD site */

.hero{min-height:720px;padding-top:110px;padding-bottom:40px}
.hero-copy{max-width:640px}
.hero h1{font-size:clamp(52px,7vw,106px);line-height:.9}
.tagline{font-size:clamp(24px,2.2vw,34px);margin:18px 0 20px}
.hero-actions{margin:20px 0 24px}
.hero-badges{grid-template-columns:repeat(2,1fr);width:min(560px,92vw);gap:0;border-radius:18px}
.hero-badges span{min-height:52px;font-size:13px}
.hero-thumbs{right:3vw;left:auto;bottom:26px;gap:12px;flex-wrap:wrap;justify-content:flex-end;max-width:48vw}
.hero-thumb{width:128px;height:82px;border-radius:14px}
.count-card{height:82px;width:108px}
.services.reference-band,.projects.reference-band,.interiors.reference-band{padding-top:22px;padding-bottom:22px}
.section-title{margin-bottom:18px}
.services-grid{grid-template-columns:repeat(4,1fr);gap:18px}
.service-card img{height:180px}
.service-card div{min-height:60px;padding:12px 14px}
.service-card span{font-size:15px}
.projects-grid{grid-template-columns:repeat(4,1fr);gap:18px}
.project-tile,.project-tile:nth-child(10n+5),.project-tile:nth-child(10n+9){height:240px;grid-column:auto}
.interior-grid{grid-template-columns:repeat(3,1fr);gap:18px}
.interior-tile{height:280px}
.about,.samples,.brand-assets,.all-gallery,.map-section{padding-top:52px;padding-bottom:52px}
.about-gallery article{height:220px}
.sample-grid{grid-template-columns:repeat(3,1fr);gap:20px}
.pricing-grid{grid-template-columns:repeat(3,1fr);gap:20px}
.price-info.visual img{width:100%;height:220px;object-fit:cover;border-radius:16px;margin-bottom:12px}
.brand-grid{grid-template-columns:repeat(3,1fr);gap:18px}
.brand-card{height:280px}
.gallery-grid{grid-template-columns:repeat(4,1fr);gap:18px}
.gallery-card,.gallery-card:nth-child(12n+3),.gallery-card:nth-child(12n+8){height:260px;grid-row:auto;grid-column:auto}
.gallery-card img{object-fit:cover}
.map-wrap{grid-template-columns:.8fr 1.2fr}
@media(max-width:1200px){
  .hero{min-height:760px}
  .hero-thumbs{position:relative;right:auto;bottom:auto;left:auto;max-width:100%;margin-top:26px;justify-content:flex-start}
  .services-grid,.projects-grid,.gallery-grid{grid-template-columns:repeat(3,1fr)}
  .interior-grid,.pricing-grid,.brand-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  .hero{min-height:auto;padding-top:102px}
  .hero h1{font-size:clamp(42px,12vw,72px)}
  .hero-badges{grid-template-columns:1fr}
  .services-grid,.projects-grid,.interior-grid,.sample-grid,.pricing-grid,.brand-grid,.gallery-grid,.about-gallery{grid-template-columns:1fr !important}
  .project-tile,.interior-tile,.brand-card,.gallery-card{height:auto}
  .hero-thumb{width:110px;height:72px}
  .map-wrap{grid-template-columns:1fr}
}


/* Android/mobile readiness patch */
html,body{max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
img,video,iframe{max-width:100%}
button,a,input,select,textarea{-webkit-tap-highlight-color:rgba(242,207,114,.25)}
@media(max-width:980px){
  .topbar{left:12px!important;right:12px!important;top:10px!important;height:auto!important;min-height:68px!important;flex-wrap:wrap!important;padding:10px 12px!important;border-radius:18px!important;gap:10px!important}
  .brand img{height:48px!important;max-width:230px!important;object-fit:contain!important}
  .menu-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important}
  .topbar nav{order:5!important;width:100%!important;display:none!important;grid-template-columns:1fr!important;gap:6px!important;padding:10px!important;border-top:1px solid rgba(255,255,255,.12)!important}
  .topbar nav.open,#navMenu.open{display:grid!important}
  .topbar nav a{padding:11px 12px!important;border-radius:14px!important;background:rgba(255,255,255,.06)!important}
  .quote{padding:10px 14px!important;min-height:44px!important}
  .hero{min-height:auto!important;padding:112px 16px 30px!important;display:block!important}
  .hero-copy{max-width:100%!important}
  .hero h1{font-size:clamp(40px,13vw,68px)!important;line-height:.92!important}
  .tagline{font-size:18px!important;line-height:1.35!important}
  .hero-actions{gap:10px!important}
  .hero-actions .gold-btn,.hero-actions .dark-btn{min-height:46px!important;flex:1 1 170px!important;padding:12px 14px!important}
  .hero-badges{width:100%!important;grid-template-columns:1fr 1fr!important;margin-top:12px!important}
  .hero-badges span{font-size:12px!important;min-height:50px!important}
  .hero-thumbs{position:relative!important;right:auto!important;left:auto!important;bottom:auto!important;margin-top:18px!important;max-width:100%!important;justify-content:flex-start!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:8px!important;-webkit-overflow-scrolling:touch!important}
  .hero-thumb{flex:0 0 112px!important;width:112px!important;height:70px!important}
  .count-card{flex:0 0 92px!important;width:92px!important;height:70px!important}
  .services-grid,.projects-grid,.interior-grid,.sample-grid,.pricing-grid,.brand-grid,.gallery-grid,.about-grid,.about-gallery,.footer-inner,.map-wrap{grid-template-columns:1fr!important}
  .services,.projects,.interiors,.about,.samples,.brand-assets,.all-gallery,.map-section{padding-left:14px!important;padding-right:14px!important}
  .service-card img,.project-tile,.interior-tile,.gallery-card,.brand-card{height:auto!important;min-height:210px!important}
  .project-tile img,.interior-tile img,.gallery-card img,.brand-card img{width:100%!important;height:100%!important;object-fit:cover!important}
  .gallery-filters{position:sticky!important;top:0!important;overflow-x:auto!important;justify-content:flex-start!important;padding:10px!important;gap:8px!important;-webkit-overflow-scrolling:touch!important}
  .filter{flex:0 0 auto!important;min-height:44px!important}
  .quality-ribbon{overflow-x:auto!important;justify-content:flex-start!important;gap:10px!important;padding:12px 14px!important;-webkit-overflow-scrolling:touch!important}
  .quality-ribbon span{flex:0 0 auto!important}
  iframe{min-height:300px!important}
  .audio-widget{left:10px!important;right:10px!important;bottom:10px!important;max-width:calc(100vw - 20px)!important;transform:none!important}
  .lightbox .box-frame{width:94vw!important;max-height:82vh!important}
}
@media(max-width:560px){
  .brand img{max-width:190px!important}
  .hero{padding-top:104px!important}
  .hero h1{font-size:clamp(36px,15vw,56px)!important}
  .hero-badges{grid-template-columns:1fr!important}
  .section-title h2{font-size:30px!important;line-height:1.05!important}
  .service-card img,.project-tile,.interior-tile,.gallery-card,.brand-card{min-height:190px!important}
}


/* Final Android no-cut safety */
html, body{
  max-width:100%;
  overflow-x:hidden!important;
}
main, section, header, footer{
  max-width:100%!important;
}
@media(max-width:768px){
  .topbar, .hero, .services, .projects, .interiors, .about, .samples, .brand-assets, .all-gallery, .map-section, footer{
    max-width:100%!important;
  }
}