.hfd, .hfd * { box-sizing: border-box; }
.hfd { background: #087d7a; color: #fff; overflow: hidden; font-family: Manrope, sans-serif; }
.hfd-inner { width: min(1160px, calc(100% - 64px)); margin: auto; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.15fr); align-items: center; gap: 24px; padding: 14px 0; min-height: 150px; }
.hfd-kicker { margin: 0 0 6px; font: italic 600 14px/1.1 Fraunces, Georgia, serif; color: #bff0ec; }
.hfd h2 { margin: 0 0 14px; max-width: 460px; font: 800 28px/1.08 Manrope, sans-serif; letter-spacing: -.05em; color: #fff; }
.hfd-summary { margin: 0 0 14px; max-width: 460px; color: #fff; font-size: 14px; line-height: 1.5; }
.hfd-cta { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 20px; border-radius: 999px; background: #FFFDFA; color: #111; font: 800 14px/1 Manrope, sans-serif; text-decoration: none; transition: transform .16s ease, background .16s ease; }
.hfd-cta:hover { background: #fff; transform: translateY(-1px); }
.hfd-cta:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.hfd-dishes { display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
.hfd-dishes img { display: block; height: auto; min-width: 0; filter: drop-shadow(0 8px 10px rgba(0,40,40,.3)); }
.hfd-d1 { width: 31%; }
.hfd-d2 { width: 32%; transform: scale(1.1); }
.hfd-d3 { width: 33%; }
@media (max-width: 720px) {
  .hfd-inner { width: calc(100% - 28px); grid-template-columns: minmax(0,1fr); gap: 4px; padding: 20px 0 14px; }
  .hfd h2 { font-size: 25px; margin-bottom: 14px; }
  .hfd-cta { width: 100%; justify-content: center; }
  .hfd-dishes { order: -1; justify-content: center; }
  .hfd-copy { order: 1; }
  .hfd-dishes { margin-bottom: 8px; }
}
@media (prefers-reduced-motion: reduce) { .hfd-cta { transition: none; } }