/* Approved ribbon navigation, with strong readable menu typography. */
.site-nav{width:calc(100% - 48px);max-width:1160px;margin:0 auto;background:var(--brand);border:0;border-radius:2px;isolation:isolate}
.site-nav::before,.site-nav::after{content:'';position:absolute;top:8px;bottom:-5px;width:25px;background:var(--brand-dark);z-index:-1;pointer-events:none}
.site-nav::before{left:-17px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,25% 50%)}
.site-nav::after{right:-17px;clip-path:polygon(0 0,100% 0,75% 50%,100% 100%,0 100%)}
.nav-inner{position:relative;min-height:74px;gap:40px;padding:12px 38px 12px 100px}
.nav-inner::before{content:'';position:absolute;left:14px;top:50%;transform:translateY(-50%);width:78px;height:64px;background:url('gift-bow-cocoa.webp') center/contain no-repeat;pointer-events:none}
.nav-inner>a,.nav-group summary{color:var(--on-brand);font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.5;font-weight:700;padding:10px 0}
.nav-inner>[aria-current]{color:var(--on-brand);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:9px}
.nav-inner>a:hover,.nav-group summary:hover{color:var(--on-brand)}
.nav-inner>a:focus-visible,.nav-group summary:focus-visible{outline-color:#f3d5bc}
.dropdown{border-color:var(--line);border-top:3px solid #b99258;top:calc(100% + 2px)}
.dropdown a{font-family:var(--sans);font-size:15px;font-weight:600;color:var(--brand)}
.dropdown a:hover,.dropdown a:focus{background:var(--soft);color:var(--brand-dark)}
@media(max-width:1000px){.nav-inner{gap:26px;padding-right:22px;padding-left:88px}.nav-inner>a,.nav-group summary{font-size:17px}.nav-inner::before{left:10px;width:68px}}
@media(max-width:800px){.site-nav{width:calc(100% - 36px)}.nav-inner{gap:12px 22px;padding:12px 20px 12px 70px;flex-wrap:wrap;justify-content:center}.nav-inner::before{left:7px;width:56px}.nav-inner>a,.nav-group summary{font-size:16px}}
@media(max-width:560px){.site-nav{width:calc(100% - 28px)}.site-nav::before{left:-9px;width:16px}.site-nav::after{right:-9px;width:16px}.nav-inner{justify-content:flex-start;gap:8px 12px;min-height:88px;padding:12px 10px 12px 52px}.nav-inner::before{left:4px;width:46px;top:33px;height:40px}.nav-inner>a,.nav-group summary{font-size:15px;padding:6px 0}.dropdown{min-width:200px;left:-48px}.nav-group:nth-of-type(3) .dropdown{left:auto;right:0}.nav-group summary{gap:8px}}

@media(max-width:560px){.nav-group{position:static}.dropdown,.nav-group:nth-of-type(3) .dropdown{left:10px;right:10px;top:100%;min-width:0}}
