/* ═══════════════════════════════════════════════════
   FONT DECLARATIONS
═══════════════════════════════════════════════════ */
@font-face {font-family: 'EditorsNoteExtralight';src: url('../fonts/EditorsNoteExtralight/EditorsNoteExtralight.eot');src: url('../fonts/EditorsNoteExtralight/EditorsNoteExtralight.woff2') format('woff2'),url('../fonts/EditorsNoteExtralight/EditorsNoteExtralight.woff') format('woff'),url('../fonts/EditorsNoteExtralight/EditorsNoteExtralight.ttf') format('truetype'),url('../fonts/EditorsNoteExtralight/EditorsNoteExtralight.svg') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'EditorsNoteExtralightItalic';src: url('../fonts/EditorsNoteExtralightItalic/EditorsNoteExtralightItalic.eot');src: url('../fonts/EditorsNoteExtralightItalic/EditorsNoteExtralightItalic.woff2') format('woff2'),url('../fonts/EditorsNoteExtralightItalic/EditorsNoteExtralightItalic.woff') format('woff'),url('../fonts/EditorsNoteExtralightItalic/EditorsNoteExtralightItalic.ttf') format('truetype'),url('../fonts/EditorsNoteExtralightItalic/EditorsNoteExtralightItalic.svg') format('svg');font-weight: normal;font-style: normal;}
/* ═══════════════════════════════════════════════════
   DESIGN TOKENS
═══════════════════════════════════════════════════ */
:root {
  --bg:         #FBF0E5;
  --red:        #AF020F;
  --dark:       #000000;
  --light:      #FFFFFF;
  --footer-bg:  #2C0407;
  --border:     #CCCCCC;
  --desc-txt:   #181717;
  --divider-border: #CEC8C2;
  --hero-side-txt: #888888;
  --light-txt: #979797;
  --font-sans:      'Hanken Grotesk', 'Montserrat-regular', 'Helvetica Neue', Arial, sans-serif;
  --font-sans-med:  'Hanken Grotesk', 'Montserrat-medium',  'Helvetica Neue', Arial, sans-serif;
  --font-sans-semi: 'Hanken Grotesk', 'Montserrat-semibold','Helvetica Neue', Arial, sans-serif;
  --font-sans-regu: 'Hanken Grotesk', 'Montserrat-regular','Helvetica Neue', Arial, sans-serif;
  --font-EditorsNoteExtralight: "EditorsNoteExtralight";
  --font-EditorsNoteExtralightItalic: "EditorsNoteExtralightItalic";
  /* Hanken Grotesk numeric weights */
  --fw-light:   200;
  --fw-small:   300;
  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semi:    600;
  --fw-bold:    700;

  /* Legacy aliases kept so existing form/popup snippets still compile */
  --primary:       #8B1A1A;
  --secondary:     #1A1A1A;
  --accent:        #EDE5D8;
  --error-color:   #D32F2F;
  --success-color: #3DC480;
  --header-border: rgba(26,26,26,0.15);
  --footer-border: rgba(255,255,255,0.15);
  --footer-links:  rgba(237,229,216,0.55);
  --section-gap: 80px;
}

/* ═══════════════════════════════════════════════════
   GLOBAL RESET & BASE
═══════════════════════════════════════════════════ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { background: var(--bg); color: var(--dark); font-family: var(--font-sans); -webkit-font-smoothing: antialiased; }
img  { display: block; width: 100%; height: auto; }
a    { display: inline-block; text-decoration: none; color: inherit; }
ul   { list-style: none; }
p    { font-family: var(--font-sans); line-height: 1.6; }
.row { margin: 0; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: absolute; top: -100%; left: 1rem; background: var(--dark); color: var(--light); padding: .5rem 1rem; font-size: .875rem; z-index: 99999; }
.skip-link:focus { top: 1rem; }
a:focus-visible, button:focus-visible { outline: 2px solid var(--red); outline-offset: 3px; }
a:focus:not(:focus-visible), button:focus:not(:focus-visible) { outline: none; }
input:-webkit-autofill, input:-webkit-autofill:focus { transition: background-color 0s 600000s, color 0s 600000s !important; }
.iti--container { z-index: 100009 !important; }
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: transparent !important; }
.slick-dots li button{background-color: transparent;border: 0;}
.divider {border-bottom: 1px solid var(--divider-border);margin: 0px 24px;}
.parent_container{max-width: 1440px;padding: 0px;}
.iti__flag-box{display: none;}
.iti__country-name, .iti__dial-code{  font-size: 14px;font-family: var(--font-sans);font-weight: 400;line-height: 140%;}
.phone-row .iti__selected-dial-code{color: rgba(26,26,26,0.45);}
.phone-row.has-value .iti__selected-dial-code{color:var(--dark);}
/* Image Zoom */
.image-wrapper {overflow: hidden;}
.image-wrapper img {transition: transform 0.6s ease;}
.image-wrapper:hover img {transform: scale(1.05);}
/* text fade sroll animation */
.text-fade-scroll{display:block;}
.text-fade-scroll .word{color:var(--light-txt);transition:color 0.15s linear;will-change:color;}

/* Common Btn */
.section-label {display: block;font-family: var(--font-sans-semi);font-weight: 600;font-size: 16px;line-height: 140%;letter-spacing: 2px;text-transform: uppercase;color: var(--red);margin:0px 0px 40px;}
.text-cta {display: inline-block;background: none;border: none;border-bottom: 1px solid var(--dark);padding: 6px 0 4px;font-family: var(--font-sans-semi);font-weight: var(--fw-semi);  font-size: 11px;text-transform: uppercase;color: var(--dark);cursor: pointer;transition: border-color .6s, color .6s;margin-top: 36px;}
.text-cta:hover { border-color: var(--red); color: var(--red); }
/* Common Btn */

/* Site Header */
.site-header {position: absolute; top: 0; left: 0; width: 100%;z-index: 1000;background: var(--bg);border-bottom: 1px solid var(--border);}
.site-header__inner {display: flex;align-items: center;justify-content: space-between;padding: 0 24px;height: 82px;}
.site-header__nav-link {font-family: var(--font-sans-med);font-weight: var(--fw-semi);font-size: 16px;letter-spacing: 0.18em;color: var(--dark);text-transform: uppercase;transition: color .2s;}
.site-header__nav-link:hover { color: var(--red); }
.site-header__logo-svg { height: auto; width: auto; display: block; width: 174px;}
.site-header__enquire-btn {background: var(--bg);color: var(--dark);border-top: 2px solid var(--red);border-bottom: 2px solid var(--red);border-left: none;border-right: none;padding: 8px 18px;font-family: var(--font-sans-semi);font-weight: var(--fw-semi);font-size: 16px;letter-spacing: 0.18em;text-transform: uppercase;cursor: pointer;transition: background .25s;}
.site-header__enquire-btn:hover {background: var(--red);color: var(--light);}
.site-header__actions>div{padding: 4px;border: 2px solid transparent;transition: border-color .25s;}
.site-header__actions>div:has(.site-header__enquire-btn:hover) {border-color: var(--red);}
#main-content { margin-top: 82px; }
/* Site Header */

/* Hero Banner Style */
.hero {position: relative;display: flex;align-items: flex-start;justify-content: center;padding: 64px 24px 60px;overflow: hidden;}
.hero__body {text-align: center;width: 100%;position: relative;z-index: 1;}
.hero__title,.hero__sub {font-family: var(--font-EditorsNoteExtralight);font-size: 96px;font-weight: 200;line-height: 1;color: var(--dark);will-change: transform, opacity;opacity: 0;}
.hero__sub em {font-family: var(--font-EditorsNoteExtralightItalic);}
.hero__title {margin: 0 0 48px;transform: translateY(24px);transition: opacity 0.9s ease 0.1s, transform 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.1s;line-height: 100%;}
.hero__sub {margin: 48px 0 0;transform: translateY(20px);transition: opacity 0.9s ease 0.5s, transform 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.5s;}
.hero__side {opacity: 0;transition: opacity 0.7s ease 0.45s;position: absolute;top: 0;bottom: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 24px;width: 24px;}
.hero__side--left  {left: 24px;}
.hero__side--right {right: 24px;}
.hero__side-text, .hero__side-dot {font-family: var(--font-sans);font-weight: var(--fw-regular);font-size: 14px;line-height: 100%;letter-spacing: 4px;text-transform: uppercase;color: var(--hero-side-txt);writing-mode: vertical-rl;transform: rotate(180deg);}
.hero__price {opacity: 0;transition: opacity 0.7s ease 0.65s;}
.hero__image-wrap {width: 304px;height: 383px;margin: 0 auto;position: relative;overflow: hidden;flex-shrink: 0;opacity: 0;transform: translateY(60px);transition:opacity 0.9s ease 0.3s,transform 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.3s,width 0.25s ease-out,height 0.25s ease-out;}
.hero__image-wrap img, .hero__image-wrap video {width: 100%;height: 100%;object-fit: cover;display: block;}
.hero__image-wrap--locked {transition:width  1s cubic-bezier(0.22, 1, 0.36, 1),height 1s cubic-bezier(0.22, 1, 0.36, 1);}
.hero.hero-visible .hero__title, .hero.hero-visible .hero__sub {opacity: 1;transform: translateY(0);}
.hero.hero-visible .hero__image-wrap {opacity: 1;transform: translateY(0);}
.hero.hero-visible .hero__price, .hero.hero-visible .hero__side {opacity: 1;}
.hero__title--fading {transition: opacity 0.25s ease, transform 0.25s ease;}
.hero__title--hidden, .hero__sub--hidden, .hero--locked .hero__side--hidden {display: none;}
/* Hero Banner Style */

/* ═══════════════════════════════════════════════════
   INTERIOR / ABOUT
═══════════════════════════════════════════════════ */
.interior__image-wrap { overflow: hidden; width: 40%; aspect-ratio: 4/5; max-height: 85vh; margin: 0 auto; }
.interior__image { width: 100%; height: 100%; object-fit: cover; }
.interior__text {width: 80%;margin: 0px auto 0;padding: 0;text-align: center;}
.interior__image-wrap{display: none;}
.divider.hero-divider{display: none;}
.interior__image-wrap {overflow: hidden;}
.interior__text p {font-family: var(--font-EditorsNoteExtralight);font-size: 40px;font-weight: 100;line-height: 120%;text-align: center;margin: 0px;}
/* ═══════════════════════════════════════════════════
   THE BUILDING
═══════════════════════════════════════════════════ */
/* Building animation CSS Start */
.building__thumb,.building__image-wrap  {clip-path: inset(0 0 100% 0%);transition: clip-path 1.2s ease;}
.building__thumb.is-visible,.building__image-wrap.is-visible{clip-path: inset(0 0 0% 0);}
/* Building animation CSS End */
.building {display: grid;grid-template-columns: 1fr 1.65fr;align-items: stretch;padding: 145px 24px 72px 24px;gap: 192px;}
.building__content {display: flex;flex-direction: column;justify-content: flex-start;padding: 0px;}
.building__title {font-family: var(--font-EditorsNoteExtralight);font-size: 48px;font-weight: 200;line-height: normal;color: var(--dark);margin:0px 0px 40px;}
.building__desc {font-family: var(--font-sans);font-size: 18px;font-weight: 400;line-height: 140%;color: var(--desc-txt);margin:0px 0px 32px;}
.building__cta-wrap {display: inline-flex;padding: 4px;border: 2px solid transparent;transition: border-color .6s;margin-top: 22px;align-self: flex-start;}
.building__cta-wrap:has(.text-cta:hover) { border-color: var(--red); }
.building__cta-wrap .text-cta {margin-top: 0;background: var(--bg);border-top: 2px solid var(--red);border-bottom: 2px solid var(--red);border-left: none;border-right: none;padding: 8px 18px;color: var(--dark);transition: background .6s, color .6s;font-size: 16px;letter-spacing: 2px;padding: 16px;}
.building__cta-wrap .text-cta:hover {background: var(--red);color: var(--light);border-color: var(--red);}
.building__thumb {margin-top: auto;overflow: hidden;}
.building__thumb img { width: 313px;height: 469px; object-fit: cover; display: block; }
.building__image-wrap { overflow: hidden; }
.building__image { width: 100%; height: 100%; object-fit: cover; min-height: 560px; }
.building .building__cta-wrap{margin-top: 0px;}
/* ═══════════════════════════════════════════════════
   BRAND FILM
═══════════════════════════════════════════════════ */
.brand-film {
  position: relative;
  width: 100%;
  height: 90vh;
  min-height: 520px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--dark);
}
.brand-film__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.55;
  pointer-events: none;
}
.brand-film__overlay {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.brand-film__label {
  color: rgba(237,229,216,0.75);
  letter-spacing: 0.22em;
}
.brand-film__title {
  font-family: var(--font-EditorsNoteExtralight);
  font-size: clamp(40px, 6vw, 88px);
  font-weight: 400;
  line-height: 1.1;
  color: #EDE5D8;
  margin: 0;
}
.brand-film__title em {
  font-style: italic;
  color: #fff;
}
.brand-film__cta {
  color: rgba(237,229,216,0.85);
  border-bottom-color: rgba(237,229,216,0.5);
  margin-top: 8px;
}
.brand-film__cta:hover {
  color: #fff;
  border-bottom-color: #fff;
}


/* Home Residence Styles */
.home_page_container .residences { padding: 72px 0px 56px 0px }
.home_page_container .residences .residences__intro {text-align: center;max-width: 1156px;margin: 0 auto 56px;padding: 0 24px;}
.home_page_container .residences .residences__intro .section-label{letter-spacing: 2px;line-height: 140%;margin: 0px;}
.home_page_container .residences .residences__intro .residences__title {font-family: var(--font-EditorsNoteExtralight);font-size: 200px;font-weight: var(--fw-light);color: var(--dark);line-height: normal;margin: 0px;}
.home_page_container .residences .residences__intro .residences__title em{font-family: var(--font-EditorsNoteExtralightItalic)}
.home_page_container .residences .residence_bottom{max-width: 684px; margin: 0 auto 64px auto;}
.home_page_container .residences .residence_bottom .residences__desc {font-family: var(--font-sans);font-size: 18px;font-weight: var(--fw-regular);line-height:140%;color: var(--desc-txt);margin: 0px 0px 32px 0px;}
.home_page_container .residences .residence_bottom .building__cta-wrap .text-cta{font-size: 16px;padding: 16px;letter-spacing: 2px;line-height: 140%;}
.home_page_container .residences .residences-slider .slick-slide {margin: 0 24px;}
.home_page_container .residences .residences-slider .residences-slider__item {position: relative;}
.home_page_container .residences .residences-slider .residences-slider__item .residences-slider__img-wrap {position: relative; overflow: hidden;}
.home_page_container .residences .residences-slider .residences-slider__item .residences-slider__img{object-fit: cover;}
.home_page_container .residences .residences-slider .residences-slider__item .residences-slider__img.desktop_image{display: block;}
.home_page_container .residences .residences-slider .residences-slider__item .residences-slider__img.mobile_image{display: none;}
.home_page_container .residences .residences-slider .residences-slider__item .residences-slider__caption {position: absolute;bottom: 40px;display: flex;left: 0;right: 0;align-items: center;justify-content: center;font-family: var(--font-sans-semi);font-weight: var(--fw-sem);font-size: 16px;letter-spacing: 4px;line-height: 120%;color: var(--light);text-transform: uppercase;}
.home_page_container .residences .residences-slider .slick-dots {margin: 48px 0 0;list-style: none;display: flex !important;justify-content: center;align-items: center;gap: 4px;}
.home_page_container .residences .residences-slider .slick-dots li { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.home_page_container .residences .residences-slider .progress-svg { width: 32px; height: 32px; transform: rotate(-90deg); }
.home_page_container .residences .residences-slider .progress-bg  { fill: none; stroke: transparent; }
.home_page_container .residences .residences-slider .inner-dot    { fill: rgba(26,26,26,0.22); transition: fill .3s; }
.home_page_container .residences .residences-slider .progress-bar { fill: none; stroke: var(--red); stroke-width: 1.5; stroke-dasharray: 100.53; stroke-dashoffset: 100.53; }
.home_page_container .residences .residences-slider .slick-active .inner-dot  { fill: var(--red); }
.home_page_container .residences .residences-slider .slick-active .progress-bar { animation: drawCircle 5s linear forwards;}
@keyframes drawCircle { 0%{stroke-dashoffset:-100.53;} 100%{stroke-dashoffset:0;} }
/* Home Residence Styles */

/* Home Neighbourhood Styles */
.home_page_container .neighbourhood { padding: var(--section-gap) 0px 0px 0px; }
.home_page_container .neighbourhood .neighbourhood__intro {max-width: 684px;margin: 0 auto;}
.home_page_container .neighbourhood .neighbourhood__intro .neighbourhood__title {font-family: var(--font-EditorsNoteExtralight);font-size: 48px;font-weight: var(--fw-light);line-height: 130%;color: var(--dark);margin: 0px 0px 24px 0px;}
.home_page_container .neighbourhood .neighbourhood__intro .neighbourhood__desc {font-family: var(--font-sans);font-size: 18px;font-weight: var(--fw-regular);line-height: 140%;color: var(--desc-txt);margin: 0px 0px 80px 0px;}
.home_page_container .neighbourhood .neighbourhood__scroll-wrap {overflow: hidden;}
.home_page_container .neighbourhood .neighbourhood__scroll-wrap:hover .neighbourhood__grid {animation-play-state: paused; }
.home_page_container .neighbourhood .neighbourhood__scroll-wrap .neighbourhood__grid {display: flex;gap: 40px;animation: neighbourhoodMarquee 30s linear infinite;}
.home_page_container .neighbourhood .neighbourhood__scroll-wrap .neighbourhood__item { width: 348px; flex-shrink: 0; }
.home_page_container .neighbourhood .neighbourhood__scroll-wrap .neighbourhood__img-wrap { overflow: hidden; }
.home_page_container .neighbourhood .neighbourhood__scroll-wrap .neighbourhood__item:nth-child(odd)  .neighbourhood__img-wrap { height: 522px; }
.home_page_container .neighbourhood .neighbourhood__scroll-wrap .neighbourhood__item:nth-child(even) .neighbourhood__img-wrap { height: 348px; }
.home_page_container .neighbourhood .neighbourhood__scroll-wrap .neighbourhood__img-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
.home_page_container .neighbourhood .neighbourhood__scroll-wrap .neighbourhood__item:hover .neighbourhood__img-wrap img { transform: scale(1.04); }
.home_page_container .neighbourhood .neighbourhood__scroll-wrap .neighbourhood__label {display: block;font-family: var(--font-sans-med);font-weight: var(--fw-semi);font-size: 16px;letter-spacing: 4px;line-height: 120%;text-transform: uppercase;color: var(--dark);margin: 20px 0px 0px 0px;}
@keyframes neighbourhoodMarquee {from { transform: translateX(0); } to{ transform: translateX(-1488px);}}
@keyframes neighbourhoodMarqueeMobile {from { transform: translateX(0); }to{ transform: translateX(-1208px); }}
@media (prefers-reduced-motion: reduce) {.neighbourhood__grid { animation: none; }}
/* Home Neighbourhood Styles */


/* ═══════════════════════════════════════════════════
   THE AMENITIES
═══════════════════════════════════════════════════ */
.amenities { padding: 88px 24px 58px 24px; }
.amenities_section .section-label {display: block;font-family: var(--font-sans-semi);font-weight: 600;font-size: 16px;line-height: 140%;letter-spacing: 2px;text-transform: uppercase;color: var(--red);margin:0px 0px 40px;}
.amenities__intro {text-align: center;max-width: 642px;margin: 0 auto 60px;}
.amenities__title {font-family: var(--font-EditorsNoteExtralight);font-size: 48px;font-weight: 200;line-height: 120%;color: var(--dark);margin:0px 0px 24px;}
.amenities__desc {font-family: var(--font-sans);font-size: 18px;font-weight: 400;line-height: 140%;color: var(--desc-txt);margin:0px 0px 60px;}
.amenities__grid {display: grid;grid-template-columns: 330fr 683fr 330fr;gap: 25px;align-items: start;}
.amenities__img-wrap { overflow: hidden; }
.amenities__img-wrap img { width: 100%; height: 100%; object-fit: cover; display: block;}
/* All items align at the same top level — stagger is animation-only */
.amenities__item--small-top    { --offset: 0px; }
.amenities__item--large        { --offset: 102px; }
.amenities__item--small-bottom { --offset: 302px; }
.amenities__item {transform: translateY(var(--offset));transition: transform 0.1s linear;will-change: transform;}
/* Image heights — exact Figma: small 330×412, large 683×512 */
.amenities__item--small-top .amenities__img-wrap,
.amenities__item--small-bottom .amenities__img-wrap { height: 412px; }
.amenities__item--large .amenities__img-wrap        { height: 512px; }
.amenities__item--large .amenities__desc-item{max-width: 80%;}
.amenities__item-body { padding: 32px 0px 0px; }
.amenities__label {display: block;font-family: var(--font-sans-semi);font-weight: 600;font-size: 16px;line-height: 120%;letter-spacing: 4px;text-transform: uppercase;color: var(--dark); margin-bottom: 12px;}
.amenities__desc-item {font-family: var(--font-sans);font-weight: 400;font-size: 16px;line-height: 140%;color: var(--desc-txt);}
/* Amenities slider dots — same style as residences */
.amenities-slider .slick-dots {margin: 24px 0 0;list-style: none;display: flex !important;justify-content: center;align-items: center;gap: 4px;}
.amenities-slider .slick-dots li { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.amenities-slider .slick-dots li button { display: none; }
.amenities-slider .progress-svg { width: 32px; height: 32px; transform: rotate(-90deg); }
.amenities-slider .progress-bg  { fill: none; stroke: transparent; }
.amenities-slider .inner-dot    { fill: rgba(26,26,26,0.22); transition: fill .3s; }
.amenities-slider .progress-bar { fill: none; stroke: var(--red); stroke-width: 1.5; stroke-dasharray: 100.53; stroke-dashoffset: 100.53; }
.amenities-slider .slick-active .inner-dot  { fill: var(--red); }
.amenities-slider .slick-active .progress-bar { animation: drawCircle 5s linear forwards; }
/* Override grid when Slick is active */
.amenities-slider.slick-initialized { display: block; }
/* Disable scroll animation inside slider — items must be instantly visible */
.amenities-slider.slick-initialized .amenities__item.animate-fade {opacity: 1;transform: translateY(0);transition: none;}
/* ═══════════════════════════════════════════════════
   DEVELOPER / STATS
═══════════════════════════════════════════════════ */
.developer {padding: 120px 24px 114px 24px;}
.developer__content {display: grid;grid-template-columns: 1fr 1fr;gap: 78px;align-items: center;}
.developer__text-block {display: flex;flex-direction: column;justify-content: flex-start;border-right: 1px solid var(--divider-border);padding: 0px 118px 0px 0px;}
.developer__heading {font-family: var(--font-EditorsNoteExtralight);font-size: 48px;font-weight: 200;line-height: normal;color: var(--dark);margin:0px 0px 40px;}
.developer__para {font-family: var(--font-sans);font-weight: var(--fw-regular);font-size: 18px;line-height: 140%;color: var(--desc-txt);margin: 0px 0px 32px;}
.developer .building__cta-wrap{margin-top: 0px;}
.developer__image-wrap {position: relative;max-width: 565px;width: 100%;}
.developer__image-slider {position: relative;overflow: hidden;height: 424px;}
.developer__slide {position: absolute;inset: 0;opacity: 0;transition: opacity 0.8s ease;}
.developer__slide--active {opacity: 1;}
.developer__image {width: 100%;height: 424px;object-fit: cover;display: block;}
.developer__img-caption {display: block;font-family: var(--font-sans-med);font-weight: var(--fw-medium);font-size: 14px;line-height: 100%;letter-spacing: 4px;text-transform: uppercase;color: var(--dark);margin:20px 0px 0px;}
.stats {padding: 100px  24px;}
.developer__stats {display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;padding-top: 0;}
.developer__stat {display: flex;flex-direction: column;align-items: center;text-align: center;gap: 24px;}
.developer__stat-num {font-family: var(--font-EditorsNoteExtralight);font-size:64px;line-height: 110%;font-weight: 400;color: var(--red);}
.developer__stat-label {font-family: var(--font-sans-med);font-weight: var(--fw-medium);font-size: 16px;line-height: 160%;letter-spacing: 4%;text-transform: uppercase;color: var(--desc-txt);}
.developer .building__cta-wrap .text-cta {line-height: 140%;}
 
/* ═══════════════════════════════════════════════════
   LOCATION MAP + ACCORDION
═══════════════════════════════════════════════════ */
.location-map {display: grid;grid-template-columns: 1.7fr 1fr;padding: 147px 24px 63px 24px;}
.location-map__map { overflow: hidden; }
.location-map__map-img { width: 100%; height: auto; display: block;max-width: 877px;max-height: 646px; }
.location-map__map-img--mobile { display: none; }
.location-map__accordion { padding: 0 0 0 67px;}
.accordion-item { border-bottom: 1px solid var(--border); }
.accordion-item:first-child .accordion-header { padding-top: 0px; }
.accordion-header {display: flex;justify-content: space-between;align-items: center;width: 100%;background: none;border: none;padding: 24px 0;font-family: var(--font-EditorsNoteExtralight);font-size: 32px;line-height: 120%;font-weight: 200;color: var(--dark);cursor: pointer;text-align: left;transition: color .2s;}
.accordion-icon {width: 22px;height: 22px;position: relative;flex-shrink: 0;}
.accordion-icon {width: 24px;height: 24px;position: relative;display: inline-flex;align-items: center;justify-content: center;overflow: hidden;}
.accordion-icon::before,
.accordion-icon::after {content: "";position: absolute;inset: 0;background-repeat: no-repeat;background-position: center;background-size: contain;transform-origin: center;will-change: transform, opacity;transition:transform 1s cubic-bezier(0.22, 1, 0.36, 1),opacity 0.8s ease;}
.accordion-icon::before {background-image: url('../images/faq-plus-icon.svg');opacity: 1;transform:rotate(0deg)scale(0.7);}
.accordion-icon::after {background-image: url('../images/faq-close-icon.svg');opacity: 0;transform:rotate(-220deg)scale(0.3);}
.accordion-item.open .accordion-icon::before {opacity: 0;transform:rotate(220deg)scale(0.3);}
.accordion-item.open .accordion-icon::after {opacity: 1;transform:rotate(0deg)scale(0.7);}
.accordion-item.open .accordion-header { color: var(--dark); }
.accordion-list { display: flex; flex-direction: column; gap: 16px;padding: 0px;margin: 0px 0px 24px;}
.accordion-list li { display: flex; justify-content: space-between; align-items: center; }
.accordion-place, .accordion-dist  { font-family: var(--font-sans-regu); font-weight: var(--fw-regular); font-size: 16px; color: var(--red);line-height: 100%;letter-spacing: 2px; }
/* ═══════════════════════════════════════════════════
   ENQUIRE SPLIT SECTION
═══════════════════════════════════════════════════ */
.enquire-split {
  width: 100%;
  padding: 24px;
}
.enquire-split__bg {
  display: flex;
  align-items: stretch;
  min-height: 640px;
  background-image: url('../images/2078-Qubit-Altis Anderson Road-Chennai_Cam_03.png');
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
}
.enquire-split__form-panel {width: 36%;background: #F2EBE3;padding: 40px 32px 110px 32px;;display: flex;flex-direction: column;justify-content: center;margin: 32px;}

/* ═══════════════════════════════════════════════════
   ENQUIRE SPLIT — form matches popup style
═══════════════════════════════════════════════════ */
.enquire-split__form-panel .enquire-section-title { text-align: center; }
.enquire-split__form-panel .form-card input { background: #F7F3EE; border-bottom: 1px solid var(--red); color: var(--dark); padding: 17px 16px; }
.enquire-split__form-panel .form-card .phone-row input { background: #F7F3EE; border-bottom: none !important; }
.enquire-split__form-panel .form-card .phone-row .iti__selected-flag { background: #F7F3EE !important; border-bottom: none !important; }
.enquire-split__form-panel .form-card .phone-row .iti.iti--allow-dropdown { background: #F7F3EE; border-bottom: 1px solid var(--red); }
.enquire-split__form-panel .form-card input::placeholder { color: rgba(26,26,26,0.45); }
.enquire-split__form-panel .form-card .field { margin: 0 0 24px; }
.enquire-split__form-panel .form-card .btn-primary.btn-submit { margin: 64px auto 0; display: block;background: #F2EBE3; }

/* ═══════════════════════════════════════════════════
   FORM COMMON (shared by popup + inline)
═══════════════════════════════════════════════════ */
.form-region { width: 100%; }
.preview-request-form { width: 100%; }
.enquire-section-title {font-family: var(--font-EditorsNoteExtralight);font-size: 48px; font-weight: 200; line-height: 120%;color: var(--dark); margin-bottom: 48px;}
.form-card .form-label.hidden { display: none; }
.form-card .field { margin: 0 0 20px; }
.form-card input,
.form-card .iti__selected-flag {background: transparent;border: 0;border-bottom: 1px solid var(--dark);width: 100%;
  font-family: var(--font-sans-med);font-weight: var(--fw-medium);font-size: 16px;line-height: 140%;color: var(--dark);transition: border-color .3s;}
.form-card input::placeholder { color: rgba(26,26,26,0.45); }
.form-card input:focus { outline: none; border-bottom-color: var(--red); }
.form-card .error-msg { color: var(--error-color); font-size: 11px; display: block; font-family: var(--font-sans-med); font-weight: var(--fw-medium); margin-top: 4px; }
.form-card .error-msg:empty, .form-card .form-message:empty { display: none; margin: 0; }
.form-card [data-field="status"] { padding-top: 6px; }
.form-card .form-message {
  display: block; width: 100%; padding: 7px 14px;
  font-size: 13px; font-family: var(--font-sans-med); font-weight: var(--fw-medium); margin: 20px 0 0;
}
.form-card .form-message.success-msg { border: 1px solid var(--success-color); background: rgba(61,196,128,0.08); color: var(--success-color); }
.form-card .form-message.error-msg   { border: 1px solid var(--error-color); background: rgba(211,47,47,0.06); color: var(--error-color); }
.form-card .checkbox-field { display: flex; align-items: flex-start; gap: 12px; margin: 20px 0 0; }
.form-card .checkbox-field .form-label.privacy-label {
  display: flex; gap: 16px; align-items: center;
  color: var(--dark); font-size: 12px; line-height: 140%;
  font-family: var(--font-sans-med); font-weight: var(--fw-regular); cursor: pointer; margin: 0;
}
.form-card .checkbox-field input[type="checkbox"] { position: absolute; opacity: 0; width: 1px; height: 1px; }
.form-card .checkbox-field .check-box {
  flex-shrink: 0; width: 24px; height: 24px;
  border: 1px solid #CAB49A;
  display: inline-flex; align-items: center; justify-content: center;
  cursor: pointer; transition: background .2s, border-color .2s; margin-top: 1px;
}
.form-card .checkbox-field input[type="checkbox"]:checked + .check-box { background: transparent; border-color: #CAB49A; }
.form-card .checkbox-field .check-box svg { height: 12px; width: 12px; }
.form-card .checkbox-field .check-box svg path { stroke: transparent; transition: stroke .2s; }
.form-card .checkbox-field input[type="checkbox"]:checked + .check-box svg path { stroke: var(--red); }
.form-card .checkbox-field input[type="checkbox"]:checked ~ .privacy-label .check-box { background: transparent; border-color: #CAB49A; }
.form-card .checkbox-field input[type="checkbox"]:checked ~ .privacy-label .check-box svg path { stroke: var(--red); }

/* Phone field */
.form-card .phone-row input { padding-left: 12px !important; flex: 1; width: auto !important; border-bottom: none !important; }
.form-card .phone-row .iti__selected-flag { padding-left: 10px; padding-right: 12px; background: transparent; border-bottom: none !important; }
.form-card .phone-row .iti.iti--allow-dropdown { display: flex; align-items: center; width: 100%; border-bottom: 1px solid var(--dark); }
.form-card .phone-row .iti__flag-container { position: unset; }
.form-card .phone-row .iti__dropdown-content { scrollbar-width: thin; scrollbar-color: var(--dark) transparent; max-height: 200px; overflow-y: auto; }
.form-card .phone-row .iti__dropdown-content .iti__country-list .iti__flag-box { display: none; }
.iti__country-list .iti__country { display: flex; align-items: center; }
.iti__country-list .iti__country .iti__dial-code { order: -1; min-width: 46px; flex-shrink: 0; margin-right: 8px; }
.iti .iti__flag { display: none !important; }
.form-card .phone-row .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code { margin-left: 0; padding: 14px 0; }
.form-card .phone-row .iti__arrow { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid var(--red); transition: all .2s; }
.form-card .phone-row .iti__arrow--up { border-bottom: 6px solid var(--red); border-top: none; }
.form-card .phone-row .iti__dropdown-content .iti__country-name,
.form-card .phone-row .iti .iti__dial-code { font-family: var(--font-sans-med); color: var(--dark); font-size: 13px; }
.form-card .phone-row .iti__flag-container .iti__selected-flag::before { content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 20px; background: var(--dark); transform: translateY(-50%); opacity: 0.2; }

/* Submit — underline-style per Figma */
.btn.btn-primary.btn-submit {
  display: inline-block;
  background: var(--bg);
  border-top: 2px solid var(--red);
  border-bottom: 2px solid var(--red);
  border-left: none;
  border-right: none;
  outline: 2px solid transparent;
  outline-offset: 4px;
  padding: 13px 73px;
  font-family: var(--font-sans-semi);
  font-weight: var(--fw-semi);
  font-size: 16px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--dark);
  cursor: pointer;
  transition: background .25s, color .25s, outline-color .25s;
  margin-top: 36px;
  min-width: unset;
  border-radius: 0;
  box-shadow: none;
}
.btn.btn-primary.btn-submit:hover,
.btn.btn-primary.btn-submit:focus { background: var(--red); color: var(--light); border-color: var(--red); outline-color: var(--red); box-shadow: none; }
.btn-submit.btn-disabled { opacity: 0.4; cursor: not-allowed; }

/* ═══════════════════════════════════════════════════
   POPUP
═══════════════════════════════════════════════════ */
#popupContainer.popup-overlay {
  position: fixed; top: 0; left: 0;
  width: 100vw; height: 100vh;
  background: rgba(26,26,26,0.72);
  display: none; z-index: 9999;
  overflow-y: auto;
  scrollbar-width: none; -ms-overflow-style: none;
}
#popupContainer.popup-overlay::-webkit-scrollbar { display: none; }
.popup-wrapper { width: 100%; min-height: 100%; display: flex; flex-direction: column; align-items: center; padding: 24px 0; }
.popup-wrapper::-webkit-scrollbar { display: none; }
body.popup-open { overflow: hidden; }
.popup-box {
  background: var(--bg);
  padding: 32px 16px;
  width: 520px;
  position: relative;
  flex-shrink: 0;
  margin: auto;
}
.popup-box::-webkit-scrollbar { display: none; }
.popup-wrapper .close-btn {
  position: absolute; top: 24px; right: 24px;
  background: none; border: none; cursor: pointer; padding: 4px;
}
.popup-wrapper .close-btn svg path { stroke: var(--red); }
.popup-title {
  font-family: var(--font-EditorsNoteExtralight);
  font-size: 48px; font-weight: 200;
  color: var(--dark); margin-bottom: 48px; line-height: 1.2;
  text-align: center;
}
.enquire-popup-container .form-card input,
.floorplan-popup-container .form-card input { background: #F7F3EE; border-bottom: 1px solid var(--red); color: var(--dark); padding: 17px 16px; }
.enquire-popup-container .form-card .phone-row input,
.floorplan-popup-container .form-card .phone-row input { background: #F7F3EE; border-bottom: none !important; }
.enquire-popup-container .form-card .phone-row input,
.floorplan-popup-container .form-card .phone-row input { border-bottom: none !important; }
.enquire-popup-container .form-card .phone-row .iti__selected-flag,
.floorplan-popup-container .form-card .phone-row .iti__selected-flag { background: #F7F3EE !important; border-bottom: none !important; }
.enquire-popup-container .form-card .phone-row .iti.iti--allow-dropdown,
.floorplan-popup-container .form-card .phone-row .iti.iti--allow-dropdown { background: #F7F3EE; border-bottom: 1px solid var(--red); }
.enquire-popup-container .form-card input::placeholder,
.floorplan-popup-container .form-card input::placeholder { color: rgba(26,26,26,0.45); }
.enquire-popup-container .form-card .error-msg,
.floorplan-popup-container .form-card .error-msg { color: var(--error-color); }
.enquire-popup-container .form-card .checkbox-field .form-label.privacy-label,
.floorplan-popup-container .form-card .checkbox-field .form-label.privacy-label { color: var(--dark); }
.enquire-popup-container .form-card .checkbox-field .check-box,
.floorplan-popup-container .form-card .checkbox-field .check-box { border: 1px solid #CAB49A; }
.enquire-popup-container .form-card .checkbox-field input[type="checkbox"]:checked + .check-box,
.floorplan-popup-container .form-card .checkbox-field input[type="checkbox"]:checked + .check-box { background: transparent; border-color: #CAB49A; }
.enquire-popup-container .form-card .checkbox-field input[type="checkbox"]:checked + .check-box svg path,
.floorplan-popup-container .form-card .checkbox-field input[type="checkbox"]:checked + .check-box svg path { stroke: var(--red); }
.enquire-popup-container .form-card .phone-row .iti__arrow,
.floorplan-popup-container .form-card .phone-row .iti__arrow { border-top: 6px solid var(--red); }
.enquire-popup-container .form-card .phone-row .iti__arrow--up,
.floorplan-popup-container .form-card .phone-row .iti__arrow--up { border-bottom: 6px solid var(--red); border-top: 0; }
.enquire-popup-container .form-card .phone-row .iti__flag-container .iti__selected-flag::before,
.floorplan-popup-container .form-card .phone-row .iti__flag-container .iti__selected-flag::before { background: var(--dark); opacity: 0.2; }
.enquire-popup-container .form-card .field,
.floorplan-popup-container .form-card .field { margin: 0 0 24px; }
.enquire-popup-container .form-card .btn-primary.btn-submit,
.floorplan-popup-container .form-card .btn-primary.btn-submit {margin: 64px auto 0; display: block;}

/* Thank you card */
.thankyou-card { display: flex; align-items: center; justify-content: center; padding: 48px 24px; text-align: center; min-height: 260px; }
.thankyou-content { display: flex; flex-direction: column; align-items: center; gap: 16px; }
.thankyou-icon { margin-bottom: 8px; }
.thankyou-msg { font-family: var(--font-sans-med); font-weight: var(--fw-medium); font-size: 14px; line-height: 1.6; color: var(--dark); }

/* Site Footer */
.site-footer {background: var(--footer-bg); color: var(--bg);}
.site-footer__logo-band {display: flex; justify-content: center;padding: 56px 0 32px;}
.site-footer__logo-band a { display: block; }
.site-footer__logo-svg   { height: 32px; width: auto; display: block; }
.site-footer__divider { height: 1px; background: rgba(237,229,216,0.15); }
.site-footer__columns {display: grid;grid-template-columns: 2fr 1fr 1fr;border-bottom: 1px solid #640109;border-top: 1px solid #640109;gap: 0;}
.site-footer__col--newsletter{padding: 56px 110px; border-right: 1px solid #640109;}
.site-footer__col--location,
.site-footer__col--contact { padding: 56px 40px;  }
.site-footer__col-heading {font-family: var(--font-sans-med);font-weight: var(--fw-small);font-size: 24px; line-height: 1.3;color: #FFFFFF;margin-bottom: 24px;}
.site-footer__col-text {font-family: var(--font-sans);font-size: 14px; line-height: 1.4;color: #C1C1C1;}
.site-footer__contact-link { color: #C1C1C1; transition: color .2s; }
.site-footer__contact-link:hover { color: #FFFFFF; }
.site-footer__newsletter-form { margin: 0; }
.site-footer__newsletter-input-wrap {display: flex; align-items: center;border-bottom: 2px solid #AF020F;padding: 0 14px;margin-bottom: 16px;background: #ede5d836;max-width: 440px;}
.site-footer__newsletter-input-wrap input {flex: 1; background: transparent; border: none;padding: 12px 0; color: var(--bg);font-family: var(--font-sans-med); font-weight: var(--fw-medium); font-size: 14px; outline: none;}
.site-footer__newsletter-input-wrap input::placeholder { color: rgba(237,229,216,0.5); }
.site-footer__newsletter-input-wrap button { background: none; border: none; cursor: pointer; padding: 0; flex-shrink: 0; }
.site-footer__privacy-label {display: flex; align-items: flex-start; gap: 10px; cursor: pointer;font-family: var(--font-sans); font-size: 14px; line-height: 1.4;color: rgba(193,193,193,0.7); margin-top: 16px; font-weight: var(--fw-regular);}
.site-footer__privacy-check { position: absolute; opacity: 0; width: 1px; height: 1px; }
.site-footer__checkmark {flex-shrink: 0; width: 16px; height: 16px;border: 1px solid rgba(237,229,216,0.4);display: inline-flex; align-items: center; justify-content: center; margin-top: 2px;transition: background .2s, border-color .2s;}
.site-footer__privacy-check:checked + .site-footer__checkmark { background: var(--bg); border-color: var(--bg); }
.newsletter-error { display: none; margin: 5px 0 0; font-size: 11px; font-family: var(--font-sans-med); font-weight: var(--fw-medium); }
.newsletter-error.error-msg   { color: #ff7070; display: block; }
.newsletter-error.success-msg { color: var(--success-color); display: block; }
.site-footer__dev-name {
  font-family: var(--font-EditorsNoteExtralight);
  font-size: 26px; font-weight: 400;
  color: var(--bg); letter-spacing: 0.05em;
}
.site-footer__altis-logo { display: block; width: auto; height: 38px; }
.site-footer__bottom {display: grid;grid-template-columns: 1fr auto 1fr;align-items: end;padding: 20px 80px;border-top: 1px solid rgba(237,229,216,0.15);font-family: var(--font-sans); font-size: 12px;color: #C1C1C1;font-weight: var(--fw-regular);}
.site-footer__developer {display: flex; flex-direction: column; align-items: center; gap: 8px;font-family: var(--font-sans-med); font-weight: var(--fw-medium); font-size: 14px;line-height: 1.6; letter-spacing: 0.15em; text-transform: uppercase;color: #C1C1C1;}
.site-footer__copy { text-align: right; }
.site-footer__legal-link { color: #C1C1C1; transition: color .2s; }
.site-footer__legal-link:hover { color: var(--bg); }
.site-footer__agree { color: rgba(193,193,193,0.9); }
/* Site Footer */

/* ═══════════════════════════════════════════════════
   TERMS & CONDITIONS PAGE
═══════════════════════════════════════════════════ */
.terms-page {
  background: var(--bg);
  min-height: 100vh;
  padding: 120px 80px 80px;
}
.terms-page__container {
  max-width: 760px;
  margin: 0 auto;
}
.terms-page__title {
  font-family: var(--font-EditorsNoteExtralight);
  font-size: clamp(32px, 5vw, 52px);
  font-weight: 400;
  color: var(--dark);
  margin-bottom: 8px;
}
.terms-page__updated {
  font-family: var(--font-sans);
  font-size: 13px;
  color: rgba(26,26,26,0.5);
  margin-bottom: 48px;
  letter-spacing: 0.06em;
}
.terms-page__section {
  margin-bottom: 36px;
}
.terms-page__section-heading {
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--dark);
  margin-bottom: 12px;
}
.terms-page__section p {
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 1.75;
  color: rgba(26,26,26,0.75);
}
.terms-page__back-link {
  display: inline-block;
  margin-top: 48px;
  font-family: var(--font-sans);
  font-size: 13px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--red);
  transition: opacity .2s;
}
.terms-page__back-link:hover { opacity: 0.7; }

/* ═══════════════════════════════════════════════════
   ANIMATIONS — TEXT REVEAL
═══════════════════════════════════════════════════ */
.reveal-ready { overflow: hidden; }
.reveal-line { display: block; overflow: hidden; line-height: inherit; }
.reveal-line-inner {
  display: inline-block;
  transform: translateY(120%);
  opacity: 0;
  will-change: transform, opacity;
  transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s ease;
}
.reveal-ready.active .reveal-line-inner { transform: translateY(0%); opacity: 1; }
.word { display: inline; }
.line-break { display: block; width: 100%; }
/* ═══════════════════════════════════════════════════
   ANIMATIONS — SCROLL FADE-UP
═══════════════════════════════════════════════════ */
.animate-fade, .animate-fade-stats {opacity: 0;transform: translateY(32px);transition: opacity 0.9s ease, transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);}
.animate-fade.active, .animate-fade-stats.active { opacity: 1; transform: translateY(0); }
/* Amenities items — each starts from a different distance below, all land at top:0 */
.amenities__item.animate-fade {transition: opacity 1.3s ease, transform 1.6s cubic-bezier(0.16, 1, 0.3, 1);}
.amenities__item--small-top.animate-fade    { transform: translateY(80px); }
.amenities__item--large.animate-fade        { transform: translateY(160px); transition-delay: 0.2s; }
.amenities__item--small-bottom.animate-fade { transform: translateY(240px); transition-delay: 0.4s; }
.amenities__item.animate-fade.active { opacity: 1; transform: translateY(0); }
/* ═══════════════════════════════════════════════════
   ANIMATIONS — HERO ENTRY (fires after loader exits)
═══════════════════════════════════════════════════ */

/* RESPONSIVE */
@media screen and (max-width: 1200px) {
  :root { --section-gap: 64px; }
  .building { gap: 40px; }
  .enquire-split__bg { background-position: center; }
  .site-footer__col--newsletter { padding: 40px 60px; }
  .site-footer__col--location,
  .site-footer__col--contact { padding: 40px 32px; }
  .site-footer__bottom { padding: 16px 48px; }
}
@media screen and (max-width:1024px){
   /* Home Residence Styles */
  .home_page_container .residences .residences__intro{margin: 0 auto 40px;}
  .home_page_container .residences .residences__intro .section-label{margin: 0px;}
  .home_page_container .residences .residences__intro .residences__title {font-size: 170px;}
  .home_page_container .residences .residences-slider .slick-slide {margin: 0 20px;}
  .home_page_container .residences .residences-slider .residences-slider__item .residences-slider__caption{font-size: 14px;bottom: 35px;}
  /* Home Residence Styles */
  /* Home Neighbourhood Styles */
  .home_page_container .neighbourhood{padding: 72px 0px;}
  .home_page_container .neighbourhood .neighbourhood__intro .neighbourhood__title{font-size: 40px;}
  .home_page_container .neighbourhood .neighbourhood__intro .neighbourhood__desc{font-size: 16px;margin: 0px 0px 70px 0px;}
  /* Home Neighbourhood Styles */
}
@media screen and (max-width: 991px) {
  :root { --section-gap: 56px; }
  .interior__image-wrap { width: 52%; }
  .building { grid-template-columns: 1fr;gap: 0; padding: 60px  24px 60px  24px;}
  .building__content { padding: 58px 0px 0 0px;order:2 }
  .building__image { min-height: 380px; }
  .building__thumb { padding: 60px 0px 0px; }
  .building__thumb img { height: 535px; }
  .developer__content { grid-template-columns: 1fr; gap: 32px; margin-bottom: 48px; }
  .developer__text-block { border-right: none; border-bottom: 1px solid var(--divider-border); padding:0px 0px 32px; }
  .developer__image { height: 320px; }
  .developer__image-wrap{max-width: 100%;}
  .developer__image-slider { height: 320px; }
  .developer__stats { grid-template-columns: repeat(3,1fr); gap: 16px; }
  .location-map { grid-template-columns: 1fr; }
  .location-map__accordion { padding: 40px 0 0 0; }
  .enquire-split__bg { min-height: 500px; }
  .enquire-split__form-panel { width: 58%; padding: 56px 40px; margin: 40px; }
  .amenities__item--small-bottom { margin-top: 0; }
  .site-footer__columns { grid-template-columns: 1fr; }
  .site-footer__col--newsletter { padding: 40px 32px; border-right: none; border-bottom: 1px solid #640109; }
  .site-footer__col--location { padding: 36px 32px; border-top: none; }
  .site-footer__col--contact { padding: 36px 32px;  }
  .site-footer__bottom { padding: 16px 32px; }
  .home_page_container .residences .residences__intro .residences__title{font-size: 150px;}
  /* Home Neighbourhood Styles */
  .home_page_container .neighbourhood .neighbourhood__intro .neighbourhood__desc{margin: 0px 0px 60px 0px;}
  /* Home Neighbourhood Styles */
}
@media screen and (max-width: 767px) {
  :root { --section-gap: 48px; }
  .site-header__inner { padding: 0 20px; height: 68px; }
  #main-content { margin-top: 68px; }
  .site-header__enquire-btn { padding: 7px 16px; font-size: 14px; letter-spacing: 0.16em; border-top: 2px solid var(--red); border-bottom: 2px solid var(--red); }
  .site-header__logo-svg { height: 32px; width: 116px; }
  .site-header__nav-link { font-size: 14px; letter-spacing: 0.16em; }
  .hero { padding: 72px 0 60px; }
  .hero__title, .hero__sub{font-size: 50px;}
  .hero__side { display: flex; }
  .hero__side--left  { left: 14px; }
  .hero__side--right { right: 14px; }
  .hero__side-text { font-size: 12px; letter-spacing: 4px; opacity: 0.56; }
  .hero__side-dot { font-size: 12px; opacity: 0.56; }
  .hero__body { padding: 0 40px; }
  .interior__image-wrap { width: 68%; }
  .interior__text { margin-top: 0px; }
  .popup-box { padding: 48px 28px; width: 95vw; }
  .popup-title { font-size: 40px; }
  .site-footer__col-heading { font-size: 20px; }
  .site-footer__bottom {grid-template-columns: 1fr 1fr;grid-template-areas: "developer developer" "legal copy";justify-items: unset;gap: 24px 0;padding: 24px 20px;}
  .site-footer__developer { grid-area: developer; justify-self: center; }
  .site-footer__legal-link { grid-area: legal; justify-self: start; align-self: center; }
  .site-footer__copy { text-align: right; grid-area: copy; justify-self: end; align-self: center; }
  /* Typography system — mobile */
  .section-label { font-size: 14px; margin-bottom: 24px; }
  .building__title { font-size: 32px; font-weight: 200; margin:0px 0px 32px; }
  .building__desc { font-size: 16px; margin: 0px 0px 32px; }
  .building .building__cta-wrap{margin: 0px;}
  .residences__desc { font-size: 16px; margin-bottom: 24px; }
  .home_page_container .residences .residences-slider .slick-slide {margin: 0 15px;}
  .home_page_container .residences .residences-slider .residences-slider__item .residences-slider__caption{font-size: 13px;bottom: 25px;}
  .home_page_container .residences .residence_bottom .residences__desc{font-size: 16px;}
  .home_page_container .residences .residence_bottom{padding: 0px 16px;}
  .home_page_container .residences .residences__intro .residences__title{font-size: 127px;}
  /* Home Residence Styles */
  /* Home Neighbourhood Styles */
  .home_page_container .neighbourhood .neighbourhood__intro{padding: 0px 16px;}
  .home_page_container .neighbourhood .neighbourhood__intro .neighbourhood__title { font-size: 32px; font-weight: 200; margin-bottom: 24px; }
  .home_page_container .neighbourhood .neighbourhood__intro .neighbourhood__desc{font-size: 16px;margin: 0px 0px 50px 0px;}
  .home_page_container .neighbourhood .neighbourhood__scroll-wrap .neighbourhood__label{font-size: 14px;line-height: 100%;}
  /* Home Neighbourhood Styles */
  .developer__heading { font-size: 32px;margin:0px 0px 32px; }
  .developer__para { font-size: 16px; margin:0px 0px 32px; }
  .developer .section-label{margin: 0px 0px 32px;}
  .developer__content { grid-template-columns: 1fr; gap: 83px; margin: 0px; }
  .developer__text-block { border: none; padding: 0px; }
  .developer__image { height: 254px; }
  .developer__image-slider { height: 254px; }
  .developer__stat {gap: 16px;}
  .developer__stats { grid-template-columns: 1fr;gap: 12px;max-width: 224px;margin: 0px auto;}
  .stats {padding: 72px 16px 115px 16px;}
  /* .developer__stat:not(:last-child) {border-bottom: 1px solid var(--divider-border);} */
  .developer__stat{padding: 48px 0px;border-bottom: 1px solid var(--divider-border);border-bottom: none;
    background-image: linear-gradient(to right, transparent 10%, var(--divider-border) 10%, var(--divider-border) 90%, transparent 90%);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% 1px;}
  .developer__stat:first-child{padding-top: 0px;border-top:none;background-image: none;}
  .developer__stat:last-child{padding-bottom: 0px;border-bottom:none;background-image: none;}
  .developer__img-caption{margin: 24px 0px 0px;}
  .developer__stat-num { font-size: clamp(32px, 9vw, 52px); }
  .brand-film { height: 70vh; min-height: 400px; }
  .brand-film__video { opacity: 0.45; }
  .terms-page { padding: 100px 24px 60px; }
  .amenities { padding: 72px 0px;}
  .amenities__intro{padding: 0px 16px;}
  .amenities__grid{padding: 0px 0px 0px 16px;}
  .amenities_section .section-label{font-size: 14px;line-height: 100%;margin: 0px 0px 32px;}
  .amenities__grid { grid-template-columns: 1fr; }
  .amenities__item--small-top,
  .amenities__item--large,
  .amenities__item--small-bottom { --offset: 0px;  }
  .amenities__item--small-top .amenities__img-wrap,
  .amenities__item--small-bottom .amenities__img-wrap,.amenities__item--large .amenities__img-wrap { height: 300px; }
  .amenities__label { font-size: 14px;margin: 0px 0px 17px;}
  .amenities__desc-item { font-size: 14px; max-width: 100%;margin: 0px; }
  .amenities__item--large .amenities__desc-item{max-width: 100%;}
  .amenities__title { font-size: 32px;margin:0px 0px 24px; }
  .amenities__desc { font-size: 16px; margin:0px 0px 69px; }
  .amenities-slider .slick-list {padding-right: 10% !important;}
  .amenities_section .slick-initialized .slick-slide{margin: 0px 12px 0px 0px;}
  .amenities_section .slick-initialized .slick-slide:last-child{margin-left: 0px;}
  .location-map { padding: 84px 0px 0px 0px; }
  .location-map__accordion{padding: 64px 16px 0px 16px;}
  .accordion-place, .accordion-dist  {font-size: 14px;line-height: 130%;}
  .interior__text p {font-size: 28px;}
  .interior { padding: 0px 16px 60px 16px; }
  .divider.hero-divider{display: block;}
  .divider.location-below-divider{display: none;}
  .building__content .section-label{margin: 0px 0px 32px;}
  .enquire-split { width: 100%; padding: 0px 16px 100px 16px; }
  /* Form — tablet/mobile */
  .form-card input { font-size: 14px; }
  .form-card .field { margin: 0 0 18px; }
  .enquire-popup-container .form-card .field,
  .floorplan-popup-container .form-card .field { margin: 0 0 18px; }
  .form-card .checkbox-field { margin: 14px 0 0; }
  .btn.btn-primary.btn-submit { padding: 12px 52px; font-size: 15px; }
}
@media screen and (max-width: 576px) {
  :root { --section-gap: 40px; }
  .site-header__inner { padding: 0; height: 52px; }
  #main-content { margin-top: 52px; }
  .divider {margin: 0px;}
  .site-header__nav,
  .site-header__logo,
  .site-header__actions { flex: 1; display: flex; align-items: center; justify-content: center; height: 100%; }
  .site-header__logo { border-left: 1px solid var(--border); border-right: 1px solid var(--border); }
  .site-header__actions>div { padding: 0; border: none; }
  .site-header__enquire-btn { padding: 5px 10px; font-size: 12px; letter-spacing: 0.12em; border-top: transparent; border-bottom: transparent; }
  .site-header__enquire-btn:hover {background: var(--bg);color: var(--dark);}
  .site-header__nav-link { font-size: 12px; letter-spacing: 0.1em; }
  .hero__title, .hero__sub{font-size: 40px;}
  .hero__side--left  { left: 16px; }
  .hero__side--right { right: 16px; }
  .hero__side-text { font-size: 12px;opacity: 0.56; }
  .hero__side-dot { font-size: 12px; opacity: 0.56; }
  .hero__title { font-size: 40px; }
  .hero__sub   { font-size: 40px; }
  .hero__body { padding: 0 19px; }
  .interior__image-wrap { width: 100%; aspect-ratio: 4/5; max-height: 70vh; }
  .interior__text{width: 100%;}
  .building__content { padding: 60px 0px 0px 0px; }

  /* Home Residence Styles */
  .home_page_container .residences .residences__intro{padding: 0px 16px;margin: 0;}
  .home_page_container .residences .residences-slider .slick-slide {margin: 0 8px;}
  .home_page_container .residences .residences__intro .residences__title{font-size: 88px;}
  .home_page_container .residences .residences-slider .residences-slider__item .residences-slider__caption{font-size: 12px;bottom: 16px;}
  .home_page_container .residences .residences-slider .slick-dots li{width: 24px;height: 24px;}
  .home_page_container .residences{padding: 72px 0;}
  .home_page_container .residences .residences-slider .slick-list{padding: 0px 30px;}
  /* Home Residence Styles */

  .developer__stat-num { font-size: clamp(28px, 10vw, 44px); }
  .neighbourhood__item { width: 286px; }
  .neighbourhood__item:nth-child(odd)  .neighbourhood__img-wrap { height: 429px; }
  .neighbourhood__item:nth-child(even) .neighbourhood__img-wrap { height: 286px; }
  .neighbourhood__grid { gap: 16px; animation: neighbourhoodMarqueeMobile 40s linear infinite; }
  .neighbourhood__label { font-size: 14px; }
  .location-map__map-img--desktop { display: none; }
  .location-map__map-img--mobile { display: block; }
  .enquire-split__bg { flex-direction: column; min-height: auto; background: none; }
  .enquire-split__bg::before {content: ''; display: block; height: 280px; flex-shrink: 0;background-image: url('../images/2078-Qubit-Altis Anderson Road-Chennai_Cam_03.png');background-size: cover; background-position: center center; background-repeat: no-repeat;}
  .enquire-split__form-panel { width: 100%; margin: 0; padding: 48px 0px 0px; background:transparent;}
  .enquire-section-title { font-size: 32px; }
  .site-footer__col--newsletter { padding: 32px 20px; }
  .site-footer__col--location { padding: 28px 20px; }
  .site-footer__col--contact { padding: 28px 20px; }
  .site-footer__bottom { padding: 14px 20px; }
  .site-footer__col-heading { font-size: 18px; line-height: 1.3; }
  .site-footer__col-text { font-size: 12px; line-height: 1.4; }
  .site-footer__privacy-label { font-size: 12px; }
  .site-footer__newsletter-input-wrap input { font-size: 12px; }
  .site-footer__developer { font-size: 12px; line-height: 1.6; letter-spacing: 0.12em; }
  .residences-slider .slick-dots { margin: 20px 0 40px; }
  .terms-page { padding: 90px 20px 48px; }
  /* .amenities__item--small-bottom .amenities__img-wrap,.amenities__item--large .amenities__img-wrap { height: 254px; } */
  /* Form — small mobile */
  .popup-box { padding: 32px 20px; }
  .popup-title { font-size: 40px; margin-bottom: 28px; }
  .enquire-section-title { margin-bottom: 32px; }
  .form-card .field { margin: 0 0 16px; }
  .enquire-popup-container .form-card .field,
  .floorplan-popup-container .form-card .field { margin: 0 0 24px; }
  .form-card .checkbox-field { margin: 12px 0 0; }
  .form-card .checkbox-field .form-label.privacy-label { font-size: 12px; }
  .enquire-popup-container .form-card input,
  .floorplan-popup-container .form-card input,
  .enquire-split__form-panel .form-card input { padding: 18px 16px; }
  .enquire-popup-container .form-card .phone-row .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code,
  .floorplan-popup-container .form-card .phone-row .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code,
  .enquire-split__form-panel .form-card .phone-row .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code { padding: 11px 0; }
  .btn.btn-primary.btn-submit { padding: 15px 66px; font-size: 16px; letter-spacing: 1.5px; margin-top: 28px; }
  .enquire-popup-container .form-card .btn-primary.btn-submit,
  .floorplan-popup-container .form-card .btn-primary.btn-submit { margin-top: 48px; }
  .enquire-split__form-panel .form-card .btn-primary.btn-submit { margin-top: 48px; }
  .popup-wrapper { padding: 10px 0; }
}
@media screen and (max-width:480px) {
    .home_page_container .residences .residences__intro .residences__title{font-size: 67px;}
}
@media screen and (max-width:390px) {
    .hero__image-wrap{height:311px;width: 249px;}
}