/* Landing-page presentation. Existing copy, imagery and section order are retained. */
@font-face {
  font-family: "Gotham Book";
  src: url("../fonts/Gotham-Book.otf") format("opentype");
  font-weight: 400;
  font-display: swap;
}
.landing-refresh {
  --text-font: "Gotham Book", Arial, sans-serif;
  --heading-font: Georgia, "Times New Roman", serif;
  --subheading-font: "Gotham Book", Arial, sans-serif;
  --primary-color: #bf2932;
  --ink: #292b29;
  --muted: #65665f;
  --paper: #f7f5ef;
  --line: #e3dfd5;
  background: var(--paper);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
}
.landing-refresh p { color: inherit; }
.landing-refresh section { scroll-margin-top: 100px; }
.landing-refresh section:not(.hero-section) {
  padding: clamp(56px, 6.5vw, 100px) clamp(8px, 3vw, 48px) !important;
}
.landing-refresh .container { max-width: 1280px; }
.landing-refresh .top-nav {
  min-height: 86px;
  padding: 14px clamp(20px, 3vw, 56px);
  background: rgba(255, 254, 250, .96);
  border-bottom: 1px solid rgba(41, 43, 41, .1);
  transition: box-shadow .3s, background .3s;
  backdrop-filter: blur(16px);
}
.landing-refresh .top-nav.is-scrolled { box-shadow: 0 8px 30px #292b2910; }
.landing-refresh .top-nav .logo-div { width: clamp(220px, 24vw, 330px); }
.landing-refresh .top-nav .logo-nav { max-width: 100%; }
.landing-refresh .top-nav .space { gap: 24px; }
.landing-refresh .top-nav .nav-item { padding: 0; gap: 18px; }
.landing-refresh .top-nav .nav-link { padding: 0; }
.landing-refresh .nav-achor-link {
  display: inline-block;
  position: relative;
  color: var(--ink);
  font-size: 12px;
  font-weight: 400;
  padding: 12px 0;
}
.landing-refresh .nav-achor-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 100%;
  height: 2px;
  background: var(--primary-color);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .25s;
}
.landing-refresh .nav-achor-link:hover,
.landing-refresh .nav-achor-link.active { color: var(--primary-color); text-decoration: none; transform: none; }
.landing-refresh .nav-achor-link:hover::after,
.landing-refresh .nav-achor-link.active::after { transform: scaleX(1); }
.landing-refresh .common-btn {
  position: relative;
  padding: 15px 24px;
  border-radius: 4px;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 500;
  transition: background .25s, box-shadow .25s, transform .25s;
}
.landing-refresh .common-btn:hover { background: #98212a; color: white; transform: translateY(-2px); box-shadow: 0 8px 20px #bf293324; }
.landing-refresh :is(a, button, input):focus-visible { outline: 3px solid #a77d38; outline-offset: 4px; }
.landing-refresh .hero-section { margin-top: 86px; background: #e8e5dd; }
.landing-refresh .hero-section .carousel { overflow: hidden; }
.landing-refresh .hero-section .carousel-indicators { gap: 7px; margin-bottom: 22px; }
.landing-refresh .hero-section .carousel-indicators button { width: 7px; height: 7px; border: 0; border-radius: 50%; opacity: .55; transition: width .3s; }
.landing-refresh .hero-section .carousel-indicators button.active { width: 32px; border-radius: 12px; opacity: 1; }
.landing-refresh .hero-section :is(.carousel-control-prev, .carousel-control-next) { width: 6%; opacity: .85; }
.landing-refresh .hero-section :is(.carousel-control-prev-icon, .carousel-control-next-icon) { padding: 19px; background-size: 45%; background-color: #292b2955; border: 1px solid #ffffff80; border-radius: 50%; }
.landing-refresh .top-level-heading {
  font-family: var(--heading-font);
  text-transform: none;
  font-weight: 400;
  font-size: clamp(30px, 3vw, 40px);
  letter-spacing: -1px;
  line-height: 1.15;
  color: var(--ink);
  margin-bottom: 25px;
}
.landing-refresh .top-level-heading::after {
  content: "";
  display: block;
  width: 48px;
  height: 2px;
  background: var(--primary-color);
  margin: 22px 0 0;
}
.landing-refresh .text-center > .top-level-heading::after { margin-inline: auto; }
.landing-refresh .para-text { font-size: 15px; line-height: 1.95; letter-spacing: 0; color: var(--muted); margin-bottom: 30px; }
.landing-refresh .content-heading { font-family: var(--heading-font); font-size: 29px; letter-spacing: -.5px; line-height: 1.3; }
.landing-refresh #overview { background: var(--paper); border-bottom: 1px solid var(--line); }
.landing-refresh #overview .para-text { max-width: 990px; margin: 0 auto; font-size: 16px; line-height: 2; }
.landing-refresh #highlights { background: #fffefa; }
.landing-refresh #highlights > .container > .row { align-items: center; }
.landing-refresh #highlights .connectivity- { padding-right: 40px; }
.landing-refresh #highlights .connectivity- > .row { margin-inline: -6px !important; }
.landing-refresh #highlights .col-lg-6.py-2 { padding: 6px !important; }
.landing-refresh #highlights .align-item-center {
  height: 100%;
  min-height: 70px;
  padding: 10px 12px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #faf9f5;
  transition: transform .3s, border-color .3s, box-shadow .3s;
}
.landing-refresh #highlights .align-item-center:hover { transform: translateY(-4px); border-color: #c8b9a0; box-shadow: 0 10px 24px #292b2908; }
.landing-refresh #highlights .align-item-center img { width: 40px; height: 40px; flex: 0 0 auto; object-fit: contain; object-position: center; }
.landing-refresh #highlights .align-middle { font-size: 12px; line-height: 1.65; margin: 0 0 0 12px !important; }
.landing-refresh #highlights .allcol { padding-left: 20px; }
.landing-refresh #highlights .allcol img { border-radius: 120px 8px 8px 8px; box-shadow: 18px 18px 0 #eeeae0; }
.landing-refresh #Configurations { background: #ece9e0; }
.landing-refresh #Configurations .para-text { max-width: 740px; margin-inline: auto; }
.landing-refresh #Configurations .table { max-width: 990px; border-collapse: separate; border-spacing: 0; overflow: hidden; border-radius: 10px; border: 1px solid #d9d3c7; box-shadow: 0 14px 40px #292b2907; }
.landing-refresh #Configurations :is(th, td) { padding: 16px 16px; border: 0; vertical-align: middle; }
.landing-refresh #Configurations th { background: #303631; color: white; text-transform: uppercase; font-size: 11px; letter-spacing: 1.5px; font-weight: 400; }
.landing-refresh #Configurations td { background: #fffefa; border-top: 1px solid var(--line); font-size: 15px; }
.landing-refresh #Configurations td:first-child { font-family: var(--text-font); font-size: 15px; font-variant-numeric: lining-nums; }
.landing-refresh #Configurations td a { display: inline-block; font-size: 11px; letter-spacing: 1px; border-bottom: 1px solid #bf293370; padding: 7px 0; }
.landing-refresh #amenities { background: #fffefa !important; }
.landing-refresh #amenities .para-text { max-width: 720px; margin-inline: auto; }
.landing-refresh #pills-tab { gap: 8px; }
.landing-refresh #pills-tab .common-btn { width: auto; min-width: 215px; margin: 0; border: 1px solid var(--line); border-radius: 4px; background: transparent; color: var(--ink); }
.landing-refresh #pills-tab .common-btn.active { background: var(--primary-color); border-color: var(--primary-color); color: white; }
.landing-refresh #amenities .tab-pane .row { row-gap: 22px; }
.landing-refresh #amenities .tab-pane .position-relative { display: flex; flex-direction: column; margin: 0 !important; }
.landing-refresh #amenities .tab-pane picture { display: block; overflow: hidden; border-radius: 9px 9px 0 0; }
.landing-refresh #amenities .tab-pane img { width: 100%; height: auto; aspect-ratio: 520/410; object-fit: cover; transition: transform .7s cubic-bezier(.2,.7,.3,1); }
.landing-refresh #amenities .position-relative:hover img { transform: scale(1.045); }
.landing-refresh #amenities .para-content { flex: 1; padding: 19px 15px; background: var(--paper); color: var(--ink); border: 1px solid var(--line); border-top: 0; border-radius: 0 0 9px 9px; font-size: 13px; }
.landing-refresh #connectivity { background: var(--paper); }
.landing-refresh #connectivity .connectivity-img { width: 100%; background: white; padding: 12px; border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 14px 35px #292b2908; }
.landing-refresh #connectivity .connectivity-img + p,
.landing-refresh #connectivity picture + p { color: var(--muted); font-size: 11px; margin-top: 12px; }
.landing-refresh .accordion-item { margin-bottom: 12px; border: 1px solid var(--line); border-radius: 7px !important; overflow: hidden; background: #fffefa; }
.landing-refresh .accordion-button { padding: 21px 24px; background: #fffefa; color: var(--ink); text-align: left; justify-content: flex-start; font-size: 14px; line-height: 1.6; box-shadow: none; }
.landing-refresh .accordion-button strong { font-weight: 500; }
.landing-refresh .accordion-button:not(.collapsed) { background: #eeebe3; color: var(--primary-color); box-shadow: none; }
.landing-refresh .accordion-body { padding: 20px 24px; font-size: 14px; line-height: 1.9; color: var(--muted); }
.landing-refresh .accordion-body p { margin-bottom: 9px; padding-bottom: 9px; border-bottom: 1px solid #e3dfd570; }
.landing-refresh #connectivity .accordion-item { margin-bottom: 8px; }
.landing-refresh #connectivity { overflow-anchor: none; }
.landing-refresh #connectivity .accordion-collapse { overflow: visible; }
.landing-refresh #connectivity .collapsing { transition: none; }
.landing-refresh #connectivity .accordion-button { padding: 12px 16px; }
.landing-refresh #connectivity .accordion-body { padding: 12px 16px; }
.landing-refresh #connectivity .accordion-body p { margin-bottom: 5px; padding-bottom: 5px; }
.landing-refresh #connectivity .accordion-body p:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.landing-refresh .about_bg { background: #303a32; color: #f7f5ef; }
.landing-refresh .about_bg .top-level-heading { color: #f7f5ef; }
.landing-refresh .about_bg .top-level-heading::after { display: none; }
.landing-refresh .about_bg .para-text { color: #e0e2d9; max-width: 940px; margin: 25px auto 45px; }
.landing-refresh .about_bg .logo-div { width: 340px; gap: 16px; }
.landing-refresh .about_bg .logo-about { max-width: 100%; background: #fffefa; border-radius: 4px; padding: 12px; }
.landing-refresh .about_bg > .text-center { max-width: 1200px; margin: auto; }
.landing-refresh .about_bg > .text-center .row > div { border-right: 1px solid #ffffff25; }
.landing-refresh .about_bg > .text-center .row > div:last-child { border: 0; }
.landing-refresh .sign { font-family: var(--heading-font); font-size: clamp(32px, 4vw, 52px); color: #f7f5ef; }
.landing-refresh .ab_num_title { color: #d5d9ce; font-size: 12px; font-weight: 400; margin-top: 10px; }
.landing-refresh #accordionExample { max-width: 980px; margin: auto; }
.landing-refresh #contactus { background: #eeebe3; }
.landing-refresh #contactus > .row { max-width: 1280px; margin-inline: auto !important; background: #fffefa; border-radius: 12px; box-shadow: 0 16px 50px #292b2908; overflow: hidden; }
.landing-refresh #contactus > .row > .col-lg-8 { width: 55%; padding: 0; }
.landing-refresh #contactus > .row > .col-lg-4 { width: 45%; padding: 36px 0 !important; }
.landing-refresh #contactus iframe { height: 100%; min-height: 620px; display: block; }
.landing-refresh #contactus .top-level-heading { font-size: 32px; }
.landing-refresh #contactus .content-heading { font-size: 24px; }
.landing-refresh #contactus .d-lg-block > p:not(.top-level-heading) { font-size: 13px; line-height: 1.7; color: var(--muted); }
.landing-refresh .formlabel { font-size: 11px; letter-spacing: .5px; color: var(--muted); margin-bottom: 9px; }
.landing-refresh .form-control { background: #f9f8f4; border: 1px solid #dedbd1 !important; border-radius: 4px; min-height: 48px; font-size: 13px; padding: 12px 15px; }
.landing-refresh .form-control:focus { background: white; border-color: #a38a64 !important; box-shadow: 0 0 0 3px #a38a641a; }
.landing-refresh .footer { padding: 65px 24px 24px; background: #faf9f5; border-top: 1px solid var(--line); }
.landing-refresh .footer p { font-size: 11px; line-height: 1.9; color: var(--muted); letter-spacing: 0; }
.landing-refresh .footer :is(h1, h3) { font-family: var(--heading-font); font-size: 23px; color: var(--ink); }
.landing-refresh .footer .nav-link { color: var(--muted); font-size: 12px; }
.landing-refresh .footer .border-split,
.landing-refresh .footer .border-split-right { border-color: var(--line); }
.landing-refresh .footer .logo-nav { max-width: 230px; }
.landing-refresh .modal-content { background: #fffefa; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 25px 90px #0003; }
.landing-refresh #connectivityModal { padding: 16px !important; }
.landing-refresh #connectivityModal .modal-dialog { width: 100%; max-width: 1000px; min-height: calc(100% - 0px); margin: 0 auto; }
.landing-refresh #connectivityModal .modal-content { overflow: hidden; max-height: calc(100dvh - 32px); }
.landing-refresh #connectivityModal .modal-header { flex: 0 0 auto; min-height: 48px; padding: 12px 18px; }
.landing-refresh #connectivityModal .modal-body { flex: 0 1 auto; min-height: 0; }
.landing-refresh #connectivityModal picture { display: block; }
.landing-refresh #connectivityModal img { display: block; width: 100%; height: auto; max-height: calc(100dvh - 82px); object-fit: contain; }
.landing-refresh .modal-body .content-heading { font-size: 28px; margin-top: 22px; }
.landing-refresh .modal-body .logo-nav { max-width: 270px; }
.landing-refresh .reveal-ready { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.3,1); transition-delay: var(--reveal-delay, 0ms); }
.landing-refresh .reveal-ready.is-visible { opacity: 1; transform: translateY(0); }
.landing-refresh .reveal-image.reveal-ready { transform: translateY(30px) scale(.97); transition-duration: .9s; }
.landing-refresh .reveal-image.is-visible { transform: translateY(0) scale(1); }
.landing-refresh .top-level-heading.reveal-ready::after { transform: scaleX(0); transform-origin: left; transition: transform .65s ease .25s; }
.landing-refresh .top-level-heading.is-visible::after { transform: scaleX(1); }
.landing-refresh .text-center > .top-level-heading.reveal-ready::after { transform-origin: center; }
.landing-refresh #highlights .align-item-center img { transition: transform .35s ease; }
.landing-refresh #Configurations tbody td { transition: background .25s ease; }
.landing-refresh #Configurations tbody tr:hover td { background: #f3f0e8; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .landing-refresh #highlights .align-item-center:hover img { transform: translateY(-3px) rotate(-5deg); }
  .landing-refresh #amenities .position-relative { transition: translate .35s ease; }
  .landing-refresh #amenities .position-relative:hover { translate: 0 -5px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .landing-refresh .top-nav .space { gap: 14px; }
  .landing-refresh .top-nav .nav-item { gap: 10px; }
  .landing-refresh .top-nav .logo-div { width: 230px; }
  .landing-refresh .top-nav .common-btn { padding: 13px; }
  .landing-refresh .nav-achor-link { font-size: 11px; }
}
@media (max-width: 991px) {
  .landing-refresh { padding-bottom: 60px; }
  .landing-refresh .top-nav { min-height: 72px; padding: 17px 20px; }
  .landing-refresh .top-nav .logo-div { width: 235px; max-width: 70vw; }
  .landing-refresh .hero-section { margin-top: 72px; }
  .landing-refresh .hamburger { display: block; cursor: pointer; padding: 4px; border: 0; background: transparent; }
  .landing-refresh .top-nav .nav-item { position: fixed; top: 72px; left: -110%; width: 100%; padding: 25px; flex-direction: column; align-items: stretch; gap: 0; background: #fffefa; border-bottom: 1px solid var(--line); box-shadow: 0 16px 25px #292b2910; transition: left .3s; max-height: calc(100dvh - 140px); overflow: auto; visibility: hidden; }
  .landing-refresh .top-nav .nav-item.active { left: 0; visibility: visible; }
  .landing-refresh .nav-achor-link { display: block; text-align: left; font-size: 14px; padding: 15px; }
  .landing-refresh .nav-achor-link::after { display: none; }
  .landing-refresh #highlights .connectivity- { padding-right: 12px; }
  .landing-refresh #highlights .col-lg-6.py-2 { width: 50%; }
  .landing-refresh #highlights .allcol { max-width: 620px; margin: 35px auto 0; padding: 0 20px 0 0; }
  .landing-refresh #contactus > .row > :is(.col-lg-8, .col-lg-4) { width: 100%; }
  .landing-refresh #contactus iframe { height: 340px; min-height: 0; }
  .landing-refresh #contactus > .container { margin-bottom: 28px; }
  .landing-refresh .lastfooter { display: flex; position: fixed; inset: auto 0 0; z-index: 1035; min-height: 58px; padding: 14px 8px calc(14px + env(safe-area-inset-bottom)); background: #303a32; box-shadow: 0 -4px 20px #0001; }
  .landing-refresh .lastfooter a { color: white; font-size: 12px; letter-spacing: 1px; }
  .landing-refresh .footer .border-split-right { border: 0; }
}
@media (max-width: 575px) {
  .landing-refresh section:not(.hero-section) { padding: 52px 12px !important; }
  .landing-refresh .top-level-heading { font-size: 30px; }
  .landing-refresh .para-text,
  .landing-refresh #overview .para-text { font-size: 14px; line-height: 1.9; }
  .landing-refresh #highlights .align-item-center { flex-direction: column; align-items: flex-start; padding: 12px; gap: 8px; }
  .landing-refresh #highlights .align-middle { margin: 0 !important; font-size: 11px; }
  .landing-refresh #Configurations > .container { padding: 0; }
  .landing-refresh #Configurations .container.d-flex { padding: 0; }
  .landing-refresh #Configurations :is(th, td) { padding: 12px 8px; font-size: 11px; }
  .landing-refresh #Configurations td:first-child { font-size: 24px; white-space: nowrap; }
  .landing-refresh #Configurations td a { font-size: 9px; letter-spacing: .3px; }
  .landing-refresh #pills-tab { flex-wrap: nowrap; }
  .landing-refresh #pills-tab .common-btn { min-width: 0; padding: 13px 12px; font-size: 10px; letter-spacing: 0; }
  .landing-refresh .about_bg > .text-center .row > div { width: 50%; margin: 0 0 26px !important; }
  .landing-refresh .about_bg > .text-center .row > div:nth-child(2) { border-right: 0; }
  .landing-refresh .sign { font-size: 34px; }
  .landing-refresh .ab_num_title { font-size: 10px; }
  .landing-refresh #contactus .px-5 { padding-inline: 25px !important; }
  .landing-refresh .accordion-button { padding: 18px; font-size: 13px; }
  .landing-refresh .accordion-body { padding: 18px; font-size: 13px; }
}
.landing-refresh .project-gallery { background: #eeebe3; }
.landing-refresh .project-gallery .para-text { max-width: 980px; margin-inline: auto; }
.landing-refresh .gallery-slider { position: relative; }
.landing-refresh .gallery-track { display: flex; gap: 24px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none; }
.landing-refresh .gallery-track::-webkit-scrollbar { display: none; }
.landing-refresh .gallery-slide { flex: 0 0 calc((100% - 48px) / 3); min-width: 0; margin: 0; position: relative; overflow: hidden; border-radius: 6px; scroll-snap-align: start; background: #303a32; }
.landing-refresh .gallery-slide picture { display: block; overflow: hidden; }
.landing-refresh .gallery-slide img { display: block; width: 100%; aspect-ratio: 520 / 410; object-fit: cover; transition: transform .65s ease; }
.landing-refresh .gallery-slide:hover img { transform: scale(1.04); }
.landing-refresh .gallery-slide figcaption { position: absolute; inset: auto 0 0; padding: 35px 18px 16px; background: linear-gradient(transparent, #172019d9); color: white; font-size: 12px; pointer-events: none; }
.landing-refresh .gallery-arrow { position: absolute; top: calc(50% - 24px); display: grid; place-items: center; width: 42px; height: 48px; border: 1px solid #ffffff60; border-radius: 4px; background: #303a32bc; color: white; font-size: 38px; line-height: 1; transition: background .2s; }
.landing-refresh .gallery-arrow:hover { background: var(--primary-color); }
.landing-refresh .gallery-arrow:disabled { opacity: .3; cursor: default; }
.landing-refresh .gallery-prev { left: 10px; }
.landing-refresh .gallery-next { right: 10px; }
@media (max-width: 991px) {
  .landing-refresh .gallery-slide { flex-basis: calc((100% - 24px) / 2); }
}
@media (max-width: 575px) {
  .landing-refresh .gallery-track { gap: 14px; }
  .landing-refresh .gallery-slide { flex-basis: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  .landing-refresh *, .landing-refresh *::before, .landing-refresh *::after { animation: none !important; transition: none !important; }
  .landing-refresh .reveal-ready { opacity: 1; transform: none; }
}
