/* Palette shared with the Flexhub economy project. */
:root{color-scheme:dark;--paper:#0b1218;--ink:#edf4ff;--muted:#a2b3cc;--line:#2c404c;--light:#142129;--accent:#35e1c0;--deep:#101b23}
body{font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif;background:radial-gradient(ellipse at 80% 0%,#28464333,transparent 48%),#0b1218;color:var(--ink)}h1,h2,h3,.brand,.phone{font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif}h1,h2{font-weight:550;letter-spacing:-.05em}.eyebrow{color:#64e7ce;font-size:.8rem;letter-spacing:.15em}a:focus-visible,button:focus-visible{outline-color:#86f2da}.skip{background:#142129;color:#fff}
.header{background:#111c25eb;backdrop-filter:blur(22px);border-color:#2b3d48;padding-block:13px;min-height:100px}.header .brand img{width:204px}.header nav{gap:26px}.nav-contact{background:#35e1c0;color:#042e2a;box-shadow:0 0 26px #35e1c016;border:1px solid #93f0d966;border-radius:9px}.nav-contact:hover{background:#93f0d9}.hero{margin:25px 3.5%;border:1px solid #3e5a6280;border-radius:24px;overflow:hidden;grid-template-columns:minmax(0,.94fr) minmax(0,1.1fr);background:linear-gradient(135deg,#1b343a,#14242d);box-shadow:0 25px 90px #02090d70}.hero-copy{padding:52px 9% 38px 8%;position:relative;background:linear-gradient(90deg,#45636c0a 1px,transparent 1px);background-size:64px 100%}.hero h1{font-size:clamp(3.4rem,5.5vw,6rem);line-height:1.03;margin-top:30px}.hero h1 em{color:#64e7ce;text-shadow:0 0 45px #35e1c01c}.hero-intro{color:#b7ccd3}.hero-image{min-height:660px;background:#142129}.hero-image:after{inset:0;background:linear-gradient(180deg,#07191744,transparent 35%,transparent 55%,#061a21e6)}.hero-image img{object-position:47% center}.hero-image figcaption{gap:24px}.hero-image small{color:#d4e4e9}.image-top{padding:25px}.image-top span:first-child,.image-top span:last-child{background:#10212bbf;color:#e4f9f5;border-color:#a5c2c055}.primary{color:#042e2a;background:#35e1c0;box-shadow:0 8px 35px #35e1c012}.button{border-radius:9px}.button:hover{background:#93f0d9}.move-in>span{background:#152c36;border-color:#42626c;color:#93f0d9}.move-in p{color:#a7bdc6}.move-in strong{color:#e4f9f5}.small-square{box-shadow:0 0 14px #35e1c088}.intro-strip{background:transparent;border-top:1px solid #2c404c;border-bottom:1px solid #2c404c;margin:32px 5% 0;padding:22px 0}.intro-strip p{color:#a7bdc6}.intro-strip strong{color:#edf4ff}.intro-strip>span{color:#ccdde7;border-color:#2c404c}
.section{padding-top:85px;padding-bottom:85px}.section-heading{gap:60px}.section-heading>p,.drawing-intro p{color:#a7bdc6}.inventory{background:radial-gradient(ellipse at 20% 40%,#103b3c33,transparent 65%)}.unit-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:28px}.unit-metrics>div{position:relative;padding:26px 28px;border:1px solid #344b57;border-radius:16px;background:linear-gradient(145deg,#1b2d37,#13212a)}.unit-metrics>div:first-child{background:linear-gradient(125deg,#143b3d,#172b36);border-color:#35e1c055}.unit-metrics strong{display:block;font-size:2.35rem;font-weight:550;line-height:1.15;color:#93f0d9;letter-spacing:-.035em}.unit-metrics strong small{font-size:1.2rem;font-weight:400}.unit-metrics span{display:block;color:#a7bdc6;font-size:.9rem;margin-top:10px}.building-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.building{background:#142129e8;border:1px solid #2c404c;border-radius:18px;overflow:hidden}.building-title{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:26px;border-bottom:1px solid #2c404c;background:linear-gradient(110deg,#1b303b,#142129)}.building-title h3{font-size:1.8rem;font-weight:550;margin-top:8px}.building-title>div>span{color:#8fa9b6;font-size:.75rem;letter-spacing:.15em}.status{display:inline-block;font-size:.82rem;border:1px solid #53646f;color:#b9c6cf;background:#1c2a34;padding:4px 10px;border-radius:6px;white-space:nowrap}.status.available{border-color:#35e1c055;color:#93f0d9;background:#153e4055}.unit-table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.92rem}th,td{padding:18px 24px;border-bottom:1px solid #2c404c;font-weight:400}thead th{background:#101e29;color:#a5b9c5;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}tbody th{font-weight:550}td strong{font-weight:550;white-space:nowrap}table small{display:block;color:#91a8b7;font-size:.78rem;margin-top:5px;white-space:nowrap}tbody tr:last-child>*{border:0}.unit-interest{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;color:#93f0d9;border-bottom:1px solid #35e1c055;font-size:.875rem;padding:5px 0}.unit-interest:hover{color:#fff;border-color:#93f0d9}.rented{background:#0b151c70;color:#a2b3bd}.inventory-note{font-size:.875rem;color:#9aafbd;max-width:1050px;line-height:1.7;margin-top:23px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.drawings{background:#101b23;border-block:1px solid #2c404c}.drawing-intro .text-link{margin-top:20px;color:#93f0d9}.drawing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.drawing-card{padding:0;overflow:hidden;text-align:left;border:1px solid #344b57;background:#142129;color:#edf4ff;border-radius:16px;cursor:pointer;transition:border-color .2s,transform .2s}.drawing-card:hover{border-color:#64e7ce;transform:translateY(-3px)}.drawing-card>img{display:block;width:100%;height:auto;aspect-ratio:2400/1697;object-fit:contain;background:#fff}.drawing-card>span{position:relative;display:block;padding:22px 26px}.drawing-card strong{font-size:1.3rem;font-weight:550}.drawing-card small{display:block;color:#a2b3cc;margin-top:5px;font-size:.875rem}.drawing-card b{position:absolute;right:28px;top:24px;color:#64e7ce;font-size:1.4rem}.drawing-dialog{color:#edf4ff;width:min(1320px,95vw);max-width:95vw;max-height:92vh;padding:0;background:#101b23;border:1px solid #456570;border-radius:16px;box-shadow:0 30px 100px #0009}.drawing-dialog::backdrop{background:#030a12db;backdrop-filter:blur(8px)}.drawing-dialog-bar{padding:17px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.drawing-dialog h2{font-size:1.2rem;letter-spacing:-.025em;line-height:1.3}.drawing-dialog-bar>div{display:flex;gap:10px}.drawing-dialog button{border:1px solid #456570;background:#182832;color:#e4f9f5;border-radius:7px;padding:9px 13px;cursor:pointer;white-space:nowrap}.drawing-scroll{overflow:auto;max-height:calc(92vh - 88px);background:white}.drawing-scroll img{display:block;width:100%;height:auto}.drawing-scroll.zoomed img{width:2400px;max-width:none}.drawing-scroll.zoomed{cursor:grab}
.concept{background:radial-gradient(ellipse at 5% 60%,#28464355,transparent 65%),#0b1218}.concept h2 em{color:#64e7ce}.concept-grid>div>p,.support-list p{color:#a7bdc6}.concept-top>span,.concept-note{color:#91a8b7}.support-list>div,.concept-note{border-color:#2c404c}.support-list>div>span{color:#64e7ce}.concept-intro{color:#edf4ff!important}
.films{background:#101b23;border-top:1px solid #2c404c}.film-player{border:1px solid #3e5a62;border-radius:20px;overflow:hidden;background:#07121a;box-shadow:0 20px 65px #0005;line-height:0}.film-player video{display:block;width:100%;height:auto;max-height:650px;aspect-ratio:16/9;object-fit:contain;background:#07121a}.film-toolbar{display:flex;gap:22px;align-items:center;justify-content:space-between;margin-top:22px}.film-choices{display:flex;gap:10px;flex-wrap:wrap}.film-choices button{display:inline-flex;align-items:center;gap:12px;padding:12px 19px;border:1px solid #3e5a62;background:#142129;color:#c5d9e2;border-radius:9px;cursor:pointer;font-size:.94rem;transition:background .2s,border-color .2s}.film-choices button span{font-size:.78rem;opacity:.75}.film-choices button:hover{border-color:#64e7ce}.film-choices button[aria-pressed="true"]{background:#93f0d9;color:#0a312d;border-color:#93f0d9;font-weight:600;box-shadow:0 0 24px #35e1c015}.film-type{font-size:.75rem;letter-spacing:.12em;color:#93acb9}.film-note{font-size:.8rem;color:#93acb9;margin-top:20px}#film-description{font-size:1rem;color:#bfd3de;margin-top:22px}.film-status{color:#93f0d9;font-size:.9rem}.film-status:empty{display:none}
.contact{position:relative;background:radial-gradient(ellipse at 88% 75%,#35e1c01c,transparent 60%),linear-gradient(115deg,#143b3d,#14242d 65%,#101b23);color:#edf4ff;border-block:1px solid #3e5a6280}.contact h2{color:#edf4ff;text-shadow:0 0 55px #64e7ce14}.contact>div>p:not(.eyebrow){color:#b7ccd3}.contact-details,.contact-date{border-color:#456570}.phone{color:#93f0d9}.contact-details>span{color:#b7ccd3}.contact-date{color:#93f0d9}.selected-unit{margin-bottom:18px;background:#35e1c014;border:1px solid #35e1c055;padding:12px 16px;border-radius:8px;color:#93f0d9!important}footer{background:#0b1218;color:#b8ccd7}footer p{color:#93acb9}footer .brand img{border-radius:6px}
@media(max-width:1200px){.header nav{gap:18px;font-size:.875rem}.header .brand img{width:170px}.building-grid th,.building-grid td{padding:16px}.film-type{display:none}}
@media(max-width:1000px){.hero{grid-template-columns:1fr 1fr;margin-inline:3%}.hero-copy{padding:38px 8%}.hero h1{font-size:3.7rem}.hero-image{min-height:650px}.building-grid{grid-template-columns:1fr}.unit-metrics strong{font-size:2rem}.unit-metrics>div{padding:24px}.header{padding-inline:4%}.header nav{gap:14px}.nav-contact{padding:10px 12px}.nav-contact span{margin-left:6px}.brand img{max-width:100%}}
@media(max-width:760px){.header{padding:14px 6%;min-height:80px}.header .brand img{width:156px}.menu-toggle{background:#142129;color:#cce3ea;border-color:#456570}.header nav{background:#111c25;top:100%;border-color:#344b57;padding:24px 6%;font-size:1rem;gap:20px}.hero{grid-template-columns:1fr;margin:16px 4%;border-radius:18px}.hero-copy{padding:32px 7%}.hero h1{font-size:clamp(3rem,12vw,4.7rem)}.hero .eyebrow{font-size:.75rem;letter-spacing:.07em}.hero-image{min-height:355px}.hero-image figcaption{padding:22px;flex-wrap:wrap}.hero-image figcaption>span{font-size:1.35rem}.hero-image small{font-size:.75rem}.intro-strip{margin:24px 6% 0;padding:24px 0;gap:20px}.section{padding:58px 6%}.section-heading{gap:23px}.section h2{font-size:clamp(2rem,9vw,2.7rem)}.unit-metrics{grid-template-columns:1fr;gap:12px}.unit-metrics>div{padding:21px 24px;display:flex;justify-content:space-between;align-items:center;gap:18px}.unit-metrics strong{font-size:1.8rem;white-space:nowrap}.unit-metrics span{font-size:.82rem;max-width:130px;margin:0;text-align:right}.building-title{padding:22px 16px}.building-title h3{font-size:1.5rem}.building-title .status{font-size:.75rem}.building-grid th,.building-grid td{padding:15px 10px}.building-grid table{font-size:.85rem}.building-grid table small{font-size:.75rem}.unit-interest{font-size:.8rem;gap:4px}.unit-interest span{display:none}.status{font-size:.75rem;padding:4px 7px}.inventory-note{font-size:.8rem}.drawing-grid{grid-template-columns:1fr;gap:18px}.drawing-intro .text-link{font-size:.95rem}.drawing-dialog-bar{padding:14px;gap:10px;align-items:start;flex-wrap:wrap}.drawing-dialog h2{font-size:1.1rem}.drawing-dialog button{font-size:.875rem}.film-player{border-radius:12px}.film-player video{min-height:0}.film-toolbar{margin-top:16px}.film-choices{gap:8px}.film-choices button{padding:10px 11px;font-size:.85rem;gap:6px}.film-choices button span{display:none}.film-note{font-size:.78rem}.contact h2{font-size:3.5rem}.contact{gap:35px}.phone{font-size:1.9rem}}
.building,.unit-metrics>div,.drawing-intro{min-width:0}.drawing-card:focus-visible{outline-offset:5px}.selected-unit[hidden]{display:none}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Large drawings and explicit rental status. */
:root{--available-text:#65e88e;--rented-text:#ff8c93}
.drawing-grid{grid-template-columns:minmax(0,1fr);gap:36px}
.drawing-card>img{width:100%;height:auto;max-height:none}
.drawing-card>span{padding:24px 30px}
.drawing-availability{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0 0 20px}
.drawing-availability>div{padding:25px 28px;background:#142129;border:1px solid #344b57;border-radius:14px}
.drawing-availability h3{font-size:1.35rem;margin-bottom:15px}
.drawing-availability p{font-size:1.05rem;line-height:1.7;margin-top:8px}
.text-available,.unit-interest,.status.available{color:var(--available-text)}
.text-rented,.rented .status{color:var(--rented-text)}
.rented .status{border-color:#ff8c9366;background:#ff8c930b}
.status.available{border-color:#65e88e66;background:#65e88e0b}
.unit-interest{border-color:#65e88e66}.unit-interest:hover{color:#a8ffc1;border-color:#a8ffc1}
.drawing-help{font-size:.94rem;color:#b7ccd3;margin-bottom:25px}
.drawing-dialog{width:97vw;max-width:1800px;max-height:96vh}
.dialog-availability{display:flex;gap:12px 35px;flex-wrap:wrap;padding:12px 24px;border-top:1px solid #344b57}
.dialog-availability p{font-size:.94rem;line-height:1.5}
.drawing-scroll{max-height:calc(96vh - 150px)}
@media(max-width:760px){.drawing-availability{grid-template-columns:1fr;gap:14px}.drawing-availability>div{padding:21px}.drawing-availability p{font-size:1rem}.drawing-card>span{padding:20px}.drawing-grid{gap:24px}.dialog-availability{padding:12px 14px;gap:8px}.dialog-availability p{font-size:.875rem}.drawing-scroll{max-height:calc(96vh - 210px)}}