.elementor-6 .elementor-element.elementor-element-e69b4cd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-ab1e4b4 *//* ==========================================================================
   BREAKING BREAD — SHARED STYLES
   Reference stylesheet for Elementor Pro build-out.
   Import the fonts + variables + component classes below into the
   WordPress theme's global CSS (Elementor > Site Settings > Custom CSS,
   or a child-theme stylesheet). Header / Footer / Home use these classes.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Special+Elite&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400;1,6..72,500&display=swap');

:root{
  /* Brand colors */
  --bb-brown: #b4741c;
  --bb-dough: #faf8d6;
  --ripe-red: #b4281c;
  --savory-spice: #b44e1c;
  --olive-oil: #b49a1c;
  --garden-green: #a8b41c;

  /* Working tones derived from brand colors (borders, muted text) */
  --brown-ink: #6b4713;      /* darker brown for body copy on dough */
  --brown-line: rgba(180,116,28,0.35);
  --dough-shade: #f2eec2;    /* slightly deeper dough for subtle contrast */

  /* Type */
  --font-display: 'Special Elite', 'Courier New', monospace;
  --font-body: 'Newsreader', Georgia, serif;

  /* Layout */
  --max-width: 1180px;
  --gutter: clamp(24px, 5vw, 64px);
}

*, *::before, *::after{ box-sizing: border-box; }
html{ scroll-behavior: smooth; }
body{
  margin: 0;
  background: var(--bb-dough);
  color: var(--brown-ink);
  font-family: var(--font-body);
  font-size: 17px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
img{ max-width: 100%; display: block; }
a{ color: inherit; text-decoration: none; }

.bb-wrap{
  max-width: var(--max-width);
  margin: 0 auto;
  padding-left: var(--gutter);
  padding-right: var(--gutter);
}

/* Headline / display type */
h1, h2, h3, .bb-display{
  font-family: var(--font-display);
  color: var(--bb-brown);
  font-weight: 400;
  line-height: 1.25;
  margin: 0;
}
.bb-eyebrow{
  font-family: var(--font-body);
  font-style: italic;
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--savory-spice);
}

/* Thin, slightly imperfect divider between sections */
.bb-divider{
  border: none;
  border-top: 1px solid var(--brown-line);
  margin: 0;
}

/* Buttons */
.bb-btn{
  display: inline-block;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 13px 28px;
  border-radius: 3px;
  border: 1.5px solid var(--bb-brown);
  cursor: pointer;
  transition: all 0.15s ease;
}
.bb-btn--solid{
  background: var(--bb-brown);
  color: var(--bb-dough);
}
.bb-btn--solid:hover{ background: #96600f; border-color: #96600f; }
.bb-btn--outline{
  background: transparent;
  color: var(--bb-brown);
}
.bb-btn--outline:hover{ background: rgba(180,116,28,0.08); }

/* Torn-photo-edge placeholder frames */
.bb-photo{
  position: relative;
  background: linear-gradient(135deg, #e7dfae, #d8cf94);
  clip-path: polygon(
    1% 2%, 9% 0%, 18% 3%, 27% 1%, 36% 4%, 45% 0%, 54% 3%, 63% 1%,
    72% 4%, 81% 0%, 90% 3%, 99% 1%, 100% 10%, 98% 20%, 100% 30%,
    97% 40%, 100% 50%, 98% 60%, 100% 70%, 97% 80%, 100% 90%, 99% 99%,
    90% 97%, 81% 100%, 72% 96%, 63% 100%, 54% 97%, 45% 100%, 36% 97%,
    27% 100%, 18% 96%, 9% 100%, 0% 98%, 2% 90%, 0% 80%, 3% 70%,
    0% 60%, 2% 50%, 0% 40%, 3% 30%, 0% 20%, 2% 10%
  );
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #8a7c4a;
  font-family: var(--font-body);
  font-style: italic;
  font-size: 14px;
  padding: 20px;
}
.bb-photo span{ max-width: 220px; }

/* Header */
.bb-header{
  background: var(--bb-dough);
  border-bottom: 1px solid var(--brown-line);
}
.bb-header__inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 22px;
  padding-bottom: 22px;
}
.bb-logo{
  display: flex;
  align-items: center;
  gap: 12px;
}
.bb-logo__mark{
  width: 44px;
  height: 44px;
  background: var(--bb-brown);
  border-radius: 6px;
  color: var(--bb-dough);
  font-family: var(--font-display);
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: -1px;
}
.bb-logo__word{
  font-family: var(--font-display);
  font-size: 22px;
  color: var(--bb-brown);
}
.bb-nav{
  display: flex;
  gap: 36px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.bb-nav a{
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--brown-ink);
  padding-bottom: 6px;
  border-bottom: 2px solid transparent;
}
.bb-nav a:hover{ color: var(--bb-brown); }
.bb-nav a.is-active{
  color: var(--bb-brown);
  border-bottom-color: var(--bb-brown);
}
.bb-header__toggle{ display: none; }

/* Footer */
.bb-footer{
  background: var(--bb-dough);
  border-top: 1px solid var(--brown-line);
  padding-top: 36px;
  padding-bottom: 28px;
}
.bb-footer__inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}
.bb-footer__brand{
  display: flex;
  align-items: center;
  gap: 12px;
}
.bb-footer__mark{
  width: 34px;
  height: 34px;
  background: var(--bb-brown);
  border-radius: 5px;
  color: var(--bb-dough);
  font-family: var(--font-display);
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bb-footer__word{
  font-family: var(--font-display);
  font-size: 17px;
  color: var(--bb-brown);
}
.bb-footer__sign{
  font-style: italic;
  font-size: 13px;
  color: var(--brown-ink);
  opacity: 0.7;
  margin-left: 4px;
}
.bb-footer__links{
  display: flex;
  gap: 22px;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 13px;
}
.bb-footer__links a:hover{ color: var(--bb-brown); }
.bb-footer__bottom{
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid var(--brown-line);
  font-size: 12px;
  color: var(--brown-ink);
  opacity: 0.6;
  text-align: center;
}

@media (max-width: 640px){
  .bb-footer__inner{ flex-direction: column; align-items: flex-start; }
}/* End custom CSS */