.site-head{
  height:auto;padding:0;border-bottom:1px solid var(--rule);
  background:rgba(247,247,244,.93);backdrop-filter:blur(8px);
  position:sticky;top:0;z-index:40;
}
.head-in{display:flex;align-items:center;gap:26px;height:70px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;margin-right:auto;color:var(--brand)}
.brand-mark{width:30px;height:auto;display:block;flex:none}
.brand-name{
  font-family:var(--display);font-weight:700;font-size:1.28rem;
  font-variation-settings:"SOFT" 20,"WONK" 1;letter-spacing:-.02em;color:var(--ink);
}
.head-nav{display:flex;gap:24px}
.head-nav a{
  text-decoration:none;font-size:.9rem;font-weight:500;color:var(--ink-soft);
  padding-bottom:2px;border-bottom:1.5px solid transparent;
}
.head-nav a:hover{color:var(--ink);border-bottom-color:var(--brand)}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--body);font-size:.95rem;font-weight:600;
  padding:13px 22px;border-radius:var(--r);
  text-decoration:none;cursor:pointer;border:1.5px solid var(--brand);
  transition:transform .12s ease,box-shadow .12s ease,background .12s ease;
}
.btn-primary{background:var(--brand);color:var(--white)}
.btn-primary:hover{background:var(--brand-deep);border-color:var(--brand-deep);transform:translateY(-1px);box-shadow:0 8px 18px -10px rgba(20,113,82,.7)}
.btn-ghost{background:transparent;color:var(--brand)}
.btn-ghost:hover{background:var(--band)}
.btn-sm{padding:9px 16px;font-size:.87rem;border-radius:8px}
.btn-lg{padding:16px 28px;font-size:1.02rem}

.head-in .btn-sm{flex:none;white-space:nowrap}
@media (max-width:1000px){
  .head-in .btn-sm{font-size:.78rem;padding:8px 12px}
}
@media (max-width:760px){
  .head-nav{display:none}
}