/* CustomFonts */ :root{ --default-color: #4a3535; --accent-color:#da2e29; --accent-color2:#fa4c4b; --accent-color3:#ff6600; --accent-color4:#ffbc00; --family:"Open Sans"; --family2:"Alata"; --button-color1:#da2e29; --button-hover-color1:#c71813; --button-color2:#c72d29; --button-hover-color2:#fc4b46; --button-color3:#ff6600; --button-hover-color3:#ff8330; --button-color4:#ffbc00; --button-hover-color4:#ffcc3e; --button-color5:#ffffff; --button-hover-color5:#ffffff; --link-color:#da2e29; --link-visited-color:#da2e29; --link-hover-color:#da2e29; --link-active-color:#da2e29; --container-width: 100%; --h1-color: #272727; --h2-color: #272727; --h3-color: #272727; --h4-color: #272727; --h5-color: #272727; --h6-color: #272727; } @media (min-width:576px) { :root{ --container-width: 540px; } } @media (min-width:768px) { :root{ --container-width: 760px; } } @media (min-width:992px) { :root{ --container-width: 960px; } } @media (min-width:1200px) { :root{ --container-width: 1140px; } } @media (min-width:1600px) { :root{ --container-width: 1200px; } } .baked-by-madison,.bbm-sticky-order { /* Brand colors — drawn from the two flyers (caramel brown, sage lattice) and the photography (cream parchment, cinnamon, chocolate drizzle). */ --bbm-cream: #FBF6EE; --bbm-vanilla: #F4EBDD; --bbm-oat: #E7D8C3; --bbm-butter: #E8B98A; /* light caramel, used on dark backgrounds */ --bbm-caramel: #A8571A; /* accent text/large type on cream (4.8:1) */ --bbm-caramel-deep: #8A4512; /* primary buttons (7.1:1 with white) */ --bbm-cinnamon: #6B3410; --bbm-chocolate: #2E1C12; /* body text (15:1 on cream) */ --bbm-cocoa: #5E463A; /* secondary text (8:1 on cream) */ --bbm-espresso: #3A2417; /* dark sections */ --bbm-sage: #5C6B40; /* accent (5.4:1 on cream) */ --bbm-sage-soft: #E3E7D4; --bbm-blush: #F2E1D8; /* nods to the dusty-rose SM sticker */ --bbm-white: #FFFFFF; /* Typography */ --bbm-font-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif; --bbm-font-body: "DM Sans", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif; --bbm-fs-xs: 0.8125rem; --bbm-fs-sm: 0.9375rem; --bbm-fs-base: 1.0625rem; --bbm-fs-lg: clamp(1.125rem, 1.05rem + 0.35vw, 1.3125rem); --bbm-fs-h3: clamp(1.5rem, 1.3rem + 0.8vw, 2rem); --bbm-fs-h2: clamp(2.125rem, 1.6rem + 2.2vw, 3.5rem); --bbm-fs-h1: clamp(2.75rem, 1.9rem + 4vw, 5.5rem); --bbm-fs-mega: clamp(6rem, 3.5rem + 11vw, 12.5rem); --bbm-lh-tight: 1.04; --bbm-lh-body: 1.65; --bbm-tracking-eyebrow: 0.16em; /* Spacing */ --bbm-space-1: 0.25rem; --bbm-space-2: 0.5rem; --bbm-space-3: 0.75rem; --bbm-space-4: 1rem; --bbm-space-5: 1.5rem; --bbm-space-6: 2rem; --bbm-space-7: 3rem; --bbm-space-8: 4.5rem; --bbm-section-y: clamp(4rem, 2.5rem + 6vw, 8rem); --bbm-gutter: clamp(1rem, 0.5rem + 2.5vw, 2.5rem); --bbm-max: 1240px; /* Shape & depth */ --bbm-radius-sm: 10px; --bbm-radius: 18px; --bbm-radius-lg: 32px; --bbm-radius-arch: 999px 999px var(--bbm-radius-lg) var(--bbm-radius-lg); --bbm-radius-pill: 999px; --bbm-shadow-sm: 0 1px 2px rgba(46, 28, 18, .06), 0 2px 8px rgba(46, 28, 18, .06); --bbm-shadow: 0 2px 6px rgba(46, 28, 18, .06), 0 18px 40px -12px rgba(46, 28, 18, .22); --bbm-shadow-lg: 0 30px 70px -20px rgba(46, 28, 18, .35); /* Buttons */ --bbm-btn-h: 3.25rem; --bbm-btn-px: 1.6rem; --bbm-btn-bg: var(--bbm-caramel-deep); --bbm-btn-bg-hover: var(--bbm-cinnamon); --bbm-btn-fg: var(--bbm-white); /* Motion */ --bbm-ease: cubic-bezier(.2, .7, .2, 1); --bbm-dur: .7s; /* Height of any sticky Glend header, so anchors don't hide under it. Adjust on the live site if the header height differs. */ --bbm-scroll-offset: 96px;}/* --------------------------------------------------------------- 2. SCOPED RESET — neutralises inherited theme typography only inside our sections. :where() keeps specificity low so our own component rules below win without !important.---------------------------------------------------------------- */.baked-by-madison { font-family: var(--bbm-font-body); font-size: var(--bbm-fs-base); line-height: var(--bbm-lh-body); color: var(--bbm-chocolate); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; box-sizing: border-box; scroll-margin-top: var(--bbm-scroll-offset);}.baked-by-madison *,.baked-by-madison *::before,.baked-by-madison *::after { box-sizing: inherit; }.baked-by-madison :where(h1, h2, h3, h4, p, ul, ol, li, figure, blockquote, dl, dd) { margin: 0; padding: 0;}.baked-by-madison :where(ul, ol) { list-style: none; }.baked-by-madison :where(h1, h2, h3, h4) { font-family: var(--bbm-font-display); font-weight: 500; line-height: var(--bbm-lh-tight); color: inherit; letter-spacing: -0.015em; text-transform: none;}.baked-by-madison :where(img) { display: block; max-width: 100%; height: auto; border: 0; }.baked-by-madison :where(a) { color: inherit; }.baked-by-madison [id] { scroll-margin-top: var(--bbm-scroll-offset); }.baked-by-madison :focus-visible { outline: 3px solid var(--bbm-caramel); outline-offset: 3px; border-radius: 4px;}.baked-by-madison .bbm-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;}/* --------------------------------------------------------------- 3. LAYOUT HELPERS---------------------------------------------------------------- */.baked-by-madison.bbm-section { position: relative; padding-block: var(--bbm-section-y); background: var(--bbm-cream); }/* Glend content-builder structure: .is-section .is-boxes .is-container .row .col-md-12 .bbm-block Width and gutters come from Glend's .is-container/.layout-container. Nothing is clipped (no overflow:hidden), so the builder's edit handles on the right/bottom of each section stay visible; decorative elements are positioned to stay inside the column instead. */.baked-by-madison .bbm-block { position: relative; }.baked-by-madison .bbm-block :first-child { margin-top: 0; }.baked-by-madison .bbm-container { width: 100%; max-width: var(--bbm-max); margin-inline: auto; padding-inline: var(--bbm-gutter); }.baked-by-madison .bbm-eyebrow { display: inline-flex; align-items: center; gap: .6em; font-family: var(--bbm-font-body); font-size: var(--bbm-fs-xs); font-weight: 600; letter-spacing: var(--bbm-tracking-eyebrow); text-transform: uppercase; color: var(--bbm-sage);}.baked-by-madison .bbm-eyebrow::before { content: ""; width: 1.75rem; height: 1px; background: currentColor;}.baked-by-madison .bbm-h2 { font-size: var(--bbm-fs-h2); margin-top: var(--bbm-space-4); }.baked-by-madison .bbm-h2 em,.baked-by-madison .bbm-hero__title em { font-style: italic; font-weight: 400; color: var(--bbm-caramel); }.baked-by-madison .bbm-lead { font-size: var(--bbm-fs-lg); color: var(--bbm-cocoa); max-width: 38rem; margin-top: var(--bbm-space-5); }.baked-by-madison .bbm-section-head { max-width: 46rem; margin-bottom: var(--bbm-space-8); }.baked-by-madison .bbm-section-head--center { margin-inline: auto; text-align: center; }.baked-by-madison .bbm-section-head--center .bbm-lead { margin-inline: auto; }.baked-by-madison .bbm-section-head--center .bbm-eyebrow::after { content: ""; width: 1.75rem; height: 1px; background: currentColor; }/* --------------------------------------------------------------- 4. BUTTONS & LINKS---------------------------------------------------------------- */.baked-by-madison .bbm-btn,.bbm-sticky-order .bbm-btn { display: inline-flex; align-items: center; justify-content: center; gap: .6em; min-height: var(--bbm-btn-h); padding: 0 var(--bbm-btn-px); border: 1.5px solid transparent; border-radius: var(--bbm-radius-pill); font-family: var(--bbm-font-body); font-size: 1rem; font-weight: 600; line-height: 1; letter-spacing: .01em; text-decoration: none; text-transform: none; white-space: nowrap; cursor: pointer; transition: background-color .25s var(--bbm-ease), color .25s var(--bbm-ease), border-color .25s var(--bbm-ease), transform .25s var(--bbm-ease), box-shadow .25s var(--bbm-ease);}.baked-by-madison .bbm-btn--primary,.bbm-sticky-order .bbm-btn--primary { background: var(--bbm-btn-bg); color: var(--bbm-btn-fg); box-shadow: 0 10px 24px -10px rgba(138, 69, 18, .7);}.baked-by-madison .bbm-btn--primary:hover,.bbm-sticky-order .bbm-btn--primary:hover { background: var(--bbm-btn-bg-hover); color: var(--bbm-white); transform: translateY(-2px); }.baked-by-madison .bbm-btn--ghost { background: transparent; color: var(--bbm-chocolate); border-color: rgba(46, 28, 18, .28); }.baked-by-madison .bbm-btn--ghost:hover { border-color: var(--bbm-chocolate); background: var(--bbm-white); color: var(--bbm-chocolate); }.baked-by-madison .bbm-btn--light { background: var(--bbm-cream); color: var(--bbm-espresso); }.baked-by-madison .bbm-btn--light:hover { background: var(--bbm-white); color: var(--bbm-espresso); transform: translateY(-2px); }.baked-by-madison .bbm-btn--sm { --bbm-btn-h: 2.6rem; --bbm-btn-px: 1.15rem; font-size: .9375rem; }.baked-by-madison .bbm-btn__arrow { transition: transform .25s var(--bbm-ease); }.baked-by-madison .bbm-btn:hover .bbm-btn__arrow { transform: translateX(3px); }.baked-by-madison .bbm-btn-row { display: flex; flex-wrap: wrap; gap: var(--bbm-space-3); margin-top: var(--bbm-space-6); }.baked-by-madison .bbm-link { color: var(--bbm-caramel-deep); font-weight: 600; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .25em;}.baked-by-madison .bbm-link:hover { color: var(--bbm-cinnamon); text-decoration-thickness: 2px; }/* --------------------------------------------------------------- 5. PAGE BAR — slim in-page navigation that sits beneath (not instead of) the Glend site header. Not fixed, so it never competes with the theme's own sticky header.---------------------------------------------------------------- */.baked-by-madison .bbm-bar { display: flex; align-items: center; justify-content: space-between; gap: var(--bbm-space-4); padding-block: var(--bbm-space-5); border-bottom: 1px solid var(--bbm-oat);}.baked-by-madison .bbm-wordmark { display: inline-flex; align-items: baseline; gap: .35em; font-family: var(--bbm-font-display); font-size: 1.5rem; font-weight: 600; color: var(--bbm-chocolate); text-decoration: none; letter-spacing: -0.02em; white-space: nowrap;}.baked-by-madison .bbm-wordmark em { font-weight: 400; font-style: italic; color: var(--bbm-caramel); }.baked-by-madison .bbm-bar__nav { display: flex; align-items: center; gap: var(--bbm-space-5); }.baked-by-madison .bbm-bar__links { display: flex; flex-wrap: wrap; gap: var(--bbm-space-1) var(--bbm-space-5); }.baked-by-madison .bbm-bar__links a { font-size: var(--bbm-fs-sm); font-weight: 500; color: var(--bbm-cocoa); text-decoration: none; padding: .5rem 0; background: linear-gradient(currentColor, currentColor) 0 85% / 0 1px no-repeat; transition: background-size .3s var(--bbm-ease), color .2s;}.baked-by-madison .bbm-bar__links a:hover { color: var(--bbm-chocolate); background-size: 100% 1px; }.baked-by-madison .bbm-bar { position: relative; }/* Sticky header: JS adds .is-stuck once the bar would scroll off screen. --bbm-sticky-top: raise this if a fixed site header sits above the page. */.baked-by-madison .bbm-bar { --bbm-sticky-top: 0px; }.baked-by-madison .bbm-bar.is-stuck { position: fixed; top: var(--bbm-sticky-top); z-index: 1000; left: var(--bbm-bar-left, 0); width: var(--bbm-bar-width, 100%); padding-block: .65rem; border-bottom-color: transparent; isolation: isolate; animation: bbm-bar-in .35s var(--bbm-ease) both;}.baked-by-madison .bbm-bar.is-stuck::before { /* full-bleed frosted background */ content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: 100vw; translate: -50% 0; background: rgba(251, 246, 238, .92); -webkit-back-filter: saturate(1.3) blur(12px); back-filter: saturate(1.3) blur(12px); box-shadow: 0 1px 0 var(--bbm-oat), 0 12px 30px -20px rgba(46, 28, 18, .5);}.baked-by-madison .bbm-bar.is-stuck .bbm-wordmark { font-size: 1.3rem; }@keyframes bbm-bar-in { from { transform: translateY(-100%); } to { transform: none; } }/* Mobile hamburger (native ; no required) */.baked-by-madison .bbm-bar__menu { display: none; position: relative; }.baked-by-madison .bbm-bar__toggle { display: grid; place-items: center; width: 48px; height: 48px; padding: 0; margin: 0; border: 1.5px solid var(--bbm-oat); border-radius: 50%; background: var(--bbm-white); color: var(--bbm-chocolate); cursor: pointer; list-style: none; transition: border-color .2s, background .2s;}.baked-by-madison .bbm-bar__toggle::-webkit-details-marker { display: none; }.baked-by-madison .bbm-bar__toggle::marker { content: ""; }.baked-by-madison .bbm-bar__toggle:hover { border-color: var(--bbm-butter); }.baked-by-madison .bbm-burger { position: relative; display: block; width: 20px; height: 14px; }.baked-by-madison .bbm-burger span { position: absolute; left: 0; width: 100%; height: 2px; border-radius: 2px; background: currentColor; transition: transform .3s var(--bbm-ease), opacity .2s, top .3s var(--bbm-ease);}.baked-by-madison .bbm-burger span:nth-child(1) { top: 0; }.baked-by-madison .bbm-burger span:nth-child(2) { top: 6px; }.baked-by-madison .bbm-burger span:nth-child(3) { top: 12px; }.baked-by-madison .bbm-bar__menu[open] .bbm-bar__toggle { background: var(--bbm-espresso); border-color: var(--bbm-espresso); color: var(--bbm-cream); }.baked-by-madison .bbm-bar__menu[open] .bbm-burger span:nth-child(1) { top: 6px; transform: rotate(45deg); }.baked-by-madison .bbm-bar__menu[open] .bbm-burger span:nth-child(2) { opacity: 0; }.baked-by-madison .bbm-bar__menu[open] .bbm-burger span:nth-child(3) { top: 6px; transform: rotate(-45deg); }/* renders its content through an internal slot that breaks box-sizing inheritance, so set it explicitly for the drawer. */.baked-by-madison .bbm-bar__drawer,.baked-by-madison .bbm-bar__drawer * { box-sizing: border-box; }.baked-by-madison .bbm-bar__drawer { position: absolute; right: 0; top: calc(100% + .6rem); z-index: 50; display: grid; gap: 2px; width: min(17rem, calc(100vw - 2rem)); padding: .5rem; background: var(--bbm-white); border: 1px solid var(--bbm-oat); border-radius: var(--bbm-radius); box-shadow: var(--bbm-shadow);}.baked-by-madison .bbm-bar__drawer a:not(.bbm-btn) { display: block; min-height: 44px; padding: .7rem 1rem; border-radius: var(--bbm-radius-sm); font-size: 1rem; font-weight: 500; color: var(--bbm-chocolate); text-decoration: none;}.baked-by-madison .bbm-bar__drawer a:not(.bbm-btn):hover { background: var(--bbm-vanilla); }.baked-by-madison .bbm-bar__drawer-cta { padding: .4rem .25rem .25rem; }.baked-by-madison .bbm-bar__drawer-cta .bbm-btn { width: 100%; }/* --------------------------------------------------------------- 6. HERO---------------------------------------------------------------- */.baked-by-madison.bbm-hero { padding-block: 0 var(--bbm-section-y); background: radial-gradient(60rem 40rem at 85% 10%, var(--bbm-blush) 0%, transparent 60%), radial-gradient(34rem 26rem at 0% 70%, var(--bbm-sage-soft) 0%, transparent 70%), var(--bbm-cream);}.baked-by-madison .bbm-hero__grid { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: clamp(2rem, 5vw, 5rem); padding-top: clamp(2.5rem, 6vw, 5.5rem);}.baked-by-madison .bbm-hero__title { font-size: var(--bbm-fs-h1); font-weight: 500; margin-top: var(--bbm-space-5); }.baked-by-madison .bbm-hero__title em { display: block; }.baked-by-madison .bbm-hero__lead { font-size: var(--bbm-fs-lg); color: var(--bbm-cocoa); max-width: 34rem; margin-top: var(--bbm-space-5); }.baked-by-madison .bbm-hero__lead strong { color: var(--bbm-chocolate); font-weight: 600; }.baked-by-madison .bbm-campaign-dates { margin-top: var(--bbm-space-4); font-weight: 600; color: var(--bbm-sage); }.baked-by-madison .bbm-hero__facts { display: flex; flex-wrap: wrap; gap: var(--bbm-space-3) var(--bbm-space-6); margin-top: var(--bbm-space-7); padding-top: var(--bbm-space-5); border-top: 1px dashed var(--bbm-oat); font-size: var(--bbm-fs-sm); color: var(--bbm-cocoa);}.baked-by-madison .bbm-hero__facts li { display: flex; align-items: center; gap: .55em; }.baked-by-madison .bbm-hero__facts svg { flex: none; color: var(--bbm-sage); }.baked-by-madison .bbm-hero__media { position: relative; justify-self: center; width: min(100%, 520px); }.baked-by-madison .bbm-hero__arch { position: relative; border-radius: var(--bbm-radius-arch); overflow: hidden; box-shadow: var(--bbm-shadow-lg); aspect-ratio: 4 / 5; background: var(--bbm-oat);}.baked-by-madison .bbm-hero__arch img { width: 100%; height: 100%; object-fit: cover; }.baked-by-madison .bbm-hero__detail { position: absolute; left: -9%; bottom: 8%; width: 38%; border-radius: 50%; overflow: hidden; aspect-ratio: 1; border: 6px solid var(--bbm-cream); box-shadow: var(--bbm-shadow);}.baked-by-madison .bbm-hero__detail img { width: 100%; height: 100%; object-fit: cover; }.baked-by-madison .bbm-seal { position: absolute; right: 5%; top: 5%; width: clamp(118px, 13vw, 150px); aspect-ratio: 1; border-radius: 50%; background: var(--bbm-espresso); color: var(--bbm-cream); display: grid; place-items: center; box-shadow: var(--bbm-shadow);}.baked-by-madison .bbm-seal__ring { position: absolute; inset: 6px; width: calc(100% - 12px); height: calc(100% - 12px); animation: bbm-spin 28s linear infinite; }.baked-by-madison .bbm-seal__ring text { fill: var(--bbm-butter); font-family: var(--bbm-font-body); font-size: 9.5px; font-weight: 600; letter-spacing: 2.4px; text-transform: uppercase;}.baked-by-madison .bbm-seal__core { position: relative; text-align: center; line-height: 1; }.baked-by-madison .bbm-seal__pct { display: block; font-family: var(--bbm-font-display); font-size: clamp(1.9rem, 2.4vw, 2.4rem); font-weight: 600; }.baked-by-madison .bbm-seal__sub { display: block; margin-top: .3em; font-size: .62rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--bbm-butter); }@keyframes bbm-spin { to { transform: rotate(360deg); } }/* --------------------------------------------------------------- 7. BAKE TO DONATE (the cause)---------------------------------------------------------------- */.baked-by-madison.bbm-cause { background: var(--bbm-cream); padding-block: 0; }.baked-by-madison .bbm-cause__panel { position: relative; background: var(--bbm-espresso); color: var(--bbm-cream); border-radius: var(--bbm-radius-lg); overflow: hidden; padding: clamp(2.5rem, 2rem + 4vw, 6rem) clamp(1.5rem, 1rem + 4vw, 5.5rem); isolation: isolate;}.baked-by-madison .bbm-cause__panel::before { /* lattice texture borrowed from the Fall Menu flyer */ content: ""; position: absolute; inset: 0; z-index: -1; opacity: .07; background: repeating-linear-gradient(0deg, transparent 0 46px, var(--bbm-butter) 46px 58px), repeating-linear-gradient(90deg, transparent 0 46px, var(--bbm-butter) 46px 58px); -webkit-mask-image: radial-gradient(ellipse at 100% 0%, #000 0%, transparent 70%); mask-image: radial-gradient(ellipse at 100% 0%, #000 0%, transparent 70%);}.baked-by-madison .bbm-cause__top { display: grid; grid-template-columns: auto 1fr; gap: clamp(1.5rem, 5vw, 5rem); align-items: center; }.baked-by-madison.bbm-cause .bbm-eyebrow { color: var(--bbm-butter); }.baked-by-madison.bbm-cause .bbm-h2 em { color: var(--bbm-butter); }.baked-by-madison.bbm-cause .bbm-lead { color: #E9DCCB; }.baked-by-madison .bbm-stat { text-align: left; }.baked-by-madison .bbm-stat__num { display: block; font-family: var(--bbm-font-display); font-weight: 400; font-style: italic; font-size: var(--bbm-fs-mega); line-height: .85; letter-spacing: -0.05em; color: var(--bbm-butter); font-variant-numeric: tabular-nums;}.baked-by-madison .bbm-stat__label { display: block; margin-top: var(--bbm-space-4); font-size: var(--bbm-fs-xs); font-weight: 600; letter-spacing: var(--bbm-tracking-eyebrow); text-transform: uppercase; color: var(--bbm-cream); }.baked-by-madison .bbm-cause__meals { display: inline-flex; align-items: center; gap: .75em; margin-top: var(--bbm-space-5); padding: .6rem 1.1rem; border-radius: var(--bbm-radius-pill); background: rgba(232, 185, 138, .14); border: 1px solid rgba(232, 185, 138, .35); font-size: var(--bbm-fs-sm); color: var(--bbm-cream);}.baked-by-madison .bbm-cause__meals strong { color: var(--bbm-butter); }.baked-by-madison .bbm-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--bbm-space-5); margin-top: clamp(3rem, 6vw, 5rem); counter-reset: bbm-step;}.baked-by-madison .bbm-step { position: relative; padding: var(--bbm-space-6); border-radius: var(--bbm-radius); background: rgba(251, 246, 238, .05); border: 1px solid rgba(251, 246, 238, .14); counter-increment: bbm-step;}.baked-by-madison .bbm-step::before { content: "0" counter(bbm-step); display: block; margin-bottom: var(--bbm-space-5); font-family: var(--bbm-font-display); font-style: italic; font-size: 1.25rem; color: var(--bbm-butter);}.baked-by-madison .bbm-step + .bbm-step::after { /* connector arrow between steps (desktop) */ content: "→"; position: absolute; left: calc(-1 * var(--bbm-space-5) + 2px); top: 50%; translate: -50% -50%; width: 2rem; height: 2rem; display: grid; place-items: center; border-radius: 50%; background: var(--bbm-butter); color: var(--bbm-espresso); font-size: .95rem; font-weight: 700;}.baked-by-madison .bbm-step h3 { font-size: 1.5rem; color: var(--bbm-cream); }.baked-by-madison .bbm-step p { margin-top: var(--bbm-space-3); font-size: var(--bbm-fs-sm); color: #E1D3C1; }.baked-by-madison .bbm-cause__bottom { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(2rem, 4vw, 4rem); align-items: center; margin-top: clamp(3rem, 6vw, 5rem);}.baked-by-madison .bbm-cause__photo { border-radius: var(--bbm-radius); overflow: hidden; aspect-ratio: 4 / 3; background: #4a3020; }.baked-by-madison .bbm-cause__photo img { width: 100%; height: 100%; object-fit: cover; }.baked-by-madison .bbm-cause__partner h3 { font-size: var(--bbm-fs-h3); color: var(--bbm-cream); }.baked-by-madison .bbm-cause__partner p { margin-top: var(--bbm-space-4); color: #E1D3C1; }.baked-by-madison .bbm-cause__partner .bbm-fine { font-size: var(--bbm-fs-xs); color: #CDBBA6; margin-top: var(--bbm-space-5); }.baked-by-madison.bbm-cause .bbm-link { color: var(--bbm-butter); }.baked-by-madison.bbm-cause .bbm-link:hover { color: var(--bbm-white); }/* --------------------------------------------------------------- 8. MENU---------------------------------------------------------------- */.baked-by-madison.bbm-menu { background: var(--bbm-cream); }.baked-by-madison .bbm-menu__note { display: inline-flex; align-items: center; gap: .5em; margin-top: var(--bbm-space-5); padding: .45rem 1rem; border-radius: var(--bbm-radius-pill); background: var(--bbm-sage-soft); color: var(--bbm-sage); font-size: var(--bbm-fs-xs); font-weight: 600; letter-spacing: .04em;}.baked-by-madison .bbm-product { display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; background: var(--bbm-white); border-radius: var(--bbm-radius-lg); overflow: hidden; box-shadow: var(--bbm-shadow); border: 1px solid var(--bbm-oat);}.baked-by-madison .bbm-product + .bbm-product { margin-top: clamp(2rem, 4vw, 3.5rem); }.baked-by-madison .bbm-product--flip .bbm-product__media { order: 2; }.baked-by-madison .bbm-product__media { position: relative; overflow: hidden; min-height: 320px; background: var(--bbm-oat); }.baked-by-madison .bbm-product__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--bbm-ease);}.baked-by-madison .bbm-product__media img.bbm-objpos-bottom { object-position: 50% 88%; }.baked-by-madison .bbm-product:hover .bbm-product__media img { transform: scale(1.035); }.baked-by-madison .bbm-product__tag { position: absolute; left: var(--bbm-space-5); top: var(--bbm-space-5); padding: .4rem .9rem; border-radius: var(--bbm-radius-pill); background: rgba(251, 246, 238, .94); color: var(--bbm-chocolate); font-size: var(--bbm-fs-xs); font-weight: 600; letter-spacing: .08em; text-transform: uppercase;}.baked-by-madison .bbm-product__body { padding: clamp(1.75rem, 1rem + 3vw, 3.5rem); }.baked-by-madison .bbm-product__kicker { font-size: var(--bbm-fs-xs); font-weight: 600; letter-spacing: var(--bbm-tracking-eyebrow); text-transform: uppercase; color: var(--bbm-sage); }.baked-by-madison .bbm-product__title { font-size: var(--bbm-fs-h3); margin-top: var(--bbm-space-2); }.baked-by-madison .bbm-product__desc { margin-top: var(--bbm-space-3); color: var(--bbm-cocoa); }.baked-by-madison .bbm-flavors { margin-top: var(--bbm-space-5); border-top: 1px solid var(--bbm-oat); }.baked-by-madison .bbm-flavors li { display: flex; align-items: baseline; gap: .75em; padding: .8rem 0; border-bottom: 1px solid var(--bbm-oat); font-family: var(--bbm-font-display); font-size: 1.1875rem; line-height: 1.3; transition: padding-left .3s var(--bbm-ease), color .3s;}.baked-by-madison .bbm-flavors li::before { content: ""; flex: none; width: .5rem; height: .5rem; border-radius: 50%; background: var(--bbm-butter); translate: 0 -.15em; transition: background .3s;}.baked-by-madison .bbm-flavors li:hover { padding-left: .35rem; color: var(--bbm-caramel-deep); }.baked-by-madison .bbm-flavors li:hover::before { background: var(--bbm-caramel); }.baked-by-madison .bbm-prices { margin-top: var(--bbm-space-6); }.baked-by-madison .bbm-prices__title { font-family: var(--bbm-font-body); font-size: var(--bbm-fs-xs); font-weight: 600; letter-spacing: var(--bbm-tracking-eyebrow); text-transform: uppercase; color: var(--bbm-cocoa); }.baked-by-madison .bbm-prices__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--bbm-space-2); margin-top: var(--bbm-space-3); }.baked-by-madison .bbm-prices__grid--2 { grid-template-columns: repeat(2, 1fr); }.baked-by-madison .bbm-price { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: .9rem .5rem; border-radius: var(--bbm-radius-sm); background: var(--bbm-vanilla); border: 1px solid transparent; transition: border-color .25s, background .25s, transform .25s var(--bbm-ease);}.baked-by-madison .bbm-price:hover { border-color: var(--bbm-butter); background: var(--bbm-cream); transform: translateY(-2px); }.baked-by-madison .bbm-price dt { font-size: var(--bbm-fs-sm); font-weight: 500; color: var(--bbm-cocoa); line-height: 1.25; }.baked-by-madison .bbm-price dt small { display: block; font-size: .75rem; color: var(--bbm-cocoa); opacity: .85; }.baked-by-madison .bbm-price dd { margin-top: .2rem; font-family: var(--bbm-font-display); font-size: 1.75rem; font-weight: 600; color: var(--bbm-chocolate); line-height: 1.1; }.baked-by-madison .bbm-price--best { background: var(--bbm-blush); position: relative; }.baked-by-madison .bbm-price--best::after { content: attr(data-badge); position: absolute; top: -.6rem; left: 50%; translate: -50% 0; padding: .1rem .5rem; border-radius: var(--bbm-radius-pill); background: var(--bbm-sage); color: var(--bbm-white); font-size: .625rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap;}.baked-by-madison .bbm-product__cta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--bbm-space-4); margin-top: var(--bbm-space-6); }.baked-by-madison .bbm-product__cta p { font-size: var(--bbm-fs-sm); color: var(--bbm-cocoa); }.baked-by-madison .bbm-custom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--bbm-space-5); margin-top: clamp(2rem, 4vw, 3.5rem); padding: var(--bbm-space-6) clamp(1.5rem, 4vw, 3rem); border-radius: var(--bbm-radius-lg); border: 1.5px dashed var(--bbm-butter); background: var(--bbm-vanilla);}.baked-by-madison .bbm-custom h3 { font-size: 1.625rem; }.baked-by-madison .bbm-custom p { margin-top: var(--bbm-space-2); color: var(--bbm-cocoa); max-width: 36rem; }/* --------------------------------------------------------------- 9. GALLERY---------------------------------------------------------------- */.baked-by-madison .bbm-gallery { margin-top: clamp(4rem, 8vw, 7rem); }.baked-by-madison .bbm-gallery__head { display: flex; align-items: end; justify-content: space-between; gap: var(--bbm-space-4); margin-bottom: var(--bbm-space-6); }.baked-by-madison .bbm-gallery__head h3 { font-size: var(--bbm-fs-h3); }.baked-by-madison .bbm-gallery__head h3 em { font-style: italic; font-weight: 400; color: var(--bbm-caramel); }.baked-by-madison .bbm-gallery__head p { color: var(--bbm-cocoa); font-size: var(--bbm-fs-sm); max-width: 22rem; }.baked-by-madison .bbm-gallery__grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: var(--bbm-space-3); }.baked-by-madison .bbm-gallery__item { border-radius: var(--bbm-radius); overflow: hidden; aspect-ratio: 1; background: var(--bbm-oat); }.baked-by-madison .bbm-gallery__item img { width: 100%; height: 100%; object-fit: cover; transition: transform .9s var(--bbm-ease), filter .9s; }.baked-by-madison .bbm-gallery__item:hover img { transform: scale(1.06); filter: saturate(1.08); }/* --------------------------------------------------------------- 10. MEET MADISON---------------------------------------------------------------- */.baked-by-madison.bbm-about { background: var(--bbm-vanilla); }.baked-by-madison .bbm-about__grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }.baked-by-madison .bbm-about__media { position: relative; }.baked-by-madison .bbm-about__photo { border-radius: var(--bbm-radius-lg); overflow: hidden; aspect-ratio: 4 / 5; box-shadow: var(--bbm-shadow); background: var(--bbm-oat); }.baked-by-madison .bbm-about__photo img { width: 100%; height: 100%; object-fit: cover; }.baked-by-madison .bbm-about__media::before { /* offset frame */ content: ""; position: absolute; inset: 1.25rem -1.25rem -1.25rem 1.25rem; z-index: 0; border: 1.5px solid var(--bbm-butter); border-radius: var(--bbm-radius-lg);}.baked-by-madison .bbm-about__photo { position: relative; z-index: 1; }.baked-by-madison .bbm-about__text { margin-top: var(--bbm-space-5); color: var(--bbm-cocoa); max-width: 36rem; }.baked-by-madison .bbm-about__text--intro { font-size: var(--bbm-fs-lg); color: var(--bbm-chocolate); }.baked-by-madison .bbm-signature { margin-top: var(--bbm-space-6); font-family: var(--bbm-font-display); font-style: italic; font-size: 2rem; color: var(--bbm-caramel); line-height: 1; }.baked-by-madison .bbm-signature small { display: block; margin-top: .45rem; font-family: var(--bbm-font-body); font-style: normal; font-size: var(--bbm-fs-xs); font-weight: 600; letter-spacing: var(--bbm-tracking-eyebrow); text-transform: uppercase; color: var(--bbm-cocoa); }.baked-by-madison .bbm-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--bbm-space-4); margin-top: var(--bbm-space-7); padding-top: var(--bbm-space-6); border-top: 1px solid var(--bbm-oat); }.baked-by-madison .bbm-facts dt { font-family: var(--bbm-font-display); font-size: clamp(2rem, 1.5rem + 1.5vw, 2.75rem); font-weight: 500; color: var(--bbm-chocolate); line-height: 1; }.baked-by-madison .bbm-facts dd { margin-top: .4rem; font-size: var(--bbm-fs-sm); color: var(--bbm-cocoa); line-height: 1.4; }/* --------------------------------------------------------------- 11. ORDER (intro module) + LIVE FORMS STYLING---------------------------------------------------------------- */.baked-by-madison.bbm-order { padding-bottom: var(--bbm-space-6); background: linear-gradient(var(--bbm-cream), var(--bbm-cream)) padding-box;}.baked-by-madison .bbm-order__grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 5vw, 5rem); align-items: start; }.baked-by-madison .bbm-howto { margin-top: var(--bbm-space-6); display: grid; gap: var(--bbm-space-4); counter-reset: bbm-how; }.baked-by-madison .bbm-howto li { display: grid; grid-template-columns: 2.5rem 1fr; gap: var(--bbm-space-4); align-items: start; counter-increment: bbm-how; }.baked-by-madison .bbm-howto li::before { content: counter(bbm-how); width: 2.5rem; height: 2.5rem; border-radius: 50%; display: grid; place-items: center; background: var(--bbm-sage-soft); color: var(--bbm-sage); font-family: var(--bbm-font-display); font-weight: 600; font-size: 1.125rem;}.baked-by-madison .bbm-howto strong { display: block; font-weight: 600; color: var(--bbm-chocolate); }.baked-by-madison .bbm-howto span { font-size: var(--bbm-fs-sm); color: var(--bbm-cocoa); }.baked-by-madison .bbm-notice { display: flex; gap: var(--bbm-space-3); margin-top: var(--bbm-space-6); padding: var(--bbm-space-4) var(--bbm-space-5); border-radius: var(--bbm-radius); background: var(--bbm-blush); color: var(--bbm-chocolate); font-size: var(--bbm-fs-sm);}.baked-by-madison .bbm-notice svg { flex: none; margin-top: .15rem; color: var(--bbm-caramel-deep); }.baked-by-madison .bbm-pricecard { padding: clamp(1.5rem, 3vw, 2.5rem); border-radius: var(--bbm-radius-lg); background: var(--bbm-white); border: 1px solid var(--bbm-oat); box-shadow: var(--bbm-shadow-sm);}.baked-by-madison .bbm-pricecard h3 { font-size: 1.5rem; }.baked-by-madison .bbm-pricecard table { width: 100%; margin-top: var(--bbm-space-4); border-collapse: collapse; font-size: var(--bbm-fs-sm); }.baked-by-madison .bbm-pricecard caption { text-align: left; padding: var(--bbm-space-4) 0 var(--bbm-space-2); font-size: var(--bbm-fs-xs); font-weight: 600; letter-spacing: var(--bbm-tracking-eyebrow); text-transform: uppercase; color: var(--bbm-sage); }.baked-by-madison .bbm-pricecard th,.baked-by-madison .bbm-pricecard td { padding: .6rem 0; border-bottom: 1px dotted var(--bbm-oat); text-align: left; font-weight: 400; color: var(--bbm-cocoa); background: none; }.baked-by-madison .bbm-pricecard td:last-child { text-align: right; font-family: var(--bbm-font-display); font-weight: 600; font-size: 1.125rem; color: var(--bbm-chocolate); }.baked-by-madison .bbm-pricecard tr:last-child * { border-bottom: 0; }.baked-by-madison .bbm-pricecard .bbm-fine { margin-top: var(--bbm-space-4); font-size: var(--bbm-fs-xs); color: var(--bbm-cocoa); }/* Live Forms shell. In DNN this wrapper is added through the Live Forms module's Advanced Settings → Header / Footer (see implementation guide), so the form sits inside our scoped styles without touching the module. */.baked-by-madison.bbm-order-form-shell { background: var(--bbm-cream); padding: 0 var(--bbm-gutter) var(--bbm-section-y); }.baked-by-madison .bbm-form-card { max-width: 860px; margin-inline: auto; padding: clamp(1.5rem, 1rem + 3vw, 3.5rem); background: var(--bbm-white); border-radius: var(--bbm-radius-lg); border: 1px solid var(--bbm-oat); box-shadow: var(--bbm-shadow); position: relative;}.baked-by-madison .bbm-form-card::before { /* caramel top edge */ content: ""; position: absolute; left: 2rem; right: 2rem; top: -1px; height: 4px; border-radius: 0 0 4px 4px; background: linear-gradient(90deg, var(--bbm-sage), var(--bbm-butter), var(--bbm-caramel));}.baked-by-madison .bbm-form-card__head { text-align: center; margin-bottom: var(--bbm-space-6); }.baked-by-madison .bbm-form-card__head h3 { font-size: var(--bbm-fs-h3); }.baked-by-madison .bbm-form-card__head p { margin-top: var(--bbm-space-2); color: var(--bbm-cocoa); font-size: var(--bbm-fs-sm); }/* Generic, version-tolerant field styling for whatever markup Live Forms renders (plain HTML controls and/or Bootstrap classes). */.baked-by-madison.bbm-order-form-shell :where(fieldset) { border: 0; margin: 0 0 var(--bbm-space-6); padding: 0; min-width: 0; }.baked-by-madison.bbm-order-form-shell :where(legend) { display: block; width: 100%; margin-bottom: var(--bbm-space-4); padding-bottom: var(--bbm-space-2); border-bottom: 1px solid var(--bbm-oat); font-family: var(--bbm-font-display); font-size: 1.375rem; font-weight: 500; color: var(--bbm-chocolate);}.baked-by-madison.bbm-order-form-shell :where(label, .control-label, .form-label) { display: block; margin-bottom: .4rem; font-size: var(--bbm-fs-sm); font-weight: 600; color: var(--bbm-chocolate);}.baked-by-madison.bbm-order-form-shell :where(input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="date"], , textarea, .form-control) { width: 100%; min-height: 3rem; padding: .7rem 1rem; font: inherit; font-size: 1rem; color: var(--bbm-chocolate); background: var(--bbm-cream); border: 1.5px solid var(--bbm-oat); border-radius: var(--bbm-radius-sm); box-shadow: none; appearance: none; -webkit-appearance: none; transition: border-color .2s, background .2s, box-shadow .2s;}.baked-by-madison.bbm-order-form-shell :where() { padding-right: 2.5rem; background-image: url("image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%235E463A' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 1rem center;}.baked-by-madison.bbm-order-form-shell :where(textarea) { min-height: 7.5rem; resize: vertical; }.baked-by-madison.bbm-order-form-shell :where(input, , textarea, .form-control):focus { outline: none; border-color: var(--bbm-caramel); background: var(--bbm-white); box-shadow: 0 0 0 4px rgba(168, 87, 26, .18);}.baked-by-madison.bbm-order-form-shell :where(input[type="checkbox"], input[type="radio"]) { width: 1.15rem; height: 1.15rem; accent-color: var(--bbm-caramel-deep); margin: 0 .55rem 0 0; vertical-align: -.15em;}.baked-by-madison.bbm-order-form-shell :where(.checkbox label, .radio label, .form-check-label) { font-weight: 400; display: inline; }.baked-by-madison.bbm-order-form-shell :where([aria-invalid="true"], .ng-invalid.ng-touched, .is-invalid, .has-error .form-control) { border-color: #A3352B; }.baked-by-madison.bbm-order-form-shell :where(.help-block, .invalid-feedback, .text-danger, .error) { font-size: var(--bbm-fs-xs); color: #A3352B; margin-top: .3rem; }.baked-by-madison.bbm-order-form-shell :where(button[type="submit"], input[type="submit"], .btn-primary) { display: inline-flex; align-items: center; justify-content: center; width: auto; min-height: var(--bbm-btn-h); padding: 0 2.25rem; border: 0; border-radius: var(--bbm-radius-pill); cursor: pointer; background: var(--bbm-btn-bg); color: var(--bbm-white); font-family: var(--bbm-font-body); font-size: 1.0625rem; font-weight: 600; text-transform: none; letter-spacing: .01em; box-shadow: 0 10px 24px -10px rgba(138, 69, 18, .7); transition: background .25s, transform .25s var(--bbm-ease);}.baked-by-madison.bbm-order-form-shell :where(button[type="submit"], input[type="submit"], .btn-primary):hover { background: var(--bbm-btn-bg-hover); transform: translateY(-2px); }/* Two-up field rows used by the preview mock; Live Forms has its own column settings — use them, or add class "bbm-field-half" if your version allows CSS classes per field. */.baked-by-madison .bbm-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--bbm-space-4); }.baked-by-madison .bbm-field { margin-bottom: var(--bbm-space-4); }.baked-by-madison .bbm-field__hint { margin-top: .3rem; font-size: var(--bbm-fs-xs); color: var(--bbm-cocoa); }.baked-by-madison .bbm-check-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .55rem var(--bbm-space-4); }.baked-by-madison .bbm-check-grid label { font-weight: 400; margin: 0; }.baked-by-madison .bbm-summary { margin-top: var(--bbm-space-2); padding: var(--bbm-space-5); border-radius: var(--bbm-radius); background: var(--bbm-vanilla); border: 1px dashed var(--bbm-butter);}.baked-by-madison .bbm-summary__row { display: flex; justify-content: space-between; gap: 1rem; padding: .35rem 0; font-size: var(--bbm-fs-sm); color: var(--bbm-cocoa); }.baked-by-madison .bbm-summary__row--total { margin-top: .35rem; padding-top: .7rem; border-top: 1px solid var(--bbm-oat); font-size: 1rem; font-weight: 700; color: var(--bbm-chocolate); }.baked-by-madison .bbm-preview-flag { display: flex; gap: .6rem; align-items: flex-start; margin-bottom: var(--bbm-space-6); padding: .75rem 1rem; border-radius: var(--bbm-radius-sm); background: var(--bbm-sage-soft); color: var(--bbm-sage); font-size: var(--bbm-fs-xs); font-weight: 600; line-height: 1.45;}/* --------------------------------------------------------------- 12. CONTACT, FOOTER, STICKY CTA---------------------------------------------------------------- */.baked-by-madison.bbm-contact { background: var(--bbm-cream); padding-top: 0; }.baked-by-madison .bbm-contact__card { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(2rem, 5vw, 5rem); align-items: center; padding: clamp(2rem, 1.5rem + 4vw, 5rem); border-radius: var(--bbm-radius-lg); background: radial-gradient(30rem 20rem at 100% 100%, rgba(232, 185, 138, .45), transparent 70%), var(--bbm-blush);}.baked-by-madison .bbm-contact__list { display: grid; gap: var(--bbm-space-3); font-style: normal; }.baked-by-madison .bbm-contact__item { display: flex; align-items: center; gap: var(--bbm-space-4); padding: var(--bbm-space-4) var(--bbm-space-5); border-radius: var(--bbm-radius); background: rgba(255, 255, 255, .7); text-decoration: none; color: var(--bbm-chocolate); border: 1px solid transparent; transition: background .25s, border-color .25s, transform .25s var(--bbm-ease);}.baked-by-madison a.bbm-contact__item:hover { background: var(--bbm-white); border-color: var(--bbm-butter); transform: translateX(4px); }.baked-by-madison .bbm-contact__icon { flex: none; width: 2.75rem; height: 2.75rem; border-radius: 50%; display: grid; place-items: center; background: var(--bbm-espresso); color: var(--bbm-butter); }.baked-by-madison .bbm-contact__item small { display: block; font-size: var(--bbm-fs-xs); font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--bbm-cocoa); }.baked-by-madison .bbm-contact__item span:not(.bbm-contact__icon) { display: block; font-weight: 600; overflow-wrap: anywhere; min-width: 0; }.baked-by-madison.bbm-footer { background: var(--bbm-espresso); color: #E1D3C1; padding-block: clamp(3rem, 6vw, 4.5rem) var(--bbm-space-7); }.baked-by-madison .bbm-footer__grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: var(--bbm-space-7); }.baked-by-madison.bbm-footer .bbm-wordmark { color: var(--bbm-cream); font-size: 1.875rem; }.baked-by-madison.bbm-footer .bbm-wordmark em { color: var(--bbm-butter); }.baked-by-madison .bbm-footer__tag { margin-top: var(--bbm-space-3); max-width: 22rem; font-size: var(--bbm-fs-sm); }.baked-by-madison.bbm-footer h2 { font-family: var(--bbm-font-body); font-size: var(--bbm-fs-xs); font-weight: 600; letter-spacing: var(--bbm-tracking-eyebrow); text-transform: uppercase; color: var(--bbm-butter); }.baked-by-madison.bbm-footer ul { margin-top: var(--bbm-space-4); display: grid; gap: .5rem; font-size: var(--bbm-fs-sm); }.baked-by-madison.bbm-footer a { color: var(--bbm-cream); text-decoration: none; background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat; transition: background-size .3s var(--bbm-ease); }.baked-by-madison.bbm-footer a:hover { background-size: 100% 1px; color: var(--bbm-white); }.baked-by-madison.bbm-footer p.bbm-footer__cause { margin-top: var(--bbm-space-4); font-size: var(--bbm-fs-sm); }.baked-by-madison .bbm-footer__base { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--bbm-space-3); margin-top: var(--bbm-space-7); padding-top: var(--bbm-space-5); border-top: 1px solid rgba(251, 246, 238, .14); font-size: var(--bbm-fs-xs); color: #CDBBA6;}/* Sticky mobile "Order Now" — only shown once JS confirms it's useful (hidden while the hero CTA or the order form are on screen). */.bbm-sticky-order { position: fixed; left: 50%; bottom: max(14px, env(safe-area-inset-bottom)); z-index: 990; translate: -50% 140%; opacity: 0; pointer-events: none; transition: translate .45s var(--bbm-ease), opacity .3s; font-family: var(--bbm-font-body);}.bbm-sticky-order .bbm-btn { box-shadow: 0 12px 30px -8px rgba(46, 28, 18, .55); padding: 0 1.75rem; }.bbm-sticky-order.is-shown { translate: -50% 0; opacity: 1; pointer-events: auto; }.bbm-sticky-order:focus-within { outline: none; }.bbm-sticky-order .bbm-btn:focus-visible { outline: 3px solid var(--bbm-butter); outline-offset: 3px; }/* --------------------------------------------------------------- RESPONSIVE---------------------------------------------------------------- */@media (max-width: 1024px) { .baked-by-madison .bbm-hero__grid { grid-template-columns: 1fr 1fr; } .baked-by-madison .bbm-cause__bottom, .baked-by-madison .bbm-order__grid { grid-template-columns: 1fr; } .baked-by-madison .bbm-product { grid-template-columns: 1fr; } .baked-by-madison .bbm-product--flip .bbm-product__media { order: 0; } .baked-by-madison .bbm-product__media { min-height: 0; aspect-ratio: 16 / 10; } .baked-by-madison .bbm-gallery__grid { grid-template-columns: repeat(3, 1fr); } .baked-by-madison .bbm-footer__grid { grid-template-columns: 1fr 1fr; } .baked-by-madison .bbm-footer__brand { grid-column: 1 / -1; }}@media (max-width: 768px) { .baked-by-madison { --bbm-fs-base: 1rem; } /* page bar: inline links + Order button collapse into the hamburger */ .baked-by-madison .bbm-bar__links { display: none; } .baked-by-madison .bbm-bar__menu { display: block; } .baked-by-madison .bbm-bar__nav { gap: .5rem; } .baked-by-madison .bbm-bar__order { --bbm-btn-h: 2.75rem; --bbm-btn-px: .95rem; font-size: .875rem; } .baked-by-madison .bbm-bar .bbm-wordmark, .baked-by-madison .bbm-bar.is-stuck .bbm-wordmark { font-size: 1.15rem; } .baked-by-madison .bbm-bar__toggle { width: 44px; height: 44px; } .baked-by-madison .bbm-bar { padding-block: var(--bbm-space-3); } .baked-by-madison .bbm-hero__grid { grid-template-columns: 1fr; padding-top: var(--bbm-space-6); } .baked-by-madison .bbm-hero__media { order: -1; width: min(86%, 420px); margin-bottom: var(--bbm-space-4); } .baked-by-madison .bbm-hero__detail { left: -7%; width: 34%; border-width: 4px; } .baked-by-madison .bbm-seal { right: 5%; width: 96px; } .baked-by-madison .bbm-btn-row .bbm-btn { flex: 1 1 12rem; } .baked-by-madison .bbm-cause__top { grid-template-columns: 1fr; } .baked-by-madison .bbm-steps { grid-template-columns: 1fr; gap: var(--bbm-space-6); } .baked-by-madison .bbm-step + .bbm-step::after { content: "↓"; left: 50%; top: calc(-1 * var(--bbm-space-6) / 2); } .baked-by-madison .bbm-prices__grid { grid-template-columns: repeat(2, 1fr); gap: var(--bbm-space-3); } .baked-by-madison .bbm-about__grid { grid-template-columns: 1fr; } .baked-by-madison .bbm-about__media { width: min(88%, 440px); } .baked-by-madison .bbm-contact__card { grid-template-columns: 1fr; } .baked-by-madison .bbm-gallery__head { flex-direction: column; align-items: start; } .baked-by-madison .bbm-field-row, .baked-by-madison .bbm-check-grid { grid-template-columns: 1fr; } .baked-by-madison .bbm-cause__panel { border-radius: var(--bbm-radius); }}@media (max-width: 480px) { .baked-by-madison .bbm-container { padding-inline: 1rem; } .baked-by-madison .bbm-wordmark { font-size: 1.3rem; } .baked-by-madison .bbm-gallery__grid { grid-template-columns: repeat(2, 1fr); } .baked-by-madison .bbm-facts { grid-template-columns: 1fr; gap: var(--bbm-space-5); } .baked-by-madison .bbm-footer__grid { grid-template-columns: 1fr; } .baked-by-madison .bbm-custom .bbm-btn { width: 100%; }}@media (min-width: 769px) { .bbm-sticky-order { display: none; } }@media (max-width: 340px) { .baked-by-madison .bbm-bar__order { display: none; } }/* With the sticky header active, the floating mobile CTA isn't needed */.bbm-has-sticky-header .bbm-sticky-order { display: none !important; }/* --------------------------------------------------------------- 13. MOTION, EDIT MODE, PRINT---------------------------------------------------------------- *//* Scroll-reveal: content is fully visible by default. Only when JS has run (html.bbm-reveal-ready) are elements pre-hidden, so a JS failure can never leave the page blank. */.bbm-reveal-ready .baked-by-madison [data-bbm-reveal] { opacity: 0; transform: translateY(24px); transition: opacity var(--bbm-dur) var(--bbm-ease), transform var(--bbm-dur) var(--bbm-ease); transition-delay: var(--bbm-delay, 0s);}.bbm-reveal-ready .baked-by-madison [data-bbm-reveal].is-visible { opacity: 1; transform: none; }@media (prefers-reduced-motion: reduce) { .baked-by-madison *, .baked-by-madison *::before, .baked-by-madison *::after, .bbm-sticky-order, .bbm-sticky-order * { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; } .bbm-reveal-ready .baked-by-madison [data-bbm-reveal] { opacity: 1; transform: none; }}/* DNN edit mode / Glend content builder: keep everything visible and static so editors can work. CSS-only fallbacks cover the builder starting after our . */.bbm-edit-mode .baked-by-madison [data-bbm-reveal],.is-builder .baked-by-madison [data-bbm-reveal],.baked-by-madison[contenteditable] [data-bbm-reveal],.baked-by-madison [contenteditable] [data-bbm-reveal],[contenteditable] .baked-by-madison [data-bbm-reveal] { opacity: 1 !important; transform: none !important; }.bbm-edit-mode .bbm-sticky-order,.is-builder .bbm-sticky-order,.baked-by-madison .bbm-block .bbm-sticky-order { position: static; display: none !important; }.bbm-edit-mode .baked-by-madison .bbm-bar.is-stuck,.is-builder .baked-by-madison .bbm-bar.is-stuck { position: relative; left: auto; width: auto; animation: none; }.bbm-edit-mode .baked-by-madison .bbm-seal__ring,.is-builder .baked-by-madison .bbm-seal__ring { animation: none; }@media print { .bbm-sticky-order, .baked-by-madison .bbm-bar__nav, .baked-by-madison .bbm-gallery { display: none !important; } .baked-by-madison.bbm-section { padding-block: 1.5rem; } .baked-by-madison .bbm-cause__panel, .baked-by-madison.bbm-footer { background: #fff; color: #000; }} :root{ --headerHeight: calc( var(--header-top-height,0px) + var(--header-center-height,0px) + var(--header-bottom-height,0px) ); --mobileHeaderHeight: calc( var(--header-mobile-top-height,0px) + var(--header-mobile-height,0px) + var(--header-mobile-bottom-height,0px) ); --floatingHeaderHeight: calc( var(--floating-header-top-height,0px) + var(--floating-header-center-height,0px) + var(--floating-header-bottom-height,0px) ); } .dng-main{ background-color:#FFFFFF; } .container{ padding-left:15px; padding-right:15px; width: var(--container-width); max-width: 100%; } .is-container{ max-width:var(--container-width); } .container-fluid { padding-right:15px; padding-left:15px; margin-right: auto; margin-left: auto; } #dnn_content{ padding-top:0px; padding-bottom:0px; } @media (min-width:576px) { } @media (min-width:768px) { } @media (min-width:992px) { } @media (min-width:1200px) { } .left-full-column > .full-column-inner{ margin-inline-start:calc((var(--container-width) - 100vw)/2); width:calc(100% + (100vw - var(--container-width))/2); } .right-full-column > .full-column-inner{ margin-inline-end:calc((var(--container-width) - 100vw)/2); width:calc(100% + (100vw - var(--container-width))/2); } .full-column > .full-column-inner{ width:100vw; margin-inline-start:calc((var(--container-width) - 100vw)/2 - 15px); } .layout-no-plr .full-column > .full-column-inner{ margin-inline-start:calc((var(--container-width) - 100vw)/2); } h1, h2, h3, h4, h5, h6{ font-family:inherit; } h1{ color:var(--h1-color); font-family:"Alata"; font-weight:500; font-size:2.25rem; line-height:1.2; letter-spacing:0; } h2{ color:var(--h2-color); font-family:"Alata"; font-weight:500; font-size:1.75rem; line-height:1.3; letter-spacing:0; } h3{ color:var(--h3-color); font-family:"Alata"; font-weight:500; font-size:1.75rem; line-height:1.3; letter-spacing:0; } h4{ color:var(--h4-color); font-family:"Alata"; font-weight:500; font-size:1.625rem; line-height:1.4; letter-spacing:0; } h5{ color:var(--h5-color); font-family:"Alata"; font-weight:500; font-size:1.375rem; line-height:1.4; letter-spacing:0; } h6{ color:var(--h6-color); font-family:"Alata"; font-weight:500; font-size:1.25rem; line-height:1.5; letter-spacing:0; } #Body .is-inherit-root-text, #Body .is-inherit-root-text p, #Body .is-inherit-root-text li, #Body .is-inherit-root-text div, #Body .is-inherit-root-text span{ color: var(--default-color); } #Body .is-inherit-root-text h1{ color:var(--h1-color); } #Body .is-inherit-root-text h2{ color:var(--h2-color); } #Body .is-inherit-root-text h3{ color:var(--h3-color); } #Body .is-inherit-root-text h4{ color:var(--h4-color); } #Body .is-inherit-root-text h5{ color:var(--h5-color); } #Body .is-inherit-root-text h6{ color:var(--h6-color); } #Body .is-inherit-root-text a, #Body .is-inherit-root-text a:link{ color:var(--link-color); } #Body .is-inherit-root-text a:visited{ color:var(--link-visited-color); } #Body .is-inherit-root-text a:hover{ color:var(--link-hover-color); } #Body .is-inherit-root-text a:active{ color:var(--link-active-color); } @media only screen and (min-width: 576px) { } @media only screen and (min-width: 768px) { } @media only screen and (min-width: 992px) { h1{ font-size:3rem; line-height:1.2; } h2{ font-size:2.5rem; line-height:1.4; } h3{ font-size:2rem; } } @media only screen and (min-width: 1200px) { } a, a:link{ color: var(--link-color); } a:visited{ color: var(--link-visited-color); } a:hover{ color: var(--link-hover-color); } a:active{ color: var(--link-active-color); } .btn-accent, a.btn-accent{ color:var(--accent-color); border-color:var(--accent-color); background-color:var(--accent-color); } [class*="am-btn-"].btn-accent:before{ background-color:var(--accent-color); } div [class*="am-btn-"].hover-accent:hover{ color:var(--accent-color); border-color:var(--accent-color); background-color:var(--accent-color); } div [class*="am-btn-"].hover-accent:hover:before{ background-color:var(--accent-color); } #Body .bg-accent{ background-color:var(--accent-color); } #Body .color-accent{ color:var(--accent-color); } #Body .border-accent{ border-color:var(--accent-color); } #Body .bg-accent-hover:hover{ background-color:var(--accent-color); } #Body .color-accent-hover:hover{ color:var(--accent-color); } #Body .border-accent-hover:hover{ border-color:var(--accent-color); } #Body .bg-accent2{ background-color:var(--accent-color2); } #Body .color-accent2{ color:var(--accent-color2); } #Body .border-accent2{ border-color:var(--accent-color2); } #Body .bg-accent3{ background-color:var(--accent-color3); } #Body .color-accent3{ color:var(--accent-color3); } #Body .border-accent3{ border-color:var(--accent-color3); } #Body .bg-accent4{ background-color:var(--accent-color4); } #Body .color-accent4{ color:var(--accent-color4); } #Body .border-accent4{ border-color:var(--accent-color4); } b, strong{ font-weight:600; } .bold, .font-weight-bold, .strong-before:before, .strong-after:after, .strong-before :before, .strong-after :after{ font-weight:600!important; } #Body, body, .Head, .SubTitle, .SubSubTitle, .Normal{ font-family: var(--family); font-size: 1rem; line-height: 1.8; letter-spacing: 0; color: var(--default-color); } .default-size{font-size:1rem;} .default-lineheight{line-height:1.8;} @media (min-width:576px) { } @media (min-width:768px) { } @media (min-width:992px) { } @media (min-width:1200px) { } button, input, select, textarea, .btn{ font-family: var(--family); } .default-color{ color: var(--default-color)!important; } .default-bg-color{ background-color: var(--default-color)!important; } .default-bg-color-hover:hover{ background-color: var(--default-color)!important; } .default-border-color{ border-color: var(--default-color)!important; } .accent-color{ color: $var(--accent-color); } .default-family{ font-family: var(--family)!important; } .family2{ font-family: var(--family2)!important; } /*default color*/ /*page title*/ .page-title-bg{ background-color:#f0f0f0; } .page-title .title-area:after{ border-color: #f3bebe; } .page-title-bg.light-overlay::after{ background-color: rgba(255, 255, 255, 0.10); } .page-title-bg.dark-overlay::after{ background-color: rgba(0, 0, 0, 0.10); } .page-title-container{ height: 200px; } @media only screen and (max-width: 767px) { .page-title-container{ height: auto;padding-top:35px;padding-bottom:35px; } } @media only screen and (min-width: 768px) and (max-width: 991px){ .page-title-container{ height:120px; min-height:162px; padding-top: 45px; padding-bottom: 45px; } } .page-title .main-title span::before{ background-image: linear-gradient(to right, #f3bebe , #fff1cd); } /*breadcrumbs*/ .page-breadcrumbs{ background-color:#ffffff; } .page-breadcrumbs > .container{ padding-top:20px; padding-bottom:10px; } .page-breadcrumbs .breadcrumbs a:hover{ color:var(--accent-color)!important; } .page-breadcrumbs .breadcrumbs{ color: #666666; font-size: 14px; } .page-breadcrumbs .breadcrumbs-box > a, .page-breadcrumbs .breadcrumbs-box > span > span > span{ line-height:20px; } .page-breadcrumbs .breadcrumbs a, .page-breadcrumbs .breadcrumbs a:link, .page-breadcrumbs .breadcrumbs a:active, .page-breadcrumbs .breadcrumbs a:visited{ color: #666666; font-size: 14px; } .page-breadcrumbs .breadcrumbs a:hover{ color:var(--accent-color)!important; } .breadcrumbs_sytle2 .breadcrumbs-box, .breadcrumbs_sytle3 .breadcrumbs-box > a:before, .breadcrumbs_sytle3 .breadcrumbs-box > span > span > span:before{ background-color:#ededed; } /*sidebar dynamic*/ .sidebar_dynamic.sidebar_dynamic_sytle01{ padding-right:40px; } .sidebar_dynamic.sidebar_dynamic_sytle01 > .sidebar_sticky{ } .sidebar-main{ display: flex; } .sidebar-main .sidebar-bar{ width: 340px; flex: 0 0 340px; } .sidebar-main .sidebar-container{ flex-grow: 1; width: calc(100% - 340px); } .sidebar-main .sidebar_pos_right{ order:2 } @media only screen and (max-width: 767px) { .sidebar-main{ flex-direction: column; } .sidebar-main .sidebar-bar{ width:100%; flex: 0 0 100%; } .sidebar-main .sidebar-container{ width: 100%; flex: 0 0 100%; } .sidebar-main .sidebar-bar{ order:1 } .sidebar-main .sidebar-container{ order:0 } } @media only screen and (max-width: 991px) { .sidebar_dynamic.sidebar_dynamic_sytle01{ padding-right:15px!important; padding-left:15px!important; margin-top: 30px; } .sidebar_dynamic.sidebar_dynamic_sytle01 > .sidebar_sticky{ padding-top:0!important; padding-bottom:0!important; } } .has-sidebar >.row{ position: relative; } /*page */ .swiper-container .swiper-pagination-bullet-active{ background: var(--accent-color); } .swiper-container .swiper-button-next:hover, .swiper-container .swiper-button-prev:hover{ color: var(--accent-color); } .isotope-grid .isotope-group a:before { border-top-color:var(--accent-color2); } .isotope-grid .isotope-group a:after { border-top-color:var(--accent-color2); } .easy-carousel .pagination-bullet{ color: var(--accent-color); } /*backtop */ .fixed-backtop{ position: fixed; right: 42px; bottom:42px; margin: 0; padding: 0; z-index: 1100; width: 56px; height: 56px; color: #c72d29; cursor: pointer; transition:all 300ms ease-in ; margin-right: -100px; } .fixed-backtop.active{ margin-right: 0; } .fixed-backtop::after{ content: ""; width: 100%; height: 100%; border: 2px solid currentColor; position: absolute; left: 0; top: 0; border-radius: 50%; opacity: .3; transition:all 300ms ease-in ; } .fixed-backtop svg{ fill: transparent; transform: rotate(-90deg); } .fixed-backtop svg circle { stroke: currentColor; stroke-width: 2; fill: none; stroke-dasharray: 150px; box-sizing: border-box; stroke-dashoffset: -150px; } .fixed-backtop .backtop-arrow{ opacity: 0.6; transition:all 300ms ease-in ; } .fixed-backtop .backtop-arrow::after{ content: ""; width: 12px; height: 12px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; position: absolute; left: 50%; top: 50%; transform: rotate(-45deg); margin: -8px 0 0 -5px; } .fixed-backtop .backtop-arrow::before{ content: ""; position: absolute; left: 50%; border-right: 2px solid currentColor; top: 18px; bottom: 18px; } .fixed-backtop:hover .backtop-arrow{ opacity: 1; } @media only screen and (max-width: 767px) { .fixed-backtop{ right: 15px; bottom: 15px; -webkit-transform: scale(0.714285714); transform: scale(0.714285714); -webkit-transform-origin: right bottom; transform-origin: right bottom; } }