@media(max-width:1080px){.desktop-nav{gap:11px}.desktop-nav a{font-size:7.4px}.intro-grid,.split-grid,.stats-grid,.facts-grid,.authority-grid,.form-grid{gap:45px}.steps-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.desktop-nav,.apply-nav{display:none}.menu-toggle{display:block}.header-actions{margin-left:auto}.mobile-menu{display:block;position:fixed;inset:0;background:var(--forest);padding:110px 28px 35px;transform:translateY(-105%);transition:.3s}.mobile-menu.open{transform:none}.mobile-menu nav{display:flex;flex-direction:column;gap:18px}.mobile-menu a{font-family:var(--serif);font-size:31px}.mobile-menu .mobile-apply{font-family:var(--sans);font-size:11px;background:var(--olive);padding:14px;border-radius:999px;text-align:center}.intro-grid,.split-grid,.stats-grid,.facts-grid,.authority-grid,.form-grid,.relocation-grid,.faq-grid{grid-template-columns:1fr}.cards-grid{grid-template-columns:1fr 1fr}.network-grid{max-width:700px}.location-shell{display:block;width:100%}.location-copy{padding:60px var(--pad) 35px}.map-stage{margin:0 var(--pad) 25px;min-height:540px}.values-grid{grid-template-columns:1fr 1fr}.ocho-home{grid-template-columns:1fr}.page-cta>.container{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}}
@media(max-width:640px){.hero{min-height:680px;height:100svh}.hero-copy{left:22px;right:22px;top:auto;bottom:110px;transform:none}.hero h1{font-size:52px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:column;max-width:330px}.hero-location{bottom:25px;right:22px}.intro,.cards,.split,.values,.stats,.steps,.facts,.reloc-network,.authority,.disclosure,.faq,.form-section,.relocation-home{padding:72px 0}.cards-grid,.values-grid,.network-grid,.steps-grid,.fact-list{grid-template-columns:1fr}.network-grid article:last-child{grid-column:auto}.map-stage{margin:0 14px 20px;min-height:500px;border-radius:15px}.map-card{left:14px;right:14px;width:auto}.inner-hero{height:520px}.inner-copy{left:22px;right:22px;bottom:45px}.inner-copy h1{font-size:48px}.authority-fact{grid-template-columns:1fr;gap:6px}.page-cta .cta-actions{display:grid;width:100%}.page-cta .btn{width:100%}.footer-grid{display:block}.footer-grid nav{margin:25px 0}.ocho-home>div:last-child{padding:45px 22px}.relocation-grid h2{font-size:43px}}

/* V8 LTR + Ocho video mobile */
@media(max-width:900px){html[dir="ltr"] .header-actions{margin-left:auto!important}.ocho-video-section{padding:72px 0 82px}}
@media(max-width:640px){html[dir="ltr"] .hero-copy,html[dir="ltr"] .inner-copy{left:22px!important;right:22px!important}.ocho-video-section{padding:60px 0 68px}.ocho-video-frame{border-radius:10px}.ocho-video-head{margin-bottom:24px}}

/* V9 internal hero and alternating sections */
@media(max-width:980px){
  .inner-hero-shell{grid-template-columns:1fr;min-height:0;width:100%}
  .inner-hero-editorial .inner-copy{padding:145px var(--pad) 52px}
  .inner-hero-media{width:calc(100% - var(--pad)*2);margin:0 auto 36px;aspect-ratio:16/9;border-radius:4px}
  .split-grid{grid-template-columns:1fr;gap:34px}
  .split.split-reverse .split-grid figure,.split.split-reverse .split-grid>div{order:initial}
  .split-grid>div{max-width:720px}
  .ocho-hero-video{height:auto;min-height:0;aspect-ratio:16/9;margin-top:0;padding-top:0}
  .ocho-hero-video-copy{position:absolute;inset:0;padding:120px var(--pad) 42px;justify-content:flex-end}
  .ocho-hero-video-copy h1{font-size:58px}
  .ocho-video-status{display:none}
}
@media(max-width:640px){
  .inner-hero-editorial .inner-copy{padding:125px 22px 38px}
  .inner-hero-editorial .inner-copy h1{font-size:46px}
  .inner-hero-editorial .inner-copy p{font-size:15px}
  .inner-hero-media{width:calc(100% - 28px);margin-bottom:24px}
  .split{padding:68px 0}.split+.split{padding-top:20px}
  .split-grid figure{aspect-ratio:1.2/1}
  .ocho-hero-video{aspect-ratio:auto;height:78svh;min-height:620px;background:#091c18}
  .ocho-hero-video-media{object-fit:cover}
  .ocho-hero-video-copy{padding:120px 22px 42px}
  .ocho-hero-video-copy h1{font-size:48px}
  .ocho-hero-video-copy p{font-size:14px;max-width:380px}
}


/* V10 responsive refinements */
@media(max-width:980px){
  .inner-hero-premium{min-height:620px;height:auto;max-height:none;padding-top:100px}
  .inner-hero-wrap{min-height:620px;padding-bottom:42px}
  .inner-copy-card{max-width:620px;padding:30px 28px}
  .inner-copy-card h1{font-size:54px}
  .location-shell{display:block;width:100%}
  .ocho-hero-stage{min-height:0;padding:110px 0 46px}
  .ocho-hero-grid{grid-template-columns:1fr;gap:28px;min-height:0}
  .ocho-hero-video-copy{padding-bottom:0}
  .ocho-hero-viewport{max-width:100%}
}
@media(max-width:640px){
  .inner-hero-premium{min-height:540px;height:auto;padding-top:90px}
  .inner-hero-wrap{min-height:540px;padding-bottom:26px}
  .inner-copy-card{padding:24px 22px 22px;backdrop-filter:blur(4px)}
  .inner-copy-card h1{font-size:44px}
  .inner-copy-card p{font-size:14px}
  .map-stage{background-position:center center;min-height:520px}
  .ocho-hero-stage{padding:102px 0 28px}
  .ocho-hero-video-copy h1{font-size:44px}
  .ocho-hero-video-copy p{font-size:14px}
  .ocho-hero-viewport{border-radius:12px}
}

/* V11 responsive overrides */
@media(max-width:1180px){
  .desktop-nav{gap:14px}
  .desktop-nav a{font-size:9.4px}
}
@media(max-width:980px){
  .site-header{height:92px}
  .brand-mark{width:52px;height:52px}
  .brand-type strong{font-size:28px}
  .inner-hero-premium{min-height:650px;height:auto;max-height:none;padding-top:102px}
  .inner-hero-wrap{min-height:650px;padding-bottom:40px}
  .footer-prelude-copy{min-height:260px;align-items:flex-end;flex-direction:column;justify-content:flex-end}
  .geo-marker.hub{min-width:110px;font-size:12px}
}
@media(max-width:900px){
  .brand{gap:10px}
  .brand-mark{width:46px;height:46px;border-radius:14px}
  .brand-type strong{font-size:24px;letter-spacing:.14em}
  .brand-type small{font-size:6px}
  .footer-prelude-copy{padding:42px var(--pad)}
}
@media(max-width:640px){
  .site-header{height:86px}
  .hero,.ocho-hero-home{min-height:700px}
  .hero-copy{bottom:98px}
  .brand-mark{width:42px;height:42px;border-radius:12px}
  .brand-type strong{font-size:21px}
  .brand-type small{font-size:5.5px;letter-spacing:.28em}
  .inner-hero-premium{min-height:560px;padding-top:92px}
  .inner-hero-wrap{min-height:560px;padding-bottom:24px}
  .inner-copy-card{padding:24px 22px 22px}
  .geo-map{overflow:hidden}
  .geo-marker.hub{min-width:88px;min-height:36px;padding:0 12px;font-size:11px}
  .geo-marker.cielo{min-width:74px;min-height:74px;font-size:19px}
  .footer-prelude{min-height:240px}
  .footer-prelude-copy{padding:34px 22px;min-height:240px}
  .footer-brand-top{align-items:flex-start}
  .footer-brand-mark{width:64px;height:64px}
}

/* V12 logo responsiveness */
@media(max-width:980px){.brand-logo-white{height:70px;max-width:138px}.site-header.is-sticky .brand-logo-white{height:58px}}
@media(max-width:640px){.brand-logo-white{height:62px;max-width:120px}.footer-logo-white{width:138px}}

/* V13 typography and presale responsive */
@media(max-width:1180px){.steps-grid.steps-count-5{grid-template-columns:repeat(5,minmax(0,1fr))}.steps-grid.steps-count-5 article{padding:22px 18px}}
@media(max-width:900px){.steps-grid.steps-count-5{grid-template-columns:repeat(2,1fr)}.steps-grid.steps-count-5 article:last-child{grid-column:1/-1}.eyebrow{font-size:12px}}
@media(max-width:640px){body{font-size:16px}.steps-grid.steps-count-5{grid-template-columns:1fr}.steps-grid.steps-count-5 article:last-child{grid-column:auto}.res-card h3{font-size:13px}.res-card p{font-size:14px}}


/* V14 responsive polish */
@media(max-width:900px){
  .section-ivory::before,.section-cream::before{width:220px;height:280px;left:-82px;top:18px;opacity:.5}
  .section-ivory::after,.section-cream::after{width:190px;height:240px;right:-86px;bottom:12px;opacity:.45}
}
@media(max-width:640px){
  .section-ivory::before,.section-cream::before,.section-ivory::after,.section-cream::after{display:none}
  .ocho-video-head h2{font-size:40px}
}


/* V16 form responsiveness */
@media(max-width:640px){
  .form-grid form{padding:26px 20px;gap:16px}
  .form-grid input,.form-grid select{min-height:52px;font-size:16px}
  .form-grid textarea{min-height:140px;font-size:16px}
}

/* V18 responsive refinements */
@media(max-width:900px){
  .hero h1{line-height:1;word-spacing:.05em}
  .inner-copy-card h1{line-height:1.03;word-spacing:.05em}
  .interior-showcase{padding:76px 0 84px}
  .geo-marker-click{display:none}
  .geo-marker.hub{min-width:96px!important;padding:0 10px!important}
}
@media(max-width:640px){
  .inner-copy-card h1{line-height:1.04;letter-spacing:0;word-spacing:.04em}
  .interior-showcase{padding:64px 0 70px}
  .interior-showcase-head{margin-bottom:24px}
  .interior-showcase figure{border-radius:8px;aspect-ratio:1.25/1}
  .geo-marker-icon{width:18px;height:18px;flex-basis:18px;font-size:11px}
}


/* V19 Ocho gallery responsive */
@media(max-width:900px){.ocho-gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.ocho-official-gallery{padding:72px 0}.ocho-gallery-grid{grid-template-columns:1fr}.ocho-gallery-grid figure{aspect-ratio:1.4/1}}

/* V20 production QA responsive */
@media(max-width:900px){.professional-proof-grid{grid-template-columns:1fr;gap:34px}.professional-proof-list>div{grid-template-columns:1fr;gap:6px}.desktop-nav li{display:block}}
@media(max-width:640px){.geo-marker-click{display:none}.geo-marker{gap:5px}.legal-page{padding:70px 0}.legal-copy h3{font-size:26px}}


/* V21 masterplan responsive */
@media(max-width:900px){.masterplan-showcase{padding:70px 0}.masterplan-grid{grid-template-columns:1fr}.masterplan-grid .masterplan-main{grid-column:auto;aspect-ratio:16/9}}
@media(max-width:640px){.masterplan-showcase{padding:58px 0}.masterplan-grid{gap:12px}.masterplan-head p{font-size:15px}}


/* V22 mobile header and navigation corrections */
@media(max-width:900px){
  .site-header,
  .site-header.is-sticky{
    position:fixed!important;
    top:0;left:0;right:0;
    height:78px!important;
    background:rgba(10,35,29,.96)!important;
    backdrop-filter:blur(14px);
    z-index:1000!important;
  }
  .header-inner{width:100%!important;padding:0 18px!important;gap:12px!important}
  .brand{min-width:0!important;max-width:130px!important;position:relative;z-index:1002}
  .brand-logo-white{height:58px!important;max-width:122px!important;width:auto!important}
  .desktop-nav,.apply-nav{display:none!important}
  .header-actions{margin-left:auto!important;position:relative;z-index:1002}
  .menu-toggle{display:block!important;width:44px!important;height:44px!important;flex:0 0 44px;border-color:rgba(255,255,255,.5)!important;z-index:1003}
  .menu-toggle span{left:13px!important;width:18px!important}
  #main-content{padding-top:78px}
  .home #main-content{padding-top:0}
  .home .hero{padding-top:78px}
  .mobile-menu{
    display:block!important;
    position:fixed!important;
    top:78px!important;left:0!important;right:0!important;bottom:0!important;
    width:100%!important;height:auto!important;
    padding:28px 22px 36px!important;
    background:#102d26!important;
    z-index:1001!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    transform:translateY(-12px)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .22s ease,transform .22s ease,visibility .22s ease!important;
  }
  .mobile-menu.open{
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .mobile-menu nav{display:flex!important;flex-direction:column!important;gap:0!important;max-width:520px;margin:0 auto}
  .mobile-menu nav>a{font-family:var(--serif)!important;font-size:29px!important;line-height:1.12!important;padding:13px 4px!important;border-bottom:1px solid rgba(255,255,255,.1)!important;color:#fff!important}
  .mobile-menu .mobile-apply{margin-top:22px!important;font-family:var(--sans)!important;font-size:12px!important;line-height:1!important;padding:16px 20px!important;border:0!important;background:var(--olive)!important;border-radius:999px!important;text-align:center!important}
  body.mobile-menu-open{overflow:hidden!important}
  body.mobile-menu-open #main-content{pointer-events:none}
  .hero-copy{z-index:3!important}
}
@media(max-width:640px){
  .site-header,.site-header.is-sticky{height:72px!important}
  #main-content{padding-top:72px}
  .home #main-content{padding-top:0}
  .home .hero{padding-top:72px}
  .mobile-menu{top:72px!important;padding:20px 18px 28px!important}
  .brand-logo-white{height:52px!important;max-width:110px!important}
  .menu-toggle{width:42px!important;height:42px!important;flex-basis:42px!important}
  .mobile-menu nav>a{font-size:25px!important;padding:11px 2px!important}
  .hero-copy{left:20px!important;right:20px!important;bottom:72px!important;max-width:none!important}
  .hero h1{font-size:clamp(44px,13vw,58px)!important;line-height:.98!important}
  .hero-copy>p{font-size:14px!important;line-height:1.5!important;max-width:92%!important}
  .hero-location{display:none!important}
  .hero-actions{gap:9px!important}
  .hero-actions .btn{min-height:46px!important;padding:0 18px!important;font-size:10px!important}
  .location-copy{padding-left:20px!important;padding-right:20px!important}
  .map-filters{gap:6px!important}
  .map-filter{font-size:10px!important;padding:8px 11px!important}
}


/* V24 mobile polish */
@media(max-width:900px){
  /* Header + menu: true viewport panel, no clipping */
  .site-header,.site-header.is-sticky{z-index:12000!important;overflow:visible!important}
  .header-inner{position:relative!important;z-index:12002!important}
  .menu-toggle{
    position:relative!important;display:block!important;
    width:46px!important;height:46px!important;flex:0 0 46px!important;
    padding:0!important;margin:0!important;
    border:1px solid rgba(255,255,255,.48)!important;
  }
  .menu-toggle span{
    position:absolute!important;left:50%!important;top:50%!important;
    width:18px!important;height:1.5px!important;margin:0!important;
    background:#fff!important;border-radius:99px!important;
    transform-origin:center!important;transition:transform .22s ease,opacity .22s ease!important;
  }
  .menu-toggle span:first-child{transform:translate(-50%,-5px)!important}
  .menu-toggle span:last-child{transform:translate(-50%,5px)!important}
  .menu-toggle[aria-expanded="true"] span:first-child{transform:translate(-50%,0) rotate(45deg)!important}
  .menu-toggle[aria-expanded="true"] span:last-child{transform:translate(-50%,0) rotate(-45deg)!important}
  .mobile-menu{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:78px!important;
    height:calc(100svh - 78px)!important;max-height:none!important;
    display:block!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;
    padding:22px 24px 34px!important;background:#102d26!important;
    z-index:12001!important;
    transform:translateX(100%)!important;opacity:1!important;visibility:hidden!important;pointer-events:none!important;
    transition:transform .28s cubic-bezier(.2,.75,.25,1),visibility .28s!important;
  }
  .mobile-menu.open{transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important}
  .mobile-menu nav{width:100%!important;max-width:560px!important;margin:0 auto!important;padding:0 0 20px!important}
  .mobile-menu nav>a{display:flex!important;align-items:center!important;min-height:58px!important;padding:12px 4px!important;font-size:28px!important;line-height:1.05!important}
  .mobile-menu .mobile-apply{display:flex!important;justify-content:center!important;min-height:52px!important;margin-top:24px!important;font-size:12px!important}

  /* Masterplan becomes a swipe slider instead of a vertical image stack */
  .masterplan-showcase{overflow:hidden!important}
  .masterplan-grid{
    display:flex!important;grid-template-columns:none!important;
    gap:14px!important;overflow-x:auto!important;overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;scroll-padding-left:var(--pad)!important;
    padding:0 var(--pad) 12px 0!important;margin-right:calc(var(--pad) * -1)!important;
    -webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;
  }
  .masterplan-grid::-webkit-scrollbar{display:none!important}
  .masterplan-grid figure,.masterplan-grid .masterplan-main{
    flex:0 0 min(82vw,620px)!important;width:min(82vw,620px)!important;
    grid-column:auto!important;aspect-ratio:4/3!important;
    scroll-snap-align:start!important;border-radius:14px!important;
  }
  .masterplan-mobile-dots{display:flex!important;gap:7px!important;justify-content:flex-start!important;align-items:center!important;margin:13px 0 0!important}
  .masterplan-dot{appearance:none!important;width:7px!important;height:7px!important;border-radius:50%!important;border:0!important;padding:0!important;background:rgba(16,45,38,.22)!important;transition:.2s ease!important}
  .masterplan-dot.active{width:22px!important;border-radius:10px!important;background:var(--olive)!important}

  /* Relocation icons under the map: card grid, centered and intentional */
  .relocation-grid{gap:42px!important}
  .network-grid{
    width:100%!important;max-width:none!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    border:0!important;gap:10px!important;
  }
  .network-grid article{
    min-height:126px!important;padding:20px 14px!important;
    border:1px solid rgba(24,55,47,.12)!important;border-radius:12px!important;
    background:rgba(255,255,255,.42)!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;
  }
  .network-grid article:last-child{grid-column:1/-1!important;min-height:104px!important}
  .network-grid span{width:30px!important;height:30px!important;margin:0 auto 14px!important}
  .network-grid h3{margin:0!important;font-size:11px!important;letter-spacing:.12em!important}

  /* CTA above footer follows left-aligned copy */
  .footer-prelude-copy{align-items:flex-start!important;justify-content:flex-end!important;text-align:left!important}
  .footer-prelude-copy>div{width:100%!important}
  .footer-prelude-copy>.btn{align-self:flex-start!important;margin-left:0!important;margin-right:auto!important}
}

@media(max-width:640px){
  .site-header,.site-header.is-sticky{height:72px!important}
  .mobile-menu{top:72px!important;height:calc(100svh - 72px)!important;padding:18px 20px 30px!important}
  .mobile-menu nav>a{font-size:25px!important;min-height:54px!important;padding:10px 2px!important}
  .menu-toggle{width:44px!important;height:44px!important;flex-basis:44px!important}

  .masterplan-showcase{padding:56px 0 62px!important}
  .masterplan-grid{gap:12px!important;padding-bottom:10px!important}
  .masterplan-grid figure,.masterplan-grid .masterplan-main{flex-basis:84vw!important;width:84vw!important;aspect-ratio:4/3!important}
  .masterplan-mobile-dots{margin-top:11px!important}

  /* Map: smaller labels and separate mobile positions */
  .map-stage{min-height:570px!important}
  .geo-marker{left:var(--mobile-left)!important;top:var(--mobile-top)!important}
  .geo-marker.hub{
    min-width:0!important;width:auto!important;height:34px!important;min-height:34px!important;
    padding:0 8px!important;gap:5px!important;font-size:10px!important;
    box-shadow:0 5px 14px rgba(16,45,38,.14)!important;
  }
  .geo-marker.cielo{width:68px!important;height:68px!important;min-width:68px!important;font-size:17px!important}
  .geo-marker-icon{width:16px!important;height:16px!important;flex:0 0 16px!important}
  .geo-marker-name{font-size:10px!important;line-height:1!important}
  .geo-marker-click{display:none!important}

  .network-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .network-grid article{min-height:112px!important;padding:16px 10px!important}
  .network-grid article:last-child{min-height:92px!important}

  .footer-prelude-copy{padding:34px 22px!important;gap:24px!important}
  .footer-prelude-copy .btn{width:auto!important;min-width:0!important;padding-left:22px!important;padding-right:22px!important}
}

/* V25 mobile map CIELO marker: force a true 1:1 circle */
@media(max-width:640px){
  .geo-marker.cielo{
    width:68px!important;
    height:68px!important;
    min-width:68px!important;
    min-height:68px!important;
    max-width:68px!important;
    max-height:68px!important;
    aspect-ratio:1/1!important;
    border-radius:50%!important;
    padding:0!important;
    flex:0 0 68px!important;
    box-sizing:border-box!important;
  }
}

@media(max-width:760px){.commercial-showcase{padding:76px 0}.commercial-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:10px}.commercial-gallery figure,.commercial-gallery .commercial-main{flex:0 0 86%;min-height:330px;scroll-snap-align:start;border-radius:16px}.commercial-gallery::-webkit-scrollbar{display:none}}

/* V29 residence galleries */
@media(max-width:760px){
  .residence-gallery{padding:70px 0 78px;overflow:hidden}
  .residence-gallery-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:0 8px 12px 0;margin-right:calc(var(--pad) * -1);scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .residence-gallery-grid::-webkit-scrollbar{display:none}
  .residence-gallery-grid figure,.residence-gallery-grid figure:first-child{grid-column:auto;flex:0 0 86vw;width:86vw;scroll-snap-align:start;border-radius:12px}
  .residence-gallery-grid img,.residence-gallery-grid figure:first-child img{aspect-ratio:4/3}
  .residence-gallery-grid figcaption{padding:13px 14px 15px;font-size:9px}
}
@media(max-width:640px){
  .intro-visual-note{grid-template-columns:1fr 1fr}
  .intro-visual-note span{min-height:105px;padding:18px;font-size:9px}
  .res-card-text{min-height:220px}
  .res-card-text>div{padding:26px}
}

/* V29 mobile content */
@media(max-width:900px){
  .boutique-model-grid,.ownership-home-grid,.financing-home-grid,.developer-home-grid{grid-template-columns:1fr;gap:46px}
  .developer-facts{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .boutique-model,.ownership-home,.financing-home,.developer-home{padding:74px 0}
  .boutique-service-grid{grid-template-columns:1fr}
  .boutique-service-grid article{min-height:0;padding:22px}
  .ownership-line{grid-template-columns:48px 1fr;gap:14px}
  .developer-facts{grid-template-columns:1fr}
  .developer-facts article{min-height:125px}
  .masterplan-grid-v29 figure:not(.masterplan-main){aspect-ratio:4/3}
  .professional-proof-list>div{grid-template-columns:1fr;gap:7px}
  .professional-proof-list>div>span{grid-column:1;margin-top:0}
  .map-card-photo img{height:130px}
  .map-card{max-height:75vh;overflow:auto}
}

/* V30 navigation and About responsive */
@media(max-width:1180px){.residence-dropdown{width:690px}.residence-dropdown-card{grid-template-columns:82px 1fr}.residence-dropdown-card img{width:82px;height:66px}}
@media(max-width:900px){
  .mobile-residence-group{border-bottom:1px solid rgba(255,255,255,.1)}
  .mobile-residence-toggle{width:100%;min-height:58px;padding:12px 4px;border:0;background:none;color:#fff;display:flex;align-items:center;justify-content:space-between;text-align:left;font-family:var(--serif);font-size:28px;line-height:1.05;cursor:pointer}
  .mobile-residence-plus{font-family:var(--sans);font-size:22px;color:rgba(255,255,255,.7)}
  .mobile-residence-submenu{display:grid;gap:9px;padding:4px 0 16px}
  .mobile-residence-submenu[hidden]{display:none!important}
  .mobile-residence-card{display:grid!important;grid-template-columns:92px 1fr;gap:12px;align-items:center;min-height:0!important;padding:7px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:10px;background:rgba(255,255,255,.04);font-family:var(--sans)!important}
  .mobile-residence-card img{width:92px;height:66px;object-fit:cover;border-radius:7px}
  .mobile-residence-card span{display:flex;flex-direction:column;gap:4px}.mobile-residence-card strong{font-size:10px;letter-spacing:.12em}.mobile-residence-card small{font-size:11px;color:rgba(255,255,255,.65)}
  .mobile-residence-all{font-family:var(--sans)!important;font-size:9px!important;letter-spacing:.12em!important;min-height:0!important;padding:11px 4px!important;border:0!important}
  .about-founder-grid,.about-track-grid,.about-management-grid,.about-purchase-grid,.about-confidence-grid{grid-template-columns:1fr;gap:48px}
  .founder-photo-card{min-height:520px}.founder-photo-card img{min-height:520px}.about-track-intro,.about-purchase-copy{position:static}.founder-proof-row{grid-template-columns:1fr 1fr}.track-mosaic{grid-template-columns:1fr 1fr}.management-services>div{grid-template-columns:52px 150px 1fr}.confidence-points{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .mobile-residence-toggle{font-size:25px;min-height:54px;padding:10px 2px}
  .mobile-residence-card{grid-template-columns:82px 1fr}.mobile-residence-card img{width:82px;height:60px}
  .about-founder,.about-track,.about-management,.about-purchase,.about-confidence{padding:74px 0}
  .founder-photo-card{min-height:420px;border-radius:14px}.founder-photo-card img{min-height:420px}.founder-photo-label{left:22px;right:22px;bottom:22px}
  .founder-proof-row{grid-template-columns:1fr 1fr;margin-top:32px}.founder-proof-row>div:nth-child(2){border-right:0}.founder-proof-row>div:nth-child(-n+2){border-bottom:1px solid rgba(24,55,47,.14)}.founder-proof-row strong{font-size:22px}
  .track-mosaic{grid-template-columns:1fr}.track-card,.track-card-large{grid-row:auto;min-height:230px}.track-card-large{min-height:320px}.track-card-large h3{font-size:40px}
  .management-services>div{grid-template-columns:42px 1fr;gap:14px}.management-services>div>p{grid-column:2}.purchase-path article{grid-template-columns:48px 1fr;gap:14px}.confidence-points{grid-template-columns:1fr}
}

/* V32 mobile hero readability + compact internal heroes */
@media(max-width:760px){
  /* Home hero: stronger local contrast without hiding the new project image */
  .home .hero-shade{
    background:
      linear-gradient(0deg,rgba(6,27,22,.88) 0%,rgba(6,27,22,.72) 34%,rgba(6,27,22,.28) 66%,rgba(6,27,22,.12) 100%),
      linear-gradient(90deg,rgba(6,27,22,.58) 0%,rgba(6,27,22,.28) 58%,rgba(6,27,22,.10) 100%)!important;
  }
  .home .hero-copy h1,
  .home .hero-copy>p,
  .home .hero-copy .eyebrow{
    text-shadow:0 2px 18px rgba(0,0,0,.42)!important;
  }
  .home .hero-copy>p{color:rgba(255,255,255,.96)!important}

  /* Internal pages: shorter hero so the background image stays crisp and intentional */
  .inner-hero-premium{
    min-height:430px!important;
    height:430px!important;
    max-height:430px!important;
    padding-top:72px!important;
  }
  .inner-hero-wrap{
    min-height:358px!important;
    height:358px!important;
    padding-bottom:18px!important;
    align-items:flex-end!important;
  }
  .inner-hero-bg{
    object-fit:cover!important;
    object-position:center center!important;
  }
  .inner-copy-card{
    max-width:min(92vw,560px)!important;
    padding:18px 18px 17px!important;
    background:rgba(8,28,23,.46)!important;
    backdrop-filter:blur(3px)!important;
    border-radius:12px!important;
  }
  .inner-copy-card .eyebrow{margin-bottom:10px!important;font-size:9px!important}
  .inner-copy-card h1{
    font-size:clamp(34px,9.8vw,44px)!important;
    line-height:1.01!important;
    word-spacing:.03em!important;
  }
  .inner-copy-card p{
    margin-top:11px!important;
    font-size:13px!important;
    line-height:1.45!important;
    max-width:100%!important;
  }
}

@media(max-width:390px){
  .inner-hero-premium{min-height:400px!important;height:400px!important;max-height:400px!important}
  .inner-hero-wrap{min-height:328px!important;height:328px!important;padding-bottom:14px!important}
  .inner-copy-card{padding:16px 16px 15px!important}
  .inner-copy-card h1{font-size:34px!important}
  .inner-copy-card p{font-size:12.5px!important}
}

/* V33 mobile and tablet */
@media(max-width:1000px){
  .project-overview-head,.lifestyle-intro-grid,.commercial-priority-grid,.presale-finance-grid{grid-template-columns:1fr;gap:28px}
  .home-ownership-grid{grid-template-columns:1fr}
  .amenity-story-grid{grid-template-columns:1fr}
  .presale-timeline{grid-template-columns:1fr 1fr}
  .presale-timeline article:nth-child(2n){border-right:0}
  .presale-timeline article:last-child{border-right:1px solid rgba(24,55,47,.14)}
  .ocho-villa-grid{grid-template-columns:1fr 1fr;grid-auto-rows:260px}.ocho-villa-feature{grid-column:1/-1;grid-row:auto}
}
@media(max-width:760px){
  .project-overview,.lifestyle-slider-section,.amenity-stories,.presale-process,.presale-finance,.ocho-villas{padding:74px 0}
  .project-overview-head{margin-bottom:26px}
  .visual-slider-toolbar{margin-bottom:12px}.visual-slider-toolbar button{width:38px;height:38px}
  .visual-slide{flex-basis:87vw;aspect-ratio:4/3;border-radius:14px}.visual-slide figcaption{left:18px;right:18px;bottom:17px;grid-template-columns:30px 1fr}.visual-slide figcaption>strong{font-size:28px}.visual-slide figcaption>span{font-size:20px}.visual-slide figcaption>small{font-size:11px}
  .home-residence-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-right:calc(var(--pad) * -1);padding-right:var(--pad);scrollbar-width:none}.home-residence-cards::-webkit-scrollbar{display:none}.res-card-image{flex:0 0 84vw;min-height:440px;scroll-snap-align:start}.res-card-image h3{font-size:32px}
  .home-ownership{padding:76px 0}.home-ownership-grid article{min-height:250px}
  .lifestyle-intro{padding:76px 0}.amenity-story-grid article{grid-template-columns:1fr;min-height:0}.amenity-story-grid img{height:260px}.amenity-story-grid article>div{padding:24px}.commercial-priority{padding:76px 0}.commercial-priority img{height:300px}
  .ocho-villa-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;scrollbar-width:none}.ocho-villa-grid::-webkit-scrollbar{display:none}.ocho-villa-grid figure,.ocho-villa-grid .ocho-villa-feature{flex:0 0 84vw;height:300px;scroll-snap-align:start}
  .presale-timeline{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.presale-timeline::-webkit-scrollbar{display:none}.presale-timeline article{flex:0 0 78vw;scroll-snap-align:start;border-right:1px solid rgba(24,55,47,.14)!important}.presale-finance-cards article{grid-template-columns:1fr;gap:8px}
  .apply-popup-card{padding:34px 24px}.apply-popup-card h2{font-size:38px}.apply-popup-actions{align-items:flex-start;flex-direction:column}.apply-popup-actions .btn{width:100%;justify-content:center}
  .track-card-ocho .track-card-photo{height:180px}
}
@media(max-width:520px){
  .visual-slide{flex-basis:88vw}.visual-slide figcaption>strong{font-size:25px}.visual-slider-dots{display:none}
  .ocho-villa-grid figure,.ocho-villa-grid .ocho-villa-feature{flex-basis:86vw;height:270px}
  .presale-timeline article{flex-basis:84vw}
}
@media(max-width:1000px){.amenity-feature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.amenity-feature-grid{grid-template-columns:1fr}.amenity-feature-grid article{min-height:220px}}
@media(max-width:640px){.ocho-highlight-pills{gap:8px;margin-bottom:18px}.ocho-highlight-pills span{font-size:9px;padding:0 12px;min-height:32px}.about-project-gallery{padding-top:0}}
@media(max-width:640px){
  .apply-step-progress{margin-top:0}.apply-step-indicator{padding:0 4px 12px;gap:5px}.apply-step-indicator span{font-size:18px}.apply-step-indicator small{font-size:7px;letter-spacing:.08em}
  .apply-step-fields.two-col{grid-template-columns:1fr}.apply-step-actions{justify-content:space-between;gap:12px}.apply-step-actions .btn{flex:1}.apply-form-step legend strong{font-size:27px}
  .apply-popup-disclaimer{font-size:9px}
}

/* V36 responsive */
@media(max-width:1000px){
  .home-proof-inner{grid-template-columns:auto 1fr}.home-proof-inner>.btn{grid-column:1/-1;justify-self:start}
  .financing-intro-grid,.financing-security-grid{grid-template-columns:1fr;gap:42px}
  .financing-intro,.financing-security{padding:84px 0}
}
@media(max-width:700px){
  .home-proof-strip{padding:28px 0}.home-proof-inner{grid-template-columns:1fr;gap:14px}.home-proof-inner>strong{font-size:62px}.home-proof-inner>div{padding:14px 0 0;border-left:0;border-top:1px solid rgba(24,55,47,.16)}.home-proof-inner>.btn{grid-column:auto;width:100%;justify-content:center}
  .financing-split{grid-template-columns:1fr}.financing-split article{min-height:235px;padding:28px 24px}.financing-split article+article{border-left:0;border-top:1px solid rgba(24,55,47,.14)}.financing-split strong{font-size:58px}
  .financing-security-points article{grid-template-columns:44px 1fr;gap:14px}
  .community-manager-choice{align-items:flex-start;gap:14px}.community-manager-choice legend{flex-basis:100%}
  .track-card .track-card-photo,.track-card-large .track-card-photo{height:190px}.track-card-large{min-height:0;grid-row:auto}.track-card-large h3{font-size:36px}
}


@media(max-width:1100px){
  .about-projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-projects-head{grid-template-columns:1fr;gap:18px}
}
@media(max-width:640px){
  .about-projects{padding:72px 0}
  .about-projects-grid{grid-template-columns:1fr;gap:14px}
  .about-project-card figure{aspect-ratio:16/10}
  .about-project-card-copy{padding:20px}
  .financing-security-visual{background-position:58% center}
  .financing-security-visual .financing-security-points{padding:4px 18px}
}