/* A1 Star Infra — hosting compatibility overrides (2026-10-09)
   Loaded after the main stylesheets to protect the navigation/layout from
   host-level theme rules and older cached CSS. */
html{overflow-x:clip}
body{overflow-x:hidden}
.nav{position:sticky;top:0;z-index:1000;isolation:isolate}
.nav>.container{position:relative;width:min(1180px,calc(100% - 40px));margin-inline:auto;min-height:82px;display:flex;align-items:center;gap:clamp(10px,1.5vw,24px)}
.nav-logo-box{display:flex!important;align-items:center;justify-content:center;flex:0 0 172px!important;width:172px!important;height:62px!important;max-width:172px;overflow:hidden;padding:5px 12px!important;background:#fff;border-radius:7px}
.nav-logo-box img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
.nav .links{display:flex;align-items:center;gap:2px;margin-left:auto;min-width:0}
.nav .links>a,.nav .dropdown>button{display:flex;align-items:center;justify-content:center;min-height:82px;padding:0 clamp(6px,.8vw,12px);font-family:'Manrope',Arial,sans-serif;font-size:11px;line-height:1.35;font-weight:700;white-space:nowrap}
.nav .dropdown{position:relative;flex:0 0 auto}
.nav .dropdown-menu{position:absolute;top:calc(100% - 1px);left:0;z-index:1200;min-width:250px;max-width:min(340px,90vw);padding:8px;background:#fff;color:#18202b;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 20px 45px rgba(5,23,64,.22);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.nav .dropdown:hover>.dropdown-menu,.nav .dropdown:focus-within>.dropdown-menu,.nav .dropdown.open>.dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.nav .dropdown-menu a{display:block!important;min-height:0!important;padding:11px 13px!important;color:#18202b!important;font-size:12px!important;line-height:1.45!important;white-space:normal!important;border-radius:7px}
.nav .dropdown-menu a strong{display:block;font-size:11px;line-height:1.4}
.nav .dropdown-menu a small{display:block;margin-top:3px;font-size:10px;line-height:1.45;color:#6e7885}
.nav .dropdown-menu a:hover{background:#f3f5f8;color:#051740!important}
.hero,.hero-reference,.hero-reference-wrap{position:relative;z-index:0}
.hero-video{display:block;width:100%;height:100%;object-fit:cover}
img,video,iframe{max-width:100%}
@media(max-width:1100px){
 .nav>.container{min-height:76px;gap:12px}
 .nav-logo-box{flex-basis:175px!important;width:175px!important;height:60px!important;max-width:175px}
 .nav .links{display:none;position:absolute;top:100%;left:0;right:0;z-index:1300;margin:0;padding:12px 20px 20px;background:#051740;flex-direction:column;align-items:stretch;box-shadow:0 16px 25px rgba(0,0,0,.2)}
 .nav.mobile-open .links{display:flex}
 .nav .links>a,.nav .dropdown>button{justify-content:flex-start;min-height:0;height:auto;width:100%;padding:13px 10px;text-align:left;white-space:normal}
 .nav .dropdown-menu{position:static;display:none;min-width:0;max-width:none;margin:0 0 6px;padding:6px;background:#0b2457;border:0;border-radius:6px;box-shadow:none;opacity:1;visibility:visible;transform:none}
 .nav .dropdown:hover>.dropdown-menu{opacity:1;visibility:visible;transform:none}
 .nav .dropdown.open>.dropdown-menu,.nav .dropdown:focus-within>.dropdown-menu{display:block}
 .nav .dropdown-menu a,.nav .dropdown-menu a strong{color:#fff!important}
 .nav .dropdown-menu a small{color:#cbd5e1}
 .nav .dropdown-menu a:hover{background:rgba(255,255,255,.1);color:#fff!important}
 .nav-social{display:none}
 .menu{display:block;margin-left:auto}
}
@media(max-width:600px){.container{width:calc(100% - 32px)}.nav>.container{width:calc(100% - 28px)}.nav-logo-box{flex-basis:158px!important;width:158px!important;height:55px!important;max-width:158px}.hero-content{grid-template-columns:1fr;gap:28px;padding-top:65px;padding-bottom:80px}.hero-panel{justify-self:stretch;max-width:none}.section{padding:65px 0}.section-head{display:block}.projects-grid,.market-grid,.choose-grid{grid-template-columns:1fr}.youtube-layout{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}}

/* Premium upgrade v2: responsive refinements, accessibility and performance */
:where(img,video,iframe){max-width:100%;}
img[loading="lazy"]{content-visibility:auto;}
.form-trap{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;}
button,a,input,select,textarea{touch-action:manipulation;}
:focus-visible{outline:3px solid #c79a43!important;outline-offset:3px;}
.property-card,.project-card,.market-card{min-width:0;}
.property-image{background-size:cover;background-position:center;}
.contact-reference-form input,.contact-reference-form select,.contact-reference-form textarea{max-width:100%;}
@media(max-width:1100px){.nav .links{max-height:calc(100vh - 90px);overflow-y:auto;overscroll-behavior:contain}.nav .dropdown>button{font-size:13px}.nav .links>a{font-size:13px}}
@media(max-width:760px){
 .admin-main{padding:18px 12px!important}.admin-top-inner{padding:12px 14px!important;gap:12px;flex-wrap:wrap}.admin-heading{align-items:flex-start;gap:14px;flex-direction:column}.admin-heading-actions{width:100%;display:flex;flex-wrap:wrap;gap:8px}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.admin-panel{padding:16px!important}.panel-head{gap:12px;align-items:flex-start;flex-wrap:wrap}.panel-tools{width:100%;display:grid;grid-template-columns:1fr;gap:8px}.property-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.property-table{min-width:760px}.editor-grid{grid-template-columns:1fr!important}.upload-box{grid-template-columns:1fr!important}.admin-lower-grid{grid-template-columns:1fr!important}.contact-reference-connect-grid{grid-template-columns:1fr!important}.contact-reference-card{grid-template-columns:1fr!important}.contact-reference-image{min-height:220px}.footer-grid{grid-template-columns:1fr 1fr!important;gap:24px!important}.section-head{gap:14px}.process{grid-template-columns:1fr 1fr!important}
}
@media(max-width:480px){.admin-stats{grid-template-columns:1fr 1fr!important}.footer-grid{grid-template-columns:1fr!important}.process{grid-template-columns:1fr!important}.nav-logo-box{flex-basis:145px!important;width:145px!important;height:52px!important}.hero h1{font-size:clamp(30px,9vw,46px)!important}.property-modal-dialog{width:calc(100% - 20px)!important;margin:10px auto!important}.property-modal-content{padding:18px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.about-advisory-process .step{min-width:0}.about-process-note{margin-top:24px;color:#6e7885;font-size:12px;line-height:1.7}

/* Home hero benefit strip: hide on phones only; retain on tablets and desktops. */
@media (max-width: 767px) {
  .home-page .hero-reference-stats {
    display: none !important;
  }
}


/* A1 Star Infra premium content refresh — 2026-10-10 */
.nav>.container{gap:clamp(18px,2vw,32px);min-height:88px}
.nav-logo-box{width:190px;height:66px;padding:6px 15px;border:1px solid rgba(200,165,106,.35);box-shadow:0 7px 22px rgba(0,0,0,.12);transition:transform .2s ease,box-shadow .2s ease}
.nav-logo-box:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(0,0,0,.18)}
.nav-logo-box img{max-width:100%;object-fit:contain}
.links{gap:clamp(2px,.45vw,8px)}
.links>a,.dropdown>button{padding:30px clamp(9px,.9vw,14px);font-size:11px;letter-spacing:.055em;line-height:1.2;border-radius:5px;transition:color .2s ease,background .2s ease}
.links>a:hover,.dropdown>button:hover,.links>a.active{background:rgba(255,255,255,.055)}
.nav-social{gap:9px;margin-left:5px}
.nav-social a{width:34px;height:34px;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.nav-social a:hover{transform:translateY(-2px);background:rgba(200,165,106,.14);border-color:var(--gold)}
.hero-reference-copy{max-width:1080px;width:100%;margin:0 auto;text-align:center}
.hero-reference-copy h3{max-width:1000px;margin:0 auto 12px;font-size:clamp(2rem,4.5vw,4.4rem);font-weight:700;line-height:1.08;letter-spacing:-.045em;text-wrap:balance;text-shadow:0 3px 24px rgba(0,0,0,.28)}
.hero-reference-copy h2{margin:0;font-family:'Cormorant Garamond',serif;font-size:clamp(3rem,6vw,5.4rem);font-weight:600;font-style:italic;line-height:1.02;letter-spacing:-.025em;color:#fff;text-shadow:0 3px 24px rgba(0,0,0,.35)}
.hero-reference-content{padding-bottom:145px}
.hero-stat span{max-width:390px}
.about-copy h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(1.9rem,3vw,3rem);line-height:1.12;letter-spacing:-.04em;font-weight:700}
.about-copy p{line-height:1.8}
.about-badge{max-width:340px;padding:23px 25px;border-top:3px solid var(--gold)}
.about-badge .eyebrow{font-size:10px;letter-spacing:.15em;font-weight:800;color:#8d6d35;margin-bottom:9px}
.about-badge strong{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.2;letter-spacing:-.025em;font-weight:800;color:var(--navy);margin-bottom:10px}
.about-badge span{display:block;font-size:12px!important;line-height:1.65;color:#5c6572!important}
.about-copy .about-signoff{font-weight:800;letter-spacing:.04em;color:var(--navy);margin:18px 0}
.about-standard-copy .about-standard-cards article{position:relative;padding-top:25px}
.about-standard-cards .why-number{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#f2eadb;color:#8d6d35;font-size:12px;font-weight:800;margin-bottom:5px}
.about-standard-copy .about-standard-cards h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:17px;line-height:1.35;font-weight:800;letter-spacing:-.02em}
.about-standard-copy .about-standard-cards p{line-height:1.75}
.why-signoff{margin:28px 0 5px;font-size:15px;font-weight:700;color:var(--navy)}
.why-brandline{margin:0;font-size:12px;font-weight:800;letter-spacing:.055em;color:#8d6d35}
@media(max-width:1100px){.nav>.container{gap:14px}.nav-logo-box{width:160px;height:60px}.links>a,.dropdown>button{padding-left:8px;padding-right:8px;font-size:10px}.nav-social{gap:5px}.nav-social a{width:30px;height:30px}}
@media(max-width:760px){.nav>.container{min-height:72px;gap:12px}.nav-logo-box{width:152px;height:54px;padding:5px 10px}.links>a,.dropdown>button{font-size:12px}.hero-reference-content{padding:0 20px 250px}.hero-reference-copy h3{font-size:clamp(1.85rem,8vw,2.8rem);line-height:1.12}.hero-reference-copy h2{font-size:clamp(2.8rem,13vw,4.2rem)}.about-area{gap:30px}.about-badge{left:14px;right:14px;bottom:14px;max-width:none}.about-copy h2{font-size:clamp(1.8rem,8vw,2.4rem)}.about-standard-copy .about-standard-cards{grid-template-columns:1fr}.about-standard-copy .about-standard-cards article{padding-top:18px}}
@media(min-width:761px) and (max-width:1024px){.nav>.container{gap:12px}.nav-logo-box{width:142px;height:56px}.links>a,.dropdown>button{padding-left:7px;padding-right:7px;font-size:9px}.nav-social{display:none}.hero-reference-copy h3{font-size:clamp(2.2rem,5vw,3.6rem)}}


/* A1 Star Infra v6 refinements: stronger hero overlay, semantic heading styles,
   larger header logo, and the updated Why A1 section. */
.hero-video-home .hero-video-overlay {
  background: linear-gradient(
    180deg,
    rgba(2, 8, 20, .58) 0%,
    rgba(2, 8, 20, .32) 28%,
    rgba(2, 8, 20, .44) 58%,
    rgba(2, 7, 14, .94) 100%
  ) !important;
  z-index: 1;
  pointer-events: none;
}
.hero-video-home .hero-reference-copy h4 {
  max-width: 1000px;
  margin: 0 auto 12px;
  font-family: 'DM Sans', sans-serif;
  font-size: clamp(1.7rem, 4.1vw, 3.7rem);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -.035em;
  text-transform: uppercase;
  text-wrap: balance;
  text-shadow: 0 3px 24px rgba(0,0,0,.5);
}
.hero-video-home .hero-reference-copy h6 {
  margin: 0;
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(2.5rem, 5.6vw, 3rem);
  font-weight: 600;
  font-style: italic;
  line-height: 0.7;
  letter-spacing: -.025em;
  color: #d8ff00;
  text-shadow: 0 3px 24px rgba(0, 0, 0, .55);
}
.nav-logo-box {
  width: 218px !important;
  height: 76px !important;
  padding: 5px 13px !important;
}
.nav-logo-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.why-a1-signoff {
  margin-top: 30px;
  padding-top: 22px;
  border-top: 1px solid rgba(5, 23, 64, .16);
  text-align: center;
  color: var(--navy, #051740);
}
.why-a1-signoff p {
  margin: 0 0 8px;
  font-size: clamp(1rem, 1.6vw, 1.2rem);
  font-weight: 600;
}
.why-a1-signoff strong {
  display: block;
  color: #9c742f;
  font-size: clamp(.82rem, 1.25vw, 1rem);
  letter-spacing: .08em;
}
.choose-card h3 {
  line-height: 1.15;
}
.choose-card p {
  font-size: 13px;
  line-height: 1.7;
}
@media (min-width: 761px) and (max-width: 1100px) {
  .nav-logo-box {
    width: 178px !important;
    height: 64px !important;
  }
}
@media (max-width: 760px) {
  .nav-logo-box {
    width: 164px !important;
    height: 58px !important;
  }
  .hero-video-home .hero-reference-copy h4 {
    font-size: clamp(1.55rem, 7.1vw, 2.35rem);
    line-height: 1.12;
  }
  .why-a1-signoff {
    text-align: left;
  }
}


/* v8: architectural header background with a restrained scroll-parallax effect */
.site-header,
header.site-header,
.main-header {
  position: relative;
  isolation: isolate;
  background-color: #f8fafc;
  background-image:
    linear-gradient(rgba(255,255,255,.30), rgba(255,255,255,.30)),
    url("header-architecture-bg.png");
  background-size: cover;
  background-position: center 44%;
  background-repeat: no-repeat;
}
.site-header::before,
header.site-header::before,
.main-header::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(255,255,255,.72), rgba(255,255,255,.40) 52%, rgba(255,255,255,.68));
  pointer-events: none;
}
.site-header .nav-logo-box,
header.site-header .nav-logo-box,
.main-header .nav-logo-box {
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(198,157,82,.30);
  border-radius: 8px;
  box-shadow: 0 5px 18px rgba(5,23,64,.08);
}
.site-header nav a,
header.site-header nav a,
.main-header nav a,
.site-header .nav-link,
header.site-header .nav-link,
.main-header .nav-link {
  color: #071b3d;
  text-shadow: 0 1px 0 rgba(255,255,255,.55);
}
.site-header nav a:hover,
header.site-header nav a:hover,
.main-header nav a:hover,
.site-header .nav-link:hover,
header.site-header .nav-link:hover,
.main-header .nav-link:hover {
  color: #a77b2b;
}
@media (min-width: 761px) {
  .site-header,
  header.site-header,
  .main-header {
    background-attachment: fixed;
    background-position: center 44%;
  }
}
@media (max-width: 760px) {
  .site-header,
  header.site-header,
  .main-header {
    background-attachment: scroll;
    background-position: center 52%;
    background-size: auto 220px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .site-header,
  header.site-header,
  .main-header {
    background-attachment: scroll;
  }
}


/* ==========================================================
   A1 STAR INFRA v10 — cross-device responsive layout hardening
   ========================================================== */
*, *::before, *::after {
  box-sizing: border-box;
}
html {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body {
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
  overflow-x: clip;
}
img, picture, video, canvas, svg, iframe {
  max-width: 100%;
}
img, video {
  height: auto;
}
video {
  display: block;
}
.container, .container-fluid, main, section, header, footer {
  min-width: 0;
}
.container {
  width: min(100% - 2rem, 1200px);
  margin-inline: auto;
}
.row, [class*="grid"], .property-grid, .projects-grid, .services-grid,
.choose-grid, .hero-stats, .hero-stat-grid {
  min-width: 0;
}
p, h1, h2, h3, h4, h5, h6, a, button, label, span {
  overflow-wrap: anywhere;
}
button, input, select, textarea {
  max-width: 100%;
  font: inherit;
}
input, select, textarea {
  min-width: 0;
}
table {
  max-width: 100%;
}
.table-responsive, .admin-table-wrap, .table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
iframe {
  border: 0;
}
.hero-video-home {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: clip;
}
.hero-video-home video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-video-home .hero-reference-copy {
  width: min(100% - 2rem, 1100px);
  margin-inline: auto;
}
.hero-video-home .hero-reference-copy h4 {
  max-width: 100%;
  overflow-wrap: normal;
  word-break: normal;
}
.hero-video-home .hero-reference-copy h6 {
  overflow-wrap: normal;
  word-break: normal;
}
.hero-stats, .hero-stat-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.hero-stat, .hero-stats > *, .hero-stat-grid > * {
  min-width: 0;
}
.nav-logo-box {
  flex: 0 1 auto;
  min-width: 0;
}
.nav-logo-box img {
  display: block;
  max-width: 100%;
}
nav, .navbar, .main-nav {
  min-width: 0;
}
nav a, .navbar a, .main-nav a {
  white-space: normal;
}
.property-card, .project-card, .service-card, .choose-card {
  min-width: 0;
  max-width: 100%;
}
.property-card img, .project-card img, .service-card img {
  max-width: 100%;
  object-fit: cover;
}
input[type="text"], input[type="email"], input[type="tel"],
input[type="number"], input[type="password"], input[type="search"],
input[type="url"], select, textarea {
  width: 100%;
}
.admin-dashboard, .admin-content, .admin-main {
  min-width: 0;
  max-width: 100%;
}
pre, code {
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

/* Small laptops and tablets */
@media (max-width: 1024px) {
  .container {
    width: min(100% - 2rem, 960px);
  }
  .hero-stats, .hero-stat-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .nav-logo-box {
    width: clamp(150px, 20vw, 190px) !important;
    height: clamp(54px, 7vw, 68px) !important;
  }
  .section {
    padding-block: clamp(42px, 6vw, 72px);
  }
}

/* Tablets and large phones */
@media (max-width: 760px) {
  .container {
    width: min(100% - 1.25rem, 680px);
  }
  .hero-video-home {
    min-height: 460px;
  }
  .hero-video-home video {
    object-fit: cover;
  }
  .hero-video-home .hero-reference-copy {
    width: calc(100% - 1.5rem);
    padding-inline: 0;
  }
  .hero-video-home .hero-reference-copy h4 {
    font-size: clamp(1.35rem, 5.8vw, 2.2rem);
    line-height: 1.15;
  }
  .hero-video-home .hero-reference-copy h6 {
    font-size: clamp(2rem, 8.5vw, 2.8rem);
    line-height: .9;
  }
  .hero-stats, .hero-stat-grid {
    grid-template-columns: 1fr;
  }
  .hero-stat, .hero-stats > *, .hero-stat-grid > * {
    padding: 18px 16px;
  }
  .section {
    padding-block: 42px;
  }
  .section-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }
  .choose-grid, .property-grid, .projects-grid, .services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
  .nav-logo-box {
    width: 158px !important;
    height: 56px !important;
  }
  .about-area, .about-badge, .about-content, .about-grid {
    min-width: 0;
    max-width: 100%;
  }
  .admin-sidebar {
    max-width: 100%;
  }
  .admin-content, .admin-main {
    padding: 16px;
  }
  .form-row, .form-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Narrow phones */
@media (max-width: 480px) {
  .container {
    width: calc(100% - 1rem);
  }
  .hero-video-home {
    min-height: 420px;
  }
  .hero-video-home .hero-reference-copy h4 {
    font-size: clamp(1.2rem, 6.3vw, 1.7rem);
  }
  .hero-video-home .hero-reference-copy h6 {
    font-size: clamp(1.9rem, 9vw, 2.5rem);
  }
  .choose-grid, .property-grid, .projects-grid, .services-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .nav-logo-box {
    width: 142px !important;
    height: 51px !important;
  }
  .section-head h2, .section h2 {
    font-size: clamp(1.55rem, 7vw, 2.15rem);
    line-height: 1.15;
  }
  .section p {
    max-width: 100%;
  }
  .hero-stat h3, .hero-stat h4 {
    font-size: 1rem;
  }
  .hero-stat p, .hero-stat span {
    font-size: .875rem;
    line-height: 1.5;
  }
  .btn, button, .button {
    max-width: 100%;
  }
  .footer-grid, .footer-columns {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Very narrow screens */
@media (max-width: 360px) {
  .container {
    width: calc(100% - .75rem);
  }
  .nav-logo-box {
    width: 126px !important;
    height: 46px !important;
  }
  .hero-video-home .hero-reference-copy h4 {
    font-size: 1.15rem;
  }
  .hero-video-home .hero-reference-copy h6 {
    font-size: 1.8rem;
  }
}


/* v12: Homepage Our Approach content */
.section.dark .approach-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  margin-top: 28px;
}
.section.dark .approach-card {
  min-width: 0;
  padding: 26px 22px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 14px;
  background: rgba(255,255,255,.045);
}
.section.dark .approach-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 18px;
  border: 1px solid rgba(216,255,0,.65);
  border-radius: 50%;
  color: #d8ff00;
  font-size: .9rem;
  font-weight: 700;
}
.section.dark .approach-card h3 {
  margin: 0 0 12px;
  color: #fff;
  font-size: clamp(1.05rem, 1.45vw, 1.25rem);
  line-height: 1.25;
}
.section.dark .approach-card p {
  margin: 0;
  color: rgba(255,255,255,.78);
  font-size: .92rem;
  line-height: 1.75;
}
.section.dark .approach-signoff {
  margin-top: 32px;
  padding-top: 22px;
  border-top: 1px solid rgba(255,255,255,.16);
  text-align: center;
}
.section.dark .approach-signoff p {
  margin: 0 0 8px;
  color: #fff;
  font-weight: 600;
  font-size: clamp(1rem, 1.6vw, 1.2rem);
}
.section.dark .approach-signoff strong {
  color: #d8ff00;
  font-size: .9rem;
  letter-spacing: .08em;
}
@media (max-width: 1024px) {
  .section.dark .approach-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
}
@media (max-width: 560px) {
  .section.dark .approach-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
  .section.dark .approach-card {
    padding: 22px 18px;
  }
  .section.dark .approach-signoff {
    text-align: left;
  }
}


/* v13 — Investor Desk layout aligned to the supplied mobile reference */
.investor-desk {
  background: #f8f7f3;
  color: #171717;
  padding-block: clamp(54px, 7vw, 96px);
}
.investor-desk .investor-desk-grid {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  align-items: start;
  gap: clamp(28px, 5vw, 76px);
}
.investor-intro {
  min-width: 0;
  padding: clamp(0px, 1vw, 12px) 0;
}
.investor-intro .eyebrow {
  color: #9a7b3c;
  font-size: clamp(.82rem, 1.2vw, 1rem);
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1.4;
}
.investor-intro h2 {
  margin: 24px 0;
  color: #111;
  font-size: clamp(2.15rem, 4.3vw, 4.1rem);
  line-height: 1.14;
  letter-spacing: -.035em;
  overflow-wrap: normal;
}
.investor-intro p {
  color: #555;
  font-size: clamp(1rem, 1.4vw, 1.3rem);
  line-height: 1.72;
  margin: 0 0 20px;
}
.investor-intro .investor-emphasis {
  margin-top: 28px;
  color: #292929;
  font-weight: 700;
}
.investor-intro .investor-signoff {
  display: block;
  margin-top: 28px;
  color: #9a7b3c;
  font-size: clamp(1rem, 1.5vw, 1.45rem);
  line-height: 1.5;
  letter-spacing: .025em;
}
.investor-widget {
  min-width: 0;
  padding: clamp(24px, 3vw, 44px);
  color: #fff;
  background: #050505;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 4px;
  box-shadow: 0 22px 60px rgba(0,0,0,.13);
}
.investor-widget > h2 {
  margin: 0 0 18px;
  color: #fff;
  font-size: clamp(1.8rem, 3vw, 2.65rem);
  line-height: 1.2;
  letter-spacing: -.025em;
}
.investor-widget .widget-intro {
  margin: 0 0 32px;
  color: #bcbcbc;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  line-height: 1.6;
}
.investor-widget .widget-step {
  padding: 26px 0 30px;
  border-bottom: 1px solid rgba(255,255,255,.12);
}
.investor-widget .widget-step:first-of-type {
  padding-top: 0;
}
.investor-widget .widget-step > label {
  display: block;
  margin-bottom: 22px;
  color: #fff;
  font-size: clamp(1rem, 1.45vw, 1.35rem);
  font-weight: 700;
  line-height: 1.4;
}
.investor-widget .choice-row {
  display: grid;
  gap: 12px;
  min-width: 0;
}
.investor-widget .property-choice {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.investor-widget .choice-row button {
  min-width: 0;
  width: 100%;
  min-height: 62px;
  padding: 14px 16px;
  border: 1.5px solid #c9c9c9;
  border-radius: 18px;
  background: transparent;
  color: #fff;
  font-size: clamp(.95rem, 1.3vw, 1.2rem);
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
  white-space: normal;
  cursor: pointer;
  transition: background .18s ease, color .18s ease, border-color .18s ease;
}
.investor-widget .choice-row button:hover,
.investor-widget .choice-row button:focus-visible {
  border-color: #e8d9b4;
  outline: none;
}
.investor-widget .choice-row button.selected {
  background: #eee5cf;
  border-color: #d8c18c;
  color: #3d3321;
}
.investor-widget .radio-choice {
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
}
.investor-widget .radio-choice button {
  position: relative;
  min-height: 54px;
  padding: 10px 12px 10px 48px;
  border: 0;
  border-radius: 8px;
  text-align: left;
  font-weight: 400;
}
.investor-widget .radio-choice button::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 50%;
  width: 25px;
  height: 25px;
  border: 2px solid #626262;
  border-radius: 50%;
  transform: translateY(-50%);
}
.investor-widget .radio-choice button.selected {
  color: #fff;
  background: rgba(255,255,255,.06);
}
.investor-widget .radio-choice button.selected::before {
  border-color: #f4f4f4;
  background: #f4f4f4;
  box-shadow: inset 0 0 0 7px #111;
}
.investor-widget .widget-result {
  margin: 24px 0 18px;
  color: #c7c7c7;
  font-size: .95rem;
  line-height: 1.6;
}
.investor-widget #investorCta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 100%;
  min-height: 64px;
  padding: 16px 22px;
  border: 0;
  border-radius: 999px;
  background: #f5f5f5;
  color: #101010;
  font-size: clamp(1rem, 1.5vw, 1.3rem);
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}
.investor-widget #investorCta:hover {
  background: #eee5cf;
  color: #111;
}
@media (max-width: 900px) {
  .investor-desk .investor-desk-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 34px;
  }
  .investor-intro h2 {
    max-width: 720px;
  }
}
@media (max-width: 560px) {
  .investor-desk {
    padding-block: 42px;
  }
  .investor-intro h2 {
    margin: 18px 0;
    font-size: clamp(2rem, 8.2vw, 2.8rem);
    line-height: 1.16;
  }
  .investor-intro p {
    font-size: 1.05rem;
    line-height: 1.65;
  }
  .investor-widget {
    padding: 24px 20px;
    margin-inline: -2px;
  }
  .investor-widget > h2 {
    font-size: clamp(1.65rem, 7vw, 2.2rem);
  }
  .investor-widget .property-choice {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .investor-widget .property-choice button {
    min-height: 70px;
    padding: 12px 9px;
    font-size: .95rem;
  }
  .investor-widget .radio-choice button {
    font-size: 1rem;
    min-height: 54px;
  }
  .investor-widget #investorCta {
    min-height: 60px;
    padding: 14px 16px;
    font-size: 1rem;
  }
}
@media (max-width: 360px) {
  .investor-widget {
    padding: 20px 14px;
  }
  .investor-widget .property-choice button {
    font-size: .85rem;
  }
}


/* v14 — Investor Desk layout matched to the supplied desktop reference */
.investor-desk {
  background: #fff;
  color: #08183f;
  padding-block: clamp(54px, 6.2vw, 94px);
}
.investor-desk .container {
  width: min(100% - 48px, 1200px);
  margin-inline: auto;
}
.investor-desk .investor-desk-grid {
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  align-items: start;
  gap: clamp(44px, 5.2vw, 88px);
}
.investor-intro {
  min-width: 0;
  padding: 0;
}
.investor-intro .eyebrow {
  margin: 2px 0 14px;
  color: #ad8750;
  font-size: 10px;
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: .19em;
  text-transform: uppercase;
}
.investor-intro h2 {
  max-width: 510px;
  margin: 0 0 18px;
  color: #08183f;
  font-size: clamp(2.1rem, 2.7vw, 3rem);
  font-weight: 400;
  line-height: 1.12;
  letter-spacing: -.035em;
}
.investor-intro p {
  max-width: 520px;
  margin: 0;
  color: #667085;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.65;
}
.investor-widget {
  min-width: 0;
  padding: clamp(22px, 2.1vw, 30px);
  background: #fbfaf8;
  color: #08183f;
  border: 1px solid #e8e0d5;
  border-radius: 0;
  box-shadow: 0 18px 46px rgba(18, 26, 44, .045);
}
.investor-widget .widget-step {
  padding: 18px 0;
  border-bottom: 1px solid #e5dfd7;
}
.investor-widget .widget-step:first-child {
  padding-top: 18px;
}
.investor-widget .widget-step > label {
  display: block;
  margin: 0 0 13px;
  color: #08183f;
  font-size: 10px;
  line-height: 1.45;
  font-weight: 700;
  letter-spacing: .065em;
  text-transform: uppercase;
}
.investor-widget .choice-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}
.investor-widget .choice-row button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 0;
  min-height: 38px;
  padding: 9px 13px;
  border: 1px solid #d8dce4;
  border-radius: 999px;
  background: #fff;
  color: #14203d;
  font-size: 10px;
  line-height: 1.35;
  font-weight: 400;
  text-align: center;
  white-space: normal;
  cursor: pointer;
  transition: background .18s ease, color .18s ease, border-color .18s ease;
}
.investor-widget .choice-row button:hover,
.investor-widget .choice-row button:focus-visible {
  border-color: #9c895d;
  outline: none;
}
.investor-widget .choice-row button.selected {
  background: #09183e;
  color: #fff;
  border-color: #09183e;
}
.investor-widget .widget-result {
  margin: 20px 0 18px;
  color: #667085;
  font-size: 12px;
  line-height: 1.6;
}
.investor-widget #investorCta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  min-height: 47px;
  padding: 13px 20px;
  border: 1px solid #08183f;
  border-radius: 3px;
  background: #08183f;
  color: #fff;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
}
.investor-widget #investorCta:hover {
  background: #142955;
  color: #fff;
}
@media (max-width: 900px) {
  .investor-desk .investor-desk-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 30px;
  }
  .investor-intro h2,
  .investor-intro p {
    max-width: 720px;
  }
}
@media (max-width: 560px) {
  .investor-desk {
    padding-block: 38px;
  }
  .investor-desk .container {
    width: min(100% - 32px, 1200px);
  }
  .investor-intro h2 {
    font-size: clamp(2rem, 8vw, 2.6rem);
    line-height: 1.15;
  }
  .investor-widget {
    padding: 18px 16px;
  }
  .investor-widget .widget-step {
    padding: 16px 0;
  }
  .investor-widget .choice-row {
    gap: 7px;
  }
  .investor-widget .choice-row button {
    min-height: 36px;
    padding: 8px 11px;
    font-size: 10px;
  }
  .investor-widget #investorCta {
    width: 100%;
    min-height: 46px;
    padding-inline: 12px;
  }
}


/* v16 — Investor Desk consultation image and heading contrast fix */
.investor-intro .investor-desk-image {
  display: block;
  width: 100%;
  max-width: 520px;
  aspect-ratio: 16 / 9;
  margin: 0 0 22px;
  object-fit: cover;
  object-position: center 46%;
  border-radius: 2px;
  box-shadow: 0 12px 32px rgba(8, 24, 63, .10);
}
.investor-widget > h2 {
  color: #111111 !important;
}
@media (max-width: 900px) {
  .investor-intro .investor-desk-image {
    max-width: 100%;
  }
}


/* v17 — Narendra Techno Park responsive brochure-to-web page */
.narendra-page .narendra-hero { min-height: min(78vh, 760px); }
.narendra-page .narendra-hero > img { object-position: center; }
.narendra-hero-meta { font-size: .94rem; letter-spacing: .04em; margin-top: .45rem; }
.narendra-stat-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:24px; }
.narendra-stat-row > div { padding:15px 12px; border:1px solid rgba(181,151,91,.35); background:rgba(255,255,255,.55); }
.narendra-stat-row strong { display:block; font-size:clamp(1.35rem,2.4vw,2.1rem); line-height:1.1; color:#9a7940; }
.narendra-stat-row span { display:block; font-size:.78rem; margin-top:6px; color:#17213a; }
.narendra-plan-notes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:22px; }
.narendra-plan-notes > div { padding:20px; background:#f6f3ee; border:1px solid #e8e0d3; }
.narendra-plan-notes h3 { margin:0 0 8px; font-size:1.05rem; }
.narendra-plan-notes p { margin:0; }
.narendra-gallery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.narendra-gallery-grid a { display:block; position:relative; color:inherit; text-decoration:none; overflow:hidden; background:#f5f2ec; border:1px solid #e5dfd5; }
.narendra-gallery-grid img { display:block; width:100%; aspect-ratio:1/1; object-fit:cover; transition:transform .35s ease; }
.narendra-gallery-grid a:hover img { transform:scale(1.035); }
.narendra-gallery-grid span { display:block; padding:12px 14px; font-weight:600; font-size:.9rem; }
.narendra-homes-section { padding:clamp(42px,7vw,90px) 0; }
@media (max-width: 760px) {
  .narendra-page .narendra-hero { min-height: 600px; }
  .narendra-page .advitya-hero-overlay { left:20px; right:20px; bottom:28px; }
  .narendra-stat-row { gap:8px; }
  .narendra-stat-row > div { padding:12px 8px; }
  .narendra-stat-row span { font-size:.7rem; }
  .narendra-plan-notes { grid-template-columns:1fr; }
  .narendra-gallery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
}
@media (max-width: 420px) {
  .narendra-gallery-grid { grid-template-columns:1fr; }
}

.narendra-project-card { cursor:pointer; }
.narendra-project-card:focus-visible { outline:3px solid #b5975b; outline-offset:4px; }
.narendra-card-title { color:inherit; text-decoration:none; }
.narendra-card-title:hover { color:#9a7940; }