@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--navy:#0d273b;--ink:#173348;--gold:#d3a55a;--paper:#f7f8fa;--line:#dce2e7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:white;font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.masthead{max-width:1400px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:25px 6%;gap:20px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-size:14px;font-weight:700;letter-spacing:.1em}.brand small{display:block;font-size:12px;letter-spacing:.12em;font-weight:500;color:#526573}.monogram{font-family:'Libre Caslon Display',Georgia,serif;background:var(--navy);color:var(--gold);font-size:24px;letter-spacing:0;padding:8px 11px}.header-contact{font-size:14px;text-underline-offset:6px}.hero{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:white;min-height:520px}.hero-copy{padding:55px 10% 60px 12%;align-self:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;margin:0 0 15px}.hero .eyebrow{color:var(--gold)}h1{font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(40px,4.3vw,68px);line-height:1.05;font-weight:400;margin:0 0 24px}h1 span{color:#f1ce95}.tagline{font-size:21px;line-height:1.4;margin:0 0 20px}.intro{max-width:490px;color:#d8e2e9;font-size:16px;margin-bottom:30px}.hero-button{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);color:var(--navy);font-weight:700;font-size:15px;padding:14px 23px;text-decoration:none;min-height:48px;transition:background .2s}.hero-button:hover{background:#ebc285}.hero-image{position:relative;min-height:420px}.hero-image>img{width:100%;height:100%;position:absolute;object-fit:cover}.hero-image:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,rgba(9,26,38,.88))}.hero-caption{position:absolute;bottom:35px;left:35px;right:25px;z-index:1}.hero-caption span{font-size:12px;letter-spacing:.12em;display:block}.hero-caption strong{font-size:24px;font-family:'Libre Caslon Display',Georgia,serif;font-weight:400}.collection{max-width:1400px;margin:auto;padding:60px 6% 70px}.collection-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.collection-heading .eyebrow{color:#627687;margin-bottom:8px}h2{font-family:'Libre Caslon Display',Georgia,serif;font-size:38px;font-weight:400;line-height:1.2;margin:0}.date{font-size:12px;letter-spacing:.08em;color:#627687;margin-bottom:6px}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-top:30px}.tabs button{border:0;border-bottom:3px solid transparent;background:transparent;padding:16px 22px;font:700 17px 'DM Sans',Arial,sans-serif;color:#61717d;cursor:pointer}.tabs button[aria-selected=true]{border-color:var(--gold);color:var(--navy);background:#f2f5f7}.tabs button span{font-size:12px;font-weight:500;margin-left:10px}.region-description{color:#586c7c;font-size:14px;margin:18px 0 26px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.card{border:1px solid var(--line);background:white;overflow:hidden;display:flex;flex-direction:column}.photo{aspect-ratio:1.6;position:relative;background:#e7ecf0;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.card:hover .photo img{transform:scale(1.035)}.adult-badge{position:absolute;top:14px;left:14px;background:var(--navy);color:white;padding:6px 11px;font-size:12px;font-weight:700}.no-photo{height:100%;display:flex;flex-direction:column;justify-content:center;padding:30px;background:var(--navy);color:white}.no-photo span{color:var(--gold);font-size:12px;letter-spacing:.1em}.no-photo strong{font:32px 'Libre Caslon Display',Georgia,serif;line-height:1.2;margin-top:10px}.body{padding:22px;display:flex;flex-direction:column;flex:1}.community{font-size:12px;font-weight:700;color:#637686;letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px}.address{font-size:20px;line-height:1.3;font-weight:600;margin:0 0 4px}.city{font-size:14px;color:#6b7d8b;margin:0 0 16px}.pricing{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:15px;border-top:1px solid var(--line)}.price{font-size:27px;letter-spacing:-.04em;font-weight:700}.savings{text-align:right;font-size:17px;font-weight:700;color:#315f57;line-height:1.25}.savings small{font-size:12px;display:block;font-weight:500;color:#687e78;margin-top:3px}.specs{font-size:14px;display:flex;gap:6px 12px;flex-wrap:wrap;margin:16px 0 21px;color:#4c6375}.actions{margin-top:auto}.view-home{display:block;text-decoration:none;text-align:center;padding:11px;background:var(--navy);color:white;font-size:14px;font-weight:700}.view-home:hover{background:#204862}.inquire{display:block;text-align:center;font-size:13px;margin:12px 0 0;text-underline-offset:4px}.closing{background:#eef2f5;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:45px 8%}.closing .eyebrow{color:#677c8c}.closing p:last-child{max-width:570px;margin:15px 0 0;color:#586e7e}footer{padding:40px 8%;font-size:14px;display:flex;flex-direction:column;gap:4px}footer strong{font-size:18px}footer>a{width:fit-content;text-underline-offset:4px}footer p{max-width:950px;color:#6b7c88;font-size:12px;margin:20px 0 8px}.equal{font-size:12px;color:#6b7c88}@media(min-width:1600px){.hero-copy{padding-left:max(12%,calc((100vw - 1250px)/2))}}@media(max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.date{display:none}.hero-copy{padding:40px 9%}.header-contact{font-size:13px}.tagline{font-size:19px}}@media(max-width:650px){.masthead{padding:18px 5%}.brand{font-size:11px;gap:9px}.brand small{font-size:10px}.monogram{font-size:20px}.header-contact{font-size:12px;max-width:100px;text-align:right}.hero{grid-template-columns:1fr}.hero-copy{padding:36px 7%}.hero-image{min-height:260px}.hero-caption{bottom:22px;left:25px}h1{font-size:46px}.collection{padding:38px 6%}.collection h2{font-size:32px}.grid{grid-template-columns:1fr;gap:22px}.tabs button{padding:15px 10px;font-size:16px;flex:1}.tabs button span{display:block;margin:3px 0 0}.closing{display:block;padding:35px 7%}.closing .hero-button{margin-top:24px}footer{padding:30px 7%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.representative{position:absolute;bottom:10px;right:10px;background:rgba(13,39,59,.9);color:white;padding:4px 8px;font-size:12px}

.contact-portrait{width:180px;height:auto;object-fit:contain;object-position:center;border-radius:8px;flex-shrink:0;box-shadow:0 8px 24px rgba(13,39,59,.12)}.closing-copy{flex:1}.closing>.hero-button{flex-shrink:0}@media(max-width:1000px){.closing{flex-wrap:wrap}.closing>.hero-button{margin-left:210px}}@media(max-width:650px){.contact-portrait{width:144px;height:auto;margin-bottom:24px}.closing>.hero-button{margin-left:0}}


.percent-reduction{display:block;margin-top:6px;font-size:14px;color:#315f57;font-weight:700}.availability{font-size:12px;color:#315f57;font-weight:700;margin:0 0 14px}.savings{flex-shrink:0}

#contact-dialog{border:1px solid var(--line);border-radius:12px;padding:32px;width:calc(100% - 32px);max-width:540px;color:var(--ink);font-family:inherit;max-height:90vh;overflow:auto}#contact-dialog::backdrop{background:rgba(13,39,59,.65)}#contact-dialog h2{font-family:'Libre Caslon Display',Georgia,serif;font-size:36px;line-height:1.2;margin:12px 0}#contact-dialog label{display:block;margin:20px 0 8px;font-size:16px}#contact-email{width:100%;font:inherit;color:var(--ink);padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--paper)}.contact-close{float:right;border:0;background:transparent;color:var(--ink);font-size:30px;width:44px;height:44px;cursor:pointer}.contact-options{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.contact-options button,.contact-options a{font:inherit;font-size:16px;border:1px solid var(--navy);border-radius:6px;padding:12px 16px;cursor:pointer;text-decoration:none}.contact-options button{background:var(--navy);color:white}.contact-options a{background:white;color:var(--navy)}.contact-help{font-size:14px;margin-top:20px}#contact-feedback{font-size:14px;min-height:24px}

.collection-switch{display:flex;gap:10px;margin-bottom:22px}.collection-switch button{font:inherit;font-weight:700;border:1px solid #0d273b;border-radius:6px;padding:13px 20px;background:white;color:#0d273b;cursor:pointer}.collection-switch button[aria-pressed="true"]{background:#0d273b;color:white}.collection-switch span{font-size:14px;margin-left:8px}.community-list{display:grid;gap:16px}.inventory-community{border:1px solid #d8dfe4;border-radius:8px;background:white}.inventory-community summary{padding:20px;cursor:pointer;display:flex;justify-content:space-between;gap:15px;color:#0d273b;font-weight:700;font-size:20px}.inventory-community summary::after{content:'+';font-size:25px}.inventory-community[open] summary::after{content:'−'}.inventory-community summary span:first-child{flex:1}.inventory-community summary small{display:block;font-size:14px;font-weight:400;margin-top:6px}.inventory-community>.grid{padding:0 20px 20px}.inventory-community:not([open])>.grid{display:none}.inventory-community .card{min-width:0}@media(max-width:600px){.collection-switch button{padding:12px;font-size:16px}.collection-switch span{display:block;margin:4px 0 0}.inventory-community summary{font-size:18px;padding:16px}.inventory-community>.grid{padding:0 12px 12px}}

.header-actions{display:flex;align-items:center;gap:16px}.header-contact{font:inherit;border:0;background:none;color:var(--navy);text-decoration:underline;cursor:pointer}.hero-button{border:0;cursor:pointer;font-family:inherit}.inquire{width:100%;border:0;background:transparent;color:var(--navy);text-decoration:underline;font-family:inherit;cursor:pointer;min-height:36px}#contact-dialog{max-width:640px}#inquiry-form input:not([type=checkbox]),#inquiry-form select,#inquiry-form textarea{display:block;width:100%;padding:12px;font:inherit;border:1px solid #8799a7;border-radius:5px;color:var(--ink);background:white}#inquiry-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}#inquiry-form label{margin:12px 0;font-size:16px}#inquiry-form .permission{display:flex;gap:12px;font-size:14px;align-items:flex-start}#inquiry-form .permission input{margin-top:5px;width:20px;height:20px;flex-shrink:0}#inquiry-feedback{font-size:16px}#contact-dialog hr{border:0;border-top:1px solid var(--line);margin:24px 0}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}button:disabled{opacity:.65;cursor:default}[hidden]{display:none!important}@media(max-width:650px){.header-actions{gap:8px}.header-actions .hero-button{font-size:14px;padding:10px;min-height:44px}.header-contact{font-size:14px}.brand small{font-size:11px}.brand{font-size:12px}#inquiry-form .form-grid{grid-template-columns:1fr}#contact-dialog{padding:22px}.masthead{gap:10px}}

@media(max-width:650px){.masthead{flex-wrap:wrap}.header-actions{width:100%;justify-content:space-between}.header-contact{max-width:none;text-align:left}}

/* Colton's night sky: the photograph stays still while the stars move. */
.hero{background:#071624}.night-scene{min-height:620px;isolation:isolate;overflow:hidden;background:#071624}.night-scene>img{object-position:center center}.night-scene:after{z-index:2;pointer-events:none;background:linear-gradient(transparent,rgba(4,13,24,.94))}.sky-stars{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.sky-stars i{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;background:#e7edff;border-radius:50%;box-shadow:0 0 7px 1px #cdd7ff;opacity:.45;animation:star-twinkle 4.8s ease-in-out var(--delay) infinite alternate}.shooting-star{position:absolute;left:80%;top:12%;width:130px;height:2px;background:linear-gradient(90deg,transparent,#c8d9ff 78%,white);border-radius:100%;box-shadow:0 0 8px rgba(211,224,255,.7);transform:rotate(-35deg);opacity:0;animation:shooting-star-pass 9s ease-out 1s infinite}.shooting-star:after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:white;box-shadow:0 0 12px white}.night-scene .hero-caption{z-index:3;bottom:30px}.hero-caption small{display:block;font-size:12px;color:#c5d1e0;margin-top:7px;line-height:1.5}.sky-motion{position:absolute;top:18px;right:18px;z-index:3;border:1px solid #8293a9;background:rgba(4,13,24,.8);color:white;border-radius:4px;padding:9px 12px;min-height:44px;font:500 14px 'DM Sans',Arial,sans-serif;cursor:pointer}.sky-paused .sky-stars *{animation-play-state:paused!important}@keyframes star-twinkle{from{opacity:.2;transform:scale(.7)}to{opacity:.9;transform:scale(1.1)}}@keyframes shooting-star-pass{0%,5%{opacity:0;transform:translate(100px,-65px) rotate(-35deg)}7%{opacity:1}23%{opacity:1}29%{opacity:0;transform:translate(-500px,320px) rotate(-35deg)}30%,100%{opacity:0;transform:translate(-500px,320px) rotate(-35deg)}}@media(max-width:650px){.night-scene{min-height:440px}.night-scene>img{object-fit:cover;object-position:center}.shooting-star{width:95px}.night-scene .hero-caption{left:24px;bottom:22px}.sky-motion{top:12px;right:12px}}@media(prefers-reduced-motion:reduce){.sky-stars *{animation:none!important}.sky-stars i{opacity:.55}.shooting-star,.sky-motion{display:none}}
@media(min-width:651px){.hero{grid-template-columns:.9fr 1.1fr}.night-scene{min-height:600px}}@media(max-width:650px){.night-scene{min-height:0;aspect-ratio:3/2}.night-scene .hero-caption strong{font-size:21px}.hero-caption small{font-size:12px}.sky-stars{bottom:50%}.sky-stars i{top:calc(var(--y) * 1.6)}}

.little-dipper{position:absolute;left:6%;top:7%;width:36%;height:auto;z-index:1;overflow:visible;pointer-events:none}.dipper-stars{fill:#f5f8ff;filter:drop-shadow(0 0 3px #b5ccff)}@media(max-width:650px){.little-dipper{left:4%;top:5%;width:35%}}

/* Match the sky layer to the centered cover image, then mask the roof and trees. */
.night-scene{container-type:size}
.sky-stars{inset:auto;left:50%;top:50%;width:max(100cqw,150cqh);height:max(100cqh,66.666667cqw);transform:translate(-50%,-50%);clip-path:polygon(0 0,100% 0,100% 36%,94% 40%,88% 48%,82% 45%,59% 38%,49% 28%,43% 38%,43% 46%,38.5% 49%,29.4% 45%,19% 49%,10% 41%,0 39%)}
.sky-stars i{top:var(--y)}
.shooting-star{left:87%;top:7%;background:linear-gradient(90deg,white,#c8d9ff 22%,transparent);transform:rotate(-35deg)}
.shooting-star:after{left:0;right:auto}
@keyframes shooting-star-pass{0%,5%{opacity:0;left:92%;top:3%;transform:rotate(-35deg)}7%{opacity:1}26%{opacity:1;left:36%;top:57%;transform:rotate(-35deg)}29%,100%{opacity:0;left:32%;top:61%;transform:rotate(-35deg)}}

.top-picks-list>h3{font-size:1.4rem;margin:0 0 .5rem}.top-picks-list>p{margin:0 0 1.5rem}.top-picks-list>.colton-heading{margin-top:2.5rem}

.facebook-follow{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #1877f2;border-radius:5px;background:#1877f2;color:white;font-size:14px;font-weight:700;line-height:1.4;text-align:center;text-decoration:none;white-space:normal}.facebook-follow:hover{background:#1263cf;border-color:#1263cf}footer>.facebook-follow{margin-bottom:18px;color:white;text-decoration:none}.header-actions{flex-wrap:wrap;justify-content:flex-end}@media(max-width:1000px){.masthead{flex-wrap:wrap}.header-actions{width:100%;justify-content:flex-start}}@media(max-width:650px){.header-actions .facebook-follow{flex-basis:100%;width:100%;order:3}}

.linkedin-follow{background:#0a66c2;border-color:#0a66c2}.linkedin-follow:hover{background:#004182;border-color:#004182}