/* One shared glass surface travels between the navigation links. */
nav .brand-link{display:flex;align-items:center;flex:0 0 auto;line-height:0}
nav .brand-link img{display:block;width:182px;height:auto}
nav .links{gap:18px}
nav .nav-pills{position:relative;display:flex;align-items:center;gap:2px;isolation:isolate}
nav .nav-pills>a{position:relative;z-index:1;display:block;padding:14px 18px;border-radius:999px;white-space:nowrap;color:#1a433cb0;transition:color .18s ease}
nav .nav-pills>a:hover,nav .nav-pills>a:focus-visible{color:#1A433C}
.nav-glass{position:absolute;z-index:0;left:0;top:0;pointer-events:none;opacity:0;will-change:transform,width;transition:opacity .18s ease}
.nav-glass.is-visible{opacity:1}
.nav-glass.is-moving{transition:transform .46s cubic-bezier(.22,1,.36,1),width .46s cubic-bezier(.22,1,.36,1),height .46s cubic-bezier(.22,1,.36,1),opacity .18s ease}
.nav-glass-surface{display:block;width:100%;height:100%;border-radius:999px;border:1px solid #ffffff;background:linear-gradient(145deg,#ffffff 0%,#ffffff 58%,#ffffffeb 100%);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);box-shadow:0 8px 28px #1a433c24,0 2px 8px #1a433c0f,inset 0 2px 2px #ffffff,inset 0 -1px 3px #1a433c0d}
.hero-summary h1 strong{font-weight:800}
#hero-loop{cursor:pointer}
#hero-loop:focus-visible{outline:3px solid #57BEDB;outline-offset:-6px;border-radius:28px}
@media(max-width:1000px){nav .nav-pills>a{padding:13px 12px}nav .links{gap:12px}nav .brand-link img{width:156px}}
@media(max-width:800px){nav .nav-pills{display:none}nav .brand-link img{width:140px}}
@media(max-width:380px){nav .brand-link img{width:122px}nav{gap:12px}nav .btn{font-size:12px;padding:12px 15px}}
@media(prefers-reduced-motion:reduce){.nav-glass,.nav-glass.is-moving,nav .nav-pills>a{transition:none}.nav-glass-surface{animation:none}}
@media(forced-colors:active){.nav-glass-surface{background:Canvas;border:1px solid Highlight;box-shadow:none}}

/* The privacy story is available from desktop navigation and the phone menu. */
nav .mobile-nav{display:none;position:relative;padding:0;border:0}
nav .mobile-nav summary{list-style:none;cursor:pointer;width:40px;height:40px;display:grid;place-items:center;border:1px solid #1a433c24;border-radius:50%;color:#1A433C}
nav .mobile-nav summary::-webkit-details-marker{display:none}
nav .mobile-nav summary svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
nav .mobile-nav-menu{position:absolute;right:0;top:calc(100% + 14px);padding:10px;min-width:210px;border:1px solid #1a433c12;border-radius:20px;background:#fffefa;box-shadow:0 15px 35px #1a433c14}
nav .mobile-nav-menu a{display:block;padding:12px 14px;border-radius:12px;font-size:15px;color:#1A433C;white-space:nowrap}
nav .mobile-nav-menu a:hover{background:#eef2eb}
@media(min-width:801px) and (max-width:1050px){nav .nav-pills a[href$="#food-club"]{display:none}nav .nav-pills>a{padding-left:10px;padding-right:10px}}
@media(max-width:800px){nav .mobile-nav{display:block}nav .links{gap:10px}}
@media(max-width:480px){nav .brand-link img{width:120px}nav .btn{padding:12px 15px;font-size:12px}nav{gap:10px}}
@media(max-width:360px){nav .brand-link img{width:98px}nav .btn{padding:12px;font-size:11px}nav .mobile-nav summary{width:34px;height:34px}nav .links{gap:7px}}