/* BricksandRoof shared site header and footer links (v2, 2026-10-12) */
html{scroll-padding-top:120px}
header.brh{position:sticky;top:0;z-index:1000;background:#0f2647;color:#fff;box-shadow:0 2px 12px rgba(0,0,0,.18);font-family:'Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;line-height:1.2;text-align:left}
header.brh *{box-sizing:border-box}
.brh-in{max-width:1180px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:12px}
.brh-logo{display:block;flex:0 0 auto}
.brh-logo img{height:44px;width:auto;display:block}
.brh-nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.brh-nav a,.brh-dd-b{color:#fff;text-decoration:none;font-family:inherit;font-size:14px;font-weight:500;padding:8px 10px;border-radius:6px;white-space:nowrap;background:none;border:0;cursor:pointer;line-height:1.2}
.brh-nav a:hover,.brh-dd-b:hover{color:#ddc07f}
.brh-nav a.on,.brh-dd.on>.brh-dd-b{color:#c8a24a}
.brh-dd{position:relative}
.brh-dd-b span{font-size:11px;opacity:.8}
.brh-menu{display:none;position:absolute;top:100%;left:0;min-width:250px;background:#0f2647;border:1px solid rgba(200,162,74,.35);border-radius:8px;box-shadow:0 12px 24px rgba(0,0,0,.3);padding:8px}
.brh-menu a{display:block;padding:8px 10px;font-size:14px}
.brh-menu a:hover{background:rgba(255,255,255,.07)}
.brh-menu h5{margin:8px 10px 4px;color:#ddc07f;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.brh-menu h5:first-child{margin-top:4px}
.brh-dd.open .brh-menu{display:block}
@media(min-width:1021px){.brh-dd:hover .brh-menu,.brh-dd:focus-within .brh-menu{display:block}}
.brh-nav a.brh-cta{background:#25D366;color:#fff;font-weight:600;padding:9px 16px;border-radius:999px;margin-left:8px}
.brh-nav a.brh-cta:hover{color:#fff;filter:brightness(1.08)}
.brh-tel{display:none;color:#fff;text-decoration:none;font-size:14px;font-weight:600;border:1px solid rgba(255,255,255,.35);border-radius:6px;padding:10px 12px;margin-left:auto}
.brh-tog{display:none;background:none;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:6px;width:42px;height:38px;font-size:20px;line-height:1;cursor:pointer}
.brh-sub{background:#17325c;border-top:1px solid rgba(255,255,255,.08)}
.brh-sub-in{max-width:1180px;margin:0 auto;padding:0 16px;display:flex;gap:2px;overflow-x:auto;white-space:nowrap}
.brh-sub a{color:#ddc07f;text-decoration:none;font-size:13px;padding:9px 10px;display:block}
.brh-sub a:hover{color:#fff}
@media(max-width:1020px){
.brh-tel{display:block}
.brh-tog{display:block}
.brh-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#0f2647;flex-direction:column;align-items:stretch;gap:0;padding:6px 16px 16px;box-shadow:0 10px 20px rgba(0,0,0,.25);margin-left:0;max-height:calc(100vh - 70px);overflow-y:auto}
header.brh.open .brh-nav{display:flex}
.brh-nav a,.brh-dd-b{padding:12px 6px;font-size:15px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;width:100%;border-radius:0}
.brh-menu{position:static;min-width:0;border:0;box-shadow:none;background:transparent;padding:0 0 6px 12px}
.brh-menu a{font-size:14px;padding:10px 6px}
.brh-nav a.brh-cta{margin:12px 0 0;text-align:center;border-bottom:0;border-radius:999px;width:100%}
}
.brf{background:#0a1a33;color:#fff;font-family:'Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;padding:30px 16px 22px;border-top:3px solid #c8a24a;text-align:left}
.brf *{box-sizing:border-box}
.brf-in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}
.brf h4{margin:0 0 10px;color:#ddc07f;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.brf a{display:block;color:#e8e4da;text-decoration:none;font-size:14px;padding:4px 0;line-height:1.35}
.brf a:hover{color:#ddc07f}