.site-head{position:relative;z-index:40;height:100px}
.site-head-bar{position:absolute;left:0;right:0;top:0}
.site-head.is-pinned .site-head-bar{position:fixed;background:rgba(251,247,241,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);box-shadow:0 10px 30px rgba(120,80,40,.08);transform:translateY(-110%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.site-head.is-pinned.is-shown .site-head-bar{transform:none}
.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.site-head.is-pinned .site-header{height:72px}
.site-header .site-logo{display:block;line-height:0;flex-shrink:0}
.site-header img{height:50px;width:auto}
.site-head.is-pinned .site-header img{height:40px}
.nav{display:flex;align-items:center;gap:clamp(16px,2.2vw,34px);font-weight:600;font-size:17px}
.nav a{text-decoration:none;position:relative;padding:6px 0;white-space:nowrap}
.nav > a::after,.nav-dd-top::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--accent);transition:right .3s}
.nav > a:hover::after,.nav-dd:hover .nav-dd-top::after,.nav-dd:focus-within .nav-dd-top::after{right:0}
.nav .nav-cta{background:var(--ink);color:#fff;padding:12px 22px;border-radius:999px}.nav .nav-cta::after{display:none}.nav .nav-cta:hover{background:var(--accent);color:#fff}
.nav-dd{position:relative}
.nav-dd-top{display:inline-flex;align-items:center;gap:6px}
.nav-dd-top svg{width:16px;height:16px;transition:transform .25s}
.nav-dd:hover .nav-dd-top svg,.nav-dd:focus-within .nav-dd-top svg{transform:rotate(180deg)}
.nav-dd-panel{position:absolute;left:-22px;top:100%;padding-top:14px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s,visibility .2s}
.nav-dd:hover .nav-dd-panel,.nav-dd:focus-within .nav-dd-panel{opacity:1;visibility:visible;transform:none}
.nav-dd-panel ul{list-style:none;margin:0;padding:10px;min-width:330px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 50px rgba(120,80,40,.16)}
.nav-dd-panel a{display:grid;grid-template-columns:44px 1fr auto;align-items:baseline;gap:8px;padding:10px 12px;border-radius:12px;font-size:16px}
.nav-dd-panel a:hover,.nav-dd-panel a:focus-visible{background:var(--creme-2);color:var(--accent-dark)}
.dd-nr{font-family:var(--display);font-size:19px;letter-spacing:.08em;color:var(--dim)}
.dd-cs{font-family:var(--display);font-weight:400;font-size:18px;letter-spacing:.08em;color:var(--accent-dark)}
@media (max-width:1024px){.nav > a:not(.nav-cta),.nav-dd{display:none}.site-header img{height:40px}.site-head.is-pinned .site-header{height:64px}.site-head.is-pinned .site-header img{height:34px}.nav .nav-cta{padding:11px 18px;font-size:16px}}
@media (prefers-reduced-motion: reduce){.site-head-bar,.nav-dd-panel{transition:none}}