:root{
 --green:#0d3b2e;--green-2:#15543e;--green-3:#0a2a20;--gold:#b78a37;--gold-2:#d4ad63;--cream:#f5f2ea;--ink:#17221d;--muted:#6c7771;--line:#e5e1d8;--white:#fff;--soft:#fbfaf7;--shadow:0 20px 60px rgba(13,59,46,.10);--shadow-lg:0 30px 90px rgba(13,59,46,.17);--radius:22px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}a{text-decoration:none}img{max-width:100%;display:block}.container{max-width:1240px}.topbar{background:linear-gradient(90deg,var(--green-3),var(--green));color:#fff;font-size:13px;padding:9px 0}.topbar-inner{display:flex;justify-content:space-between;gap:18px;align-items:center}.topbar a{color:#fff;opacity:.96}.topbar i{color:var(--gold-2)}.top-contact{display:flex;gap:9px}.navbar{background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(13,59,46,.06);transition:all .35s ease;z-index:1000}.navbar.scrolled{box-shadow:0 12px 40px rgba(0,0,0,.09)}.nav-container{min-height:86px}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-logo{height:58px;width:auto;transition:transform .35s ease}.brand-lockup:hover .brand-logo{transform:rotate(-4deg) scale(1.04)}.brand-name{font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--green)}.navbar-toggler{color:var(--green);padding:8px 4px}.navbar-toggler:focus{box-shadow:none}.navbar-toggler i{font-size:30px}.nav-link{position:relative;color:#29372f!important;font-size:14px;font-weight:700;padding:1.65rem .95rem!important;transition:color .25s ease}.nav-link:after{content:"";position:absolute;left:.95rem;right:.95rem;bottom:18px;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.nav-link:hover,.nav-link.active{color:var(--green)!important}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.btn{position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.23) 50%,transparent 65%);transform:translateX(-130%);transition:transform .7s ease}.btn:hover:before{transform:translateX(130%)}.btn-pravaha{background:var(--green);border:1px solid var(--green);color:#fff;border-radius:12px;padding:13px 23px;font-weight:800;box-shadow:0 12px 30px rgba(13,59,46,.18)}.btn-pravaha:hover{background:var(--green-2);border-color:var(--green-2);color:#fff;transform:translateY(-3px);box-shadow:0 20px 45px rgba(13,59,46,.24)}.btn-gold{background:var(--gold);border:1px solid var(--gold);color:#fff;border-radius:12px;padding:13px 23px;font-weight:800;box-shadow:0 12px 28px rgba(183,138,55,.20)}.btn-gold:hover{background:#a97b2d;border-color:#a97b2d;color:#fff;transform:translateY(-3px);box-shadow:0 20px 45px rgba(183,138,55,.28)}.btn-outline-pravaha{border:1px solid var(--green);color:var(--green);background:#fff;border-radius:12px;padding:12px 21px;font-weight:800}.btn-outline-pravaha:hover{background:var(--green);color:#fff;transform:translateY(-2px);box-shadow:0 15px 30px rgba(13,59,46,.15)}.hero{position:relative;isolation:isolate;min-height:690px;display:flex;align-items:center;color:#fff;overflow:hidden;background:linear-gradient(90deg,rgba(4,25,18,.90) 0%,rgba(5,36,27,.65) 43%,rgba(5,36,27,.17) 100%),url('../assets/about-ai-property.jpg') center 35%/cover}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,rgba(212,173,99,.20),transparent 25%),linear-gradient(0deg,rgba(4,25,18,.25),transparent 45%);z-index:-1}.hero:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-80px;height:170px;background:#fff;border-radius:50% 50% 0 0/60% 60% 0 0;z-index:1}.hero-content{position:relative;z-index:2;padding:105px 0 155px}.eyebrow{display:inline-block;letter-spacing:.19em;text-transform:uppercase;font-size:11px;font-weight:900;color:var(--gold)}.eyebrow.light{color:#e1bf78}.hero h1{font-size:clamp(44px,6vw,82px);line-height:.97;letter-spacing:-.055em;font-weight:800;max-width:850px;margin:17px 0 22px}.hero h1 span{color:var(--gold-2)}.hero p{font-size:18px;line-height:1.7;max-width:650px;color:rgba(255,255,255,.88)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.hero-badges span{padding:11px 14px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.10);backdrop-filter:blur(10px);font-size:12px;font-weight:700;transition:transform .3s ease,background .3s ease}.hero-badges span:hover{transform:translateY(-4px);background:rgba(255,255,255,.16)}.hero-badges i{color:var(--gold-2);margin-right:6px}.hero-orb{position:absolute;border-radius:50%;filter:blur(3px);opacity:.5;pointer-events:none}.orb-1{width:280px;height:280px;right:9%;top:10%;background:radial-gradient(circle,rgba(212,173,99,.28),transparent 70%);animation:float 7s ease-in-out infinite}.orb-2{width:420px;height:420px;left:-170px;bottom:-120px;background:radial-gradient(circle,rgba(21,84,62,.55),transparent 70%);animation:float 9s ease-in-out infinite reverse}.stats{position:relative;z-index:5;margin-top:-58px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lg)}.stat-card{min-height:125px;background:#fff;border-right:1px solid var(--line);padding:27px 18px;text-align:center;transition:transform .35s ease,background .35s ease}.stat-card:last-child{border-right:0}.stat-card:hover{background:#fffdf8;transform:translateY(-5px)}.stat-card strong{display:block;color:var(--green);font-size:27px;font-weight:900}.stat-card span{display:block;color:var(--muted);font-size:12px;font-weight:700;line-height:1.5;margin-top:6px}.section{padding:105px 0}.section-soft{background:linear-gradient(180deg,#f8f5ed,#f5f2ea)}.section-title{font-size:clamp(34px,4.2vw,56px);font-weight:850;line-height:1.02;letter-spacing:-.045em;margin-bottom:0}.section-lead{color:var(--muted);font-size:16px;line-height:1.8;max-width:680px}.section-heading-row{display:flex;justify-content:space-between;align-items:end;gap:25px}.about-card{background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:var(--shadow);transition:transform .45s ease,box-shadow .45s ease}.about-card:hover{transform:translateY(-8px) rotate(.2deg);box-shadow:var(--shadow-lg)}.about-card.large{border-radius:28px}.about-image-wrap{height:390px;overflow:hidden}.about-image{width:100%;height:100%;object-fit:cover;object-position:68% 35%;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.about-card:hover .about-image{transform:scale(1.06)}.about-card-footer{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:26px}.about-card-footer>div{padding:0 18px;border-right:1px solid var(--line)}.about-card-footer>div:first-child{padding-left:0}.about-card-footer>div:last-child{border-right:0;padding-right:0}.about-card-footer strong,.about-card-footer span{display:block}.about-card-footer span{font-size:13px;color:var(--muted);margin-top:5px}.mini-point{display:flex;gap:13px;border-top:1px solid var(--line);padding:20px 0}.mini-point i{font-size:22px;color:var(--gold)}.mini-point strong{display:block;font-size:15px}.mini-point span{display:block;color:var(--muted);font-size:13px;line-height:1.5;margin-top:5px}.project-card{position:relative;height:100%;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 10px 35px rgba(0,0,0,.055);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,border-color .35s ease}.project-card:after{content:"";position:absolute;inset:0;border:1px solid transparent;border-radius:22px;pointer-events:none;transition:border-color .35s ease}.project-card:hover{transform:translateY(-11px);box-shadow:0 30px 70px rgba(13,59,46,.15)}.project-card:hover:after{border-color:rgba(183,138,55,.45)}.project-media{position:relative;height:270px;overflow:hidden;background:var(--cream)}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.2,.8,.2,1);filter:saturate(.96)}.project-card:hover .project-image{transform:scale(1.07)}.project-tag{position:absolute;top:16px;left:16px;z-index:2;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.93);color:var(--green);font-size:10px;font-weight:900;box-shadow:0 8px 20px rgba(0,0,0,.09)}.project-body{padding:22px}.project-kicker{font-size:11px;font-weight:800;color:var(--gold);margin-bottom:8px}.project-body h3{font-size:21px;line-height:1.15;font-weight:850;margin:0 0 8px}.project-meta{font-size:13px;color:var(--muted);line-height:1.65;min-height:42px}.project-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.project-footer .btn{padding:10px 13px;border-radius:10px;font-size:11px}.project-approval{font-size:10px;color:var(--muted);font-weight:700;line-height:1.3}.project-approval i{color:var(--green);margin-right:4px}.direct-enquiry{background:linear-gradient(135deg,#fff,#fbfaf6);border:1px solid var(--line);border-radius:30px;padding:60px;box-shadow:var(--shadow)}.check-list{padding:0;margin:25px 0 0;list-style:none;display:grid;gap:13px}.check-list li{font-size:14px;font-weight:700}.check-list i{color:var(--gold);margin-right:9px}.form-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 18px 50px rgba(0,0,0,.08)}.form-label{font-size:12px;font-weight:800;color:#314038}.form-label span{color:#bd3c2f}.form-control,.form-select{min-height:50px;border:1px solid #d9dfda;border-radius:11px;font-size:14px;padding:12px 14px;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.form-control:focus,.form-select:focus{border-color:var(--green);box-shadow:0 0 0 .23rem rgba(13,59,46,.10);transform:translateY(-1px)}textarea.form-control{min-height:120px;resize:vertical}.form-status{font-size:12px;font-weight:700;margin-top:10px;min-height:18px}.form-status.success{color:#16834b}.form-status.error{color:#c83d32}.form-status:empty{display:none}.cta-card{position:relative;overflow:hidden;border-radius:28px;padding:48px 52px;background:radial-gradient(circle at 90% 10%,rgba(183,138,55,.18),transparent 27%),linear-gradient(135deg,#082d21,#164e39);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:35px;box-shadow:var(--shadow-lg)}.cta-card:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;border:1px solid rgba(255,255,255,.08);right:60px;bottom:-180px}.cta-card h2{font-size:clamp(30px,3.5vw,48px);font-weight:850;letter-spacing:-.04em;margin:8px 0 8px}.cta-card p{color:rgba(255,255,255,.72);margin:0;max-width:650px}.footer{background:#071f17;color:#cbd8d2;padding:70px 0 22px;min-height:0}.footer-main{display:grid;grid-template-columns:1.45fr .75fr 1fr 1fr;gap:48px}.footer-logo{height:60px;width:auto;margin-bottom:10px}.footer-name{color:#fff;font-size:18px;font-weight:800;margin:0 0 12px}.footer-main>div>p{font-size:13px;line-height:1.75;color:#aebdb6}.footer-main h6{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.12em;margin:6px 0 17px}.footer-main>div>a:not(.footer-contact-card){display:block;color:#b9c9c1;font-size:13px;margin:0 0 10px;transition:color .25s ease,transform .25s ease}.footer-main>div>a:not(.footer-contact-card):hover{color:var(--gold-2);transform:translateX(4px)}.footer-address{display:flex;gap:9px}.footer-address i{color:var(--gold-2);margin-top:4px}.social{display:flex;gap:8px;margin-top:18px}.social a{display:flex!important;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#fff!important;margin:0!important;transition:all .3s ease}.social a:hover{background:var(--gold);border-color:var(--gold);transform:translateY(-4px)!important}.footer-contact-card{display:flex;align-items:center;gap:10px;color:#dbe7e1!important;border:1px solid rgba(255,255,255,.10);border-radius:12px;padding:12px 13px;margin-bottom:10px;transition:all .3s ease}.footer-contact-card span{flex:1;font-size:12px;font-weight:800}.footer-contact-card:hover{background:rgba(255,255,255,.06);border-color:rgba(212,173,99,.35);transform:translateY(-3px)}.footer hr{border-color:rgba(255,255,255,.11);margin:42px 0 18px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;color:#8ea29a;font-size:11px}.sticky-mobile{display:none}.page-hero{min-height:440px;display:flex;align-items:end;color:#fff;padding:90px 0 75px;background:linear-gradient(90deg,rgba(4,25,18,.91),rgba(4,25,18,.35)),url('../assets/about-ai-property.jpg') center 38%/cover}.page-hero h1{font-size:clamp(42px,5.5vw,70px);line-height:1;letter-spacing:-.05em;font-weight:850;max-width:900px;margin:14px 0}.page-hero p{max-width:650px;font-size:17px;color:rgba(255,255,255,.82);line-height:1.7}.value-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.value-grid>div{border:1px solid var(--line);border-radius:16px;padding:19px;background:#fff;transition:transform .3s ease,box-shadow .3s ease}.value-grid>div:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.06)}.value-grid i{display:block;color:var(--gold);font-size:22px;margin-bottom:12px}.value-grid strong,.value-grid span{display:block}.value-grid strong{font-size:14px}.value-grid span{font-size:12px;color:var(--muted);line-height:1.55;margin-top:5px}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps-grid>div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:27px;min-height:210px;transition:transform .4s ease,box-shadow .4s ease}.steps-grid>div:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.steps-grid span{color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.15em}.steps-grid h3{font-size:22px;margin:35px 0 8px}.steps-grid p{font-size:13px;color:var(--muted);line-height:1.65}.project-hero{min-height:520px;display:flex;align-items:end;color:#fff;padding:90px 0 80px;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(4,25,18,.93),rgba(4,25,18,.42)),var(--project-bg) center/cover}.project-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(212,173,99,.20),transparent 25%);pointer-events:none}.project-hero .container{position:relative;z-index:2}.hero-copy h1{font-size:clamp(40px,5.8vw,72px);font-weight:850;letter-spacing:-.05em;line-height:.98;margin:12px 0}.hero-copy p{font-size:17px;color:rgba(255,255,255,.83)}.btn-glass{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.30);color:#fff;border-radius:12px;padding:13px 22px;font-weight:800;backdrop-filter:blur(10px)}.btn-glass:hover{background:rgba(255,255,255,.20);color:#fff;transform:translateY(-3px)}.project-summary{position:relative;z-index:5;margin-top:-50px}.summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.info-box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;min-height:120px;box-shadow:var(--shadow)}.info-box i{font-size:21px;color:var(--gold);display:block;margin-bottom:12px}.info-box small{display:block;color:var(--muted);font-size:11px;font-weight:700;margin-bottom:5px}.info-box strong{display:block;font-size:13px;line-height:1.5}.highlight-card{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff;min-height:95px;transition:transform .3s ease,box-shadow .3s ease}.highlight-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.06)}.highlight-card>span{font-size:11px;color:var(--gold);font-weight:900}.highlight-card>div{display:flex;gap:9px}.highlight-card i{color:var(--green)}.highlight-card strong{font-size:13px;line-height:1.45}.section-heading-row .media-note{font-size:12px;color:var(--muted);font-weight:700}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.gallery-card{grid-column:span 4;display:block;border-radius:18px;overflow:hidden;background:#ddd;aspect-ratio:4/3;box-shadow:0 8px 25px rgba(0,0,0,.05)}.gallery-feature{grid-column:span 6;grid-row:span 2;aspect-ratio:auto}.gallery-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.gallery-card:hover img{transform:scale(1.06)}.layout-card{border:1px solid var(--line);border-radius:20px;background:#fff;padding:20px;overflow:hidden}.layout-card h3{font-size:20px;font-weight:800}.layout-card img{width:100%;max-height:650px;object-fit:contain;border-radius:14px;background:#f7f5ef}.video-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.06)}.video-card video{display:block;width:100%;aspect-ratio:16/9;background:#071f17;object-fit:cover}.video-caption{padding:13px 16px;font-size:12px;font-weight:800;color:var(--muted)}.empty-media{border:1px dashed #c9d0cb;border-radius:20px;padding:45px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;background:#fbfaf7;color:var(--muted)}.empty-media i{font-size:34px;color:var(--gold)}.empty-media strong{color:var(--green)}.empty-media span{font-size:12px;max-width:650px;line-height:1.6}.enquiry-modal{border:0;border-radius:24px;overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.25)}.enquiry-modal .modal-header{background:linear-gradient(135deg,var(--green-3),var(--green));border:0;color:#fff;padding:25px 28px}.enquiry-modal .modal-title{font-size:23px;font-weight:850;margin-top:4px}.enquiry-modal .modal-body{padding:0;background:#f7f6f2}.form-card-inner{padding:28px}.close-white{filter:invert(1);opacity:.85}.close-white:hover{opacity:1}.modal-backdrop.show{opacity:.72}.reveal-ready [data-reveal]{opacity:0}.is-visible{opacity:1!important;transform:none!important}.is-visible[data-reveal="up"]{animation:revealUp .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--delay,0ms)}.is-visible[data-reveal="right"]{animation:revealRight .8s cubic-bezier(.2,.8,.2,1) both}.is-visible[data-reveal="left"]{animation:revealLeft .8s cubic-bezier(.2,.8,.2,1) both}.is-visible[data-reveal="zoom"]{animation:revealZoom .8s cubic-bezier(.2,.8,.2,1) both}.project-card[data-reveal],.stat-card[data-reveal],.highlight-card[data-reveal],.steps-grid>div[data-reveal]{opacity:0}.project-card.is-visible,.stat-card.is-visible,.highlight-card.is-visible,.steps-grid>div.is-visible{animation:revealUp .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--delay,0ms)}@keyframes revealUp{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes revealRight{from{opacity:0;transform:translateX(-45px)}to{opacity:1;transform:translateX(0)}}@keyframes revealLeft{from{opacity:0;transform:translateX(45px)}to{opacity:1;transform:translateX(0)}}@keyframes revealZoom{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
@media (min-width:1400px){.container{max-width:1320px}.hero{min-height:730px}.project-media{height:290px}.section{padding:120px 0}}
@media (min-width:1200px) and (max-width:1399.98px){.container{max-width:1140px}}
@media (min-width:992px) and (max-width:1199.98px){.container{max-width:960px}.nav-link{padding-left:.65rem!important;padding-right:.65rem!important}.summary-grid{grid-template-columns:repeat(3,1fr)}.footer-main{grid-template-columns:1.2fr .8fr 1fr}.footer-main>div:last-child{grid-column:2/-1}}
@media (min-width:768px) and (max-width:991.98px){.container{max-width:720px}.topbar{display:none}.nav-container{min-height:76px}.brand-logo{height:48px}.nav-link{padding:12px 0!important}.nav-link:after{display:none}.navbar-collapse{padding:12px 0 18px}.hero{min-height:650px}.hero-content{padding:90px 0 140px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card:nth-child(2){border-right:0}.stat-card:nth-child(3),.stat-card:nth-child(4){border-top:1px solid var(--line)}.stat-card:nth-child(4){border-right:0}.section{padding:80px 0}.direct-enquiry{padding:42px}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.summary-grid{grid-template-columns:repeat(2,1fr)}.gallery-card{grid-column:span 6}.gallery-feature{grid-column:span 12}.sticky-mobile{display:flex}}
@media (max-width:767.98px){body{padding-bottom:64px}.container{padding-left:18px;padding-right:18px}.topbar{display:none}.nav-container{min-height:70px}.brand-lockup{gap:8px}.brand-logo{height:44px}.brand-name{font-size:16px}.navbar-collapse{padding:10px 0 16px}.nav-link{padding:11px 0!important}.nav-link:after{display:none}.hero{min-height:640px;background-position:62% center}.hero:after{height:90px;bottom:-50px}.hero-content{padding:70px 0 125px}.hero h1{font-size:43px;max-width:600px}.hero p{font-size:14px;line-height:1.7}.hero-actions .btn{width:100%;justify-content:center}.hero-badges{display:none}.stats{margin-top:-30px}.stats-grid{grid-template-columns:repeat(2,1fr);border-radius:16px}.stat-card{min-height:118px;padding:22px 10px}.stat-card:nth-child(2){border-right:0}.stat-card:nth-child(3),.stat-card:nth-child(4){border-top:1px solid var(--line)}.stat-card:nth-child(4){border-right:0}.stat-card strong{font-size:22px}.stat-card span{font-size:10px}.section{padding:68px 0}.section-title{font-size:34px}.section-lead{font-size:14px;line-height:1.75}.section-heading-row{align-items:flex-start;flex-direction:column}.about-image-wrap{height:310px}.about-card-footer{padding:19px 12px}.about-card-footer>div{padding:0 10px}.about-card-footer strong{font-size:13px}.about-card-footer span{font-size:10px}.direct-enquiry{padding:26px 18px;border-radius:22px}.form-card{padding:19px;border-radius:16px}.project-media{height:220px}.project-body{padding:18px}.project-footer{align-items:flex-end}.project-approval{max-width:48%}.cta-card{padding:32px 22px;display:block;border-radius:22px}.cta-card .btn{width:100%;justify-content:center}.cta-card .d-flex{margin-top:22px}.footer{min-height:50vh;padding:45px 0 20px}.footer-main{grid-template-columns:1fr 1fr;gap:32px 18px}.footer-main>div:first-child{grid-column:1/-1}.footer-main>div:last-child{grid-column:1/-1}.footer-logo{height:52px}.footer-main h6{font-size:11px}.footer-main>div>a:not(.footer-contact-card),.footer-main>div>p{font-size:11px}.footer-bottom{flex-direction:column;font-size:10px}.footer hr{margin:28px 0 15px}.sticky-mobile{position:fixed;display:flex;left:0;right:0;bottom:0;z-index:1100;height:64px;background:#fff;box-shadow:0 -12px 35px rgba(0,0,0,.13);border-top:1px solid #e4e5e1}.sticky-mobile a{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:900;color:#fff}.sticky-mobile a:first-child{background:#25d366}.sticky-mobile a:last-child{background:var(--green)}.page-hero{min-height:390px;padding:75px 0 60px;background-position:64% center}.page-hero h1{font-size:43px}.page-hero p{font-size:14px}.value-grid{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr 1fr}.steps-grid>div{min-height:180px;padding:20px}.steps-grid h3{font-size:19px;margin-top:25px}.project-hero{min-height:500px;padding:75px 0 60px;background-position:62% center}.hero-copy h1{font-size:42px}.hero-copy p{font-size:14px}.summary-grid{grid-template-columns:1fr 1fr;gap:9px}.info-box{min-height:110px;padding:14px}.info-box strong{font-size:11px}.info-box small{font-size:10px}.gallery-grid{grid-template-columns:1fr 1fr;gap:9px}.gallery-card,.gallery-feature{grid-column:span 1;grid-row:auto;aspect-ratio:1/1}.gallery-feature{grid-column:span 2;aspect-ratio:16/10}.video-card video{aspect-ratio:16/10}.enquiry-modal .modal-header{padding:20px}.form-card-inner{padding:19px}.modal-dialog{margin:10px}.orb-1{right:-120px}.orb-2{left:-240px}}
@media (max-width:575.98px){.hero h1{font-size:39px}.hero{min-height:625px}.hero-content{padding-top:60px}.brand-name{font-size:15px}.project-media{height:200px}.project-body h3{font-size:18px}.project-meta{font-size:12px}.project-footer{flex-direction:column;align-items:stretch}.project-approval{max-width:none}.project-footer .btn{width:100%;text-align:center}.steps-grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:1fr}.footer-main>div:first-child,.footer-main>div:last-child{grid-column:auto}.footer-address{align-items:flex-start}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-feature{grid-column:span 2}.section{padding:58px 0}.section-title{font-size:31px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Mobile footer: intentionally compact to approximately half the viewport height */
@media (max-width:767.98px){
  .footer{height:50vh;min-height:50vh;max-height:50vh;overflow:hidden;padding:24px 0 12px;}
  .footer-main{grid-template-columns:1fr 1fr;gap:18px 14px;}
  .footer-main>div:first-child{grid-column:1/-1;}
  .footer-main>div:last-child{display:none;}
  .footer-logo{height:38px;width:auto;margin-bottom:5px;}
  .footer-name{font-size:17px!important;margin:0 0 5px!important;}
  .footer-main>div>p{font-size:10px!important;line-height:1.45;margin-bottom:6px;}
  .footer-address{margin-top:6px!important;}
  .footer-main h6{font-size:10px!important;margin-bottom:7px;}
  .footer-main>div>a:not(.footer-contact-card){font-size:10px!important;margin-bottom:4px;}
  .footer .social{margin-top:7px;}
  .footer .social a{width:32px;height:32px;}
  .footer hr{margin:12px 0 8px;}
  .footer-bottom{font-size:8px!important;gap:2px;}
  .footer-bottom span:last-child{display:none;}
}
.project-card{cursor:pointer;}
.project-card:focus-visible{outline:3px solid rgba(194,148,57,.55);outline-offset:4px;}


/* Pravaha: two project cards per row on all phone widths */
@media (max-width: 575.98px){
  #projectsGrid > [class*="col-"]{width:50%;flex:0 0 50%;padding-left:5px;padding-right:5px}
  #projectsGrid{--bs-gutter-x:0.35rem;--bs-gutter-y:0.7rem}
  #projectsGrid .project-card{border-radius:14px;box-shadow:0 8px 22px rgba(0,0,0,.06)}
  #projectsGrid .project-media{height:142px}
  #projectsGrid .project-tag{top:8px;left:8px;padding:5px 7px;font-size:7.5px;max-width:calc(100% - 16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #projectsGrid .project-body{padding:11px}
  #projectsGrid .project-kicker{font-size:8px;line-height:1.25;margin-bottom:5px;min-height:20px}
  #projectsGrid .project-body h3{font-size:14px;line-height:1.15;margin-bottom:5px}
  #projectsGrid .project-meta{font-size:9px;line-height:1.35;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  #projectsGrid .project-footer{gap:6px}
  #projectsGrid .project-approval{font-size:8px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  #projectsGrid .project-footer .btn{width:auto;font-size:9px;padding:6px 7px;border-radius:8px;white-space:nowrap}
  .project-extra-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
}
@media (min-width:576px) and (max-width:767.98px){
  #projectsGrid > [class*="col-"]{width:50%;flex:0 0 50%}
}


/* ===== Pravaha final responsive polish ===== */
.project-card{display:flex;flex-direction:column;min-height:100%}
.project-body{display:flex;flex-direction:column;flex:1;min-width:0}
.project-footer{margin-top:auto!important}
.project-footer .btn{white-space:nowrap}
.project-card .project-image{background:var(--cream)}

.project-carousel-wrap{max-width:1120px;margin:0 auto}
.project-carousel{position:relative;border-radius:24px;overflow:hidden;background:#0a241b;box-shadow:0 28px 70px rgba(13,59,46,.15)}
.project-carousel .carousel-inner{height:min(66vh,650px);min-height:380px}
.project-carousel .carousel-item,.project-carousel .carousel-item>a{height:100%;display:block;position:relative}
.project-carousel .carousel-item img{width:100%;height:100%;object-fit:contain;background:#0a241b}
.project-carousel .carousel-control-prev,.project-carousel .carousel-control-next{width:58px;height:58px;top:50%;transform:translateY(-50%);margin:0 18px;border-radius:50%;background:rgba(255,255,255,.16);backdrop-filter:blur(12px);opacity:1;transition:all .3s ease}
.project-carousel .carousel-control-prev:hover,.project-carousel .carousel-control-next:hover{background:rgba(183,138,55,.92);transform:translateY(-50%) scale(1.06)}
.project-carousel .carousel-indicators{bottom:18px;margin-bottom:0;gap:5px}
.project-carousel .carousel-indicators [data-bs-target]{width:22px;height:4px;border:0;border-radius:99px;background:#fff;opacity:.55;margin:0;transition:all .3s ease}
.project-carousel .carousel-indicators .active{width:42px;opacity:1;background:var(--gold-2)}
.carousel-open{position:absolute;right:18px;bottom:18px;padding:9px 12px;border-radius:999px;background:rgba(0,0,0,.48);color:#fff;font-size:11px;font-weight:800;backdrop-filter:blur(8px)}
.project-thumbs{display:flex;gap:10px;overflow-x:auto;padding:14px 2px 4px;scrollbar-width:thin}
.project-thumbs button{flex:0 0 92px;height:66px;padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;background:#fff;opacity:.62;transition:all .3s ease}
.project-thumbs button.active,.project-thumbs button:hover{opacity:1;border-color:var(--gold);transform:translateY(-2px)}
.project-thumbs img{width:100%;height:100%;object-fit:cover}
.layout-card{padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 14px 40px rgba(13,59,46,.07)}
.layout-image-link{display:block;margin-top:18px;border-radius:15px;overflow:hidden;background:var(--cream)}
.layout-image-link img{width:100%;max-height:650px;object-fit:contain}
.project-extra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.project-extra-grid .info-box{min-height:110px}

@media (min-width:1200px){
  .container{max-width:1320px}
  .project-carousel .carousel-inner{height:620px}
}
@media (min-width:992px) and (max-width:1199.98px){
  .project-carousel .carousel-inner{height:520px}
}
@media (min-width:768px) and (max-width:991.98px){
  .project-carousel .carousel-inner{height:460px}
  .project-media{height:240px}
}
@media (max-width:767.98px){
  .topbar{font-size:10px}
  .topbar-inner{justify-content:center}
  .top-contact{display:none}
  .nav-container{min-height:68px}
  .brand-logo{height:46px}
  .brand-lockup{gap:8px}
  .brand-name{font-size:15px}
  .navbar-toggler{border:1px solid rgba(13,59,46,.16);border-radius:9px;padding:5px 8px}
  .navbar-toggler i{font-size:25px}
  .navbar-collapse{background:#fff;border-top:1px solid var(--line);padding:8px 0 14px}
  .nav-link{padding:.75rem .25rem!important}
  .nav-link:after{left:.25rem;right:auto;width:32px;bottom:5px}
  .project-hero{min-height:430px;padding:80px 0 58px}
  .hero-copy h1{font-size:clamp(34px,10vw,46px)}
  .hero-copy p{font-size:13px}
  .project-summary{margin-top:-30px}
  .summary-grid{grid-template-columns:1fr 1fr}
  .info-box{min-height:104px}
  .project-carousel{border-radius:17px}
  .project-carousel .carousel-inner{height:300px;min-height:0}
  .project-carousel .carousel-control-prev,.project-carousel .carousel-control-next{width:40px;height:40px;margin:0 8px}
  .project-carousel .carousel-indicators{bottom:9px}
  .project-carousel .carousel-indicators [data-bs-target]{width:14px;height:3px}
  .project-carousel .carousel-indicators .active{width:25px}
  .carousel-open{right:10px;bottom:10px;font-size:9px;padding:7px 9px}
  .project-thumbs{gap:7px;padding-top:10px}
  .project-thumbs button{flex-basis:68px;height:50px;border-radius:9px}
  .layout-card{padding:15px;border-radius:16px}
  .layout-card h3{font-size:18px}
  .project-extra-grid{grid-template-columns:1fr 1fr}
  .project-card{border-radius:14px}
  .project-media{height:150px}
  .project-body{padding:11px}
  .project-tag{top:8px;left:8px;padding:5px 7px;font-size:7px;max-width:calc(100% - 16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .project-kicker{font-size:8px;line-height:1.3;min-height:21px}
  .project-body h3{font-size:14px;line-height:1.15;margin-bottom:5px}
  .project-meta{font-size:9px;line-height:1.35;min-height:36px}
  .project-footer{gap:7px;margin-top:10px!important;align-items:stretch}
  .project-approval{font-size:7.5px;line-height:1.25;display:block;max-width:52%}
  .project-footer .btn{width:auto;padding:6px 7px;font-size:8px;border-radius:8px;align-self:flex-end}
  #projectsGrid > [class*="col-"]{width:50%;flex:0 0 50%;padding-left:5px;padding-right:5px}
  #projectsGrid{--bs-gutter-x:.35rem;--bs-gutter-y:.7rem}
  .direct-enquiry{padding:22px;border-radius:18px}
  .form-card{padding:18px}
  .section{padding:48px 0}
  .section-title{font-size:29px}
}
@media (max-width:399.98px){
  .brand-name{font-size:14px}
  .project-media{height:135px}
  .project-body{padding:9px}
  .project-body h3{font-size:13px}
  .project-meta{font-size:8px}
  .project-footer .btn{font-size:7.5px;padding:5px 6px}
  .project-approval{font-size:7px}
  .project-carousel .carousel-inner{height:270px}
}

/* =========================================================
   FINAL MOBILE UX POLISH — Pravaha Properties
   Focus: compact enquiry popup + clean card-based mobile layout
   ========================================================= */
@media (max-width: 767.98px){
  /* Keep the mobile page breathable and prevent oversized sections. */
  .section{padding:48px 0}
  .container{width:100%;max-width:100%;padding-left:14px;padding-right:14px}

  /* Header / brand */
  .nav-container{min-height:66px;padding-left:14px;padding-right:14px}
  .brand-lockup{min-width:0;gap:8px}
  .brand-logo{height:40px;flex:0 0 auto}
  .brand-name{font-size:15px;white-space:nowrap}
  .navbar-toggler{border:1px solid #dce4df;border-radius:9px;padding:5px 8px}
  .navbar-toggler i{font-size:24px}

  /* Hero: avoid giant full-width buttons on phones. */
  .hero{min-height:600px;background-position:60% center}
  .hero-content{padding:58px 0 105px}
  .hero h1{font-size:clamp(36px,10.5vw,48px);line-height:1.01;margin:12px 0 16px}
  .hero p{font-size:13px;line-height:1.62;margin-bottom:0}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}
  .hero-actions .btn{width:100%;min-height:48px;padding:10px 9px;font-size:12px;white-space:nowrap}

  /* Home statistics: 2 cards per row. */
  .stats{margin-top:-24px;padding:0 14px}
  .stats-grid{grid-template-columns:1fr 1fr;border-radius:16px}
  .stat-card{min-height:104px;padding:19px 8px}
  .stat-card:nth-child(odd){border-right:1px solid var(--line)}
  .stat-card:nth-child(2n){border-right:0}
  .stat-card:nth-child(n+3){border-top:1px solid var(--line)}
  .stat-card strong{font-size:20px}
  .stat-card span{font-size:9px;line-height:1.35}

  /* All major mobile content behaves as clean cards. */
  .section-heading-row{gap:10px;margin-bottom:18px}
  .section-title{font-size:30px;line-height:1.06}
  .section-lead{font-size:13px;line-height:1.65}
  .about-card,.project-card,.form-card,.direct-enquiry,.info-box,.highlight-card,.video-card,.layout-card,.cta-card{border-radius:16px}

  /* Project listing: exactly two cards per row on mobile. */
  #projects .row{--bs-gutter-x:10px;--bs-gutter-y:10px}
  #projects .row > [class*="col-"]{width:50%;padding-left:5px;padding-right:5px}
  .project-card{border-radius:15px;box-shadow:0 7px 24px rgba(13,59,46,.08)}
  .project-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(13,59,46,.12)}
  .project-media{height:145px}
  .project-tag{top:9px;left:9px;padding:6px 8px;font-size:8px;max-width:calc(100% - 18px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .project-body{padding:12px}
  .project-kicker{font-size:8px;line-height:1.35;margin-bottom:5px}
  .project-body h3{font-size:14px;line-height:1.16;margin-bottom:6px}
  .project-meta{font-size:10px;line-height:1.45;min-height:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .project-footer{margin-top:10px;display:block}
  .project-approval{display:none}
  .project-footer .btn{width:100%;min-height:38px;padding:8px 7px;font-size:9px;border-radius:9px}

  /* About section becomes stacked, balanced cards rather than oversized blocks. */
  .about-image-wrap{height:230px}
  .about-card-footer{grid-template-columns:repeat(3,1fr);padding:14px 8px}
  .about-card-footer>div{padding:0 7px}
  .about-card-footer strong{font-size:11px}
  .about-card-footer span{font-size:9px;line-height:1.3}

  /* Project detail summary: 2 cards per row. */
  .project-summary{padding:14px 0 4px}
  .summary-grid{grid-template-columns:1fr 1fr;gap:8px}
  .info-box{min-height:92px;padding:12px}
  .info-box i{font-size:15px}
  .info-box small{font-size:9px;line-height:1.25}
  .info-box strong{font-size:10px;line-height:1.35}

  /* Project hero detail */
  .project-hero{min-height:430px;padding:62px 0 48px;background-position:60% center}
  .hero-copy h1{font-size:36px;line-height:1.02}
  .hero-copy p{font-size:12px;line-height:1.5}
  .hero-copy .btn{min-height:43px;font-size:11px;padding:9px 13px}

  /* Project overview highlights: 2 cards per row even on XS phones. */
  .project-overview-grid .col-sm-6{width:50%}
  .highlight-card{min-height:105px;padding:14px 10px;gap:8px}
  .highlight-card > span{font-size:9px}
  .highlight-card strong{font-size:11px;line-height:1.35}
  .highlight-card i{font-size:14px}

  /* The project enquiry card is compact on mobile; no huge empty form. */
  #projectEnquiry{scroll-margin-top:78px}
  #projectEnquiry .form-card{padding:16px;border-radius:16px;box-shadow:0 10px 30px rgba(13,59,46,.08)}
  #projectEnquiry .form-card h3{font-size:20px;line-height:1.15;margin-bottom:5px}
  #projectEnquiry .form-card > p{font-size:11px;line-height:1.45;margin-bottom:12px}
  #projectEnquiry .row{--bs-gutter-x:8px;--bs-gutter-y:8px}
  #projectEnquiry .form-label{font-size:10px;margin-bottom:4px}
  #projectEnquiry .form-control,#projectEnquiry .form-select{min-height:43px;height:43px;padding:9px 10px;font-size:12px;border-radius:9px}
  #projectEnquiry textarea.form-control{height:auto;min-height:78px}
  #projectEnquiry .btn-pravaha{min-height:44px;padding:10px 12px;font-size:11px;border-radius:9px}
  #projectEnquiry .form-status{font-size:10px;line-height:1.4}

  /* Modal enquiry: smaller, centered and internally scrollable. */
  .enquiry-modal{width:min(100%,360px);margin:0 auto;border-radius:18px;max-height:calc(100dvh - 24px)}
  .enquiry-modal .modal-header{padding:14px 16px 13px}
  .enquiry-modal .eyebrow{font-size:8px;letter-spacing:.16em}
  .enquiry-modal .modal-title{font-size:19px;line-height:1.12;margin-top:4px;max-width:270px}
  .enquiry-modal .modal-body{padding:0;max-height:calc(100dvh - 150px);overflow-y:auto;-webkit-overflow-scrolling:touch}
  .enquiry-modal .form-card-inner{padding:14px 16px 16px}
  .enquiry-modal .row{--bs-gutter-x:8px;--bs-gutter-y:7px}
  .enquiry-modal .form-label{font-size:9px;margin-bottom:3px}
  .enquiry-modal .form-control,.enquiry-modal .form-select{min-height:40px;height:40px;padding:8px 10px;font-size:11px;border-radius:8px}
  .enquiry-modal textarea.form-control{min-height:68px;height:68px}
  .enquiry-modal .btn-pravaha{min-height:42px;padding:9px 10px;font-size:11px;border-radius:9px}
  .enquiry-modal .form-status{font-size:10px;margin-top:5px}
  .modal-dialog{margin:12px auto;max-width:calc(100% - 24px)}

  /* Gallery carousel: full-width on phone with a stable viewport. */
  .project-carousel-wrap{width:100%;max-width:none}
  .project-carousel{border-radius:15px;box-shadow:0 14px 35px rgba(13,59,46,.13)}
  .project-carousel .carousel-inner{background:#0a241b}
  .project-carousel .carousel-item{height:330px}
  .project-carousel .carousel-item a{display:flex;height:100%;align-items:center;justify-content:center;position:relative}
  .project-carousel .carousel-item img{width:100%;height:100%;object-fit:contain;background:#0a241b}
  .project-carousel .carousel-control-prev,.project-carousel .carousel-control-next{width:42px;height:42px;top:50%;transform:translateY(-50%);margin:0 7px;background:rgba(13,59,46,.75);border-radius:50%;opacity:1}
  .project-carousel .carousel-control-prev-icon,.project-carousel .carousel-control-next-icon{width:17px;height:17px}
  .project-carousel .carousel-indicators{margin-bottom:8px;gap:3px}
  .project-carousel .carousel-indicators [data-bs-target]{width:16px;height:3px;margin:0 2px;border-radius:10px}
  .carousel-open{right:9px;bottom:9px;font-size:9px;padding:7px 9px}
  .project-thumbs{gap:6px;padding:9px 1px 2px;overflow-x:auto;scroll-snap-type:x proximity}
  .project-thumbs button{flex:0 0 58px;width:58px;height:46px;border-radius:7px;scroll-snap-align:start}
  .project-thumbs img{width:100%;height:100%;object-fit:cover}

  /* Videos: neat cards with predictable mobile sizing. */
  .video-card video{width:100%;aspect-ratio:16/10;object-fit:cover;background:#071d16}
  .video-caption{padding:9px 11px;font-size:10px}

  /* Layout image */
  .layout-card{padding:14px}
  .layout-image-link img{border-radius:10px;max-height:320px;object-fit:contain}

  /* Footer: compact mobile footprint while retaining all links. */
  .footer{min-height:50vh;padding:34px 0 18px}
  .footer-main{gap:22px 14px}
  .footer-main>div{min-width:0}
  .footer-logo{height:44px}
  .footer-name{font-size:18px!important}
  .footer-main h6{font-size:9px;letter-spacing:.12em;margin-bottom:8px}
  .footer-main>div>a:not(.footer-contact-card),.footer-main>div>p{font-size:10px;line-height:1.45}
  .footer-contact-card{padding:10px;font-size:10px}
  .footer hr{margin:20px 0 11px}
  .footer-bottom{font-size:8px;gap:5px}

  /* Fixed mobile actions stay above page content. */
  .sticky-mobile{height:58px}
  .sticky-mobile a{font-size:10px}
}

@media (max-width:399.98px){
  .hero h1{font-size:35px}
  .hero-actions .btn{font-size:10px}
  .project-media{height:132px}
  .project-body{padding:10px}
  .project-body h3{font-size:13px}
  .project-meta{font-size:9px}
  .project-footer .btn{font-size:8px}
  .project-carousel .carousel-item{height:285px}
  .enquiry-modal{width:calc(100% - 20px)}
}

/* =========================================================
   PRAVAHA PROPERTIES — FINAL RESPONSIVE OVERRIDES
   This block intentionally lives at the end so it wins over
   earlier responsive rules in this stylesheet.
   ========================================================= */

/* Desktop polish */
@media (min-width: 992px){
  .project-card .project-footer .btn{min-width:118px}
  .project-carousel .carousel-inner{display:block}
  .project-carousel .carousel-item{height:100%}
}

/* Tablet */
@media (min-width: 768px) and (max-width: 991.98px){
  .container{max-width:720px}
  #projectsGrid > [class*="col-"]{width:50%;flex:0 0 50%}
  .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .project-carousel .carousel-inner{height:480px}
}

/* Phones */
@media (max-width: 767.98px){
  body{padding-bottom:58px}
  .container{width:100%;max-width:100%;padding-left:14px;padding-right:14px}

  /* Header */
  .nav-container{min-height:64px;padding-left:14px;padding-right:14px}
  .brand-logo{height:39px}
  .brand-name{font-size:15px;letter-spacing:-.02em}
  .navbar-toggler{padding:5px 8px;border:1px solid #d9e2dd;border-radius:8px}
  .navbar-toggler i{font-size:23px}
  .navbar-collapse{margin:0 -14px;padding:6px 14px 12px;background:#fff;border-top:1px solid var(--line);box-shadow:0 12px 25px rgba(13,59,46,.06)}

  /* Hero */
  .hero{min-height:590px;background-position:58% center}
  .hero-content{padding:58px 0 92px}
  .hero h1{font-size:clamp(35px,10.5vw,46px);line-height:1.02;margin:12px 0 15px}
  .hero p{font-size:13px;line-height:1.58;max-width:100%}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}
  .hero-actions .btn{width:100%;min-height:46px;padding:9px 6px;font-size:11px;white-space:nowrap}

  /* Stats and section cards */
  .stats{margin-top:-22px;padding:0 14px}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:15px}
  .stat-card{min-height:96px;padding:17px 7px}
  .stat-card strong{font-size:19px}
  .stat-card span{font-size:8.5px;line-height:1.35}
  .section{padding:45px 0}
  .section-heading-row{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:18px!important}
  .section-title{font-size:29px;line-height:1.06}
  .section-lead{font-size:12.5px;line-height:1.65}

  /* About card */
  .about-image-wrap{height:215px}
  .about-card-footer{padding:13px 7px}
  .about-card-footer>div{padding:0 6px}
  .about-card-footer strong{font-size:10.5px}
  .about-card-footer span{font-size:8.5px}

  /* PROJECT LIST — exactly 2 columns on mobile */
  #projectsGrid,
  #projects .row{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  #projectsGrid > [class*="col-"],
  #projects .row > [class*="col-"]{
    width:100% !important;
    max-width:100% !important;
    flex:0 0 auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    margin:0 !important;
  }
  #projectsGrid .project-card{
    min-width:0;
    border-radius:14px;
    box-shadow:0 7px 20px rgba(13,59,46,.08);
  }
  #projectsGrid .project-media{height:138px}
  #projectsGrid .project-tag{top:8px;left:8px;padding:5px 7px;font-size:7px}
  #projectsGrid .project-body{padding:10px}
  #projectsGrid .project-kicker{font-size:7.5px;line-height:1.25;min-height:19px;margin-bottom:4px}
  #projectsGrid .project-body h3{font-size:13px;line-height:1.15;margin-bottom:5px}
  #projectsGrid .project-meta{font-size:8.5px;line-height:1.35;min-height:34px;-webkit-line-clamp:2}
  #projectsGrid .project-footer{display:block;margin-top:8px!important}
  #projectsGrid .project-approval{display:none}
  #projectsGrid .project-footer .btn{display:flex;width:100%;min-height:34px;align-items:center;justify-content:center;padding:6px 5px;font-size:8px;border-radius:8px}

  /* Project detail */
  .project-hero{min-height:405px;padding:58px 0 44px;background-position:58% center}
  .hero-copy h1{font-size:35px;line-height:1.02}
  .hero-copy p{font-size:12px}
  .hero-copy .btn{min-height:40px;padding:8px 11px;font-size:10px}
  .project-summary{padding:12px 0 4px;margin-top:-18px}
  .summary-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .info-box{min-height:88px;padding:11px;border-radius:13px}
  .info-box i{font-size:14px}
  .info-box small{font-size:8px;line-height:1.2}
  .info-box strong{font-size:9.5px;line-height:1.3}

  /* Project highlights: 2 cards per row */
  .project-overview-grid,
  #projectPage .row.g-3{
    --bs-gutter-x:0!important;
    --bs-gutter-y:8px!important;
  }
  .project-overview-grid .col-sm-6,
  #projectPage .row.g-3 > [class*="col-"]{
    width:50%!important;
    flex:0 0 50%!important;
    padding-left:4px!important;
    padding-right:4px!important;
  }
  .highlight-card{min-height:98px;padding:12px 9px;border-radius:13px}
  .highlight-card > span{font-size:8px}
  .highlight-card strong{font-size:10px;line-height:1.3}
  .highlight-card i{font-size:13px}

  /* Direct enquiry card */
  .direct-enquiry{padding:17px 12px;border-radius:18px}
  .direct-enquiry .form-card{padding:14px;border-radius:14px}
  .direct-enquiry .form-label{font-size:9px;margin-bottom:3px}
  .direct-enquiry .form-control,
  .direct-enquiry .form-select{min-height:40px;height:40px;padding:8px 9px;font-size:11px;border-radius:8px}
  .direct-enquiry textarea.form-control{height:62px;min-height:62px}
  .direct-enquiry .btn-pravaha{min-height:40px;padding:8px;font-size:10px}

  /* Project page enquiry card */
  #projectEnquiry{scroll-margin-top:72px}
  #projectEnquiry .form-card{padding:14px;border-radius:14px}
  #projectEnquiry .form-card h3{font-size:19px;line-height:1.12}
  #projectEnquiry .form-card>p{font-size:10px;line-height:1.4;margin-bottom:10px}
  #projectEnquiry .row{--bs-gutter-x:7px;--bs-gutter-y:7px}
  #projectEnquiry .form-label{font-size:9px;margin-bottom:3px}
  #projectEnquiry .form-control,
  #projectEnquiry .form-select{min-height:40px;height:40px;padding:8px 9px;font-size:11px;border-radius:8px}
  #projectEnquiry textarea.form-control{height:62px;min-height:62px}
  #projectEnquiry .btn-pravaha{min-height:40px;padding:8px;font-size:10px}

  /* FINAL compact enquiry popup — intentionally much smaller */
  .modal-dialog{
    width:calc(100% - 48px)!important;
    max-width:320px!important;
    margin:40px auto!important;
  }
  .enquiry-modal{
    width:100%!important;
    max-width:320px!important;
    max-height:calc(100dvh - 110px)!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }
  .enquiry-modal .modal-header{padding:11px 13px 10px!important;min-height:66px}
  .enquiry-modal .eyebrow{font-size:7px!important;letter-spacing:.14em}
  .enquiry-modal .modal-title{font-size:17px!important;line-height:1.08!important;margin-top:3px!important;max-width:230px}
  .enquiry-modal .modal-body{
    padding:0!important;
    max-height:calc(100dvh - 176px)!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
  }
  .enquiry-modal .form-card-inner{padding:11px 13px 13px!important}
  .enquiry-modal .row{--bs-gutter-x:7px!important;--bs-gutter-y:6px!important}
  .enquiry-modal .form-label{font-size:8px!important;margin-bottom:2px!important}
  .enquiry-modal .form-control,
  .enquiry-modal .form-select{min-height:36px!important;height:36px!important;padding:6px 8px!important;font-size:10px!important;border-radius:7px!important}
  .enquiry-modal textarea.form-control{height:54px!important;min-height:54px!important}
  .enquiry-modal .btn-pravaha{min-height:38px!important;padding:7px 8px!important;font-size:10px!important;border-radius:8px!important}
  .enquiry-modal .form-status{font-size:8px!important;margin-top:4px!important;line-height:1.3}

  /* Gallery carousel — stable height and touch-friendly controls */
  .project-carousel-wrap{width:100%;max-width:none}
  .project-carousel{border-radius:14px!important;overflow:hidden;background:#08251c;touch-action:pan-y}
  .project-carousel .carousel-inner{height:300px!important;min-height:300px!important;background:#08251c}
  .project-carousel .carousel-item{height:300px!important}
  .project-carousel .carousel-item>a{height:100%;display:flex;align-items:center;justify-content:center}
  .project-carousel .carousel-item img{width:100%;height:100%;object-fit:contain!important;background:#08251c}
  .project-carousel .carousel-control-prev,
  .project-carousel .carousel-control-next{width:38px!important;height:38px!important;margin:0 7px!important;border-radius:50%!important;background:rgba(13,59,46,.82)!important;opacity:1!important;top:50%!important;transform:translateY(-50%)!important}
  .project-carousel .carousel-control-prev:hover,
  .project-carousel .carousel-control-next:hover{background:var(--gold)!important}
  .project-carousel .carousel-indicators{bottom:7px!important;margin-bottom:0!important;z-index:5}
  .project-carousel .carousel-indicators [data-bs-target]{width:12px!important;height:3px!important;margin:0 2px!important;border-radius:9px!important}
  .project-carousel .carousel-indicators .active{width:22px!important;background:var(--gold-2)!important}
  .carousel-open{right:8px!important;bottom:8px!important;font-size:8px!important;padding:6px 8px!important}
  .project-thumbs{gap:5px;padding:8px 1px 2px;overflow-x:auto;scroll-snap-type:x proximity}
  .project-thumbs button{flex:0 0 55px;width:55px;height:42px;border-radius:7px;scroll-snap-align:start}

  /* Videos / layout */
  .video-card video{width:100%;aspect-ratio:16/10;object-fit:cover;background:#08251c}
  .video-caption{padding:8px 10px;font-size:9px}
  .layout-card{padding:13px;border-radius:14px}
  .layout-card h3{font-size:17px}
  .layout-image-link img{max-height:300px;border-radius:9px}

  /* Footer compact — no full-screen footer on phones */
  .footer{height:auto!important;min-height:0!important;max-height:none!important;padding:28px 0 15px!important}
  .footer-main{grid-template-columns:1fr 1fr!important;gap:18px 12px!important}
  .footer-main>div:first-child{grid-column:1/-1!important}
  .footer-main>div:last-child{grid-column:1/-1!important}
  .footer-logo{height:40px!important}
  .footer-name{font-size:17px!important;margin:7px 0 5px!important}
  .footer-main h6{font-size:8px!important;letter-spacing:.12em;margin-bottom:6px!important}
  .footer-main>div>a:not(.footer-contact-card),
  .footer-main>div>p{font-size:9px!important;line-height:1.4!important;margin-bottom:5px!important}
  .footer-contact-card{padding:8px!important;font-size:9px!important;border-radius:8px!important}
  .footer .social a{width:30px!important;height:30px!important}
  .footer hr{margin:15px 0 9px!important}
  .footer-bottom{font-size:7px!important;gap:3px!important}
  .footer-bottom span:last-child{display:none!important}

  /* Sticky actions */
  .sticky-mobile{height:56px!important;min-height:56px!important}
  .sticky-mobile a{font-size:10px!important;gap:5px}
}

@media (max-width:399.98px){
  #projectsGrid .project-media{height:126px}
  #projectsGrid .project-body{padding:9px}
  #projectsGrid .project-body h3{font-size:12px}
  #projectsGrid .project-meta{font-size:8px}
  #projectsGrid .project-footer .btn{font-size:7.5px;min-height:32px}
  .project-carousel .carousel-inner,.project-carousel .carousel-item{height:275px!important;min-height:275px!important}
  .modal-dialog{width:calc(100% - 36px)!important;max-width:310px!important}
  .enquiry-modal{max-width:310px!important}
}

/* =========================================================
   PRAVAHA PROPERTIES — FINAL MOBILE + CAROUSEL REPAIR
   ========================================================= */

/* IMPORTANT CAROUSEL FIX:
   The previous custom rule changed every Bootstrap carousel item to
   display:block, which prevents Bootstrap from hiding inactive slides.
   Keep inactive slides hidden and only show the active slide. */
.project-carousel .carousel-item{display:none !important;position:relative;height:100%;}
.project-carousel .carousel-item.active{display:block !important;}
.project-carousel .carousel-item-next,
.project-carousel .carousel-item-prev{display:block !important;}
.project-carousel .carousel-item img{display:block;width:100%;height:100%;}

/* Keep the gallery controls above the image and make them clickable. */
.project-carousel .carousel-control-prev,
.project-carousel .carousel-control-next,
.project-carousel .carousel-indicators{z-index:10;}
.project-carousel .carousel-control-prev,
.project-carousel .carousel-control-next{pointer-events:auto;}
.project-thumbs{position:relative;z-index:20;}
.project-thumbs button{cursor:pointer;}

@media (max-width:767.98px){
  /* ---------- GLOBAL MOBILE SCALE ---------- */
  .section{padding:34px 0 !important;}
  .section-title{font-size:25px !important;line-height:1.08 !important;}
  .section-lead{font-size:11px !important;line-height:1.55 !important;}
  .section-heading-row{margin-bottom:14px !important;gap:8px !important;}

  /* Make all common cards compact. */
  .about-card,
  .project-card,
  .stat-card,
  .form-card,
  .direct-enquiry,
  .info-box,
  .highlight-card,
  .video-card,
  .layout-card,
  .cta-card,
  .gallery-card,
  .gallery-feature,
  .footer-contact-card{
    border-radius:12px !important;
  }

  .stat-card{min-height:78px !important;padding:12px 6px !important;}
  .stat-card strong{font-size:17px !important;}
  .stat-card span{font-size:7.5px !important;}

  /* ---------- ABOUT ---------- */
  .about-card{box-shadow:0 8px 22px rgba(13,59,46,.07) !important;}
  .about-image-wrap{height:175px !important;}
  .about-card-footer{padding:10px 5px !important;}
  .about-card-footer>div{padding:0 4px !important;}
  .about-card-footer strong{font-size:9px !important;}
  .about-card-footer span{font-size:7px !important;}

  /* ---------- PROJECT CARDS ---------- */
  #projectsGrid,
  #projects .row{
    gap:7px !important;
  }
  #projectsGrid .project-card{
    border-radius:11px !important;
    box-shadow:0 5px 14px rgba(13,59,46,.07) !important;
  }
  #projectsGrid .project-media{height:112px !important;}
  #projectsGrid .project-tag{top:6px !important;left:6px !important;padding:4px 5px !important;font-size:6.5px !important;border-radius:999px !important;}
  #projectsGrid .project-body{padding:8px !important;}
  #projectsGrid .project-kicker{font-size:6.5px !important;line-height:1.2 !important;min-height:16px !important;margin-bottom:3px !important;}
  #projectsGrid .project-body h3{font-size:11px !important;line-height:1.12 !important;margin-bottom:3px !important;}
  #projectsGrid .project-meta{font-size:7px !important;line-height:1.25 !important;min-height:28px !important;}
  #projectsGrid .project-footer{margin-top:5px !important;}
  #projectsGrid .project-footer .btn{min-height:29px !important;padding:5px 3px !important;font-size:7px !important;border-radius:7px !important;}

  /* ---------- PROJECT DETAIL SUMMARY ---------- */
  .project-summary{padding:8px 0 2px !important;margin-top:-12px !important;}
  .summary-grid{gap:6px !important;}
  .info-box{min-height:72px !important;padding:8px !important;box-shadow:0 4px 12px rgba(13,59,46,.05) !important;}
  .info-box i{font-size:12px !important;}
  .info-box small{font-size:6.5px !important;line-height:1.15 !important;}
  .info-box strong{font-size:8px !important;line-height:1.2 !important;}

  /* ---------- HIGHLIGHT CARDS ---------- */
  .project-overview-grid,
  #projectPage .row.g-3{gap:5px !important;}
  .project-overview-grid .col-sm-6,
  #projectPage .row.g-3 > [class*="col-"]{padding-left:2.5px !important;padding-right:2.5px !important;}
  .highlight-card{min-height:76px !important;padding:8px 7px !important;border-radius:10px !important;}
  .highlight-card>span{font-size:6.5px !important;}
  .highlight-card strong{font-size:8px !important;line-height:1.2 !important;}
  .highlight-card i{font-size:10px !important;margin-right:3px !important;}

  /* ---------- DIRECT ENQUIRY CARD ---------- */
  .direct-enquiry{padding:12px !important;}
  .direct-enquiry .form-card{padding:10px !important;}
  .direct-enquiry .form-label{font-size:7px !important;margin-bottom:2px !important;}
  .direct-enquiry .form-control,
  .direct-enquiry .form-select{height:34px !important;min-height:34px !important;padding:6px 7px !important;font-size:9px !important;border-radius:6px !important;}
  .direct-enquiry textarea.form-control{height:50px !important;min-height:50px !important;}
  .direct-enquiry .btn-pravaha{height:34px !important;min-height:34px !important;padding:6px !important;font-size:8px !important;border-radius:7px !important;}

  /* ---------- PROJECT PAGE ENQUIRY CARD ---------- */
  #projectEnquiry .form-card{padding:10px !important;border-radius:11px !important;}
  #projectEnquiry .form-card h3{font-size:16px !important;line-height:1.1 !important;}
  #projectEnquiry .form-card>p{font-size:8px !important;line-height:1.35 !important;margin-bottom:7px !important;}
  #projectEnquiry .row{--bs-gutter-x:5px !important;--bs-gutter-y:5px !important;}
  #projectEnquiry .form-label{font-size:7px !important;margin-bottom:2px !important;}
  #projectEnquiry .form-control,
  #projectEnquiry .form-select{height:34px !important;min-height:34px !important;padding:6px 7px !important;font-size:9px !important;border-radius:6px !important;}
  #projectEnquiry textarea.form-control{height:50px !important;min-height:50px !important;}
  #projectEnquiry .btn-pravaha{height:34px !important;min-height:34px !important;padding:6px !important;font-size:8px !important;border-radius:7px !important;}

  /* ---------- ALL OTHER CONTENT CARDS ---------- */
  .video-card{box-shadow:0 5px 14px rgba(13,59,46,.06) !important;}
  .video-caption{padding:6px 8px !important;font-size:7px !important;}
  .layout-card{padding:10px !important;}
  .layout-card h3{font-size:14px !important;}
  .cta-card{padding:14px !important;gap:10px !important;}
  .cta-card h2{font-size:20px !important;}
  .cta-card p{font-size:9px !important;line-height:1.4 !important;}

  /* ---------- GALLERY ---------- */
  .project-carousel{border-radius:11px !important;}
  .project-carousel .carousel-inner{height:250px !important;min-height:250px !important;}
  .project-carousel .carousel-item{height:250px !important;}
  .project-carousel .carousel-item>a{height:250px !important;display:flex !important;align-items:center;justify-content:center;}
  .project-carousel .carousel-item img{height:250px !important;width:100% !important;object-fit:contain !important;}
  .project-carousel .carousel-control-prev,
  .project-carousel .carousel-control-next{width:32px !important;height:32px !important;margin:0 5px !important;}
  .project-carousel .carousel-control-prev-icon,
  .project-carousel .carousel-control-next-icon{width:13px !important;height:13px !important;}
  .project-carousel .carousel-indicators{bottom:5px !important;}
  .project-carousel .carousel-indicators [data-bs-target]{width:9px !important;height:2px !important;margin:0 1px !important;}
  .project-carousel .carousel-indicators .active{width:16px !important;}
  .carousel-open{right:6px !important;bottom:6px !important;font-size:7px !important;padding:5px 6px !important;}
  .project-thumbs{gap:4px !important;padding:6px 0 1px !important;}
  .project-thumbs button{flex:0 0 48px !important;width:48px !important;height:36px !important;border-radius:6px !important;border-width:1px !important;}

  /* ---------- POPUP ENQUIRY ---------- */
  .modal-dialog{width:calc(100% - 46px) !important;max-width:300px !important;margin:30px auto !important;}
  .enquiry-modal{width:100% !important;max-width:300px !important;max-height:calc(100dvh - 70px) !important;border-radius:13px !important;}
  .enquiry-modal .modal-header{padding:9px 11px 8px !important;min-height:58px !important;}
  .enquiry-modal .eyebrow{font-size:6px !important;letter-spacing:.13em !important;}
  .enquiry-modal .modal-title{font-size:15px !important;line-height:1.05 !important;margin-top:2px !important;max-width:210px !important;}
  .enquiry-modal .modal-body{max-height:calc(100dvh - 128px) !important;overflow-y:auto !important;}
  .enquiry-modal .form-card-inner{padding:9px 11px 11px !important;}
  .enquiry-modal .row{--bs-gutter-x:5px !important;--bs-gutter-y:5px !important;}
  .enquiry-modal .form-label{font-size:6.5px !important;margin-bottom:2px !important;}
  .enquiry-modal .form-control,
  .enquiry-modal .form-select{height:33px !important;min-height:33px !important;padding:5px 7px !important;font-size:9px !important;border-radius:6px !important;}
  .enquiry-modal textarea.form-control{height:48px !important;min-height:48px !important;}
  .enquiry-modal .btn-pravaha{height:34px !important;min-height:34px !important;padding:6px 7px !important;font-size:8px !important;border-radius:7px !important;}
  .enquiry-modal .form-status{font-size:7px !important;line-height:1.25 !important;}

  /* ---------- FOOTER ---------- */
  .footer{padding:22px 0 12px !important;}
  .footer-main{gap:12px 8px !important;}
  .footer-name{font-size:15px !important;}
  .footer-main h6{font-size:7px !important;}
  .footer-main>div>a:not(.footer-contact-card),
  .footer-main>div>p{font-size:8px !important;line-height:1.3 !important;}
  .footer-contact-card{padding:7px !important;font-size:8px !important;}
  .footer .social a{width:27px !important;height:27px !important;}
}

@media (max-width:399.98px){
  .project-carousel .carousel-inner,
  .project-carousel .carousel-item,
  .project-carousel .carousel-item>a,
  .project-carousel .carousel-item img{height:225px !important;min-height:225px !important;}
  #projectsGrid .project-media{height:104px !important;}
  #projectsGrid .project-body{padding:7px !important;}
  #projectsGrid .project-body h3{font-size:10px !important;}
  #projectsGrid .project-meta{font-size:6.5px !important;}
  #projectsGrid .project-footer .btn{font-size:6.5px !important;min-height:27px !important;}
  .modal-dialog{max-width:292px !important;width:calc(100% - 40px) !important;}
  .enquiry-modal{max-width:292px !important;}
}

/* ================================================================
   PRAVAHA PROPERTIES — FINAL MOBILE-FIRST OVERRIDES
   These rules intentionally sit at the end of the stylesheet so they
   override older responsive rules in this project.
   ================================================================ */

html.project-page-ready{scroll-behavior:auto !important;}

/* Dedicated project highlight grid: avoids Bootstrap row/column width conflicts. */
.project-highlights-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.project-highlight-item{min-width:0;}
.project-highlight-item .highlight-card{height:100%;}

/* Custom gallery carousel — independent of Bootstrap carousel transitions. */
.pp-carousel{position:relative;width:100%;outline:none;}
.pp-carousel-stage{
  position:relative;
  width:100%;
  height:clamp(360px,52vw,620px);
  overflow:hidden;
  border-radius:24px;
  background:#08251c;
  box-shadow:0 22px 65px rgba(8,37,28,.18);
}
.pp-slide{
  position:absolute;
  inset:0;
  display:flex !important;
  align-items:center;
  justify-content:center;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:scale(.985);
  transition:opacity .35s ease,transform .45s ease,visibility .35s ease;
}
.pp-slide.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:scale(1);
  z-index:1;
}
.pp-slide img{
  width:100%;
  height:100%;
  object-fit:contain;
  background:#08251c;
}
.pp-slide .carousel-open{
  position:absolute;
  right:16px;
  bottom:16px;
  z-index:3;
}
.pp-arrow{
  position:absolute;
  top:50%;
  z-index:5;
  transform:translateY(-50%);
  width:48px;
  height:48px;
  border:0;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.17);
  color:#fff;
  backdrop-filter:blur(12px);
  box-shadow:0 10px 30px rgba(0,0,0,.15);
  transition:transform .25s ease,background .25s ease;
}
.pp-arrow:hover{transform:translateY(-50%) scale(1.08);background:rgba(183,138,55,.92);}
.pp-arrow:disabled{display:none;}
.pp-prev{left:18px;}
.pp-next{right:18px;}
.pp-counter{
  position:absolute;
  left:50%;
  bottom:16px;
  z-index:5;
  transform:translateX(-50%);
  color:#fff;
  background:rgba(0,0,0,.42);
  border-radius:999px;
  padding:5px 10px;
  font-size:11px;
  font-weight:800;
  backdrop-filter:blur(8px);
}
.pp-dots{display:flex;justify-content:center;align-items:center;gap:5px;padding:12px 0 4px;}
.pp-dots button{width:24px;height:4px;border:0;border-radius:999px;background:#cbd1cd;padding:0;transition:all .25s ease;}
.pp-dots button.active{width:42px;background:var(--gold);}
.project-thumbs{display:flex;gap:8px;overflow-x:auto;padding:9px 2px 3px;scrollbar-width:thin;}
.project-thumbs button{flex:0 0 78px;width:78px;height:58px;border:2px solid transparent;border-radius:10px;overflow:hidden;padding:0;background:#fff;opacity:.72;transition:all .25s ease;}
.project-thumbs button:hover,.project-thumbs button.active{opacity:1;border-color:var(--gold);transform:translateY(-2px);}
.project-thumbs img{width:100%;height:100%;object-fit:cover;}

/* Desktop project overview spacing */
@media (min-width:768px){
  .project-highlights-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* --------------------------- Mobile --------------------------- */
@media (max-width:767.98px){
  body{padding-bottom:58px;}
  .container{width:100%;max-width:100%;padding-left:14px;padding-right:14px;}

  /* Keep typography readable — compact, but not microscopic. */
  .section{padding:42px 0;}
  .section-title{font-size:28px;line-height:1.08;}
  .section-lead{font-size:12px;line-height:1.6;}
  .eyebrow{font-size:9px;letter-spacing:.16em;}

  /* Header */
  .nav-container{min-height:62px;padding-left:12px;padding-right:12px;}
  .brand-logo{height:38px;}
  .brand-name{font-size:14px;}
  .navbar-toggler{padding:5px 7px;border-radius:8px;}
  .navbar-toggler i{font-size:22px;}

  /* Hero */
  .hero{min-height:560px;background-position:58% center;}
  .hero-content{padding:55px 0 88px;}
  .hero h1{font-size:clamp(34px,10vw,43px);line-height:1.02;margin:10px 0 14px;}
  .hero p{font-size:12px;line-height:1.55;}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:18px;}
  .hero-actions .btn{min-height:43px;width:100%;padding:8px 5px;font-size:10px;}

  /* Stats */
  .stats{margin-top:-18px;padding:0 10px;}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:13px;}
  .stat-card{min-height:82px;padding:12px 6px;}
  .stat-card strong{font-size:17px;}
  .stat-card span{font-size:7.5px;line-height:1.3;}

  /* About */
  .about-image-wrap{height:190px;}
  .about-card-footer{padding:11px 6px;}
  .about-card-footer>div{padding:0 5px;}
  .about-card-footer strong{font-size:9.5px;}
  .about-card-footer span{font-size:7.5px;}
  .mini-point{padding:12px 0;gap:9px;}
  .mini-point i{font-size:16px;}
  .mini-point strong{font-size:11px;}
  .mini-point span{font-size:9px;}

  /* Home project cards — 2 columns, compact but readable. */
  #projectsGrid,
  #projects .row{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    margin:0 !important;
  }
  #projectsGrid > [class*="col-"],
  #projects .row > [class*="col-"]{
    width:100% !important;
    max-width:none !important;
    flex:none !important;
    padding:0 !important;
    margin:0 !important;
  }
  #projectsGrid .project-card{border-radius:12px;box-shadow:0 5px 16px rgba(13,59,46,.07);}
  #projectsGrid .project-media{height:118px;}
  #projectsGrid .project-tag{top:6px;left:6px;padding:4px 6px;font-size:6.5px;}
  #projectsGrid .project-body{padding:9px;}
  #projectsGrid .project-kicker{font-size:6.8px;line-height:1.25;min-height:17px;margin-bottom:3px;}
  #projectsGrid .project-body h3{font-size:12px;line-height:1.14;margin-bottom:4px;}
  #projectsGrid .project-meta{font-size:7.4px;line-height:1.3;min-height:27px;}
  #projectsGrid .project-footer{display:block;margin-top:6px !important;}
  #projectsGrid .project-approval{display:none;}
  #projectsGrid .project-footer .btn{width:100%;min-height:29px;padding:5px 3px;font-size:7.5px;border-radius:7px;}

  /* Project detail hero */
  .project-hero{min-height:370px;padding:55px 0 40px;background-position:58% center;}
  .hero-copy h1{font-size:34px;line-height:1.03;}
  .hero-copy p{font-size:11px;}
  .hero-copy .btn{min-height:38px;padding:7px 10px;font-size:9px;}

  /* Project summary — compact 2-column grid */
  .project-summary{padding:9px 0 3px;margin-top:-12px;}
  .summary-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:7px !important;}
  .info-box{min-height:76px !important;padding:9px !important;border-radius:11px;box-shadow:0 5px 14px rgba(13,59,46,.055);}
  .info-box i{font-size:12px;margin-bottom:6px;}
  .info-box small{font-size:7px;line-height:1.2;margin-bottom:3px;}
  .info-box strong{font-size:8.5px;line-height:1.25;}

  /* THIS fixes the large blank area shown in your screenshot. */
  .project-highlights-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    width:100% !important;
    margin-top:12px !important;
  }
  .project-highlight-item{width:100% !important;min-width:0 !important;}
  .project-highlight-item .highlight-card{
    min-height:82px !important;
    height:100% !important;
    padding:10px 8px !important;
    border-radius:11px !important;
    gap:7px !important;
  }
  .highlight-card>span{font-size:7px !important;flex:0 0 auto;}
  .highlight-card>div{gap:5px !important;align-items:flex-start;}
  .highlight-card i{font-size:11px !important;flex:0 0 auto;}
  .highlight-card strong{font-size:8.5px !important;line-height:1.28 !important;}

  /* Project extra info cards */
  .project-extra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px !important;}
  .project-extra-grid .info-box{min-height:76px !important;}

  /* Enquiry form on the project page */
  #projectEnquiry{scroll-margin-top:66px;}
  #projectEnquiry .form-card{padding:12px !important;border-radius:12px;}
  #projectEnquiry .form-card h3{font-size:17px;line-height:1.15;margin-bottom:5px !important;}
  #projectEnquiry .form-card>p{font-size:9px;line-height:1.35;margin-bottom:8px;}
  #projectEnquiry .row{--bs-gutter-x:6px;--bs-gutter-y:6px;}
  #projectEnquiry .form-label{font-size:7.5px;margin-bottom:2px;}
  #projectEnquiry .form-control,
  #projectEnquiry .form-select{height:37px;min-height:37px;padding:7px 8px;font-size:10px;border-radius:7px;}
  #projectEnquiry textarea.form-control{height:55px;min-height:55px;}
  #projectEnquiry .btn-pravaha{height:37px;min-height:37px;padding:7px;font-size:9px;border-radius:7px;}

  /* Direct enquiry */
  .direct-enquiry{padding:13px 10px !important;border-radius:16px !important;}
  .direct-enquiry .form-card{padding:12px !important;border-radius:12px !important;}
  .direct-enquiry .form-label{font-size:7.5px;margin-bottom:2px;}
  .direct-enquiry .form-control,
  .direct-enquiry .form-select{height:37px;min-height:37px;padding:7px 8px;font-size:10px;border-radius:7px;}
  .direct-enquiry textarea.form-control{height:55px;min-height:55px;}
  .direct-enquiry .btn-pravaha{height:37px;min-height:37px;padding:7px;font-size:9px;border-radius:7px;}

  /* Gallery */
  .pp-carousel-stage{height:250px;border-radius:12px;}
  .pp-arrow{width:34px;height:34px;font-size:13px;}
  .pp-prev{left:8px;}.pp-next{right:8px;}
  .pp-slide .carousel-open{right:7px;bottom:7px;font-size:7px;padding:5px 6px;}
  .pp-counter{bottom:8px;padding:4px 7px;font-size:8px;}
  .pp-dots{padding:8px 0 2px;gap:3px;}
  .pp-dots button{width:14px;height:3px;}
  .pp-dots button.active{width:25px;}
  .project-thumbs{gap:5px;padding:7px 1px 2px;}
  .project-thumbs button{flex-basis:54px;width:54px;height:40px;border-radius:6px;}

  /* Layout / videos / CTA */
  .layout-card{padding:11px;border-radius:12px;}
  .layout-card h3{font-size:14px;}
  .video-card{border-radius:12px;}
  .video-caption{padding:8px 9px;font-size:8px;}
  .cta-card{padding:14px;border-radius:14px;}
  .cta-card h2{font-size:19px;}
  .cta-card p{font-size:9px;line-height:1.35;}

  /* Popup enquiry — compact and fully usable on small phones. */
  .modal-dialog{width:calc(100% - 40px) !important;max-width:315px !important;margin:24px auto !important;}
  .enquiry-modal{max-width:315px !important;max-height:calc(100dvh - 48px) !important;border-radius:14px !important;}
  .enquiry-modal .modal-header{padding:11px 13px !important;min-height:62px !important;}
  .enquiry-modal .modal-title{font-size:16px !important;line-height:1.08 !important;max-width:230px !important;}
  .enquiry-modal .eyebrow{font-size:6.5px !important;}
  .enquiry-modal .modal-body{max-height:calc(100dvh - 110px) !important;overflow-y:auto !important;}
  .enquiry-modal .form-card-inner{padding:10px 12px 12px !important;}
  .enquiry-modal .row{--bs-gutter-x:6px !important;--bs-gutter-y:6px !important;}
  .enquiry-modal .form-label{font-size:7px !important;margin-bottom:2px !important;}
  .enquiry-modal .form-control,
  .enquiry-modal .form-select{height:36px !important;min-height:36px !important;padding:6px 8px !important;font-size:10px !important;border-radius:7px !important;}
  .enquiry-modal textarea.form-control{height:54px !important;min-height:54px !important;}
  .enquiry-modal .btn-pravaha{height:37px !important;min-height:37px !important;font-size:9px !important;border-radius:7px !important;}
  .enquiry-modal .form-status{font-size:7.5px !important;line-height:1.25 !important;}

  /* Footer */
  .footer{min-height:0 !important;height:auto !important;max-height:none !important;padding:25px 0 12px !important;}
  .footer-main{grid-template-columns:1fr 1fr;gap:18px 12px !important;}
  .footer-main>div:first-child,.footer-main>div:last-child{grid-column:1/-1;}
  .footer-logo{height:44px;}
  .footer-name{font-size:15px !important;}
  .footer-main h6{font-size:8px !important;}
  .footer-main>div>a:not(.footer-contact-card),.footer-main>div>p{font-size:8.5px !important;line-height:1.4 !important;}
  .footer-contact-card{padding:8px !important;font-size:8px !important;}
  .footer .social a{width:29px !important;height:29px !important;}
  .footer-bottom{font-size:8px !important;}

  /* Sticky actions */
  .sticky-mobile{height:56px !important;}
  .sticky-mobile a{font-size:10px !important;}
}

@media (max-width:399.98px){
  .project-highlights-grid{gap:6px !important;}
  .project-highlight-item .highlight-card{min-height:76px !important;padding:8px 7px !important;}
  .highlight-card strong{font-size:8px !important;}
  .pp-carousel-stage{height:225px;}
  #projectsGrid .project-media{height:104px;}
  #projectsGrid .project-body{padding:7px;}
  #projectsGrid .project-body h3{font-size:10.5px;}
  #projectsGrid .project-meta{font-size:6.8px;}
  #projectsGrid .project-footer .btn{font-size:7px;min-height:27px;}
}

/* ================================================================
   PRAVAHA — MOBILE / TABLET FINAL FIXES
   Desktop (992px+) is intentionally untouched.
   ================================================================ */

.pp-slide{border:0;padding:0;margin:0;background:transparent;font:inherit;color:inherit;cursor:zoom-in;}
.pp-slide:focus-visible{outline:3px solid var(--gold-2);outline-offset:-3px;}

/* Photo preview with a real close button instead of opening a new tab. */
.pp-lightbox{position:fixed;inset:0;z-index:3000;display:none;align-items:center;justify-content:center;padding:24px;}
.pp-lightbox.is-open{display:flex;}
.pp-lightbox-backdrop{position:absolute;inset:0;background:rgba(3,19,14,.88);backdrop-filter:blur(8px);}
.pp-lightbox-dialog{position:relative;z-index:1;width:min(94vw,1200px);height:min(90vh,900px);display:flex;align-items:center;justify-content:center;}
.pp-lightbox-dialog img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 30px 100px rgba(0,0,0,.35);background:#08251c;}
.pp-lightbox-close,.pp-lightbox-nav{position:absolute;z-index:3;border:0;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);box-shadow:0 8px 25px rgba(0,0,0,.18);}
.pp-lightbox-close{right:0;top:0;width:46px;height:46px;border-radius:50%;font-size:17px;}
.pp-lightbox-nav{top:50%;width:48px;height:48px;border-radius:50%;transform:translateY(-50%);font-size:20px;}
.pp-lightbox-prev{left:-12px}.pp-lightbox-next{right:-12px}
.pp-lightbox-close:hover,.pp-lightbox-nav:hover{background:var(--gold);}
.pp-lightbox-counter{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);color:#fff;background:rgba(0,0,0,.5);border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800;}

/* Prevent enquiry cards from ever overflowing their grid column. */
#projectEnquiry,.direct-enquiry,.direct-enquiry .row,#projectEnquiry .row,#projectEnquiry .form-card,.direct-enquiry .form-card{min-width:0;max-width:100%;}
#projectEnquiry .form-card,.direct-enquiry .form-card{overflow:hidden;}

@media (min-width:768px) and (max-width:991.98px){
  .topbar{display:none;}
  .nav-container{min-height:72px;}
  .brand-logo{height:46px}.brand-name{font-size:16px}
  .navbar-toggler{border:1px solid var(--line);border-radius:10px;}
  .hero{min-height:600px}.hero-content{padding:80px 0 110px}.hero h1{font-size:56px}.hero p{font-size:15px}
  .section{padding:70px 0}.container{padding-left:24px;padding-right:24px}
  #projectsGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important}
  #projectsGrid>[class*="col-"]{width:100%!important;padding:0!important}
  .project-media{height:210px}.project-body{padding:16px}.project-body h3{font-size:18px}
  .summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
  .project-highlights-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .highlight-card{min-height:90px;padding:13px}.highlight-card strong{font-size:11px}
  #projectEnquiry .form-card{padding:20px}
  .direct-enquiry{padding:32px}
  .pp-carousel-stage{height:440px}
  .footer-main{grid-template-columns:1.2fr 1fr 1fr!important;gap:28px!important}
  .footer-main>div:last-child{grid-column:1/-1}
}

@media (max-width:767.98px){
  html{scroll-behavior:auto;overflow-x:hidden;}
  body{overflow-x:hidden;padding-bottom:56px;}
  .container{width:100%;max-width:100%;padding-left:10px;padding-right:10px;}
  .topbar{display:none;}
  .navbar{position:sticky;top:0;}
  .nav-container{min-height:58px;padding:0 10px;}
  .brand-lockup{gap:7px;min-width:0;}
  .brand-logo{height:37px;max-width:42px;object-fit:contain;}
  .brand-name{font-size:13px;white-space:nowrap;}
  .navbar-toggler{width:39px;height:39px;border:1px solid #dbe2dd;border-radius:9px;padding:4px;display:grid;place-items:center;}
  .navbar-toggler i{font-size:22px;line-height:1;}
  .navbar-collapse{background:#fff;border-top:1px solid #edf0ed;padding:5px 8px 10px;box-shadow:0 14px 28px rgba(0,0,0,.07);}
  .nav-link{font-size:12px;padding:9px 4px!important;}
  .nav-link:after{display:none;}

  /* Compact home hero — image/text remain dominant and stats become a slim side rail. */
  .hero{min-height:292px;height:292px;background-position:57% center;}
  .hero:after{display:none;}
  .hero-content{padding:42px 0 18px;}
  .hero .container{padding-left:10px;padding-right:10px;}
  .hero .col-lg-8{width:76%;}
  .hero h1{font-size:29px;line-height:1.01;margin:8px 0 9px;letter-spacing:-.045em;}
  .hero p{font-size:10px;line-height:1.42;max-width:100%;margin-bottom:8px;}
  .eyebrow{font-size:7px;letter-spacing:.15em;}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px;}
  .hero-actions .btn{min-height:30px;padding:5px 4px;font-size:8px;border-radius:6px;}
  .hero-badges{display:none;}
  .stats{position:absolute;z-index:8;right:0;top:58px;width:24%;margin:0;padding:0 6px 0 0;}
  .stats-grid{display:grid;grid-template-columns:1fr;border-radius:0;box-shadow:none;background:transparent;gap:5px;}
  .stat-card{min-height:48px;padding:7px 3px;border:0!important;border-radius:0;background:#fff;box-shadow:0 5px 13px rgba(0,0,0,.06);}
  .stat-card strong{font-size:11px;line-height:1.05;}
  .stat-card span{font-size:5.5px;line-height:1.2;margin-top:3px;}

  .section{padding:32px 0;}
  .section-heading-row{gap:8px;margin-bottom:14px;align-items:end;}
  .section-title{font-size:24px;line-height:1.04;}
  .section-lead{font-size:10px;line-height:1.48;}

  /* About: compact two-column composition like the supplied mobile reference. */
  .about-preview .row{--bs-gutter-x:8px;--bs-gutter-y:8px;}
  .about-preview .row>.col-lg-6:first-child{width:52%;}
  .about-preview .row>.col-lg-6:last-child{width:48%;}
  .about-preview .section-title{font-size:22px;}
  .about-preview .section-lead{font-size:8.5px;line-height:1.45;}
  .about-preview .mini-point{padding:7px 0;gap:6px;}
  .about-preview .mini-point i{font-size:10px;}
  .about-preview .mini-point strong{font-size:8px;}
  .about-preview .mini-point span{font-size:6.5px;line-height:1.25;margin-top:2px;}
  .about-preview .btn{font-size:8px;padding:7px 8px;margin-top:6px!important;border-radius:7px;}
  .about-image-wrap{height:126px;}
  .about-card{border-radius:8px;}
  .about-card-footer{padding:6px 3px;}
  .about-card-footer>div{padding:0 3px;}
  .about-card-footer strong{font-size:6.5px;}.about-card-footer span{font-size:5px;line-height:1.15;margin-top:2px;}

  /* Home projects: 3 compact cards per row on normal phones, matching the reference. */
  #projects .section-heading-row .btn{font-size:7px;padding:6px 7px;white-space:nowrap;border-radius:7px;}
  #projectsGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin:0!important;}
  #projectsGrid>[class*="col-"]{width:100%!important;max-width:none!important;padding:0!important;margin:0!important;}
  #projectsGrid .project-card{border-radius:8px;box-shadow:0 4px 12px rgba(13,59,46,.07);}
  #projectsGrid .project-media{height:78px;}
  #projectsGrid .project-tag{top:4px;left:4px;padding:3px 4px;font-size:4.5px;}
  #projectsGrid .project-body{padding:6px;}
  #projectsGrid .project-kicker{font-size:4.8px;line-height:1.2;margin-bottom:2px;min-height:11px;}
  #projectsGrid .project-body h3{font-size:8px;line-height:1.12;margin-bottom:2px;}
  #projectsGrid .project-meta{font-size:5.2px;line-height:1.25;min-height:17px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  #projectsGrid .project-footer{margin-top:4px;display:block;}
  #projectsGrid .project-approval{display:none;}
  #projectsGrid .project-footer .btn{width:100%;min-height:22px;padding:4px 2px;font-size:5.5px;border-radius:5px;}

  /* Home direct enquiry: two columns, compact, no horizontal overflow. */
  .direct-enquiry{padding:15px 10px!important;border-radius:12px!important;overflow:hidden;}
  .direct-enquiry .row{--bs-gutter-x:6px!important;--bs-gutter-y:7px!important;}
  .direct-enquiry .row>.col-lg-5{width:100%;}
  .direct-enquiry .row>.col-lg-7{width:100%;}
  .direct-enquiry .section-title{font-size:22px;}
  .direct-enquiry .section-lead{font-size:8px;}
  .check-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:8px 0 0;}
  .check-list li{font-size:6px;line-height:1.25;}
  .check-list i{margin-right:2px;font-size:7px;}
  .direct-enquiry .form-card{padding:9px!important;border-radius:9px!important;box-shadow:0 6px 16px rgba(0,0,0,.06);}
  .direct-enquiry .form-label{font-size:6.5px;margin-bottom:2px;}
  .direct-enquiry .form-control,.direct-enquiry .form-select{height:34px;min-height:34px;padding:6px 7px;font-size:8.5px;border-radius:6px;}
  .direct-enquiry textarea.form-control{height:50px;min-height:50px;}
  .direct-enquiry .btn-pravaha{height:34px;min-height:34px;padding:6px;font-size:8px;border-radius:6px;}

  /* Project detail page: match the supplied compact mobile reference. */
  .project-hero{min-height:250px;height:250px;padding:43px 0 20px;background-position:60% center;}
  .project-hero .container{padding-left:10px;padding-right:10px;}
  .hero-copy{max-width:72%;}
  .hero-copy h1{font-size:26px;line-height:1.02;margin:7px 0 7px;}
  .hero-copy p{font-size:8px;line-height:1.3;margin:0;}
  .hero-copy .btn{min-height:29px;padding:5px 7px;font-size:7px;border-radius:6px;}
  .project-summary{padding:8px 0 3px;margin-top:-1px;}
  .summary-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;}
  .summary-grid .info-box{min-height:57px!important;padding:6px 5px!important;border-radius:7px!important;box-shadow:0 4px 10px rgba(13,59,46,.045);}
  .summary-grid .info-box i{font-size:9px;margin-bottom:3px;}
  .summary-grid .info-box small{font-size:5.5px;line-height:1.15;margin-bottom:2px;}
  .summary-grid .info-box strong{font-size:6.2px;line-height:1.2;}

  #projectPage>.section{padding:27px 0;}
  #projectPage .row.g-5{--bs-gutter-y:14px!important;--bs-gutter-x:8px!important;}
  #projectPage .row.g-5>.col-lg-7,#projectPage .row.g-5>.col-lg-5{width:100%;}
  #projectPage .section-title{font-size:23px;}
  #projectPage .section-lead{font-size:8.5px;line-height:1.45;}
  .project-highlights-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;width:100%!important;margin-top:9px!important;}
  .project-highlight-item{width:100%!important;}
  .project-highlight-item .highlight-card{min-height:61px!important;padding:6px 5px!important;border-radius:7px!important;gap:4px!important;box-shadow:0 4px 10px rgba(13,59,46,.04);}
  .highlight-card>span{font-size:5px!important;}
  .highlight-card>div{gap:3px!important;}
  .highlight-card i{font-size:7px!important;}
  .highlight-card strong{font-size:6px!important;line-height:1.2!important;}
  .project-extra-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:6px!important;}
  .project-extra-grid .info-box{min-height:57px!important;padding:6px!important;}

  /* Project enquiry is full-width below overview, never wider than viewport. */
  #projectEnquiry{width:100%!important;max-width:100%!important;scroll-margin-top:64px;}
  #projectEnquiry .form-card{width:100%!important;max-width:100%!important;padding:10px!important;border-radius:9px!important;box-shadow:0 7px 16px rgba(13,59,46,.07);}
  #projectEnquiry .form-card h3{font-size:15px;line-height:1.1;margin:4px 0!important;}
  #projectEnquiry .form-card>p{font-size:7px;line-height:1.3;margin:0 0 6px;}
  #projectEnquiry .row{--bs-gutter-x:6px!important;--bs-gutter-y:5px!important;margin-left:0!important;margin-right:0!important;}
  #projectEnquiry .row>[class*="col-"]{padding-left:3px!important;padding-right:3px!important;min-width:0;}
  #projectEnquiry .form-label{font-size:6.5px;margin-bottom:2px;}
  #projectEnquiry .form-control,#projectEnquiry .form-select{width:100%;height:34px;min-height:34px;padding:6px 7px;font-size:8.5px;border-radius:6px;}
  #projectEnquiry textarea.form-control{height:50px;min-height:50px;}
  #projectEnquiry .btn-pravaha{height:34px;min-height:34px;padding:6px;font-size:8px;border-radius:6px;}
  #projectEnquiry .form-status{font-size:7px;line-height:1.25;}

  /* Gallery: stable touch slider, no layout overflow. */
  .project-carousel-wrap{width:100%;overflow:hidden;}
  .pp-carousel-stage{height:225px!important;border-radius:10px;}
  .pp-slide img{width:100%;height:100%;object-fit:contain;background:#08251c;}
  .pp-arrow{width:30px;height:30px;font-size:11px;}
  .pp-prev{left:6px}.pp-next{right:6px}
  .pp-counter{bottom:7px;padding:3px 6px;font-size:7px;}
  .pp-slide .carousel-open{right:6px;bottom:6px;font-size:6px;padding:4px 5px;}
  .pp-dots{padding:6px 0 1px;gap:2px;}
  .pp-dots button{width:10px;height:2px;}.pp-dots button.active{width:18px;}
  .project-thumbs{gap:4px;padding:5px 1px 1px;}
  .project-thumbs button{flex:0 0 47px;width:47px;height:34px;border-radius:5px;}

  .layout-card{padding:9px;border-radius:9px;}
  .layout-card h3{font-size:12px;}
  .layout-card .btn{font-size:7px;padding:6px 7px;border-radius:6px;}
  .layout-image-link img{max-height:250px;border-radius:7px;}
  .project-videos-section .video-card{border-radius:9px;}
  .video-card video{aspect-ratio:16/10;}
  .video-caption{padding:6px 7px;font-size:7px;}
  .cta-card{padding:10px;border-radius:10px;}
  .cta-card h2{font-size:16px}.cta-card p{font-size:7px;line-height:1.3}

  /* Photo lightbox — large close button, always inside viewport. */
  .pp-lightbox{padding:8px;}
  .pp-lightbox-dialog{width:100%;height:88vh;}
  .pp-lightbox-dialog img{max-width:96vw;max-height:80vh;border-radius:8px;}
  .pp-lightbox-close{right:4px;top:4px;width:38px;height:38px;font-size:14px;}
  .pp-lightbox-nav{width:34px;height:34px;font-size:13px;}
  .pp-lightbox-prev{left:4px}.pp-lightbox-next{right:4px}
  .pp-lightbox-counter{bottom:0;font-size:8px;padding:4px 7px;}

  /* Compact footer: about 50% viewport minimum, but content remains readable. */
  .footer{min-height:50vh!important;height:auto!important;padding:22px 0 12px!important;}
  .footer-main{grid-template-columns:1fr 1fr!important;gap:12px 9px!important;}
  .footer-main>div:first-child,.footer-main>div:last-child{grid-column:1/-1;}
  .footer-logo{height:34px}.footer-name{font-size:12px!important;}
  .footer-main h6{font-size:6.5px!important;margin:4px 0 6px!important;}
  .footer-main>div>a:not(.footer-contact-card),.footer-main>div>p{font-size:6.5px!important;line-height:1.3!important;margin-bottom:4px!important;}
  .footer-contact-card{padding:6px!important;font-size:6.5px!important;}
  .footer .social{gap:5px}.footer .social a{width:24px!important;height:24px!important;font-size:9px!important;}
  .footer hr{margin:10px 0 7px!important;}.footer-bottom{font-size:5.5px!important;}
  .sticky-mobile{height:56px!important;}.sticky-mobile a{font-size:9px!important;}
}

@media (max-width:359.98px){
  #projectsGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .summary-grid,.project-highlights-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .hero .col-lg-8,.hero-copy{max-width:74%;width:74%;}
}


/* ================================================================
   PRAVAHA — FINAL TABLET + MOBILE LAYER
   Desktop / laptop / TV (992px+) intentionally unchanged.
   The rules below only affect 320px–991px.
   ================================================================ */
@media (min-width:768px) and (max-width:991.98px){
  .container{max-width:100%;padding-left:24px;padding-right:24px;}
  .navbar .nav-container{min-height:72px;}
  .brand-logo{height:46px}.brand-name{font-size:16px;}
  .hero{min-height:560px}.hero-content{padding:75px 0 105px}.hero h1{font-size:54px}
  #projectsGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;}
  #projectsGrid>[class*="col-"]{width:100%!important;padding:0!important;}
  .project-media{height:220px}.project-body{padding:16px;}
  .direct-enquiry .row,#projectPage .row.g-5{margin-left:0!important;margin-right:0!important;}
  .direct-enquiry .row>[class*="col-"],#projectPage .row.g-5>[class*="col-"]{min-width:0;}
  #projectEnquiry .form-card{width:100%;max-width:100%;overflow:hidden;}
}

@media (max-width:767.98px){
  /* Prevent Bootstrap negative gutters from creating the enquiry overflow seen on phones. */
  .direct-enquiry,.direct-enquiry .row,#projectEnquiry,.project-carousel-wrap,.layout-card,.cta-card{min-width:0!important;max-width:100%!important;overflow:hidden;}
  .direct-enquiry .row,#projectPage .row.g-5{margin-left:0!important;margin-right:0!important;}
  .direct-enquiry .row>[class*="col-"],#projectPage .row.g-5>[class*="col-"]{padding-left:0!important;padding-right:0!important;min-width:0!important;width:100%!important;max-width:100%!important;}
  .direct-enquiry .form-card,#projectEnquiry .form-card{width:100%!important;max-width:100%!important;overflow:hidden!important;}

  /* Header and home hero: match the supplied compact mobile reference. */
  .nav-container{min-height:58px!important;padding:0 10px!important;}
  .brand-logo{height:36px!important;max-width:42px!important}.brand-name{font-size:13px!important;}
  .navbar-toggler{width:39px!important;height:39px!important;}
  .hero{height:292px!important;min-height:292px!important;background-position:57% center!important;}
  .hero-content{padding:43px 0 18px!important;}
  .hero .container{padding:0 10px!important;}
  .hero .col-lg-8{width:76%!important;max-width:76%!important;}
  .hero h1{font-size:29px!important;line-height:1.01!important;margin:8px 0 9px!important;}
  .hero p{font-size:10px!important;line-height:1.42!important;margin-bottom:8px!important;}
  .hero-actions{grid-template-columns:1fr 1fr!important;gap:5px!important;margin-top:8px!important;}
  .hero-actions .btn{min-height:30px!important;padding:5px 4px!important;font-size:8px!important;border-radius:6px!important;}
  .stats{position:absolute!important;z-index:8!important;right:0!important;top:58px!important;width:24%!important;margin:0!important;padding:0 6px 0 0!important;}
  .stats-grid{grid-template-columns:1fr!important;gap:5px!important;box-shadow:none!important;background:transparent!important;}
  .stat-card{min-height:48px!important;padding:7px 3px!important;border:0!important;border-radius:0!important;}
  .stat-card strong{font-size:11px!important}.stat-card span{font-size:5.5px!important;line-height:1.2!important;margin-top:3px!important;}

  /* Every home section stays dense, aligned and left-to-right like the reference. */
  .section{padding:30px 0!important;}
  .section-title{font-size:24px!important;line-height:1.04!important;}
  .section-lead{font-size:10px!important;line-height:1.48!important;}
  .about-preview .row{--bs-gutter-x:8px!important;--bs-gutter-y:8px!important;margin-left:0!important;margin-right:0!important;}
  .about-preview .row>.col-lg-6:first-child{width:52%!important}.about-preview .row>.col-lg-6:last-child{width:48%!important;}
  .about-preview .section-title{font-size:22px!important}.about-preview .section-lead{font-size:8.5px!important;line-height:1.45!important;}
  .about-preview .mini-point{padding:7px 0!important;gap:6px!important}.about-preview .mini-point i{font-size:10px!important}.about-preview .mini-point strong{font-size:8px!important}.about-preview .mini-point span{font-size:6.5px!important;line-height:1.25!important;}
  .about-preview .btn{font-size:8px!important;padding:7px 8px!important;margin-top:6px!important;border-radius:7px!important;}
  .about-image-wrap{height:126px!important}.about-card{border-radius:8px!important}.about-card-footer{padding:6px 3px!important;}.about-card-footer>div{padding:0 3px!important;}.about-card-footer strong{font-size:6.5px!important}.about-card-footer span{font-size:5px!important;line-height:1.15!important;}

  /* Home projects: 3 cards per row, exactly like the supplied mobile reference. */
  #projectsGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin:0!important;}
  #projectsGrid>[class*="col-"]{width:100%!important;max-width:none!important;padding:0!important;margin:0!important;}
  #projectsGrid .project-card{border-radius:8px!important;box-shadow:0 4px 12px rgba(13,59,46,.07)!important;}
  #projectsGrid .project-media{height:78px!important}.project-tag{top:4px!important;left:4px!important;padding:3px 4px!important;font-size:4.5px!important;}
  #projectsGrid .project-body{padding:6px!important}.project-kicker{font-size:4.8px!important;line-height:1.2!important;margin-bottom:2px!important;min-height:11px!important;}
  #projectsGrid .project-body h3{font-size:8px!important;line-height:1.12!important;margin-bottom:2px!important;}
  #projectsGrid .project-meta{font-size:5.2px!important;line-height:1.25!important;min-height:17px!important;-webkit-line-clamp:2!important;}
  #projectsGrid .project-footer{display:block!important;margin-top:4px!important}.project-approval{display:none!important;}
  #projectsGrid .project-footer .btn{width:100%!important;min-height:22px!important;padding:4px 2px!important;font-size:5.5px!important;border-radius:5px!important;}

  /* Home enquiry: two fields per row and no horizontal overflow. */
  .direct-enquiry{padding:13px 10px!important;border-radius:12px!important;}
  .direct-enquiry .row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;}
  .direct-enquiry .row>.col-lg-5{grid-column:1/-1;width:100%!important;}.direct-enquiry .row>.col-lg-7{grid-column:1/-1;width:100%!important;}
  .direct-enquiry .form-card{padding:9px!important;border-radius:9px!important;box-shadow:0 6px 16px rgba(0,0,0,.06)!important;}
  .check-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;margin:8px 0 0!important;}.check-list li{font-size:6px!important;line-height:1.25!important;}.check-list i{margin-right:2px!important;font-size:7px!important;}
  .direct-enquiry .form-card .row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin:0!important;}
  .direct-enquiry .form-card .row>.col-md-6{grid-column:auto!important;width:100%!important;padding:0!important;}
  .direct-enquiry .form-card .row>.col-12{grid-column:1/-1!important;width:100%!important;padding:0!important;}
  .direct-enquiry .form-label{font-size:6.5px!important;margin-bottom:2px!important;}.direct-enquiry .form-control,.direct-enquiry .form-select{height:34px!important;min-height:34px!important;padding:6px 7px!important;font-size:8.5px!important;border-radius:6px!important;}
  .direct-enquiry textarea.form-control{height:50px!important;min-height:50px!important}.direct-enquiry .btn-pravaha{height:34px!important;min-height:34px!important;padding:6px!important;font-size:8px!important;border-radius:6px!important;}

  /* Project detail hero is intentionally much shorter than desktop. */
  .project-hero{height:145px!important;min-height:145px!important;padding:31px 0 10px!important;background-position:60% center!important;}
  .project-hero .container{padding:0 10px!important}.hero-copy{max-width:70%!important;width:70%!important;}
  .hero-copy h1{font-size:25px!important;line-height:1.02!important;margin:6px 0 6px!important;}.hero-copy p{font-size:8px!important;line-height:1.3!important;margin:0!important;}
  .hero-copy .d-flex{position:absolute;right:10px;top:53px;display:flex!important;flex-direction:column!important;gap:5px!important;}.hero-copy .btn{min-height:27px!important;padding:5px 6px!important;font-size:6.5px!important;border-radius:6px!important;}
  .project-summary{padding:8px 0 2px!important;margin-top:0!important;}.summary-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;}
  .summary-grid .info-box{min-height:58px!important;padding:6px 5px!important;border-radius:7px!important;}.summary-grid .info-box i{font-size:9px!important;margin-bottom:3px!important}.summary-grid .info-box small{font-size:5.5px!important;line-height:1.15!important}.summary-grid .info-box strong{font-size:6.2px!important;line-height:1.2!important;}

  /* Project overview: no giant empty area; cards fill their own rows. */
  #projectPage>.section{padding:25px 0!important;}#projectPage .row.g-5{display:block!important;}.project-highlights-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;margin-top:9px!important;}
  .project-highlight-item{width:100%!important;min-width:0!important;}.project-highlight-item .highlight-card{min-height:62px!important;height:100%!important;padding:6px 5px!important;border-radius:7px!important;gap:4px!important;}
  .highlight-card>span{font-size:5px!important}.highlight-card>div{gap:3px!important}.highlight-card i{font-size:7px!important}.highlight-card strong{font-size:6px!important;line-height:1.2!important;}
  .project-extra-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;margin-top:6px!important;}

  /* Project enquiry: fully contained inside the viewport. */
  #projectEnquiry{margin-top:15px!important;scroll-margin-top:62px!important;}#projectEnquiry .form-card{padding:10px!important;border-radius:9px!important;}
  #projectEnquiry .form-card h3{font-size:15px!important;line-height:1.1!important;margin:4px 0!important;}#projectEnquiry .form-card>p{font-size:7px!important;line-height:1.3!important;margin:0 0 6px!important;}
  #projectEnquiry .form-card .row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin:0!important;}
  #projectEnquiry .form-card .row>[class*="col-"]{width:100%!important;min-width:0!important;padding:0!important;margin:0!important;}
  #projectEnquiry .form-card .row>.col-12{grid-column:1/-1!important;}.form-label{font-size:6.5px!important;margin-bottom:2px!important;}
  #projectEnquiry .form-control,#projectEnquiry .form-select{width:100%!important;height:34px!important;min-height:34px!important;padding:6px 7px!important;font-size:8.5px!important;border-radius:6px!important;}
  #projectEnquiry textarea.form-control{height:50px!important;min-height:50px!important;}#projectEnquiry .btn-pravaha{height:34px!important;min-height:34px!important;padding:6px!important;font-size:8px!important;border-radius:6px!important;}

  /* Gallery: real touch slider, compact stage, visible thumbnails. */
  .project-carousel-wrap{overflow:hidden!important;width:100%!important;}.pp-carousel{width:100%!important;}.pp-carousel-stage{height:225px!important;border-radius:10px!important;overflow:hidden!important;}
  .pp-carousel-image{width:100%!important;height:100%!important;object-fit:contain!important;background:#08251c!important;touch-action:pan-y;}
  .pp-arrow{width:30px!important;height:30px!important;font-size:11px!important;}.pp-prev{left:6px!important}.pp-next{right:6px!important;}.pp-counter{bottom:7px!important;padding:3px 6px!important;font-size:7px!important;}
  .carousel-open{right:6px!important;bottom:6px!important;font-size:6px!important;padding:4px 5px!important;}.pp-dots{padding:6px 0 1px!important;gap:2px!important;}.pp-dots button{width:10px!important;height:2px!important}.pp-dots button.active{width:18px!important;}
  .project-thumbs{gap:4px!important;padding:5px 1px 1px!important;overflow-x:auto!important;scroll-snap-type:x proximity!important;}.project-thumbs button{flex:0 0 47px!important;width:47px!important;height:34px!important;border-radius:5px!important;scroll-snap-align:center!important;}

  /* Layout, videos and CTA. */
  .layout-card{padding:9px!important;border-radius:9px!important}.layout-card h3{font-size:12px!important}.layout-card .btn{font-size:7px!important;padding:6px 7px!important;border-radius:6px!important;}.layout-image-link{display:block;width:100%;border:0;background:#f7f5ef;padding:0!important;}.layout-image-link img{max-height:250px!important;border-radius:7px!important;margin:auto!important;}
  .project-videos-section .video-card{border-radius:9px!important}.video-card video{aspect-ratio:16/10!important;width:100%!important}.video-caption{padding:6px 7px!important;font-size:7px!important;}
  .cta-card{padding:10px!important;border-radius:10px!important}.cta-card h2{font-size:16px!important}.cta-card p{font-size:7px!important;line-height:1.3!important;}

  /* Lightbox: close button is always visible and inside the phone viewport. */
  .pp-lightbox{padding:8px!important;z-index:4000!important;}.pp-lightbox-dialog{width:100%!important;height:88vh!important;}.pp-lightbox-dialog img{max-width:94vw!important;max-height:78vh!important;border-radius:8px!important;}.pp-lightbox-close{right:4px!important;top:4px!important;width:38px!important;height:38px!important;font-size:14px!important;z-index:10!important;}.pp-lightbox-nav{width:34px!important;height:34px!important;font-size:13px!important;}.pp-lightbox-prev{left:4px!important}.pp-lightbox-next{right:4px!important}.pp-lightbox-counter{bottom:0!important;font-size:8px!important;padding:4px 7px!important;}

  /* Footer: compact, two-column content; do not occupy the whole phone screen. */
  .footer{min-height:0!important;height:auto!important;padding:18px 0 9px!important;}.footer-main{grid-template-columns:1fr 1fr!important;gap:9px 8px!important;}.footer-main>div:first-child{grid-column:1/-1!important}.footer-main>div:last-child{grid-column:1/-1!important;display:none!important;}.footer-logo{height:32px!important}.footer-name{font-size:12px!important}.footer-main h6{font-size:6.5px!important;margin:4px 0 5px!important}.footer-main>div>a:not(.footer-contact-card),.footer-main>div>p{font-size:6.5px!important;line-height:1.3!important;margin-bottom:3px!important}.footer .social{gap:4px!important}.footer .social a{width:24px!important;height:24px!important;font-size:9px!important}.footer hr{margin:8px 0 6px!important}.footer-bottom{font-size:5.5px!important;}
  .sticky-mobile{height:56px!important}.sticky-mobile a{font-size:9px!important;}
}

@media (max-width:359.98px){
  .hero{height:292px!important;min-height:292px!important}.hero h1{font-size:27px!important}.hero p{font-size:9px!important}
  #projectsGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}.project-media{height:74px!important}
  .project-hero{height:140px!important;min-height:140px!important}.hero-copy h1{font-size:23px!important}.hero-copy .d-flex{top:49px!important}
  .project-highlights-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}.project-highlight-item .highlight-card{min-height:60px!important;padding:5px 4px!important}.highlight-card strong{font-size:5.8px!important}
  .pp-carousel-stage{height:210px!important}.project-thumbs button{flex-basis:44px!important;width:44px!important;height:32px!important}
}

/* Final modal containment: applies only to tablet/phone. */
@media (max-width:991.98px){
  .modal{padding-left:0!important;padding-right:0!important;overflow-x:hidden!important;}
  .modal-dialog{width:min(92vw,420px)!important;max-width:420px!important;margin:20px auto!important;}
  .enquiry-modal{width:100%!important;max-width:100%!important;overflow:hidden!important;}
  .enquiry-modal .modal-body{overflow-x:hidden!important;}
  .enquiry-modal .form-card-inner{min-width:0!important;max-width:100%!important;overflow:hidden!important;}
  .enquiry-modal .row{margin-left:0!important;margin-right:0!important;}
  .enquiry-modal .row>[class*="col-"]{min-width:0!important;padding-left:3px!important;padding-right:3px!important;}
}
@media (max-width:767.98px){
  .modal-dialog{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;margin:12px auto!important;}
  .enquiry-modal{max-height:calc(100dvh - 24px)!important;border-radius:13px!important;}
  .enquiry-modal .modal-header{padding:10px 12px!important;min-height:58px!important;}
  .enquiry-modal .modal-body{max-height:calc(100dvh - 82px)!important;overflow-y:auto!important;}
  .enquiry-modal .form-card-inner{padding:9px 10px 11px!important;}
  .enquiry-modal .row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
  .enquiry-modal .row>.col-md-6{grid-column:auto!important;width:100%!important;padding:0!important;}
  .enquiry-modal .row>.col-12{grid-column:1/-1!important;width:100%!important;padding:0!important;}
}


/* ================================================================
   FINAL MOBILE / TABLET PROJECT GRID POLISH
   Desktop (992px+) is intentionally untouched.
   Matches the supplied reference: two equal white cards per row,
   consistent card heights, clean gaps, and View All Projects below.
   ================================================================ */
.projects-all-mobile{display:none;}

@media (min-width:768px) and (max-width:991.98px), (max-width:767.98px){
  #projects .section-heading-row{margin-bottom:14px!important;}
  #projects .projects-all-desktop{display:none!important;}

  #projectsGrid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    margin:0!important;
    width:100%!important;
    align-items:stretch!important;
  }

  #projectsGrid > [class*="col-"]{
    width:auto!important;
    max-width:none!important;
    flex:0 0 auto!important;
    padding:0!important;
    margin:0!important;
    min-width:0!important;
    display:flex!important;
  }

  #projectsGrid .project-card{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    border-radius:10px!important;
    overflow:hidden!important;
  }

  #projectsGrid .project-media{
    flex:0 0 92px!important;
    height:92px!important;
  }

  #projectsGrid .project-body{
    flex:1 1 auto!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    padding:8px!important;
  }

  #projectsGrid .project-kicker{
    min-height:14px!important;
    margin-bottom:3px!important;
    font-size:5.5px!important;
    line-height:1.2!important;
  }

  #projectsGrid .project-body h3{
    font-size:10px!important;
    line-height:1.15!important;
    margin:0 0 3px!important;
  }

  #projectsGrid .project-meta{
    min-height:25px!important;
    margin:0!important;
    font-size:6.2px!important;
    line-height:1.3!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  #projectsGrid .project-footer{
    margin-top:auto!important;
    padding-top:7px!important;
    display:block!important;
  }

  #projectsGrid .project-approval{display:none!important;}

  #projectsGrid .project-footer .btn{
    width:100%!important;
    min-height:25px!important;
    padding:5px 4px!important;
    font-size:6px!important;
    line-height:1!important;
    border-radius:6px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  #projectsGrid .project-tag{
    top:5px!important;
    left:5px!important;
    padding:4px 5px!important;
    font-size:5px!important;
    line-height:1!important;
    max-width:calc(100% - 10px)!important;
  }

  .projects-all-mobile{
    display:flex!important;
    justify-content:center!important;
    margin-top:14px!important;
  }

  .projects-all-mobile .btn{
    min-height:36px!important;
    padding:8px 15px!important;
    border-radius:9px!important;
    font-size:8px!important;
    font-weight:900!important;
    box-shadow:0 8px 18px rgba(13,59,46,.16)!important;
  }
}

@media (max-width:359.98px){
  #projectsGrid{gap:7px!important;}
  #projectsGrid .project-media{flex-basis:84px!important;height:84px!important;}
  #projectsGrid .project-body{padding:7px!important;}
  #projectsGrid .project-body h3{font-size:9px!important;}
  #projectsGrid .project-meta{font-size:5.8px!important;}
  #projectsGrid .project-footer .btn{font-size:5.7px!important;min-height:23px!important;}
}

/* =====================================================================
   PRAVAHA PROPERTIES — FINAL AUTHORITATIVE MOBILE/TABLET OVERRIDE
   Desktop / laptop / TV (992px and above) is intentionally untouched.
   This block is the LAST block in the stylesheet so it wins over all
   earlier mobile rules that caused conflicting layouts.
   ===================================================================== */

@media (min-width: 768px) and (max-width: 991.98px){
  /* Tablet: keep the site compact without changing desktop styling. */
  .container{width:100%;max-width:100%;padding-left:24px;padding-right:24px;}
  /* Fixed tablet navbar; desktop/laptop/TV (992px+) remains unchanged. */
  .navbar{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:2000!important;}
  body{padding-top:72px!important;}
  .navbar-collapse{position:absolute!important;top:100%!important;left:0!important;right:0!important;width:100%!important;background:#fff!important;border-top:1px solid var(--line)!important;box-shadow:0 12px 25px rgba(13,59,46,.10)!important;padding:10px 24px 16px!important;}
  .stats{position:relative;right:auto;top:auto;width:auto;margin-top:-35px;padding:0;}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-radius:18px;overflow:hidden;}
  .stat-card{min-height:110px;padding:20px 12px;border-radius:0;}
  #projectsGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;}
  #projectsGrid>[class*="col-"]{width:100%!important;max-width:none!important;padding:0!important;}
}

@media (max-width: 767.98px){
  /* ================================================================
     GLOBAL PHONE CONTAINMENT
     ================================================================ */
  html,body{width:100%;max-width:100%;overflow-x:hidden!important;}
  body{padding-bottom:56px!important;}
  .container{width:100%!important;max-width:100%!important;padding-left:10px!important;padding-right:10px!important;}
  .row{--bs-gutter-x:0!important;}
  [class*="col-"]{min-width:0;}

  /* ================================================================
     HEADER
     ================================================================ */
  /* FIXED MOBILE NAVBAR: stays at the top while the page scrolls. */
  .navbar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:2000!important;
    margin:0!important;
  }
  body{padding-top:58px!important;}
  .nav-container{min-height:58px!important;padding:0 10px!important;}
  /* Keep the Bootstrap menu below the fixed header instead of pushing the page down. */
  .navbar-collapse{
    position:absolute!important;
    top:100%!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    margin:0!important;
    padding:6px 10px 12px!important;
    background:#fff!important;
    border-top:1px solid var(--line)!important;
    box-shadow:0 12px 25px rgba(13,59,46,.10)!important;
  }
  .navbar-collapse .navbar-nav{
    width:100%!important;
    margin:0!important;
  }
  .navbar-collapse .nav-link{
    display:block!important;
    padding:9px 4px!important;
  }
  .brand-lockup{min-width:0!important;gap:7px!important;}
  .brand-logo{height:36px!important;width:auto!important;max-width:42px!important;object-fit:contain!important;}
  .brand-name{font-size:13px!important;white-space:nowrap!important;}
  .navbar-toggler{width:39px!important;height:39px!important;padding:4px!important;border:1px solid #dbe2dd!important;border-radius:9px!important;display:grid!important;place-items:center!important;}
  .navbar-toggler i{font-size:22px!important;line-height:1!important;}

  /* ================================================================
     HOME HERO + SIDE STAT CARDS
     The old 21% / top:48px rules caused clipping and narrow text.
     ================================================================ */
  .hero{
    position:relative!important;
    height:292px!important;
    min-height:292px!important;
    overflow:hidden!important;
    background-position:57% center!important;
  }
  .hero:after{display:none!important;}
  .hero-content{padding:43px 0 18px!important;}
  .hero .container{padding-left:10px!important;padding-right:10px!important;}

  /* Reserve a real left content area for the stat rail. */
  .hero .col-lg-8{
    width:69%!important;
    max-width:69%!important;
    flex:0 0 69%!important;
  }
  .hero h1{font-size:29px!important;line-height:1.01!important;margin:8px 0 9px!important;letter-spacing:-.045em!important;}
  .hero p{font-size:10px!important;line-height:1.42!important;margin-bottom:8px!important;}
  .eyebrow{font-size:7px!important;letter-spacing:.15em!important;}
  .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;margin-top:8px!important;}
  .hero-actions .btn{width:100%!important;min-height:30px!important;padding:5px 4px!important;font-size:8px!important;border-radius:6px!important;}

  /* FINAL STATS FIX — wider cards, rounded corners, proper gaps, no clipping. */
  .stats{
    position:absolute!important;
    z-index:20!important;
    top:10px!important;
    right:8px!important;
    left:auto!important;
    width:28%!important;
    max-width:28%!important;
    margin:0!important;
    padding:0!important;
  }
  .stats-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    margin-top:70%!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
    border-radius:0!important;
    overflow:visible!important;
  }
  .stat-card{
    width:100%!important;
    min-width:0!important;
    min-height:60px!important;
    height:60px!important;
    margin:0!important;
    padding:7px 5px!important;
    border:1px solid rgba(13,59,46,.10)!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 6px 16px rgba(0,0,0,.10)!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .stat-card:nth-child(n){border-top:1px solid rgba(13,59,46,.10)!important;border-right:1px solid rgba(13,59,46,.10)!important;}
  .stat-card strong{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    font-size:14px!important;
    line-height:1.05!important;
    font-weight:900!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }
  .stat-card span{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin-top:3px!important;
    font-size:7px!important;
    line-height:1.18!important;
    font-weight:700!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  /* ================================================================
     MOBILE SECTIONS / CARDS
     ================================================================ */
  .section{padding:30px 0!important;}
  .section-heading-row{gap:8px!important;margin-bottom:14px!important;align-items:flex-start!important;}
  .section-title{font-size:24px!important;line-height:1.04!important;}
  .section-lead{font-size:10px!important;line-height:1.48!important;}

  /* About: keep the supplied left/right composition. */
  .about-preview .row{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;margin:0!important;}
  .about-preview .row>.col-lg-6:first-child{width:52%!important;flex:0 0 52%!important;padding:0!important;}
  .about-preview .row>.col-lg-6:last-child{width:48%!important;flex:0 0 48%!important;padding:0!important;}
  .about-preview .section-title{font-size:22px!important;}
  .about-preview .section-lead{font-size:8.5px!important;line-height:1.45!important;}
  .about-preview .mini-point{padding:7px 0!important;gap:6px!important;}
  .about-preview .mini-point i{font-size:10px!important;}
  .about-preview .mini-point strong{font-size:8px!important;}
  .about-preview .mini-point span{font-size:6.5px!important;line-height:1.25!important;}
  .about-preview .btn{font-size:8px!important;padding:7px 8px!important;border-radius:7px!important;}
  .about-image-wrap{height:126px!important;}
  .about-card{border-radius:10px!important;overflow:hidden!important;}
  .about-card-footer{padding:6px 3px!important;}
  .about-card-footer>div{padding:0 3px!important;}
  .about-card-footer strong{font-size:6.5px!important;}
  .about-card-footer span{font-size:5px!important;line-height:1.15!important;}

  /* ================================================================
     PROJECT LIST — EXACTLY 2 CARDS PER ROW
     ================================================================ */
  #projectsGrid,
  #projects .row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    width:100%!important;
    margin:0!important;
  }
  #projectsGrid>[class*="col-"],
  #projects .row>[class*="col-"]{
    width:100%!important;
    max-width:none!important;
    flex:none!important;
    padding:0!important;
    margin:0!important;
    min-width:0!important;
    display:flex!important;
  }
  #projectsGrid .project-card{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    border-radius:10px!important;
    overflow:hidden!important;
    box-shadow:0 5px 16px rgba(13,59,46,.07)!important;
  }
  #projectsGrid .project-media{height:105px!important;flex:0 0 105px!important;}
  #projectsGrid .project-tag{top:5px!important;left:5px!important;padding:4px 5px!important;font-size:5.5px!important;}
  #projectsGrid .project-body{padding:8px!important;display:flex!important;flex-direction:column!important;flex:1!important;min-width:0!important;}
  #projectsGrid .project-kicker{font-size:6px!important;line-height:1.2!important;min-height:15px!important;margin-bottom:3px!important;}
  #projectsGrid .project-body h3{font-size:10px!important;line-height:1.14!important;margin:0 0 3px!important;}
  #projectsGrid .project-meta{font-size:6.8px!important;line-height:1.3!important;min-height:24px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
  #projectsGrid .project-footer{display:block!important;margin-top:auto!important;padding-top:6px!important;}
  #projectsGrid .project-approval{display:none!important;}
  #projectsGrid .project-footer .btn{width:100%!important;min-height:28px!important;padding:5px 3px!important;font-size:7px!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;}

  /* View All Projects: below the cards, centered and highlighted. */
  #projects .projects-all-desktop{display:none!important;}
  .projects-all-mobile{display:flex!important;justify-content:center!important;margin-top:14px!important;}
  .projects-all-mobile .btn{min-height:38px!important;padding:8px 16px!important;border-radius:9px!important;font-size:9px!important;font-weight:900!important;box-shadow:0 8px 18px rgba(13,59,46,.16)!important;}

  /* ================================================================
     HOME ENQUIRY — NO HORIZONTAL OVERFLOW
     ================================================================ */
  .direct-enquiry{width:100%!important;max-width:100%!important;min-width:0!important;padding:13px 10px!important;border-radius:12px!important;overflow:hidden!important;}
  .direct-enquiry>.row{display:block!important;margin:0!important;}
  .direct-enquiry>.row>[class*="col-"]{width:100%!important;max-width:100%!important;padding:0!important;margin:0 0 8px!important;}
  .direct-enquiry .form-card{width:100%!important;max-width:100%!important;padding:9px!important;border-radius:9px!important;overflow:hidden!important;}
  .direct-enquiry .form-card .row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin:0!important;}
  .direct-enquiry .form-card .row>[class*="col-"]{width:100%!important;min-width:0!important;padding:0!important;margin:0!important;}
  .direct-enquiry .form-card .row>.col-12{grid-column:1/-1!important;}
  .direct-enquiry .form-label{font-size:6.5px!important;margin-bottom:2px!important;}
  .direct-enquiry .form-control,.direct-enquiry .form-select{width:100%!important;height:34px!important;min-height:34px!important;padding:6px 7px!important;font-size:8.5px!important;border-radius:6px!important;}
  .direct-enquiry textarea.form-control{height:50px!important;min-height:50px!important;}
  .direct-enquiry .btn-pravaha{height:34px!important;min-height:34px!important;padding:6px!important;font-size:8px!important;border-radius:6px!important;}
  .check-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;margin:8px 0 0!important;}
  .check-list li{font-size:6px!important;line-height:1.25!important;}
  .check-list i{margin-right:2px!important;font-size:7px!important;}

  /* ================================================================
     PROJECT DETAIL PAGE
     ================================================================ */
  .project-hero{height:145px!important;min-height:145px!important;padding:31px 0 10px!important;background-position:60% center!important;}
  .project-hero .container{padding:0 10px!important;}
  .hero-copy{max-width:70%!important;width:70%!important;}
  .hero-copy h1{font-size:25px!important;line-height:1.02!important;margin:6px 0!important;}
  .hero-copy p{font-size:8px!important;line-height:1.3!important;margin:0!important;}
  .hero-copy .d-flex{position:absolute!important;right:10px!important;top:53px!important;display:flex!important;flex-direction:column!important;gap:5px!important;}
  .hero-copy .btn{min-height:27px!important;padding:5px 6px!important;font-size:6.5px!important;border-radius:6px!important;}

  .project-summary{padding:8px 0 2px!important;margin-top:0!important;}
  .summary-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;}
  .summary-grid .info-box{min-height:58px!important;padding:6px 5px!important;border-radius:7px!important;}
  .summary-grid .info-box i{font-size:9px!important;margin-bottom:3px!important;}
  .summary-grid .info-box small{font-size:5.5px!important;line-height:1.15!important;margin-bottom:2px!important;}
  .summary-grid .info-box strong{font-size:6.2px!important;line-height:1.2!important;}

  #projectPage>.section{padding:25px 0!important;}
  #projectPage .row.g-5{display:block!important;margin:0!important;}
  #projectPage .row.g-5>.col-lg-7,#projectPage .row.g-5>.col-lg-5{width:100%!important;max-width:100%!important;padding:0!important;}
  #projectPage .section-title{font-size:23px!important;}
  #projectPage .section-lead{font-size:8.5px!important;line-height:1.45!important;}

  /* Project overview: no empty third/fourth column; cards fill naturally. */
  .project-highlights-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;width:100%!important;margin-top:9px!important;}
  .project-highlight-item{width:100%!important;min-width:0!important;}
  .project-highlight-item .highlight-card{min-height:76px!important;height:100%!important;padding:8px 7px!important;border-radius:9px!important;gap:5px!important;}
  .highlight-card>span{font-size:6px!important;flex:0 0 auto!important;}
  .highlight-card>div{gap:3px!important;min-width:0!important;}
  .highlight-card i{font-size:8px!important;}
  .highlight-card strong{font-size:8px!important;line-height:1.2!important;}
  .project-extra-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-top:7px!important;}
  .project-extra-grid .info-box{min-height:70px!important;padding:8px!important;}

  /* Project enquiry: completely contained within phone width. */
  #projectEnquiry{width:100%!important;max-width:100%!important;min-width:0!important;margin-top:15px!important;scroll-margin-top:62px!important;}
  #projectEnquiry .form-card{width:100%!important;max-width:100%!important;min-width:0!important;padding:10px!important;border-radius:9px!important;box-shadow:0 7px 16px rgba(13,59,46,.07)!important;overflow:hidden!important;}
  #projectEnquiry .form-card h3{font-size:15px!important;line-height:1.1!important;margin:4px 0!important;}
  #projectEnquiry .form-card>p{font-size:7px!important;line-height:1.3!important;margin:0 0 6px!important;}
  #projectEnquiry .form-card .row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin:0!important;}
  #projectEnquiry .form-card .row>[class*="col-"]{width:100%!important;max-width:100%!important;min-width:0!important;padding:0!important;margin:0!important;}
  #projectEnquiry .form-card .row>.col-12{grid-column:1/-1!important;}
  #projectEnquiry .form-label{font-size:6.5px!important;margin-bottom:2px!important;}
  #projectEnquiry .form-control,#projectEnquiry .form-select{width:100%!important;height:34px!important;min-height:34px!important;padding:6px 7px!important;font-size:8.5px!important;border-radius:6px!important;}
  #projectEnquiry textarea.form-control{height:50px!important;min-height:50px!important;}
  #projectEnquiry .btn-pravaha{height:34px!important;min-height:34px!important;padding:6px!important;font-size:8px!important;border-radius:6px!important;}

  /* ================================================================
     GALLERY / PHOTO SLIDER
     ================================================================ */
  .project-carousel-wrap{width:100%!important;max-width:100%!important;overflow:hidden!important;}
  .pp-carousel{width:100%!important;max-width:100%!important;overflow:visible!important;}
  .pp-carousel-stage{height:225px!important;width:100%!important;border-radius:10px!important;overflow:hidden!important;}
  .pp-slide{width:100%!important;height:100%!important;}
  .pp-slide img,.pp-carousel-image{width:100%!important;height:100%!important;object-fit:contain!important;background:#08251c!important;}
  .pp-arrow{width:30px!important;height:30px!important;font-size:11px!important;}
  .pp-prev{left:6px!important}.pp-next{right:6px!important;}
  .pp-counter{bottom:7px!important;padding:3px 6px!important;font-size:7px!important;}
  .pp-slide .carousel-open{right:6px!important;bottom:6px!important;font-size:6px!important;padding:4px 5px!important;}
  .pp-dots{padding:6px 0 1px!important;gap:2px!important;}
  .pp-dots button{width:10px!important;height:2px!important;}
  .pp-dots button.active{width:18px!important;}
  .project-thumbs{gap:4px!important;padding:5px 1px 1px!important;overflow-x:auto!important;scroll-snap-type:x proximity!important;}
  .project-thumbs button{flex:0 0 47px!important;width:47px!important;height:34px!important;border-radius:5px!important;scroll-snap-align:center!important;}

  /* Photo preview / lightbox: close button stays visible inside viewport. */
  .pp-lightbox{padding:8px!important;z-index:4000!important;}
  .pp-lightbox-dialog{width:100%!important;height:88vh!important;}
  .pp-lightbox-dialog img{max-width:94vw!important;max-height:78vh!important;border-radius:8px!important;}
  .pp-lightbox-close{right:4px!important;top:4px!important;width:38px!important;height:38px!important;font-size:14px!important;z-index:10!important;}
  .pp-lightbox-nav{width:34px!important;height:34px!important;font-size:13px!important;}
  .pp-lightbox-prev{left:4px!important}.pp-lightbox-next{right:4px!important;}
  .pp-lightbox-counter{bottom:0!important;font-size:8px!important;padding:4px 7px!important;}

  /* ================================================================
     VIDEOS / LAYOUT / CTA
     ================================================================ */
  .layout-card{padding:9px!important;border-radius:9px!important;}
  .layout-card h3{font-size:12px!important;}
  .layout-card .btn{font-size:7px!important;padding:6px 7px!important;border-radius:6px!important;}
  .layout-image-link{display:block!important;width:100%!important;padding:0!important;background:#f7f5ef!important;overflow:hidden!important;}
  .layout-image-link img{max-height:250px!important;border-radius:7px!important;margin:auto!important;object-fit:contain!important;}
  .project-videos-section .video-card{border-radius:9px!important;}
  .video-card video{width:100%!important;aspect-ratio:16/10!important;}
  .video-caption{padding:6px 7px!important;font-size:7px!important;}
  .cta-card{padding:10px!important;border-radius:10px!important;}
  .cta-card h2{font-size:16px!important;}
  .cta-card p{font-size:7px!important;line-height:1.3!important;}

  /* Hide the old placeholder instruction if it is rendered by CSS hook. */
  .empty-media .video-placeholder-note,
  .empty-media .project-video-instruction{display:none!important;}

  /* ================================================================
     FOOTER — COMPACT, NOT FULL SCREEN
     ================================================================ */
  .footer{min-height:0!important;height:auto!important;max-height:none!important;padding:18px 0 9px!important;}
  .footer-main{grid-template-columns:1fr 1fr!important;gap:9px 8px!important;}
  .footer-main>div:first-child{grid-column:1/-1!important;}
  .footer-main>div:last-child{grid-column:1/-1!important;display:none!important;}
  .footer-logo{height:32px!important;}
  .footer-name{font-size:12px!important;}
  .footer-main h6{font-size:6.5px!important;margin:4px 0 5px!important;}
  .footer-main>div>a:not(.footer-contact-card),.footer-main>div>p{font-size:6.5px!important;line-height:1.3!important;margin-bottom:3px!important;}
  .footer .social{gap:4px!important;}
  .footer .social a{width:24px!important;height:24px!important;font-size:9px!important;}
  .footer hr{margin:8px 0 6px!important;}
  .footer-bottom{font-size:5.5px!important;}
  .sticky-mobile{height:56px!important;min-height:56px!important;}
  .sticky-mobile a{font-size:9px!important;}
}

/* Very small phones: keep the same layout but allow slightly smaller cards. */
@media (max-width:359.98px){
  .hero{height:292px!important;min-height:292px!important;}
  .hero .col-lg-8{width:68%!important;max-width:68%!important;flex-basis:68%!important;}
  .stats{width:29%!important;max-width:29%!important;right:6px!important;top:8px!important;}
  .stat-card{min-height:58px!important;height:58px!important;}
  .stat-card strong{font-size:13px!important;}
  .stat-card span{font-size:6.5px!important;}
  #projectsGrid{gap:7px!important;}
  #projectsGrid .project-media{height:98px!important;flex-basis:98px!important;}
  #projectsGrid .project-body{padding:7px!important;}
  #projectsGrid .project-body h3{font-size:9.5px!important;}
  #projectsGrid .project-meta{font-size:6.5px!important;}
  #projectsGrid .project-footer .btn{font-size:6.7px!important;min-height:27px!important;}
  .project-highlights-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
  .project-highlight-item .highlight-card{min-height:72px!important;padding:7px!important;}
  .pp-carousel-stage{height:210px!important;}
  .project-thumbs button{flex-basis:44px!important;width:44px!important;height:32px!important;}
}