*{box-sizing:border-box}html,body{margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif;color:#111;background:#fff;line-height:1.55}
a{color:inherit}
.wrap{max-width:1150px;margin:0 auto;padding:0 18px}
.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #eee;z-index:20}
.header-wrap{display:flex;align-items:center;justify-content:space-between;padding:10px 0;gap:12px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo{height:56px;width:auto;object-fit:contain;border-radius:6px}
.brand-text{display:flex;flex-direction:column;font-size:14px}
.brand-text strong{font-size:16px}
.top-nav a{margin-left:10px;text-decoration:none;padding:8px 10px;border-radius:6px}
.top-nav a:hover{background:#f2f2f2}
.btn{display:inline-block;padding:12px 18px;border:1px solid #111;border-radius:10px;text-decoration:none;font-weight:700}
.btn.small{padding:8px 12px}
.btn.primary{background:#111;color:#fff}
.btn.primary:hover{opacity:.92}
.btn.outline{background:transparent}
.btn.ghost{border-color:#ccc;color:#333}
.hero{background:linear-gradient(180deg,#f7f7f7,#fff);padding:70px 0 48px;text-align:center}
.hero h1{font-size:40px;margin:0 0 8px}
.hero p{font-size:18px;margin:0 0 18px}
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:10px}
.cta-row.left{justify-content:flex-start}
.trust{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin:18px 0 0;padding:0;list-style:none;color:#555}
.section{padding:48px 0}
.section.alt{background:#fafafa}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:16px}
.card{background:#fff;border:1px solid #eee;border-radius:12px;padding:16px}
.callout{margin-top:16px;padding:14px 16px;border-left:4px solid #111;background:#f7f7f7;border-radius:8px}
.gallery{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.gallery-item{{display:block;border-radius:10px;overflow:hidden;border:1px solid #eee}}
.gallery img{display:block;width:100%;height:auto}
.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:12px 0 0}
.chips li{padding:6px 10px;border:1px solid #ddd;border-radius:999px;background:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
label{display:flex;flex-direction:column;font-weight:700;font-size:14px}
input,textarea{margin-top:6px;padding:12px 12px;border:1px solid #ccc;border-radius:10px;font:inherit}
.muted{color:#666}
.tiny{font-size:12px}
.site-footer{border-top:1px solid #eee;background:#fff;padding:24px 0;text-align:center}
.sticky-contact{position:fixed;bottom:0;left:0;right:0;display:flex;gap:2px;justify-content:space-between;background:#111;color:#fff}
.sticky-contact a{flex:1;text-align:center;padding:12px 0;color:#fff;text-decoration:none;border-right:1px solid #333}
.sticky-contact a:last-child{border-right:none}
@media (min-width: 900px){.hero h1{font-size:52px}.sticky-contact{display:none}}
/* ===== KRH Header Controls ===== */

/* Header bar */
.krh-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: #000;
  text-align: center;
  border-bottom: 1px solid #111;

  /* 🔧 adjust this for header HEIGHT */
  padding: 0px 0;
}

/* Logo */
.krh-logo {
  display: inline-block;
  height: 180px;
  width: auto;
  object-fit: contain;

  /* 🔧 adjust this for logo SIZE */
  max-height: 160px;
  max-width: 92vw;
}

/* Phone-specific */
@media (max-width: 600px) {
  .krh-logo { max-height: 180px; }
}
/* Fixed header height, independent logo size */
.krh-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: #000;
  text-align: center;
  border-bottom: 1px solid #111;

  /* 🔧 Header bar height stays fixed here */
  height: 160px;        /* change this to control header height */
  display: flex;
  align-items: center;  /* centers logo vertically */
  justify-content: center; /* centers logo horizontally */
}


.krh-logo {
  height: 160px;   /* 🔧 adjust this for logo size */
  width: auto;
  object-fit: contain;
}
