/* S. Hülsen Weihnachtsbäume · Version 1.0 */
/* Header */
.header{position:fixed;inset:0 0 auto;z-index:60;padding:14px 0;transition:.25s ease}
.header.scrolled{background:rgba(251,248,241,.91);backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(20,35,29,.08);padding:9px 0}
.nav-wrap{height:64px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(10,42,33,.58);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;padding:8px 10px 8px 16px;color:white;transition:.25s ease}
.header.scrolled .nav-wrap{background:white;border-color:var(--line);color:var(--ink);box-shadow:0 12px 34px rgba(20,35,29,.06)}
.brand{display:flex;align-items:center;gap:11px;min-width:max-content}
.brand-mark{width:44px;height:44px}
.brand-type{display:flex;flex-direction:column;line-height:1}
.brand-type strong{font-family:Georgia,"Times New Roman",serif;font-size:20px;letter-spacing:-.02em}
.brand-type span{margin-top:6px;font-size:9px;letter-spacing:.15em;text-transform:uppercase;opacity:.72;font-weight:800}
.desktop-nav{display:flex;align-items:center;gap:4px}
.desktop-nav a{padding:11px 14px;border-radius:999px;font-size:14px;font-weight:700;transition:.2s ease}
.desktop-nav a:hover{background:rgba(255,255,255,.1)}
.header.scrolled .desktop-nav a:hover{background:#f0f3ef}
.nav-call{background:var(--lime)!important;color:#10291f!important;padding-inline:17px!important}
.menu-btn{display:none;width:46px;height:46px;border:0;border-radius:50%;background:var(--lime);color:var(--forest);align-items:center;justify-content:center;cursor:pointer}
.menu-btn span,.menu-btn span::before,.menu-btn span::after{display:block;width:19px;height:2px;background:currentColor;border-radius:9px;position:relative;transition:.25s ease}
.menu-btn span::before,.menu-btn span::after{content:"";position:absolute;left:0}
.menu-btn span::before{top:-6px}.menu-btn span::after{top:6px}
.menu-btn.open span{background:transparent}.menu-btn.open span::before{top:0;transform:rotate(45deg)}.menu-btn.open span::after{top:0;transform:rotate(-45deg)}

/* Mobile drawer */
.mobile-drawer{position:fixed;z-index:55;inset:0;background:rgba(7,29,23,.96);color:white;padding:112px 24px 28px;display:flex;flex-direction:column;transform:translateY(-105%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.mobile-drawer.open{transform:translateY(0)}
.mobile-drawer a{font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,9vw,52px);padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.mobile-drawer .drawer-bottom{margin-top:auto;display:grid;gap:10px}
.mobile-drawer .drawer-bottom a{font-family:inherit;font-size:16px;border:0;padding:0}