@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Italiana&display=swap');
:root{--paper:#f0ede6;--ink:#333a35;--gold:#b89a69}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{position:fixed;z-index:40;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:18px 5vw;background:linear-gradient(#f0ede6e8,#f0ede600)}.brand{font:32px 'Italiana',Georgia,serif}.brand span{font:500 10px 'DM Sans',sans-serif;letter-spacing:.22em}.nav{display:flex;gap:25px;align-items:center}.nav a{font-size:10px;text-transform:uppercase;letter-spacing:.16em}.nav a:hover{color:#9b7e50}.nav .cta{border:1px solid #7d827c;border-radius:30px;padding:12px 18px}.menu{display:none;background:#f0ede6;border:1px solid #c4bfb5;padding:9px 12px}.story{height:440vh}.viewport{position:sticky;top:0;height:100svh;overflow:hidden;background:#eeeae3}.scene{position:absolute;inset:0;opacity:0;pointer-events:none;will-change:opacity}.scene img{width:100%;height:100%;object-fit:cover;display:block;will-change:transform}.opening{opacity:1;display:grid;place-items:center;padding:clamp(16px,5vw,80px);background:#f7f6f3}.opening img{width:min(100%,1450px);height:auto;max-height:80vh;object-fit:contain;border-radius:26px;box-shadow:0 18px 70px #45403818}.art{background:#e9e4d9}.art img{object-position:center}.front img,.pool img{object-position:center}.caption{position:absolute;bottom:8vh;left:6vw;background:#f3eee5df;padding:16px 22px;backdrop-filter:blur(10px);max-width:500px}.caption small,.kicker{display:block;text-transform:uppercase;letter-spacing:.25em;font-size:10px;color:#777d75}.caption h2{font:clamp(30px,4vw,68px)/1.1 'Italiana',Georgia,serif;margin:8px 0}.caption p{font-size:12px;line-height:1.6;margin:0}.scrollhint{position:absolute;right:5vw;bottom:25px;font-size:10px;letter-spacing:.18em;z-index:8;background:#f4f0e9db;padding:12px}.progress{position:fixed;bottom:0;left:0;right:0;height:3px;background:#ded9cf;z-index:50}.progress div{height:100%;width:0;background:#a88d62}.chapter{padding:130px 8vw}.chapter h1,.chapter h2{font:clamp(55px,7.5vw,115px)/1.02 'Italiana',Georgia,serif;margin:22px 0}.chapter p{max-width:600px;font-size:16px;line-height:1.8;color:#606861}.sectionhead{padding:110px 8vw 45px}.sectionhead h2{font:clamp(52px,6vw,100px)/1.05 'Italiana',Georgia,serif;margin:15px 0}.interiorgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:0 8vw 110px}.placeholder{min-height:360px;background:#e5e1d8;display:grid;place-content:center;text-align:center;padding:30px;border:1px solid #d3ccc0}.placeholder strong{font:38px 'Italiana',serif;font-weight:400}.placeholder p{font-size:13px;line-height:1.7;color:#687069}.interiorgrid .placeholder:nth-child(2){background:#dcded7}.button{display:inline-block;border:1px solid #656c64;border-radius:50px;padding:15px 25px;font-size:11px;text-transform:uppercase;letter-spacing:.14em;margin-top:24px}.button:hover{background:#343d35;color:white}.interest{background:#343c36;color:#f4f1e9;padding:110px 8vw 90px}.interest h2{font:clamp(58px,7vw,115px)/1.03 'Italiana',Georgia,serif;margin:20px 0}.interest p{max-width:560px;line-height:1.8;color:#d5d7d1}.interest .button{border-color:#d7d6cf}.interest .button:hover{background:#eeeae2;color:#303a32}.fine{font-size:11px!important;opacity:.78}.bottom{padding-top:75px;font-size:11px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.gallery{padding:40px 8vw 100px}.gallery img{width:100%;display:block}.gallery p{font-size:12px;color:#666;line-height:1.6}.reveal{opacity:0;transform:translateY(28px);transition:opacity 1s,transform 1s}.reveal.on{opacity:1;transform:none}@media(max-width:800px){header{padding:15px 5vw}.brand{font-size:26px}.menu{display:block}.nav{display:none;position:absolute;top:62px;right:5vw;background:#f1eee8;padding:25px;flex-direction:column;align-items:flex-start;box-shadow:0 12px 40px #0002}.nav.open{display:flex}.opening{padding:12px}.opening img{width:100%;height:auto;max-height:80vh;border-radius:12px}.caption{bottom:10vh;left:4vw;right:4vw}.interiorgrid{grid-template-columns:1fr}.chapter{padding:90px 7vw}.scene img{object-position:45% center}.bottom{padding-top:50px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:0 8vw 110px}.plan-card{padding:24px;background:#e9e5dc;border:1px solid #d5cec3}.plan-card svg{width:100%;display:block;background:#f8f5ee}.plan-card h3{font:36px 'Italiana',Georgia,serif;margin:20px 0 4px}.plan-card p{font-size:13px;color:#616861}.plan-card small{font-size:9px;letter-spacing:.15em;color:#777b72}@media(max-width:900px){.plan-grid{grid-template-columns:1fr;padding:0 7vw 90px}.plan-card{max-width:560px;width:100%;margin:auto}}

/* Small separate watermark: the architectural illustration remains untouched. */


@media(max-width:800px){}

/* Small independent Leonardo detail; original architecture remains untouched. */
.vitruvian-detail{position:absolute;right:4.8%;bottom:5.2%;width:clamp(108px,12vw,185px);aspect-ratio:1;z-index:2;opacity:.72;pointer-events:none;filter:sepia(.35)}
.vitruvian-detail .vitruvian-square{position:absolute;inset:11%;border:1.4px solid rgba(91,70,48,.62)}
.vitruvian-detail .vitruvian-circle{position:absolute;inset:4%;border:1.5px solid rgba(91,70,48,.69);border-radius:50%}
.vitruvian-detail img{position:absolute;inset:3% 11%;width:78%;height:94%;object-fit:contain;filter:contrast(1.45)}
@media(max-width:800px){.vitruvian-detail{right:4%;bottom:12%;width:105px}}

/* One complete centered drawing; no independent circle or square layers. */
.vitruvian-detail{width:clamp(108px,12vw,185px);aspect-ratio:1;opacity:.80;filter:none}
.vitruvian-detail img{position:static;width:100%;height:100%;object-fit:contain;filter:none;transform:none}
\n/* V12: single centered Vitruvian medallion with legible strokes */\n.vitruvian-detail{width:clamp(135px,15vw,220px);right:2.5%;bottom:3%;opacity:1;filter:none}\n.vitruvian-detail img{position:static;display:block;width:100%;height:100%;object-fit:contain;filter:none;transform:none}\n
/* V13: no medallion, ink drawing printed directly on existing parchment */
.vitruvian-detail{width:clamp(130px,14vw,195px);right:3%;bottom:4%;opacity:1;filter:none;background:transparent;border:0;box-shadow:none}
.vitruvian-detail img{display:block;width:100%;height:100%;object-fit:contain;filter:none;opacity:1}

/* V14: gently clear the competing floorplan behind the COMPLETE figure.
   The drawing is one aligned asset; the background fades naturally to parchment. */
.vitruvian-detail{position:absolute;right:3.3%;bottom:5%;width:clamp(140px,15vw,205px);height:auto;aspect-ratio:1;opacity:1;isolation:isolate;filter:none;}
.vitruvian-detail::before{content:"";position:absolute;inset:-25%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,rgba(235,218,188,.93) 0%,rgba(235,218,188,.78) 34%,rgba(235,218,188,.28) 57%,rgba(235,218,188,0) 74%);}
.vitruvian-detail img{display:block;position:relative;inset:auto;width:100%;height:100%;object-fit:contain;transform:none;filter:none;opacity:1;}

/* V17: new sections only; preserve approved cinematic scenes */
.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:0 8vw 90px}.feature{background:#e8e3d9;overflow:hidden}.feature img{width:100%;height:410px;object-fit:cover;display:block}.feature-wide{grid-column:span 2;display:grid;grid-template-columns:1.35fr 1fr}.feature-wide img{height:540px}.feature>div{padding:27px 30px 33px}.feature-wide>div{display:flex;flex-direction:column;justify-content:center;padding:8vw}.feature small{font-size:10px;letter-spacing:.21em;color:#8a765c}.feature h3{font:clamp(33px,4vw,65px)/1.1 'Italiana',Georgia,serif;margin:13px 0}.feature p{font-size:13px;line-height:1.8;color:#5c635d;max-width:420px}.interior-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:0 8vw 110px}.interior-showcase figure{margin:0;background:#e6e0d6}.interior-showcase img{display:block;width:100%;height:480px;object-fit:cover}.interior-showcase figcaption{padding:18px 22px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.actual-plans .plan-card img{width:100%;height:330px;object-fit:contain;display:block;background:white}.actual-plans .plan-card a{display:block}.actual-plans .plan-card a:hover{opacity:.85}@media(max-width:800px){.feature-grid,.interior-showcase{grid-template-columns:1fr;padding-left:7vw;padding-right:7vw}.feature-wide{grid-column:span 1;display:block}.feature-wide img,.feature img{height:350px}.feature-wide>div{padding:28px}.interior-showcase img{height:330px}}

/* Version 18: amenity design studies */
.amenity-gallery{max-width:1400px;margin:0 auto 7rem;padding:0 clamp(18px,4vw,64px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.amenity-hero{grid-column:1/-1;position:relative;overflow:hidden;background:#292d29;min-height:480px}.amenity-hero img{width:100%;height:clamp(430px,60vw,740px);object-fit:cover;display:block}.amenity-copy{position:absolute;bottom:0;left:0;right:0;padding:clamp(24px,5vw,70px);color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.72))}.amenity-copy h3{font:clamp(34px,5vw,64px) 'Italiana',serif;margin:.4rem 0}.amenity-copy p{max-width:480px}.amenity-copy small,.amenity-tile small{letter-spacing:.18em;font-size:11px}.amenity-tile{background:#f4f0e9;overflow:hidden}.amenity-tile img{display:block;width:100%;aspect-ratio:1.55;object-fit:cover;object-position:center}.amenity-tile>div{padding:26px 28px 34px}.amenity-tile h3{font:clamp(27px,3vw,39px) 'Italiana',serif;margin:12px 0}.amenity-tile p{line-height:1.7;max-width:520px}@media(max-width:700px){.amenity-gallery{grid-template-columns:1fr;gap:18px}.amenity-hero{grid-column:auto;min-height:unset}.amenity-hero img{height:450px}.amenity-tile img{aspect-ratio:1.4}}

/* Image cleanup review: show full approved renderings without cropping. */
.feature img,.feature-wide img,.interior-showcase img,.amenity-tile img{height:auto;aspect-ratio:auto;object-fit:contain}
.feature-wide{align-items:center}
.amenity-gallery{align-items:start}
.feature,.amenity-tile,.interior-showcase figure{align-self:start}
@media(max-width:800px){.feature img,.feature-wide img,.interior-showcase img,.amenity-tile img{height:auto;aspect-ratio:auto}}

/* Furnished 3D layouts with accessible full-size viewing. */
.plan-expand{position:relative;display:block;width:100%;padding:0;border:0;background:#fff;cursor:zoom-in}
.plan-expand>span{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #ddd8ce;background:#ffffffed;border-radius:9px;font-size:22px}
.plan-expand:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
#layout-dialog{width:min(94vw,1100px);max-height:94vh;border:0;border-radius:14px;padding:18px;color:var(--ink);background:#fff}
#layout-dialog::backdrop{background:#172019b3}
.layout-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px}
.layout-dialog-top h2{font:32px Georgia,serif;margin:6px 0}
.layout-close{border:1px solid #d4d0c7;background:var(--paper);padding:10px 15px;border-radius:25px}
#layout-image{display:block;width:100%;height:auto;max-height:73vh;object-fit:contain}
#layout-dialog p{font-size:12px;line-height:1.6;max-width:650px}

/* Give the opening image the same visual weight as the cinematic scenes. */
.opening{padding:74px 14px 24px}
.opening img{width:100%;height:calc(100svh - 98px);max-height:none;object-fit:contain;border-radius:18px;box-shadow:0 12px 45px #45403812}
@media(max-width:800px){
 .opening{padding:76px 12px 68px}
 .opening img{width:100%;height:min(62svh,calc((100vw - 24px)*1.35));max-height:none;object-fit:cover;object-position:96% center;border-radius:14px}
}

/* Mobile art direction: retain the architecture and the entire title. */
.opening-mobile{display:none}
@media(max-width:800px){
 .opening>img{display:none}
 .opening-mobile{display:block;width:min(100%,calc((100svh - 160px)/1.78));overflow:hidden;border-radius:14px;box-shadow:0 12px 45px #45403816}
 .opening-mobile-architecture{aspect-ratio:1;background:url('assets/opening.webp') left center/auto 100% no-repeat}
 .opening-mobile-title{aspect-ratio:1/.78;background:url('assets/opening.webp') right center/235% auto no-repeat}
}




.story{height:550vh}.mural img{object-position:center}

/* Lifestyle and Madison */
.life-story{margin:40px 8vw 0;display:grid;grid-template-columns:1.2fr 1fr;gap:7vw;align-items:center;position:relative}
.life-story figure,.madison-image{margin:0}.life-story img,.madison-image img{display:block;width:100%;aspect-ratio:1.2;object-fit:cover}
.life-story figcaption,.madison-image figcaption{font-size:10px;color:#6a7168;padding-top:12px;letter-spacing:.04em}
.life-copy h2,.madison-intro h2{font:clamp(48px,5.5vw,88px)/1.07 'Italiana',Georgia,serif;font-weight:400;margin:20px 0 25px}
.life-copy p,.madison-intro p{font-size:15px;line-height:1.9;color:#596258;max-width:580px}
.madison-section{padding:100px 8vw 110px;background:#e7e3d8;scroll-margin-top:85px}
.madison-intro{max-width:840px;margin-bottom:55px}.madison-intro p{max-width:680px}
.madison-body{display:grid;grid-template-columns:1.15fr 1fr;gap:7vw;align-items:start}
.madison-image{position:sticky;top:100px}.madison-image img{aspect-ratio:.88}
.local-list article{border-top:1px solid #b7b9a9;padding:25px 0 30px}.local-list article:last-child{border-bottom:1px solid #b7b9a9}
.local-list article>span{font-size:10px;text-transform:uppercase;letter-spacing:.17em;color:#70634e}
.local-list h3{font:38px 'Italiana',Georgia,serif;margin:13px 0}.local-list p{font-size:14px;line-height:1.8;color:#596258}
.local-list a{font-size:11px;text-transform:uppercase;letter-spacing:.10em;display:inline-block;border-bottom:1px solid #999b89;padding-bottom:5px;margin-top:8px}
.local-list a:hover{color:#80623a}.local-list a:focus-visible{outline:2px solid #80623a;outline-offset:5px}
.button:disabled{cursor:default;opacity:.75}.button:disabled:hover{background:transparent;color:inherit}
@media(min-width:801px) and (max-width:1100px){.nav{gap:13px}.nav a{font-size:9px}}
@media(max-width:800px){.life-story{grid-template-columns:1fr;margin:25px 7vw 0;gap:30px}.life-copy{padding-bottom:15px}.life-story img{aspect-ratio:1.25}.madison-section{padding:75px 7vw}.madison-body{grid-template-columns:1fr;gap:35px}.madison-image{position:static}.madison-image img{aspect-ratio:1.25}.madison-intro{margin-bottom:30px}.life-copy h2,.madison-intro h2{font-size:clamp(44px,9vw,65px)}}

.learning-nearby{margin-top:65px;padding-top:35px;border-top:1px solid #b7b9a9}.learning-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.learning-grid h3{font:32px 'Italiana',Georgia,serif;margin:22px 0 12px}.learning-grid p{font-size:14px;line-height:1.8;color:#596258}.learning-grid a{display:inline-block;margin-top:8px;border-bottom:1px solid #999b89;padding-bottom:5px;font-size:11px;letter-spacing:.10em;text-transform:uppercase}@media(max-width:800px){.learning-grid{grid-template-columns:1fr;gap:20px}.madison-image img{aspect-ratio:1.5}}.madison-image img{object-position:center}

.madison-image img{aspect-ratio:auto;height:auto;object-fit:contain}

/* A quieter editorial layout lets the local places speak for themselves. */
.life-story{display:block;max-width:900px;margin:75px 8vw 0;padding:0 0 50px;border-bottom:1px solid #ccc5b7}.life-copy h2{max-width:850px}.life-copy p{max-width:620px}.madison-body{display:block}.local-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.local-list article,.local-list article:last-child{border-bottom:0}.local-list h3{font-size:34px}.learning-nearby{margin-top:40px}@media(max-width:800px){.life-story{margin:45px 7vw 0;padding-bottom:30px}.local-list{grid-template-columns:1fr;gap:0}.local-list article{padding:25px 0}.learning-nearby{margin-top:25px}}

/* Header destinations remain visible below the fixed navigation. */
:root{--nav-clearance:110px}html{scroll-padding-top:var(--nav-clearance)}header{background:rgba(240,237,230,.97)}.story{position:relative}.story-destination{position:absolute;top:calc(22% - 22svh);left:0;width:1px;height:1px;scroll-margin-top:0}#home,#the-hub{scroll-margin-top:0}#amenities,#residences,#madison,#floorplans,#interest{scroll-margin-top:0}.nav a[aria-current="location"]{color:#80623a;text-decoration:underline;text-underline-offset:6px}@media(max-width:800px){:root{--nav-clearance:85px}}

/* Partner acknowledgement */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.partners-footer{padding:75px 8vw 30px;background:#e8e3d9;color:var(--ink)}.partners-footer h2{font:clamp(42px,5vw,68px)/1.1 'Italiana',Georgia,serif;margin:15px 0 40px}.partner-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px;align-items:start}.partner-link{display:block;text-align:center}.partner-logo{height:112px;display:flex;align-items:center;justify-content:center}.partner-logo img{width:100%;max-width:190px;height:auto;max-height:85px;object-fit:contain}.partner-link.mono img{filter:brightness(0);opacity:.82}.partner-link.housing img{width:94px;max-height:94px}.partner-name{display:block;margin-top:16px;font-size:10px;line-height:1.7;letter-spacing:.06em}.partner-link:hover .partner-name{text-decoration:underline;text-underline-offset:4px}.partner-link:focus-visible{outline:2px solid var(--gold);outline-offset:8px}.partner-footnote{margin-top:55px;padding-top:25px;border-top:1px solid #c8c1b4;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.08em;flex-wrap:wrap}@media(max-width:1000px){.partner-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}}@media(max-width:600px){.partners-footer{padding:55px 7vw 25px}.partner-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.partner-logo{height:90px}.partner-logo img{max-width:155px;max-height:75px}.partner-link.housing img{height:80px;width:80px}.partner-name{font-size:10px}.partner-link:last-child{grid-column:1/-1;max-width:180px;width:100%;justify-self:center}}

/* Legible coming-soon status on the dark interest section. */
.interest .button:disabled,.interest .button:disabled:hover{opacity:1;color:#f4f1e9;background:transparent;border:1px solid #f4f1e9;-webkit-text-fill-color:#f4f1e9;cursor:default}