/* Bright architectural palette: daylight photography, soft white and sage. */
.nav,.hero,.leasing-bar{
  --navy-900:#4F8079;--navy-800:#0E2A47;--navy-700:#14365C;--navy-600:#45756D;
  --gold-500:#C6A15B;--gold-400:#D9BC85;--gold-300:#E7D3A6;
  --ink-900:#354E4C;--ink-700:#526B66;--ink-500:#62736F;
  --paper:#F7FAF7;--card:#FFFFFF;--line:#DDE7E0;
  --serif:"Songti SC","STSong","SimSun","Noto Serif SC",Georgia,serif;
}
.nav-inner,.hero-inner,.leasing-bar .container{width:min(1280px,calc(100% - 112px));margin-left:auto;margin-right:auto;}
.nav a:focus-visible,.nav button:focus-visible,.hero a:focus-visible,.leasing-bar a:focus-visible{outline:2px solid var(--gold-500);outline-offset:6px;}
section[id]{scroll-margin-top:105px;}
.nav{position:fixed;background:rgba(250,252,249,.94);border-bottom:1px solid rgba(204,218,208,.6);box-shadow:none;transition:background .25s,color .25s,border-color .25s;}
.nav-inner{height:88px;}
.nav .brand{color:var(--ink-900);gap:12px;}
.nav .brand-mark{width:42px;height:42px;}
.nav .brand-name{font-family:var(--serif);font-size:21px;font-weight:500;letter-spacing:2px;}
.nav .brand-sub{font-size:8px;letter-spacing:1.5px;color:#71827B;margin-top:2px;}
.nav-links{gap:30px;}
.nav-links a{font-size:13px;color:#526B66;}
.nav-links a:hover{color:#3E6D66;}
.nav-links .nav-phone{padding-left:10px;}
.nav-phone a{font-family:Arial,var(--sans);font-size:13px;letter-spacing:.6px;}
.nav-cta{display:flex;align-items:center;gap:24px;border:1px solid var(--navy-800);background:var(--navy-800);border-radius:0;padding:10px 18px;color:#fff!important;line-height:1.6;}
.nav-cta:hover{background:var(--navy-700);border-color:var(--navy-700);color:#fff!important;}
.nav.scrolled{background:rgba(14,42,71,.98);border-bottom-color:rgba(255,255,255,.16);box-shadow:0 4px 18px rgba(14,42,71,.12);}
.nav.scrolled .brand,.nav.scrolled .nav-links a{color:#fff;}
.nav.scrolled .brand-sub{color:rgba(255,255,255,.65);}
.nav.scrolled .nav-links a:hover{color:var(--gold-300);}
.nav.scrolled .nav-cta{background:var(--navy-800);border-color:rgba(255,255,255,.5);color:#fff!important;}
.nav.scrolled .nav-cta:hover{background:var(--navy-700);border-color:var(--navy-700);}
.nav-toggle{padding:10px;}
.nav-toggle span{background:var(--ink-900);width:24px;height:1px;}
.nav.scrolled .nav-toggle span{background:#fff;}

/* A single architectural scene. The gradient leaves the building readable. */
.hero{position:relative;display:block;height:min(860px,100svh);min-height:720px;overflow:hidden;background:#F7FAF7;padding:0;}
.hero-scene{position:absolute;inset:0 0 0 25%;}
.hero-scene picture{display:block;width:100%;height:100%;}
.hero .hero-bg{position:static;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:30% center;opacity:1;}
.hero-veil{position:absolute;inset:0;background:linear-gradient(90deg,#F7FAF7 0%,rgba(247,250,247,.99) 20%,rgba(247,250,247,.89) 32%,rgba(247,250,247,.4) 47%,rgba(247,250,247,0) 68%);}
.hero-inner{position:relative;height:100%;padding:138px 0 100px;display:flex;align-items:center;color:var(--ink-900);}
.hero-inner>*{animation:none;}
.hero-inner .hero-kicker{text-shadow:none;}
.hero-copy{position:relative;width:600px;max-width:56%;}
.hero-kicker{display:flex;align-items:center;gap:20px;padding:0;margin:0 0 28px;border:0;background:none;border-radius:0;color:#5A8178;font-family:Arial,var(--sans);font-size:10px;font-weight:400;letter-spacing:2.3px;line-height:1.7;}
.hero-kicker span{font-family:var(--sans);font-size:10px;letter-spacing:2px;border-left:1px solid #CCDCD1;padding-left:20px;}
.hero-title{font-family:var(--serif);font-size:clamp(66px,6.5vw,96px);font-weight:400;letter-spacing:9px;line-height:1.22;white-space:nowrap;text-shadow:none!important;}
.hero-title>span{color:var(--ink-900);}
.hero-en{margin-top:23px;font-family:Arial,var(--sans);font-size:10px;letter-spacing:3px;color:#647C77;line-height:1.8;}
.hero-tagline{margin-top:32px;font-size:17px;font-weight:400;color:#61756F;letter-spacing:2px;line-height:1.8;}
.hero-actions{display:flex;align-items:center;gap:32px;margin-top:34px;flex-wrap:wrap;}
.hero-primary{display:flex;align-items:center;justify-content:space-between;gap:46px;min-height:56px;padding:15px 24px;background:var(--navy-800);color:#fff;font-size:13px;letter-spacing:1px;transition:background .2s;}
.hero-primary:hover{background:var(--navy-700);}
.hero-primary svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.4;}
.hero-secondary{display:flex;align-items:center;gap:18px;font-size:12px;letter-spacing:1px;color:#526B66;min-height:44px;}
.hero-secondary:hover{color:#3E6D66;}
.hero-secondary span{font-size:17px;}
.hero-scroll{position:absolute;left:0;bottom:36px;display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:2px;color:#62736F;}
.hero-scroll>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #BDD0C8;border-radius:50%;font-size:17px;letter-spacing:0;}
.hero-location{position:absolute;right:0;bottom:29px;padding:9px 13px;background:rgba(247,250,247,.9);font-size:10px;letter-spacing:1px;line-height:1.8;text-align:right;color:#4E6963;}
.hero-location>span{display:block;font-family:Arial,var(--sans);font-size:9px;letter-spacing:2px;margin-bottom:3px;}

/* Leasing information starts the next chapter. */
.leasing-bar{background:#EEF4EE;border-bottom:1px solid var(--line);padding:36px 0;}
.leasing-bar-inner{display:flex;align-items:center;gap:48px;justify-content:space-between;}
.leasing-bar-intro>span{display:block;font-family:Arial,var(--sans);font-size:9px;letter-spacing:1.7px;color:#7E8A82;}
.leasing-bar-intro>p{font-family:var(--serif);font-size:25px;font-weight:400;color:var(--ink-900);margin-top:8px;line-height:1.5;letter-spacing:1px;white-space:nowrap;}
.leasing-bar-intro em{font-style:normal;color:#8A795C;}
.leasing-facts{display:flex;gap:50px;margin-left:auto;}
.leasing-facts>div{padding-left:36px;border-left:1px solid #CDD2CA;}
.leasing-facts dt{font-size:10px;letter-spacing:1px;color:var(--ink-500);margin-bottom:5px;}
.leasing-facts dd{font-family:Arial,var(--sans);font-size:28px;color:var(--ink-900);line-height:1.4;white-space:nowrap;letter-spacing:-.5px;}
.leasing-facts small{font-family:var(--sans);font-size:10px;font-weight:400;letter-spacing:0;margin-left:8px;}
.leasing-link{display:flex;gap:28px;align-items:center;min-height:44px;font-size:12px;white-space:nowrap;color:var(--ink-900);}
.leasing-link span{font-size:22px;color:#927950;}
.leasing-link:hover{color:#927950;}
@media(max-width:1200px){
  .nav-links{gap:21px;}.nav-links .nav-phone{display:none;}
  .leasing-bar-inner{gap:28px;}.leasing-facts{gap:24px;}.leasing-facts>div{padding-left:24px;}
  .leasing-bar-intro>p{font-size:23px;}.leasing-facts dd{font-size:25px;}
}
@media(max-width:1024px){
  .nav-toggle{display:block;}
  .nav-links{position:fixed;left:0;right:0;top:88px;padding:28px 56px;display:flex;flex-direction:column;align-items:flex-start;gap:24px;background:#FAFCF9;border-bottom:1px solid var(--line);visibility:hidden;opacity:0;transform:translateY(-10px);transition:visibility .2s,opacity .2s,transform .2s;}
  .nav-links.open{visibility:visible;opacity:1;transform:none;box-shadow:0 18px 25px rgba(0,0,0,.1);}
  .nav.menu-open{background:#FAFCF9;border-bottom-color:var(--line);}
  .nav.menu-open .brand,.nav.menu-open .nav-links a{color:var(--ink-900);}
  .nav.menu-open .brand-sub{color:var(--ink-500);}
  .nav.menu-open .nav-toggle span{background:var(--ink-900);}
  .nav.scrolled.menu-open{background:var(--navy-800);border-bottom-color:rgba(255,255,255,.16);}
  .nav.scrolled.menu-open .brand{color:#fff;}
  .nav.scrolled.menu-open .brand-sub{color:rgba(255,255,255,.65);}
  .nav.scrolled.menu-open .nav-toggle span{background:#fff;}
  .nav.scrolled .nav-links{background:var(--navy-800);border-bottom-color:rgba(255,255,255,.16);}
  .nav.scrolled .nav-links a{color:#fff;}
  .nav-links .nav-phone{display:block;padding:0;}
  .nav-links .nav-cta{background:var(--navy-800);border-color:var(--navy-800);}
  .nav-links .nav-cta:hover{background:var(--navy-700);border-color:var(--navy-700);}
  .hero-copy{max-width:66%;}.hero-scene{left:18%;}
  .hero-title{font-size:76px;}
  .leasing-bar-inner{flex-wrap:wrap;gap:24px 36px;}.leasing-facts{margin-left:0;}.leasing-link{margin-left:auto;}
}
@media(max-width:720px){
  .nav-inner,.hero-inner,.leasing-bar .container{width:calc(100% - 40px);}
  section[id]{scroll-margin-top:84px;}
  .nav-inner{height:72px;}.nav .brand-mark{width:34px;height:34px;}.nav .brand-name{font-size:17px;letter-spacing:1px;}.nav .brand-sub{font-size:6px;letter-spacing:1px;}
  .nav-links{top:72px;padding:24px 24px 32px;}
  .hero{height:calc(100svh - 76px);min-height:700px;max-height:850px;}
  .hero-scene{inset:0 0 27% 0;}
  .hero .hero-bg{object-position:34% center;}
  .hero-veil{background:linear-gradient(0deg,#F7FAF7 0%,#F7FAF7 16%,rgba(247,250,247,.94) 33%,rgba(247,250,247,.45) 54%,rgba(247,250,247,0) 72%);}
  .hero-inner{align-items:flex-end;padding:105px 0 64px;}
  .hero-copy{width:100%;max-width:none;}
  .hero-kicker{width:fit-content;max-width:100%;gap:14px;margin-bottom:17px;padding:4px 8px;background:rgba(247,250,247,.94);font-size:8px;letter-spacing:1.8px;}
  .hero-kicker span{font-size:8px;letter-spacing:1.5px;padding-left:14px;}
  .hero-title{font-size:58px;line-height:1.17;letter-spacing:6px;}
  .hero-en{font-size:8px;letter-spacing:1.8px;margin-top:17px;}
  .hero-tagline{font-size:14px;letter-spacing:1.2px;margin-top:22px;}
  .hero-actions{gap:25px;margin-top:25px;flex-wrap:nowrap;}
  .hero-primary{padding:12px 18px;gap:26px;min-height:50px;font-size:12px;}
  .hero-secondary{gap:10px;font-size:11px;}
  .hero-scroll{display:none;}.hero-location{bottom:18px;left:0;right:auto;padding:0;background:none;font-size:8px;letter-spacing:.6px;text-align:left;}
  .hero-location>span{display:none;}
  .leasing-bar{padding:26px 0;}
  .leasing-bar-inner{display:grid;grid-template-columns:1fr;gap:20px;}
  .leasing-bar-intro>span{font-size:8px;}.leasing-bar-intro>p{font-size:24px;}
  .leasing-facts{justify-content:space-between;gap:18px;}.leasing-facts>div{padding-left:18px;flex:1;}.leasing-facts>div:first-child{padding-left:0;border:0;}
  .leasing-facts dd{font-size:25px;}.leasing-facts small{font-size:9px;margin-left:5px;}
  .leasing-link{justify-content:space-between;min-height:44px;margin:0;padding-top:14px;border-top:1px solid #CDD2CA;font-size:11px;}
}
@media(max-width:370px){
  .hero-title{font-size:50px;}.hero-kicker{letter-spacing:1px;gap:10px;}
  .hero-kicker span{padding-left:10px;}.hero-primary{padding:12px 14px;gap:16px;}.hero-actions{gap:18px;}
  .leasing-facts dd{font-size:22px;}.leasing-facts small{font-size:8px;}.leasing-facts{gap:12px;}
}