.main-nav{display:block;overflow:visible;position:relative;z-index:20;padding:0 4%;letter-spacing:.028875em}
.nav-list,.nav-options{list-style:none;padding:0;margin:0}
.nav-list{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:clamp(22px,3vw,50px)}
.main-nav .nav-item{position:relative;display:flex;align-items:center;min-width:0}
.main-nav .nav-trigger{display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.065em;font-size:14px;font-weight:400;padding:19px 0;line-height:1.6;white-space:nowrap;transition:color .3s}
.main-nav .nav-story{margin-left:10px}
.main-nav .nav-trigger[aria-expanded=true]{color:var(--wine)}
.nav-dropdown{border-radius:4px;overflow:hidden;position:absolute;left:-22px;top:100%;width:245px;display:grid;grid-template-rows:0fr;background:rgb(255 255 255 / .2);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-top:1px solid #5c012040;box-shadow:0 13px 30px #2b122015;opacity:0;visibility:hidden;transform:translateY(-5px);transition:grid-template-rows 1.3s cubic-bezier(.25,.46,.45,.94),opacity .85s ease,transform 1.3s cubic-bezier(.25,.46,.45,.94),visibility 0s linear 1.3s}
.nav-dropdown-inner{overflow:hidden;min-height:0}
.nav-options{padding:16px 0 19px}
.main-nav .nav-options a{display:block;padding:10px 23px;line-height:1.5;font-size:14px;letter-spacing:.015em;white-space:normal;transition:background .25s,color .25s}
.main-nav .nav-options a:hover,.main-nav .nav-options a:focus-visible{background:#f7f3f5;color:var(--wine)}
.main-nav .nav-all{border-bottom:1px solid #e4dadd;margin-bottom:7px;padding-bottom:7px}
.main-nav .nav-all a{font-size:12px}
.main-nav .nav-trigger.current-category,.main-nav .nav-options a[aria-current=page]{color:var(--wine)}
.main-nav .nav-options a[aria-current=page]{background:#f7f3f5}
.nav-disclosure.is-open .nav-dropdown{grid-template-rows:1fr;opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s}
.main-nav .nav-disclosure:nth-last-child(-n+2) .nav-dropdown{left:auto;right:-22px}
.header-actions{gap:20px}
.header-actions button{min-width:35px;min-height:35px}
.header-actions svg{width:27px;height:27px;stroke-width:1.05;stroke-linecap:round;stroke-linejoin:round;color:#575253}
.header-actions .bag-button{gap:5px}
.bag-button span{font-size:11px;color:#77656c;align-self:flex-end;margin-bottom:5px}
@media(max-width:1100px){.nav-list{gap:24px;flex-wrap:wrap}.main-nav .nav-trigger{font-size:13px;padding:15px 0}}
@media(max-width:720px){.main-nav .nav-trigger{letter-spacing:.028875em}.main-nav{padding:0 5%;overflow:visible}.nav-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 11px}.main-nav .nav-item{justify-content:center}.main-nav .nav-trigger{font-size:13px;padding:13px 0;white-space:normal;text-align:center;min-height:55px;width:100%}.main-nav .nav-story{margin-left:0}.nav-dropdown{width:min(270px,calc(100vw - 32px));left:0}.main-nav .nav-disclosure:nth-child(3n+2) .nav-dropdown{left:50%;right:auto;transform:translate(-50%,-5px)}.main-nav .nav-disclosure:nth-child(3n) .nav-dropdown{left:auto;right:0}.main-nav .nav-disclosure:nth-child(3n+2).is-open .nav-dropdown{transform:translate(-50%,0)}.main-nav .nav-disclosure:nth-last-child(-n+2) .nav-dropdown{right:auto}.main-nav .nav-disclosure:nth-last-child(-n+2):nth-child(3n) .nav-dropdown{right:0}.header-actions{gap:5px}.header-actions button{min-width:29px;min-height:33px}.header-actions svg{width:25px;height:25px}.main-nav .nav-options a{font-size:14px}}
@media(prefers-reduced-motion:reduce){.nav-dropdown,.main-nav .nav-options a,.main-nav .nav-trigger{transition:none}}
