/* Version B: a continuous architectural editorial. */
:root{--gutter:clamp(24px,5vw,96px)}
#highlights{height:72svh;min-height:460px}
#highlights:after{content:'Life in a different light.';position:absolute;left:var(--gutter);bottom:90px;color:white;font:clamp(42px,6vw,90px)/1.05 Georgia,serif;max-width:650px;text-shadow:0 2px 30px #0009;pointer-events:none}
#evolution{height:auto;min-height:88svh;padding:90px var(--gutter);grid-template-columns:.8fr 1.4fr;gap:5%;background:#f6f5f0}
#evolution h2{font-size:clamp(45px,5.5vw,84px);line-height:1.04}#evolution .evolution-art{height:65svh;min-height:390px}#evolution .evolution-copy>p:not(.eyebrow){font-size:14px;line-height:1.8}#evolution .evolution-steps{margin-top:40px}
.chapter-copy h2{font-size:clamp(50px,5.7vw,88px);line-height:1.02;letter-spacing:-3px}.chapter-copy>p:not(.eyebrow){max-width:340px}.chapter-copy .eyebrow{letter-spacing:3px}.floor-readout{display:none}.chapter-index{display:none}
.residence-floor-buttons{gap:0;max-width:330px;border-top:1px solid #879a91}.residence-floor-buttons button{border:0;border-bottom:1px solid #879a9166;background:transparent;min-height:48px}.residence-floor-buttons button:hover{background:#20443d;color:white}
#gallery{position:relative;padding:80px var(--gutter) 45px;background:#e9e7df}#gallery .section-heading{align-items:end}#gallery h2{font-size:clamp(48px,6vw,90px)}#gallery h2 br{display:none}#gallery-orbit{height:75svh;min-height:460px}.orbit-toolbar button{border:0;border-bottom:1px solid #8b9c94;padding:12px 24px}.gallery-all{display:block;margin-left:auto}
.story-section{padding:100px var(--gutter)}.story-section h2{font-size:clamp(46px,5.5vw,84px);line-height:1.03;letter-spacing:-2px}.story-section p{font-size:14px}.section-heading{margin-bottom:55px}
#living{background:#183a35;color:#fff;padding-bottom:0}#living p,#living .eyebrow,#living .project-facts span{color:#d1ded8}#living em{color:#9fc6b6}#living .project-facts{padding:35px 0 50px;border-top:1px solid #ffffff30;border-bottom:0;margin:0}#living .project-facts strong{font-size:64px}#living .story-split{position:relative;display:block;margin:0 calc(-1 * var(--gutter));min-height:85svh;background:#17332f}#living .story-split>img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}#living .story-split:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102a28e8,transparent 90%)}#living .story-copy{position:relative;z-index:1;padding:85px var(--gutter);max-width:620px}#living h3{font-size:clamp(40px,4.4vw,66px)}#living details{border-color:#ffffff40}
#quality{background:#183a35;color:#fff}#quality p,#quality .eyebrow{color:#ccdbd5}#quality em{color:#9fc6b6}#quality .detail-columns{grid-template-columns:1.25fr 1fr;gap:8%}#quality .detail-photo{height:420px}#quality summary{font-size:19px}#quality details{padding:24px 0;border-color:#ffffff35}#quality h3{font-size:38px}
#interiors{padding:0;background:#e9e7df}#interiors .story-split{grid-template-columns:1.3fr 1fr;gap:0}#interiors .interior-pair{display:block;position:relative;height:100svh;min-height:650px}#interiors .interior-pair img:first-child{width:100%;height:100%;object-fit:cover}#interiors .interior-pair img+img{position:absolute;width:43%;height:34%;bottom:35px;right:30px;margin:0;border:8px solid #e9e7df}#interiors .story-copy{padding:70px 12%}#interiors h2{font-size:clamp(42px,4.5vw,70px)}
#location{background:#f6f5f0}#location .location-layout{grid-template-columns:1fr 1fr;gap:7%;align-items:start}#location .location-layout>img{height:75svh;position:sticky;top:110px;object-fit:cover}.nearby-list>div{padding:18px 0;font-size:13px}.nearby-list a{text-decoration:none}.nearby-list dd{white-space:nowrap}
#partners{background:#e3e8e0}.partner-grid{grid-template-columns:1fr 1fr;gap:0 60px}.partner-grid article,.partner-grid article:first-child,.partner-grid article:last-child{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;padding:35px 0;border-left:0;border-top:1px solid #80928770}.partner-logo{grid-row:1/4;margin:0;align-self:center;justify-content:center}.partner-grid article>.eyebrow,.partner-grid h3,.partner-grid article>p:not(.eyebrow){grid-column:2;min-height:0}.partner-grid article>p:not(.eyebrow){font-size:12px}.partner-grid h3{font-size:16px}
#contact.contact-finale{min-height:100svh;display:flex;align-items:end;padding:90px var(--gutter)}#contact .contact-copy{max-width:100%;width:100%;display:grid;grid-template-columns:1.4fr 1fr;gap:16px 10%}#contact .eyebrow,#contact h2,#contact .contact-copy>p,#contact .solid-button{grid-column:1}#contact h2{font-size:clamp(54px,6vw,96px)}#contact .contact-details{grid-column:2;grid-row:2/6;align-self:end;border-left:1px solid #ffffff66;padding-left:35px}#contact .solid-button{justify-self:start}.site-footer{background:#102f2a;color:#fff;padding:35px var(--gutter)}.site-footer a,.site-footer p{color:inherit}
@media(max-width:700px){#highlights{height:60svh;min-height:360px}#highlights:after{font-size:45px;max-width:300px}#evolution{padding:60px var(--gutter);min-height:0;grid-template-columns:1fr;gap:25px}#evolution .evolution-art{height:42svh;min-height:270px}#evolution h2{font-size:44px}#evolution .evolution-steps{margin-top:20px}.chapter-copy h2{font-size:48px;letter-spacing:-2px}#gallery{padding-top:60px}#gallery-orbit{height:55svh;min-height:350px}.story-section{padding:65px var(--gutter)}.story-section h2{font-size:46px}.section-heading{margin-bottom:30px}#living .project-facts strong{font-size:45px}#living .story-copy{padding:65px var(--gutter)}#quality .detail-columns,#interiors .story-split,#location .location-layout{grid-template-columns:1fr}#quality .detail-photo{height:280px}#interiors .interior-pair{height:65svh;min-height:430px}#interiors .story-copy{padding:50px var(--gutter)}#location .location-layout>img{height:45svh;position:relative;top:0}.partner-grid{grid-template-columns:1fr}.partner-grid article{grid-template-columns:.8fr 1.2fr}#contact .contact-copy{display:block}#contact .contact-details{border-left:0;padding-left:0;margin-top:35px}#contact h2{font-size:52px}.nearby-list>div{font-size:11px;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Keep both parts of every heading upright. */
h1 em,h2 em,h3 em,h4 em{font-style:normal}

/* Parking gets its own photographic chapter. */
#quality .detail-columns{grid-template-columns:.8fr 1.2fr}
.quality-intro{max-width:380px}.quality-intro h3{line-height:1.15}
.parking-scene{position:relative;isolation:isolate;min-height:90svh;display:flex;flex-direction:column;justify-content:space-between;padding:85px var(--gutter) 45px;color:#fff;background:#102b30;overflow:hidden}
.parking-image,.parking-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.parking-image{object-fit:cover;object-position:center 55%}.parking-shade{z-index:-1;background:linear-gradient(180deg,#071b2470,transparent 55%,#071b24e8),linear-gradient(90deg,#071b2470,transparent 70%)}
.parking-copy{max-width:650px}.parking-copy .eyebrow{font-size:9px;letter-spacing:3px}.parking-copy h2{font:400 clamp(48px,6.5vw,96px)/1.05 Georgia,serif;letter-spacing:-2px;margin:24px 0}.parking-copy>p:last-child{font-size:15px;line-height:1.8;color:#eef4f3}
.parking-facts{display:grid;grid-template-columns:1fr 1fr auto;gap:35px;align-items:end;margin-top:180px;padding-top:25px;border-top:1px solid #ffffff55}.parking-facts>div>span{font-size:8px;letter-spacing:2px;color:#bfd8d6}.parking-facts strong{display:block;font-size:23px;font-weight:400;margin-top:16px}.parking-facts p{font-size:12px;line-height:1.7;color:#dee8e7;margin-bottom:0}.parking-facts>a{display:flex;gap:35px;align-items:center;color:white;font-size:12px;text-decoration:none;border-bottom:1px solid #ffffff88;padding:12px 0}
@media(max-width:700px){#quality .detail-columns{grid-template-columns:1fr}.parking-scene{min-height:85svh;padding:55px var(--gutter) 32px}.parking-copy h2{font-size:49px}.parking-image{object-position:60% center}.parking-facts{grid-template-columns:1fr 1fr;gap:25px;margin-top:140px}.parking-facts strong{font-size:19px}.parking-facts>a{grid-column:1/-1;justify-self:start}.parking-copy>p:last-child{font-size:13px}}
#parking{scroll-margin-top:100px}
.floor-hover-label{position:fixed;z-index:90;pointer-events:none;padding:12px 20px;background:#173b35;color:white;border:1px solid #c3ddd080;border-radius:3px;font:500 16px/1.3 'DM Sans',sans-serif;box-shadow:0 6px 24px #102a2826}.floor-hover-label[hidden]{display:none}
.selected-floor-caption{position:absolute;right:var(--gutter);bottom:55px;width:48%;text-align:center;z-index:4;pointer-events:none;color:#20443d}.selected-floor-caption[hidden]{display:none}.selected-floor-caption span{display:block;font-size:8px;letter-spacing:3px;margin-bottom:12px}.selected-floor-caption strong{font:400 44px/1.1 'DM Sans',sans-serif}.residence-floor-buttons button.is-selected{background:#20443d;color:white}
@media(max-width:700px){.selected-floor-caption{bottom:24px;width:100%;right:0}.selected-floor-caption strong{font-size:30px}}

/* A balanced, tactile floor selector. */
#residences .residence-floor-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;width:100%;max-width:340px;margin:28px 0 22px;padding:0;border:0}
#residences .residence-floor-buttons button{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;height:52px;min-height:52px;padding:0;border:1px solid #20443d30;border-radius:7px;background:#ffffff65;color:#20443d;font:500 15px/1 'DM Sans',sans-serif;letter-spacing:.04em;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s}
#residences .residence-floor-buttons button:hover{background:#d8e4db;border-color:#6c9380;transform:translateY(-2px);box-shadow:0 4px 12px #20443d0c}
#residences .residence-floor-buttons button.is-selected{background:#20443d;color:#fff;border-color:#20443d;box-shadow:0 4px 12px #20443d20}
#residences .residence-floor-buttons button:focus-visible{outline:2px solid #538a72;outline-offset:3px}
@media(prefers-reduced-motion:reduce){#residences .residence-floor-buttons button{transition:none;transform:none}}

/* Quality: architectural photograph and clear, readable detail hierarchy. */
#quality.quality-editorial{background:#183a35;padding:100px var(--gutter);scroll-margin-top:76px}
#quality .quality-heading{position:relative;margin-bottom:52px;max-width:1200px}
#quality .quality-heading h2{font-size:clamp(42px,5.2vw,76px);line-height:1.06;letter-spacing:-.035em;margin:22px 0 24px}
#quality .quality-heading h2 span{color:#b5cfc0}
#quality .quality-lead{font-size:16px;line-height:1.65;max-width:400px;margin:0}
#quality .quality-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(32px,6vw,96px);align-items:center}
#quality .quality-visual{position:relative;margin:0;min-width:0;overflow:hidden;aspect-ratio:1/1.08;background:#25463e}
#quality .quality-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:52% center}
#quality .quality-visual:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(8,30,26,.75));pointer-events:none}
#quality .quality-visual figcaption{position:absolute;bottom:32px;left:32px;right:24px;z-index:1;color:#fff}
#quality .quality-visual figcaption span{display:block;font-size:10px;letter-spacing:.2em;margin-bottom:14px}
#quality .quality-visual figcaption strong{font-size:clamp(26px,3vw,42px);font-weight:400;line-height:1.15}
#quality .quality-principles>.eyebrow{margin:0 0 27px}
#quality .quality-principles details{padding:23px 0;border-top:1px solid #ffffff30}
#quality .quality-principles summary{display:flex;gap:20px;align-items:center;font-size:clamp(18px,1.8vw,25px);line-height:1.35;cursor:pointer;list-style:none;padding-right:32px;position:relative}
#quality .quality-principles summary::-webkit-details-marker{display:none}
#quality .quality-number{font-size:11px;letter-spacing:.08em;color:#a9c9bc;flex:0 0 24px}
#quality .quality-principles summary:after{position:absolute;right:0;font-size:21px;font-weight:300}
#quality .quality-principles details p{font-size:14px;line-height:1.8;margin:16px 20px 0 44px;max-width:420px}
#quality .quality-principles .text-link{margin-top:28px;color:#fff;border-bottom:1px solid #ffffff60;padding-bottom:10px}
#quality summary:focus-visible,#quality a:focus-visible{outline:2px solid #b5cfc0;outline-offset:7px}
@media(min-width:1100px){#quality .quality-lead{position:absolute;right:0;bottom:4px;max-width:300px}}
@media(max-width:700px){#quality.quality-editorial{padding:64px var(--gutter)}#quality .quality-heading{margin-bottom:32px}#quality .quality-heading h2{font-size:42px}#quality .quality-layout{grid-template-columns:1fr;gap:36px}#quality .quality-visual{aspect-ratio:1.1}#quality .quality-visual figcaption{bottom:24px;left:24px}#quality .quality-principles details{padding:21px 0}}
#quality .quality-principles summary{justify-content:flex-start}
#quality .quality-visual{max-height:560px}
#quality .quality-visual{width:100%}