/* ==========================================================================
   Responsive — 1920 / 1600 / 1440 / 1280 / 1024 / 768 / 576 / 425 / 375 / 320
   ========================================================================== */
@media (min-width:1700px){:root{--maxw:1560px}}
@media (min-width:2200px){:root{--maxw:1760px}}

@media (max-width:1440px){
  .header-phone{display:none}
}
@media (max-width:1180px){
  .hdr-top__tag{display:none}
  .hdr-top__in{grid-template-columns:1fr auto}
}
@media (max-width:1280px){
  .brand__sub{display:none}
  .brand__w1{font-size:20px;letter-spacing:.14em}
  .brand__w2{letter-spacing:.18em}
  .nav ul{gap:0}
  .nav__link{padding:8px 7px;letter-spacing:.08em}
  .header-phone{display:none}
  .header-cta{display:none}
  .header-call{display:grid}
  .details__grid{grid-template-columns:repeat(4,1fr)}
  .cat-cards{grid-template-columns:repeat(3,1fr)}
  .footer__top{grid-template-columns:1.3fr .8fr .9fr 1.2fr}
}

@media (max-width:1024px){
  :root{--header-h:96px}
  .hdr-top{display:block;height:30px}
  .hdr-top__tag,.hdr-top__links a:not([aria-label]){display:none}
  .hdr-top__in{grid-template-columns:1fr auto;font-size:10px;letter-spacing:.14em}
  .brand__logo{width:46px;height:46px}
  .brand__mark{border-radius:14px}
  .brand__w1{font-size:20px}
  .site-header.is-scrolled{--header-h:66px;height:66px}
  .site-header.is-scrolled .brand__logo{width:40px;height:40px}
  .site-header__actions{gap:8px}
  .header-call,.burger{width:42px;height:42px;border-radius:50%;border:1px solid rgba(196,163,106,.8);background:#fff;box-shadow:0 10px 18px -14px rgba(8,53,82,.7)}
  .header-call{color:var(--navy-d)}
  .burger span{left:13px;right:13px}
  .burger span:first-child{top:16px}
  .burger span:last-child{top:24px}
  .nav{display:none}
  .burger{display:block}
  .header-call{display:grid}
  .hero__frame{display:none}
  .story__grid,.feature__grid,.contact,.svc-cat__grid,.why,.process,.faq-wrap,.rooms__stage,.proj-detail{grid-template-columns:1fr}
  .feature--rev .feature__media,.svc-cat--rev .svc-cat__media{order:0}
  .story__main,.feature__main{width:86%}
  .why__head,.process__head,.faq-wrap__head,.proj-detail__meta{position:static}
  .dir__head{grid-template-columns:50px 1fr 40px}
  .dir__short{display:none}
  .dir__panel-in{grid-template-columns:1fr;gap:22px}
  .dir__img{grid-column:1;max-width:420px;aspect-ratio:4/3}
  .dir__body{grid-column:1}
  .masonry{grid-template-columns:1fr 1fr;gap:14px}
  .masonry__item,.masonry__item:nth-child(n){grid-column:auto;grid-row:auto;min-height:0;aspect-ratio:4/5}
  .timeline{grid-template-columns:repeat(3,1fr);gap:40px 24px}
  .timeline__rail{display:none}
  .bhk{grid-template-columns:1fr 1fr}
  .quick{grid-template-columns:1fr 1fr}
  .footer__top{grid-template-columns:1fr 1fr}
  .footer__brand{grid-column:1/-1}
  .why__grid--3{grid-template-columns:1fr 1fr}
  .scroll-cue{display:none}
}

@media (max-width:768px){
  .hero{align-items:flex-end}
  .hero__inner{padding-bottom:140px}
  .hero__inner .display{max-width:none}
  .btn-row{gap:12px}
  .btn-row .btn{flex:1 1 220px}
  .split{grid-template-columns:1fr}
  .split__panel{min-height:480px}
  .proj-grid{grid-template-columns:1fr}
  .proj--0,.proj--1,.proj--2,.proj--3{grid-column:auto;min-height:380px}
  .stats{grid-template-columns:1fr 1fr}
  .stat{border-right:0;padding-left:0;border-bottom:1px solid var(--line);padding-bottom:22px}
  .gallery{grid-template-columns:1fr 1fr}
  .details__grid{grid-template-columns:repeat(2,1fr)}
  .insta-grid{grid-template-columns:repeat(3,1fr)}
  .why__grid{grid-template-columns:1fr}
  .cat-cards{grid-template-columns:1fr 1fr}
  .svc-cat__no{right:8px;top:-34px}
  .svc-cat--rev .svc-cat__no{left:8px}
  .svc-list--2{grid-template-columns:1fr}
  .rooms__tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad)}
  .rooms__tabs::-webkit-scrollbar{display:none}
  .rooms__tab{white-space:nowrap}
  /* vertical timeline on mobile */
  .timeline{grid-template-columns:1fr;gap:0;padding:0 0 0 34px}
  .timeline__rail{display:block;left:4px;right:auto;top:6px;bottom:6px;width:1px;height:auto}
  .timeline__fill{transform-origin:top}
  .timeline__step{padding:0 0 34px}
  .timeline__dot{left:-34px;top:8px}
  /* disable hover-dependent content */
  .hover-img__cap em,.proj__cap em,.gallery__item .proj__cap em{opacity:1;transform:none}
  .hover-img__ov{opacity:1}
  .masonry{gap:12px}
  .contact__list li{grid-template-columns:76px 1fr}
  .form__grid{grid-template-columns:1fr}
  .map__card{position:static;max-width:none;box-shadow:none;padding:24px var(--pad)}
  .map{height:auto}.map iframe{height:340px}
  .map__card{background:var(--ivory)}
  /* mobile floating actions */
  .float-wa{width:56px;height:56px;padding:0;justify-content:center;right:16px}
  .float-wa span{display:none}
  .float-call{display:flex;position:fixed;left:16px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:800;align-items:center;gap:10px;height:56px;padding:0 22px;border-radius:40px;background:var(--ink);color:#fff;font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;box-shadow:0 12px 30px rgba(0,0,0,.3)}
  .footer__bottom{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
  .footer__big{font-size:20vw}
  .reel{width:62vw;max-width:280px}
  .budget__list li{gap:18px}
  .budget__list{gap:8px 18px}
}

@media (max-width:576px){
  body{font-size:15.5px}
  .brand__text{display:flex}
  .brand__w1{font-size:17px;letter-spacing:.12em}
  .brand__w2{font-size:8px;letter-spacing:.16em}
  .brand__logo{width:48px;height:48px}
  .tick-list{grid-template-columns:1fr}
  .bhk{grid-template-columns:1fr}
  .quick{grid-template-columns:1fr}
  .footer__top{grid-template-columns:1fr}
  .why__grid--3{grid-template-columns:1fr}
  .story__badge{left:0;top:6%;max-width:160px;padding:14px 16px}
  .story__main,.feature__main{width:88%}
  .proj-detail__gallery{grid-template-columns:1fr}
  .proj-detail__gallery figure.is-wide{aspect-ratio:4/3}
  .dir__head{grid-template-columns:36px 1fr 36px;gap:12px}
  .dir__plus{width:36px;height:36px}
  .faq__a p{padding-right:0}
  .section-head{gap:22px}
  .eyebrow{letter-spacing:.2em;font-size:11.5px}
  .btn{padding:15px 22px;font-size:13px}
  .btn-row .btn{flex:1 1 100%}
}

@media (max-width:425px){
  :root{--pad:18px}
  .masonry{grid-template-columns:1fr 1fr;gap:12px}
  .masonry__item.wide{grid-column:auto}
  .gallery{grid-template-columns:1fr}
  .gallery__item.is-tall{grid-row:auto;aspect-ratio:4/3}
  .hero__trust{font-size:11px;letter-spacing:.12em;line-height:1.8}
  .steps__item{grid-template-columns:40px 1fr;gap:18px}
  .steps__no{width:40px;height:40px;font-size:12px}
  .steps::before,.steps__fill{left:19px}
  .float-call span{display:inline}
}

@media (max-width:375px){
  .brand__w2{display:none}
  .brand__w1{font-size:18px}
  .display--hero{font-size:40px}
  .display--lg{font-size:32px}
  .insta-grid{grid-template-columns:1fr 1fr}
  .details__grid{gap:10px}
  .quick__card b{font-size:20px}
}

@media (max-width:320px){
  :root{--pad:14px}
  .display--hero{font-size:36px}
  .btn{letter-spacing:.08em;padding:14px 16px}
  .float-call span{display:none}
  .float-call{width:56px;padding:0;justify-content:center}
  .masonry{grid-template-columns:1fr;gap:12px}
  .masonry__item,.masonry__item:nth-child(1),.masonry__item.wide{grid-column:auto;min-height:0;aspect-ratio:4/5}
  .stats{grid-template-columns:1fr}
}

@media (max-height:640px) and (min-width:769px){.hero{min-height:680px}}

/* v2 additions */
@media (max-width:1280px){.mega__grid{grid-template-columns:repeat(4,1fr)}.nav__link{font-size:12.5px;letter-spacing:.1em}}
@media (max-width:1024px){.loc-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:768px){.loc-grid{grid-template-columns:1fr 1fr;gap:10px}.svc-list--2{grid-template-columns:1fr}.svc-list li{grid-template-columns:28px 1fr auto}.footer__areas ul{gap:6px 14px}}
@media (max-width:480px){.loc-grid{grid-template-columns:1fr}.svc-list a.svc-wa span{display:none}.svc-list a.svc-wa{padding:9px 11px}.mobile-nav__sub{grid-template-columns:1fr}}