/* ============================================================
   BEHRWALD Property LLC — Rental Property Management
   DARK theme · lodge-slate office craft · 2026
   Page bg evening-office #14171A | accent lodge-slate #5F92AB
   ============================================================ */
:root{
  --evening-office:#14171A;
  --panel-night:#1D2226;
  --desk-slate:#242B30;
  --deeper-night:#0E1113;
  --lodge-slate:#5F92AB;
  --lodge-slate-light:#8FB6C9;
  --lease-cream:#F4F2EC;
  --mist-room:#C2C7CA;
  --body-slate:#C2C7CA;
  --muted:#9AA6AD;
  --hairline:#2B3237;
  --key-brass:#C9A24B;
  --leak-copper:#B2673F;
  --lawn-green:#6F8F5C;
  --night-on-font:#0F171E;
  --hardlines:#39434A;
}

*{box-sizing:border-box;}
html{margin:0;padding:0;}
body{
  margin:0;padding:0;
  background:#14171A;
  font-family:Georgia,"Times New Roman",serif;
  color:#C2C7CA;
  font-size:16px;                 /* literal 16px, required */
  line-height:1.7;
  letter-spacing:0.01em;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:#8FB6C9;text-decoration:none;transition:color .18s ease;}
a:hover{color:#F4F2EC;text-underline-offset:4px;text-decoration:underline;}
p{margin:0 0 1.05em;}
h1,h2,h3,h4{font-family:Arial,Helvetica,sans-serif;color:#F4F2EC;line-height:1.25;margin:0 0 .55em;font-weight:700;text-shadow:none;}
h1,.hero-title{color:#F4F2EC;}
h2{font-size:clamp(26px,3.4vw,38px);}
h3{font-size:20px;}
h4{font-size:16px;}
ul,ol{margin:0 0 1.1em;padding-left:1.3em;}
li{margin-bottom:.4em;}
.container{width:min(1160px,92%);margin:0 auto;padding:0 18px;}
.smallcaps{font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.18em;font-weight:600;}
.bottle{font-weight:800;}

/* ---------------- FADE-UP REVEAL (safe no-JS) ---------------- */
.fade-up{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease;}
.fade-up.visible{opacity:1;transform:none;}

/* ============================================================
   1. KEYHOOK NAVIGATION  (.keyhook-nav)  sticky at TOP ONLY
   ============================================================ */
.keyhook-nav{position:sticky;top:0;z-index:100;}
.keyhook-nav .hook-strip{
  height:30px;background:#1D2226;border-bottom:1px solid #2B3237;
  display:flex;align-items:flex-start;justify-content:center;gap:clamp(18px,3.4vw,40px);
}
.keyhook-nav .hook-strip .hooksel{display:flex;flex-direction:column;align-items:center;width:18px;transform:translateY(3px);}
.keyhook-nav .hook-strip .hooksel .pad{width:12px;height:4px;background:#39434A;border-radius:2px;}
.keyhook-nav .hook-strip .hooksel .hshaft{width:3px;height:12px;background:#39434A;}
.keyhook-nav .hook-strip .hooksel .hpin{width:3px;height:3px;border-radius:50%;background:#5F92AB;}
.keyhook-nav .hook-strip .hooksel.done .keydrop{display:block;background:#C9A24B;}
.keyhook-nav .hook-strip .hooksel.done .hshaft{background:#3d3022;}
.keyhook-nav .hook-strip .hooksel .keydrop{
  display:none;width:2px;height:6px;background:#C9A24B;margin-top:1px;
}
.keyhook-nav .hook-strip .hooksel .lab{font-size:8px;color:#6B7C85;letter-spacing:2px;font-family:Arial,Helvetica,sans-serif;}
.keyhook-nav .nav-row{
  background:#1D2226;border-top:1px solid #2B3237;border-bottom:1px solid #2B3237;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:13px clamp(16px,4vw,44px);
}
.keyhook-nav .brand-link{display:flex;align-items:center;gap:12px;flex:none;}
.keyhook-nav .brand-link:hover{text-decoration:none;}
.keyhook-nav .keybadge{width:30px;height:22px;position:relative;flex:none;display:inline-block;vertical-align:middle;}
.keyhook-nav .keybadge .head{position:absolute;left:0;top:2px;width:13px;height:15px;background:#C9A24B;border-radius:6px 0 0 0;}
.keyhook-nav .keybadge .head::after{content:"";position:absolute;left:1px;top:4px;width:7px;height:5px;background:#1D2226;}
.keyhook-nav .keybadge .shaft{position:absolute;left:11px;top:9px;width:18px;height:2px;background:#C9A24B;}
.keyhook-nav .keybadge .tooth{position:absolute;left:14px;top:11px;width:6px;height:2px;background:#C9A24B;}
.keyhook-nav .brand-name{
  font-family:Arial,Helvetica,sans-serif;font-weight:800;
  font-size:21px;letter-spacing:.26em;color:#F4F2EC;text-transform:uppercase;
}
.keyhook-nav .nav-links{display:flex;align-items:center;flex-wrap:wrap;gap:0;}
.keyhook-nav .nav-links a{
  font-family:Arial,Helvetica,sans-serif;font-weight:600;color:#9AA6AD;
  font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-left:22px;position:relative;
}
.keyhook-nav .nav-links a:first-child::before{display:none;}
.keyhook-nav .nav-links a::before{
  content:"\2022";color:#5F92AB;position:absolute;left:-14px;font-size:13px;top:-1px;
}
.keyhook-nav .nav-links a:hover{color:#F4F2EC;text-decoration:none;}
.keyhook-nav .nav-links a:hover::after{
  content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:#5F92AB;
}
.keyhook-nav .nav-links a.on{color:#F4F2EC;}
.keyhook-nav .nav-links a.on::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:#5F92AB;}
.nav-toggle{
  display:none;background:#242B30;color:#ECEEEF;border:1px solid #39434A;border-radius:4px;
  font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;
  padding:9px 14px;cursor:pointer;
}
.nav-toggle:hover{color:#C9A24B;}

/* ============================================================
   2. HERO — UNIT BOARD  (.unitboard-hero)  asymmetric two-col
   ============================================================ */
.unitboard-hero{background:#14171A;position:relative;border-bottom:1px solid #2B3237;overflow:hidden;}
.unitboard-hero .herowrap{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(20px,4vw,60px);align-items:center;
  padding:clamp(52px,7vw,100px) 0 clamp(60px,8vw,112px);}
.hero-copy{max-width:620px;}
.eyebrow-chip{
  display:inline-block;background:#5F92AB;color:#0F171E;font-family:Arial,Helvetica,sans-serif;
  font-weight:800;font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  padding:7px 15px;border-radius:4px;margin-bottom:24px;
}
.hero-title{font-size:clamp(42px,5.4vw,62px);line-height:1.06;margin:0 0 22px;font-weight:800;color:#F4F2EC;}
.hero-title .ltone{color:#8FB6C9;}
.hero-sub{font-size:18px;line-height:1.8;color:#9AA6AD;max-width:60ch;}
.hero-sub b{color:#ECEEEF;font-weight:600;}
.hero-ctas{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:32px;}
.btn{
  display:inline-block;font-family:Arial,Helvetica,sans-serif;font-weight:700;
  font-size:14px;letter-spacing:.04em;padding:14px 28px;border-radius:5px;text-align:center;cursor:pointer;
}
.btn-lodge{background:#5F92AB;color:#0F171E;border:1px solid #5F92AB;}
.btn-lodge:hover{background:#C9A24B;border-color:#C9A24B;color:#0F171E;text-decoration:none;}
.btn-brass{background:transparent;color:#C9A24B;border:1px solid #C9A24B;}
.btn-brass:hover{background:#C9A24B;color:#0F171E;text-decoration:none;}
.btn-white{background:#F4F2EC;color:#14171A;border:1px solid #F4F2EC;}
.btn-white:hover{background:#C9A24B;border-color:#C9A24B;color:#14171A;text-decoration:none;}

/* unit board scene */
.unitboard-scene{position:relative;min-height:440px;}
.board-frame{background:#242B30;border:1px solid #39434A;border-radius:6px;padding:6px;box-shadow:0 24px 50px rgba(0,0,0,.45);transform:rotate(.4deg);}
.board-frame .board-face{background:#1D2226;border:1px solid #2B3237;border-radius:4px;padding:16px;position:relative;}
.board-frame .board-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed #2B3237;padding-bottom:10px;margin-bottom:14px;}
.board-frame .board-head .bh-title{font-family:Arial,Helvetica,sans-serif;font-size:10px;letter-spacing:.22em;color:#9AA6AD;text-transform:uppercase;}
.board-frame .board-head .bh-pin{width:22px;height:22px;position:relative;}
.board-frame .board-head .bh-pin::before,.board-frame .board-head .bh-pin::after{content:"";position:absolute;background:#C9A24B;}
.board-frame .board-head .bh-pin::before{width:3px;height:9px;left:9px;top:2px;border-radius:2px 2px 0 0;}
.board-frame .board-head .bh-pin::after{width:15px;height:4px;left:3px;top:11px;border-radius:1px;background:#C9A24B;}
.units-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.unit-tile{border:1px solid #39434A;border-radius:4px;background:#20262B;padding:8px 8px 9px;position:relative;overflow:visible;}
.unit-tile .ut-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;}
.unit-tile .door{width:11px;height:15px;border:1px solid #5a6872;border-radius:1px 3px 3px 1px;background:#39434A;position:relative;}
.unit-tile .door::before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:4px;background:#31383e;}
.unit-tile .door::after{content:"";position:absolute;right:2px;top:6px;width:2px;height:2px;background:#C9A24B;border-radius:50%;}
.unit-tile .unum{font-family:Arial,Helvetica,sans-serif;font-size:9px;letter-spacing:1px;color:#C2C7CA;font-weight:600;}
.unit-tile .stat{font-family:Arial,Helvetica,sans-serif;font-size:6.5px;letter-spacing:1.4px;color:#6B7C85;text-transform:uppercase;display:block;border-top:1px dashed #2B3237;padding-top:5px;margin-top:2px;}
.unit-tile.vac{border-color:#B2673F;}
.unit-tile.vac .stat{color:#B2673F;font-weight:700;}
.unit-tile.flag-vac{border-color:transparent;background:#31241c;}
.unit-tile.flag-vac .stat{color:#B2673F;font-weight:700;}
.unit-tile.res{border-color:#C9A24B;}
.unit-tile.res .stat{color:#C9A24B;font-weight:700;}
.unit-tile.ok .stat{color:#6F8F5C;}
.board-tag{position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:#14171A;color:#C9A24B;font-family:Arial,Helvetica,sans-serif;font-size:8px;letter-spacing:2px;padding:2px 8px;border:1px solid #39434A;border-radius:10px;}
.board-labels{display:flex;justify-content:space-between;gap:8px;margin-top:14px;}
.board-labels span{font-family:Arial,Helvetica,sans-serif;font-size:7px;color:#6B7C85;letter-spacing:.8px;}

/* right stack clusters sitting outside board */
.desktop-props{position:relative;display:flex;justify-content:flex-end;gap:14px;margin-top:-52px;padding-right:6px;}
.lease-clip{display:none;}
.rent-ledger{
  background:#E7E4D7;color:#1a1a12;border-radius:3px;width:200px;padding:10px 12px;
  box-shadow:0 14px 26px rgba(0,0,0,.4);transform:rotate(-1.2deg);position:absolute;bottom:-8px;left:-6px;z-index:3;
}
.rent-ledger .rl-cap{font-family:Arial,Helvetica,sans-serif;font-size:7px;color:#5a5647;letter-spacing:2px;border-bottom:1px solid #c9c4b2;padding-bottom:4px;text-transform:uppercase;}
.rent-ledger .rl-cap b{color:#5F92AB;}
.rent-ledger .rl-line{display:flex;justify-content:space-between;font-family:Arial,Helvetica,sans-serif;font-size:9px;color:#33332a;padding:3px 0;border-bottom:1px dotted #d6d2c2;}
.rent-ledger .rl-line .amt{margin-left:auto;}
.rent-ledger .rl-stamp{margin-top:6px;text-align:left;font-family:Arial,Helvetica,sans-serif;font-size:12px;
  letter-spacing:3px;color:#6F8F5C;font-weight:800;border:1px solid #6F8F5C;display:inline-block;padding:1px 7px;transform:rotate(-7deg);opacity:1;}
.rent-ledger .rl-total{padding-top:6px;border-top:1px solid #c9c4b2;margin-top:2px;display:flex;justify-content:space-between;
  font-family:Arial,Helvetica,sans-serif;font-size:9px;letter-spacing:1px;color:#23231b;font-weight:700;}
.maintenance-spike{display:none;}
.porch-sign{position:absolute;top:2%;right:2px;text-align:center;}
.porch-sign .halo{width:30px;height:30px;border-radius:50%;background:rgba(201,162,75,.9);box-shadow:0 0 14px 8px rgba(201,162,75,.4);margin:0 auto;}
.kickplate-mailfloat{display:none;}
.scene-credit{font-family:Arial,Helvetica,sans-serif;letter-spacing:2px;color:#6B7C85;font-size:8px;text-transform:uppercase;margin-top:20px;text-align:right;}

/* ============================================================
   3. TENANT FILE ROWS  (.tenantfile-rows)
   ============================================================ */
.tenantfile-rows{background:#14171A;padding:clamp(56px,7vw,92px) 0;}
.tfhdr{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:42px;}
.section-title{color:#8FB6C9;font-size:clamp(28px,3.6vw,40px);max-width:24ch;margin:0;}
.section-title2{color:#8FB6C9;font-size:clamp(26px,3.2vw,36px);}
.section-lede{color:#9AA6AD;max-width:48ch;margin:14px 0 0;}
.file-rows{display:flex;flex-direction:column;gap:14px;}
.file-row{background:#1D2226;border:1px solid #2B3237;border-radius:6px;padding:22px 24px;
  display:grid;grid-template-columns:140px 1fr auto;gap:22px;align-items:center;transition:border-color .2s ease,transform .2s ease;}
.file-row:hover{border-color:#5F92AB;}
.file-unit{display:flex;align-items:center;gap:10px;}
.file-unit .door-tag{width:46px;height:34px;background:#14171A;border:1px solid #5a6872;border-radius:3px;position:relative;
  display:flex;align-items:center;justify-content:center;}
.file-unit .door-tag::after{content:"";position:absolute;right:-5px;top:14px;width:6px;height:2px;background:#C9A24B;}
.file-unit .door-tag span{font-family:Arial,Helvetica,sans-serif;font-size:8.5px;letter-spacing:.5px;color:#ECEEEF;font-weight:700;}
.file-unit .utitle{font-size:14px;}
.file-centre h3{font-size:20px;color:#F4F2EC;margin:0 0 6px;}
.file-centre p{color:#9AA6AD;font-size:15px;margin:0;max-width:74ch;}
.file-pin{text-align:right;font-family:Arial,Helvetica,sans-serif;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;white-space:nowrap;}
.file-pin .pin-ico{display:block;width:12px;height:12px;border-radius:50% 0 50% 50%;margin:0 0 6px auto;transform:rotate(-45deg);}
.file-pin[data-state="occ"].pin-green .pin-ico{background:#6F8F5C;}
.pin-occ .pin-ico{background:#6F8F5C;}
.col-green{color:#6F8F5C;}
.pin-ren .pin-ico{background:#C9A24B;}
.col-brass{color:#C9A24B;}
.pin-turn .pin-ico{background:#B2673F;}
.col-copper{color:#B2673F;}

/* ============================================================
   4. PORTFOLIO METRIC BAND  (#metrics)
   ============================================================ */
.metric-band{background:#242B30;padding:clamp(48px,6vw,76px) 0;}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;}
.metric-cell{text-align:center;padding:0 22px;margin:8px 0;}
.metric-cell:not(:first-child){border-left:1px solid #5F92AB;}
.metric-num{font-family:Arial,Helvetica,sans-serif;font-size:clamp(40px,4.6vw,60px);font-weight:800;color:#8FB6C9;line-height:1;}
.metric-num small{font-size:.55em;color:#8FB6C9;}
.metric-lab{display:block;margin-top:12px;color:#9AA6AD;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;}

/* ============================================================
   5. CORE SERVICE STRIP (short, homepage internal nav)
   ============================================================ */
.core-strip{background:#14171A;padding:clamp(52px,6vw,80px) 0;}
.core-links{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px;}
.core-link{background:#1D2226;border:1px solid #2B3237;border-radius:6px;padding:26px;transition:border-color .2s ease,transform .2s ease;}
.core-link:hover{border-color:#C9A24B;transform:translateY(-3px);}
.core-link .corek{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #5F92AB;color:#8FB6C9;border-radius:50%;font-size:20px;margin-bottom:16px;}
.core-link h3{margin:0 0 8px;font-size:17px;color:#F4F2EC;}
.core-link p{color:#9AA6AD;font-size:14.5px;margin:0;}
.core-link .more{margin-top:14px;color:#C9A24B;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;}
.core-link .more:hover{color:#F4F2EC;text-decoration:none;}

/* ============================================================
   6. FEATURE PANELS (management value series)
   ============================================================ */
.value-band{background:#14171A;padding:clamp(52px,6vw,84px) 0;}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px;}
.value-card{background:#242B30;border:1px solid #2B3237;border-radius:7px;padding:28px;
  font-size:16px;text-align:left;}
.value-card .vc-lock{margin-bottom:16px;}

/* ============================================================
   7. STATEMENT BAND  (.statement-band)
   ============================================================ */
.statement-band{background:#1D2226;border-top:1px solid #2B3237;border-bottom:1px solid #2B3237;padding:clamp(52px,7vw,88px) 0;}
.statement-block{max-width:900px;margin:0 auto;text-align:left;border-left:4px solid #C9A24B;padding-left:30px;}
.statement-block .mark{font-family:Arial,Helvetica,sans-serif;letter-spacing:.28em;color:#C9A24B;text-transform:uppercase;font-size:12px;font-weight:800;margin-bottom:18px;display:block;}
.statement-block blockquote{margin:0;padding:0;}
.statement-block blockquote p{font-family:Georgia,serif;font-size:clamp(24px,3.2vw,36px);line-height:1.4;color:#F4F2EC;margin:0 0 22px;border:none;}
.statement-block .statement-attrib{font-family:Arial,Helvetica,sans-serif;color:#9AA6AD;font-size:14px;letter-spacing:.08em;text-transform:uppercase;}

/* ============================================================
   8. PROCESS ATTRIBUTES + TRUST FOLD  (.attrib-band)
   ============================================================ */
.attrib-band{background:#14171A;padding:clamp(50px,6vw,76px) 0;}
.attrib-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:36px;}
.attrib-item .at-ico{color:#8FB6C9;font-size:22px;margin-bottom:12px;}
.attrib-item h4{margin:0 0 6px;color:#F4F2EC;font-size:16px;}
.attrib-item p{color:#9AA6AD;font-size:14px;margin:0;}

/* ============================================================
   9. CTA BAND  (.cta-band)
   ============================================================ */
.cta-band{background:#0E1113;padding:clamp(56px,7vw,90px) 0;border-top:1px solid #2B3237;}
.cta-band h2{color:#F4F2EC;max-width:30ch;}
.cta-band p.subline{color:#9AA6AD;max-width:52ch;font-size:18px;}
.cta-band .btn{margin-top:14px;}

/* ============================================================
   10. KICKPLATE FOOTER  (.kickplate-footer)
   ============================================================ */
.kickplate-footer{background:#0E1113;color:#9AA6AD;border-top:1px solid #2B3237;position:relative;z-index:1;}
.threshold-strip{height:22px;background:#1D2226;border-bottom:1px solid #3d444b;
  background-image:repeating-linear-gradient(90deg,#5F92AB 0 3px,#39434A 3px 7px);}
.footer-inner{position:relative;z-index:1;padding:clamp(44px,6vw,70px) 0 34px;text-align:center;}
.foot-brand{display:flex;align-items:center;justify-content:center;gap:12px;
  font-family:Arial,Helvetica,sans-serif;font-weight:800;color:#F4F2EC;font-size:20px;letter-spacing:.24em;text-transform:uppercase;margin-bottom:20px;}
.foot-brand .foot-badge{display:inline-flex;margin-right:0;}
.foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-bottom:26px;
  font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;font-size:12px;letter-spacing:.16em;}
.foot-links a{color:#C2C7CA;}
.foot-links a:hover, .foot-links a:hover{color:#C9A24B;}
.footer-key-divider{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 22px;}
.footer-key-divider .footkey{position:relative;width:20px;height:16px;}
.footer-key-divider .footkey::before{content:"\d83d\udd11";display:none;}
.footer-key-divider .dot{width:5px;height:5px;border-radius:50%;background:#5F92AB;}
.footer-key-divider .fk-key{color:#C9A24B;font-size:16px;line-height:1;}
.foot-meta{font-family:Arial,Helvetica,sans-serif;font-size:13px;letter-spacing:.04em;color:#9AA6AD;line-height:1.9;}
.foot-meta a{color:#C2C7CA;}
.foot-meta a:hover{color:#C9A24B;}
.foot-meta .foot-sep{color:#5F92AB;margin:0 8px;}
.foot-legal-row{margin-top:14px;font-size:13px;color:#6B7C85;}
.footer-inner a{color:#8FB6C9;}

/* ============================================================
   SECONDARY PAGE LAYOUT (services & contact share style.css)
   ============================================================ */
.page-header-band{background:#14171A;border-bottom:1px solid #2B3237;padding:clamp(40px,5vw,60px) 0;}
.page-header-band h1{font-size:clamp(34px,4.4vw,50px);max-width:22ch;}
.page-header-band .crumb{font-family:Arial,Helvetica,sans-serif;color:#9AA6AD;font-size:12px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px;}
.page-header-band .crumb a{color:#8FB6C9;}
.main-band{background:#14171A;padding:clamp(46px,6vw,70px) 0;}
.flow-head{display:flex;flex-wrap:wrap;gap:30px;align-items:flex-end;justify-content:space-between;margin-bottom:36px;}
.svc-ai{min-height:0;}
.contact-form-card{max-width:760px;margin:0 auto 0 0;}
.contact-side{max-width:680px;margin:0 0 0 auto;}

/* ============================================================
   SERVICES PAGE — .svc-main / detail tiles / process / checklist
   ============================================================ */
.svc-main{background:#14171A;padding:clamp(14px,0vw,0px) 0 0;}
.service-tile{background:#1D2226;border:1px solid #2B3237;border-left:4px solid #5F92AB;
  border-radius:6px;padding:30px clamp(18px,3vw,34px);margin-bottom:20px;}
.service-tile:nth-of-type(even){border-left-color:#C9A24B;}
.service-tile h3{margin:0 0 10px;font-size:21px;color:#F4F2EC;}
.service-tile .st-line{font-family:Arial,Helvetica,sans-serif;color:#C9A24B;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;}
.service-tile p{color:#C2C7CA;font-size:16.5px;}
.service-tile ul{color:#C2C7CA;}
.service-tile li strong{color:#F4F2EC;}
.svc-section-title{color:#8FB6C9;font-size:clamp(26px,3.2vw,36px);border-top:1px solid #23282d;padding-top:26px;margin:44px 0 16px;}
.process-band{background:#0E1113;border-top:1px solid #2B3237;border-bottom:1px solid #2B3237;padding:clamp(44px,6vw,70px) 0;margin-top:30px;}
.process-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:34px 0 10px;}
.process-steps .ps{background:#1D2226;border:1px solid #2B3237;border-radius:6px;padding:20px 16px;position:relative;}
.process-steps .ps .ps-num{font-family:Arial,Helvetica,sans-serif;font-weight:800;color:#C9A24B;font-size:30px;line-height:1;}
.process-steps .ps h4{margin:10px 0 6px;color:#F4F2EC;font-size:15px;}
.process-steps .ps p{color:#9AA6AD;font-size:14px;margin:0;}

/* ============================================================
   CONTACT PAGE — services-style office fold
   ============================================================ */
.contact-split{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(22px,4vw,54px);align-items:start;}
.contact-block{background:#1D2226;border:1px solid #2B3237;border-radius:6px;padding:26px;}
.contact-block h3{margin:0 0 14px;color:#F4F2EC;font-size:18px;}
.contact-info-list{list-style:none;padding:0;margin:0;}
.contact-info-list li{display:flex;gap:14px;margin-bottom:18px;align-items:flex-start;}
.contact-info-list .ci-ico{flex:none;width:34px;height:34px;border:1px solid #5F92AB;color:#8FB6C9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;}
.contact-info-list .ci-body{font-size:15px;color:#C2C7CA;line-height:1.6;}
.contact-info-list .ci-body strong{display:block;color:#F4F2EC;font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:2px;}
.contact-info-list a{color:#8FB6C9;}
.cform .field{margin-bottom:18px;}
.cform label{display:block;font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.1em;color:#9AA6AD;text-transform:uppercase;margin-bottom:6px;}
.cform input,.cform select,.cform textarea{width:100%;background:#14171A;color:#ECEEEF;border:1px solid #39434A;border-radius:5px;
  padding:12px 14px;font-size:15px;font-family:Arial,Helvetica,sans-serif;}
.cform input:focus,.cform textarea:focus,.cform select:focus{outline:none;border-color:#5F92AB;}
.cform textarea{min-height:150px;resize:vertical;}
.cform .form-feedback{margin-top:6px;font-size:15px;font-family:Arial,Helvetica,sans-serif;}
.biz-hours{list-style:none;padding:0;margin:0;font-size:15px;color:#C2C7CA;}
.biz-hours li{display:flex;justify-content:space-between;border-bottom:1px dotted #2B3237;padding:7px 0;font-family:Arial,Helvetica,sans-serif;}
.biz-hours li b{color:#F4F2EC;}
.biz-hours li b.impt{color:#B2673F;font-weight:700;}
.faq-list .faq-q{width:100%;text-align:left;background:#1D2226;color:#F4F2EC;border:1px solid #2B3237;border-radius:5px;
  cursor:pointer;padding:15px 18px;font-size:16px;font-family:Arial,Helvetica,sans-serif;display:flex;justify-content:space-between;align-items:center;gap:12px;}
.faq-list .faq-q:hover{border-color:#5F92AB;}
.faq-list .faq-q .caret{color:#C9A24B;font-size:18px;transition:transform .2s ease;}
.faq-list .faq-q.open .caret{transform:rotate(180deg);}
.faq-list .faq-a{background:#14171A;border:1px solid #2B3237;border-top:none;border-radius:0 0 5px 5px;
  padding:0 18px;max-height:0;overflow:hidden;transition:max-height .3s ease;color:#C2C7CA;font-size:15.5px;}
.faq-list .faq-a p{padding:14px 0;margin:0;}
.form-note{font-size:13.5px;color:#9AA6AD;}
.form-note a{color:#8FB6C9;}
   RESPONSIVE / MOBILE NAV
   ============================================================ */
@media (max-width:900px){
  .unitboard-hero .herowrap{grid-template-columns:1fr;}
  .unitboard-scene{margin-top:40px;}
  .metric-grid{grid-template-columns:repeat(2,1fr);grid-gap:26px 0;}
  .metric-cell:nth-child(3){border-left:none;}
  .value-grid,.core-links{grid-template-columns:1fr;}
  .attrib-grid{grid-template-columns:repeat(2,1fr);}
  .file-row{grid-template-columns:1fr;}
  .file-unit{justify-content:flex-start;}
  .file-pin{text-align:left;}
  .rent-ledger{position:static;margin-top:20px;right:auto;bottom:auto;}
  .contact-split{grid-template-columns:1fr;}
  .process-steps{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:760px){
  .keyhook-nav .nav-links{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:4px;
    background:#1D2226;border-top:1px solid #2B3237;padding:16px 18px;margin-top:0;}
  .keyhook-nav .nav-links.open{display:flex;}
  .keyhook-nav .nav-links a{margin:6px 0;}
  .keyhook-nav .nav-links a::before{content:"\2022";}
  .nav-toggle{display:inline-block;}
  .keyhook-nav .nav-row{flex-wrap:wrap;}
  .value-grid,.core-links,.attrib-grid{grid-template-columns:1fr;}
}
@media (max-width:560px){
  .unit-tile .ut-top{flex-direction:column-reverse;gap:4px;}
  .hero-ctas .btn{width:100%;}
  .metric-grid{grid-template-columns:1fr 1fr;}
  .process-steps{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion:reduce){
  .fade-up{opacity:1;transform:none;transition:none;}
}