.header{position:absolute;z-index:50;left:0;right:0;color:white;border-bottom:1px solid rgba(255,255,255,.25)}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.logo{font-family:Georgia,serif;font-size:24px;letter-spacing:.08em}
.menu{display:flex;align-items:center;gap:28px;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.menu a{white-space:nowrap}
.nav-dropdown{position:relative;height:82px;display:flex;align-items:center}
.nav-parent{display:inline-flex;align-items:center;gap:7px;height:100%}
.arrow{font-size:14px;line-height:1;transition:transform .2s}
.dropdown-panel{position:absolute;top:68px;left:-18px;min-width:235px;padding:10px 0;background:rgba(255,253,248,.98);border:1px solid rgba(0,0,0,.08);box-shadow:0 16px 35px rgba(0,0,0,.12);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s}
.dropdown-panel a{display:block;padding:11px 20px;color:var(--ink);font-size:11px;letter-spacing:.09em}
.dropdown-panel a:hover{background:var(--ivory);color:var(--green)}
.nav-dropdown:hover .dropdown-panel,.nav-dropdown:focus-within .dropdown-panel{opacity:1;visibility:visible;transform:translateY(0)}
.nav-dropdown:hover .arrow,.nav-dropdown:focus-within .arrow{transform:rotate(180deg)}
.mobile-toggle{display:none;background:none;border:0;color:white;font-size:25px;cursor:pointer}