/* Navigation as a compact printed spread: bold type and one photograph. */
@media(max-width:800px){
 html[lang] .mobile-nav-spice{
  display:flex!important;flex-direction:column!important;gap:0!important;
  padding:112px 6% max(28px,env(safe-area-inset-bottom))!important;
  background:#201f19!important;color:#f3edd9!important;
  border:0!important;border-radius:0 0 10px 10px!important;
  box-shadow:0 18px 38px #17130f50,0 0 0 100vmax #201f1978!important;
 }
 html[lang] .mobile-nav-spice .mobile-menu-link{
  position:relative;display:grid!important;
  grid-template-columns:minmax(0,1fr) 18px!important;
  align-items:center!important;gap:14px!important;
  flex:0 0 auto!important;min-height:62px!important;height:auto!important;
  padding:12px 0!important;margin:0!important;
  border:0!important;border-bottom:1px solid #f3edd92b!important;border-radius:0!important;
  background:transparent!important;color:#f3edd9!important;box-shadow:none!important;
  counter-increment:none!important;text-decoration:none!important;transform:none!important;
  transition:background-color .18s ease,color .18s ease,box-shadow .18s ease!important;
 }
 html[lang] .mobile-nav-spice .mobile-menu-link::before,
 html[lang] .mobile-nav-spice .mobile-menu-link::after{display:none!important;content:none!important}
 html[lang] .mobile-nav-spice .mobile-menu-label{
  grid-column:1!important;grid-row:1!important;
  color:inherit!important;font:400 clamp(30px,6vw,40px)/1.05 var(--display)!important;
  letter-spacing:-.01em!important;text-transform:uppercase;
 }
 html[lang] .mobile-nav-spice .mobile-menu-arrow{
  grid-column:2!important;grid-row:1!important;
  display:grid!important;place-items:center;justify-self:end;
  width:16px!important;height:16px!important;margin:0!important;
  border:0!important;border-radius:0!important;color:#f3edd9!important;
  opacity:.45;transform:none!important;transition:opacity .18s ease,transform .18s ease!important;
 }
 html[lang] .mobile-nav-spice .mobile-menu-arrow svg{display:block;width:16px;height:16px}
 html[lang] .mobile-nav-spice .mobile-menu-link.mobile-nav-feature{
  min-height:90px!important;padding:8px 0 14px!important;
  color:#dbea6b!important;border-bottom:2px solid #dbea6b!important;
 }
 html[lang] .mobile-nav-spice .mobile-nav-feature .mobile-menu-label{
  font-size:clamp(64px,16vw,94px)!important;line-height:.95!important;letter-spacing:-.025em!important;
 }
 html[lang] .mobile-nav-spice .mobile-nav-feature .mobile-menu-arrow{color:#dbea6b!important;opacity:1}
 html[lang] .mobile-nav-spice .mobile-menu-link:is(:hover,:focus-visible){
  background:#dbea6b!important;color:#201f19!important;border-color:#dbea6b!important;
  box-shadow:-8px 0 0 #dbea6b,8px 0 0 #dbea6b!important;border-radius:2px!important;
 }
 html[lang] .mobile-nav-spice .mobile-menu-link:is(:hover,:focus-visible) .mobile-menu-arrow{
  color:#201f19!important;opacity:1;transform:translateX(3px)!important;
 }
 html[lang] .mobile-nav-spice .mobile-menu-link:focus-visible{outline:2px solid #f3edd9!important;outline-offset:4px!important}
 html[lang] .mobile-nav-spice .mobile-menu-link.mobile-nav-feature:is(:hover,:focus-visible){
  background:#f3edd9!important;color:#201f19!important;border-color:#f3edd9!important;
  box-shadow:-8px 0 0 #f3edd9,8px 0 0 #f3edd9!important;
 }
 html[lang] .mobile-nav-spice .mobile-nav-signoff{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 16px;
  flex:0 0 auto;margin:24px 0 0;padding:0;align-items:end;
 }
 html[lang] .mobile-nav-spice .mobile-nav-image{
  display:block;grid-column:1/-1;grid-row:1;
  width:100%;height:144px;min-width:0;max-width:none!important;overflow:hidden;
  padding:0;border:2px solid #f3edd9;border-radius:0;
  background:#ed3825;box-shadow:4px 5px 0 #ed3825;transform:rotate(-1deg);
 }
 html[lang] .mobile-nav-spice .mobile-nav-image img{
  display:block;width:100%!important;height:100%!important;
  object-fit:cover;object-position:50% 56%;margin:0;padding:0;
  border:0!important;box-shadow:none!important;outline:0!important;transform:none!important;
 }
 html[lang] .mobile-nav-spice .mobile-nav-signoff>span:not(.mobile-nav-image){
  grid-column:1;grid-row:2;max-width:none;
  font:400 clamp(24px,7vw,30px)/.98 var(--display);color:#f3edd9;
 }
 html[lang] .mobile-nav-spice .mobile-nav-signoff small{
  grid-column:2;grid-row:2;max-width:120px;
  color:#f3edd9;font:400 9px/1.5 var(--body);text-align:right;
 }
 html[lang] body.mobile-menu-open .site-header{box-shadow:0 1px 0 #f3edd930!important}
}
@media(min-width:541px) and (max-width:800px){
 html[lang] .mobile-nav-spice{
  display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;
  column-gap:32px!important;row-gap:0!important;align-items:start;
 }
 html[lang] .mobile-nav-spice .mobile-menu-link{grid-column:1}
 html[lang] .mobile-nav-spice .mobile-nav-signoff{
  grid-column:2;grid-row:1/6;align-self:start;
  grid-template-columns:minmax(0,1fr);gap:17px;margin:6px 0 0;padding:0;
 }
 html[lang] .mobile-nav-spice .mobile-nav-image{height:252px;grid-column:1}
 html[lang] .mobile-nav-spice .mobile-nav-signoff>span:not(.mobile-nav-image){grid-column:1;grid-row:2;font-size:30px}
 html[lang] .mobile-nav-spice .mobile-nav-signoff small{grid-column:1;grid-row:3;max-width:none;text-align:left;font-size:10px}
}
@media(max-width:540px) and (max-height:700px){
 html[lang] .mobile-nav-spice{padding-top:108px!important;padding-bottom:24px!important}
 html[lang] .mobile-nav-spice .mobile-menu-link{min-height:55px!important;padding-top:9px!important;padding-bottom:9px!important}
 html[lang] .mobile-nav-spice .mobile-menu-link.mobile-nav-feature{min-height:80px!important}
 html[lang] .mobile-nav-spice .mobile-nav-image{height:120px}
 html[lang] .mobile-nav-spice .mobile-nav-signoff{margin-top:20px;row-gap:16px}
}
@media(prefers-reduced-motion:reduce){
 html[lang] .mobile-nav-spice .mobile-menu-link,
 html[lang] .mobile-nav-spice .mobile-menu-arrow{transition:none!important}
 html[lang] .mobile-nav-spice .mobile-menu-link:is(:hover,:focus-visible) .mobile-menu-arrow{transform:none!important}
}