.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}

/* HubDB development announcement ticker - restored from the original module. */
.development-page .announcement-container{float:left;color:#fff;width:100%;overflow:hidden;position:relative;z-index:101}
.development-page .announcement-container::before,.development-page .announcement-container::after{content:"";position:absolute;top:0;bottom:0;width:min(80px,12vw);z-index:1;pointer-events:none}
.development-page .announcement-container::before{left:0}
.development-page .announcement-container::after{right:0}
.development-page .announcement-text{white-space:nowrap;height:60px;flex-shrink:0;padding:0;width:max-content;display:flex;align-items:center;justify-content:flex-start;transform:translateX(0);animation:announcement-text-scroll var(--announcement-duration,180s) linear infinite}
.development-page .announcement-text span{padding:0 50px;font-size:20px}
@keyframes announcement-text-scroll{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-100%,0,0)}}
@media (prefers-reduced-motion:reduce){.development-page .announcement-text{animation:none}}

/* SHARED MAP HEIGHTS | Edit these three values to resize BOTH maps.
   The same map viewport height applies to the Development Plan image
   and the Local Area Google map at each responsive breakpoint. */
.development-page{
  --duchy-map-height:clamp(360px,48svh,480px); /* Phone: shorter on tall phones */
}
@media only screen and (min-width:720px){
  .development-page{--duchy-map-height:clamp(420px,52svh,560px)} /* Tablet */
}
@media only screen and (min-width:1220px){
  .development-page{--duchy-map-height:clamp(500px,calc(100svh - 250px),680px)} /* Desktop */
}
@media only screen and (max-width:1219px) and (orientation:landscape) and (max-height:600px){
  .development-page{--duchy-map-height:clamp(300px,75svh,420px)} /* Short landscape screens */
}
.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:0;width:100%}
.development-page .container-viewer{float:left;width:100%;height:var(--duchy-map-height);min-height:0;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:#457f82;left:30px;border-radius:50px;opacity:1;overflow:visible}
.development-page .mobile-footer-contact-container.hidden{opacity:1}
.development-page .mobile-contact-btn1{background:#457f82;align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%;border-radius:60px;border:none;position:relative;z-index:1}
.development-page .mobile-contact-btn2{align-items:center;background:#2d6265;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);position:relative;z-index:2}
.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 (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:0;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:none;min-height:0;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;width:100%}
.development-page .container-viewer{flex:1 1 auto;min-height:0;min-width:0;width:auto}
.development-page .key-container{align-self:stretch;flex:0 0 460px;height:var(--duchy-map-height);max-height:none;min-height:0;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>.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:30px 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:0}
.development-page .development-gallery-filter-section{background:#1a282e;box-sizing:border-box;clear:both;margin:0!important;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;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: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-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;justify-content:flex-start!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;margin:0!important;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;justify-content:flex-start!important;margin:0!important;min-height:0;padding:20px 30px 30px!important;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 0!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 #first-slider{margin:0 60px;width:calc(100% - 120px)}
.development-page #first-slider .ht-mobile-card>.copy-container{padding:20px 30px 30px!important}
.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;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 #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>.copy-container{padding:20px 30px 26px!important}
.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:30px 0 0!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;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;max-width:1440px!important;width:calc(100% - 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}
.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:30px 0 0!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:#7e121e!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;
}


/* Plot captions above incentives remain visible with or without a ribbon.
   Duplicate move-in messages are handled by the HubL card and lightbox logic. */

/* 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:0; /* Spacing is set separately for each placement below. */
  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:#7e121e;
  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;
  }
  /* The wave and offer paint on separate layers. Fill their 1px join
     from beneath without changing the approved -18px wave position. */
  .development-page .home-of-month-promo .home-of-month-offer::before{
    content:"";
    position:absolute;
    top:-2px;
    left:0;
    right:0;
    height:3px;
    background-color:inherit;
    pointer-events:none;
    z-index:0;
  }

  .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:30px 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:30px 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;
}

/* Duchy Homes Local Area v4 - Development Plan-aligned key and mobile tabs.
   Filter buttons: 13px / 76px (same as Development Plan);
   headings: Outfit 15px; item titles: 13px; metadata: 11px.
   Map controls: actual Development Plan SVG assets, 45px buttons, 60px north icon.
   Breakpoint: 1220px, matching the Development Plan's panel/tab layout. */
.development-page #LocalArea{--la-ink:#212e35;--la-dark:#1a282e;--la-panel:#212e35;--la-edge:#24343b;--la-teal:#4c8c8f;--la-teal-active:#457f82;--la-gold:#c5b48f;background:#f6f7f8;clear:both;color:var(--la-ink)}
.development-page #LocalArea *{box-sizing:border-box}
.development-page #LocalArea .duchy-area-heading-wrap{display:flow-root}
.development-page #LocalArea .intro-container{box-sizing:border-box;display:block!important;max-width:none!important;width:100%!important}
.development-page #LocalArea .intro-container>.left-col{box-sizing:border-box;display:block!important;float:none!important;max-width:none!important;min-width:0!important;width:100%!important}
.development-page #LocalArea .intro-container h2{color:#555!important}
.development-page #LocalArea .intro-container h3{color:var(--la-teal)}
.development-page #LocalArea .intro-container .intro_full{color:#555;max-width:790px!important;width:100%!important}
.development-page #LocalArea button,.development-page #LocalArea a{touch-action:manipulation}
.development-page #LocalArea button:focus-visible,.development-page #LocalArea a:focus-visible{outline:2px solid var(--la-gold);outline-offset:3px}
.development-page #LocalArea .duchy-area-layout{align-items:stretch;display:grid;gap:40px;grid-template-columns:minmax(0,460px) minmax(0,1fr);height:var(--duchy-map-height);margin:0 60px;min-width:0;position:relative;width:calc(100% - 120px)}
.development-page #LocalArea .duchy-area-map-shell{background:#dfe8e3;border-radius:10px;height:100%;min-height:0;min-width:0;overflow:hidden;position:relative}
.development-page #LocalArea .duchy-area-map{height:100%;inset:0;position:absolute;width:100%}
.development-page #LocalArea .duchy-area-map-stage{height:100%;inset:0;position:absolute;width:100%;z-index:1}
.development-page #LocalArea .duchy-area-map-wait{background:#e5eae7;color:var(--la-ink);inset:0;overflow:hidden;position:absolute;z-index:2}
.development-page #LocalArea .duchy-area-map-wait.is-hidden{display:none!important}
.development-page #LocalArea .duchy-area-map-art{height:100%;inset:0;position:absolute;width:100%;opacity:.9}
.development-page #LocalArea .duchy-area-map-wait-content{align-items:center;background:rgba(33,46,53,.94);border:1px solid rgba(255,255,255,.1);border-radius:10px;bottom:25px;box-shadow:0 8px 28px rgba(23,42,46,.16);color:#fff;display:grid;gap:4px 12px;grid-template-columns:38px minmax(0,1fr);left:25px;max-width:355px;padding:13px 16px;position:absolute;z-index:2}
.development-page #LocalArea .duchy-area-wait-icon{align-items:center;background:rgba(76,140,143,.35);border-radius:10px;color:var(--la-gold);display:flex;grid-row:1/3;height:38px;justify-content:center;width:38px}
.development-page #LocalArea .duchy-area-wait-icon svg{height:21px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.55;width:21px}
.development-page #LocalArea .duchy-area-map-wait-content strong{font-family:OutfitBold,sans-serif;font-size:13px;font-weight:400;line-height:1.3;margin:0}
.development-page #LocalArea .duchy-area-map-wait-content span:not(.duchy-area-wait-icon){color:#d2dedc;font-family:OutfitRegular,sans-serif;font-size:12px;line-height:1.4}
/* Same North icon and zoom button dimensions/images as Development Plan, at every width. */
.development-page #LocalArea .duchy-area-compass{height:60px;pointer-events:none;position:absolute;right:20px;top:20px;width:60px;z-index:4}
.development-page #LocalArea .duchy-area-compass img{display:block;height:auto;width:100%}
/* Local Area zoom: 45px buttons stacked vertically, 49px wide including the 2px border. */
.development-page #LocalArea .duchy-area-map-controls{background:#1a282e;border:2px solid #24343b;border-radius:10px;bottom:30px;display:flex;flex-direction:column;overflow:hidden;position:absolute;right:30px;z-index:5}
.development-page #LocalArea .duchy-area-map-controls button{align-items:center;background:#1a282e;border:0;border-bottom:2px solid #ffffff0f;color:#fff;cursor:pointer;display:flex;flex:0 0 45px;height:45px;justify-content:center;padding:0;width:45px}
.development-page #LocalArea .duchy-area-map-controls button:last-child{border-bottom:0}
.development-page #LocalArea .duchy-area-map-controls button:hover{background:var(--la-teal)}
.development-page #LocalArea .duchy-area-map-controls button:disabled{cursor:not-allowed;opacity:.65}
.development-page #LocalArea .duchy-area-map-controls button img{display:block;filter:brightness(5);height:15px;object-fit:contain;width:15px}
/* Map-selected place details. */
/* Keep the card bottom aligned with zoom controls. 95px right reserve = 30px edge + 49px zoom + 16px gap. */
.development-page #LocalArea .duchy-area-selected-card{background:var(--la-panel);border:2px solid #304148;border-radius:10px;bottom:30px;box-shadow:0 8px 28px rgba(0,0,0,.25);color:#fff;left:30px;max-width:330px;padding:21px 24px 22px;position:absolute;right:95px;width:auto;z-index:6}
.development-page #LocalArea .duchy-area-selected-card[hidden],.development-page #LocalArea .duchy-area-place[hidden],.development-page #LocalArea .duchy-area-card-actions[hidden],.development-page #LocalArea .duchy-area-card-actions a[hidden]{display:none!important}
.development-page #LocalArea .duchy-area-card-category{color:var(--la-gold);display:block;font-family:OutfitRegular,sans-serif;font-size:13px;margin:0 30px 7px 0}
.development-page #LocalArea .duchy-area-selected-card h4{color:white;font-family:made-mirage-medium,serif;font-size:23px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:break-word;padding-right:30px}
.development-page #LocalArea .duchy-area-selected-card p{color:#e5e8e8;font-family:OutfitRegular,sans-serif;font-size:12px;margin:9px 0 0}
.development-page #LocalArea .duchy-area-card-close{align-items:center;background:var(--la-dark);border:1px solid #304148;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:19px;height:30px;justify-content:center;padding:0;position:absolute;right:13px;top:13px;width:30px}
.development-page #LocalArea .duchy-area-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}
.development-page #LocalArea .duchy-area-card-actions a{align-items:center;background:var(--la-teal);border-radius:8px;color:#fff;display:inline-flex;font-family:OutfitRegular,sans-serif;font-size:13px;gap:9px;justify-content:center;min-height:42px;padding:9px 13px;text-decoration:none;white-space:nowrap}
.development-page #LocalArea .duchy-area-card-actions a:hover{background:var(--la-teal-active)}
.development-page #LocalArea .duchy-area-card-actions a[data-area-selected-what3words]{background:var(--la-dark);border:1px solid #304148}
/* Simplified key - Plan type hierarchy, no redundant captions/counts/icons/footer. */
.development-page #LocalArea .duchy-area-panel{background:var(--la-panel);border-radius:10px;color:#fff;display:flex;flex-direction:column;height:100%;min-height:0;min-width:0;overflow:hidden;position:relative}
.development-page #LocalArea .duchy-area-panel-head{flex:0 0 auto;padding:28px 25px 0}
.development-page #LocalArea .duchy-area-panel-head h3{color:var(--la-gold);font-family:OutfitRegular,sans-serif;font-size:15px;font-weight:400;line-height:1.3;margin:0;text-align:center}
.development-page #LocalArea .duchy-area-category-nav{display:grid;flex:0 0 auto;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));padding:25px}
.development-page #LocalArea .duchy-area-filter{align-items:center;background:var(--la-dark);border:2px solid #24343b;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:OutfitRegular,sans-serif;font-size:13px;font-weight:400;gap:5px;height:76px;justify-content:center;line-height:1.2;min-width:0;padding:12px;text-align:center;transition:border-color .15s ease,background .15s ease}
.development-page #LocalArea .duchy-area-filter:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;width:calc(50% - 5px)}
.development-page #LocalArea .duchy-area-filter:hover{border-color:var(--la-teal)}
.development-page #LocalArea .duchy-area-filter.is-active{background:rgba(76,140,143,.24);border-color:var(--la-teal)}
.development-page #LocalArea .duchy-area-list-heading{display:none}
.development-page #LocalArea .duchy-area-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 24px 24px;scrollbar-color:var(--la-teal) var(--la-dark);scrollbar-width:thin}
.development-page #LocalArea .duchy-area-scroll::-webkit-scrollbar{width:7px}
.development-page #LocalArea .duchy-area-scroll::-webkit-scrollbar-track{background:var(--la-dark);border-radius:8px}
.development-page #LocalArea .duchy-area-scroll::-webkit-scrollbar-thumb{background:var(--la-teal);border-radius:8px}
.development-page #LocalArea .duchy-area-place{align-items:center;background:transparent;border:1px solid transparent;border-bottom-color:#304148;border-radius:0;color:#fff;cursor:pointer;display:flex;font-family:OutfitRegular,sans-serif;gap:13px;min-height:70px;padding:12px 5px;text-align:left;transition:background .15s ease,border-color .15s ease;width:100%}
.development-page #LocalArea .duchy-area-place:hover{background:rgba(255,255,255,.04)}
.development-page #LocalArea .duchy-area-place.is-active{background:rgba(76,140,143,.15)}
.development-page #LocalArea .duchy-area-place-copy{display:flex;flex:1 1 auto;flex-direction:column;gap:5px;min-width:0;align-items:flex-start;text-align:left}
.development-page #LocalArea .duchy-area-place-copy strong{color:#fff;font-family:OutfitRegular,sans-serif;font-size:13px;font-weight:400;line-height:1.25}
.development-page #LocalArea .duchy-area-place-copy small{color:#b8c6c7;font-family:OutfitRegular,sans-serif;font-size:11px;line-height:1.3}
.development-page #LocalArea .duchy-area-disclaimer{color:#555;font-family:OutfitRegular,sans-serif;font-size:11px;line-height:1.6;margin:22px 60px 0;width:calc(100% - 120px)}
/* Google AdvancedMarker: category initials for places, a gold house for the development. */
.development-page #LocalArea .duchy-local-marker{align-items:center;background:var(--la-teal);border:2px solid white;border-radius:50% 50% 50% 0;box-shadow:0 3px 11px rgba(0,0,0,.25);color:#fff;display:flex;font-family:OutfitBold,sans-serif;font-size:13px;height:35px;justify-content:center;transform:rotate(-45deg);transition:background .15s ease,scale .15s ease;width:35px}
.development-page #LocalArea .duchy-local-marker>span{transform:rotate(45deg)}
.development-page #LocalArea .duchy-local-marker.is-active{background:var(--la-gold);color:var(--la-ink);scale:1.22}
.development-page #LocalArea .duchy-local-marker.is-origin{background:var(--la-gold);border-color:#fff;border-radius:50%;color:var(--la-ink);height:43px;transform:none;width:43px}
.development-page #LocalArea .duchy-local-marker.is-origin>.duchy-local-house-icon{align-items:center;display:flex;height:25px;justify-content:center;transform:none;width:25px}
.development-page #LocalArea .duchy-local-marker.is-origin>.duchy-local-house-icon svg{display:block;height:24px;width:24px}
/* Tablet and mobile: mirror the Development Plan by placing the 60px teal
   category tab strip immediately below the map; places remain below in the key. */
@media only screen and (max-width:1219px){
  .development-page #LocalArea .duchy-area-layout{display:flex;flex-direction:column;gap:0;height:auto;margin:0 30px;width:calc(100% - 60px)}
  .development-page #LocalArea .duchy-area-map-shell{border-radius:10px 10px 0 0;flex:0 0 auto;height:var(--duchy-map-height);order:0;width:100%}
  .development-page #LocalArea .duchy-area-panel{border-radius:0 0 10px 10px;height:auto;order:1;width:100%}
  .development-page #LocalArea .duchy-area-panel-head{display:none}
  .development-page #LocalArea .duchy-area-category-nav{background:var(--la-teal);display:flex;gap:0;grid-template-columns:none;height:60px;overflow-x:auto;overflow-y:hidden;padding:0 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .development-page #LocalArea .duchy-area-category-nav::-webkit-scrollbar{display:none}
  .development-page #LocalArea .duchy-area-filter,.development-page #LocalArea .duchy-area-filter:last-child:nth-child(odd){background:transparent;border:0;border-radius:0;color:#fff;flex:0 0 auto;font-family:OutfitRegular,sans-serif;font-size:13px;height:60px;min-width:128px;padding:0 20px;position:relative;width:auto}
  .development-page #LocalArea .duchy-area-filter:hover{background:rgba(255,255,255,.08)}
  .development-page #LocalArea .duchy-area-filter.is-active{background:#427c7f;border:0;clip-path:none}
  .development-page #LocalArea .duchy-area-list-heading{color:var(--la-gold);display:block;font-family:OutfitRegular,sans-serif;font-size:15px;font-weight:400;line-height:1.3;padding:28px 25px 13px;text-align:center}
  .development-page #LocalArea .duchy-area-scroll{flex:0 0 auto;height:clamp(250px,38svh,440px);min-height:0;padding:0 25px 24px}
  .development-page #LocalArea .duchy-area-place{min-height:74px}
}
@media only screen and (max-width:719px){
    .development-page #LocalArea .duchy-area-heading-wrap{padding-top:60px;padding-bottom:60px}
  .development-page #LocalArea .duchy-area-map-wait-content{bottom:90px;grid-template-columns:32px minmax(0,1fr);left:20px;max-width:calc(100% - 40px);padding:10px 11px}
  .development-page #LocalArea .duchy-area-wait-icon{grid-row:1/3;height:32px;width:32px}
  /* Mobile: both bottoms are 20px. 83px reserve = 20px edge + 49px zoom + 14px gap. */
  .development-page #LocalArea .duchy-area-map-controls{bottom:20px;right:20px}
  .development-page #LocalArea .duchy-area-selected-card{bottom:20px;left:20px;max-width:none;padding:14px 15px 16px;right:83px;width:auto}
  .development-page #LocalArea .duchy-area-selected-card h4{font-size:21px}
  .development-page #LocalArea .duchy-area-card-actions{margin-top:12px}
  .development-page #LocalArea .duchy-area-card-actions a{min-height:38px;padding:8px 10px}
  .development-page #LocalArea .duchy-area-map-shell:has(.duchy-area-selected-card:not([hidden])) .duchy-area-map-wait-content{display:none}
  .development-page #LocalArea .duchy-area-category-nav{padding:0 8px}
  .development-page #LocalArea .duchy-area-filter,.development-page #LocalArea .duchy-area-filter:last-child:nth-child(odd){min-width:117px;padding:0 15px}
  .development-page #LocalArea .duchy-area-list-heading{padding:25px 20px 13px}
  .development-page #LocalArea .duchy-area-scroll{height:clamp(245px,36svh,370px);padding:0 17px 17px}
  .development-page #LocalArea .duchy-area-place{gap:11px;min-height:72px;padding:11px 6px}
  .development-page #LocalArea .duchy-area-disclaimer{margin:17px 30px 0;width:calc(100% - 60px)}
}
@media (prefers-reduced-motion:reduce){
  .development-page #LocalArea .duchy-area-filter,.development-page #LocalArea .duchy-local-marker{transition:none}
}


/* ========================================================================
   v5 | Site-wide development-page section and map refinements
   ======================================================================== */

/* A single slate background carries the introductions directly into the
   darker filter bars: no inherited white section/margin gap. */
.development-page #OurHomes .duchy-slate-intro-band,
.development-page #Gallery .duchy-slate-intro-band{
  background:#212e35;
  color:#fff;
  box-sizing:border-box;
  display:flow-root;
  width:100%;
  margin:0!important;
}
.development-page #OurHomes .duchy-slate-intro-inner,
.development-page #Gallery .duchy-slate-intro-inner{
  box-sizing:border-box;
  display:flow-root!important;
  float:none!important;
  width:calc(100% - 120px)!important;
  max-width:1440px!important;
  margin:0 auto!important;
  padding:0!important;
}
.development-page #OurHomes .duchy-slate-intro-inner>.intro-container,
.development-page #Gallery .duchy-slate-intro-inner>.intro-container{
  box-sizing:border-box;
  display:block!important;
  float:none!important;
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
}
.development-page #OurHomes .duchy-slate-intro-inner .intro-container>.left-col,
.development-page #Gallery .duchy-slate-intro-inner .intro-container>.left-col{
  box-sizing:border-box;
  display:block!important;
  float:none!important;
  min-height:0!important;
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
.development-page #OurHomes .duchy-slate-intro-inner .intro-container h2,
.development-page #Gallery .duchy-slate-intro-inner .intro-container h2{
  color:#fff!important;
}
.development-page #OurHomes .duchy-slate-intro-inner .intro-container h3,
.development-page #Gallery .duchy-slate-intro-inner .intro-container h3{
  color:#c5b48f!important;
}
.development-page #OurHomes .duchy-slate-intro-inner .intro-container .intro_full,
.development-page #Gallery .duchy-slate-intro-inner .intro-container .intro_full{
  color:#fff!important;
  max-width:100%!important;
}
/* Eliminate the old extra 60px gap below Our Homes at every breakpoint. */
.development-page #OurHomes .availability-sticky-bar{
  background:#1a282e;
  margin-top:0!important;
}
/* Gallery follows the same spacing model instead of the old 90px intro footer. */
.development-page #Gallery .duchy-slate-intro-inner{padding-bottom:0!important;}

/* Constrain the Development Plan to the same 1440px centred content wrapper.
   Width remains responsive; the internal map can pan without forcing page scroll. */
@media only screen and (min-width:720px){
  .development-page .development-plan-map-wrap{
    box-sizing:border-box;
    max-width:1440px!important;
    width:calc(100% - 120px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .development-page #LocalArea .duchy-area-layout,
  .development-page #LocalArea .duchy-area-disclaimer{
    box-sizing:border-box;
    max-width:1440px!important;
    width:calc(100% - 120px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}
.development-page .sitemap-flex{
  box-sizing:border-box;
  min-width:0;
  max-width:100%;
}
.development-page .sitemap-flex>.container-viewer,
.development-page .sitemap-flex>.key-container{
  box-sizing:border-box;
  min-width:0;
}
/* Local Area uses the same map-first desktop composition as Development Plan. */
@media only screen and (min-width:1220px){
  .development-page #LocalArea .duchy-area-layout{
    grid-template-columns:minmax(0,1fr) minmax(0,460px);
  }
}
/* Correct the inherited intro margins responsible for the long empty gap
   between the Gallery container and the Local Area heading. */
.development-page #LocalArea .duchy-area-heading-wrap{
  box-sizing:border-box;
  margin-top:0!important;
  margin-bottom:0!important;
}
.development-page #LocalArea .duchy-area-heading-wrap>.intro-container{
  float:none!important;
  display:block!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
}
.development-page #LocalArea .intro-container h2{color:#555!important;}
@media only screen and (max-width:719px){
  .development-page #OurHomes .duchy-slate-intro-inner,
  .development-page #Gallery .duchy-slate-intro-inner{
    box-sizing:border-box;
    width:calc(100% - 60px)!important;
  }
}

/* ========================================================================
   v6 | Development Plan / Local Area parity and accessible mobile tabs
   ======================================================================== */
/* Same plain CSS tab semantics as the Development Plan, without Bootstrap
   JS changing the shared Local Area list. Desktop is a grid; small screens
   become a single horizontal swipe row with no wrapped / stacked items. */
.development-page #LocalArea #pills-tab-local-area{
  list-style:none;
  margin:0;
  max-width:none;
  width:100%;
}
.development-page #LocalArea #pills-tab-local-area>.nav-item{
  list-style:none;
  margin:0!important;
  min-width:0;
  padding:0;
}
.development-page #LocalArea #pills-tab-local-area>.nav-item>.duchy-area-filter{
  box-sizing:border-box;
  width:100%;
}
.development-page #LocalArea #pills-tab-local-area>.nav-item:last-child:nth-child(odd){
  grid-column:1 / -1;
  justify-self:center;
  width:calc(50% - 5px);
}
@media only screen and (max-width:1219px){
  /* Match #pills-tab-sitemap: one 60px teal bar, swipe horizontally. */
  .development-page #LocalArea #pills-tab-local-area{
    align-items:stretch!important;
    background:#4c8c8f;
    position:relative;
    z-index:1;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    gap:0!important;
    height:60px;
    justify-content:flex-start!important;
    margin:0!important;
    max-width:100%;
    min-width:0;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain;
    padding:0!important;
    scroll-behavior:smooth;
    scrollbar-width:none;
    touch-action:auto; /* Allow vertical page scrolling as well as horizontal category swipes. */
    white-space:nowrap;
    -webkit-overflow-scrolling:touch;
  }
  .development-page #LocalArea #pills-tab-local-area::-webkit-scrollbar{
    display:none!important;
    height:0!important;
  }
  .development-page #LocalArea #pills-tab-local-area>.nav-item,
  .development-page #LocalArea #pills-tab-local-area>.nav-item:last-child:nth-child(odd){
    display:block;
    flex:0 0 auto!important;
    grid-column:auto;
    height:60px;
    margin:0!important;
    max-width:none!important;
    min-width:0!important;
    width:auto!important;
  }
  .development-page #LocalArea #pills-tab-local-area>.nav-item>.duchy-area-filter{
    align-items:center;
    background:#4c8c8f!important;
    border:0!important;
    border-radius:0!important;
    clip-path:none;
    color:#fff!important;
    display:flex;
    float:none!important;
    flex:0 0 auto!important;
    font-family:OutfitRegular,sans-serif;
    font-size:13px!important;
    height:60px!important;
    justify-content:center;
    line-height:1.15;
    max-width:none!important;
    min-width:0!important;
    padding:0 24px!important;
    position:relative;
    white-space:nowrap;
    width:auto!important;
  }
  /* First Local Area tab: same 25px leading padding as Development Plan's first tab. */
  .development-page #LocalArea #pills-tab-local-area>.nav-item:first-child>.duchy-area-filter{
    padding-left:25px!important;
  }
  /* Same inset V-notch on the active tab as #pills-tab-sitemap. */
  .development-page #LocalArea #pills-tab-local-area>.nav-item>.duchy-area-filter.active{
    clip-path:none; /* One dark triangle is drawn by the active LI below. */
  }
  .development-page #LocalArea .duchy-area-filter.active:hover,
  .development-page #LocalArea .duchy-area-filter:not(.active):hover{
    background:#4c8c8f!important;
  }
  /* The teal tab strip itself sits behind the buttons; give the selected
     tab a small slate-coloured inset notch that stays visible on teal. */
  .development-page #LocalArea #pills-tab-local-area>.nav-item{
    position:relative;
  }
  .development-page #LocalArea #pills-tab-local-area>.nav-item.active::after{
    background:#212e35;
    bottom:0;
    clip-path:polygon(50% 0,100% 100%,0 100%);
    content:"";
    height:7px;
    left:50%;
    pointer-events:none;
    position:absolute;
    transform:translateX(-50%);
    width:12px;
    z-index:2;
  }
  .development-page #LocalArea .duchy-area-filter:focus-visible{
    outline:2px solid #fff;
    outline-offset:-4px;
  }
}
@media (prefers-reduced-motion:reduce){
  .development-page #LocalArea #pills-tab-local-area{scroll-behavior:auto}
}


/* Identical arrow-free, gold desktop scrollbars for both map keys.
   The outer key is the sole desktop scroll container (prevent nested
   scrollbars on Development Plan filter groups). */
@media only screen and (min-width:1220px){
  .development-page .key-container .filters{
    overflow:visible!important;
  }
  .development-page .key-container-inner,
  .development-page #LocalArea .duchy-area-scroll{
    overflow-x:hidden;
    overflow-y:auto;
    scrollbar-color:#c5b48f #1a282e;
    scrollbar-width:thin;
  }
  .development-page .key-container-inner::-webkit-scrollbar,
  .development-page #LocalArea .duchy-area-scroll::-webkit-scrollbar{
    height:0!important;
    width:8px!important;
  }
  .development-page .key-container-inner::-webkit-scrollbar-track,
  .development-page #LocalArea .duchy-area-scroll::-webkit-scrollbar-track{
    background:#1a282e!important;
    border-radius:8px;
  }
  .development-page .key-container-inner::-webkit-scrollbar-thumb,
  .development-page #LocalArea .duchy-area-scroll::-webkit-scrollbar-thumb{
    background:#c5b48f!important;
    border:1px solid #1a282e;
    border-radius:8px;
  }
  .development-page .key-container-inner::-webkit-scrollbar-thumb:hover,
  .development-page #LocalArea .duchy-area-scroll::-webkit-scrollbar-thumb:hover{
    background:#d1c19f!important;
  }
  .development-page .key-container-inner::-webkit-scrollbar-button,
  .development-page #LocalArea .duchy-area-scroll::-webkit-scrollbar-button{
    -webkit-appearance:none!important;
    display:none!important;
    height:0!important;
    width:0!important;
  }
}

/* Development Plan hides the redundant section title below its mobile tabs;
   the Local Area already identifies the category in the teal strip. */
@media only screen and (max-width:1219px){
  .development-page #LocalArea .duchy-area-list-heading{display:none!important;}
  .development-page #LocalArea .duchy-area-scroll{padding-top:24px;}
}

/* ===========================================================================
   DUCHY DEVELOPMENT PAGE | EDITABLE SPACING - START HERE
   ===========================================================================

   Change values INSIDE THE INDIVIDUAL BLOCK YOU WANT TO ADJUST.
   Nothing here sets a shared margin on .one-page-section or .promo-block.

   Breakpoints:
     Desktop    1220px and wider  -> 180px external / 60px internal
     Tablet     720px - 1219px    -> 120px external / 45px internal
     Phone      below 720px       ->  80px external / 40px internal

   'margin-top' = room BEFORE the section / promotional block.
   'padding-top/bottom' = room INSIDE a content section.
   Positive top margins on Home of the Month don't include the raised ribbon.
   =========================================================================== */

/* ---------------------------------------------------------------------------
   01 | OVERVIEW - section below sticky navigation
   --------------------------------------------------------------------------- */
.development-page #Overview{
  margin-top:180px!important;  /* Desktop gap: navigation -> overview */
  margin-bottom:0!important;
}
.development-page #Overview>.masterwrap>.intro-container{
  margin-top:0!important;     /* No extra gap on top of Overview's 180px */
  padding-top:0!important;
}
/* Overview's HubDB campaign - independently editable */
.development-page #Overview .overview-campaign-promo{
  margin-top:180px!important;
}
/* Home of the Month WHEN placed under Overview */
.development-page #Overview .home-of-month-promo{
  margin-top:120px!important;
}
@media (min-width:720px) and (max-width:1219px){
  .development-page #Overview{margin-top:120px!important;}
  .development-page #Overview .overview-campaign-promo{margin-top:120px!important;}
  .development-page #Overview .home-of-month-promo{margin-top:120px!important;}
}
@media (max-width:719px){
  .development-page #Overview{margin-top:120px!important;}
  .development-page #Overview .overview-campaign-promo{margin-top:120px!important;}
  .development-page #Overview .home-of-month-promo{margin-top:120px!important;}
}

/* ---------------------------------------------------------------------------
   02 | OUR HOMES - section / introduction / carousel / promotions
   --------------------------------------------------------------------------- */
.development-page #OurHomes{
  margin-top:180px!important;  /* Desktop gap from the previous section */
  margin-bottom:0!important;
}
.development-page #OurHomes .duchy-slate-intro-band{
  padding-top:90px!important;  /* Above 'Our Homes' heading */
  padding-bottom:90px!important; /* Below the introduction text */
}
.development-page #OurHomes .availability-sticky-bar{
  margin-top:0!important;     /* Filters join the intro: no second section gap */
}
.development-page #OurHomes #homesAvailabilityView{
  padding-top:90px!important; /* Between filter bar and carousel */
  padding-bottom:180px!important; /* Below carousel disclaimer */
}
.development-page #OurHomes #homesAvailabilityView>.masterwrap{
  padding-top:30px!important; /* Cards -> small print; EDIT separately */
  padding-bottom:0!important;
}
/* Our Homes' HubDB campaign - independently editable */
.development-page #OurHomes .our-homes-campaign-promo{
  margin-top:180px!important;
}
/* Home of the Month WHEN placed under Our Homes */
.development-page #OurHomes .home-of-month-promo{
  margin-top:180px!important;
}
@media (min-width:720px) and (max-width:1219px){
  .development-page #OurHomes{margin-top:120px!important;}
  .development-page #OurHomes .duchy-slate-intro-band{padding-top:45px!important;padding-bottom:45px!important;}
  .development-page #OurHomes #homesAvailabilityView{padding-top:45px!important;padding-bottom:45px!important;}
  .development-page #OurHomes .our-homes-campaign-promo{margin-top:120px!important;}
  .development-page #OurHomes .home-of-month-promo{margin-top:120px!important;}
}
@media (max-width:719px){
  .development-page #OurHomes{margin-top:120px!important;}
  .development-page #OurHomes .duchy-slate-intro-band{padding-top:80px!important;padding-bottom:40px!important;}
  .development-page #OurHomes #homesAvailabilityView{padding-top:40px!important;padding-bottom:40px!important;}
  .development-page #OurHomes #homesAvailabilityView>.masterwrap{padding-top:0!important;} /* No extra 20px above the disclaimer on phones. */
  .development-page #OurHomes .our-homes-campaign-promo{margin-top:80px!important;}
  .development-page #OurHomes .home-of-month-promo{margin-top:120px!important;}
}

/* ---------------------------------------------------------------------------
   02A | MORTGAGE CALCULATOR - heading, panel and section gap
   --------------------------------------------------------------------------- */
.development-page #MortgageCalculator{
  margin-top:180px!important; /* Desktop space after Our Homes/promotions */
  margin-bottom:0!important;
}
.development-page #MortgageCalculator .duchy-mortgage-container{
  margin-top:60px!important;  /* Heading/description -> calculator */
}
@media (min-width:720px) and (max-width:1219px){
  .development-page #MortgageCalculator{margin-top:120px!important;}
  .development-page #MortgageCalculator .duchy-mortgage-container{margin-top:45px!important;}
}
@media (max-width:719px){
  .development-page #MortgageCalculator{margin-top:80px!important;}
  .development-page #MortgageCalculator .duchy-mortgage-container{margin-top:40px!important;}
}

/* ---------------------------------------------------------------------------
   03 | DEVELOPMENT PLAN - heading / map + key / Home of the Month
   --------------------------------------------------------------------------- */
.development-page #DevelopmentPlan{
  margin-top:180px!important;
  margin-bottom:0!important;
}
.development-page #DevelopmentPlan>.masterwrap>.intro-container{
  margin-top:0!important;    /* Heading starts after section gap */
  padding-top:0!important;
}
.development-page #DevelopmentPlan .sitemap-flex{
  margin-top:0!important;
  padding-top:30px!important; /* Heading/description -> map and key */
}
/* Home of the Month WHEN placed under Development Plan */
.development-page #DevelopmentPlan .home-of-month-promo{
  margin-top:180px!important;
}
@media (min-width:720px) and (max-width:1219px){
  .development-page #DevelopmentPlan{margin-top:120px!important;}
  .development-page #DevelopmentPlan .sitemap-flex{padding-top:45px!important;}
  .development-page #DevelopmentPlan .home-of-month-promo{margin-top:120px!important;}
}
@media (max-width:719px){
  .development-page #DevelopmentPlan{margin-top:120px!important;}
  .development-page #DevelopmentPlan .sitemap-flex{padding-top:40px!important;}
  .development-page #DevelopmentPlan .home-of-month-promo{margin-top:80px!important;}
}

/* ---------------------------------------------------------------------------
   04 | GALLERY - heading / house-type filters / photography carousel
   --------------------------------------------------------------------------- */
.development-page #Gallery{
  margin-top:180px!important;
  margin-bottom:0!important;
}
.development-page #Gallery .duchy-slate-intro-band{
  padding-top:90px!important;
  padding-bottom:90px!important;
}
.development-page #Gallery .development-gallery-filter-section{
  padding-top:0!important;  /* Filter bar follows Our Homes' 120px height */
  padding-bottom:0!important;
}
.development-page #Gallery .development-gallery-container{
  padding-top:60px!important; /* The photography carousel */
  padding-bottom:120px!important; /* Includes disclaimer below images */
}
@media (min-width:720px) and (max-width:1219px){
  .development-page #Gallery{margin-top:120px!important;}
  .development-page #Gallery .duchy-slate-intro-band{padding-top:45px!important;padding-bottom:45px!important;}
  .development-page #Gallery .development-gallery-filter-section{padding-top:0!important;padding-bottom:0!important;}
  .development-page #Gallery .development-gallery-container{padding-top:45px!important;padding-bottom:45px!important;}
}
@media (max-width:719px){
  .development-page #Gallery{margin-top:120px!important;}
  .development-page #Gallery .duchy-slate-intro-band{padding-top:80px!important;padding-bottom:40px!important;}
  .development-page #Gallery .development-gallery-filter-section{padding-top:0!important;padding-bottom:0!important;}
  .development-page #Gallery .development-gallery-container{padding-top:40px!important;padding-bottom:40px!important;}
}

/* ---------------------------------------------------------------------------
   05 | LOCAL AREA - heading / map-and-key / closing disclaimer
   --------------------------------------------------------------------------- */
.development-page #LocalArea{
  margin-top:120px!important;
  margin-bottom:0!important;
  padding-bottom:60px!important; /* Space after the bottom disclaimer */
}
.development-page #LocalArea .duchy-area-heading-wrap{
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:60px!important;     /* Above 'Local Area' heading */
  padding-bottom:60px!important;  /* Between introduction and map */
}
@media (min-width:720px) and (max-width:1219px){
  .development-page #LocalArea{margin-top:120px!important;padding-bottom:45px!important;}
  .development-page #LocalArea .duchy-area-heading-wrap{padding-top:45px!important;padding-bottom:45px!important;}
}
@media (max-width:719px){
  .development-page #LocalArea{margin-top:80px!important;padding-bottom:40px!important;}
  .development-page #LocalArea .duchy-area-heading-wrap{padding-top:40px!important;padding-bottom:40px!important;}
}

/* ===========================================================================
   LOCAL AREA KEY | HORIZONTAL PLACE SCROLLER BELOW 1220PX
   The category tabs above already swipe horizontally. The individual places
   below also occupy ONE row that swipes sideways, not a multi-row grid.
   These settings affect only Local Area and are easy to edit independently.
   Desktop (1220px+) retains its original vertical sidebar list.
   =========================================================================== */
@media (max-width:1219px){
  /* Match Development Plan: map -> teal category tabs -> dark place key. */
  .development-page #LocalArea .duchy-area-key{
    border-radius:0 0 10px 10px;
    height:auto;
    max-height:none;
    overflow:hidden;
  }
  /* This is the horizontal scrolling viewport for the place-name buttons. */
  .development-page #LocalArea .duchy-area-key .duchy-area-scroll{
    border-top:1px solid var(--la-panel);
    margin-top:-1px;
    height:auto;
    max-height:none;
    min-height:0;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    overscroll-behavior-y:auto; /* Override the desktop key's containment, allowing page scroll. */
    touch-action:auto; /* Native horizontal swipes and vertical document panning. */
    padding:25px 30px 25px 0;  /* Outer scroller has no left padding; first button carries its own inset. */
    scroll-snap-type:none;       /* Development Plan does not snap, so it cannot consume the left inset. */
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .development-page #LocalArea .duchy-area-key .duchy-area-scroll::-webkit-scrollbar{
    display:none;
  }
  /* Force a SINGLE, no-wrap row regardless of how many places are present. */
  .development-page #LocalArea .duchy-area-key-options{
    align-items:stretch;
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    gap:10px;                    /* Gap between place buttons */
    min-width:100%;
    width:max-content;
  }
  .development-page #LocalArea .duchy-area-key-options>.duchy-area-place{
    align-items:center;
    background:#1a282e;
    border:2px solid #24343b;
    border-radius:10px;
    display:flex;
    flex:0 0 220px;             /* Tablet: width of each place button */
    gap:8px;
    justify-content:flex-start;
    min-height:76px;             /* Height can increase for longer place names */
    padding:12px 10px;
    text-align:left;
    width:220px;
  }
  /* Mirror Development Plan: .filters label:first-child { margin-left:30px }.
     JS tags the FIRST VISIBLE place whenever the category changes. */
  .development-page #LocalArea .duchy-area-key-options>.duchy-area-place.is-first-visible{
    margin-left:30px;
  }
  .development-page #LocalArea .duchy-area-key-options>.duchy-area-place:hover{
    border-color:#4c8c8f;
  }
  .development-page #LocalArea .duchy-area-key-options>.duchy-area-place.is-active{
    background:rgba(76,140,143,.24);
    border-color:#4c8c8f;
  }
  .development-page #LocalArea .duchy-area-key-options>.duchy-area-place .duchy-area-place-copy{
    align-items:flex-start;
    text-align:left;
  }
}
@media (max-width:719px){
  .development-page #LocalArea .duchy-area-key .duchy-area-scroll{
    padding:20px 30px 20px 0; /* Phone: first button provides the 30px left inset. */
  }
  .development-page #LocalArea .duchy-area-key-options>.duchy-area-place{
    flex-basis:190px;           /* Phone: button width (shows next button edge) */
    width:190px;
  }
}
@media (max-width:359px){
  .development-page #LocalArea .duchy-area-key-options>.duchy-area-place{
    flex-basis:175px;           /* Narrow phone: button width */
    width:175px;
  }
}

/* ===========================================================================
   DEVELOPMENT NAVIGATION | MATCH THE OUR HOMES HEADING CLEARANCE

   Main navigation uses heading-relative measurements in JS. These CSS
   scroll margins provide matching behaviour for native #fragment links.
   No margins/padding are added to the visible white-background sections.
   =========================================================================== */
@media (min-width:1220px){
  .development-page #pills-tabContent>.one-page-section:is(#Overview,#DevelopmentPlan){
    scroll-margin-top:calc(var(--sticky-stack-height) + 90px);
  }
  .development-page #pills-tabContent>.one-page-section#LocalArea{
    scroll-margin-top:calc(var(--sticky-stack-height) + 30px); /* 60px existing heading inset */
  }
}
@media (min-width:720px) and (max-width:1219px){
  .development-page #pills-tabContent>.one-page-section:is(#Overview,#DevelopmentPlan){
    scroll-margin-top:calc(var(--sticky-stack-height) + 45px);
  }
}
@media (max-width:719px){
  .development-page #pills-tabContent>.one-page-section:is(#Overview,#DevelopmentPlan){
    scroll-margin-top:calc(var(--sticky-stack-height) + 80px);
  }
  .development-page #pills-tabContent>.one-page-section#LocalArea{
    scroll-margin-top:calc(var(--sticky-stack-height) + 40px); /* 40px existing heading inset */
  }
}

/* ===========================================================================
   GALLERY HOUSE-TYPE FILTER | MATCH OUR HOMES BEDROOMS FILTER

   Desktop: 120px dark bar, 15px gold heading, 40px button row.
   Tablet:  64px dark bar, 13px inline heading, 42px buttons.
   Phone:   120px dark bar, 13px stacked heading, 40px buttons.
   Splide and its full-width horizontal swipe behaviour remain unchanged.
   =========================================================================== */
.development-page #Gallery .development-gallery-filter-section{
  --gallery-filter-leading:var(--gallery-selector-gutter);
  background:#1a282e;
}
.development-page #Gallery .development-gallery-filter-inner{
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  justify-content:center;
  height:120px;
  min-height:120px;
  margin:0!important;
  padding:0!important;
  max-width:none!important;
  width:100%!important;
}
.development-page #Gallery .development-gallery-filter-title{
  box-sizing:border-box;
  color:#c5b48e;
  flex:0 0 auto;
  font-family:OutfitRegular,sans-serif;
  font-size:15px;
  font-weight:400;
  line-height:1;
  margin:0 0 15px!important;
  padding-left:var(--gallery-filter-leading)!important;
  padding-right:var(--gallery-selector-gutter)!important;
  white-space:nowrap;
}
.development-page #Gallery .development-gallery-selector{
  box-sizing:border-box;
  flex:0 0 40px;
  height:40px;
  margin:0!important;
  min-width:0;
  width:100%!important;
}
.development-page #Gallery .development-gallery-selector .splide__track{
  box-sizing:border-box;
  height:100%;
  overflow:hidden;
  padding-left:var(--gallery-filter-leading)!important;
  padding-right:var(--gallery-selector-gutter)!important;
}
.development-page #Gallery .development-gallery-selector .splide__list{
  align-items:center;
  height:100%;
}
.development-page #Gallery .development-gallery-selector-btn{
  align-items:center;
  background:#212e35;
  border:1px solid #24343b;
  border-radius:10px;
  box-sizing:border-box;
  color:#fff;
  display:flex;
  font-family:OutfitRegular,sans-serif;
  font-size:13px;
  font-weight:400;
  height:40px;
  justify-content:center;
  line-height:1;
  padding:0 16px;
  white-space:nowrap;
}
.development-page #Gallery .development-gallery-selector-btn.is-active{
  background:#4d8d8f33;
  border-color:#457f82;
}
@media (min-width:720px) and (max-width:1219px){
  .development-page #Gallery .development-gallery-filter-inner{
    align-items:center;
    flex-direction:row;
    gap:18px;
    height:64px;
    min-height:64px;
  }
  .development-page #Gallery .development-gallery-filter-title{
    font-size:13px;
    margin:0 0 0 var(--gallery-selector-gutter)!important;
    padding:0!important;
  }
  .development-page #Gallery .development-gallery-selector{
    flex:1 1 0;
    height:42px;
    min-width:0;
    width:auto!important;
  }
  .development-page #Gallery .development-gallery-selector .splide__track{
    padding-left:0!important;
    padding-right:var(--gallery-selector-gutter)!important;
  }
  .development-page #Gallery .development-gallery-selector-btn{
    height:42px;
    padding:0 15px;
  }
}
@media (max-width:719px){
  .development-page #Gallery .development-gallery-filter-section{
    --gallery-filter-leading:30px;
  }
  .development-page #Gallery .development-gallery-filter-title{
    font-size:13px;
    margin:0 0 10px!important;
    padding-left:30px!important;
    padding-right:30px!important;
  }
  .development-page #Gallery .development-gallery-selector-btn{
    height:40px;
    padding:0 14px;
  }
}

/* Both maps use exactly the same viewport height; only the desktop key
   follows the map height. Mobile/tablet keys stay in normal page flow. */
.development-page #DevelopmentPlan .sitemap-flex>.container-viewer{
  height:var(--duchy-map-height);
  min-height:0;
}
@media only screen and (min-width:1220px){
  .development-page #DevelopmentPlan .sitemap-flex>.key-container{
    height:var(--duchy-map-height);
    min-height:0;
    max-height:none;
  }
}

/* ==================== END USER-EDITABLE LAYOUT ==================== */


/* Local Area behaviour only | preserve the existing visual system. */
/* The key already contains the selected place and its journey time. Avoid
   covering the map with a second information box on any screen width. */
.development-page #LocalArea .duchy-area-selected-card{display:none!important}
/* A selected location must stand out without altering its existing colour. */
.development-page #LocalArea .duchy-local-marker.is-dimmed{opacity:.35}
@media only screen and (max-width:1219px){
  /* Keep the teal Development Plan tab strip continuous when scrolling into
     the trailing space used to align the final tab on mobile. */
  .development-page #DevelopmentPlan #pills-tab-sitemap{background-color:#4c8c8f}
  /* Keep the existing trailing alignment for CATEGORY tabs only. */
  .development-page #LocalArea #pills-tab-local-area::after {
    content: "";
    flex: 0 0 var(--la-category-scroll-tail, 0px);
    height: 60px;
    background-color: #4c8c8f;
    pointer-events: none;
  }
  /* No trailing pseudo-element on Local Area PLACE cards: the final card now
     stops naturally at the key's existing 30px right-hand padding. */
  .development-page #pills-tab-sitemap::after{
    content:"";flex:0 0 var(--duchy-sitemap-scroll-tail,0px);pointer-events:none;
  }
}

/* Campaign promo logo: sits above the offer heading, never over the photo.
   Applies only to the Overview and Our Homes campaign promos. */
.development-page .overview-campaign-promo > .promo-offer > .promo-campaign-logo,
.development-page .our-homes-campaign-promo > .promo-offer > .promo-campaign-logo {
  display:block;
  position:relative;
  z-index:1;
  float:none;
  align-self:flex-start;
  width:auto;
  max-width:min(260px, 100%);
  height:auto;
  max-height:115px;
  object-fit:contain;
  object-position:left center;
  margin:0 0 20px 0;
}

/* Development Plan mobile/tablet: restore the active-tab dark V cutout.
   Keep the continuous original teal track and existing notch dimensions. */
@media only screen and (max-width:1219px){
  .development-page #DevelopmentPlan #pills-tab-sitemap > li.nav-item{
    position:relative;
  }
  .development-page #DevelopmentPlan #pills-tab-sitemap > li.nav-item:has(> button.nav-link.active)::after{
    content:"";
    background:#212e35;
    bottom:0;
    clip-path:polygon(50% 0,100% 100%,0 100%);
    height:7px;
    left:50%;
    pointer-events:none;
    position:absolute;
    transform:translateX(-50%);
    width:12px;
    z-index:3;
  }
}

/* ==================== MOBILE HERO SNOW / FESTIVE NAV EDGE ====================
   Only phones (<720px). The particle layer is clipped to the hero so snow
   appears to land on the main teal sticky navigation, not on page content.
   Remove the two decorative HTML nodes to remove the effect entirely. */
.development-page .duchy-mobile-snowfall,
.development-page .duchy-mobile-snowcap{display:none}

@media only screen and (max-width:719px){
  .development-page .duchy-mobile-snowfall.is-running{
    display:block;
    position:absolute;
    inset:0;
    overflow:hidden;
    pointer-events:none;
    z-index:6;
  }
  .development-page .duchy-mobile-snowflake{
    position:absolute;
    top:0;
    left:var(--duchy-flake-left);
    width:var(--duchy-flake-size);
    height:var(--duchy-flake-size);
    border-radius:50%;
    background:rgba(255,255,255,.96);
    box-shadow:0 0 3px rgba(255,255,255,.35);
    opacity:0;
    pointer-events:none;
    animation:duchy-mobile-snow-fall var(--duchy-flake-duration) linear infinite;
    animation-delay:var(--duchy-flake-delay);
    will-change:transform,opacity;
  }
  .development-page .duchy-mobile-snowfall.is-paused .duchy-mobile-snowflake{
    animation-play-state:paused;
  }
  .development-page .duchy-mobile-snowcap{
    display:block;
    position:absolute;
    left:0;
    top:-7px;
    width:100%;
    height:9px;
    z-index:5;
    pointer-events:none;
    background:
      radial-gradient(ellipse 30px 4px at 2% 100%,rgba(255,255,255,.94) 98%,transparent 100%),
      radial-gradient(ellipse 46px 6px at 17% 100%,rgba(255,255,255,.94) 98%,transparent 100%),
      radial-gradient(ellipse 34px 5px at 31% 100%,rgba(255,255,255,.94) 98%,transparent 100%),
      radial-gradient(ellipse 49px 7px at 47% 100%,rgba(255,255,255,.94) 98%,transparent 100%),
      radial-gradient(ellipse 40px 5px at 63% 100%,rgba(255,255,255,.94) 98%,transparent 100%),
      radial-gradient(ellipse 45px 6px at 80% 100%,rgba(255,255,255,.94) 98%,transparent 100%),
      radial-gradient(ellipse 32px 4px at 97% 100%,rgba(255,255,255,.94) 98%,transparent 100%),
      linear-gradient(to bottom,transparent 79%,rgba(255,255,255,.94) 79%);
    background-repeat:no-repeat;
    transform-origin:bottom center;
    opacity:0;
    animation:duchy-mobile-snow-settle 14s ease-out 1.5s forwards;
  }
}
@keyframes duchy-mobile-snow-fall{
  0%{transform:translate3d(0,-12px,0);opacity:0}
  10%{opacity:var(--duchy-flake-opacity)}
  87%{opacity:var(--duchy-flake-opacity)}
  100%{transform:translate3d(var(--duchy-flake-drift),var(--duchy-snow-travel,45svh),0);opacity:0}
}
@keyframes duchy-mobile-snow-settle{
  from{opacity:0;transform:scaleY(.18)}
  to{opacity:.94;transform:scaleY(1)}
}
@media only screen and (max-width:719px) and (prefers-reduced-motion:reduce){
  .development-page .duchy-mobile-snowfall{display:none!important}
  .development-page .duchy-mobile-snowcap{animation:none;opacity:.9;transform:none}
}


/* ========================================================================
   PLOT-SPECIFIC MEDIA | Our Homes carousel + shared media lightboxes
   ======================================================================== */
.development-page #first-slider .ht-mobile-card .plot-media-title-row{
  align-items:center;
  display:flex;
  gap:12px;
  justify-content:space-between;
  margin:30px 0 10px!important;
  min-width:0;
  width:100%;
}
@media only screen and (max-width:719px){
  .development-page #first-slider .ht-mobile-card .plot-media-title-row{margin-top:12px!important;}
}
.development-page #first-slider .ht-mobile-card .plot-media-title-row>h2{
  flex:1 1 auto;
  float:none!important;
  margin:0!important;
  min-width:0;
  overflow-wrap:normal;
  width:auto!important;
}
.development-page #first-slider .ht-mobile-card .plot-media-actions{
  align-items:center;
  display:flex;
  flex:0 0 auto;
  gap:9px;
  /* Retain 44px media hit targets without expanding the height of the heading row. */
  margin:-10px 0;
}
.development-page #first-slider .ht-mobile-card .plot-media-trigger{
  appearance:none;
  align-items:center;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  box-sizing:border-box;
  color:#c5b48e!important;
  cursor:pointer;
  display:inline-flex;
  flex:0 0 44px;
  height:44px;
  justify-content:center;
  margin:0;
  padding:0;
  touch-action:manipulation;
  transform:none!important;
  transition:none!important;
  width:44px;
}
/* Render the original SVGs directly, preserving their gold circle and
   white icon details. Masks turn every opaque SVG pixel solid gold. */
.development-page #first-slider .ht-mobile-card .plot-media-trigger .plot-media-icon{
  background-color:transparent;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  display:block;
  flex:0 0 auto;
  pointer-events:none;
}
.development-page #first-slider .ht-mobile-card .plot-media-trigger--video .plot-media-icon{
  height:34px;
  width:34px;
  background-image:url("/hubfs/_2025/Website/Icons/plotphotography.svg");
}
.development-page #first-slider .ht-mobile-card .plot-media-trigger--gallery .plot-media-icon{
  height:32px;
  width:32px;
  background-image:url("/hubfs/_2025/Website/Icons/walkaroundvideo.svg");
}
/* Hover, press and focus leave the media icon visually unchanged. */
.development-page #first-slider .ht-mobile-card .plot-media-trigger:is(:hover,:active){
  background:transparent!important;
  box-shadow:none!important;
  color:#c5b48e!important;
  transform:none!important;
}
.development-page #first-slider .ht-mobile-card .plot-media-trigger:focus-visible{
  outline:3px solid #fff;
  outline-offset:3px;
}
@media only screen and (max-width:390px){
  .development-page #first-slider .ht-mobile-card .plot-media-actions{gap:7px;}
  .development-page #first-slider .ht-mobile-card .plot-media-trigger{
    flex-basis:44px;height:44px;width:44px;
  }
}

/* Shared portrait video player: reused controls and Dropbox handling from
   #DevelopmentVideoModal, but without the landscape/mobile rotation styles. */
#PlotVideoModal .modal-dialog{
  align-items:center;
  display:flex;
  height:100svh;
  margin:0 auto!important;
  max-width:none!important;
  min-height:0!important;
  width:min(400px,calc(100vw - 60px));
}
#PlotVideoModal .modal-content,
#PlotVideoModal .modal-body,
#PlotVideoModal .development-video-frame{background:#212e35;}
#PlotVideoModal .modal-content{
  border:0;
  border-radius:10px;
  flex:0 0 auto;
  max-width:none;
  overflow:hidden;
  width:100%;
}
#PlotVideoModal .modal-body{
  display:block;
  padding:0!important;
  position:relative;
  width:100%;
}
#PlotVideoModal .development-video-frame{
  aspect-ratio:9 / 16;
  max-height:calc(100svh - 60px);
  overflow:hidden;
  position:relative;
  width:100%;
}
#PlotVideoModal .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%;
}
#PlotVideoModal.is-video-loaded .development-video-player{opacity:1;}
#PlotVideoModal .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:76px;
  justify-content:center;
  left:50%;
  padding:0;
  position:absolute;
  top:50%;
  transform:translate(-50%,-50%);
  width:76px;
  z-index:4;
}
#PlotVideoModal .development-video-main-play::after{
  border-bottom:12px solid transparent;
  border-left:19px solid #212e35;
  border-top:12px solid transparent;
  content:"";
  display:block;
  height:0;
  margin-left:5px;
  width:0;
}
#PlotVideoModal .development-video-main-play.is-hidden{opacity:0;pointer-events:none;}
#PlotVideoModal .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;
  display:flex;
  gap:8px;
  left:0;
  padding:28px 14px 14px;
  position:absolute;
  right:0;
  z-index:3;
}
#PlotVideoModal .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;
}
#PlotVideoModal .development-video-current-time,
#PlotVideoModal .development-video-duration{
  flex:0 0 auto;
  font-size:12px;
  font-variant-numeric:tabular-nums;
  line-height:1;
}
#PlotVideoModal .development-video-progress{
  accent-color:#4c8c8f;
  cursor:pointer;
  flex:1 1 auto;
  min-width:0;
}
#PlotVideoModal .development-video-frame:fullscreen,
#PlotVideoModal .development-video-frame:-webkit-full-screen{
  aspect-ratio:auto!important;
  height:100vh!important;
  max-height:none!important;
  width:100vw!important;
}
#PlotVideoModal .plot-media-video-close{
  align-items:center;
  background:rgba(26,40,46,.85)!important;
  border-radius:50%;
  display:flex;
  height:44px;
  justify-content:center;
  left:auto!important;
  margin:0!important;
  padding:10px!important;
  position:absolute;
  right:14px!important;
  top:14px!important;
  width:44px;
  z-index:8;
}
#PlotVideoModal .plot-media-video-close img{height:20px;width:20px;}
#PlotVideoModal .development-video-main-play:focus-visible,
#PlotVideoModal .development-video-controls button:focus-visible,
#PlotVideoModal .development-video-progress:focus-visible,
#PlotVideoModal .plot-media-video-close:focus-visible{
  outline:3px solid #fff;
  outline-offset:2px;
}
@media only screen and (max-width:719px){
  #PlotVideoModal .development-video-current-time,
  #PlotVideoModal .development-video-duration{display:none;}
  #PlotVideoModal .development-video-main-play{height:68px;width:68px;}
}

/* Full-size fixed gallery shell; the photographic list is the only scroller. */
#PlotGalleryModal .modal-dialog{
  box-sizing:border-box;
  display:flex;
  height:calc(100svh - 120px)!important;
  margin:60px auto!important;
  max-width:1440px!important;
  min-height:0!important;
  width:calc(100vw - 120px)!important;
}
#PlotGalleryModal .modal-content{
  background:#212e35;
  border:0;
  border-radius:10px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  height:100%;
  max-height:100%;
  min-height:0;
  overflow:hidden;
  width:100%;
}
#PlotGalleryModal .plot-media-gallery-header{
  align-items:center;
  background:#212e35;
  box-sizing:border-box;
  color:#fff;
  display:flex;
  flex:0 0 auto;
  gap:20px;
  justify-content:space-between;
  min-height:82px;
  padding:18px 30px;
}
#PlotGalleryModal .plot-media-gallery-heading{min-width:0;}
#PlotGalleryModal .plot-media-gallery-kicker{
  color:#c5b48e;
  font-family:OutfitRegular,sans-serif;
  font-size:12px;
  line-height:1.3;
  margin-bottom:4px;
}
#PlotGalleryModal .plot-media-gallery-title{
  color:#fff;
  font-family:made-mirage-medium,serif;
  font-size:26px;
  line-height:1.1;
}
#PlotGalleryModal .plot-media-gallery-close{
  align-items:center;
  background:#1a282e;
  border:1px solid #34474f;
  border-radius:50%;
  cursor:pointer;
  display:flex;
  flex:0 0 44px;
  height:44px;
  justify-content:center;
  padding:10px;
  width:44px;
}
#PlotGalleryModal .plot-media-gallery-close img{height:20px;width:20px;}
#PlotGalleryModal .plot-media-gallery-close:hover{background:#34474f;}
#PlotGalleryModal .plot-media-gallery-close:focus-visible{
  outline:3px solid #fff;
  outline-offset:3px;
}
#PlotGalleryModal .plot-media-gallery-scroll{
  background:#1a282e;
  box-sizing:border-box;
  flex:1 1 auto;
  min-height:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-color:#4c8c8f #1a282e;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}
#PlotGalleryModal .plot-media-gallery-scroll:focus-visible{
  outline:2px solid #c5b48e;
  outline-offset:-2px;
}
#PlotGalleryModal .plot-media-gallery-list{
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  gap:24px;
  padding:30px;
  width:100%;
}
#PlotGalleryModal .plot-media-gallery-photo{
  aspect-ratio:auto 4/3;
  background:#212e35;
  border-radius:10px;
  display:block;
  height:auto;
  max-width:100%;
  object-fit:contain;
  width:100%;
}
#PlotGalleryModal .plot-media-gallery-error{
  color:#fff;
  font-family:OutfitRegular,sans-serif;
  font-size:13px;
  margin:0;
  padding:30px;
}
@media only screen and (max-width:719px){
  #PlotGalleryModal .modal-dialog{
    /* Respect a full 60px top/bottom clearance while keeping 30px side margins. */
    height:calc(100svh - 120px)!important;
    height:calc(100dvh - 120px)!important;
    max-height:calc(100dvh - 120px)!important;
    min-height:0!important;
    margin:60px auto!important;
    width:calc(100vw - 60px)!important;
  }
  #PlotGalleryModal .plot-media-gallery-header{gap:10px;min-height:76px;padding:15px 20px;}
  #PlotGalleryModal .plot-media-gallery-title{font-size:22px;}
  #PlotGalleryModal .plot-media-gallery-list{gap:15px;padding:15px;}
}

/* Final-five plot cards use the existing card system. Allow the extra Plot
   number in the heading to wrap without displacing plot media controls. */
.development-page #first-slider .housetype-infocard--plot .plot-media-title-row > h2{
  overflow-wrap:break-word;
}

/* Hide the sticky filter strip itself if neither filter group has choices. */
.development-page #OurHomes .availability-sticky-bar:not(:has(.availability-filter-group:not([hidden]))){
  display:none!important;
}

/* ===========================================================================
   DUCHY MORTGAGE CALCULATOR | Isolated page component
   Uses the existing development-page typography, slate, teal, gold and radius.
   Layout and controls are scoped to #MortgageCalculator.
   =========================================================================== */
.development-page #pills-tab-mortgage{padding:0 15px}
@media (min-width:420px){.development-page #pills-tab-mortgage{padding:0 20px}}

.development-page #MortgageCalculator .duchy-mortgage-heading-wrap,
.development-page #MortgageCalculator .duchy-mortgage-container{
  box-sizing:border-box;
  display:flow-root;
  float:none;
  margin-left:auto!important;
  margin-right:auto!important;
}
.development-page #MortgageCalculator .duchy-mortgage-heading-wrap>.intro-container{
  display:flow-root;
  float:none;
  margin:0!important;
  min-height:0!important;
  padding:0!important;
  width:100%;
}
.development-page #MortgageCalculator .duchy-mortgage-heading-wrap .left-col{
  float:none!important;
  margin:0!important;
  max-width:100%!important;
  min-height:0!important;
  width:100%!important;
}
.development-page #MortgageCalculator .duchy-mortgage-heading-wrap .intro_full{
  max-width:850px;
}
.development-page #MortgageCalculator .duchy-mortgage-panel{
  background:#212e35;
  border-radius:10px;
  box-sizing:border-box;
  color:#fff;
  display:grid;
  gap:32px clamp(35px,5vw,80px);
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  overflow:visible;
  padding:60px;
  width:100%;
}
.development-page #MortgageCalculator .duchy-mortgage-form,
.development-page #MortgageCalculator .duchy-mortgage-results{box-sizing:border-box;min-width:0}
.development-page #MortgageCalculator .duchy-mortgage-eyebrow{
  color:#c5b48f;
  font-family:OutfitRegular,sans-serif;
  font-size:15px;
  line-height:1.3;
  margin:0 0 30px;
}
.development-page #MortgageCalculator .duchy-mortgage-field{margin:0 0 24px;min-width:0}
.development-page #MortgageCalculator .duchy-mortgage-field>label,
.development-page #MortgageCalculator .duchy-mortgage-label-row>label{
  color:#fff;
  display:block;
  font-family:OutfitRegular,sans-serif;
  font-size:13px;
  font-weight:400;
  line-height:1.4;
  margin:0 0 10px;
}
.development-page #MortgageCalculator .duchy-mortgage-label-row{
  align-items:center;
  display:flex;
  flex-wrap:wrap;
  gap:8px 12px;
  justify-content:space-between;
  margin-bottom:10px;
}
.development-page #MortgageCalculator .duchy-mortgage-label-row>label{margin:0}
.development-page #MortgageCalculator .duchy-mortgage-select,
.development-page #MortgageCalculator .duchy-mortgage-input{
  appearance:none;
  background:#1a282e!important;
  border:2px solid #34474f!important;
  border-radius:10px!important;
  box-shadow:none!important;
  box-sizing:border-box;
  color:#fff!important;
  display:block;
  font-family:OutfitRegular,sans-serif;
  font-size:14px!important;
  height:54px!important;
  line-height:1.3;
  margin:0!important;
  min-width:0;
  outline:0;
  padding:0 18px!important;
  width:100%;
}
.development-page #MortgageCalculator .duchy-mortgage-select{
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c5b48f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
  background-position:right 18px center!important;
  background-repeat:no-repeat!important;
  cursor:pointer;
  padding-right:48px!important;
  text-overflow:ellipsis;
}
.development-page #MortgageCalculator .duchy-mortgage-select option{background:#1a282e;color:#fff}
.development-page #MortgageCalculator .duchy-mortgage-input::-webkit-outer-spin-button,
.development-page #MortgageCalculator .duchy-mortgage-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.development-page #MortgageCalculator .duchy-mortgage-input[type=number]{-moz-appearance:textfield}
/* Inputs retain their normal dark border while being edited: no gold focus ring. */
.development-page #MortgageCalculator .duchy-mortgage-select:focus,
.development-page #MortgageCalculator .duchy-mortgage-input:focus{
  outline:none!important;
  box-shadow:none!important;
  border-color:#34474f!important;
}
/* Keyboard focus remains visible on the calculator's action buttons and links. */
.development-page #MortgageCalculator .duchy-mortgage-unit-button:focus-visible,
.development-page #MortgageCalculator .duchy-mortgage-reset-price:focus-visible,
.development-page #MortgageCalculator .duchy-mortgage-home-link:focus-visible{
  outline:2px solid #c5b48f!important;
  outline-offset:3px;
}
.development-page #MortgageCalculator .duchy-mortgage-input[aria-invalid=true]{border-color:#dc8888!important}
.development-page #MortgageCalculator .duchy-mortgage-input-wrap{position:relative;width:100%}
.development-page #MortgageCalculator .duchy-mortgage-input--prefixed{padding-left:46px!important}
.development-page #MortgageCalculator .duchy-mortgage-input--suffixed{padding-right:65px!important}
.development-page #MortgageCalculator .duchy-mortgage-input-unit{
  color:#c5b48f;
  font-family:OutfitRegular,sans-serif;
  font-size:14px;
  left:18px;
  pointer-events:none;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
}
.development-page #MortgageCalculator .duchy-mortgage-input-unit--suffix{left:auto;right:18px}
.development-page #MortgageCalculator .duchy-mortgage-field-help{
  color:#b9c3c6;
  font-family:OutfitRegular,sans-serif;
  font-size:12px;
  line-height:1.5;
  margin:9px 0 0;
  min-height:0;
}
.development-page #MortgageCalculator .duchy-mortgage-reset-price{
  background:none;
  border:0;
  color:#c5b48f;
  cursor:pointer;
  font-family:OutfitRegular,sans-serif;
  font-size:12px;
  line-height:1.4;
  margin:0;
  padding:0;
  text-decoration:underline;
  text-underline-offset:3px;
}
.development-page #MortgageCalculator .duchy-mortgage-unit-toggle{
  align-items:center;
  background:#1a282e;
  border:1px solid #34474f;
  border-radius:8px;
  display:inline-flex;
  gap:3px;
  padding:3px;
}
.development-page #MortgageCalculator .duchy-mortgage-unit-button{
  background:transparent;
  border:0;
  border-radius:5px;
  color:#fff;
  cursor:pointer;
  font-family:OutfitRegular,sans-serif;
  font-size:12px;
  height:27px;
  min-width:32px;
  padding:0 7px;
}
.development-page #MortgageCalculator .duchy-mortgage-unit-button.is-active{background:#4c8c8f;color:#fff}
.development-page #MortgageCalculator .duchy-mortgage-two-fields{display:grid;gap:15px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.development-page #MortgageCalculator .duchy-mortgage-two-fields>.duchy-mortgage-field{margin-bottom:0}
.development-page #MortgageCalculator .duchy-mortgage-form-note,
.development-page #MortgageCalculator .duchy-mortgage-error{
  color:#b9c3c6;
  font-family:OutfitRegular,sans-serif;
  font-size:12px;
  line-height:1.6;
  margin:15px 0 0;
}
.development-page #MortgageCalculator .duchy-mortgage-error{color:#ffd8d8;margin-top:12px}
.development-page #MortgageCalculator .duchy-mortgage-results{
  align-self:stretch;
  background:#1a282e;
  border-radius:10px;
  display:flex;
  flex-direction:column;
  padding:35px;
}
.development-page #MortgageCalculator .duchy-mortgage-results .duchy-mortgage-eyebrow{margin-bottom:30px}
.development-page #MortgageCalculator .duchy-mortgage-monthly{
  color:#fff;
  font-family:made-mirage-medium,serif;
  font-size:clamp(38px,4vw,62px);
  font-weight:400;
  line-height:1.1;
  overflow-wrap:anywhere;
}
.development-page #MortgageCalculator .duchy-mortgage-monthly-label{color:#c5b48f;font-size:15px;margin:8px 0 30px}
.development-page #MortgageCalculator .duchy-mortgage-summary{
  border-top:1px solid #34474f;
  display:grid;
  gap:18px;
  margin:0;
  padding:28px 0;
}
.development-page #MortgageCalculator .duchy-mortgage-summary>div{
  align-items:baseline;
  display:flex;
  gap:14px;
  justify-content:space-between;
}
.development-page #MortgageCalculator .duchy-mortgage-summary dt,
.development-page #MortgageCalculator .duchy-mortgage-summary dd{
  font-family:OutfitRegular,sans-serif;
  font-size:13px;
  font-weight:400;
  line-height:1.4;
  margin:0;
}
.development-page #MortgageCalculator .duchy-mortgage-summary dt{color:#b9c3c6}
.development-page #MortgageCalculator .duchy-mortgage-summary dd{color:#fff;text-align:right;white-space:nowrap}
.development-page #MortgageCalculator .duchy-mortgage-home-link{
  align-items:center;
  background:#4c8c8f;
  border-radius:10px;
  color:#fff;
  display:flex;
  font-family:OutfitRegular,sans-serif;
  font-size:13px;
  gap:12px;
  justify-content:center;
  line-height:1.4;
  margin-top:auto;
  min-height:48px;
  padding:12px 20px;
  text-align:center;
  text-decoration:none;
}
.development-page #MortgageCalculator .duchy-mortgage-home-link:hover{background:#457f82;color:#fff}
.development-page #MortgageCalculator .duchy-mortgage-home-link span[aria-hidden="true"]{font-size:18px}
.development-page #MortgageCalculator .duchy-mortgage-result-note{
  color:#b9c3c6;
  font-family:OutfitRegular,sans-serif;
  font-size:12px;
  line-height:1.6;
  margin:20px 0 0;
}
.development-page #MortgageCalculator .duchy-mortgage-disclaimer{
  border-top:1px solid #34474f;
  color:#b9c3c6;
  font-family:OutfitRegular,sans-serif;
  font-size:12px;
  grid-column:1/-1;
  line-height:1.7;
  padding-top:28px;
}
.development-page #MortgageCalculator [hidden]{display:none!important}
@media (max-width:1050px){
  .development-page #MortgageCalculator .duchy-mortgage-panel{grid-template-columns:1fr;gap:32px}
  .development-page #MortgageCalculator .duchy-mortgage-results{min-height:0}
}
@media (max-width:719px){
  .development-page #MortgageCalculator .duchy-mortgage-panel{padding:40px 30px}
  .development-page #MortgageCalculator .duchy-mortgage-eyebrow{margin-bottom:24px}
  .development-page #MortgageCalculator .duchy-mortgage-results{padding:30px}
  .development-page #MortgageCalculator .duchy-mortgage-disclaimer{padding-top:24px}
}
@media (max-width:549px){
  .development-page #MortgageCalculator .duchy-mortgage-two-fields{grid-template-columns:1fr;gap:24px}
  .development-page #MortgageCalculator .duchy-mortgage-panel{padding:35px 25px}
  .development-page #MortgageCalculator .duchy-mortgage-results{padding:25px}
  .development-page #MortgageCalculator .duchy-mortgage-summary>div{align-items:flex-start}
  .development-page #MortgageCalculator .duchy-mortgage-summary dt{max-width:58%}
}