@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root{
  --ink:#0E1B2E;
  --navy:#15294A;
  --navy-2:#1D3A66;
  --brass:#B8863B;
  --brass-light:#D7AC63;
  --parchment:#F6F3EC;
  --paper:#FCFAF5;
  --slate:#5B6B82;
  --slate-light:#8B98AA;
  --emerald:#2F6B57;
  --emerald-bg:#E7F1EC;
  --grey-tag:#6B7078;
  --grey-bg:#EDEDEA;
  --line:#DCD5C6;
  --radius:2px;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif; background:var(--paper); color:var(--ink); -webkit-font-smoothing:antialiased; overflow-x:hidden;}
h1,h2,h3,h4{font-family:'Fraunces',serif; font-weight:500; letter-spacing:-0.01em; color:var(--ink);}
.mono{font-family:'IBM Plex Mono',monospace; letter-spacing:0.02em;}
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}
.wrap{max-width:1180px; margin:0 auto; padding:0 24px;}
.eyebrow{font-family:'IBM Plex Mono',monospace; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--brass); display:flex; align-items:center; gap:10px; margin-bottom:14px;}
.eyebrow::before{content:''; width:22px; height:1px; background:var(--brass);}

/* ===== NAV ===== */
header{position:fixed; top:0; left:0; right:0; z-index:100; background:rgba(14,27,46,0.94); backdrop-filter:blur(6px); border-bottom:1px solid rgba(255,255,255,0.08);}
nav{display:flex; align-items:center; justify-content:space-between; padding:16px 24px; max-width:1180px; margin:0 auto;}
.logo{font-family:'Fraunces',serif; font-size:20px; font-weight:600; color:#fff; letter-spacing:0.02em;}
.logo span{color:var(--brass-light);}
.nav-links{display:flex; gap:26px; font-size:14px; color:rgba(255,255,255,0.78);}
.nav-links a:hover{color:#fff;}
.nav-links a.active{color:var(--brass-light);}
.nav-cta{background:var(--brass); color:#1A1400; font-weight:600; font-size:13.5px; padding:10px 18px; border-radius:var(--radius); white-space:nowrap;}
.nav-cta:hover{background:var(--brass-light);}
@media (max-width:900px){ .nav-links{display:none;} }

/* ===== generic page hero (sub-pages) ===== */
.page-hero{position:relative; min-height:66vh; display:flex; align-items:flex-end; background-size:cover; background-position:center;}
.page-hero .overlay{position:absolute; inset:0; background:linear-gradient(180deg, rgba(10,18,32,0.35) 0%, rgba(9,15,26,0.5) 40%, rgba(9,15,26,0.94) 100%);}
.page-hero-inner{position:relative; z-index:2; width:100%; padding:120px 0 56px;}
.status-pill{font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:0.08em; text-transform:uppercase; padding:6px 12px; border-radius:20px; font-weight:600; display:inline-block; margin-bottom:18px;}
.status-pill.selling{background:var(--emerald); color:#fff;}
.page-hero h1{color:#fff; font-size:clamp(36px,6vw,64px); font-weight:600; line-height:1.02; max-width:720px;}
.page-hero p.lead{color:rgba(255,255,255,0.82); font-size:clamp(15px,1.6vw,18px); max-width:520px; margin-top:18px; line-height:1.6;}
.page-hero-actions{display:flex; gap:14px; margin-top:28px; flex-wrap:wrap;}
.btn-primary{background:var(--brass); color:#1A1400; font-weight:700; font-size:14.5px; padding:15px 28px; border-radius:var(--radius); display:inline-flex; align-items:center; gap:8px;}
.btn-primary:hover{background:var(--brass-light);}
.btn-ghost{border:1px solid rgba(255,255,255,0.35); color:#fff; font-weight:600; font-size:14.5px; padding:15px 28px; border-radius:var(--radius); display:inline-flex; align-items:center; gap:8px;}
.btn-ghost:hover{border-color:#fff;}
.btn-outline-dark{border:1px solid var(--ink); color:var(--ink); font-weight:600; font-size:14px; padding:13px 24px; border-radius:var(--radius); display:inline-flex; align-items:center; gap:8px;}
.btn-outline-dark:hover{background:var(--ink); color:#fff;}

/* microsite banner */
.microsite-banner{background:var(--navy); color:#fff;}
.microsite-inner{display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; padding:18px 0;}
.microsite-inner p{font-size:13.5px; color:rgba(255,255,255,0.75);}
.microsite-inner b{color:#fff;}

/* ===== SECTION generic ===== */
section{position:relative; padding:88px 0;}
.section-head{max-width:640px; margin-bottom:48px;}
.section-head h2{font-size:clamp(26px,3.4vw,40px);}
.section-head p{color:var(--slate); font-size:16px; margin-top:14px; line-height:1.6;}

.chips{display:flex; flex-wrap:wrap; gap:10px; margin-top:36px;}
.chip{display:flex; align-items:center; gap:10px; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.14); padding:11px 16px; border-radius:20px; font-size:13.5px;}
.chip .d{font-family:'IBM Plex Mono',monospace; color:var(--brass-light); font-weight:600; font-size:12.5px;}
.chip.light{background:var(--grey-bg); border-color:var(--line); color:var(--ink);}
.chip.light .d{color:var(--brass);}

/* ===== fact grid ===== */
.fact-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line); margin-top:8px;}
@media (max-width:760px){ .fact-grid{grid-template-columns:repeat(2,1fr);} }
.fact-box{background:var(--paper); padding:26px 22px;}
.fact-box .v{font-family:'Fraunces',serif; font-size:26px; font-weight:600;}
.fact-box .l{font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--slate); text-transform:uppercase; letter-spacing:0.06em; margin-top:6px;}

/* ===== image + text split ===== */
.split{display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:center;}
@media (max-width:860px){ .split{grid-template-columns:1fr; gap:28px;} }
.split.rev{direction:rtl;}
.split.rev > *{direction:ltr;}
.split img{border-radius:var(--radius);}

/* ===== gallery grid ===== */
.gallery-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:14px;}
@media (max-width:760px){ .gallery-grid{grid-template-columns:1fr 1fr;} }
.gallery-grid img{border-radius:var(--radius); width:100%; height:220px; object-fit:cover;}
.gallery-grid figure{position:relative;}
.gallery-grid figcaption{position:absolute; bottom:10px; left:10px; color:#fff; font-size:12px; background:rgba(14,27,46,0.7); padding:4px 10px; border-radius:20px;}

/* ===== unit type cards ===== */
.unit-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px;}
@media (max-width:900px){ .unit-grid{grid-template-columns:1fr 1fr;} }
@media (max-width:520px){ .unit-grid{grid-template-columns:1fr;} }
.unit-card{border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; background:var(--paper);}
.unit-card img{width:100%; height:360px; object-fit:contain; background:#fff; padding:14px;}
@media (max-width:900px){ .unit-card img{height:300px;} }
.unit-card .u-body{padding:16px 18px 20px; border-top:1px solid var(--line);}
.unit-card .u-type{font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--brass); margin-bottom:4px;}
.unit-card h4{font-size:17px; margin-bottom:8px;}
.unit-card .u-row{display:flex; justify-content:space-between; font-size:12.5px; color:var(--slate); padding:4px 0; border-top:1px dashed var(--line);}
.unit-card .u-row:first-of-type{border-top:none;}
.unit-card .u-head{display:flex; justify-content:space-between; align-items:baseline; margin-bottom:14px;}
.unit-card .u-head h4{font-size:20px; margin-bottom:0; color:var(--navy);}
.unit-card .u-sqft{font-family:'IBM Plex Mono',monospace; font-size:13px; color:var(--brass); display:flex; align-items:center; gap:5px; white-space:nowrap;}
.unit-card .u-specs{display:grid; grid-template-columns:1fr 1fr; gap:10px 14px; margin-bottom:18px;}
.unit-card .u-spec{display:flex; align-items:center; gap:8px; font-size:13px; color:var(--slate);}
.unit-card .u-spec svg{flex:none; color:var(--brass);}
.unit-card .u-enquire{display:block; text-align:center; width:100%; background:var(--navy); color:#fff; font-weight:600; font-size:13.5px; padding:13px; border-radius:999px; border:1px solid var(--brass); transition:background .2s,color .2s;}
.unit-card .u-enquire:hover{background:var(--brass); color:#1A1400; border-color:var(--brass);}

/* ===== promo list ===== */
.promo-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:14px;}
@media (max-width:760px){ .promo-grid{grid-template-columns:1fr 1fr;} }
@media (max-width:480px){ .promo-grid{grid-template-columns:1fr;} }
.promo-item{border:1px solid var(--line); border-radius:var(--radius); padding:18px 16px; font-size:13.5px; font-weight:600; display:flex; gap:10px; align-items:flex-start;}
.promo-item::before{content:'✓'; color:var(--emerald); font-weight:700;}

/* ===== eligibility box ===== */
.elig-box{display:flex; gap:24px; flex-wrap:wrap;}
.elig-card{flex:1; min-width:220px; border:1px solid var(--line); border-radius:var(--radius); padding:22px;}
.elig-card h4{font-size:15px; margin-bottom:10px; display:flex; align-items:center; gap:8px;}
.elig-card ul{list-style:none; display:flex; flex-direction:column; gap:8px;}
.elig-card li{font-size:13.5px; color:var(--slate); display:flex; gap:8px;}
.elig-card li::before{content:'—'; color:var(--brass); flex:none;}

/* ===== award / info cards reused ===== */
.awards{display:flex; gap:24px; flex-wrap:wrap; margin-top:10px;}
.award-card{flex:1; min-width:230px; border:1px solid var(--line); padding:22px; border-radius:var(--radius); display:flex; gap:16px; align-items:flex-start;}
.award-icon{width:40px; height:40px; border-radius:50%; background:var(--navy); color:var(--brass-light); display:flex; align-items:center; justify-content:center; font-size:16px; flex:none;}
.award-card h4{font-size:15px; margin-bottom:4px;}
.award-card p{font-size:13px; color:var(--slate); line-height:1.5;}

/* ===== timeline reused ===== */
.timeline{display:flex; flex-direction:column; border-top:1px solid var(--line);}
.t-row{display:grid; grid-template-columns:120px 1fr 160px 140px; gap:20px; align-items:center; padding:22px 0; border-bottom:1px solid var(--line);}
@media (max-width:760px){ .t-row{grid-template-columns:1fr; gap:6px; padding:20px 0;} }
.t-year{font-family:'IBM Plex Mono',monospace; font-size:13px; color:var(--slate);}
.t-name{font-family:'Fraunces',serif; font-size:20px; font-weight:600;}
.t-name small{display:block; font-family:'Inter',sans-serif; font-size:12.5px; color:var(--slate); font-weight:400; margin-top:2px;}
.t-units{font-family:'IBM Plex Mono',monospace; font-size:13px; color:var(--slate);}
.tag{font-size:11.5px; background:var(--grey-bg); color:var(--ink); padding:5px 10px; border-radius:20px; font-weight:600;}
.tag.good{background:var(--emerald-bg); color:var(--emerald);}

/* ===== phase cards (home) ===== */
.phase-grid{display:grid; grid-template-columns:1fr 1fr; gap:28px;}
@media (max-width:860px){ .phase-grid{grid-template-columns:1fr;} }
.phase-card{background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; display:flex; flex-direction:column; transition:transform .25s ease, box-shadow .25s ease;}
.phase-card:hover{transform:translateY(-4px); box-shadow:0 20px 40px -20px rgba(21,41,74,0.25);}
.phase-media{height:230px; background-size:cover; background-position:center; position:relative;}
.phase-media::after{content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(14,27,46,0) 40%, rgba(14,27,46,0.6) 100%);}
.phase-media .status-pill{position:absolute; top:16px; left:16px; z-index:2; margin:0;}
.phase-name{position:absolute; bottom:16px; left:20px; z-index:2; color:#fff; font-family:'Fraunces',serif; font-size:28px; font-weight:600;}
.phase-body{padding:26px 26px 28px; flex:1; display:flex; flex-direction:column;}
.phase-facts{display:flex; gap:18px; margin-bottom:16px; flex-wrap:wrap;}
.fact{font-size:12.5px; color:var(--slate);}
.fact b{display:block; font-family:'IBM Plex Mono',monospace; color:var(--ink); font-size:14px; margin-bottom:2px;}
.phase-tags{display:flex; gap:8px; flex-wrap:wrap; margin-bottom:20px;}
.phase-body p{color:var(--slate); font-size:14.5px; line-height:1.6; margin-bottom:22px; flex:1;}
.phase-cta-row{display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--line); padding-top:18px; flex-wrap:wrap; gap:10px;}
.phase-cta{font-weight:700; font-size:14px; color:var(--navy);}
.phase-cta:hover{color:var(--brass);}
.micro-link{font-size:12.5px; color:var(--slate); font-weight:600; display:inline-flex; align-items:center; gap:5px;}
.micro-link:hover{color:var(--brass);}

/* ===== about grid (home) ===== */
.about-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line);}
@media (max-width:900px){ .about-grid{grid-template-columns:1fr 1fr;} }
@media (max-width:600px){ .about-grid{grid-template-columns:1fr;} }
.about-card{background:var(--paper); padding:34px 28px;}
.about-card .idx{font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--brass); margin-bottom:12px;}
.about-card h3{font-size:19px; margin-bottom:10px; font-weight:600;}
.about-card p, .about-card ul{color:var(--slate); font-size:14px; line-height:1.65;}
.about-card ul{padding-left:0; list-style:none; margin-top:10px;}
.about-card li{padding:6px 0; border-top:1px dashed var(--line); display:flex; justify-content:space-between; gap:10px;}
.about-card li:first-child{border-top:none;}
.about-card li .st{font-family:'IBM Plex Mono',monospace; font-size:11px; padding:2px 8px; border-radius:20px; white-space:nowrap;}
.st.done{background:var(--grey-bg); color:var(--grey-tag);}
.st.live{background:var(--emerald-bg); color:var(--emerald);}

/* completed phase thumb cards */
.completed-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:10px;}
@media (max-width:760px){ .completed-grid{grid-template-columns:1fr;} }
.completed-card{border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; display:flex;}
@media (max-width:520px){ .completed-card{flex-direction:column;} }
.completed-card img{width:42%; height:auto; object-fit:cover;}
@media (max-width:520px){ .completed-card img{width:100%; height:160px;} }
.completed-body{padding:20px 22px; flex:1;}
.completed-body h4{font-size:16px; margin-bottom:6px;}
.completed-body p{font-size:13px; color:var(--slate); line-height:1.55; margin-bottom:10px;}

/* ===== why buy / faq (features page) ===== */
.why-grid{display:grid; grid-template-columns:1.1fr 1fr; gap:56px; align-items:start;}
@media (max-width:900px){ .why-grid{grid-template-columns:1fr;} }
.why-list{display:flex; flex-direction:column; gap:0;}
.why-item{display:flex; gap:18px; padding:22px 0; border-top:1px solid var(--line);}
.why-item:first-child{border-top:none;}
.why-num{font-family:'IBM Plex Mono',monospace; font-size:13px; color:var(--brass); flex:none; width:26px; padding-top:3px;}
.why-item h4{font-size:16px; margin-bottom:6px;}
.why-item p{font-size:14px; color:var(--slate); line-height:1.6;}
.why-note{font-size:12.5px; color:var(--slate-light); margin-top:24px; padding-top:20px; border-top:1px dashed var(--line); line-height:1.6;}
.compare-card{background:var(--ink); color:#fff; padding:32px 30px; border-radius:var(--radius);}
.compare-card .eyebrow{color:var(--brass-light);}
.compare-card .eyebrow::before{background:var(--brass-light);}
.compare-row{display:flex; justify-content:space-between; padding:14px 0; border-top:1px solid rgba(255,255,255,0.12); font-size:13.5px; gap:12px;}
.compare-row:first-of-type{border-top:none;}
.compare-row b{font-family:'IBM Plex Mono',monospace; color:var(--brass-light); white-space:nowrap;}

.faq-item{border-top:1px solid var(--line); padding:22px 0;}
.faq-item:last-child{border-bottom:1px solid var(--line);}
.faq-q{display:flex; justify-content:space-between; align-items:center; cursor:pointer; font-weight:600; font-size:16px; gap:16px;}
.faq-q .plus{font-family:'IBM Plex Mono',monospace; color:var(--brass); font-size:20px; transition:transform .2s; flex:none;}
.faq-item.open .plus{transform:rotate(45deg);}
.faq-a{max-height:0; overflow:hidden; transition:max-height .3s ease;}
.faq-item.open .faq-a{max-height:260px;}
.faq-a p{padding-top:14px; color:var(--slate); font-size:14.5px; line-height:1.65; max-width:720px;}

/* ===== lead form ===== */
.lead-section{background:var(--navy); color:#fff;}
.lead-grid{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center;}
@media (max-width:900px){ .lead-grid{grid-template-columns:1fr; gap:36px;} }
.lead-section h2{color:#fff;}
.lead-section .section-head p{color:rgba(255,255,255,0.72);}
.lead-perks{display:flex; flex-direction:column; gap:16px; margin-top:28px;}
.perk{display:flex; gap:12px; align-items:flex-start; font-size:14px; color:rgba(255,255,255,0.85);}
.perk::before{content:'—'; color:var(--brass-light); flex:none;}
.form-card{background:#fff; color:var(--ink); padding:34px; border-radius:var(--radius);}
.form-card h3{font-size:19px; margin-bottom:6px;}
.form-card > p{font-size:13px; color:var(--slate); margin-bottom:22px;}
.field{margin-bottom:16px;}
.field label{display:block; font-size:12.5px; font-weight:600; margin-bottom:6px; color:var(--ink);}
.field input, .field select{width:100%; padding:12px 14px; border:1px solid var(--line); border-radius:var(--radius); font-family:'Inter',sans-serif; font-size:14px; background:var(--paper);}
.field input:focus, .field select:focus{outline:2px solid var(--brass); outline-offset:1px;}
.submit-btn{width:100%; background:var(--brass); color:#1A1400; font-weight:700; font-size:15px; padding:15px; border:none; border-radius:var(--radius); cursor:pointer; margin-top:6px;}
.submit-btn:hover{background:var(--brass-light);}
.form-note{font-size:11.5px; color:var(--slate-light); margin-top:14px; line-height:1.5;}

/* ===== footer ===== */
footer{background:var(--ink); color:rgba(255,255,255,0.55); padding:56px 0 28px; font-size:13px;}
.footer-top{display:flex; justify-content:space-between; flex-wrap:wrap; gap:30px; margin-bottom:36px;}
.footer-logo{font-family:'Fraunces',serif; font-size:20px; color:#fff; margin-bottom:10px;}
.footer-cols{display:flex; gap:60px; flex-wrap:wrap;}
.footer-col h5{font-size:12px; text-transform:uppercase; letter-spacing:0.08em; color:rgba(255,255,255,0.8); margin-bottom:14px; font-family:'IBM Plex Mono',monospace; font-weight:500;}
.footer-col a, .footer-col p{display:block; margin-bottom:8px; color:rgba(255,255,255,0.55);}
.footer-col a:hover{color:#fff;}
.disclaimer{border-top:1px solid rgba(255,255,255,0.1); padding-top:24px; font-size:11.5px; line-height:1.7; color:rgba(255,255,255,0.4); max-width:980px;}

.wa-float{position:fixed; bottom:24px; right:24px; z-index:200; background:#2F6B57; color:#fff; width:56px; height:56px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:26px; box-shadow:0 10px 25px -8px rgba(0,0,0,0.4);}
.wa-float:hover{background:#25574A;}

::selection{background:var(--brass); color:#fff;}

/* ===== facility slideshow ===== */
.facility-slideshow{position:relative; margin-top:36px; border-radius:var(--radius); overflow:hidden; background:#000; user-select:none;}
.fs-track{display:flex; transition:transform .5s cubic-bezier(.65,0,.35,1);}
.fs-slide{min-width:100%; position:relative; flex:none;}
.fs-slide img{width:100%; height:520px; object-fit:cover; display:block;}
@media (max-width:760px){ .fs-slide img{height:320px;} }
.fs-caption{position:absolute; left:24px; bottom:24px; background:var(--parchment); color:var(--navy); font-weight:700; font-size:15px; padding:10px 18px; border-radius:4px; font-family:'Fraunces',serif;}
.fs-arrow{position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; border-radius:50%; background:rgba(21,41,74,0.55); color:#fff; display:flex; align-items:center; justify-content:center; font-size:18px; border:1px solid rgba(255,255,255,0.3); cursor:pointer; z-index:5; transition:background .2s;}
.fs-arrow:hover{background:var(--brass); color:#1A1400;}
.fs-arrow.prev{left:16px;}
.fs-arrow.next{right:16px;}
.fs-dots{position:absolute; bottom:16px; right:20px; display:flex; gap:7px; z-index:5;}
.fs-dot{width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,0.45); cursor:pointer; transition:background .2s, width .2s;}
.fs-dot.active{background:var(--brass-light); width:22px; border-radius:5px;}

/* ===== video section ===== */
.video-frame{display:block; position:relative; margin:8px auto 0; max-width:480px; border-radius:var(--radius); overflow:hidden; background:#000; cursor:pointer; aspect-ratio:16/9;}
.video-frame img{width:100%; height:100%; object-fit:cover; display:block;}
.video-frame iframe{width:100%; height:100%; display:block; border:0;}
.video-play{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:56px; height:56px; border-radius:50%; background:rgba(21,41,74,0.75); border:2px solid rgba(255,255,255,0.85); color:#fff; display:flex; align-items:center; justify-content:center; transition:background .2s, transform .2s;}
.video-frame:hover .video-play{background:var(--brass); color:#1A1400; transform:translate(-50%,-50%) scale(1.06);}

/* ===== mobile nav (hamburger) ===== */
.nav-burger{display:none; flex-direction:column; justify-content:center; align-items:flex-end; gap:5px; width:28px; height:22px; cursor:pointer; background:none; border:none; padding:0; margin-left:14px;}
.nav-burger span{display:block; height:2px; width:100%; background:#fff; border-radius:2px; transition:transform .25s ease, opacity .2s ease, width .2s ease;}
.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg); width:100%;}
.nav-burger.open span:nth-child(2){opacity:0;}
.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg); width:100%;}
@media (max-width:900px){ .nav-burger{display:flex;} }

.mobile-nav{display:none; flex-direction:column; max-height:0; overflow:hidden; background:rgba(14,27,46,0.98); border-top:1px solid rgba(255,255,255,0.08); transition:max-height .3s ease;}
.mobile-nav.open{max-height:400px;}
@media (max-width:900px){ .mobile-nav{display:flex;} }
.mobile-nav a{color:rgba(255,255,255,0.8); font-size:15px; padding:14px 24px; border-bottom:1px dashed rgba(255,255,255,0.1);}
.mobile-nav a:last-child{border-bottom:none;}
.mobile-nav a.active{color:var(--brass-light);}
.mobile-nav a.mobile-cta{color:var(--brass-light); font-weight:700;}