@media(max-width:1000px){.site-header{padding:0 5%}.main-nav{gap:20px}.section-pad{padding-left:8%;padding-right:8%}.plot-photo{height:190px}.experience-copy{padding:9%}.plan-copy{padding-left:12%}.location-grid{gap:7%}}
@media(max-width:720px){
html{scroll-padding-top:70px}.announcement{height:28px;font-size:7px}.site-header{height:67px;padding:0 6%}.brand-mark{font-size:28px}.brand-name{font-size:9px}.brand-name small{font-size:7px}
.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:none;padding:10px}.menu-toggle span{width:21px;height:1px;background:var(--ink)}
.main-nav{display:none;position:absolute;top:67px;left:0;right:0;background:var(--paper);padding:22px 7% 28px;align-items:stretch;flex-direction:column;gap:19px;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.main-nav>a{font-size:12px}.nav-cta{width:max-content}
.hero{height:calc(90svh - 95px);min-height:540px;max-height:760px}.hero-image{object-position:58% center}.hero-shade{background:linear-gradient(90deg,rgba(8,30,35,.64),rgba(8,30,35,.22)),linear-gradient(0deg,rgba(8,30,35,.3),transparent 40%)}.hero-content{left:8%;right:7%;top:48%}.hero h1{font-size:clamp(48px,13vw,72px)}.hero-copy{font-size:12px}.hero-caption{left:8%;right:8%;bottom:17px;font-size:7px}.hero-caption span:last-child,.scroll-cue{display:none}
.section-pad{padding:72px 7%}.section-kicker{font-size:7px;gap:10px}.section-kicker i{width:28px}.intro-grid{grid-template-columns:1fr;gap:26px;margin:37px 0 42px}.intro .display,.section-heading .display,.location .display,.faq .display{font-size:clamp(38px,11vw,55px)}.lead{font-size:18px}.intro-text p:not(.lead){font-size:11px}
.intro-stats{grid-template-columns:repeat(2,1fr);row-gap:21px}.intro-stats div{padding-left:15px}.intro-stats div:nth-child(odd){padding-left:0}.intro-stats div:nth-child(2){border:0}.intro-stats strong{font-size:24px}.intro-stats span{font-size:9px}
.experience{grid-template-columns:1fr}.experience-image{min-height:300px;height:67vw;max-height:440px}.experience-copy{padding:55px 8% 62px}.experience-copy .display{font-size:clamp(39px,10vw,55px)}.experience-copy>p:not(.eyebrow){font-size:11px}
.plots{padding-top:75px;padding-bottom:75px}.section-heading{display:block;margin:37px 0 29px}.heading-note{margin-top:21px;font-size:10px}.plot-filters{gap:18px;overflow:auto}.filter{white-space:nowrap;font-size:9px}.plot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 13px}.plot-photo{height:31vw;min-height:130px;max-height:210px}.plot-info{padding:12px 0 9px}.plot-info h3{font-size:18px}.plot-info p{font-size:8px}.plot-area{font-size:17px}.plot-price{display:block;padding:10px 0}.plot-price span{display:block;font-size:8px}.plot-price strong{display:block;font-size:9px;margin-top:3px}.card-link{font-size:8px}.price-note{line-height:1.8}
.plan-section{grid-template-columns:1fr}.plan-copy{padding:65px 8% 48px}.plan-copy .display{font-size:clamp(42px,11vw,59px)}.plan-copy>p:not(.eyebrow){font-size:10px}.plan-image{height:66vw;min-height:280px;padding:5%}.plan-image img{max-height:100%}.plan-label{bottom:13px;right:12px;font-size:7px}
.location{padding-top:76px;padding-bottom:75px}.location-grid{grid-template-columns:1fr;gap:32px;margin:40px 0 55px}.location-copy>p:not(.eyebrow):not(.fineprint){font-size:11px}.location-image{height:65vw;min-height:260px}.location-facts{gap:36px}.amenities{grid-template-columns:repeat(2,1fr);gap:27px 18px}.amenities p{font-size:9px}
.gallery{padding-top:72px;padding-bottom:75px}.gallery .section-heading{margin-bottom:25px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:9px}.gallery-grid a{height:37vw;min-height:145px}.gallery-grid a:first-child{grid-column:span 2;height:52vw}.gallery-grid a span{font-size:6px}
.faq{padding-top:75px;padding-bottom:78px}.faq-grid{grid-template-columns:1fr;gap:35px;margin-top:38px}.faq-side-note{font-size:10px}.faq-list summary{font-size:14px;padding:14px 0}.faq-list details p{font-size:9px}
.closing{height:420px}.closing>img{object-position:60% center}.closing-content{left:8%;right:7%}.closing .display{font-size:clamp(45px,12vw,66px)}.footer{padding:43px 7% 18px}.footer-main{grid-template-columns:1fr 1fr;gap:28px 15px;padding-bottom:35px}.footer-main>p{font-size:15px}.footer-contact{grid-column:1/3}.footer-bottom{display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:7px}.footer-bottom span:nth-child(2){text-align:right}.footer-bottom a{grid-column:1/3}
}
.brand{width:152px;height:88px;display:block;overflow:hidden;flex:none}.brand-logo{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.site-header{height:94px;transition:background .35s ease,box-shadow .35s ease,backdrop-filter .35s ease}.site-header.is-scrolled{background:rgba(244,242,235,.9);backdrop-filter:blur(14px);box-shadow:0 8px 26px rgba(14,39,44,.07)}html{scroll-padding-top:106px}.intro-stats{grid-template-columns:repeat(3,1fr)}
.hero h1{font-size:clamp(46px,5.1vw,70px)}.display{font-size:clamp(38px,4.3vw,58px)}.intro .display,.section-heading .display,.location .display,.faq .display{font-size:clamp(36px,4.15vw,55px)}.experience-copy .display{font-size:clamp(36px,4vw,52px)}.plan-copy .display{font-size:clamp(38px,4.1vw,52px)}.closing .display{font-size:clamp(44px,5.3vw,66px)}.section-kicker{font-size:9px}.eyebrow{font-size:10px}.plot-info p,.amenities p,.fineprint,.price-note,.faq-list details p{font-size:10px}.plot-price span,.plot-index,.plan-label,.map-chip{font-size:9px}.plot-price strong{font-size:11px}.plot-area{font-size:19px}.plot-info h3{font-size:22px}.hero-copy{font-size:15px}.heading-note,.intro-text p:not(.lead),.plan-copy>p:not(.eyebrow),.location-copy>p:not(.eyebrow):not(.fineprint){font-size:13px}
.has-motion .reveal{opacity:0;transform:translate3d(0,24px,0);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1);transition-delay:var(--reveal-delay,0ms)}.has-motion .reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}.has-motion .image-reveal{clip-path:inset(5% 3% 5% 3%);transition:clip-path 1s cubic-bezier(.22,.61,.36,1)}.has-motion .image-reveal.is-visible{clip-path:inset(0)}.hero-image{transform:translate3d(0,var(--hero-shift,0px),0) scale(1.025);animation:heroOpacity .9s ease-out both}@keyframes heroOpacity{from{opacity:.75}to{opacity:1}}
@media(max-width:720px){html{scroll-padding-top:76px}.site-header{height:70px}.brand{width:112px;height:66px}.main-nav{top:70px}.hero h1{font-size:clamp(44px,10.8vw,59px)}.display,.intro .display,.section-heading .display,.location .display,.faq .display{font-size:clamp(34px,8.5vw,48px)}.experience-copy .display,.plan-copy .display{font-size:clamp(35px,8.7vw,48px)}.closing .display{font-size:clamp(41px,9.7vw,57px)}.section-kicker{font-size:8px}.plot-info h3{font-size:19px}.plot-area{font-size:17px}.hero-copy{font-size:13px}.heading-note,.intro-text p:not(.lead),.plan-copy>p:not(.eyebrow),.location-copy>p:not(.eyebrow):not(.fineprint){font-size:11px}.intro-stats{grid-template-columns:repeat(2,1fr)}.footer-brand{width:138px;height:96px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.has-motion .reveal{opacity:1;transform:none}.has-motion .image-reveal{clip-path:none}}

/* Let every project photo respond gently to a mouse hover. */
.hero-image,.experience-image img,.plot-photo img,.plan-image img,.location-image img,.gallery-grid img,.closing>img{transition:transform 1.15s cubic-bezier(.2,.65,.25,1)}
@media(hover:hover) and (pointer:fine){
  .hero:hover .hero-image{transform:translate3d(0,var(--hero-shift,0px),0) scale(1.075)}
  .experience-image:hover img,.plot-photo:hover img,.plan-image:hover img,.location-image:hover img,.gallery-grid a:hover img{transform:scale(1.065)}
  .closing:hover>img{transform:scale(1.06)}
}

@media(max-width:420px){
  .plot-grid{grid-template-columns:1fr;gap:30px}
  .plot-photo{height:56vw;min-height:175px;max-height:245px}
  .plot-price{display:flex;align-items:center}
  .plot-price strong{font-size:11px;text-align:right}
  .plot-info p{font-size:9px}
  .hero-actions{gap:15px;flex-wrap:wrap}
  .hero h1{font-size:clamp(40px,11vw,48px)}
  .location-facts{gap:18px}
}

@media(max-width:720px) and (orientation:landscape){
  .hero{height:calc(100svh - 98px);min-height:300px;max-height:560px}
  .hero-content{top:49%}
  .hero h1{font-size:clamp(34px,7.5vw,48px)}
  .hero-copy{font-size:11px;margin:12px 0 17px}
  .hero .eyebrow{margin-bottom:11px}
  .hero-actions .button{padding:11px 15px}
  .hero-caption{bottom:12px}
}

@media(prefers-reduced-motion:reduce){
  .hero-image,.experience-image img,.plot-photo img,.plan-image img,.location-image img,.gallery-grid img,.closing>img{transition:none}
}