:root{
  --hk-accent:#c6a56a;
  --hk-dark:#111111;
  --hk-dark-2:#1b1b1b;
  --hk-light:#f8f5ef;
  --hk-text:#222222;
  --hk-white:#ffffff;
  --hk-border:rgba(0,0,0,.08);
  --hk-shadow:0 20px 60px rgba(0,0,0,.08);
  --hk-radius:18px;
  --hk-container:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--hk-text);
  background:#fff;
  font-family:Arial, Helvetica, sans-serif;
  line-height:1.7;
}

a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.hk-container{width:min(var(--hk-container),calc(100% - 32px));margin-inline:auto}

.hk-topbar{
  background:var(--hk-dark);
  color:#d8d8d8;
  font-size:14px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.hk-topbar-inner{
  min-height:48px;
  display:flex;
  gap:16px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  padding:8px 0;
}
.hk-topbar-right{display:flex;gap:18px;flex-wrap:wrap}
.hk-topbar a:hover{color:var(--hk-accent)}

.hk-header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(17,17,17,.96);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.hk-header-inner{
  min-height:92px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.hk-site-title{
  color:#fff;
  font-size:30px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.hk-site-tagline{margin:6px 0 0;color:#bbb;font-size:13px}
.custom-logo{max-height:76px;width:auto}

.hk-menu{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  gap:24px;
  flex-wrap:wrap;
  align-items:center;
}
.hk-menu a{
  color:#fff;
  font-size:14px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  position:relative;
  padding:8px 0;
}
.hk-menu a:hover,
.hk-menu .current-menu-item > a{color:var(--hk-accent)}

.hk-hero{
  position:relative;
  min-height:76vh;
  background:
    linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.55)),
    radial-gradient(circle at center, rgba(198,165,106,.18), rgba(0,0,0,0) 45%),
    url('') center/cover no-repeat,
    #222;
  display:flex;
  align-items:center;
  overflow:hidden;
}
.hk-hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to right, rgba(0,0,0,.70), rgba(0,0,0,.30));
}
.hk-hero-content{
  position:relative;
  z-index:1;
  color:#fff;
  padding:110px 0;
  max-width:840px;
}
.hk-hero-kicker,
.hk-section-kicker{
  display:inline-block;
  color:var(--hk-accent);
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-size:12px;
  margin-bottom:14px;
}
.hk-hero h1{
  margin:0 0 18px;
  font-size:clamp(36px,7vw,72px);
  line-height:1.05;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.hk-hero-subtitle{
  margin:0 0 28px;
  font-size:clamp(18px,2vw,24px);
  color:#efefef;
}

.hk-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:52px;
  padding:0 24px;
  border-radius:999px;
  background:var(--hk-accent);
  color:#111;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
  box-shadow:var(--hk-shadow);
}
.hk-button:hover{transform:translateY(-1px)}

.hk-section{padding:90px 0}
.hk-grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:32px}
.hk-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.hk-card{
  background:#fff;
  border:1px solid var(--hk-border);
  border-radius:var(--hk-radius);
  box-shadow:var(--hk-shadow);
  padding:28px;
}
.hk-card-dark{
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.08);
  color:#f3f3f3;
  box-shadow:none;
}
.hk-card h3{margin-top:0}
.hk-link{font-weight:700;color:var(--hk-accent)}

.hk-dark{
  background:linear-gradient(180deg,var(--hk-dark),var(--hk-dark-2));
  color:#fff;
}

.hk-cta-panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:38px;
  border-radius:var(--hk-radius);
  background:var(--hk-light);
  border:1px solid var(--hk-border);
}

.hk-page-header{
  margin-bottom:28px;
}
.hk-page-header h1{font-size:clamp(30px,5vw,52px);line-height:1.1;margin:0}
.hk-entry-content > *:first-child{margin-top:0}
.hk-entry-content a{color:var(--hk-accent)}

.hk-post-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.hk-post-card h2{
  font-size:24px;
  line-height:1.2;
  margin:18px 0 12px;
}

.hk-footer{
  background:#0e0e0e;
  color:#f0f0f0;
  margin-top:80px;
}
.hk-footer-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:32px;
  padding:70px 0 40px;
}
.hk-footer-heading{
  margin-top:0;
  color:var(--hk-accent);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:15px;
}
.hk-footer a:hover{color:var(--hk-accent)}
.hk-subfooter{
  border-top:1px solid rgba(255,255,255,.08);
  padding:18px 0;
  color:#bbb;
  font-size:14px;
}
.hk-subfooter-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}
.hk-footer-menu{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin:0;
  padding:0;
}

.elementor-page .hk-page-header{display:none}

@media (max-width: 980px){
  .hk-grid-2,
  .hk-grid-3,
  .hk-post-grid,
  .hk-footer-grid{grid-template-columns:1fr}
  .hk-header-inner,
  .hk-cta-panel{flex-direction:column;align-items:flex-start}
  .hk-nav{width:100%}
  .hk-menu{gap:14px}
}

@media (max-width: 640px){
  .hk-topbar-inner{justify-content:center}
  .hk-header-inner{min-height:80px;padding:12px 0}
  .hk-hero{min-height:68vh}
  .hk-section{padding:70px 0}
  .hk-cta-panel{padding:26px}
}