:root{
  --bg:#0b0b0b;
  --panel:#151515;
  --panel-soft:#1f1b17;
  --text:#f5f1e8;
  --muted:#c9bfae;
  --gold:#c9a24d;
  --gold-soft:#ead29a;
  --line:#302a22;
  --white:#ffffff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, Arial, Helvetica, sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.65;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{width:min(1160px,92%);margin:0 auto}
.site-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(11,11,11,.92);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
.nav-wrap{
  min-height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.brand{
  display:flex;
  align-items:center;
  gap:12px;
}
.brand-mark{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:1px solid var(--gold);
  color:var(--gold);
  border-radius:50%;
  font-weight:800;
}
.brand strong{
  display:block;
  color:var(--gold-soft);
  letter-spacing:.04em;
}
.brand small{
  display:block;
  color:var(--muted);
  font-size:12px;
}

.brand-logo{
  width:190px;
  height:64px;
  overflow:hidden;
  border-radius:8px;
  flex:0 0 auto;
}
.brand-logo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 48%;
  display:block;
}
.main-nav{
  display:flex;
  align-items:center;
  gap:24px;
}
.main-nav a{
  color:var(--muted);
  font-size:15px;
}
.main-nav a:hover{color:var(--gold-soft)}
.menu-toggle{
  display:none;
  background:none;
  border:1px solid var(--line);
  color:var(--text);
  padding:8px 12px;
  border-radius:8px;
}
.hero{
  position:relative;
  min-height:760px;
  display:flex;
  align-items:center;
  background:url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?q=80&w=1800&auto=format&fit=crop") center/cover no-repeat;
}
.hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.72),rgba(0,0,0,.35));
}
.hero-content{
  position:relative;
  padding:110px 0;
}
.eyebrow,.mini-title{
  display:inline-block;
  color:var(--gold-soft);
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:12px;
  font-weight:700;
  margin-bottom:14px;
}
.hero h1{
  max-width:820px;
  margin:0;
  font-size:clamp(42px,6vw,78px);
  line-height:1.02;
  letter-spacing:-.04em;
}
.hero p{
  max-width:680px;
  color:var(--muted);
  font-size:20px;
  margin:24px 0 0;
}
.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:34px;
}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:14px 24px;
  font-weight:800;
  border:1px solid transparent;
  cursor:pointer;
}
.btn.primary{
  background:var(--gold);
  color:#111;
}
.btn.secondary{
  border-color:var(--gold);
  color:var(--gold-soft);
  background:rgba(0,0,0,.22);
}
.btn.full{width:100%}
.hero-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  max-width:820px;
  margin-top:58px;
  border:1px solid rgba(201,162,77,.35);
  background:rgba(201,162,77,.18);
}
.hero-stats div{
  padding:20px;
  background:rgba(12,12,12,.72);
}
.hero-stats strong{
  display:block;
  color:var(--gold-soft);
}
.hero-stats span{
  color:var(--muted);
  font-size:14px;
}
.intro-strip{
  background:linear-gradient(135deg,#17120d,#211b12);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:44px 0;
}
.strip-grid{
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:42px;
  align-items:center;
}
.strip-grid h2{
  margin:0;
  font-size:30px;
  line-height:1.2;
}
.strip-grid p{
  color:var(--muted);
  margin:0;
}
.section{
  padding:96px 0;
}
.section h2{
  font-size:clamp(34px,4vw,54px);
  line-height:1.08;
  margin:0 0 18px;
  letter-spacing:-.03em;
}
.section p{color:var(--muted)}
.two-col{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:56px;
  align-items:center;
}
.image-card{
  border:1px solid var(--line);
  border-radius:28px;
  overflow:hidden;
  background:var(--panel);
  box-shadow:0 24px 80px rgba(0,0,0,.3);
}
.image-card img{
  height:520px;
  width:100%;
  object-fit:cover;
}
.dark-panel{
  background:#111;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.section-head{
  max-width:780px;
  margin-bottom:42px;
}
.card-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.service-card{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:24px;
  overflow:hidden;
  transition:.25s ease;
}
.service-card:hover{
  transform:translateY(-4px);
  border-color:rgba(201,162,77,.7);
}
.service-card img{
  height:210px;
  width:100%;
  object-fit:cover;
}
.service-card div{
  padding:22px;
}
.service-card h3,.project-card h3,.step h3,.trust-grid h3{
  color:var(--gold-soft);
  margin:0 0 8px;
}
.project-grid{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:22px;
}
.project-card{
  position:relative;
  min-height:350px;
  border-radius:26px;
  overflow:hidden;
  border:1px solid var(--line);
  background:var(--panel);
}
.project-card.large{
  grid-row:span 2;
  min-height:724px;
}
.project-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  position:absolute;
  inset:0;
}
.project-card:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.12));
}
.project-card div{
  position:absolute;
  left:24px;
  right:24px;
  bottom:24px;
  z-index:2;
}
.muted{
  background:var(--panel-soft);
}
.steps{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.step{
  background:rgba(0,0,0,.28);
  border:1px solid var(--line);
  border-radius:22px;
  padding:24px;
}
.step span{
  display:inline-grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:50%;
  background:var(--gold);
  color:#111;
  font-weight:800;
  margin-bottom:18px;
}
.trust-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.trust-grid div{
  border-top:1px solid var(--gold);
  padding-top:22px;
}
.testimonials{
  background:#101010;
}
.testimonial-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
blockquote{
  margin:0;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:22px;
  padding:26px;
  color:var(--text);
}
cite{
  display:block;
  color:var(--gold-soft);
  font-style:normal;
  margin-top:18px;
}
.contact-section{
  background:linear-gradient(135deg,#111,#1c1710);
}
.contact-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:48px;
}
.contact-details{
  margin-top:28px;
  padding:24px;
  border:1px solid var(--line);
  border-radius:22px;
  background:rgba(0,0,0,.22);
}
.contact-form{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:26px;
  padding:28px;
}
.contact-form label{
  display:block;
  color:var(--gold-soft);
  font-weight:700;
  margin-bottom:16px;
}
.contact-form input,.contact-form textarea,.contact-form select{
  width:100%;
  margin-top:8px;
  padding:14px 14px;
  border-radius:12px;
  border:1px solid #40372b;
  background:#0c0c0c;
  color:var(--text);
  font:inherit;
}
.form-status{
  min-height:24px;
  margin:14px 0 0;
  color:var(--gold-soft);
}
.site-footer{
  background:#050505;
  border-top:1px solid var(--line);
  padding:58px 0 24px;
}
.footer-grid{
  display:grid;
  grid-template-columns:1.3fr .7fr 1fr 1fr;
  gap:30px;
}
.site-footer a,.site-footer p{
  display:block;
  color:var(--muted);
  margin:8px 0;
}
.footer-bottom{
  margin-top:36px;
  padding-top:22px;
  border-top:1px solid var(--line);
  color:var(--muted);
}
.whatsapp-float{
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:1000;
  background:#25D366;
  color:#fff;
  font-weight:800;
  padding:14px 20px;
  border-radius:999px;
  box-shadow:0 12px 30px rgba(0,0,0,.35);
}
@media(max-width:920px){
  .menu-toggle{display:block}
  .main-nav{
    display:none;
    position:absolute;
    left:4%;
    right:4%;
    top:78px;
    background:#0b0b0b;
    border:1px solid var(--line);
    border-radius:18px;
    padding:18px;
    flex-direction:column;
    align-items:flex-start;
  }
  .main-nav.open{display:flex}
  .hero{min-height:680px}
  .hero-stats,.strip-grid,.two-col,.card-grid,.project-grid,.steps,.trust-grid,.testimonial-grid,.contact-grid,.footer-grid{
    grid-template-columns:1fr;
  }
  .project-card.large{min-height:420px}
  .project-card{min-height:340px}
  .image-card img{height:380px}
}
@media(max-width:560px){
  .hero h1{font-size:38px}
  .hero p{font-size:17px}
  .section{padding:70px 0}
  .hero-stats div{padding:16px}
}


/* Kottayam Finished Projects */
.kottayam-projects{
  background:#0f0f0f;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.kottayam-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:24px;
}
.kottayam-card{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 18px 48px rgba(0,0,0,.22);
}
.kottayam-card img{
  width:100%;
  height:260px;
  object-fit:cover;
  display:block;
  position:static;
}
.kottayam-card-body{
  padding:20px;
}
.kottayam-card-body h3{
  margin:0 0 8px;
  color:var(--gold-soft);
  font-size:20px;
}
.kottayam-card-body p{
  margin:0;
  color:var(--muted);
}


/* Restaurant Project */
.restaurant-projects{
  background:linear-gradient(180deg,#13110e 0%,#0e0e0e 100%);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.restaurant-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:24px;
}
.restaurant-card{
  background:var(--panel);
  border:1px solid rgba(201,162,77,.38);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 20px 54px rgba(0,0,0,.24);
  transition:transform .25s ease,border-color .25s ease;
}
.restaurant-card:hover{
  transform:translateY(-5px);
  border-color:rgba(201,162,77,.78);
}
.restaurant-card img{
  width:100%;
  height:290px;
  object-fit:cover;
  display:block;
  filter:brightness(1.08) contrast(1.06) saturate(1.12);
  transition:transform .25s ease,filter .25s ease;
}
.restaurant-card:hover img{
  transform:scale(1.025);
  filter:brightness(1.14) contrast(1.08) saturate(1.18);
}
.restaurant-card-body{
  padding:22px;
}
.restaurant-card-body h3{
  margin:0 0 9px;
  color:var(--gold-soft);
  font-size:21px;
}
.restaurant-card-body p{
  margin:0;
  color:var(--muted);
}


/* Restaurant Project Professional Gallery */
.restaurant-projects{
  background:linear-gradient(180deg,#13110e 0%,#0e0e0e 100%);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.restaurant-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:24px;
}
.restaurant-card{
  background:var(--panel);
  border:1px solid rgba(201,162,77,.38);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 20px 54px rgba(0,0,0,.24);
  transition:transform .25s ease,border-color .25s ease;
}
.restaurant-card:hover{
  transform:translateY(-5px);
  border-color:rgba(201,162,77,.78);
}
.restaurant-card img{
  width:100%;
  height:290px;
  object-fit:cover;
  display:block;
  filter:brightness(1.1) contrast(1.06) saturate(1.14);
  transition:transform .25s ease,filter .25s ease;
}
.restaurant-card:hover img{
  transform:scale(1.025);
  filter:brightness(1.16) contrast(1.08) saturate(1.2);
}
.restaurant-card-body{
  padding:22px;
}
.restaurant-card-body h3{
  margin:0 0 9px;
  color:var(--gold-soft);
  font-size:21px;
}
.restaurant-card-body p{
  margin:0;
  color:var(--muted);
}


/* Complete Restaurant and Kottayam project galleries */
.all-projects-section{
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.restaurant-projects{
  background:linear-gradient(180deg,#16120d 0%,#0f0f0f 100%);
}
.kottayam-projects{
  background:linear-gradient(180deg,#0f0f0f 0%,#151515 100%);
}
.all-projects-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:24px;
}
.restaurant-gallery-card,
.kottayam-gallery-card{
  background:var(--panel);
  border:1px solid rgba(201,162,77,.42);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 20px 54px rgba(0,0,0,.25);
  transition:transform .25s ease,border-color .25s ease;
}
.restaurant-gallery-card:hover,
.kottayam-gallery-card:hover{
  transform:translateY(-5px);
  border-color:rgba(201,162,77,.82);
}
.restaurant-gallery-card img,
.kottayam-gallery-card img{
  width:100%;
  height:285px;
  object-fit:cover;
  display:block;
  position:static !important;
  filter:brightness(1.1) contrast(1.06) saturate(1.13);
  transition:transform .25s ease,filter .25s ease;
}
.restaurant-gallery-card:hover img,
.kottayam-gallery-card:hover img{
  transform:scale(1.025);
  filter:brightness(1.17) contrast(1.08) saturate(1.2);
}
.restaurant-gallery-card-body,
.kottayam-gallery-card-body{
  padding:22px;
  position:static !important;
  background:none !important;
}
.restaurant-gallery-card-body h3,
.kottayam-gallery-card-body h3{
  margin:0 0 9px;
  color:var(--gold-soft);
  font-size:21px;
  line-height:1.25;
}
.restaurant-gallery-card-body p,
.kottayam-gallery-card-body p{
  margin:0;
  color:var(--muted);
}
@media(max-width:600px){
  .all-projects-grid{
    grid-template-columns:1fr;
  }
  .restaurant-gallery-card img,
  .kottayam-gallery-card img{
    height:250px;
  }
}

@media(max-width:560px){
  .brand-logo{width:142px;height:52px}
  .nav-wrap{min-height:68px}
  .main-nav{top:68px}
}

/* UAT production refinements 2026-08-15 */
.section-cta{display:flex;justify-content:center;margin-top:34px}.subpage-hero{padding:150px 0 70px;background:linear-gradient(135deg,#0d1117,#1b2028);color:#fff}.subpage-hero h1{max-width:850px;margin:10px 0 16px;font-size:clamp(2.2rem,5vw,4.8rem);line-height:1.05}.subpage-hero p{max-width:780px;color:#c9ced6;font-size:1.08rem;margin-bottom:28px}.portfolio-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:32px}.portfolio-link-card{display:block;padding:28px;border:1px solid rgba(197,155,74,.35);border-radius:18px;background:#121820;color:#fff;text-decoration:none;transition:.25s ease}.portfolio-link-card:hover{transform:translateY(-3px);border-color:#c59b4a}.portfolio-link-card p{color:#bfc5ce}.site-footer a{color:inherit}@media(max-width:760px){.portfolio-links{grid-template-columns:1fr}.subpage-hero{padding:125px 0 55px}}

/* Corporate logo alignment refinement 2026-08-17 */
.site-header{
  background:rgba(9,10,12,.96);
  box-shadow:0 8px 28px rgba(0,0,0,.20);
}
.nav-wrap{
  min-height:92px;
  gap:20px;
}
.brand-logo{
  width:176px;
  height:76px;
  padding:5px 8px;
  overflow:hidden;
  border-radius:10px;
  border:1px solid rgba(201,162,77,.24);
  background:#101114;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
.brand-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
.main-nav{
  gap:20px;
}
.main-nav a{
  font-size:14px;
  font-weight:500;
  letter-spacing:.01em;
}
@media(max-width:920px){
  .nav-wrap{min-height:82px}
  .brand-logo{width:154px;height:66px;padding:4px 7px}
  .main-nav{top:82px}
}
@media(max-width:560px){
  .nav-wrap{min-height:74px}
  .brand-logo{width:138px;height:60px;padding:4px 6px}
  .main-nav{top:74px}
}

/* Wide full-panel logo refinement 2026-08-17 */
.brand-logo{
  width:430px;
  height:108px;
  padding:0;
  border-radius:14px;
  border:1px solid rgba(201,162,77,.38);
  background:#0b0d10;
}
.brand-logo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
@media(max-width:1100px){
  .brand-logo{width:330px;height:88px}
}
@media(max-width:920px){
  .brand-logo{width:270px;height:74px;padding:0}
}
@media(max-width:560px){
  .brand-logo{width:220px;height:64px;padding:0}
}

/* Logo visibility adjustment 2026-08-18: step logo down and preserve full artwork */
.nav-wrap{
  padding-top:10px;
  padding-bottom:8px;
}
.brand-logo{
  margin-top:6px;
  height:104px;
}
.brand-logo img{
  object-fit:contain;
  object-position:center center;
}
@media(max-width:1100px){
  .brand-logo{height:86px;margin-top:5px}
}
@media(max-width:920px){
  .nav-wrap{padding-top:8px;padding-bottom:7px}
  .brand-logo{height:72px;margin-top:4px}
}
@media(max-width:560px){
  .nav-wrap{min-height:84px;padding-top:9px;padding-bottom:7px}
  .brand-logo{width:210px;height:66px;margin-top:5px}
  .main-nav{top:84px}
}

/* Prominent 3D logo header refinement 2026-08-19 */
.site-header{
  background:rgba(7,8,10,.97);
  border-bottom:1px solid rgba(201,162,77,.32);
  box-shadow:0 10px 34px rgba(0,0,0,.38);
}
.nav-wrap{
  min-height:216px;
  padding-top:8px;
  padding-bottom:8px;
  align-items:center;
  gap:18px;
}
.brand-logo{
  width:300px;
  height:200px;
  margin-top:0;
  padding:0;
  overflow:hidden;
  border-radius:14px;
  border:1px solid rgba(231,190,88,.55);
  background:#0b0d10;
  box-shadow:0 0 0 1px rgba(255,255,255,.025), 0 10px 28px rgba(0,0,0,.48), 0 0 24px rgba(201,162,77,.15);
  flex:0 0 auto;
}
.brand-logo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.menu-toggle{
  flex:0 0 auto;
}
@media(max-width:1100px){
  .nav-wrap{min-height:190px}
  .brand-logo{width:270px;height:180px}
  .main-nav{gap:14px}
  .main-nav a{font-size:13px}
}
@media(max-width:920px){
  .nav-wrap{min-height:178px;padding-top:7px;padding-bottom:7px}
  .brand-logo{width:246px;height:164px;margin-top:0}
  .main-nav{top:178px}
}
@media(max-width:560px){
  .container.nav-wrap{width:94%}
  .nav-wrap{min-height:166px;padding-top:6px;padding-bottom:6px;gap:10px}
  .brand-logo{width:228px;height:152px;margin-top:0;border-radius:12px}
  .menu-toggle{padding:9px 11px}
  .main-nav{top:166px;left:3%;right:3%}
}
@media(max-width:380px){
  .brand-logo{width:210px;height:140px}
  .nav-wrap{min-height:154px}
  .main-nav{top:154px}
}

/* Portfolio credibility labels */
.project-status{display:inline-block;margin-bottom:8px;padding:5px 9px;border:1px solid currentColor;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.85}

/* 2026-09-01 UAT credibility and video update */
.hero{background-image:url("../img/kottayam-projects/Mr.%20gopakumar%20living.jpg")}
.brand-film{padding-top:84px;padding-bottom:84px;background:#101010}
.video-frame{width:min(100%,980px);margin:32px auto 0;aspect-ratio:16/9;background:#050505;border:1px solid rgba(201,162,77,.45);border-radius:18px;overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.35)}
.video-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#050505}
.credibility-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:48px;border:1px solid var(--line);background:var(--line)}
.credibility-grid div{padding:22px;background:#111}
.credibility-grid strong{display:block;color:var(--gold-soft);margin-bottom:6px}
.credibility-grid span{display:block;color:var(--muted);font-size:14px;line-height:1.5}
.legal-copy{max-width:850px}.legal-copy p{font-size:17px;line-height:1.8}
.contact-form select{width:100%}
@media(max-width:760px){.brand-film{padding:64px 0}.video-frame{border-radius:12px}.credibility-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.credibility-grid{grid-template-columns:1fr}}

/* 2026-09-21 UAT conversion, overseas and trust improvements */
.overseas-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:42px;align-items:center}.partner-card{padding:30px;border:1px solid var(--line);border-radius:18px;background:#111}.partner-card h3{margin:8px 0 12px}.partner-card a{color:var(--gold-soft);font-weight:700}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq-grid details{border:1px solid var(--line);border-radius:14px;padding:18px 20px;background:#111}.faq-grid summary{cursor:pointer;font-weight:700;color:var(--gold-soft)}.faq-grid p{margin:12px 0 0}.contact-form small{display:block;margin-top:7px;color:var(--muted);font-size:12px}.contact-form input[type=file]{padding:12px;background:#0b0b0b}.section-cta.left{text-align:left}.overseas-hero{background:linear-gradient(rgba(0,0,0,.68),rgba(0,0,0,.78)),url("../img/kottayam-projects/Mr.%20gopakumar%20living.jpg") center/cover}
@media(max-width:760px){.overseas-grid,.faq-grid{grid-template-columns:1fr}.partner-card{padding:22px}}

/* UAT refinement 2026-09-21 */
.project-facts{padding-top:28px;padding-bottom:28px}.facts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.facts-grid>div{padding:18px;border:1px solid rgba(127,127,127,.22);border-radius:14px}.facts-grid strong,.facts-grid span{display:block}.facts-grid span{margin-top:6px;opacity:.82}.facts-note{margin-top:16px;opacity:.78}.location-seo .portfolio-links{margin-top:24px}@media(max-width:800px){.facts-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.facts-grid{grid-template-columns:1fr}}

.image-enlarge { display:block; cursor:zoom-in; }
.photo-dialog { max-width:min(94vw,1100px); max-height:94vh; padding:1rem; border:0; border-radius:12px; background:#fff; color:#172829; box-shadow:0 20px 65px #0007; }
.photo-dialog::backdrop { background:#000c; }
.photo-dialog img { display:block; max-width:100%; max-height:75vh; margin:auto; object-fit:contain; }
.photo-dialog p { text-align:center; margin:.5rem; }
.photo-close { float:right; font-size:1.8rem; border:0; background:transparent; cursor:pointer; }
.photo-controls { display:flex; justify-content:space-between; gap:1rem; }
.photo-controls button,.gallery-filters button { cursor:pointer; padding:.55rem .9rem; border:1px solid currentColor; border-radius:8px; background:transparent; color:inherit; }
.gallery-filters { display:flex; flex-wrap:wrap; gap:.5rem; margin:1rem 0 1.5rem; }
.gallery-filters [aria-pressed="true"] { background:#173c3b; color:#fff; }
[hidden] { display:none !important; }

/* October 2026 mobile usability corrections */
@media(max-width:920px){
  .container.nav-wrap{width:94%;position:relative;min-height:80px;padding:8px 0;gap:12px;flex-wrap:nowrap}
  .brand-logo{width:150px;height:64px;min-height:0;margin:0;padding:0;flex:0 0 150px}
  .brand-logo img{width:100%;height:100%;object-fit:contain}
  .main-nav{top:100%;max-height:calc(100dvh - 90px);overflow-y:auto;z-index:1100}
  .whatsapp-float{position:static;display:table;margin:20px auto;box-shadow:none}
}
@media(max-width:560px){
  .container.nav-wrap{min-height:76px;padding:8px 0}
  .brand-logo{width:138px;height:60px;flex-basis:138px}
}

/* NRI conversion update */
.reading{max-width:960px}.reading h2{margin-top:2rem}.reading p,.reading li{line-height:1.8}.reading li{margin:1rem 0}.spam-field{display:none!important}.reading input{padding:12px;width:100%;border:1px solid #aaa;border-radius:6px}.reading .contact-form{max-width:720px;margin:2rem auto}.hero-content [lang=ml]{line-height:1.9}.main-nav{flex-wrap:wrap}.contact-form select,.contact-form input{min-width:0;max-width:100%}.reading .process-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}@media(max-width:600px){.reading h1{font-size:2rem}.reading .btn{margin:6px 0}.hero-actions{flex-wrap:wrap}}@media print{.site-header,.site-footer,button{display:none!important}.subpage-hero{background:white!important;color:black!important;padding:20px!important}.section{padding:15px!important}body{color:black;background:white}}

/* UAT release 19 October 2026: compact header in normal document flow. */
.site-header{position:relative;top:auto;backdrop-filter:none;box-shadow:none}
.container.nav-wrap{min-height:92px;padding:10px 0;gap:20px;flex-wrap:nowrap}
.brand.brand-logo{width:236px;height:64px;flex:0 0 236px;display:flex;gap:12px;padding:0;margin:0;border:0;background:transparent;box-shadow:none;overflow:visible}
.brand-logo img{width:96px;height:64px;object-fit:contain;flex:0 0 96px;border-radius:6px}
.brand-name{font-size:16px;font-weight:700;color:var(--gold-soft);line-height:1.3;white-space:nowrap}
.brand-name small{font-size:9px;letter-spacing:.01em;margin-top:5px;font-weight:400}
.main-nav{gap:16px;flex-wrap:wrap;justify-content:flex-end}
.main-nav a{font-size:13px;min-height:44px;display:inline-flex;align-items:center}
html{scroll-padding-top:24px}
section[id],input,textarea,select,button{scroll-margin-top:24px;scroll-margin-bottom:24px}
:focus-visible{outline:3px solid var(--gold-soft);outline-offset:4px}
.skip-link{position:absolute;top:8px;left:8px;z-index:2000;padding:12px;background:#fff;color:#111;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.hero{min-height:640px}
.hero-content{padding-top:70px;padding-bottom:70px}
.subpage-hero{padding-top:72px}
.contact-form{min-width:0}
.contact-form input,.contact-form select,.contact-form textarea{font-size:16px;width:100%;max-width:100%;min-height:46px}
.contact-form textarea{resize:vertical}
.contact-form label{min-width:0}
.form-guide{font-size:14px;color:var(--muted);margin-top:0}
.form-status:empty{display:none}
.form-status{padding:16px;border:1px solid var(--gold-soft);border-radius:8px;color:var(--text)}
.form-status[data-state=error]{border-color:#ffb4a8;color:#ffd7cf}
.contact-form [aria-invalid=true]{border-color:#ffb4a8}
.contact-form button[disabled]{opacity:.65;cursor:wait}
.email-float{display:none}
.site-footer .footer-grid>div:last-child a{display:inline-block;min-height:44px;padding:10px 6px}
@media(max-width:1100px){.main-nav{gap:10px}.brand.brand-logo{width:222px;flex-basis:222px}}
@media(max-width:920px){
 .container.nav-wrap{position:relative;width:94%;min-height:84px;padding:10px 0}
 .brand.brand-logo{width:225px;height:60px;flex-basis:225px}
 .brand-logo img{width:90px;height:60px;flex-basis:90px}
 .menu-toggle{display:block;min-height:44px;min-width:60px}
 .main-nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:1100;max-height:70dvh;overflow:auto;flex-direction:column;align-items:stretch;padding:12px;background:#101010;border:1px solid var(--line);gap:0}
 .main-nav.open{display:flex}.main-nav a{padding:8px 14px;font-size:16px}
 .hero{min-height:0}.hero-content{padding:55px 0}.hero h1{font-size:clamp(2rem,7vw,3.5rem)}
 .subpage-hero{padding:55px 0}.contact-grid{grid-template-columns:1fr}
}
@media(max-width:380px){.brand.brand-logo{width:205px;flex-basis:205px;gap:8px}.brand-name{font-size:14px}.brand-name small{font-size:8px}.container.nav-wrap{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Persistent header matching the supplied OneRoofVisibility reference. */
:root{--omnix-header-height:92px}
.site-header{position:sticky;top:0;z-index:2000;background:rgba(7,8,10,.98);backdrop-filter:blur(16px);box-shadow:0 5px 24px #0003}
html{scroll-padding-top:calc(var(--omnix-header-height) + 16px)}
section[id],input,textarea,select,button{scroll-margin-top:8px;scroll-margin-bottom:24px}
.main-nav{max-height:calc(100dvh - var(--omnix-header-height) - 16px)}
.skip-link{position:fixed;z-index:3000}
@media(max-width:920px){:root{--omnix-header-height:84px}}
@media print{.site-header{display:none!important}}

/* October UAT: reflow, visible action, progressive consultation details. */
html[lang="ml"] main {overflow-wrap:anywhere;word-break:normal;}
html[lang="ml"] h1 {font-size:clamp(1.6rem,6vw,3.4rem);line-height:1.5;letter-spacing:normal;}
html[lang="ml"] .btn {white-space:normal;max-width:100%;line-height:1.7;text-align:center;}
main .container, .reading, .hero-content {min-width:0;}
.consultation-details {border:1px solid var(--line);border-radius:12px;padding:18px;}
.consultation-details summary {cursor:pointer;color:var(--gold-soft);font-weight:700;}
.consultation-details label {display:block;margin-top:18px;}
@media(max-width:600px){.hero-content{padding-top:24px}.hero .eyebrow{font-size:10px;letter-spacing:.08em}.hero h1{font-size:clamp(1.75rem,7vw,2.6rem);line-height:1.12}.hero-actions{margin-top:18px;gap:10px}.hero-actions .btn{padding:12px 16px}.hero p{font-size:16px;margin-top:20px}.subpage-hero{padding-top:30px}.photo-dialog{max-width:94vw;max-height:90dvh}.photo-dialog img{max-height:60dvh}}