/* Shared ARCA navigation for Dear, without storefront JS. */
.arca-nav{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px clamp(20px,4vw,64px);color:inherit;font-family:"Avenir Next","Segoe UI",Arial,sans-serif}
.arca-nav a{color:inherit;text-decoration:none}
.arca-nav .arca-brand{font-family:Georgia,serif;font-size:30px;letter-spacing:-2px;white-space:nowrap}
.arca-brand span{display:inline-block;transform:rotate(-7deg);color:#d8a4a9}
.arca-brand sup{font-family:Arial,sans-serif;font-size:9px;letter-spacing:1px;vertical-align:top;position:relative;top:7px;margin-left:3px}
.arca-nav nav{display:flex;align-items:center;gap:clamp(14px,3vw,36px);font-size:12px}
.arca-nav nav a{padding:10px 0;border-bottom:1px solid transparent}
.arca-nav nav a:hover,.arca-nav nav a[aria-current]{border-color:currentColor}
.arca-nav a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:600px){.arca-nav{padding:12px 16px;gap:12px}.arca-nav nav{font-size:11px;gap:12px}.arca-nav .arca-brand{font-size:26px}}