.development-page .ht-img{display:block;border-radius:10px;width:100%;height:auto;position:relative;z-index:2;transition:opacity 0.25s ease;opacity:1}
.development-page #sticky-bar{position:absolute;width:100%;bottom:0}
:root{--nav-height:60px;--sticky-stack-height:60px}
.development-page .ht-grid-container>.masterwrap{display:flow-root}
.development-page .ht-bedroom-filter-title{color:#c5b48e;font-family:inherit;font-size:15px;font-weight:400;line-height:1.2;margin:0 0 15px 0;width:100%}
.development-page .ht-bedroom-filter-row{clear:both;width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;margin:0 0 60px 0;position:relative;z-index:2}
.development-page .ht-bedroom-filter-row::-webkit-scrollbar{display:none}
.development-page .ht-bedroom-filter-inner{display:flex;align-items:center;gap:15px;flex-wrap:nowrap;width:max-content;min-width:100%;padding-left:max(30px, calc((100vw - 1440px) / 2));padding-right:30px}
.development-page .ht-bedroom-filter-btn{background:#1a282e;border:2px solid #24343b;border-radius:10px;color:#fff;cursor:pointer;flex:0 0 auto;min-width:160px;height:56.5px;padding:0 30px;font-family:inherit;font-size:13px;text-align:center;white-space:nowrap}
.development-page .ht-bedroom-filter-btn.is-active{background-color:#4d8d8f33;border-color:#457f82}
.development-page .availability-controls-wrap .ht-bedroom-filter-btn{min-width:56.5px;padding:0;width:56.5px}
.development-page .housetype-infocard.is-ht-hidden{display:none!important}
@media only screen and (max-width:719px){
.development-page .splide .my-carousel-progress,.development-page .splide .splide__arrows{display:none!important}
}
.development-page .housetype-infocard .ht-incentive-strip{align-items:center;background:#c5b48f;border-radius:10px 10px 10px 0;color:#fff;display:flex;height:50px;justify-content:center;left:0;overflow:hidden;padding:0 30px;pointer-events:none;position:absolute;top:0;width:fit-content;z-index:5}
.development-page .housetype-infocard .ht-incentive-star{color:#fff;display:block;font-size:18px;line-height:1}
.development-page .housetype-infocard .ht-incentive-text{color:#fff;display:block;font-family:OutfitRegular,sans-serif;font-size:13px;line-height:1;margin-left:10px;white-space:nowrap}
.development-page #first-slider{clear:both}
.development-page #first-slider .splide__list{align-items:stretch}
@media only screen and (max-width:719px){
  .development-page .ht-bedroom-filter-title{font-size:15px;margin-bottom:12px}
  .development-page .ht-bedroom-filter-row{margin-bottom:60px}
  .development-page .ht-bedroom-filter-inner{gap:12px;padding-left:30px;padding-right:30px}
  .development-page .ht-bedroom-filter-btn{min-width:160px;height:56.5px;font-size:13px;padding:0 20px}
}
.development-page .development-plan-map-wrap{display:flow-root;margin:0 30px;width:calc(100% - 60px)}
.development-page .sitemap-flex{float:none;display:flex;position:relative;flex-wrap:wrap;margin:60px 0 0;width:100%}
.development-page .container-viewer{float:left;width:100%;min-height:calc(100svh - 300px);border-radius:10px 10px 0 0;background:#212e35;position:relative;overflow:hidden;touch-action:none;user-select:none;margin:0}
.development-page .container-viewer .img{width:unset;position:relative;top:0;left:0;transform-origin:0 0;will-change:transform;-webkit-user-drag:none}
.development-page .sitemapcontainer{position:absolute;touch-action:manipulation}
.development-page .img-wrapper{position:absolute}
.development-page .zoom-controls,.development-page .phase-controls,.development-page .map-view-controls{position:absolute;bottom:30px;right:30px;border-radius:10px;overflow:hidden;max-width:200px;border:2px solid #24343b;z-index:3}
.development-page .phase-controls{bottom:unset;left:30px;right:unset;top:30px;width:fit-content}
.development-page .map-view-controls{left:30px;right:unset;width:fit-content}
.development-page .zoom-controls button,.development-page .phasebtn{background-color:#1a282e;border:none;border-right:2px solid #ffffff0f;color:#fff;cursor:pointer;font-family:inherit;font-size:13px;height:45px;line-height:0;position:relative;width:45px;display:block;float:left;z-index:1}
.development-page .map-view-btn{background-color:#1a282e;border:none;border-right:2px solid #ffffff0f;color:#fff;cursor:pointer;display:block;float:left;font-family:inherit;font-size:13px;height:45px;line-height:42px;padding:0;position:relative;text-align:center;width:45px;z-index:1}
.development-page .zoom-controls button:last-child,.development-page .phasebtn:last-child,.development-page .map-view-btn:last-child{border-right:none}
.development-page .map-view-btn.is-active{background:#4d8d8f}
.development-page .map-view-btn:focus-visible{outline:2px solid #fff;outline-offset:-4px}
.development-page .zoom-controls button img{filter:brightness(5);left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:15px}
.development-page .phasebtn label,.development-page .phasebtn input{display:block;position:absolute;top:0;left:0;right:0;bottom:0}
.development-page .phasebtn input[type="radio"]{z-index:100;opacity:0;cursor:pointer}
.development-page .phasebtn input[type="radio"]:checked+label{background:#4d8d8f}
.development-page .phasebtn label{cursor:pointer;z-index:90;text-align:center;line-height:42px}
.development-page .plotdot{position:absolute;border:2px solid #fff;border-radius:50%;z-index:1;color:#fff;pointer-events:auto;touch-action:manipulation;transform:translate(calc(-50% + 0px), -50%);transition:transform 0.2s,opacity 0.2s;cursor:pointer}
.development-page .plotdot.Sold{cursor:-webkit-grab;cursor:grab}
.development-page .plotdot span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.development-page .plotdot.is-dimmed{opacity:0.1!important;pointer-events:none}
.development-page label.filter-btn span.plotdot{width:13px;height:13px;border-width:1px;position:relative;display:inline-block;margin-right:8px;transform:none;top:2px;left:auto}
.development-page label.filter-btn span.plotdot.is-dimmed{opacity:1;border-color:initial;border-width:1px}
.development-page .NotReleased,.development-page label.filter-btn span.plotdot.NotReleased.is-dimmed{background-color:#b0b6ba;opacity:1!important}
.development-page .EarlyBird_Advertise,.development-page label.filter-btn span.plotdot.EarlyBird_Advertise.is-dimmed{background-color:#b218e0;opacity:1!important}
.development-page .EarlyBird_Agreed,.development-page label.filter-btn span.plotdot.EarlyBird_Agreed.is-dimmed{background-color:#D68910;opacity:1!important}
.development-page .Unsold,.development-page label.filter-btn span.plotdot.Unsold.is-dimmed{background-color:#1E8449;opacity:1!important}
.development-page .Reserved,.development-page .Pending,.development-page .EarlyBird,.development-page label.filter-btn span.plotdot.Reserved.is-dimmed{background-color:#D68910;opacity:1!important}
.development-page .Exchanged,.development-page .Completed,.development-page .Sold,.development-page label.filter-btn span.plotdot.Sold.is-dimmed{background-color:#C0392B;opacity:1!important}
.development-page .plotdot.Reserved:not(.is-dimmed),.development-page .plotdot.Sold:not(.is-dimmed){opacity:1!important}
.development-page .ShowHome{background-color:#c5b48f}
.development-page .compass{transition:0.25s;transform-origin:center;position:absolute;right:20px;top:20px;width:60px;z-index:1}
.development-page button.virtualwalk,.development-page button.rotate{background-color:#1a282e;border:0;border-radius:50%;cursor:pointer;height:44px;position:absolute;right:28px;top:90px;width:44px;z-index:1}
.development-page button.rotate{right:28px;top:145px}
.development-page .virtualwalk img{filter:brightness(5);left:calc(50% - 12px);position:absolute;top:calc(50% - 13px);width:24px}
.development-page .rotate img{filter:brightness(5);width:18px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
#VirtualTourModal .modal-dialog.modal-fullscreen{display:flex!important;align-items:stretch!important;width:calc(100svw - 60px)!important;height:calc(100svh - 60px)!important;max-width:none!important;min-height:0!important;margin:30px!important}
#VirtualTourModal .modal-content{background:#212e35!important;border:0!important;border-radius:10px!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;overflow:hidden!important}
#VirtualTourModal .modal-body{background:#212e35!important;display:block!important;position:relative!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;padding:0!important;overflow:hidden!important}
#VirtualTourModal iframe.lazy-modal-iframe{border:0!important;display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important}
#VirtualTourModal .close-burger-icon{z-index:5!important}

@media only screen and (min-width:720px){
#VirtualTourModal .modal-dialog.modal-fullscreen{width:calc(100svw - 120px)!important;height:calc(100svh - 120px)!important;margin:60px!important}
}
.development-page .hero-banner{position:relative}
.development-page .hero-media-stage{display:block;height:55svh;max-height:650px;min-height:480px;overflow:hidden;position:relative;width:100%}
.development-page .development-hero-desktop-grid{background:#fff;display:grid;gap:4px;grid-template-columns:60% 40%;grid-template-rows:1fr 1fr;height:100%;position:relative;width:100%;z-index:1}
.development-page .development-hero-panel{background-position:center;background-repeat:no-repeat;background-size:cover;min-height:0;min-width:0;overflow:hidden;position:relative}
.development-page .development-hero-panel--primary{grid-column:1;grid-row:1 / 3}
.development-page .development-hero-panel--top{grid-column:2;grid-row:1}
.development-page .development-hero-panel--bottom{grid-column:2;grid-row:2}
.development-page .development-hero-cycle-image{display:block;height:100%;inset:0;object-fit:cover;opacity:0;position:absolute;transition:opacity 1.8s ease-in-out;width:100%;will-change:opacity}
.development-page .development-hero-cycle-image.is-ready{opacity:1}
.development-page .development-hero-mobile-slider{display:none;height:100%;width:100%}
.development-page .development-hero-image-pool{display:none!important}
.development-page .development-hero-fallback{display:block;height:100%;overflow:hidden;width:100%}
.development-page .development-hero-fallback img{display:block;height:100%!important;object-fit:cover!important;object-position:center center!important;width:100%!important}
.development-page .hero-banner>.hero-gradient{pointer-events:none;z-index:4!important}
.development-page .hero-media-stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:35%;background:linear-gradient(to top,rgba(33,46,53,.38) 0%,rgba(33,46,53,.16) 45%,rgba(33,46,53,0) 100%);pointer-events:none;z-index:3}
.development-page .hero-banner>.hero-gradient[style*="rotate:180deg"]{display:none!important}
.development-page .hero-media-stage>.development-video-header-wrap{align-items:flex-end;display:flex;height:100%!important;inset:0!important;margin:0 auto!important;padding-bottom:60px!important;padding-top:0!important;pointer-events:none;position:absolute!important;z-index:20}
.development-page .hero-media-stage .development-video-launch--header{pointer-events:auto!important;z-index:21}
.development-page .development-overview-image{position:relative}
.development-page .development-overview-cycle-image{border-radius:10px;display:block;height:100%;inset:0;object-fit:cover;opacity:0;pointer-events:none;position:absolute;transition:opacity 1.8s ease-in-out;width:100%;z-index:1}
.development-page .development-overview-cycle-image.is-ready{opacity:1}
.development-page .development-overview-image .disclaimer{z-index:2}
.duchylogo{z-index:30!important}
.development-page .development-video-header-wrap{z-index:20!important}
.development-page .development-video-launch--header{z-index:21!important}
.development-page .development-video-launch{align-items:center;background:rgba(33,46,53,.78)!important;border:1px solid rgba(255,255,255,.7)!important;border-radius:50%!important;box-shadow:0 8px 24px rgba(0,0,0,.38);cursor:pointer;display:flex;flex:0 0 76px;height:76px!important;justify-content:center;padding:0!important;pointer-events:auto;position:relative;transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease;width:76px!important}
.development-page .development-video-launch:hover{background:rgba(33,46,53,.92)!important;box-shadow:0 10px 30px rgba(0,0,0,.48);transform:scale(1.06)}
.development-page .development-video-launch:focus-visible{outline:3px solid #fff;outline-offset:4px}
.development-page .development-video-play-icon{background:transparent!important;border-bottom:12px solid transparent!important;border-left:19px solid #fff!important;border-right:0!important;border-top:12px solid transparent!important;display:block;height:0!important;margin-left:5px;width:0!important}
#DevelopmentVideoModal .modal-dialog{align-items:center;display:flex;height:100svh;margin:0 auto;max-width:none;min-height:0;width:min(1440px,calc(100vw - 60px),calc((100svh - 120px) * 16 / 9))}
#DevelopmentVideoModal .modal-content,#DevelopmentVideoModal .modal-body,#DevelopmentVideoModal .development-video-frame{background:#212e35}
#DevelopmentVideoModal .modal-content{border:0;border-radius:10px;max-width:none;overflow:hidden;width:100%}
#DevelopmentVideoModal .modal-body{padding:0;position:relative;width:100%}
#DevelopmentVideoModal .development-video-frame{aspect-ratio:16 / 9;overflow:hidden;position:relative;width:100%}
#DevelopmentVideoModal .development-video-iframe{border:0;height:100%;inset:0;opacity:0;position:absolute;transition:opacity 0.2s ease;width:100%}
#DevelopmentVideoModal.is-video-loaded .development-video-iframe{opacity:1}
#DevelopmentVideoModal .development-video-player{background:#000;cursor:pointer;display:block;height:100%;inset:0;object-fit:contain;opacity:0;position:absolute;transition:opacity .2s ease;width:100%}
#DevelopmentVideoModal.is-video-loaded .development-video-player{opacity:1}
#DevelopmentVideoModal .development-video-main-play{align-items:center;background:rgba(255,255,255,.94);border:0;border-radius:50%;box-shadow:0 8px 30px rgba(0,0,0,.25);cursor:pointer;display:flex;height:82px;justify-content:center;left:50%;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease,transform .2s ease;width:82px;z-index:4}
#DevelopmentVideoModal .development-video-main-play::after{border-bottom:13px solid transparent;border-left:20px solid #212e35;border-top:13px solid transparent;content:"";display:block;height:0;margin-left:5px;width:0}
#DevelopmentVideoModal .development-video-main-play:hover{transform:translate(-50%,-50%) scale(1.06)}
#DevelopmentVideoModal .development-video-main-play.is-hidden{opacity:0;pointer-events:none}
#DevelopmentVideoModal .development-video-main-play:focus-visible,#DevelopmentVideoModal .development-video-controls button:focus-visible,#DevelopmentVideoModal .development-video-progress:focus-visible{outline:2px solid #fff;outline-offset:3px}
#DevelopmentVideoModal .development-video-controls{align-items:center;background:linear-gradient(to top,rgba(0,0,0,.88),rgba(0,0,0,0));bottom:0;color:#fff;cursor:default;display:flex;gap:12px;left:0;padding:30px 22px 18px;position:absolute;right:0;z-index:3}
#DevelopmentVideoModal .development-video-controls button{background:transparent;border:0;color:#fff;cursor:pointer;flex:0 0 auto;font-family:inherit;font-size:16px;height:34px;line-height:34px;padding:0;text-align:center;width:34px}
#DevelopmentVideoModal .development-video-current-time,#DevelopmentVideoModal .development-video-duration{flex:0 0 auto;font-size:12px;font-variant-numeric:tabular-nums;line-height:1}
#DevelopmentVideoModal .development-video-progress{accent-color:#4c8c8f;cursor:pointer;flex:1 1 auto;min-width:0}
#DevelopmentVideoModal .development-video-frame:fullscreen{aspect-ratio:auto;height:100vh;width:100vw}
#DevelopmentVideoModal .development-video-frame:-webkit-full-screen{aspect-ratio:auto;height:100vh;width:100vw}
@media only screen and (max-width:719px){
.development-page .development-video-header-wrap{padding-bottom:60px}
.development-page .development-video-launch--header{aspect-ratio:1/1!important;box-sizing:border-box!important;flex:0 0 64px!important;height:64px!important;line-height:0!important;max-height:64px!important;max-width:64px!important;min-height:64px!important;min-width:64px!important;width:64px!important}
.development-page .development-video-launch--header .development-video-play-icon{border-bottom-width:10px!important;border-left-width:16px!important;border-top-width:10px!important;flex:0 0 auto!important;height:0!important;margin-left:4px!important;width:0!important}
#DevelopmentVideoModal .development-video-main-play{height:70px;width:70px}
#DevelopmentVideoModal .development-video-main-play::after{border-bottom-width:11px;border-left-width:17px;border-top-width:11px;margin-left:4px}
#DevelopmentVideoModal .development-video-controls{gap:8px;padding:26px 12px 14px}
#DevelopmentVideoModal .development-video-current-time,#DevelopmentVideoModal .development-video-duration{display:none}
}
@media only screen and (max-width:719px) and (orientation:portrait){
  #DevelopmentVideoModal .modal-dialog{display:block;height:auto;left:50%;margin:0;max-width:none;min-height:0;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(90deg)!important;transform-origin:center center;width:min(calc(100svh - 120px),calc((100vw - 120px) * 16 / 9))}
}
.development-page .key-container{float:left;width:100%;border-radius:0 0 10px 10px;background-color:#212e35;position:relative;overflow:hidden}
.development-page .key-container-inner{overflow:auto}
.development-page .key-tabs{float:left;width:100%}
.development-page .key-tabs:after{background-color:rgb(76, 140, 143);content:"";height:60px;position:absolute;top:0px;width:calc(100% - 500px);right:0}
.development-page .key-container .nav-link{min-width:135px}
.housetype-infocard .usp,#RegisterInterestContainer .usp,.plot-only .usp{margin:-25px 0;border-radius:10px 10px 0 10px;max-width:calc(100% - 45px);padding:0 20px;position:absolute;right:0;background:#4c8c8f;transition:.3s}
#RegisterInterestContainer .usp{top:0;right:0;cursor:pointer}
.usp{color:#fff;height:50px;border:none;display:flex;justify-content:center;align-items:center}
.front-card{height:100%}
.development-page .housetype-infocard .front-card{display:flex;flex-direction:column;height:100%}
.development-page .back-card .usp.info-icon img{-webkit-transform:scaleX(-1);transform:scaleX(-1);padding-right:7px;padding-left:0}
.development-page .usp-back-card-contact{float:left;width:100%;margin:10px 0}
.development-page .tab-navigation-container,.development-page .appointment-modal-header{float:left;height:60px;width:100%;z-index:100;position:sticky;top:0;will-change:transform;backface-visibility:hidden}
.development-page .tab-navigation-container::before,.development-page .tab-navigation-container::after{content:"";position:absolute;top:0;height:100%;width:30px;background-color:#4c8c8f}
.development-page .tab-navigation-container::before{left:0}
.development-page .tab-navigation-container::after{right:0}
.development-page .topbar-contact-container{width:100%;height:100%;display:none}
.development-page .topbar-contact-container a.intro-btn,.development-page .topbar-contact-container button.intro-btn{background:#427c7f;float:right;height:40px;margin:10px 0px 10px 10px}
.development-page #pills-tab-main,.development-page #pills-tab-sitemap{display:flex;flex-wrap:nowrap;position:relative;margin:auto;height:60px;width:100%;max-width:1440px;z-index:2;-webkit-overflow-scrolling:touch;overscroll-behavior-x:none;overflow-x:auto;scrollbar-width:none}
.development-page #pills-tab-main::-webkit-scrollbar,.development-page #pills-tab-sitemap::-webkit-scrollbar{display:none}
.development-page #pills-tab-main li.nav-item:first-child{margin-left:15px}
.development-page #pills-tab-main li.nav-item:last-child{margin-right:15px}
.development-page #pills-tab-sitemap li.nav-item:first-child{margin-left:0}
.development-page li.nav-item button.nav-link{padding:0;overflow:hidden;height:60px;position:relative;color:#fff;background-color:#4c8c8f}
.development-page #pills-tab-1,.development-page #pills-tab-2,.development-page #pills-tab-3,.development-page #pills-tab-4,.development-page #pills-tab-5,.development-page #pills-tab-6,.development-page #pills-tab-sitemap-1,.development-page #pills-tab-sitemap-2,.development-page #pills-tab-sitemap-3,.development-page #pills-tab-sitemap-4,.development-page #pills-tab-sitemap-5{padding:0 15px}
.development-page #pills-tab-main .nav-link.active,.development-page #pills-tab-sitemap .nav-link.active{clip-path:polygon(
    -1px -1px,
    calc(100% + 1px) -1px,
    calc(100% + 1px) 101%,
    calc(50% + 6px) 101%,
    50% calc(100% - 7px),
    calc(50% - 6px) 101%,
    -1px 101%
  )}
.development-page .tab-body-container,.development-page #pills-tabContent{float:left;width:100%;position:relative}
.development-page #pills-tabContent>.one-page-section{display:flow-root!important;clear:both;width:100%;position:relative;visibility:visible!important;scroll-margin-top:var(--sticky-stack-height)}
.development-page #pills-tab-main .nav-link{border:0;white-space:nowrap}
.development-page #pills-tab-main{scroll-behavior:smooth;scroll-padding-inline:30px}
@media (prefers-reduced-motion:reduce){
  .development-page #pills-tab-main{scroll-behavior:auto}
}
.development-page .modal-body h2{float:left;margin:15px 0 25px 0}
.development-page .modal-body li.nav-item,.development-page .modal-body .nav-link{margin:0;width:100%}
.development-page .modal-body li.nav-item button.nav-link{margin:0;height:100%;background:transparent;color:#fff;position:relative}
.development-page .modal-bodycontent{padding:30px;float:left;min-height:400px;width:100%;background:#212e35}
.development-page .modal-body li.nav-item button.nav-link{background:transparent;color:#fff;height:60px;margin:0;position:relative}
.development-page .modal-body li.nav-item button.nav-link.active:after{background:#212e35;bottom:-7px;content:" ";height:12px;left:calc(50% - 6px);position:absolute;rotate:45deg;width:12px}
.development-page .modal-body iframe{border:0;height:100%;width:100%}
#appointmentModal .modal-dialog{align-items:center;display:flex;height:100svh;margin:0 auto;max-width:500px;width:calc(100vw - 60px)}
#appointmentModal .modal-content{background:#212e35;height:min(780px,calc(100svh - 60px));max-height:calc(100svh - 60px);overflow:hidden}
#appointmentModal .modal-body{background:#212e35;display:flex;flex-direction:column;height:100%;padding:0}
#appointmentModal .appointment-modal-header{background:#4c8c8f;box-sizing:border-box;color:#fff;flex:0 0 60px;position:relative;top:0}
#appointmentModal .modal-bodycontent{background:#212e35;flex:1;min-height:0;overflow:auto;scrollbar-width:none}
#appointmentModal .meetings-iframe-container{background:#212e35;min-height:0;width:100%}
#appointmentModal .modal-bodycontent::-webkit-scrollbar{display:none}
#appointmentModal .modal-bodycontent iframe{height:885px!important;width:100%}
.development-page .sitekeyfeatures{float:left;margin-bottom:0;padding-top:30px;width:100%}
.development-page .sitekeyfeatures ul:last-child{margin-bottom:0}
.development-page .intro-point-container{float:left;width:100%;margin:15px 0 0 0}
.development-page .intro-point{float:left;margin-bottom:5px;width:100%}
.development-page .intro-point img{float:left;margin:7px 7px 0 0;height:13px;width:auto}
.development-page .intro-point span{font-family:OutfitBold;padding-right:3px}
.development-page .carousel-half{padding-bottom:10px}
.development-page .housetype-infocard .seasonal-icon{align-items:center!important;background:transparent!important;border:none!important;bottom:42px!important;color:#fff!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;font-family:OutfitRegular, sans-serif!important;font-size:13px!important;font-style:normal!important;font-synthesis:none;font-weight:400!important;gap:8px!important;height:18px!important;left:30px!important;line-height:18px!important;margin:0!important;max-width:calc(100% - 125px)!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:auto!important;z-index:3}
.development-page .housetype-infocard .seasonal-icon-dot{border:1px solid #fff!important;border-radius:50%;display:block!important;flex:0 0 14px!important;height:14px!important;margin:0!important;padding:0!important;width:14px!important}
.development-page .housetype-infocard .seasonal-icon,.development-page .housetype-infocard .seasonal-icon *{font-family:OutfitRegular, sans-serif!important;font-size:13px!important;font-style:normal!important;font-synthesis:none!important;font-weight:400!important;letter-spacing:0!important;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.development-page .housetype-infocard .seasonal-icon-text{color:#fff!important;display:block!important;line-height:18px!important;margin:0!important;padding:0!important;white-space:nowrap!important}
.development-page .housetype-infocard .seasonal-icon-text strong,.development-page .housetype-infocard .seasonal-icon-text b{font-family:OutfitRegular, sans-serif!important;font-weight:400!important}
.development-page .housetype-infocard .seasonal-icon-square{display:none!important}
.development-page .housetype-infocard{position:relative}
.development-page .housetype-infocard .housetype-card-link{align-items:center;align-self:flex-start;background:#4c8c8f;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-family:OutfitRegular,sans-serif;font-size:13px;gap:10px;height:46px;justify-content:center;padding:0 20px;position:relative;text-decoration:none;width:auto;z-index:9}
.development-page .housetype-infocard .housetype-card-link::after{background-image:url("/hubfs/_2025/Website/DuchyHomes/zAssets/UI/Icons/rightarrow.svg");background-position:center;background-repeat:no-repeat;background-size:contain;content:"";display:block;flex:0 0 16px;height:16px;width:16px}
.development-page .housetype-infocard .housetype-card-link:hover{background:#457f82}
.development-page .housetype-infocard .housetype-card-link:focus-visible{outline:3px solid #fff;outline-offset:3px}
.development-page .info-icon{cursor:pointer;z-index:9}
.development-page .splide__pagination{display:none!important}
.development-page .my-carousel-progress.hidden{display:none}
.development-page .splide__arrows.splide__arrows--ltr.hidden{display:none}
.development-page .housetype-infocard .ht-marketing-incentive{clear:both;color:#fff;float:left;font-family:OutfitRegular,sans-serif;font-size:13px;line-height:1.65;margin:40px 0 0;width:100%}
.development-page .housetype-infocard .ht-marketing-plot{color:#c5b48e;display:block;font-family:OutfitRegular,sans-serif;line-height:1.2;margin-bottom:14px}
.development-page .housetype-infocard .ht-marketing-incentive>.seasonal-icon{bottom:auto!important;height:auto!important;left:auto!important;margin:0 0 14px!important;max-width:100%!important;position:static!important;width:auto!important}
.development-page .housetype-infocard .ht-marketing-copy{display:block}
.development-page .divider{margin:0 10px}
.development-page .modal-contact-container{float:left;width:100%}
.development-page .modal-contact-icon{background:#4c8c8f;border-radius:50%;float:left;height:30px;width:30px;padding:7px;margin:-4px 10px 16px 0}
.development-page .opening-hours-table{border-radius:10px;overflow:hidden;float:left;margin:15px 0;width:100%}
.development-page .opening-hours-table tr:nth-child(odd){background:#1a282e}
.development-page .opening-hours-table td{padding:0 15px;height:50px}
.development-page .hideblock{display:none}
.development-page button#resetFilters{background-color:#457f82;border:none;right:0;top:0;bottom:auto;color:#fff;cursor:pointer;position:absolute;text-align:center;height:60px;padding:0 23px;z-index:9}
.development-page .filters{padding:15px 0;overflow:scroll}
.development-page .filter-group{float:left;display:flex;flex-wrap:wrap;gap:15px;width:100%}
.development-page .filters h3{color:#c5b48e;display:none}
.development-page .status-filter,.development-page .move-in-filter,.development-page .beds-filter,.development-page .price-filter,.development-page .housetype-filter{white-space:nowrap}
.development-page .filters input[type="checkbox"]{display:none}
.development-page .filters label{background:#1a282e;border-radius:10px;color:#fff;cursor:pointer;padding:10px 30px;user-select:none;line-height:1.1;border:2px solid #24343b;font-size:13px;text-align:center;margin:0 15px}
.development-page .filters label:first-child{margin:0 15px 0 30px}
.development-page .filters label:last-child{margin:0 30px 0 10px}
.development-page .filters .ht-group label{width:calc(33.333% - 10px)}
.development-page .filters label span.ht-style{color:#c5b48e;font-size:11px;margin:-15px 0 0}
.development-page .status-filter-copy{display:inline-block;vertical-align:middle}
.development-page .status-count-meta{display:block;font-size:11px;line-height:1.2;margin-top:2px}
.development-page .filter-btn:has(input:checked){border:2px solid #457f82;background-color:#4d8d8f33}
.development-page .filter-btn:has(input:disabled){border:2px solid #C0392B;background-color:#c0392b52;cursor:not-allowed;opacity:0.25}
#RegisterInterest{position:relative;width:100%;float:left;height:60px}
#RegisterInterestContainer{float:right;width:100%;max-width:500px;border-radius:10px 10px 0 0;margin:-60px 0 40px 0;background-color:#212e35;color:#fff;position:relative;z-index:2}
.register-content-container{padding:60px 30px 30px 30px;float:left;width:100%;height:100%;overflow:auto}
.development-page #autocomplete{width:calc(100% - 8px)!important;margin:20px 0 10px 0}
.development-page input[type=number],.development-page input[type=email],.development-page input[type=tel],.development-page input[type=text],.development-page .hs-input,.development-page #autocomplete{padding:10px 20px;border-radius:10px;border:none!important;font-size:13px;outline:0;background:#1a282e;color:#fff;height:46px}
.development-page .beds-filter .filter-btn,.development-page .filter-btn{width:40%}
.development-page .status-filter .filter-btn{width:auto}
.development-page .move-in-filter .filter-btn{width:auto}
.development-page .price-filter .filter-btn{width:54%}
.development-page .status-filter .filter-btn,.development-page .move-in-filter .filter-btn,.development-page .beds-filter .filter-btn,.development-page .price-filter .filter-btn,.development-page .filter-btn{height:56.5px;line-height:31px}
.development-page .housetype-filter .filter-btn{width:35%;line-height:initial;height:56.5px}
.development-page .mobile-footer-contact-container{bottom:30px;display:flex;height:50px;position:fixed;width:calc(100% - 60px);z-index:999;background:#212e35;left:30px;border-radius:50px;opacity:1}
.development-page .mobile-footer-contact-container.hidden{opacity:1}
.development-page .mobile-contact-btn1{background:#212e35;align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%;border-radius:60px;border:none}
.development-page .mobile-contact-btn2{align-items:center;background:#c5b48f;display:flex;flex-direction:column;height:60px;justify-content:center;min-width:60px;margin-top:-5px;border-radius:50%;box-shadow:0px 0px 15px 0px rgba(0,0,0,0.1)}
.development-page #pricelist-table{float:left;max-width:100%;min-width:100%;table-layout:fixed;width:auto}
.development-page #pricelist-table th,.development-page #pricelist-table td{padding:15px;white-space:nowrap}
.development-page #pricelist-table th{color:#c4b38e}
.development-page #pricelist-table td{color:#fff}
.development-page #pricelist-table th:first-child,.development-page #pricelist-table td:first-child{padding-left:30px;position:sticky;left:0;background:inherit;z-index:2}
.development-page #pricelist-table th:last-child,.development-page #pricelist-table td:last-child{padding-right:30px}
.development-page #pricelist-table tbody tr:nth-child(odd){background:#1a282e}
.development-page #pricelist-table thead th:first-child,.development-page #pricelist-table tbody tr:nth-child(even){background:#212e35}
.development-page #pricelist-table .seasonal-icon{float:left;padding:0px 16px;position:relative;bottom:0;border-radius:10px;font-size:13px;z-index:1;margin-right:15px}
.development-page #first-slider .housetype-infocard .copy-container{display:flex;flex:1 1 auto;flex-direction:column;height:auto!important;min-height:0!important}
.development-page .housetype-infocard:not(.plot-lightbox-infocard) .availability-card-footer{display:flex;flex-direction:column;gap:24px;margin-top:auto;padding:30px 0 0;width:100%}
.development-page .housetype-infocard:not(.plot-lightbox-infocard) .availability-card-footer>.seasonal-icon{bottom:auto!important;height:auto!important;left:auto!important;margin:0!important;max-width:100%!important;position:static!important;width:auto!important}
.development-page .housetype-infocard:not(.plot-lightbox-infocard) .front-card>.copy-container>.ht-price{float:none;font-family:made-mirage-medium,serif;font-size:22px;line-height:1.2;margin:20px 0 0;padding:0;position:static;text-align:left;white-space:nowrap;width:100%}
.development-page .pricelist-bedroom-filter-wrap{display:flow-root}
.development-page #pricelist-table tbody tr.is-price-list-hidden{display:none}
.development-page #pricelist-table tbody tr.is-price-list-odd{background:#1a282e}
.development-page #pricelist-table tbody tr.is-price-list-even{background:#212e35}
@media only screen and (min-width:440px){
  .development-page .container-viewer{min-height:calc(100svh - 400px)}
}
@media only screen and (max-width:549px){
  .pagefooter{padding:30px 0 105px 0!important}
}
.development-page .loading{position:absolute;z-index:1}
.development-page .loader{-webkit-animation:spin 2s linear infinite;border:10px solid #212e35;border-radius:50%;border-top-color:#4d8d8e;height:130px;width:130px}
@-webkit-keyframes spin{
  0%{-webkit-transform:rotate(0deg)}
  100%{-webkit-transform:rotate(360deg)}
}
@media only screen and (min-width:390px){
  .development-page .intro-point{width:50%}
}
@media only screen and (min-width:420px){
  .development-page #pills-tab-main li.nav-item:first-child{margin-left:10px}
  .development-page #pills-tab-main li.nav-item:last-child{margin-right:10px}
  .development-page #pills-tab-1,.development-page #pills-tab-2,.development-page #pills-tab-3,.development-page #pills-tab-4,.development-page #pills-tab-5,.development-page #pills-tab-6{padding:0 20px}
}
@media only screen and (min-width:500px){
  .development-page .status-filter .filter-btn,.development-page .beds-filter .filter-btn,.development-page .filter-btn,.development-page .housetype-filter .filter-btn{width:33%}
  .development-page .move-in-filter .filter-btn{width:auto}
  .development-page .price-filter .filter-btn{width:36%}
}
@media only screen and (min-width:550px){
  .development-page .intro-point{width:auto;margin-right:30px}
  .development-page .intro-point:last-child{margin-right:0}
  .development-page .mobile-footer-contact-container{display:none}
}
@media only screen and (min-width:720px){
  .development-page .formob{display:none}
  .development-page #RegisterInterestContainer{height:690px;border-radius:10px}
  .development-page .status-filter .filter-btn,.development-page .move-in-filter .filter-btn,.development-page .beds-filter .filter-btn,.development-page .price-filter .filter-btn,.development-page .filter-btn{width:auto}
  .development-page .housetype-filter .filter-btn{width:25%}
  .development-page .carousel-half{position:relative;float:right;width:100%;overflow-x:hidden}
  .development-page .carousel-half .splide{margin:inherit}
  .development-page #VirtualTourModal .modal-fullscreen{width:calc(100svw - 120px);height:calc(100svh - 120px);margin:60px}
}
@media only screen and (min-width:720px){
  .development-page .development-plan-map-wrap{
    box-sizing:border-box;
    margin:0 60px;
    max-width:none;
    width:calc(100% - 120px);
  }
}
@media only screen and (min-width:1220px){
  .development-page #pills-tab-main{overflow-x:hidden;width:calc(100% - 120px)}
  .development-page .tab-navigation-container::before,.development-page .tab-navigation-container::after{width:60px}
  .development-page #pills-tab-main li.nav-item:first-child{margin-left:-20px}
  .development-page #pills-tab-main li.nav-item:last-child{margin-right:unset}
  .development-page .intro-point{width:50%;margin:0 0 5px 0}
  .development-page .quarterly-campaign{padding:60px}
  .development-page .floor-label{display:contents}
  .development-page .container-viewer{border-radius:10px;flex:1 1 auto;min-height:500px;min-width:0;width:calc(100% - 610px)}
  .development-page .key-container{border-radius:10px;display:flex;flex:0 0 460px;flex-direction:column;max-height:calc(100svh - 180px);min-height:calc(100svh - 250px);overflow:visible;width:460px}
  .development-page .key-container-inner{overflow-x:hidden;overflow-y:auto;height:100%}
  .development-page .key-tabs{display:none}
  .development-page .status-filter,.development-page .move-in-filter,.development-page .beds-filter,.development-page .price-filter,.development-page .housetype-filter{white-space:unset;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
  .development-page label.filter-btn span.plotdot{vertical-align:middle;margin:-12px -10px -5px 0}
  .development-page #pills-tabContent-sitemap>.tab-pane{display:block}
  .development-page .key-tab-content .fade{transition:none!important}
  .development-page .filters{padding:0}
  .development-page .filters h3{display:block;width:100%;margin-bottom:5px;text-align:center}
  .development-page .price-filter,.development-page .housetype-filter{flex-wrap:wrap}
  .development-page .price-filter label.filter-btn,.development-page label.filter-btn{width:calc(50% - 7px)}
  .development-page .status-filter label.filter-btn,.development-page .move-in-filter label.filter-btn,.development-page .beds-filter label.filter-btn{flex:1 1 auto}
  .development-page .status-filter label.filter-btn{width:calc(33% - 7px);max-width:33%}
  .development-page .housetype-filter label.filter-btn{width:calc(33.333% - 7px);line-height:1.2}
  .development-page .filter-group:first-child{padding:30px 30px 15px 30px}
  .development-page .filter-group:last-child{padding:15px 30px 30px 30px}
  .development-page .filter-group{padding:15px 30px}
  .development-page .filters label{padding:12px}
  .development-page .filters label,.development-page .filters label:first-child,.development-page .filters label:last-child{margin:0;position:relative}
  .development-page button#resetFilters{background-color:#4c8c8f;border-radius:10px 10px 0 10px;top:-25px;bottom:unset;height:50px;padding:0 50px 0 20px}
  .development-page button#resetFilters:after{background-image:url(/hubfs/_2025/Website/Icons/ActiveSitePlan/ResetZoom.svg);background-repeat:no-repeat;content:"";flex-shrink:0;height:16px;margin-left:auto;margin-top:2px;right:20px;width:16px;filter:brightness(5);position:absolute}
  .development-page .status-filter .filter-btn,.development-page .move-in-filter .filter-btn,.development-page .beds-filter .filter-btn,.development-page .price-filter .filter-btn,.development-page .housetype-filter .filter-btn,.development-page .filter-btn{width:unset;height:unset;line-height:unset}
  .development-page button.usp:hover,.development-page .intro-btn:hover{background:#457f82}
.development-page .sitemap-flex{align-items:stretch;float:none;flex-wrap:nowrap;gap:40px;margin:0;padding-top:60px;width:100%}
.development-page .container-viewer{flex:1 1 auto;min-height:500px;min-width:0;width:auto}
.development-page .key-container{align-self:stretch;flex:0 0 460px;height:calc(100svh - 250px);max-height:none;min-height:500px;width:460px}
.development-page .key-container-inner{flex:1 1 auto;height:auto;min-height:0;overflow-x:hidden;overflow-y:auto}
.development-page .key-container #pills-tabContent-sitemap{display:block;width:100%}
.development-page .key-container #pills-tabContent-sitemap>.filter-group{box-sizing:border-box;display:block!important;width:100%}
.development-page .key-container .status-filter,.development-page .key-container .move-in-filter,.development-page .key-container .beds-filter,.development-page .key-container .price-filter,.development-page .key-container .housetype-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
  .development-page .key-container .status-filter>.filter-btn:last-child:nth-child(odd),.development-page .key-container .move-in-filter>.filter-btn:last-child:nth-child(odd),.development-page .key-container .beds-filter>.filter-btn:last-child:nth-child(odd),.development-page .key-container .price-filter>.filter-btn:last-child:nth-child(odd),.development-page .key-container .housetype-filter>.filter-btn:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;width:calc(50% - 5px)!important}
.development-page .key-container .filter-group,.development-page .key-container .filter-group:first-child,.development-page .key-container .filter-group:last-child{box-sizing:border-box;padding:25px;width:100%}
.development-page .key-container .filter-btn,.development-page .key-container .status-filter label.filter-btn,.development-page .key-container .move-in-filter label.filter-btn,.development-page .key-container .beds-filter label.filter-btn,.development-page .key-container .price-filter label.filter-btn,.development-page .key-container .housetype-filter label.filter-btn{box-sizing:border-box;margin:0!important;max-width:none!important;width:100%!important}
}
.development-page .intro-description-group{clear:both;width:100%;padding-top:30px}
.development-page .intro-description{width:100%}
.development-page .intro-description>p:first-child{margin-top:0}
@media only screen and (min-width:720px){
  .development-page .intro-description-group--mobile-only .intro_truncated{display:none}
  .development-page .intro-description-group--mobile-only .intro_full.hideblock{display:block}
}
@media only screen and (min-width:1220px){
  .development-page .topbar-contact-container{display:block}
  .development-page span.topbar-desk{display:none}
}
@media only screen and (min-width:1220px){
  .development-page span.topbar-tab{display:none}
  .development-page span.topbar-desk{display:block}
  .development-page .intro-point{width:auto;margin:0 30px 5px 0}
}
@media only screen and (min-width:1440px){
  .development-page .tab-navigation-container::before,.development-page .tab-navigation-container::after{width:calc((100% - 1440px) / 2);min-width:60px}
}
.development-page .container-viewer.is-2d .walkaround-dot{display:none!important}
.development-page .walkaround-dot{position:absolute;z-index:2;border:none;background:transparent;background-image:url("/hubfs/_2025/Website/DuchyHomes/DevelopmentPlan/_Icons/VirtualWalkaround.svg");background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:auto;touch-action:manipulation;cursor:pointer;padding:0;margin:0;appearance:none;-webkit-appearance:none;box-shadow:none;transform:translate(-50%, -100%);transition:transform 0.2s ease, filter 0.2s ease;filter:brightness(5) drop-shadow(0 2px 4px rgba(0,0,0,0.35))}
.development-page .walkaround-dot:hover{transform:translate(-50%, -100%) scale(1.2)}
.development-page .walkaround-dot:focus{outline:none}
.development-page .walkaround-dot:focus-visible{outline:2px solid #fff;outline-offset:3px}
.development-page .plotdot:hover{transform:translate(calc(-50% + 0px), -50%) scale(1.2)}
.development-page .housetype-infocard .ht-img{aspect-ratio:4 / 3;object-fit:cover;width:100%;height:auto;display:block}
.development-page .plotdot.Unsold:not(.is-dimmed){animation:availablePlotPulse 1s ease-in-out infinite}
@keyframes availablePlotPulse{
  0%{box-shadow:0 0 0 0 rgba(255, 255, 255, 0.75)}
  70%{box-shadow:0 0 0 18px rgba(255, 255, 255, 0)}
  100%{box-shadow:0 0 0 0 rgba(255, 255, 255, 0)}
}
.development-page label.filter-btn span.plotdot.Unsold{animation:none;box-shadow:none}
.development-page .promo-image-mob,.development-page .promo-image-desk{position:relative;overflow:hidden}
.development-page .promo-main-img{width:100%;height:100%;object-fit:cover;display:block}
@media only screen and (max-width:719px){
  .footer-pano{position:relative;z-index:2;overflow:visible}
  .footer-pano .masterwrap{position:relative;z-index:2;overflow:visible}
  #RegisterInterestContainer{position:relative;z-index:3;overflow:visible}
  #RegisterInterestContainer > .wave{z-index:4;pointer-events:none}
  .mob-footer-pano{position:relative;z-index:1;margin-top:-30px}
}
.development-page .availability-controls-wrap{display:block}
.development-page .availability-controls-row{align-items:center;display:flex;gap:30px;justify-content:space-between;margin-bottom:60px;width:100%}
.development-page .availability-controls-wrap .ht-bedroom-filter-row{clear:none;flex:1 1 auto;margin:0;min-width:0;width:auto}
.development-page .availability-controls-wrap .ht-bedroom-filter-inner{min-width:max-content;padding-left:0;padding-right:0}
.development-page .availability-controls-wrap .ht-bedroom-filter-title{flex:0 0 auto;margin:0 15px 0 0;width:auto}
.development-page .availability-view-toggle{align-items:center;appearance:none;background:transparent;border:0;color:#fff;cursor:pointer;display:inline-flex;flex:0 0 auto;font-family:OutfitRegular, sans-serif;font-size:15px;font-weight:400;gap:10px;height:56.5px;justify-content:flex-start;line-height:1.2;padding:0;text-align:left;white-space:nowrap;width:auto}
.development-page .availability-view-toggle-text{display:flex;text-align:right}
.development-page .availability-view-toggle:hover{background:transparent;color:#fff}
.development-page .availability-view-toggle:focus-visible{outline:2px solid #c5b48e;outline-offset:6px}
.development-page .availability-view-toggle-arrow{background-image:url("/hubfs/_2025/Website/DuchyHomes/zAssets/UI/Icons/rightarrow.svg");background-position:center;background-repeat:no-repeat;background-size:contain;display:block;flex:0 0 16px;height:16px;transform:rotate(0deg);transform-origin:center;width:16px}
.development-page .availability-view{clear:both;width:100%}
.development-page .availability-view[hidden]{display:none!important}
.development-page .availability-view--price-list,.development-page .availability-view--price-list .availability-pricelist-container{float:left;width:100%}
.development-page .availability-empty-message{background:#1a282e;border-radius:10px;color:#fff;font-family:OutfitRegular, sans-serif;font-size:15px;line-height:1.5;margin:0 auto 60px;max-width:1380px;padding:35px 30px;text-align:center;width:calc(100% - 60px)}
.development-page .availability-empty-message[hidden]{display:none!important}
@media only screen and (max-width:719px){.development-page .availability-controls-row{display:block;margin-bottom:30px;position:relative}.development-page .availability-controls-wrap .ht-bedroom-filter-row{margin:0;width:100%}.development-page .availability-controls-wrap .ht-bedroom-filter-inner{display:flex;flex-wrap:wrap;gap:12px;min-width:0;padding-left:0;padding-right:0;width:100%}.development-page .availability-controls-wrap .ht-bedroom-filter-title{box-sizing:border-box;flex:0 0 100%;font-size:15px;margin:0 0 12px 0;padding-right:120px;width:100%}.development-page .availability-view-toggle{height:auto;min-height:30px;position:absolute;right:0;top:-6px;width:auto;z-index:3}.development-page .availability-empty-message{margin-bottom:60px;padding:30px}}
@media (prefers-reduced-motion:reduce){
  .development-page .availability-view-toggle-arrow{transition:none}
}
.development-page{float:left;position:relative;width:100%}
.development-page .plot-timeline{float:left;margin:-15px 0 30px;width:100%}
.development-page .plot-timeline .seasonal-icon{border-radius:10px;display:inline-block;font-family:OutfitRegular,sans-serif;font-size:13px;padding:8px 16px}
.development-page #PlotLightboxModal .modal-dialog{margin:30px auto;max-width:400px;width:calc(100vw - 60px)}
.development-page #PlotLightboxModal .modal-content{background:transparent;border:0;box-sizing:border-box;max-width:100%;min-width:0;overflow:visible;width:100%}
.development-page #PlotLightboxModal .plot-lightbox-infocard{box-sizing:border-box;margin:0!important;max-width:100%;min-width:0;width:100%!important}
.development-page #PlotLightboxModal [hidden]{display:none!important}
.development-page #PlotLightboxModal .plot-lightbox-card{background:#1a282e;border-radius:10px;display:flex!important;flex-direction:column;height:auto!important;min-height:0!important;overflow:hidden;width:100%}
.development-page #PlotLightboxModal .plot-lightbox-card>.ht-img{aspect-ratio:16/10!important;border-radius:10px 10px 0 0!important;display:block!important;height:auto!important;object-fit:cover;width:100%!important}
.development-page #PlotLightboxModal .ht-incentive-strip{box-sizing:border-box;height:auto;max-width:calc(100% - 16px);min-height:50px;overflow:visible;padding:8px 24px}
.development-page #PlotLightboxModal .ht-incentive-star{flex:0 0 auto}
.development-page #PlotLightboxModal .ht-incentive-text{line-height:1.2;white-space:normal}
.development-page #PlotLightboxModal .plot-lightbox-card>.wave{height:40px!important;min-height:40px!important}
.development-page #PlotLightboxModal .plot-lightbox-card>.copy-container{background:#1a282e;box-sizing:border-box;color:#fff;display:flex!important;flex:1 1 auto;flex-direction:column;height:auto!important;min-height:0!important;padding:8px 30px 26px!important;width:100%}
.development-page #PlotLightboxModal .plot-lightbox-card .copy-container h2{color:#fff;float:none;font-family:made-mirage-medium,serif;font-size:28px;line-height:1.15;margin:0 0 10px;padding:0;width:100%}
.development-page #PlotLightboxModal .plot-lightbox-card .copy-container h3{color:#c5b48e;float:none;font-family:OutfitRegular,sans-serif;font-size:13px;font-weight:400;line-height:1.4;margin:0;padding:0;width:100%}
.development-page #PlotLightboxModal .plot-lightbox-card>.copy-container>.ht-price{bottom:auto!important;color:#fff;float:none;font-family:made-mirage-medium,serif;font-size:22px;left:auto!important;line-height:1.2;margin:16px 0 0;padding:0;position:static!important;right:auto!important;text-align:left;top:auto!important;white-space:nowrap;width:100%;z-index:auto}
.development-page #PlotLightboxModal .plot-lightbox-detail{clear:none;color:#fff;display:flex!important;float:none;flex-direction:column;font-family:OutfitRegular,sans-serif;font-size:12px;gap:12px;line-height:1.55;margin:24px 0 0;width:100%}
.development-page #PlotLightboxModal .plot-lightbox-detail .ht-marketing-plot{color:#c5b48e;display:block;font-family:OutfitRegular,sans-serif;font-size:13px;line-height:1.2;margin:0}
.development-page #PlotLightboxModal .plot-lightbox-detail>.seasonal-icon{bottom:auto!important;height:auto!important;left:auto!important;margin:0!important;max-width:100%!important;position:static!important;right:auto!important;top:auto!important;width:auto!important}
.development-page #PlotLightboxModal .plot-lightbox-detail>.seasonal-icon .seasonal-icon-dot{flex:0 0 12px!important;height:12px!important;width:12px!important}
.development-page #PlotLightboxModal .plot-lightbox-detail>.seasonal-icon,.development-page #PlotLightboxModal .plot-lightbox-detail>.seasonal-icon *{font-size:13px!important}
.development-page #PlotLightboxModal .plot-lightbox-detail>.ht-marketing-copy{display:block;margin:0}
.development-page #PlotLightboxModal .availability-card-footer{display:flex!important;flex-direction:column;margin-top:auto;padding:24px 0 0!important;position:static!important;width:100%}
.development-page #PlotLightboxModal .availability-card-footer .housetype-card-link{align-items:center!important;align-self:stretch!important;background:transparent!important;border:0!important;border-radius:0!important;border-top:1px solid #34474f!important;bottom:auto!important;color:#fff!important;display:flex!important;font-family:OutfitRegular,sans-serif;font-size:13px;gap:10px;height:auto!important;justify-content:flex-end!important;left:auto!important;margin:0!important;padding:15px 0 0!important;position:static!important;right:auto!important;text-align:right!important;top:auto!important;width:100%!important}
.development-page #PlotLightboxModal .availability-card-footer .housetype-card-link:hover{background:transparent!important;color:#c5b48e!important}
.development-page #PlotLightboxModal .availability-card-footer .housetype-card-link::after{background-image:url("/hubfs/_2025/Website/DuchyHomes/zAssets/UI/Icons/rightarrow.svg");background-position:center;background-repeat:no-repeat;background-size:13px!important;border:1px solid #c5b48e;border-radius:50%;content:"";display:block;flex:0 0 30px;height:30px;width:30px}
.house-type-page .deferred-tour-status{align-items:center;display:flex;justify-content:center;min-height:120px}
.house-type-page .deferred-tour-status{color:#fff;height:100%;inset:0;position:absolute;width:100%}
.house-type-page .house-type-matterport-iframe{opacity:0;transition:opacity .2s ease}
.house-type-page .house-type-tour-frame.is-loaded .house-type-matterport-iframe{opacity:1}
.house-type-page .house-type-tour-frame.is-loaded .deferred-tour-status{display:none}
.development-page #Gallery>.masterwrap{display:flow-root;padding-bottom:90px}
.development-page .development-gallery-filter-section{background:#1a282e;box-sizing:border-box;clear:both;margin:0!important;padding:30px 0;width:100%}
.development-page .development-gallery-filter-inner{box-sizing:border-box;margin:0 auto;max-width:1440px;width:calc(100% - 120px)}
.development-page .development-gallery-filter-title{color:#c5b48e;font-family:OutfitRegular,sans-serif;font-size:15px;font-weight:400;line-height:1.2;margin:0 0 15px}
.development-page .development-gallery-selector{margin:0;width:100%}
.development-page .development-gallery-selector .splide__track{overflow:hidden}
.development-page .development-gallery-selector .splide__list{align-items:stretch}
.development-page .development-gallery-selector-slide{width:auto!important}
.development-page .development-gallery-selector-btn{align-items:center;background:#212e35;border:1px solid #24343b;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:OutfitRegular,sans-serif;font-size:13px;height:56.5px;justify-content:center;padding:0 30px;transition:background-color .2s ease,border-color .2s ease;color .2s ease;white-space:nowrap;width:auto}
.development-page .development-gallery-selector-btn:hover{border-color:#457f82}
.development-page .development-gallery-selector-btn.is-active{background:#4d8d8f33;border-color:#457f82}
.development-page .development-gallery-selector-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
.development-page .development-gallery-container{background:#212e35;clear:both;margin:0!important;padding:120px 0;width:100%}
.development-page .development-gallery-content{clear:both;width:100%}
.development-page .development-gallery-panels{clear:both;position:relative;transition:min-height .18s ease;width:100%}
.development-page .development-gallery-panel{clear:both;width:100%}
.development-page .development-gallery-panel[hidden]{display:none!important}
.development-page .development-gallery-panel.is-preparing{display:block!important;inset:0;pointer-events:none;position:absolute;visibility:hidden;width:100%;z-index:-1}
.development-page #first-slider .splide__track{transition:min-height .18s ease}
.development-page .development-house-type-gallery-slider{margin:0 auto;max-width:1440px;width:calc(100% - 120px)}
.development-page .development-gallery-slide{border-radius:10px;overflow:hidden}
.development-page .development-gallery-slide img{aspect-ratio:3/2;display:block;height:auto;object-fit:cover;width:100%}
.development-page .development-gallery-disclaimer{clear:both;color:#fff;display:block;padding:30px 0 0}
@media only screen and (max-width:719px){
  .development-page #Gallery>.masterwrap{padding-bottom:60px}
  .development-page .development-gallery-filter-section{padding:30px 0}
  .development-page .development-gallery-filter-inner{width:100%}
  .development-page .development-gallery-filter-title{margin:0 30px 15px}
  .development-page .development-gallery-selector{margin:0;width:100%}
  .development-page .development-gallery-selector .splide__track{padding-left:30px!important;padding-right:30px!important}
  .development-page .development-gallery-selector-btn{height:56.5px;padding:0 24px}
  .development-page .development-gallery-container{padding:60px 0 90px}
  .development-page .development-house-type-gallery-slider{margin:0;width:100%}
  .development-page .development-house-type-gallery-slider .splide__track{padding-left:30px!important;padding-right:30px!important}
  .development-page .development-house-type-gallery-slider .development-gallery-slide{flex:0 0 calc(100% - 30px)!important;width:calc(100% - 30px)!important}
}
@media only screen and (min-width:720px){.development-page #Overview .right-col{align-self:flex-start;aspect-ratio:4/3;height:auto!important;min-height:0!important}}
.development-page #OurHomes{overflow-x:clip!important;overflow-y:visible!important;position:relative}
/* The intro uses floated legacy layout. Contain it, then explicitly clear before the sticky bar
   so the strip cannot rise behind the white intro while its controls are pushed further down. */
.development-page #OurHomes>.our-homes-intro-wrap{display:flow-root}
/* Sticky filters belong to the carousel, not to subsequent promotions.
   Containing the filter and the carousel makes position:sticky release at
   the carousel/disclaimer boundary, before the raised promo label appears. */
.development-page #OurHomes .availability-sticky-scope{display:flow-root;position:relative;width:100%}
.development-page #OurHomes .availability-sticky-bar{background:#1a282e;box-sizing:border-box;clear:both;display:block;float:none;margin:0!important;padding:0!important;position:sticky!important;top:var(--sticky-stack-height)!important;width:100%;z-index:99}
.development-page #OurHomes .availability-filter-title{color:#c5b48e;font-family:inherit;font-weight:400;line-height:1.15;white-space:nowrap}
.development-page #OurHomes .availability-filter-buttons{display:flex;flex-wrap:nowrap}
.development-page #OurHomes .availability-feature-filter-btn{background:#212e35;border:1px solid #24343b;border-radius:10px;color:#fff;cursor:pointer;font-family:inherit;font-size:13px;white-space:nowrap}
.development-page #OurHomes .ht-bedroom-filter-btn,.development-page #OurHomes .availability-feature-filter-btn{background:#212e35;border-color:#24343b;border-width:1px}
.development-page #OurHomes .ht-bedroom-filter-btn.is-active,.development-page #OurHomes .availability-feature-filter-btn.is-active{background-color:#4d8d8f33;border-color:#457f82}
.development-page #OurHomes .ht-bedroom-filter-btn:disabled,.development-page #OurHomes .availability-feature-filter-btn:disabled{background-color:#c0392b52;border-color:#C0392B;color:#fff;cursor:not-allowed;opacity:.25}
.development-page .availability-homes-empty{margin-bottom:30px}

/* One vertical Our Homes card design at every screen size. */
.development-page #first-slider .housetype-infocard{align-self:stretch;display:flex!important;height:auto!important}
.development-page #first-slider .ht-mobile-card{background:#1a282e;border-radius:10px;display:flex!important;flex:1 1 auto;flex-direction:column;height:auto!important;min-height:100%;overflow:hidden;width:100%}
.development-page #first-slider .ht-mobile-card>.ht-img{border-radius:10px 10px 0 0!important;display:block;width:100%}
.development-page #first-slider .ht-mobile-card>.copy-container{background:#1a282e;box-sizing:border-box;color:#fff;display:flex;flex:1 1 auto;flex-direction:column;min-height:0;padding:18px 30px 30px;width:100%}

.development-page #first-slider .ht-mobile-card .copy-container h2{color:#fff;float:none;font-family:made-mirage-medium,serif;font-size:24px;line-height:1.15;margin:0 0 10px;padding:0;width:100%}
.development-page #first-slider .ht-mobile-card .copy-container h3{color:#c5b48e;float:none;font-family:OutfitRegular,sans-serif;font-size:13px;font-weight:400;line-height:1.4;margin:0;padding:0;width:100%}
.development-page #first-slider .ht-mobile-card>.copy-container>.ht-price{color:#fff;float:none;font-family:made-mirage-medium,serif;font-size:22px;line-height:1.2;margin:20px 0 0;padding:0;position:static;text-align:left;white-space:nowrap;width:100%}
.development-page #first-slider .ht-mobile-card .ht-marketing-incentive{clear:none;color:#fff;display:flex;float:none;flex-direction:column;font-family:OutfitRegular,sans-serif;font-size:13px;gap:12px;line-height:1.6;margin:30px 0 0;width:100%}
.development-page #first-slider .ht-mobile-card .ht-marketing-plot{color:#c5b48e;display:block;font-family:OutfitRegular,sans-serif;font-size:13px;line-height:1.2;margin:0}
.development-page #first-slider .ht-mobile-card .ht-marketing-incentive>.seasonal-icon{bottom:auto!important;height:auto!important;left:auto!important;margin:0!important;max-width:100%!important;position:static!important;width:auto!important}
.development-page #first-slider .ht-mobile-card .ht-marketing-incentive>.seasonal-icon .seasonal-icon-dot{flex:0 0 12px!important;height:12px!important;width:12px!important}
.development-page #first-slider .ht-mobile-card .ht-marketing-incentive>.seasonal-icon,.development-page #first-slider .ht-mobile-card .ht-marketing-incentive>.seasonal-icon *{font-size:13px!important}
.development-page #first-slider .ht-mobile-card .ht-marketing-copy{display:block}

.development-page #first-slider .ht-mobile-card .availability-card-footer{display:flex;flex-direction:column;margin-top:auto;padding:35px 0 0;width:100%}
.development-page #first-slider .ht-mobile-card .availability-card-footer .housetype-card-link{align-items:center;align-self:stretch;background:transparent;border:0;border-radius:0;border-top:1px solid #34474f;color:#fff;display:flex;font-family:OutfitRegular,sans-serif;font-size:13px;gap:10px;height:auto;justify-content:flex-end;margin:0;padding:15px 0 0;text-align:right;width:100%}
.development-page #first-slider .ht-mobile-card .availability-card-footer .housetype-card-link:hover{background:transparent;color:#c5b48e}
.development-page #first-slider .ht-mobile-card .availability-card-footer .housetype-card-link::after{background-size:13px;border:1px solid #c5b48e;border-radius:50%;flex:0 0 30px;height:30px;width:30px}

.development-page #first-slider .ht-incentive-strip{box-sizing:border-box;height:auto;max-width:calc(100% - 16px);min-height:50px;overflow:visible;padding:8px 24px}
.development-page #first-slider .ht-incentive-star{flex:0 0 auto;font-size:18px}
.development-page #first-slider .ht-incentive-text{font-size:13px;line-height:1.2;margin-left:10px;white-space:normal}

/* Raise each card's incentive ribbon 30px without clipping in Splide. */
.development-page #first-slider .splide__track{box-sizing:border-box;padding-top:30px!important}
.development-page #first-slider .housetype-infocard{overflow:visible}
.development-page #first-slider .housetype-infocard>.ht-incentive-strip{border-radius:10px 10px 10px 0;left:0;top:-30px;z-index:6}

/* Tablet + mobile: responsive Our Homes layout. */
@media only screen and (max-width:1219px){
.development-page #OurHomes .availability-sticky-bar{height:64px!important;min-height:64px!important;position:sticky!important;top:var(--sticky-stack-height)!important}
.development-page #OurHomes .availability-controls-wrap{box-sizing:border-box;display:block!important;float:none!important;height:64px!important;margin:0!important;max-height:64px!important;max-width:none!important;min-height:64px!important;padding:0!important;position:relative!important;width:100%!important}
.development-page #OurHomes .availability-controls-row{align-items:center!important;box-sizing:border-box;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:32px!important;height:64px!important;justify-content:flex-start!important;margin:0!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0 30px!important;position:static!important;scroll-padding-inline:30px;scrollbar-width:none;width:100%!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.development-page #OurHomes .availability-controls-row::-webkit-scrollbar{display:none}
.development-page #OurHomes .availability-filter-group{align-items:center!important;display:flex!important;flex:0 0 auto!important;flex-direction:row!important;gap:18px!important;min-width:max-content!important;width:auto!important}
.development-page #OurHomes .availability-filter-title{flex:0 0 auto;font-size:13px;line-height:1;margin:0!important;width:auto!important}
.development-page #OurHomes .availability-filter-buttons{align-items:center!important;display:flex!important;flex:0 0 auto!important;gap:10px!important;margin:0!important;overflow:visible!important;padding:0!important;width:auto!important}
.development-page #OurHomes .ht-bedroom-filter-btn{align-items:center!important;display:flex!important;flex:0 0 42px!important;font-size:13px!important;height:42px!important;justify-content:center!important;line-height:1!important;min-width:42px!important;padding:0!important;width:42px!important}
.development-page #OurHomes .availability-feature-filter-btn{align-items:center!important;display:flex!important;flex:0 0 auto!important;font-size:13px!important;height:42px!important;justify-content:center!important;line-height:1!important;padding:0 15px!important}

.development-page #OurHomes .ht-grid-container{background:#212e35;margin:0!important;padding:0!important}
.development-page #first-slider{clear:both;margin:0 30px;max-width:none;width:calc(100% - 60px)}
.development-page #first-slider .splide__list{align-items:stretch}
.development-page #homesAvailabilityView>.masterwrap{box-sizing:border-box;margin:0 30px!important;padding:30px 0 30px!important;width:calc(100% - 60px)}
.development-page #homesAvailabilityView>.masterwrap .disclaimer{display:block;margin:0}
  

}

@media only screen and (min-width:720px) and (max-width:1219px){
.development-page #homesAvailabilityView{padding:90px 0 60px!important}
.development-page #first-slider{margin:0 60px;width:calc(100% - 120px)}
.development-page #first-slider .ht-mobile-card>.copy-container{padding:18px 30px 30px}
.development-page #homesAvailabilityView>.masterwrap{margin:0 60px!important;width:calc(100% - 120px)}
.development-page #OurHomes .availability-controls-row{padding-left:60px!important;padding-right:60px!important;scroll-padding-inline:60px}
}

@media only screen and (max-width:719px){
.development-page #OurHomes .availability-sticky-bar{height:120px!important;min-height:120px!important;margin-top:60px!important;position:relative!important;top:auto!important;z-index:auto!important}
.development-page #OurHomes .availability-controls-wrap{height:120px!important;max-height:120px!important;min-height:120px!important}
.development-page #OurHomes .availability-controls-row{align-items:center!important;height:120px!important;min-height:120px!important;gap:28px!important;padding:0 30px!important;scroll-snap-type:x proximity}
.development-page #OurHomes .availability-filter-group{align-items:flex-start!important;flex-direction:column!important;gap:10px!important;scroll-snap-align:start}
.development-page #OurHomes .availability-filter-buttons{gap:10px!important}
.development-page #OurHomes .ht-bedroom-filter-btn{flex-basis:40px!important;height:40px!important;min-width:40px!important;width:40px!important}
.development-page #OurHomes .availability-feature-filter-btn{height:40px!important;padding:0 14px!important}

.development-page #homesAvailabilityView{padding:60px 0 0!important}

.development-page #first-slider{margin:0!important;width:100%!important}
.development-page #first-slider .splide__track{padding-left:30px!important;padding-right:30px!important}
.development-page #first-slider .housetype-infocard{flex:0 0 calc(100% - 30px)!important;width:calc(100% - 30px)!important}
.development-page #first-slider .splide__list{align-items:stretch}

.development-page #first-slider .ht-mobile-card>.ht-img{aspect-ratio:16 / 10!important;object-fit:cover}
.development-page #first-slider .ht-mobile-card>.wave{height:40px!important;min-height:40px!important}
.development-page #first-slider .ht-mobile-card>.copy-container{padding:8px 30px 26px}
.development-page #first-slider .ht-mobile-card>.copy-container>.ht-price{margin-top:16px}
.development-page #first-slider .ht-mobile-card .ht-marketing-incentive{margin-top:24px}
.development-page #first-slider .ht-mobile-card .availability-card-footer{padding-top:24px}

.development-page #homesAvailabilityView>.masterwrap{box-sizing:border-box;margin:0 30px!important;padding:0px 0 120px!important;width:calc(100% - 60px)}
.development-page #homesAvailabilityView>.masterwrap .disclaimer{display:block;margin:0}
}

/* Desktop carousel + controls. */
@media only screen and (min-width:1220px){
.development-page #OurHomes .ht-grid-container{display:flow-root;margin:0!important;overflow:visible!important;padding:0!important;position:relative}
.development-page #OurHomes .availability-sticky-bar{height:120px!important;margin-top:60px!important;min-height:120px!important;position:relative!important;top:auto!important;z-index:auto!important}
.development-page #OurHomes .availability-controls-wrap{box-sizing:border-box;display:block!important;float:none!important;height:120px!important;margin:0 auto!important;max-height:120px!important;min-height:120px!important;padding:0!important;position:relative!important}
.development-page #OurHomes .availability-controls-row{align-items:center!important;column-gap:36px!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;height:120px!important;justify-content:flex-start!important;margin:0!important;min-height:120px!important;overflow:visible!important;position:static!important;row-gap:0!important;width:100%!important}
.development-page #OurHomes .availability-filter-group{display:flex;flex:0 0 auto;flex-direction:column;gap:15px;justify-content:center}
.development-page #OurHomes .availability-filter-title{flex:0 0 auto;font-size:15px;line-height:1;margin:0!important;width:auto!important}
.development-page #OurHomes .availability-filter-buttons{align-items:center;display:flex;gap:15px}
.development-page #OurHomes .ht-bedroom-filter-btn{align-items:center;display:flex;height:40px;justify-content:center;line-height:1;min-width:40px;padding:0;width:40px}
.development-page #OurHomes .availability-feature-filter-btn{align-items:center;display:flex;height:40px;justify-content:center;line-height:1;padding:0 16px}

.development-page #homesAvailabilityView{margin:0!important;padding:120px 0 60px 0!important}
.development-page #first-slider{clear:both;margin:0 auto;max-width:1440px;width:calc(100% - 120px)}
.development-page #first-slider .splide__list{align-items:stretch}
.development-page #first-slider .housetype-infocard{align-self:stretch;display:flex!important;height:auto!important}

.development-page #homesAvailabilityView>.masterwrap{box-sizing:border-box;margin:0 auto!important;max-width:1440px;padding:0 0 120px!important;width:calc(100% - 120px)}
.development-page #homesAvailabilityView>.masterwrap .disclaimer{display:block;margin:0}
}

/* Keep card CTAs in the footer treatment already established in Our Homes. */
.development-page #first-slider .ht-mobile-card .availability-card-footer .housetype-card-link,.development-page #PlotLightboxModal .availability-card-footer .housetype-card-link{border-top:1px solid #34474f!important;justify-content:flex-end!important;padding:15px 0 0!important;text-align:right!important;width:100%!important}
.development-page #first-slider .ht-mobile-card .availability-card-footer .housetype-card-link::after,.development-page #PlotLightboxModal .availability-card-footer .housetype-card-link::after{background-size:13px!important;border:1px solid #c5b48e;border-radius:50%;flex:0 0 30px;height:30px;width:30px}

@media only screen and (max-width:1023px){
.development-page .hero-media-stage{height:45svh;max-height:none;min-height:0}
.development-page .development-hero-desktop-grid{display:none}
.development-page .development-hero-mobile-slider{display:block;height:100%;margin:0!important;padding:0!important;position:relative;width:100%!important;z-index:1}
.development-page .development-hero-mobile-slider .splide__track{height:100%;margin:0!important;overflow:hidden!important;padding:0!important;width:100%!important}
.development-page .development-hero-mobile-slider .splide__list{gap:0!important;height:100%;margin:0!important;padding:0!important}
.development-page .development-hero-mobile-slider .development-hero-mobile-slide{box-sizing:border-box;flex:0 0 100%!important;height:100%;margin:0!important;max-width:100%!important;min-width:100%!important;width:100%!important}
.development-page .development-hero-mobile-slider .development-hero-mobile-slide img{display:block;height:100%;object-fit:cover;width:100%}
}

.development-page .housetype-infocard .ht-incentive-strip.ht-incentive-strip--home-of-month,
.development-page #first-slider .ht-desktop-image .ht-desktop-feature-strip.ht-incentive-strip--home-of-month {
  background:#b5483d!important;
}

/* Keep the development-plan key filter sets at one stable depth. */
.development-page .key-container .status-filter .filter-btn,
.development-page .key-container .move-in-filter .filter-btn,
.development-page .key-container .beds-filter .filter-btn,
.development-page .key-container .price-filter .filter-btn{
  box-sizing:border-box;
  height:76px!important;
  min-height:76px!important;
}
.development-page .key-container .move-in-filter .filter-btn,
.development-page .key-container .beds-filter .filter-btn,
.development-page .key-container .price-filter .filter-btn{
  align-items:center;
  display:flex;
  justify-content:center;
  line-height:1.2!important;
}
.development-page .key-container .status-filter .filter-btn{
  align-items:center;
  display:flex;
  gap:12px;
  justify-content:center;
  line-height:1.2!important;
}
.development-page .key-container .status-filter-copy{
  align-items:flex-start;
  display:flex;
  flex-direction:column;
  line-height:1.2;
  margin-left:0!important;
  text-align:left;
}
.development-page .key-container .status-filter label.filter-btn span.plotdot{
  flex:0 0 13px;
  margin:0!important;
  top:0;
  vertical-align:initial;
}
.development-page .key-container .status-count-meta{margin-top:3px;}

/* Development-plan key: keep every filter button at one fixed depth. */
.development-page .key-container .housetype-filter .filter-btn{
  box-sizing:border-box;
  height:76px!important;
  min-height:76px!important;
}

/* Below desktop-key layout, retain the original single-row horizontal scroller. */
@media only screen and (max-width:1219px){
  .development-page .key-container .filters{
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
  }

  .development-page .key-container .status-filter,
  .development-page .key-container .move-in-filter,
  .development-page .key-container .beds-filter,
  .development-page .key-container .price-filter,
  .development-page .key-container .housetype-filter{
    display:block;
    white-space:nowrap;
    width:100%;
  }

  .development-page .key-container .status-filter .filter-btn,
  .development-page .key-container .move-in-filter .filter-btn,
  .development-page .key-container .beds-filter .filter-btn,
  .development-page .key-container .price-filter .filter-btn{
    display:inline-flex;
    vertical-align:top;
    width:auto!important;
  }

  .development-page .key-container .housetype-filter .filter-btn{
    display:inline-flex!important;
    vertical-align:top;
    width:auto!important;
  }
}

.development-page .key-container .housetype-filter .filter-btn{
  display:inline-flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  height:76px!important;
  min-height:76px!important;
  line-height:1.2!important;
}

.development-page .key-container .housetype-filter .filter-btn br{
  display:none;
}

.development-page .key-container .housetype-filter .filter-btn .ht-style{
  display:block;
  margin:2px 0 0!important;
  line-height:1.2;
}


/* Retain the approved 180px promo margin (150px visible above raised ribbon). */
.development-page #OurHomes .home-of-month-promo{
  margin-top:180px!important;
}

/* Prevent doubled descriptive captions if a cached version of HubL still
   supplies them within the carousel. The incentive offer text remains visible. */
.development-page #first-slider .housetype-infocard:has(> .ht-incentive-strip) .ht-marketing-incentive > .ht-marketing-plot,
.development-page #first-slider .housetype-infocard:has(> .ht-incentive-strip) .ht-marketing-incentive > .seasonal-icon{
  display:none!important;
}
.development-page #first-slider .housetype-infocard:has(> .ht-incentive-strip) .ht-marketing-incentive:not(:has(.ht-marketing-copy)){
  display:none!important;
}

/* Home of the Month — clean premium treatment using existing Duchy visual language */
.development-page .home-of-month-promo{
  align-items:stretch;
  background:#212e35;
  border-radius:10px;
  box-sizing:border-box;
  isolation:isolate;
  margin-top:180px; /* agreed gap above the 30px-raised promo ribbon */
  overflow:visible;
  position:relative;
  width:100%;
}

.development-page .home-of-month-promo .home-of-month-image{
  box-sizing:border-box;
  min-width:0;
  overflow:hidden;
  position:relative;
}

.development-page .home-of-month-promo .home-of-month-corner-label{
  align-items:center;
  background:#b5483d;
  border-radius:10px 10px 0 10px;
  color:#fff;
  display:flex;
  font-family:OutfitRegular,sans-serif;
  font-size:13px;
  gap:10px;
  box-sizing:border-box;
  height:auto;
  left:auto;
  right:0;
  line-height:1.2;
  max-width:calc(100% - 20px);
  min-height:50px;
  padding:8px 30px;
  pointer-events:none;
  position:absolute;
  top:-30px;
  white-space:normal;
  z-index:6;
}

.development-page .home-of-month-promo .home-of-month-corner-star{
  color:#fff;
  flex:0 0 auto;
  font-size:18px;
  line-height:1;
}

.development-page .home-of-month-promo .home-of-month-offer{
  align-self:stretch;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  float:none!important;
  justify-content:center;
  margin:0!important;
  max-width:none!important;
  min-width:0;
  position:relative;
  width:100%!important;
}

.development-page .home-of-month-promo .home-of-month-offer h2{
  float:none!important;
  font-family:made-mirage-medium,serif;
  font-weight:400;
  line-height:1.08;
  margin:0!important;
  max-width:none!important;
  padding:0!important;
  width:100%!important;
}

.development-page .home-of-month-promo .home-of-month-meta{
  float:none!important;
  font-family:OutfitRegular,sans-serif;
  font-weight:400;
  line-height:1.5;
  margin:14px 0 0!important;
  max-width:none!important;
  padding:0!important;
  width:100%!important;
}

.development-page .home-of-month-promo .home-of-month-highlights{
  border-bottom:1px solid rgba(197,180,142,.28);
  border-top:1px solid rgba(197,180,142,.28);
  box-sizing:border-box;
  display:grid;
  gap:0;
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin:28px 0 0;
  max-width:none;
  padding:22px 0;
  width:100%;
}

.development-page .home-of-month-promo .home-of-month-highlights.is-single{
  grid-template-columns:minmax(0,1fr);
}

.development-page .home-of-month-promo .home-of-month-highlight{
  box-sizing:border-box;
  min-width:0;
  padding:0 24px;
}

.development-page .home-of-month-promo .home-of-month-highlight:first-child{
  padding-left:0;
}

.development-page .home-of-month-promo .home-of-month-highlight+.home-of-month-highlight{
  border-left:1px solid rgba(197,180,142,.28);
}

.development-page .home-of-month-promo .home-of-month-highlight-value{
  color:#c5b48e;
  font-family:made-mirage-medium,serif;
  font-size:38px;
  font-weight:400;
  letter-spacing:-.02em;
  line-height:1;
  overflow-wrap:normal;
  white-space:nowrap;
  word-break:normal;
}

.development-page .home-of-month-promo .home-of-month-highlight-label{
  color:#fff;
  font-family:OutfitRegular,sans-serif;
  font-size:13px;
  line-height:1.35;
  margin-top:7px;
  overflow-wrap:normal;
  word-break:normal;
}

.development-page .home-of-month-promo .home-of-month-copy{
  clear:none!important;
  color:#fff;
  display:block!important;
  float:none!important;
  font-family:OutfitRegular,sans-serif;
  font-size:13px;
  line-height:1.6;
  margin:22px 0 0!important;
  max-height:none!important;
  max-width:none!important;
  overflow:visible!important;
  padding:0!important;
  width:100%!important;
}

.development-page .home-of-month-promo .home-of-month-deadline{
  color:#fff;
  font-family:OutfitRegular,sans-serif;
  font-size:13px;
  font-weight:500;
  line-height:1.4;
  margin:24px 0 0;
}

.development-page .home-of-month-promo .home-of-month-deadline + .home-of-month-highlights{
  margin-top:22px;
}

.development-page .home-of-month-promo .home-of-month-copy::first-letter{
  text-transform:uppercase;
}

.development-page .home-of-month-promo .home-of-month-cta{
  clear:none!important;
  float:none!important;
  margin:26px 0 0!important;
  width:fit-content!important;
  max-width:100%;
}

.development-page .home-of-month-promo .home-of-month-cta .promo-btn{
  align-items:center;
  box-sizing:border-box;
  display:inline-flex!important;
  flex:0 0 auto!important;
  justify-content:center;
  margin:0!important;
  max-width:100%;
  min-width:220px;
  width:auto!important;
}

/* Wide desktop: two-column Home of the Month promo. */
@media only screen and (min-width:1220px){
  .development-page .home-of-month-promo{
    display:grid;
    grid-template-columns:minmax(0,52%) minmax(0,48%);
    min-height:560px;
  }

  .development-page .home-of-month-promo .promo-image-mob{
    display:none!important;
  }

  .development-page .home-of-month-promo .promo-image-desk{
    align-self:stretch;
    border-radius:10px 0 0 10px;
    display:block!important;
    height:auto!important;
    min-height:560px;
    min-width:0;
    position:relative;
    width:100%!important;
  }

  .development-page .home-of-month-promo .promo-image-desk .promo-main-img{
    display:block!important;
    height:100%!important;
    inset:0;
    min-height:0!important;
    object-fit:cover;
    object-position:center;
    position:absolute;
    width:100%!important;
  }

  /* Desktop uses only the vertical wave. Anchor its right edge to the offer panel
     so it always sweeps cleanly into the image without leaving an image gap. */
  .development-page .home-of-month-promo .home-of-month-offer>.promo-wave{
    display:none!important;
  }

  .development-page .home-of-month-promo .home-of-month-offer>.promo-wave-vertical{
    bottom:auto!important;
    display:block!important;
    height:100%!important;
    left:auto!important;
    right:calc(100% - 1px)!important;
    top:0!important;
  }

  .development-page .home-of-month-promo .home-of-month-offer{
    border-radius:0 10px 10px 0;
    min-height:560px;
    padding:48px 54px 48px 68px;
  }

  .development-page .home-of-month-promo .home-of-month-offer h2{
    font-size:36px;
    line-height:1.08;
  }

  .development-page .home-of-month-promo .home-of-month-meta{
    font-size:15px;
    line-height:1.45;
  }

  .development-page .home-of-month-promo .home-of-month-highlight-value{
    font-size:46px;
  }

  .development-page .home-of-month-promo .home-of-month-copy{
    font-size:13px;
    line-height:1.6;
  }

  .development-page .home-of-month-promo .home-of-month-cta .promo-btn{
    min-width:220px;
    width:auto!important;
  }
}

/* Wider desktop */
@media only screen and (min-width:1220px){
  .development-page .home-of-month-promo{
    min-height:590px;
  }

  .development-page .home-of-month-promo .promo-image-desk,
  .development-page .home-of-month-promo .home-of-month-offer{
    min-height:590px;
  }

  .development-page .home-of-month-promo .home-of-month-offer{
    padding:50px 72px 50px 82px;
  }
}

/* Mobile + tablet: use the approved stacked promo treatment. */
@media only screen and (max-width:1219px){
  .development-page .home-of-month-promo{
    display:flex;
    flex-direction:column;
  }

  .development-page .home-of-month-promo .promo-image-desk{
    display:none!important;
  }

  .development-page .home-of-month-promo .promo-image-mob{
    aspect-ratio:4/3;
    border-radius:10px 10px 0 0;
    display:block!important;
    width:100%!important;
  }

  .development-page .home-of-month-promo .promo-main-img{
    display:block!important;
    height:100%!important;
    object-fit:cover;
    width:100%!important;
  }

  .development-page .home-of-month-promo .home-of-month-corner-label{
    border-radius:10px 10px 0 10px;
    font-size:13px;
    height:auto;
    max-width:calc(100% - 20px);
    min-height:50px;
    overflow:visible;
    padding:8px 24px;
    text-overflow:clip;
    white-space:normal;
  }

  .development-page .home-of-month-promo .home-of-month-corner-star{
    font-size:18px;
  }

  .development-page .home-of-month-promo .home-of-month-offer{
    border-radius:0 0 10px 10px;
    min-height:0;
    padding:38px 30px 35px;
  }

  /* Keep the approved mobile wave position. */
  .development-page .home-of-month-promo .home-of-month-offer>.promo-wave-vertical{
    display:none!important;
  }

  .development-page .home-of-month-promo .home-of-month-offer>.promo-wave{
    translate:0 -18px;
  }

  .development-page .home-of-month-promo .home-of-month-offer h2{
    font-size:34px;
    line-height:1.08;
  }

  .development-page .home-of-month-promo .home-of-month-meta{
    font-size:13px;
    margin-top:14px!important;
  }

  .development-page .home-of-month-promo .home-of-month-highlights{
    margin-top:24px;
    padding:20px 0;
  }

  .development-page .home-of-month-promo .home-of-month-highlight{
    padding:0 14px;
  }

  .development-page .home-of-month-promo .home-of-month-highlight:first-child{
    padding-left:0;
  }

  .development-page .home-of-month-promo .home-of-month-highlight-value{
    font-size:30px;
  }

  .development-page .home-of-month-promo .home-of-month-highlight-label{
    font-size:12px;
    line-height:1.3;
  }

  .development-page .home-of-month-promo .home-of-month-copy{
    font-size:13px;
    line-height:1.6;
    margin-top:20px!important;
  }

  .development-page .home-of-month-promo .home-of-month-deadline{
    font-size:12px;
    margin-top:22px;
  }

  .development-page .home-of-month-promo .home-of-month-deadline + .home-of-month-highlights{
    margin-top:10px;
  }

  .development-page .home-of-month-promo .home-of-month-cta{
    margin-top:24px!important;
    width:auto!important;
  }

  .development-page .home-of-month-promo .home-of-month-cta .promo-btn{
    display:inline-flex!important;
    justify-content:center;
    min-width:220px;
    width:auto!important;
  }
}

@media only screen and (max-width:399px){
  .development-page .home-of-month-promo .home-of-month-highlight-value{
    font-size:27px;
  }

  .development-page .home-of-month-promo .home-of-month-highlight{
    padding-right:10px;
  }

  .development-page .home-of-month-promo .home-of-month-highlight+.home-of-month-highlight{
    padding-left:10px;
  }

  .development-page .home-of-month-promo .home-of-month-cta .promo-btn{
    min-width:0;
  }
}


/* Development-plan plot lightbox mirrors the portrait availability card. */
.development-page #PlotLightboxModal .plot-lightbox-infocard{
  position:relative;
  overflow:visible;
}
.development-page #PlotLightboxModal .plot-lightbox-infocard>.ht-incentive-strip{
  align-items:center;
  border-radius:10px 10px 10px 0;
  box-sizing:border-box;
  display:flex;
  gap:10px;
  height:auto;
  left:0;
  max-width:calc(100% - 16px);
  min-height:50px;
  overflow:visible;
  padding:8px 24px;
  pointer-events:none;
  position:absolute;
  right:auto;
  top:-30px;
  width:max-content;
  z-index:12;
}
.development-page #PlotLightboxModal .plot-lightbox-infocard>.ht-incentive-strip[hidden]{display:none!important;}
.development-page #PlotLightboxModal .plot-lightbox-infocard>.ht-incentive-strip .ht-incentive-text{
  display:block;
  font-family:OutfitRegular,sans-serif;
  font-size:13px;
  line-height:1.2;
  margin-left:0;
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
}
.development-page #PlotLightboxModal .plot-lightbox-card>.ht-img{
  aspect-ratio:4/3!important;
  height:auto!important;
  object-fit:cover;
}
.development-page #PlotLightboxModal .plot-lightbox-card>.copy-container{
  padding:18px 30px 30px!important;
}
.development-page #PlotLightboxModal .plot-lightbox-card .copy-container h2{font-size:24px;}
.development-page #PlotLightboxModal .plot-lightbox-card>.copy-container>.ht-price{margin-top:20px;}
.development-page #PlotLightboxModal .plot-lightbox-detail{
  font-size:13px;
  gap:12px;
  line-height:1.6;
  margin-top:30px;
}
.development-page #PlotLightboxModal .plot-lightbox-detail>.ht-marketing-copy{
  display:block;
  font-size:13px;
  line-height:1.6;
  margin:0;
}
.development-page #PlotLightboxModal .plot-lightbox-detail[hidden],
.development-page #PlotLightboxModal .plot-lightbox-detail>.ht-marketing-plot[hidden],
.development-page #PlotLightboxModal .plot-lightbox-detail>.seasonal-icon[hidden],
.development-page #PlotLightboxModal .plot-lightbox-detail>.ht-marketing-copy[hidden]{display:none!important;}
@media only screen and (max-width:719px){
  .development-page #PlotLightboxModal .plot-lightbox-infocard>.ht-incentive-strip{
    min-height:46px;
    padding:8px 20px;
  }
  .development-page #PlotLightboxModal .plot-lightbox-infocard>.ht-incentive-strip .ht-incentive-text{font-size:12px;}
  .development-page #PlotLightboxModal .plot-lightbox-card>.ht-img{aspect-ratio:16/10!important;}
  .development-page #PlotLightboxModal .plot-lightbox-card>.copy-container{padding:10px 30px 26px!important;}
}

/* Optional HubDB campaign patterns: keep Duchy's original SVG profiles.
   On mobile, enlarge the whole SVG proportionally as the viewport widens,
   so the wave always passes both panel edges without stretching or notches.
   The texture is a single painted layer across the wave and offer panel.
   No-pattern promotions continue to use their original solid colours. */
.development-page .promo-offer.has-campaign-pattern {
  isolation:isolate;
  --campaign-mobile-wave-height:max(58px, 13vw);
}
.development-page .promo-offer.has-campaign-pattern::before {
  content:"";
  position:absolute;
  box-sizing:border-box;
  inset:calc(-1 * var(--campaign-mobile-wave-height)) 0 0;
  z-index:0;
  pointer-events:none;
  background-color:var(--campaign-solid-colour);
  background-image:var(--campaign-pattern-image);
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  -webkit-mask-image:linear-gradient(#000,#000),url(/hubfs/_2025/Website/DuchyHomes/zAssets/UI/Waves/fullwidthwave.svg);
  mask-image:linear-gradient(#000,#000),url(/hubfs/_2025/Website/DuchyHomes/zAssets/UI/Waves/fullwidthwave.svg);
  -webkit-mask-repeat:no-repeat,no-repeat;
  mask-repeat:no-repeat,no-repeat;
  /* Auto width preserves the SVG's aspect ratio; the adaptive height makes
     its painted wave wider than the offer on wider mobile viewports. The
     rectangular layer overlaps the lower edge by 1px to prevent a seam. */
  -webkit-mask-size:100% calc(100% - var(--campaign-mobile-wave-height) + 1px),auto var(--campaign-mobile-wave-height);
  mask-size:100% calc(100% - var(--campaign-mobile-wave-height) + 1px),auto var(--campaign-mobile-wave-height);
  -webkit-mask-position:left bottom,center top;
  mask-position:left bottom,center top;
  -webkit-mask-composite:source-over;
  mask-composite:add;
}
.development-page .promo-offer.has-campaign-pattern.has-campaign-pattern-flipped::before {
  transform:scaleX(-1);
}
.development-page .promo-offer.has-campaign-pattern>.promo-wave,
.development-page .promo-offer.has-campaign-pattern>.promo-wave-vertical {
  visibility:hidden!important;
}
.development-page .promo-offer.has-campaign-pattern>:not(.promo-wave):not(.promo-wave-vertical){
  position:relative;
  z-index:1;
}
@media only screen and (min-width:1220px) {
  .development-page .promo-offer.has-campaign-pattern::before {
    inset:0 0 0 -71px;
    padding-right:100%; /* Uses the remaining 70px content box for the original SVG. */
    -webkit-mask-image:url(/hubfs/_2025/Website/DuchyHomes/zAssets/UI/Waves/fullwidthwavevertical.svg),linear-gradient(#000,#000);
    mask-image:url(/hubfs/_2025/Website/DuchyHomes/zAssets/UI/Waves/fullwidthwavevertical.svg),linear-gradient(#000,#000);
    -webkit-mask-origin:content-box,border-box;
    mask-origin:content-box,border-box;
    -webkit-mask-clip:content-box,border-box;
    mask-clip:content-box,border-box;
    -webkit-mask-size:cover,calc(100% - 70px) 100%;
    mask-size:cover,calc(100% - 70px) 100%;
    -webkit-mask-position:center center,right top;
    mask-position:center center,right top;
  }
  .development-page .promo-offer.has-campaign-pattern.has-campaign-pattern-flipped::before {
    inset:0 -71px 0 0;
  }
}

/* ========================================================================== 
   Development page responsive alignment (v2)
   Phone: <720px; compact tablet: 720-1023px; tablet landscape: 1024-1219px;
   wider desktop: >=1220px; four-wide Our Homes begins at >=1440px.
   ========================================================================== */

/* 720-1219: keep standard promotional panels stacked in tablet layouts. */
@media only screen and (min-width:720px) and (max-width:1219px){
  /* Standard campaigns, including reversed campaigns, stack like mobile.
     This avoids an impossibly narrow copy panel on tablet widths. */
  .development-page .promo-block:not(.home-of-month-promo){
    align-items:stretch!important;
    display:flex!important;
    flex-direction:column!important;
    height:auto!important;
    min-height:0!important;
  }
  .development-page .promo-block:not(.home-of-month-promo)>.promo-image-mob{
    aspect-ratio:16 / 9;
    box-sizing:border-box;
    display:block!important;
    float:none!important;
    flex:0 0 auto!important;
    height:auto!important;
    max-width:none!important;
    width:100%!important;
  }
  .development-page .promo-block:not(.home-of-month-promo)>.promo-image-mob>.promo-main-img{
    height:100%!important;
    object-fit:cover;
    width:100%!important;
  }
  .development-page .promo-block:not(.home-of-month-promo)>.promo-image-desk{
    display:none!important;
  }
  .development-page .promo-block:not(.home-of-month-promo)>.promo-offer{
    border-radius:0 0 10px 10px;
    box-sizing:border-box;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center;
    float:none!important;
    flex:0 0 auto!important;
    height:auto!important;
    margin:0!important;
    max-width:none!important;
    min-height:0!important;
    padding:clamp(38px,5vw,64px)!important;
    position:relative;
    width:100%!important;
  }
  .development-page .promo-block:not(.home-of-month-promo)>.promo-offer>.promo-wave-vertical{
    display:none!important;
  }
  .development-page .promo-block:not(.home-of-month-promo)>.promo-offer>.promo-wave{
    display:block!important;
  }

  /* The original single-column Home of the Month design is intentional on
     tablets, but benefits from a wider photo and less oversized typography. */
  .development-page .home-of-month-promo .promo-image-mob{
    aspect-ratio:16 / 9;
  }
  .development-page .home-of-month-promo .home-of-month-offer{
    padding:clamp(35px,5vw,60px)!important;
  }
  .development-page .home-of-month-promo .home-of-month-highlight-value{
    font-size:clamp(30px,3.3vw,40px);
  }

  /* Keep the tablet development plan as a full-width map with its original
     tabbed, horizontally scrollable filters underneath. */
  .development-page .sitemap-flex{
    align-items:stretch;
    flex-wrap:wrap;
  }
  .development-page .sitemap-flex>.container-viewer,
  .development-page .sitemap-flex>.key-container{
    box-sizing:border-box;
    flex:0 0 100%;
    max-width:100%;
    min-width:0;
    width:100%;
  }
  .development-page .sitemap-flex>.key-container{
    height:auto;
    max-height:none;
    min-height:0;
  }
  .development-page .key-container .filters{
    scrollbar-width:thin;
  }
}

/* Compact tablet hero: mobile slider rather than three squeezed desktop
   image columns, with a usable height in landscape. */
@media only screen and (min-width:720px) and (max-width:1023px){
  .development-page .hero-media-stage{
    height:45svh;
    max-height:540px;
    min-height:320px;
  }
  /* Below 1024px the filters are part of the page flow, not a sticky strip. */
  .development-page #OurHomes .availability-sticky-bar{
    position:relative!important;
    top:auto!important;
    z-index:auto!important;
  }
}

/* Clear mobile-specific rule, including browsers which don't honour a
   position:relative override when a previous rule declared sticky. */
@media only screen and (max-width:719px){
  .development-page #OurHomes .availability-sticky-bar{
    position:relative!important;
    top:auto!important;
    z-index:auto!important;
  }
}


/* ==========================================================================
   Development page targeted feedback updates (v3)
   ========================================================================= */

/* No Overview image on phone or tablet/compact desktop. The Overview content
   gets the full intro width until the actual >=1440px two-column treatment. */
@media only screen and (max-width:1439px){
  .development-page #Overview .intro-container{
    box-sizing:border-box;
    display:block!important;
    width:100%!important;
  }
  .development-page #Overview .intro-container>.left-col{
    box-sizing:border-box;
    display:block!important;
    float:none!important;
    flex:0 0 100%!important;
    margin:0!important;
    max-width:none!important;
    min-width:0!important;
    width:100%!important;
  }
  .development-page #Overview .intro-container>.right-col{
    display:none!important;
  }
}

/* Only the Overview keeps a two-column desktop introduction. */
.development-page #OurHomes .intro-container,
.development-page #DevelopmentPlan .intro-container,
.development-page #Gallery .intro-container{
  box-sizing:border-box;
  display:block!important;
  max-width:none!important;
  width:100%!important;
}
.development-page #OurHomes .intro-container>.left-col,
.development-page #DevelopmentPlan .intro-container>.left-col,
.development-page #Gallery .intro-container>.left-col{
  box-sizing:border-box;
  display:block!important;
  float:none!important;
  flex:0 0 100%!important;
  margin:0!important;
  max-width:none!important;
  min-width:0!important;
  width:100%!important;
}
.development-page #OurHomes .intro-container>.left-col>.intro_full,
.development-page #DevelopmentPlan .intro-container>.left-col>.intro_full,
.development-page #Gallery .intro-container>.left-col>.intro_full{
  box-sizing:border-box;
  max-width:none!important;
  width:100%!important;
}

/* Tighten the space below the wave on portrait tablets only. Do not alter
   the approved phone promotion spacing or two-column desktop promotions. */
@media only screen and (min-width:720px) and (max-width:1219px) and (orientation:portrait){
  .development-page .promo-block:not(.home-of-month-promo)>.promo-offer{
    padding-top:20px!important;
  }
}

/* Desktop promotions display their complete copy. On phone and tablet, the
   existing short copy and click-to-expand 'read more' behaviour remain. */
@media only screen and (min-width:1220px){
  .development-page .promo-block .promo_overview_truncated,
  .development-page .promo-block .promo_homes_truncated,
  .development-page .promo-block .promo_dev_truncated{
    display:none!important;
  }
  .development-page .promo-block .promo_overview_full,
  .development-page .promo-block .promo_homes_full,
  .development-page .promo-block .promo_dev_full{
    display:block!important;
    max-height:none!important;
    overflow:visible!important;
  }
}

/* Development Plan SH/MS legend: stacked on phones; one line with a | divider
   from 720px upward, including when the key is a 460px desktop sidebar. */
.development-page .development-plan-key-footer{
  align-items:center;
  display:flex;
  flex-direction:column;
  flex-wrap:wrap;
  gap:8px;
  justify-content:center;
}
.development-page .development-plan-key-footer .development-plan-key-divider{
  display:none;
}
@media only screen and (min-width:720px){
  .development-page .development-plan-key-footer{
    column-gap:15px;
    flex-direction:row;
    flex-wrap:nowrap;
    row-gap:0;
  }
  .development-page .development-plan-key-footer .development-plan-key-item{
    white-space:nowrap;
  }
  .development-page .development-plan-key-footer .development-plan-key-divider{
    display:inline;
    flex:0 0 auto;
  }
}

/* Gallery filter selector: full-bleed Splide viewport, but preserve the same
   left/right alignment as the other page content. The track itself clips at
   the screen edge, not the max-width inner wrapper. */
.development-page .development-gallery-filter-section{
  --gallery-selector-gutter:30px;
}
@media only screen and (min-width:720px){
  .development-page .development-gallery-filter-section{
    --gallery-selector-gutter:max(60px, calc((100vw - 1440px) / 2));
  }
}
.development-page .development-gallery-filter-inner{
  box-sizing:border-box;
  margin:0!important;
  max-width:none!important;
  width:100%!important;
}
.development-page .development-gallery-filter-title{
  box-sizing:border-box;
  margin:0 0 15px!important;
  padding-left:var(--gallery-selector-gutter);
  padding-right:var(--gallery-selector-gutter);
}
.development-page .development-gallery-selector{
  box-sizing:border-box;
  margin:0!important;
  max-width:none!important;
  width:100%!important;
}
.development-page .development-gallery-selector .splide__track{
  box-sizing:border-box;
  overflow:hidden;
  padding-left:var(--gallery-selector-gutter)!important;
  padding-right:var(--gallery-selector-gutter)!important;
}


/* ==========================================================================
   Development page follow-up fixes (v4)
   ========================================================================= */

/* [hidden] must win over the Our Homes filter's display:flex declarations. */
.development-page #OurHomes .availability-feature-filter-btn[hidden],
.development-page #OurHomes .availability-filter-group[hidden]{
  display:none!important;
}

/* Desktop browsers with classic native scrollbars reserve a strip of viewport
   and crop full-width media. The overlay scrollbar floats above the document,
   preserving the entire page width rather than shrinking its layout. */
html.duchy-development-overlay-scroll{
  scrollbar-width:none!important;
  scrollbar-gutter:auto!important;
}
html.duchy-development-overlay-scroll::-webkit-scrollbar{
  display:none!important;
  height:0!important;
  width:0!important;
}
html.duchy-development-overlay-scroll body{
  scrollbar-gutter:auto!important;
}
.duchy-development-scrollbar{
  bottom:0;
  box-sizing:border-box;
  display:block;
  height:100dvh;
  pointer-events:auto;
  position:fixed;
  right:0;
  top:0;
  width:13px;
  z-index:1050;
  -webkit-tap-highlight-color:transparent;
}
.duchy-development-scrollbar[hidden]{display:none!important}
.duchy-development-scrollbar-thumb{
  background:rgba(81,116,123,.76);
  border:1px solid rgba(255,255,255,.32);
  border-radius:10px;
  box-sizing:border-box;
  cursor:grab;
  display:block;
  min-height:48px;
  position:absolute;
  right:3px;
  top:0;
  width:7px;
}
.duchy-development-scrollbar:hover .duchy-development-scrollbar-thumb,
.duchy-development-scrollbar-thumb:focus-visible{
  background:rgba(81,116,123,.98);
}
.duchy-development-scrollbar-thumb:active{cursor:grabbing}
.duchy-development-scrollbar-thumb:focus-visible{
  outline:2px solid #c5b48e;
  outline-offset:1px;
}
body.modal-open .duchy-development-scrollbar{
  display:none!important;
  pointer-events:none!important;
}