.hb-main{display:block;outline:none}
.hb-skip-link{position:absolute;left:12px;top:-60px;z-index:1000;padding:10px 16px;background:var(--bronze-500);color:#fff;font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;border-radius:var(--radius-md);transition:top var(--dur-fast)}
.hb-skip-link:focus{top:12px;color:#fff} .hb-header{
position:fixed;top:0;left:0;right:0;z-index:var(--z-header);
background:transparent;border-bottom:1px solid transparent;
transition:background var(--dur-normal) var(--ease-standard),backdrop-filter var(--dur-normal) var(--ease-standard),border-color var(--dur-normal) var(--ease-standard);
}
.hb-header[data-scrolled],
body.hb-nav-open .hb-header{
background:rgba(24,23,23,.78);
-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
border-bottom-color:rgba(206,205,205,.12);
}
body.hb-nav-open .hb-header{background:var(--ink-950)}
.admin-bar .hb-header{top:32px}
@media(max-width:782px){.admin-bar .hb-header{top:46px}}
.hb-header__inner{display:flex;align-items:center;justify-content:space-between;height:var(--hb-header-h)}
.hb-header__logo{display:flex;align-items:center}
.hb-header__logo img{height:62px;width:auto;display:block}
.hb-header__right{display:flex;align-items:center;gap:28px}
.hb-header__nav{display:flex;align-items:center;gap:32px}
.hb-navlink{
font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;
color:var(--ink-200);transition:color var(--dur-fast) var(--ease-standard);
}
.hb-navlink:hover,.hb-navlink[aria-current]{color:var(--bronze-300)}
.hb-hdr-icons{display:flex;align-items:center;gap:2px}
.hb-hdr-icon{
width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;
border-radius:var(--radius-md);color:var(--ink-200);text-decoration:none;
transition:color var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard);
}
.hb-hdr-icon:hover{color:var(--bronze-300);background:rgba(255,255,255,.07)}
.hb-hdr-sep{width:1px;height:18px;background:rgba(206,205,205,.24);margin:0 8px}
.hb-header__cta{
display:inline-flex;align-items:center;gap:9px;padding:11px 20px;
font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;
color:var(--ink-100);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);text-decoration:none;
transition:border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard);
}
.hb-header__cta:hover{border-color:var(--bronze-400);color:var(--bronze-300)}
.hb-burger{
display:none;width:44px;height:44px;margin-right:-8px;padding:0;
align-items:center;justify-content:center;
background:none;border:0;border-radius:var(--radius-md);color:var(--ink-100);cursor:pointer;
}
.hb-burger:hover{color:var(--bronze-300)}
.hb-burger__close{display:none}
.hb-burger[aria-expanded="true"] .hb-burger__open{display:none}
.hb-burger[aria-expanded="true"] .hb-burger__close{display:block} @media(max-width:1200px) and (min-width:981px){
.hb-hdr-social,.hb-hdr-sep{display:none!important}
.hb-header__nav{gap:26px}
}
@media(max-width:1080px) and (min-width:981px){.hb-hdr-icons{display:none!important}}
@media(max-width:980px){
.hb-header__nav,.hb-header__cta{display:none}
.hb-header__right{gap:8px}
.hb-hdr-social,.hb-hdr-sep{display:none}
.hb-burger{display:inline-flex}
}
@media(max-width:600px){
:root{--hb-header-h:70px}
.hb-header__logo img{height:50px}
} .hb-mobile-nav{
position:fixed;inset:var(--hb-header-h) 0 0 0;z-index:calc(var(--z-header) - 1);
background:var(--ink-950);overflow-y:auto;overscroll-behavior:contain;
animation:hbNavIn .28s var(--ease-out);
}
.admin-bar .hb-mobile-nav{top:calc(var(--hb-header-h) + 32px)}
@media(max-width:782px){.admin-bar .hb-mobile-nav{top:calc(var(--hb-header-h) + 46px)}}
@keyframes hbNavIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.hb-mobile-nav{animation:none}}
body.hb-nav-open{overflow:hidden}
.hb-mobile-nav__inner{display:flex;flex-direction:column;gap:32px;padding-block:28px 48px}
.hb-mobile-nav__links{display:flex;flex-direction:column;border-top:1px solid rgba(206,205,205,.12)}
.hb-mobile-nav__link{
display:block;padding:18px 0;border-bottom:1px solid rgba(206,205,205,.12);
font-family:var(--font-display);font-weight:700;font-size:clamp(1.3rem,5vw,1.7rem);line-height:1.1;
letter-spacing:.01em;text-transform:uppercase;color:var(--ink-50);text-decoration:none;
}
.hb-mobile-nav__link:hover,.hb-mobile-nav__link[aria-current]{color:var(--bronze-300)}
.hb-mobile-nav__cta{align-self:flex-start}
.hb-mobile-nav__contact{display:flex;flex-direction:column;gap:14px}
.hb-mobile-nav__contact a{display:inline-flex;align-items:center;gap:12px;font-size:15px;color:var(--ink-200);word-break:break-all}
.hb-mobile-nav__contact a svg{color:var(--bronze-400);flex:none}
.hb-mobile-nav__contact a:hover{color:var(--bronze-300)}
.hb-mobile-nav .hb-social__link{color:var(--ink-100);border-color:rgba(206,205,205,.2)}
.hb-mobile-nav .hb-social__link:hover{color:var(--bronze-300);border-color:var(--bronze-400)}
@media(min-width:981px){.hb-mobile-nav{display:none!important}} .hb-footer{background:var(--ink-950);padding-top:clamp(3rem,5vw,4.5rem);color:var(--ink-300)}
.hb-footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.4fr;gap:40px}
.hb-footer__logo{height:46px;width:auto;margin-bottom:20px;display:block}
.hb-footer__claim{font-size:14px;line-height:1.6;color:var(--ink-400);margin:0 0 22px;max-width:34ch}
.hb-social--footer .hb-social__link{width:38px;height:38px;border-color:rgba(206,205,205,.2);color:var(--ink-100)}
.hb-social--footer .hb-social__link:hover{border-color:var(--bronze-400);color:var(--bronze-300)}
.hb-footer__title{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze-400);margin-bottom:16px}
.hb-link-muted{color:var(--ink-300);transition:color var(--dur-fast) var(--ease-standard)}
.hb-link-muted:hover{color:var(--bronze-300)}
.hb-footer__link{display:block;padding:5px 0;font-size:14px;text-decoration:none}
.hb-footer__contact{display:flex;align-items:center;gap:10px;font-size:14px;text-decoration:none;margin-bottom:10px;word-break:break-all}
.hb-footer__contact svg{color:var(--bronze-400);flex:none}
.hb-footer__address{align-items:flex-start;color:var(--ink-300);word-break:normal}
.hb-footer__address svg{margin-top:2px}
.hb-footer__bottom{
display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
border-top:1px solid rgba(206,205,205,.12);margin-top:44px;padding:22px 0 30px;
font-family:var(--font-mono);font-size:12px;color:var(--ink-500);
}
.hb-footer__legal{display:flex;gap:22px}
.hb-footer__legal-link{color:var(--ink-400);text-decoration:none}
.hb-footer__legal-link:hover{color:var(--bronze-300)}
@media(max-width:980px){.hb-footer__grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.hb-footer__grid{grid-template-columns:1fr}} .hb-page-head{
position:relative;overflow:hidden;
background:linear-gradient(180deg,#1c1a19 0%,#232120 60%,#2b2b2b 100%);
padding:calc(var(--hb-header-h) + clamp(3rem,6vw,5rem)) 0 clamp(2.5rem,5vw,4rem);
}
.hb-page-head::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 80% at 85% 0%,rgba(176,122,97,.2) 0%,rgba(176,122,97,0) 62%);pointer-events:none}
.hb-page-head .hb-wrap{position:relative;z-index:1}
.hb-page-head__mark{position:absolute;right:-40px;bottom:-40px;width:clamp(160px,20vw,260px);opacity:.35;pointer-events:none}
.hb-page-head__title{
font-family:var(--font-display);font-weight:700;font-size:clamp(1.9rem,4vw,3.2rem);line-height:1.04;
letter-spacing:.01em;text-transform:uppercase;color:var(--ink-50);margin:0;max-width:22ch;
}
.hb-page-head__lead{font-size:var(--text-md);line-height:1.6;color:var(--ink-300);max-width:52ch;margin:22px 0 0}
.hb-page-head__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.hb-page-head--404{min-height:clamp(520px,78vh,720px);display:flex;align-items:center}
.hb-page-head--404 .hb-wrap{width:100%}
.hb-page-head--404 .hb-btn--outline{color:var(--ink-100)}
.hb-page-body{background:var(--paper);padding-block:clamp(3rem,6vw,5.5rem)}
.hb-teaser + .hb-teaser{margin-top:2.5em;padding-top:2.5em;border-top:1px solid var(--color-border)}