/* Eone's print guide: Black C, Process Cyan C, white and neutral greys.
   #00aeef is the screen adaptation of the guide's cyan; the original wordmark
   contours are preserved separately as SVG, without bubble or old slogan. */
:root{--paper:#f7f8fa;--ink:#120b11;--muted:#60636a;--accent:#00aeef;--accent-text:#00769f;--line:#d9dde2;--sans:'Myriad Pro',Univers,'Helvetica Neue',Helvetica,Arial,sans-serif}
::selection{background:#00aeef;color:#120b11}
.wordmark,.header .wordmark,.footer .wordmark{display:inline-flex;align-items:center;flex-shrink:0;padding:12px 0;line-height:1;letter-spacing:0;font-size:0}
.wordmark img{width:130px;height:32px;object-fit:contain}
.footer .wordmark img{width:113px;height:28px}
.header-contact{border-color:#b8bec6;white-space:nowrap}
.header-contact:hover{background:#e7f6fc}
.desktop-nav a:after{background:var(--accent);height:2px}
.nav-current{border-bottom-color:var(--accent)}
.hero{background:#101a2c}
.hero h1{font-size:clamp(60px,7.1vw,116px);line-height:1.04;letter-spacing:-.057em}
.hero h1>span{color:var(--accent)}
.hero-kicker{font-size:12px;letter-spacing:.11em;text-transform:uppercase;margin-bottom:17px}
.hero-bottom p{max-width:485px;font-size:17px;line-height:1.65}
.hero-content{bottom:113px}
.hero-shade{background:linear-gradient(180deg,#070c1d1f,transparent 30%,#070c1d35 43%,#060b17d9 100%)}
.hero-poster{object-position:50% 32%;filter:none}
.hero-foot .hero-place{display:flex;align-items:center;gap:12px;color:#e1e6f0}
.hero-place:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent)}
.hero-foot .scroll-link{font-size:12px}
.button-light{background:var(--accent);color:var(--ink);font-weight:500}
.button-light:hover{background:#48c6f7}
.button-dark{background:var(--ink);color:#fff}
.button-dark:hover{background:#252833}
.intro{margin:42px 20px 0;padding:95px calc(var(--gutter) - 20px) 90px;background:var(--ink);color:#fff;gap:45px}
.intro .section-index{color:var(--accent)}
.intro .small-line{background:#3b414b}
.intro-content h2{font-size:clamp(39px,4.5vw,72px);max-width:780px}
.intro-body p{color:#c9ccd3}
.intro-signature{border-color:#373640;color:#e6e8ed}
.intro-signature span:last-child{color:var(--accent)}
.property{border-top:0}
.section-index{color:var(--accent-text)}
.property-image figcaption>span:first-child{color:var(--accent-text)}
.development{background:var(--ink)}
.development-copy .eyebrow{color:var(--accent)}
.development-copy p{color:#c9ccd3}
.development-copy .development-note{color:#e4e7ed}
.development-rule{background:var(--accent);height:2px;width:55px}
.preview-card-meta>span{color:var(--accent-text)}
.availability-label{background:var(--accent);color:var(--ink)}
.round-arrow{border-color:#b8bec6}
.preview-card:hover .round-arrow{background:var(--accent);border-color:var(--accent);color:var(--ink)}
.contact{background:#e9f4f9}
.contact-heading h2>span{color:var(--accent-text)}
.email-link{border-color:#a4becb}
.email-link:hover{color:var(--accent-text)}
.form-note{color:#57636d;border-color:#c2d7e2}
.field input,.field select,.field textarea{border-color:#a4becb}
.field input::placeholder,.field textarea::placeholder{color:#61707d}
.form-status{background:#fff;border-color:#88bbd2}
.form-honeypot{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.form-bottom .button .submit-label{font-size:inherit;line-height:inherit}
.form-bottom .button:disabled{opacity:.65;cursor:wait;transform:none}
.form-privacy{margin-top:20px;font-size:12px;line-height:1.65;color:#57636d}
.form-privacy a{text-decoration:underline;text-underline-offset:3px}
.form-status[data-state="error"]{border-color:#b56b55;color:#762f1c}
.form-status[data-state="success"]{border-color:#53896d;color:#254e38}
.rental-story .availability-note{background:#e9f4f9;border-left-color:var(--accent)}
.rental-contact{background:var(--ink)}
.rental-contact p{color:#c9ccd3}
.rental-facts a:hover,.source-note a:hover{color:var(--accent-text)}
.back-top:hover{background:var(--accent);border-color:var(--accent)}
@media(min-width:601px) and (max-width:1000px){
 .hero h1{font-size:clamp(54px,7.4vw,74px)}
 .hero-bottom p{font-size:16px;max-width:360px}
 .hero-bottom{gap:24px}
 .wordmark img{width:113px;height:28px}
}
@media(max-width:900px){.intro{grid-template-columns:1fr;padding-top:70px;padding-bottom:75px}.intro .section-label{margin-bottom:32px}.hero-kicker{font-size:11px;letter-spacing:.055em}}
@media(max-width:600px){
 .wordmark img{width:105px;height:26px}.header{gap:17px}
 .hero-content{bottom:auto}
 .hero h1{font-size:clamp(42px,11.2vw,66px);line-height:1.08;letter-spacing:-.047em}
 .hero-kicker{font-size:10px;line-height:1.8;letter-spacing:.055em;max-width:300px;margin-bottom:17px}
 .hero-bottom p{font-size:16px;line-height:1.7;max-width:100%}
 .hero-shade{background:linear-gradient(180deg,#101a2c05,transparent 55%,#101a2c55 77%,#101a2c 100%)}
 .hero{background:#101a2c;padding-bottom:88px}
 .hero-poster{object-position:55% 32%}
 .hero-foot{flex-wrap:nowrap;gap:15px;bottom:16px;padding-top:13px}
 .hero-foot .scroll-link{gap:10px}
 .hero-foot .hero-place{font-size:11px;gap:8px}
 .intro{margin:25px 10px 0;padding:56px 24px 60px;gap:0}
 .intro-content h2{font-size:clamp(32px,8.8vw,48px);line-height:1.15}
 .intro-body{gap:22px}.intro-signature{gap:14px}
 .development-copy h2{font-size:clamp(30px,8.6vw,40px)}
 .contact-heading h2{font-size:clamp(38px,10.2vw,54px)}
}
@media(max-width:360px){.wordmark img{width:91px;height:23px}.header-contact{padding:9px 10px;gap:9px}.hero h1{font-size:39px}.hero-foot .scroll-link{font-size:11px}.hero-foot .hero-place{max-width:120px}.hero-kicker{max-width:250px}}
