/* Faize Husaini Kenya — the office, version 2 (admin.fhkenya.com). Phone first; the desktop is the same page, wider. */
@font-face{font-family:"CG";src:url(/assets/fonts/poster/cg-bold.ttf) format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:"CG";src:url(/assets/fonts/poster/cg-semibold.ttf) format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"CG";src:url(/assets/fonts/poster/cg-semibold-italic.ttf) format("truetype");font-weight:600;font-style:italic;font-display:swap}
@font-face{font-family:"IN";src:url(/assets/fonts/poster/inter-medium.ttf) format("truetype");font-weight:400 500;font-display:swap}
@font-face{font-family:"IN";src:url(/assets/fonts/poster/inter-semibold.ttf) format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"IN";src:url(/assets/fonts/poster/inter-bold.ttf) format("truetype");font-weight:700;font-display:swap}
:root{--g0:#073522;--g1:#064F2E;--g2:#0B6B3F;--gold:#C9A24D;--cream:#F6F4EE;--ink:#161615;--muted:#5F5E5A;--line:#E5E1D8;--soft:#F0EDE6;--red:#A33A2E;--red-bg:#F7E6E3;--ok-bg:#E8F3EC;--warn-bg:#FBEFD6;--warn:#7A5410;--radius:18px;--shadow:0 6px 18px rgba(7,53,34,.06)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font-family:IN,Inter,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.45;min-height:100dvh;display:flex;flex-direction:column}
a{color:var(--g2)}
h1,h2,h3{margin:0;font-family:CG,"Cormorant Garamond",Georgia,serif;font-weight:700;line-height:1.05}
.hd{background:var(--g0);color:#FBF8F2;padding:calc(18px + env(safe-area-inset-top)) 18px 16px;display:flex;align-items:center;gap:12px}
.hd__t{flex:1;min-width:0}.hd__k{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#C9E3D3}
.hd h1{font-size:30px}.hd__s{font-size:12.5px;color:#C9E3D3;margin-top:2px}
.hd__back{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.14);color:#FBF8F2;display:flex;align-items:center;justify-content:center;text-decoration:none;flex-shrink:0}
.av{width:42px;height:42px;border-radius:50%;background:var(--gold);color:var(--g0);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;text-decoration:none}
main{flex:1;padding:14px 16px calc(92px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;width:100%;max-width:720px;margin:0 auto}
.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.card--link{text-decoration:none;color:inherit}
.card--quiet{background:transparent;box-shadow:none;padding:4px 2px}
.row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.k{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.t{font-size:16px;font-weight:700}.s{font-size:12.5px;color:var(--muted)}
.chip{display:inline-block;border-radius:100px;padding:4px 10px;font-size:12px;font-weight:700;white-space:nowrap}
.chip--ok{background:var(--ok-bg);color:var(--g1)}.chip--warn{background:var(--warn-bg);color:var(--warn)}.chip--muted{background:var(--soft);color:var(--muted)}.chip--red{background:var(--red-bg);color:#8C2E24}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.stat{background:#fff;border-radius:14px;padding:12px 10px;box-shadow:var(--shadow)}.stat b{display:block;font-size:18px;color:var(--g1);line-height:1}.stat small{font-size:11px;color:var(--muted)}
.btn{display:flex;align-items:center;justify-content:center;height:52px;border-radius:100px;background:var(--g2);color:#fff;border:0;font:inherit;font-size:16px;font-weight:700;text-decoration:none;padding:0 20px;cursor:pointer;width:100%}
.btn--line{background:#fff;color:var(--g2);border:2px solid var(--g2)}.btn--red{background:#fff;color:var(--red);border:2px solid var(--red)}.btn--gold{background:var(--gold);color:var(--g0)}
.btn--sm{height:40px;font-size:14px;padding:0 14px;width:auto}
.btn svg{width:20px;height:20px;flex-shrink:0}
[hidden]{display:none!important}
.btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.msg{background:var(--ok-bg);color:var(--g1);border-radius:14px;padding:12px 14px;font-weight:600}.msg--err{background:var(--red-bg);color:#8C2E24}
label.f{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;color:#4A4A47}
.f input,.f select,.f textarea{height:46px;border:1.5px solid var(--line);border-radius:12px;padding:0 12px;font:inherit;font-size:16px;color:var(--ink);background:#fff;width:100%}
.f textarea{height:auto;min-height:96px;padding:10px 12px;line-height:1.4}
.f input:focus,.f select:focus,.f textarea:focus{outline:2px solid var(--g2);outline-offset:1px;border-color:var(--g2)}
.f small{font-weight:400;color:var(--muted);font-size:12px}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.check{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;padding:6px 0}.check input{width:22px;height:22px;accent-color:var(--g2)}
.sw{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--soft)}
.contact{display:grid;grid-template-columns:96px 1fr 1fr;gap:6px}
details.sec{border-top:1px solid var(--soft);padding-top:8px}details.sec summary{cursor:pointer;font-weight:700;font-size:14px;color:var(--g1);padding:6px 0;list-style:none;display:flex;justify-content:space-between}details.sec summary::-webkit-details-marker{display:none}details.sec summary:after{content:"+";color:var(--muted)}details.sec[open] summary:after{content:"–"}
details.sec>div{display:flex;flex-direction:column;gap:10px;padding:6px 0 4px}
.poster{border-radius:14px;overflow:hidden;background:var(--soft);box-shadow:var(--shadow);position:relative}.poster img{display:block;width:100%;height:auto}
.poster--wait{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px;text-align:center;padding:20px}
.kv{display:grid;grid-template-columns:118px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--soft);font-size:13.5px}.kv:last-child{border-bottom:0}.kv div:first-child{color:var(--muted)}.kv div:last-child{font-weight:600;word-break:break-word}
.nav{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:5}
.nav a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;font-weight:600;color:var(--muted);text-decoration:none;padding:4px 0}
.nav a svg{width:24px;height:24px}.nav a.is-on{color:var(--g1)}.nav a.is-soon{opacity:.45}
.door{max-width:420px;margin:0 auto;width:100%;padding:28px 20px 40px;display:flex;flex-direction:column;gap:14px;flex:1;justify-content:center}
.door__brand{display:flex;align-items:center;gap:12px}.door__brand img{width:56px;height:56px;border-radius:50%}
.door h1{font-size:34px}.door .lede{margin:0;color:var(--muted)}
.digits input{letter-spacing:.35em;text-align:center;font-size:22px;font-weight:700;font-family:ui-monospace,Menlo,monospace}
.small{font-size:12.5px;color:var(--muted)}
.list{display:flex;flex-direction:column;gap:10px}
.hint{font-size:12.5px;color:var(--muted);text-align:center}
.tag{display:inline-block;background:var(--soft);border-radius:8px;padding:2px 8px;font-size:12px;font-weight:600;color:var(--muted)}
.wrap{word-break:break-all}
@media (min-width:720px){.hd{padding-left:24px;padding-right:24px}main{padding-left:24px;padding-right:24px}.nav{max-width:720px;margin:0 auto;border-radius:18px 18px 0 0;border:1px solid var(--line);border-bottom:0}}
@media (min-width:1000px){main{max-width:960px}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.two>.col-p{grid-column:2;grid-row:1/span 2}.two>.col-b{grid-column:1}}
