/* Shared navigation, with a floating compact menu below the tablet breakpoint. */
header{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:28px;min-height:78px;padding:14px 4%;background:#faf9f6;border-bottom:1px solid var(--line)}
header .identity{font-family:var(--font-heading);font-size:21px;font-weight:400;-webkit-text-stroke:0.15px currentColor;line-height:1.35;color:#934d45;text-decoration:none;white-space:nowrap}header .identity span:last-child{font-style:italic}
header #nav{display:flex;align-items:center;gap:28px;font-family:var(--font-reading);font-size:18px;font-weight:400;line-height:1.5}header #nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;white-space:nowrap}header #nav a:hover{color:var(--terra)}header #nav a[aria-current]{text-decoration:underline;text-decoration-color:var(--terra);text-underline-offset:7px}header .nav-buy{border:1px solid var(--green);border-radius:26px;padding:9px 18px}header .nav-buy:hover{background:var(--green);color:white!important}header .menu{display:none}
@media(max-width:1100px){header{gap:16px;padding:12px 24px;min-height:74px}header .identity{font-size:20px;white-space:normal}header .identity span{display:block}header .menu{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #bdc3b9;border-radius:24px;background:transparent;color:var(--ink);font-family:var(--font-reading);font-size:17px;cursor:pointer}header .menu-icon{position:relative;width:18px;height:12px;border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor}header .menu-icon:after{content:"";position:absolute;left:0;right:0;top:4px;border-top:1.5px solid currentColor}header .menu[aria-expanded=true] .menu-icon{border:0}header .menu[aria-expanded=true] .menu-icon:before,header .menu[aria-expanded=true] .menu-icon:after{content:"";position:absolute;left:0;right:0;top:5px;border-top:1.5px solid currentColor;transform:rotate(45deg)}header .menu[aria-expanded=true] .menu-icon:after{transform:rotate(-45deg)}header #nav{display:none;position:absolute;right:24px;top:calc(100% + 8px);width:310px;max-width:calc(100vw - 32px);padding:12px;flex-direction:column;align-items:stretch;gap:2px;background:#faf9f6;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 35px #293c3026;max-height:calc(100dvh - 110px);overflow-y:auto;font-size:18px}header #nav.open{display:flex}header #nav a{min-height:48px;padding:10px 14px;border-radius:4px;white-space:normal}header #nav a:hover,header #nav a[aria-current]{background:#e8ece3}header #nav .nav-buy{justify-content:center;margin-top:8px;border-radius:24px}}
@media(max-width:480px){header{padding:10px 18px;min-height:70px}header .identity{font-size:19px}header #nav{right:16px}}