@font-face{font-family:"Sohne";src:url("fonts/sohne-buch.otf") format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:"Sohne";src:url("fonts/sohne-kraeftig.otf") format("opentype");font-style:normal;font-weight:600 700;font-display:swap}@font-face{font-family:"Sohne Breit";src:url("fonts/sohne-breit-buch.otf") format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:"Sohne Breit";src:url("fonts/sohne-breit-halbfett.otf") format("opentype");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:"Sohne Breit";src:url("fonts/sohne-breit-fett.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
:root{font-family:"Sohne",Arial,Helvetica,sans-serif;color:#080808;background:#fff;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit}img{display:block;max-width:100%}.skip{position:absolute;top:-100px;left:12px;background:#fff;padding:12px;z-index:100}.skip:focus{top:12px}.site-header{height:92px;padding:0 max(4vw,24px);display:flex;align-items:center;justify-content:space-between;gap:28px;background:#fff}.brand img{width:190px;height:auto}.site-header nav{display:flex;gap:clamp(18px,3vw,48px)}.site-header nav a{text-decoration:none;font-size:.82rem;letter-spacing:.13em;text-transform:uppercase;font-weight:600}.site-header nav a:hover,.text-link:hover,.footer a:hover{text-decoration:underline;text-underline-offset:5px}.hero{min-height:min(780px,calc(100svh - 92px));position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,34%);background:#eae8e5}.hero-image{min-height:610px;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-panel{padding:clamp(40px,5vw,90px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.eyebrow,.section-index,.photo-count,.hero-caption{font-size:.76rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.hero h1,h2,h3{font-family:"Sohne Breit",Arial,Helvetica,sans-serif;letter-spacing:.005em;font-weight:700}.hero h1{font-size:clamp(3.2rem,6.2vw,7.5rem);line-height:.92;margin:34px 0 36px}.hero h1 .unit{display:block;font-size:.49em;letter-spacing:-.03em;margin-top:10px}.hero-rule{width:70px;border-top:1px solid #111}.address{font-size:1rem;line-height:1.7;margin:22px 0 48px}.text-link{text-decoration:none;font-size:.86rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;border-bottom:1px solid #111;padding-bottom:9px}.text-link span{margin-left:16px}.hero-caption{position:absolute;left:4vw;bottom:24px;color:#fff;text-shadow:0 1px 4px #0009}.section-wrap{width:min(1440px,92%);margin-inline:auto}.intro,.story-heading,.floorplan{display:grid;grid-template-columns:26% 1fr;gap:28px}.intro{padding-block:130px 110px}.intro-content{max-width:850px}.intro h2,.story h2,.floorplan h2{font-size:clamp(2.25rem,4.7vw,5.3rem);line-height:1.02;margin:-10px 0 32px}.intro p,.story-heading p,.floorplan p{font-size:clamp(1.04rem,1.35vw,1.3rem);line-height:1.6;max-width:670px;margin:0}.section-index{padding-top:5px}.feature-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:22px;padding-bottom:130px}.feature{margin:0;position:relative;overflow:hidden;min-height:300px;background:#eae8e5}.feature-large{grid-row:span 2;min-height:720px}.feature img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.feature:hover img{transform:scale(1.025)}.feature figcaption{position:absolute;bottom:0;left:0;color:#fff;padding:26px 28px;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;text-shadow:0 1px 5px #000c}.story{background:#eae8e5;padding:125px 0 145px}.story-heading{margin-bottom:65px}.stage-tabs{display:flex;border-bottom:1px solid #bbb}.stage-tabs button{border:0;background:transparent;padding:24px 6px;margin-right:clamp(25px,6vw,100px);font:600 clamp(1.05rem,2vw,1.7rem) "Sohne Breit",Arial,sans-serif;letter-spacing:.02em;color:#74716d;cursor:pointer;border-bottom:3px solid transparent}.stage-tabs button span{font-size:.7rem;vertical-align:top;margin-right:12px}.stage-tabs button[aria-selected=true]{color:#000;border-bottom-color:#000}.stage-tabs button:hover{color:#000}.stage-content{display:grid;grid-template-columns:23% 1fr;gap:35px;padding-top:45px}.stage-description{position:sticky;top:24px;align-self:start}.stage-description h3{font-size:clamp(1.7rem,2.7vw,2.9rem);line-height:1.05;margin:24px 0}.stage-description>p:not(.eyebrow):not(.photo-count){font-size:1rem;line-height:1.55;max-width:260px}.photo-count{margin-top:35px;color:#68645f}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.gallery[hidden]{display:none}.photo{padding:0;border:0;background:#ddd;cursor:zoom-in;aspect-ratio:4/3;overflow:hidden;position:relative}.photo:first-child{grid-column:span 2;grid-row:span 2}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.photo:hover img{transform:scale(1.035)}.photo:focus-visible,.stage-tabs button:focus-visible,.download-button:focus-visible{outline:3px solid #000;outline-offset:3px}.floorplan{padding-block:135px 155px}.floorplan-content{max-width:800px}.download-button{display:inline-flex;align-items:center;justify-content:space-between;gap:60px;background:#000;color:#fff;padding:21px 27px;margin-top:35px;text-decoration:none;text-transform:uppercase;font-size:.85rem;font-weight:700;letter-spacing:.13em}.download-button:hover{background:#333}.download-button span{font-size:1.3rem}.footer{border-top:1px solid #d7d4d0;padding:65px 4vw 50px;display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.footer img{width:235px;height:auto;margin-bottom:28px}.footer p{font-size:.85rem;line-height:1.7;color:#4d4b49}.footer a{font-size:.8rem;text-decoration:none;text-transform:uppercase;letter-spacing:.12em}.viewer{border:0;padding:0;background:#101010;color:#fff;width:100vw;height:100dvh;max-width:none;max-height:none}.viewer::backdrop{background:#000e}.viewer figure{height:100%;margin:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:60px 75px}.viewer figure img{max-width:100%;max-height:calc(100% - 40px);object-fit:contain}.viewer figcaption{font-size:.8rem;letter-spacing:.12em;margin-top:15px;text-transform:uppercase}.viewer button{position:absolute;background:#fff;color:#000;border:0;font-size:1.7rem;width:42px;height:42px;cursor:pointer}.viewer-close{right:20px;top:20px}.viewer-prev,.viewer-next{top:50%;transform:translateY(-50%)}.viewer-prev{left:16px}.viewer-next{right:16px}@media(max-width:900px){.hero{grid-template-columns:1fr;display:flex;flex-direction:column}.hero-image{height:56vw;min-height:360px}.hero-panel{min-height:340px;padding:45px 5vw}.hero h1{margin:22px 0}.address{margin-bottom:24px}.hero-caption{top:calc(56vw - 32px);bottom:auto}.intro,.story-heading,.floorplan{grid-template-columns:1fr;gap:25px}.intro{padding-block:85px}.feature-grid{padding-bottom:85px}.story{padding-block:85px}.stage-content{grid-template-columns:1fr}.stage-description{position:static}.stage-description>p:not(.eyebrow):not(.photo-count){max-width:none}.photo-count{margin-top:15px}.floorplan{padding-block:90px}}@media(max-width:600px){.site-header{height:auto;min-height:80px;align-items:flex-start;flex-direction:column;padding:19px 5vw 17px;gap:20px}.brand img{width:165px}.site-header nav{width:100%;justify-content:space-between;gap:10px}.site-header nav a{font-size:.7rem;letter-spacing:.07em}.hero-image{height:63vw;min-height:260px}.hero-panel{min-height:320px}.hero-caption{top:calc(63vw - 26px);left:5vw;font-size:.62rem}.section-wrap{width:90%}.intro h2,.story h2,.floorplan h2{font-size:clamp(2rem,8.5vw,3.1rem)}.feature-grid{grid-template-columns:1fr;gap:10px}.feature,.feature-large{min-height:0;height:auto;aspect-ratio:4/3;grid-row:auto}.feature-large{aspect-ratio:1.15}.stage-tabs button{margin-right:0;flex:1;text-align:left;font-size:1rem;padding:19px 2px}.stage-tabs button span{display:block;margin:0 0 4px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.photo:first-child{grid-column:span 2;grid-row:auto;aspect-ratio:1.4}.download-button{width:100%}.footer{align-items:flex-start;flex-direction:column;padding:48px 5vw}.viewer figure{padding:70px 8px}.viewer-prev,.viewer-next{top:auto;bottom:20px;transform:none}}
.intro-content p{margin:0 0 22px}.intro-content .lead{font-size:clamp(1.2rem,1.65vw,1.65rem);line-height:1.48;font-weight:600}.details{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,120px);padding-bottom:130px}.details-block{border-top:1px solid #111;padding-top:25px}.details h2{font-size:clamp(1.75rem,3vw,3.5rem);line-height:1.05;margin:30px 0 22px}.details p{font-size:1rem;line-height:1.7;max-width:600px}.floor-preview{display:block;margin-top:50px;border:1px solid #e2e0dd;padding:16px;background:#fff}.floor-preview img{width:100%;height:auto}.floor-preview:hover{border-color:#000}@media(max-width:900px){.details{padding-bottom:90px}}@media(max-width:600px){.details{grid-template-columns:1fr;gap:42px}.floor-preview{margin-top:35px;padding:5px}}

.site-header nav a,.eyebrow,.section-index,.photo-count,.hero-caption,.text-link,.feature figcaption,.download-button,.footer a,.viewer figcaption{font-family:"Sohne Breit",Arial,sans-serif;font-weight:600}.intro-content .lead{font-family:"Sohne",Arial,sans-serif;font-weight:600}.stage-description h3,.details h2{font-family:"Sohne Breit",Arial,sans-serif;font-weight:600;letter-spacing:.005em}.hero h1{font-size:clamp(3.7rem,5.2vw,6.4rem);letter-spacing:.005em;line-height:.94}.intro h2,.story h2,.floorplan h2{letter-spacing:.005em}
.contact{background:#eae8e5;padding:105px 0 120px}.contact-layout{display:grid;grid-template-columns:26% 1fr;gap:28px}.contact-content h2{font-family:"Sohne Breit",Arial,sans-serif;font-weight:700;font-size:clamp(2.25rem,4.7vw,5.3rem);letter-spacing:.005em;line-height:1.02;margin:-10px 0 55px}.agent-profile{display:grid;grid-template-columns:minmax(160px,245px) minmax(0,1fr);gap:clamp(30px,4vw,70px);align-items:center}.agent-photo{width:100%;height:auto;aspect-ratio:1;border-radius:50%;object-fit:cover}.agent-details h3{font-family:"Sohne Breit",Arial,sans-serif;font-size:clamp(1.45rem,2vw,2rem);letter-spacing:.005em;line-height:1.12;margin:0 0 9px;font-weight:600}.agent-role{font-size:1rem;line-height:1.5;margin:0 0 27px}.agent-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.agent-links a{font-size:1rem;text-decoration:none;overflow-wrap:anywhere}.agent-links a:hover{text-decoration:underline;text-underline-offset:4px}.inquire-button{margin-top:35px;gap:45px}@media(max-width:900px){.contact{padding:85px 0 95px}.contact-layout{grid-template-columns:1fr;gap:27px}.contact-content h2{margin:0 0 45px}}@media(max-width:600px){.contact-content h2{font-size:clamp(2rem,8.5vw,3.1rem);margin-bottom:35px}.agent-profile{grid-template-columns:1fr;gap:25px}.agent-photo{max-width:185px}.inquire-button{width:100%}}

.hero-panel .address{margin-bottom:19px}.hero-facts{font-family:"Sohne Breit",Arial,sans-serif;font-weight:600;font-size:.9rem;line-height:1.5;letter-spacing:.02em;margin:0 0 43px}@media(max-width:900px){.hero-facts{margin-bottom:26px}}
.floorplan{display:block}.floorplan>.section-index{margin-bottom:42px}.floorplan-content{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(40px,5vw,100px);max-width:none}.floor-copy{align-self:center}.floor-copy h2{font-size:clamp(2.3rem,3.5vw,4.2rem);margin:0 0 26px}.floor-copy p{max-width:460px}.floor-preview{margin-top:0}.floor-copy .download-button{gap:30px}@media(max-width:900px){.floorplan-content{grid-template-columns:1fr;gap:38px}.floorplan>.section-index{margin-bottom:26px}.floor-copy h2{font-size:clamp(2.25rem,4.7vw,3.5rem)}.floor-preview{max-width:720px}}@media(max-width:600px){.floorplan-content{gap:30px}.floor-copy h2{font-size:clamp(2rem,8.5vw,3.1rem)}}

/* The photograph fills the entire opening screen behind the logo and navigation. */
.site-header{position:absolute;inset:0 0 auto;z-index:10;background:transparent;backdrop-filter:none}
.site-header nav{align-items:center}
.site-header nav .nav-cta{border:1px solid #111;padding:13px 17px;white-space:nowrap;text-align:center;font-size:.72rem;letter-spacing:.09em}
.site-header nav .nav-cta:hover{background:#111;color:#fff;text-decoration:none}
.hero{display:block;min-height:min(820px,100svh)}
.hero-image{position:absolute;inset:0;min-height:0}
.hero-panel{position:relative;z-index:1;width:34%;min-height:min(820px,100svh);margin-left:auto;background:#eae8e5;padding-top:clamp(145px,13vw,190px)}
.hero h1{font-size:clamp(3.5rem,4.7vw,5.6rem)}
.section-wrap{width:min(1320px,88%)}
.intro{padding-block:160px 145px}
.intro h2,.story h2,.contact-content h2{font-size:clamp(2.1rem,3.55vw,4rem);line-height:1.1}
.story h2{margin-bottom:35px}
.feature-grid{padding-bottom:165px;gap:25px}
.details{display:block;padding-bottom:160px}
.details-copy{border-top:1px solid #111;padding-top:35px;display:grid;grid-template-columns:26% 1fr;gap:28px}
.details-copy h2,.amenities h2{font-size:clamp(2rem,3.2vw,3.7rem);line-height:1.1;margin:26px 0 27px}
.details-copy p,.amenities p{font-size:1.05rem;line-height:1.75;max-width:750px}
.details-copy .section-index{grid-row:span 2}
.detail-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:75px}
.detail-gallery figure{margin:0}
.detail-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover}
.amenities{background:#f4f3f1;padding:145px 0 155px}
.amenities-inner{display:grid;grid-template-columns:26% 1fr;gap:28px}
.amenities h2{margin-top:0}
.amenities p{margin:0 0 20px}
.story{padding:150px 0 165px}
.story-heading{margin-bottom:75px}
.stage-description h3{font-size:clamp(1.55rem,2.25vw,2.35rem)}
.floorplan{padding-block:155px 170px}
.floor-copy h2{font-size:clamp(2.1rem,3.2vw,3.7rem)}
.contact{padding:135px 0 150px}
.contact-content h2{margin-bottom:65px}
@media(max-width:900px){
  .site-header{padding-inline:5vw;gap:15px}
  .site-header nav{gap:14px}
  .site-header nav a{font-size:.7rem}
  .site-header nav .nav-cta{font-size:.66rem;padding:10px}
  .hero{display:flex;min-height:0}
  .hero-image{position:relative;inset:auto;min-height:360px}
  .hero-panel{width:100%;min-height:0;margin-left:0;background:#eae8e5;padding-top:60px}
  .hero-caption{top:calc(max(360px,56vw) - 32px)}
  .intro{padding-block:110px}
  .details{padding-bottom:110px}
  .details-copy,.amenities-inner{grid-template-columns:1fr;gap:18px}
  .details-copy .section-index{grid-row:auto}
  .details-copy h2{margin-top:8px}
  .detail-gallery{gap:14px;margin-top:50px}
  .amenities{padding-block:105px}
  .story{padding-block:115px}
  .floorplan{padding-block:110px}
  .contact{padding-block:105px}
}
@media(max-width:600px){
  .site-header{padding:16px 5vw;gap:14px}
  .site-header nav{display:grid;grid-template-columns:repeat(3,1fr);gap:9px 12px}
  .site-header nav a{font-size:.65rem;line-height:1.25}
  .site-header nav .nav-cta{grid-column:1/-1;width:max-content;padding:9px 11px;font-size:.64rem}
  .hero-image{min-height:340px;height:76vw}
  .hero-panel{padding:55px 6vw 65px}
  .hero-caption{top:calc(max(340px,76vw) - 27px)}
  .hero h1{font-size:clamp(3rem,11vw,4.4rem)}
  .section-wrap{width:88%}
  .intro{padding-block:95px}
  .intro h2,.story h2,.contact-content h2{font-size:clamp(1.9rem,7.3vw,2.8rem)}
  .feature-grid{padding-bottom:105px}
  .details{padding-bottom:100px}
  .details-copy h2,.amenities h2{font-size:clamp(1.85rem,7vw,2.6rem)}
  .detail-gallery{grid-template-columns:1fr;gap:32px}
  .detail-gallery img{aspect-ratio:1.45}
  .amenities{padding-block:95px}
  .story{padding-block:105px}
  .story-heading{margin-bottom:48px}
  .floorplan{padding-block:105px}
  .floor-copy h2{font-size:clamp(1.9rem,7vw,2.8rem)}
  .contact{padding-block:100px}
  .contact-content h2{margin-bottom:42px}
}
.menu-toggle{display:none}
.diagonal-arrow{width:19px;height:19px;flex:none;stroke-linecap:square;stroke-linejoin:miter}
.text-link{display:inline-flex;align-items:center;gap:14px;white-space:nowrap}
.inquire-button .diagonal-arrow{width:21px;height:21px}
@media(max-width:900px){
  .site-header{height:78px;min-height:0;padding:0 5vw;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px}
  .header-image-side{width:auto;height:auto;padding:0}
  .brand img{width:154px}
  .menu-toggle{display:inline-flex;align-items:center;gap:9px;border:1px solid #111;background:#eae8e5;color:#111;padding:10px 12px;font:600 .72rem "Sohne Breit",Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
  .menu-toggle svg{width:19px;height:19px}
  .menu-toggle:focus-visible{outline:3px solid #111;outline-offset:3px}
  .site-header nav{display:none;position:absolute;top:100%;left:0;right:0;width:auto;padding:16px 5vw 25px;background:#eae8e5;box-shadow:0 14px 24px #0002;flex-direction:column;align-items:stretch;gap:0}
  .site-header nav.is-open{display:flex}
  .site-header nav a{display:block;padding:14px 0;border-bottom:1px solid #c9c7c4;font-size:.78rem;line-height:1.4;letter-spacing:.1em}
  .site-header nav .nav-cta{width:100%;margin-top:17px;padding:15px 12px;border:1px solid #111;font-size:.72rem;white-space:normal}
  .text-link{font-size:.78rem;letter-spacing:.08em;gap:10px}
  .text-link .diagonal-arrow{width:17px;height:17px}
  .inquire-button{gap:18px}
}
.site-header{position:fixed;inset:0 0 auto;z-index:50;width:100%;height:92px;padding:0;background:transparent;backdrop-filter:none}
.site-header~main section[id]{scroll-margin-top:105px}
.site-header.is-scrolled{background:rgba(234,232,229,.58);backdrop-filter:blur(12px);box-shadow:0 2px 18px #0001}

/* Use the quieter Buch cut consistently across the main headlines. */
#hero-title,#residence-title,#details-title,#amenities-title,#story-title,#floor-title,#contact-title{font-family:"Sohne Breit",Arial,sans-serif;font-weight:400;letter-spacing:.005em}
#hero-title{font-size:clamp(3.2rem,4.3vw,5.1rem)}
#residence-title,#story-title,#contact-title{font-size:clamp(2rem,3.25vw,3.7rem)}
#details-title,#amenities-title,#floor-title{font-size:clamp(1.9rem,3vw,3.4rem)}
@media(max-width:600px){
  #hero-title{font-size:clamp(2.8rem,10vw,4rem)}
  #residence-title,#story-title,#contact-title{font-size:clamp(1.8rem,6.8vw,2.55rem)}
  #details-title,#amenities-title,#floor-title{font-size:clamp(1.75rem,6.6vw,2.45rem)}
}
.header-image-side{width:66%;height:100%;padding:0 2vw 0 max(4vw,24px);display:flex;align-items:center;gap:20px}
.site-header nav{display:flex;align-items:center;gap:clamp(13px,1.7vw,32px);margin-left:auto;margin-right:26px}
.site-header nav a{font-size:clamp(.67rem,.84vw,.82rem);letter-spacing:.1em;white-space:nowrap}
.site-header nav .nav-cta{position:absolute;top:50%;left:83%;right:auto;transform:translate(-50%,-50%);padding:13px 15px;margin:0}
.hero-panel h1{margin-top:0}
.amenities-gallery{margin-top:72px}
.footer{flex-direction:column;align-items:center;text-align:center;gap:18px;padding:75px 5vw 60px}
.footer>div{display:flex;flex-direction:column;align-items:center}
.footer img{margin-bottom:20px}
.footer p{margin:0}
.footer a{margin-top:12px}
.stage-description h3{margin-top:0}
@media(max-width:900px){
  .site-header{height:78px;padding:0 5vw;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px}
  .header-image-side{width:auto;height:auto;padding:0}
  .site-header nav{display:none;position:absolute;top:100%;left:0;right:0;width:auto;margin:0;padding:16px 5vw 25px;background:#eae8e5;box-shadow:0 14px 24px #0002;flex-direction:column;align-items:stretch;gap:0}
  .site-header nav.is-open{display:flex}
  .site-header nav a{display:block;padding:14px 0;border-bottom:1px solid #c9c7c4;font-size:.78rem;line-height:1.4;letter-spacing:.1em}
  .site-header nav .nav-cta{position:static;top:auto;left:auto;right:auto;transform:none;width:100%;margin-top:17px;padding:15px 12px;border:1px solid #111;font-size:.72rem;white-space:normal}
  .amenities-gallery{margin-top:50px}
}