.nav{position:sticky;top:0;z-index:60;background:var(--ground);border-bottom:1px solid var(--line)}
.nav-in{max-width:var(--wide);margin:0 auto;padding-inline:var(--pad);height:var(--nav-h);display:flex;align-items:center;gap:var(--s7)}
.brand{display:flex;align-items:center;color:var(--ink);flex-shrink:0}
.brand-logo{height:24px;width:auto}
.nav-links{display:flex;gap:clamp(18px,2.6vw,46px);margin-left:auto}
.nav-links a{font-weight:700;font-size:14.5px;letter-spacing:.02em;text-transform:uppercase;color:var(--acai);position:relative;padding-block:6px}
.nav-links a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--acai);transform:scaleX(0);transform-origin:right;transition:transform var(--t-hover) var(--ease-hover)}
.nav-links a:hover::after,.nav-links a:focus-visible::after{transform:scaleX(1);transform-origin:left}
.nav-cta{margin-left:clamp(18px,2.6vw,46px);flex-shrink:0}

.burger{display:none;width:44px;height:44px;margin-left:auto;flex-direction:column;justify-content:center;gap:5px;align-items:center}
.burger span{width:22px;height:2px;background:var(--acai);transition:transform var(--t-hover) var(--ease-hover),opacity var(--t-hover) linear}
.nav.open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav.open .burger span:nth-child(2){opacity:0}
.nav.open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.mobile{display:none;position:fixed;inset:var(--nav-h) 0 0;background:var(--acai);color:var(--creme);padding:var(--s7) var(--pad);z-index:55;overflow-y:auto}
.mobile a{display:block;font-weight:700;font-size:30px;text-transform:uppercase;letter-spacing:-.02em;padding-block:14px;border-bottom:1px solid rgba(var(--creme-rgb),.2)}
.mobile a.is-cta{color:var(--mix-yellow)}
.nav.open + .mobile{display:block}
.nav-locked{overflow:hidden}

.foot{position:relative;overflow:clip;background:var(--ground);color:var(--creme);--plate:var(--acai);padding-block:clamp(46px,6vw,96px)}
.foot-in{display:grid;grid-template-columns:auto 1fr auto;gap:var(--s7);align-items:end}
.foot-mark{width:74px;color:var(--creme)}
.foot-meta{font-size:13.5px;line-height:1.7;opacity:.82}
.foot-vendor{border-bottom:1px solid transparent;transition:border-color var(--t-hover) var(--ease-hover)}
.foot-vendor:hover,.foot-vendor:focus-visible{border-bottom-color:currentColor}
.foot-links{display:flex;gap:var(--s5);font-size:13.5px}
.foot-links a{border-bottom:1px solid rgba(var(--creme-rgb),.35);padding-bottom:2px}
.foot-links a:hover{border-color:var(--creme)}

@media (max-width:1080px){
  .foot-in{grid-template-columns:1fr;gap:var(--s5);align-items:start}
}
@media (max-width:860px){
  .brand-logo{height:19px}
  .nav-links,.nav-cta{display:none}
  .burger{display:flex}
}