@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');

:root{--blue:#16446b;--blue-deep:#0b2f4e;--sky:#dcecf8;--ice:#f3f8fc;--white:#fff;--ink:#102536;--muted:#607383;--line:#d8e3eb;--serif:'DM Serif Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}main{overflow:hidden}[hidden]{display:none!important}
.availability-bar{min-height:36px;background:var(--blue-deep);color:#fff;display:flex;align-items:center;justify-content:center;gap:14px;padding:6px 4vw;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.availability-bar span:first-child{font-weight:700}.availability-bar a{margin-left:12px;border-bottom:1px solid rgba(255,255,255,.5)}.bar-dot{width:3px;height:3px;background:#fff;border-radius:50%}
.site-header{height:86px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.97);position:relative;z-index:50;border-bottom:1px solid rgba(22,68,107,.08)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:54px;height:54px;object-fit:contain}.brand span{display:flex;flex-direction:column;color:var(--blue);line-height:1}.brand b{font-size:16px;letter-spacing:.1em}.brand small{font-size:7px;letter-spacing:.2em;margin-top:7px}.nav-links{display:flex;gap:28px;align-items:center}.nav-links>a{font-size:12px;font-weight:600;letter-spacing:.05em;position:relative}.nav-links>a:not(.mobile-apply):after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--blue);transition:.25s}.nav-links>a:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:18px}.text-link{font-size:12px;font-weight:600}.button{border:0;cursor:pointer;min-height:52px;padding:0 25px;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;transition:transform .25s,background .25s,color .25s}.button:hover{transform:translateY(-2px)}.button-blue{background:var(--blue);color:#fff}.button-blue:hover{background:var(--blue-deep)}.button-small{min-height:44px;padding:0 20px}.button-white{background:#fff;color:var(--blue)}.button-white:hover{background:var(--sky)}.button-ghost{border:1px solid rgba(255,255,255,.55);color:#fff}.button-ghost:hover{background:#fff;color:var(--blue)}.button-outline{background:transparent;border:1px solid var(--blue);color:var(--blue)}.mobile-apply,.menu-button{display:none}
.hero{height:calc(100vh - 122px);min-height:620px;position:relative;color:#fff}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-image{animation:heroZoom 14s ease-out both}.hero-shade{background:linear-gradient(90deg,rgba(5,28,46,.82) 0%,rgba(6,31,51,.53) 42%,rgba(6,31,51,.08) 75%),linear-gradient(0deg,rgba(8,35,56,.58),transparent 45%)}.hero-copy{position:absolute;left:8vw;top:50%;transform:translateY(-51%);max-width:760px;z-index:2}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--blue);margin:0 0 20px}.eyebrow.light{color:#fff}.hero h1,.section h2,.location h2,.tour-modal h2{font-family:var(--serif);font-weight:400;letter-spacing:-.035em;line-height:.93;margin:0}.hero h1{font-size:clamp(68px,7.6vw,124px)}em{font-weight:400}.hero h1 em,.cta h2 em{color:#a8d7f4}.hero-intro{max-width:570px;font-size:17px;line-height:1.7;margin:28px 0 34px;color:rgba(255,255,255,.86)}.hero-buttons{display:flex;gap:12px}.hero-foot{position:absolute;bottom:25px;left:8vw;display:flex;gap:40px;z-index:2;font-size:10px;text-transform:uppercase;letter-spacing:.15em}.hero-foot span{display:flex;align-items:center;gap:10px}.hero-foot span:before{content:"";width:5px;height:5px;border:1px solid #fff;border-radius:50%}.scroll-cue{position:absolute;right:4vw;bottom:0;z-index:3;width:70px;height:70px;border-radius:50% 50% 0 0;background:#fff;color:var(--blue);display:grid;place-items:center;font-size:24px}.scroll-cue span{animation:bounce 2s infinite}
.section{padding:120px 8vw}.section-number{font-size:10px;font-weight:700;letter-spacing:.23em;color:var(--blue);margin-bottom:55px}.section-number.light{color:#a8d7f4}.intro h2,.floorplan-copy h2,.gallery h2,.location h2{font-size:clamp(54px,6vw,96px);color:var(--blue)}.intro h2 em,.floorplan-copy h2 em,.gallery h2 em,.location h2 em{color:#7eacc9}.intro-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;align-items:end}.intro-copy{padding-bottom:12px}.intro-copy p{font-size:17px;line-height:1.85;color:var(--muted);margin:0 0 30px}.arrow-link{color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;display:inline-flex;gap:18px;border-bottom:1px solid var(--line);padding-bottom:8px}.arrow-link span{transition:transform .2s}.arrow-link:hover span{transform:translateX(5px)}.feature-triptych{display:grid;grid-template-columns:repeat(3,1fr);margin-top:105px;border-top:1px solid var(--line)}.feature-triptych article{padding:35px 5vw 0 0;border-right:1px solid var(--line);min-height:210px}.feature-triptych article:not(:first-child){padding-left:3vw}.feature-triptych article:last-child{border:0}.feature-triptych span{font:italic 20px var(--serif);color:#8db4cf}.feature-triptych h3{font:400 26px var(--serif);color:var(--blue);margin:24px 0 10px}.feature-triptych p{font-size:13px;color:var(--muted);max-width:280px}
.floorplans{background:var(--ice);display:grid;grid-template-columns:1.08fr .92fr;gap:8vw;align-items:center;padding-left:0}.floorplan-image-wrap{height:760px;position:relative}.floorplan-image-wrap img{width:100%;height:100%;object-fit:cover}.image-tag{position:absolute;right:0;bottom:0;background:var(--blue);color:#fff;padding:20px 30px;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.floorplan-copy>p:not(.eyebrow){color:var(--muted);max-width:520px;margin:30px 0 40px}.plan-row{border-top:1px solid var(--line);padding:20px 0;display:flex;align-items:center;justify-content:space-between;color:var(--blue)}.plan-row:nth-of-type(3){border-bottom:1px solid var(--line);margin-bottom:35px}.plan-row span:first-child{display:flex;flex-direction:column}.plan-row b{font:400 24px var(--serif)}.plan-row small{font-size:11px;color:var(--muted);margin-top:4px}.plan-row>span:last-child{font-size:10px;letter-spacing:.15em}
.amenities{background:var(--blue);color:#fff}.amenities-heading{display:grid;grid-template-columns:.5fr 1.3fr .65fr;gap:4vw;align-items:end;margin-bottom:70px}.amenities-heading .section-number{margin:0}.amenities-heading h2{font-size:clamp(54px,5.5vw,88px)}.amenities-heading h2 em{color:#a8d7f4}.amenities-heading>p{color:rgba(255,255,255,.68);font-size:14px;max-width:280px}.amenity-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.22)}.amenity-grid article{position:relative;min-height:250px;padding:30px 45px 35px 0;border-bottom:1px solid rgba(255,255,255,.22);border-right:1px solid rgba(255,255,255,.22)}.amenity-grid article:nth-child(3n+2),.amenity-grid article:nth-child(3n+3){padding-left:35px}.amenity-grid article:nth-child(3n){border-right:0}.amenity-grid span{font:italic 17px var(--serif);color:#9cc9e5}.amenity-grid h3{font:400 27px var(--serif);margin:52px 0 8px}.amenity-grid p{font-size:12px;color:rgba(255,255,255,.62);max-width:280px}.amenity-grid i{position:absolute;right:20px;top:24px;font-style:normal;color:#9cc9e5;font-size:20px}.amenity-note{margin-top:45px;display:flex;gap:27px;align-items:center;flex-wrap:wrap;font-size:11px;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.1em}.amenity-note strong{color:#fff;margin-right:8px}.amenity-note span:before{content:"•";margin-right:27px;color:#8ebbd8}
.gallery-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:65px}.gallery-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;grid-template-rows:320px 410px;gap:18px}.gallery-item{margin:0;overflow:hidden;position:relative}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.6,.2,1)}.gallery-item:hover img{transform:scale(1.04)}.gallery-item figcaption{position:absolute;left:15px;bottom:12px;background:#fff;color:var(--blue);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:9px}.item-1{grid-row:1/3}.item-2{grid-column:2/4}.item-5{display:none}
.location{display:grid;grid-template-columns:1.15fr .85fr;background:var(--ice);min-height:700px}.map-art{position:relative;overflow:hidden;background:#dcecf6;background-image:radial-gradient(#aac9dd 1px,transparent 1px);background-size:22px 22px}.road{position:absolute;background:#fff;border:1px solid #cbdce8;box-shadow:0 0 0 9px rgba(255,255,255,.35)}.road-one{width:130%;height:38px;left:-15%;top:43%;transform:rotate(-18deg)}.road-two{width:40px;height:120%;left:58%;top:-10%;transform:rotate(15deg)}.road-three{width:110%;height:24px;left:-5%;top:77%;transform:rotate(8deg)}.map-label{position:absolute;color:#668399;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.msu{left:11%;bottom:12%}.meijer{right:14%;top:20%}.eastwood{left:14%;top:15%}.map-pin{position:absolute;width:115px;height:115px;left:46%;top:46%;transform:translate(-50%,-50%);border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 16px 50px rgba(22,68,107,.23);animation:float 4s ease-in-out infinite}.map-pin:after{content:"";position:absolute;inset:-12px;border:1px solid rgba(22,68,107,.25);border-radius:50%}.map-pin img{width:86px}.location-copy{padding:110px 8vw}.location-copy>p:not(.eyebrow){color:var(--muted);font-size:15px;max-width:470px;margin:30px 0}.location-copy address{font:400 22px/1.5 var(--serif);color:var(--blue);margin:35px 0 25px}
.cta{background:var(--blue-deep);text-align:center;color:#fff;position:relative}.cta-mark{position:absolute;width:520px;opacity:.055;left:50%;top:50%;transform:translate(-50%,-50%)}.cta>*:not(.cta-mark){position:relative}.cta h2{font:400 clamp(58px,7vw,108px)/.95 var(--serif);margin:0 0 45px}.cta>div{display:flex;gap:12px;justify-content:center}
footer{padding:80px 8vw 25px;background:#fff;color:var(--blue)}.footer-top{display:grid;grid-template-columns:1.4fr repeat(3,.6fr);gap:6vw;padding-bottom:60px}.footer-brand img{width:90px}.footer-brand h3{letter-spacing:.14em;font-size:18px;margin:18px 0 0}.footer-brand p{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}footer h4{font-size:10px;letter-spacing:.15em;text-transform:uppercase;margin:0 0 25px}footer .footer-top>div:not(:first-child){display:flex;flex-direction:column;gap:9px}footer .footer-top a,footer .footer-top p{font-size:12px;color:var(--muted);margin:0}.hours{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.footer-bottom{padding-top:22px;display:flex;justify-content:space-between;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.modal-backdrop{position:fixed;inset:0;background:rgba(4,25,41,.82);backdrop-filter:blur(8px);z-index:100;display:grid;place-items:center;padding:20px}.tour-modal{width:min(650px,100%);max-height:92vh;overflow:auto;background:#fff;padding:55px;position:relative}.modal-close{position:absolute;right:18px;top:12px;border:0;background:none;color:var(--blue);font:300 34px var(--sans);cursor:pointer}.tour-modal h2{font-size:58px;color:var(--blue)}.tour-modal>p:not(.eyebrow),.success p{color:var(--muted)}.tour-modal form{display:grid;gap:16px;margin-top:30px}.tour-modal label{display:grid;gap:6px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}.tour-modal input,.tour-modal select{width:100%;border:1px solid var(--line);background:var(--ice);padding:13px;outline:none;color:var(--ink)}.tour-modal input:focus,.tour-modal select:focus{border-color:var(--blue)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.success{text-align:center;padding:35px 0}.success>span{display:grid;place-items:center;margin:0 auto 20px;background:var(--blue);color:#fff;width:60px;height:60px;border-radius:50%;font-size:25px}.success a{color:var(--blue);font-weight:700}.success .button{margin-top:20px}
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.65,.25,1)}[data-reveal].is-visible{opacity:1;transform:none}.feature-triptych article:nth-child(2),.amenity-grid article:nth-child(2){transition-delay:.1s}.feature-triptych article:nth-child(3),.amenity-grid article:nth-child(3){transition-delay:.2s}
@keyframes heroZoom{from{transform:scale(1.04)}to{transform:scale(1)}}@keyframes bounce{0%,100%{transform:translateY(-4px)}50%{transform:translateY(5px)}}@keyframes float{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-57%)}}
@media(max-width:1100px){.nav-links{gap:17px}.nav-links>a{font-size:10px}.text-link{display:none}.hero-copy{left:6vw}.section{padding:95px 6vw}.amenities-heading{grid-template-columns:1fr}.amenities-heading .section-number{margin-bottom:20px}.floorplan-image-wrap{height:630px}.location-copy{padding:90px 6vw}.footer-top{grid-template-columns:1fr repeat(3,.55fr)}}
@media(max-width:800px){.availability-bar{justify-content:flex-start;overflow:auto;white-space:nowrap;padding-left:20px}.availability-bar a{margin-left:auto}.site-header{height:72px;padding:0 20px}.brand img{width:43px;height:43px}.brand b{font-size:13px}.brand small{font-size:6px}.nav-actions .button{display:none}.menu-button{display:flex;width:42px;height:42px;border:0;background:var(--blue);flex-direction:column;gap:6px;align-items:center;justify-content:center}.menu-button span{width:18px;height:1px;background:#fff}.nav-links{position:absolute;top:72px;left:0;right:0;background:#fff;display:flex;flex-direction:column;align-items:stretch;padding:20px;gap:0;transform:translateY(-150%);transition:transform .35s;z-index:-1;border-top:1px solid var(--line)}.nav-links.open{transform:translateY(0)}.nav-links>a{padding:15px;border-bottom:1px solid var(--line);font-size:13px}.mobile-apply{display:block;background:var(--blue);color:#fff;text-align:center;margin-top:12px}.hero{height:calc(100svh - 108px);min-height:650px}.hero-copy{left:24px;right:24px;top:46%}.hero h1{font-size:clamp(56px,16vw,82px)}.hero-intro{font-size:14px;margin:22px 0 28px}.hero-buttons{flex-direction:column;align-items:flex-start}.hero-buttons .button{min-width:220px}.hero-foot{left:24px;bottom:18px;gap:16px}.hero-foot span:nth-child(2){display:none}.scroll-cue{display:none}.section{padding:78px 24px}.section-number{margin-bottom:35px}.intro-grid{grid-template-columns:1fr;gap:35px}.intro h2,.floorplan-copy h2,.gallery h2,.location h2{font-size:clamp(49px,14vw,70px)}.feature-triptych{grid-template-columns:1fr;margin-top:65px}.feature-triptych article,.feature-triptych article:not(:first-child){padding:28px 0;border-right:0;border-bottom:1px solid var(--line);min-height:0}.floorplans{grid-template-columns:1fr;padding:0 0 75px}.floorplan-image-wrap{height:470px}.floorplan-copy{padding:70px 24px 0}.amenities-heading{display:block}.amenities-heading>p{margin-top:25px}.amenity-grid{grid-template-columns:1fr}.amenity-grid article,.amenity-grid article:nth-child(3n+2),.amenity-grid article:nth-child(3n+3){padding:27px 35px 28px 0;border-right:0;min-height:190px}.amenity-grid h3{margin-top:35px}.amenity-note{gap:12px}.amenity-note span{width:100%}.gallery-head{align-items:flex-start;flex-direction:column;gap:30px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:400px 250px 250px}.item-1{grid-column:1/3;grid-row:auto}.item-2{grid-column:auto}.item-5{display:block}.location{grid-template-columns:1fr}.map-art{min-height:420px}.location-copy{padding:75px 24px}.cta>div{flex-direction:column;align-items:center}.cta .button{min-width:220px}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/3}.hours{flex-direction:column;gap:8px}.footer-bottom{gap:20px}.tour-modal{padding:42px 24px}.tour-modal h2{font-size:46px}.form-row{grid-template-columns:1fr}}
.hero{height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;overflow:hidden}
.location-map{width:100%;height:100%;min-height:700px;border:0;display:block;filter:grayscale(.25) saturate(.8)}
@media(max-width:800px){.location-map{min-height:420px}.hero h1{font-size:clamp(42px,11vw,58px)}.location h2{font-size:clamp(38px,10vw,54px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}[data-reveal]{opacity:1;transform:none}}