body.recipes-page{min-height:100vh}
.home-name{color:#fff;text-decoration:none;font-weight:600;letter-spacing:.14em}
.top-links{display:flex;align-items:center;gap:26px;pointer-events:auto}
.top-links .video-link{pointer-events:auto}
.top-links .active{color:#fff}
.recipes-main{width:min(1120px,calc(100% - 56px));margin:0 auto;padding:150px 0 110px}
.recipes-eyebrow{font-family:system-ui,sans-serif;letter-spacing:.25em;font-size:11px;color:#777;text-align:center;margin-bottom:24px}
.recipes-main h1{font-size:clamp(52px,7vw,92px);font-weight:400;line-height:1.04;letter-spacing:-.045em;text-align:center;margin:0 0 72px}
.intro{max-width:820px;margin:0 auto;font-size:clamp(19px,1.6vw,23px);line-height:1.68;color:#ddd}
.intro p{margin:0 0 1.35em}
.intro .closing{margin-top:2.5em;text-align:center;font-size:clamp(19px,1.55vw,22px);line-height:1.6;color:#fff}
.recipe-heading{margin:105px 0 28px;padding-top:28px;border-top:1px solid #292929;font-family:system-ui,sans-serif;font-size:11px;letter-spacing:.22em;color:#888}
.recipe-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:42px;row-gap:0;border-top:1px solid #222}
.recipe-card{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #222;color:#eee;text-decoration:none;font-size:18px;line-height:1.25;padding:17px 0;transition:color .2s ease}
.recipe-card .arrow{font-family:system-ui,sans-serif;color:#777;font-size:16px;transition:transform .2s ease,color .2s ease;flex:none}
.recipe-card:hover{color:#fff}
.recipe-card:hover .arrow{transform:translateX(4px);color:#fff}
footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:35px 28px;color:#777;font-family:system-ui,sans-serif;font-size:12px}
footer a{color:#aaa;text-decoration:none}
footer a:hover{color:#fff}
@media(max-width:850px){
 .recipes-main{width:min(760px,calc(100% - 40px));padding-top:125px}
 .recipe-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px}
}
@media(max-width:700px){
 .top{padding:14px 16px;font-size:10px}
 .identity{gap:10px}
 .dates{font-size:8px;letter-spacing:.02em}
 .top-links{gap:13px}
 .video-link{gap:5px}
 .video-link span{font-size:14px}
 .recipes-main{width:calc(100% - 32px);padding:105px 0 75px}
 .recipes-main h1{font-size:46px;margin-bottom:48px}
 .intro{font-size:18px;line-height:1.65}
 .intro .closing{font-size:18px}
 .recipe-heading{margin-top:75px}
 .recipe-list{grid-template-columns:1fr}
 .recipe-card{min-height:64px;font-size:17px}
 footer{flex-direction:column;align-items:center;text-align:center;padding:30px 18px}
}


/* Minimal static navigation icons */
.top-links{display:flex;align-items:center;gap:24px}
.video-link{display:inline-flex;align-items:center;gap:7px}
.nav-icon{width:15px;height:15px;display:block;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;flex:none}
.nav-label{line-height:1}


/* V12 navigation icons: deliberately simple, static and font-rendered */
.nav-icon{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:15px;
  height:15px;
  margin-right:2px;
  color:currentColor;
  font-family:Arial,sans-serif;
  font-size:14px;
  line-height:1;
  opacity:.9;
  flex:none;
}
.nav-icon-recipe{font-size:15px}
.nav-icon-video{font-size:14px}
.video-link{display:inline-flex !important;align-items:center;gap:6px;text-decoration:none}

/* V15: homepage name link — always white; underline only on hover */
.home-name,
.home-name:visited,
.home-name:active,
.home-name:focus {
  color:#fff !important;
  text-decoration:none !important;
}
.home-name:hover {
  color:#fff !important;
  text-decoration:underline !important;
  text-decoration-color:#fff !important;
  text-underline-offset:3px;
}

/* V16: the homepage name is an active link even though the header itself ignores pointer events */
.home-name {
  pointer-events:auto !important;
  cursor:pointer;
  color:#fff !important;
  font-family:inherit;
  font-weight:600;
  letter-spacing:.14em;
  text-decoration:none !important;
}
.home-name:visited,
.home-name:active,
.home-name:focus {
  color:#fff !important;
  text-decoration:none !important;
}
.home-name:hover {
  color:#fff !important;
  text-decoration:underline !important;
  text-decoration-color:#fff !important;
  text-underline-offset:3px;
}