<link href="https://fonts.googleapis.com/css2?family=Futura+PT:wght@400;700&display=swap" rel="stylesheet">

<style>
* { margin: 0; padding: 0; box-sizing: border-box; }

.bf-page {
  background: #FAF1BF;
  width: 100%;
  font-family: 'Futura PT', Futura, 'Century Gothic', sans-serif;
  padding-bottom: 32px;
}

.bf-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
}

.bf-nav-icon {
  font-size: 22px;
  cursor: pointer;
  color: #242424;
  font-weight: 900;
}

.bf-social { display: flex; gap: 14px; }

.bf-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 24px;
}

.bf-logo {
  width: 100%;
  max-width: 520px;
  display: block;
}

.bf-subtitle-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 520px;
  margin-top: 4px;
}

.bf-big-type {
  font-family: 'Passtata', 'Arial Black', sans-serif;
  font-weight: 900;
  color: #242424;
  line-height: 0.95;
}

.bf-hours {
  font-size: 12px;
  font-weight: 700;
  color: #242424;
  text-align: right;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.bf-mid-row {
  display: flex;
  width: 100%;
  max-width: 520px;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: 10px;
}

.bf-address {
  font-size: 11px;
  font-weight: 700;
  color: #242424;
  line-height: 1.6;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.bf-illustrations {
  display: flex;
  gap: 10px;
  align-items: flex-end;
}

.bf-wiggle { cursor: pointer; display: block; }

.bf-wiggle:hover { animation: bf-wiggle 0.5s ease-in-out; }

@keyframes bf-wiggle {
  0%   { transform: rotate(0deg);   }
  20%  { transform: rotate(-12deg); }
  40%  { transform: rotate(12deg);  }
  60%  { transform: rotate(-8deg);  }
  80%  { transform: rotate(8deg);   }
  100% { transform: rotate(0deg);   }
}

.bf-links-row {
  width: 100%;
  max-width: 520px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
}

.bf-big-link {
  font-family: 'Passtata', 'Arial Black', sans-serif;
  font-size: 48px;
  font-weight: 900;
  color: #242424;
  text-decoration: none;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 10px;
}

.bf-big-link:hover { color: #e8191a; }

.bf-menu-row {
  width: 100%;
  max-width: 520px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 3px solid #242424;
  padding-bottom: 6px;