/* ═══════════════════════════════════════════════════
   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', 'Helvetica Neue', Arial, sans-serif;
  --font-sans-medium:  'Hanken Grotesk', 'Helvetica Neue', Arial, sans-serif;
  --font-sans-semi-bold: 'Hanken Grotesk', 'Helvetica Neue', Arial, sans-serif;
  --font-sans-regular: 'Hanken Grotesk', 'Helvetica Neue', Arial, sans-serif;
  --font-EditorsNoteExtralight: "EditorsNoteExtralight";
  --font-EditorsNoteExtralightItalic: "EditorsNoteExtralightItalic";

  --fw-thin:         100;
  --fw-light:        200;
  --fw-small:        300;
  --fw-regular:      400;
  --fw-medium:       500;
  --fw-semibold:     600;
  --fw-bold:         700;

  --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 !important;}
.iti__country-name, .iti__flag-box, .iti__dial-code{margin-right: 0px !important;}
.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.has-value{color:var(--dark);}
.phone-row .iti__selected-dial-code{color: #666666;}
/* 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-bold);font-weight: var(--fw-semibold);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-bold);line-height: 140%;font-weight: var(--fw-semibold);  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: sticky; 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-semi-bold);line-height: 140%;font-weight: var(--fw-semibold);font-size: 16px;letter-spacing: 2px;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-bold);font-weight: var(--fw-semibold);font-size: 16px;letter-spacing: 2px;line-height: 140%; 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);}
/* 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: var(--fw-light);line-height: 100%;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;}
.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-regular);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 video.mobile {display: none;}
.hero__image-wrap video.desktop {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{padding: 0px 0px 145px 0px;}
.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__image-wrap video.mobile {display: none;}
.interior__image-wrap video.desktop {display: block;}
.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 .subtitle {font-family: var(--font-EditorsNoteExtralight);font-size: 40px;font-weight: var(--fw-thin);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;margin: 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: var(--fw-light);line-height: 120%;color: var(--dark);margin:0px 0px 40px;}
.building__desc {font-family: var(--font-sans-regular);font-size: 18px;font-weight: var(--fw-regular);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;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: 114px;overflow: hidden;}
.building__thumb img { width: 313px;height: 469px; object-fit: cover; display: block; }
.building__thumb img.mobile {display: none;}
.building__thumb img.desktop {display: block;}
.building__image-wrap { overflow: hidden; position: relative; }
.building__image-slider { position: absolute; inset: 0; }
.building__image-slide { position: absolute; inset: 0; opacity: 0; transition: opacity 0.8s ease; }
.building__image-slide--active { opacity: 1; }
.building__image { width: 100%; height: 100%; object-fit: cover; display: block; }
.building__image-slide img.mobile {display: none;}
.building__image-slide img.desktop {display: block;}
.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: var(--light); }
.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:var(--light); border-bottom-color:var(--light); }
/* 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{margin: 0px;}
.home_page_container .residences .residences__intro .residences__title {display: block;font-family: var(--font-EditorsNoteExtralight);font-size: 200px;font-weight: var(--fw-light);color: var(--dark);line-height: 100%;margin: 0px;}
.home_page_container .residences .residences__intro .residences__title .italic-word{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-regular);font-size: 18px;font-weight: var(--fw-regular);line-height:140%;color: var(--desc-txt);margin: 0px 0px 32px 0px;}
.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-bold);font-weight: var(--fw-semibold);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 .4s; }
.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: 120%;color: var(--dark);margin: 0px 0px 24px 0px;}
.home_page_container .neighbourhood .neighbourhood__intro .neighbourhood__desc {font-family: var(--font-sans-regular);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 .neighbourhood__grid {display: flex;gap: 40px;animation: neighbourhoodMarquee 40s 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__img-wrap img.mobile_image {display: none;}
.home_page_container .neighbourhood .neighbourhood__scroll-wrap .neighbourhood__img-wrap img.desktop_image {display: block;}
.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-semi-bold);font-weight: var(--fw-semibold);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__intro {text-align: center;max-width: 642px;margin: 0 auto 60px;}
.amenities__title {font-family: var(--font-EditorsNoteExtralight);font-size: 48px;font-weight: var(--fw-light);line-height: 120%;color: var(--dark);margin:0px 0px 24px;}
.amenities__desc {font-family: var(--font-sans-regular);font-size: 18px;font-weight: var(--fw-regular);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;}
.amenities__img-wrap img.mobile_image {display: none;}
.amenities__img-wrap img.desktop_image {display: block;}
.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;}
.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-bold);font-weight: var(--fw-semibold);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-regular);font-weight: var(--fw-regular);font-size: 16px;line-height: 140%;color: var(--desc-txt);}
.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 .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; }
.amenities-slider.slick-initialized { display: block; }
.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: var(--fw-light);line-height: 120%;color: var(--dark);margin:0px 0px 40px;text-transform: capitalize;}
.developer__para {font-family: var(--font-sans-regular);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__slide img.mobile {display: none;}
.developer__slide img.desktop {display: block;}
.developer__img-caption {display: block;font-family: var(--font-sans-medium);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: var(--fw-light);color: var(--red);}
.developer__stat-label {font-family: var(--font-sans-medium);font-weight: var(--fw-medium);font-size: 16px;line-height: 160%;letter-spacing: 4%;text-transform: uppercase;color: var(--desc-txt);}
 
/* ═══════════════════════════════════════════════════
   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-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-regular); 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/enquire_desktop.webp');background-size: cover;background-position: left;background-repeat: no-repeat;}
.enquire-split__img-wrap {display: none;}
.enquire-split__img {width: 100%;height: 100%;object-fit: cover;}
.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 .form-card input { background: #FDF6EF; border-bottom: 1px solid var(--red); color: var(--dark); padding: 17px 16px; }
.enquire-split__form-panel .form-card .phone-row input { background: #FDF6EF; border-bottom: none !important; }
.enquire-split__form-panel .form-card .phone-row .iti__selected-flag { background: #FDF6EF !important; border-bottom: none !important; }
.enquire-split__form-panel .form-card .phone-row .iti.iti--allow-dropdown { background: #FDF6EF; border-bottom: 1px solid var(--red); }
.enquire-split__form-panel .form-card input::placeholder { color: #666666; }
.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: var(--fw-light); 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-regular);font-weight: var(--fw-regular);font-size: 16px;line-height: 140%;color: var(--dark);transition: border-color .3s;}
.form-card input::placeholder { color: #666666; }
.form-card input:focus { outline: none; border-bottom-color: var(--red); }
.form-card .error-msg { color: var(--error-color); font-size: 12px; display: block; font-family: var(--font-sans-medium); 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-medium); 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-regular); 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; }
.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-medium); 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:16px 74px; font-family:var(--font-sans-semi-bold); font-weight:var(--fw-semibold); font-size:16px; letter-spacing:2px;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: var(--fw-light);color: var(--dark); margin-bottom: 48px; line-height: 120%;}
.enquire-popup-container .form-card input, .floorplan-popup-container .form-card input{ background: #FDF6EF; border-bottom: 1px solid var(--red); padding: 17px 16px; }
.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: #FDF6EF !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: #FDF6EF; border-bottom: 1px solid var(--red); }
.enquire-popup-container .form-card input::placeholder, .floorplan-popup-container .form-card input::placeholder { color: #666666; }
.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 .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-medium); 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: 57px; width: 205px; 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-medium);font-weight: var(--fw-small);font-size: 24px; line-height: 130%;color: var(--light);margin-bottom: 24px;}
.site-footer__col-text {font-family: var(--font-sans);font-size: 14px; line-height: 140%;color: #C1C1C1;}
.footer-link{text-decoration: underline;}
.footer-link:hover{color: var(--light);text-decoration: none;}
.site-footer__contact-link { color: #C1C1C1; transition: color .2s; }
.site-footer__contact-link:hover { color: var(--light); }
.site-footer__newsletter-form { margin: 0; }
.site-footer__newsletter-input-wrap {display: flex; align-items: center;border-bottom: 2px solid var(--red);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-medium); 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: 24px; height: 24px;border: 1px solid #611C1C;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); }
.site-footer__checkmark svg { height: 0; width: 0; }
.site-footer__privacy-check:checked + .site-footer__checkmark svg { width: 14px; height: 14px; }
.newsletter-error { display: none; margin: 5px 0 0; font-size: 11px; font-family: var(--font-sans-medium); 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: 63px; height: 49px; }
.site-footer__altis-logo.mobile { display: none; }
.site-footer__altis-logo.desktop { display: block; }
.site-footer__bottom {display: grid;grid-template-columns: 1fr auto 1fr;align-items: end;padding: 40px 25px 35px 25px;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;font-family: var(--font-sans-medium); font-weight: var(--fw-medium); font-size: 14px;line-height: 160%; letter-spacing: 40%; text-transform: uppercase;color: #C1C1C1;}
.site-footer__developer .dev-name{margin: 0px 0px 40px 0px;}
.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: visible;}
.reveal-line {display: block;overflow: hidden;line-height: inherit;padding-top: 0.08em;padding-right: 0.08em;padding-bottom: 0.15em;}
.reveal-line-inner {display: inline-block;transform: translate3d(0, 120%, 0);opacity: 0;will-change: transform, opacity;transition:transform 1.2s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s ease;backface-visibility: hidden;-webkit-backface-visibility: hidden;-webkit-font-smoothing: antialiased;}
.reveal-ready.active .reveal-line-inner {transform: translate3d(0, 0, 0);opacity: 1;}
.word {display: inline-block;}
.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__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; }
   .interior{padding: 0px 0px 110px 0px;}
}
@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; margin: 60px  24px;}
   .building__content { padding: 58px 0px 0 0px;order:2 }
   .building__image-wrap { aspect-ratio: 9/16; min-height: unset; }
   .building__image { min-height: auto; }
   .building__thumb { padding: 60px 0px 0px;margin: 0px; }
   .building__thumb img { height: auto;width: 100%; }
   .developer__content { grid-template-columns: 1fr; gap: 32px; margin-bottom: 48px; }
   .developer__text-block { border: none; padding:0px 0px 32px; }
   .home_page_container .neighbourhood{padding-bottom: 0px;}
   .developer__image { height: auto; }
   .developer__image-wrap{max-width: 100%;}
   .developer__image-slider { height: auto; }
   .developer__slide { position: relative; display: none; }
   .developer__slide--active { display: block; }
   .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;  }
   .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 */
   .developer {padding: 80px 24px;}
}
@media screen and (max-width: 767px) {
   .developer {padding: 80px 16px;}
   :root { --section-gap: 48px; }
   .site-header__inner { padding: 0 20px; height: 68px; }
   .site-header__enquire-btn { padding: 7px 16px; font-size: 14px;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;}
   .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;}
   .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: auto; }
   .developer__image-slider { height: auto; }
   .developer__stat {gap: 16px;}
   .enquire-split__form-panel {padding: 40px;}
   .developer__stats { grid-template-columns: 1fr;gap: 12px;max-width: 224px;margin: 0px auto;}
   .stats {padding: 72px 16px 115px 16px;}
   .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;}
   .developer__stat:last-child{padding-bottom: 0px;border-bottom:none;background-image: none;}
   .developer__img-caption{margin: 24px 0px 0px;}
   .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 .subtitle {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-card input,.form-card .phone-row .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code { 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; }
   .developer__stat-label{font-size: 14px;}
}
@media screen and (max-width: 576px) {
   .hero__image-wrap video.desktop {display: none;}
   .hero__image-wrap video.mobile {display: block;max-width: 358px;margin: 0 auto;}
   .interior__image-wrap video.desktop {display: none;}
   .interior__image-wrap video.mobile {display: block;}
   .building__thumb img.desktop {display: none;}
   .building__thumb img.mobile {display: block;}
   .building__image-wrap { aspect-ratio: 3/4; min-height: unset; }
   .building__image-slide img.desktop {display: none;}
   .building__image-slide img.mobile {display: block;}
   .amenities__img-wrap img.desktop_image {display: none;}
   .amenities__img-wrap img.mobile_image {display: block;}
   .neighbourhood__img-wrap img.desktop_image {display: none;}
   .neighbourhood__img-wrap img.mobile_image {display: block;}
   .developer__slide img.desktop {display: none;}
   .developer__slide img.mobile {display: block;}
   .developer__image { height: auto; }
   .developer__image-slider { height: auto; }
   .developer__slide { position: relative; display: none; }
   .developer__slide--active { display: block; }
   :root { --section-gap: 40px; }
   .site-header__inner { padding: 0;}
   .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;border-top: transparent; border-bottom: transparent; }
   .site-header__enquire-btn:hover {background: var(--bg);color: var(--dark);}
   .site-header__nav-link { font-size: 12px;}
   .hero__title, .hero__sub{font-size: 40px;}
   .hero__image-wrap { max-width: 100%; }
   .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: 0px 0px 32px;}
   .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 */
   .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__img-wrap { display: flex; position: relative;  flex-shrink: 0; }
   .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: 52px 16px 37px 16px; }
   .site-footer__col-heading { font-size: 18px; }
   .site-footer__privacy-label { font-size: 12px; }
   .site-footer__logo-svg{width: 172px; height: 46px;}
   .site-footer__developer { font-size: 12px;}
   .residences-slider .slick-dots { margin: 20px 0 40px; }
   .terms-page { padding: 90px 20px 48px; }
   /* 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;background: transparent; }
   .popup-wrapper { padding: 10px 0; }
   .home_page_container .residences .residences-slider .residences-slider__item .residences-slider__img{width: 338px;height: 254px;}
   .amenities__item-body{padding:24px 0px 0px;}
   .accordion-list li{gap:90px;}
   .accordion-place{flex: 1;}
   .accordion-dist{flex-shrink: 0;white-space: nowrap;}
   .iti__selected-dial-code{font-size: 14px;font-family: var(--font-sans-medium);font-weight: var(--fw-medium);}
   .site-footer__altis-logo {width: 84px; height: 64px; }
   .site-footer__altis-logo.desktop { display: none; }
   .site-footer__altis-logo.mobile { display: block; }
   .site-footer__copy, .site-footer__legal-link{font-weight: var(--fw-medium);}
   .site-footer__logo-band{padding: 60px 0px 52px;}
   .developer__stat-label{font-weight: var(--fw-semibold);font-family:var(--font-sans-semi-bold); font-size: 12px;letter-spacing:2px;}
   .home_page_container .neighbourhood .neighbourhood__scroll-wrap .neighbourhood__img-wrap img.mobile_image {display: block;}
   .home_page_container .neighbourhood .neighbourhood__scroll-wrap .neighbourhood__img-wrap img.desktop_image {display: none;}
   .home_page_container .neighbourhood .neighbourhood__scroll-wrap .neighbourhood__item{width: 286px;}
   .home_page_container .neighbourhood .neighbourhood__scroll-wrap .neighbourhood__item:nth-child(odd) .neighbourhood__img-wrap{height: 428px;}
   .home_page_container .neighbourhood .neighbourhood__scroll-wrap .neighbourhood__item:nth-child(even) .neighbourhood__img-wrap{height: 286px;}
}
@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;}
}
@media screen and (max-width:380px) {
   .site-header__logo-svg{width: 90px;}
}