/* Blissful Bites design v2 (October 2026)
 * Loaded after bb-home.css on pages with the bb-v2 body class.
 * Motion only uses transform and opacity, and switches off for people who prefer reduced motion.
 */
@font-face{font-family:'Fraunces';font-style:normal;font-weight:300 600;font-display:swap;src:url(/wp-content/themes/Divi-Child-Theme/assets/fonts/fraunces-roman.woff2) format('woff2')}
@font-face{font-family:'Fraunces';font-style:italic;font-weight:300 600;font-display:swap;src:url(/wp-content/themes/Divi-Child-Theme/assets/fonts/fraunces-italic.woff2) format('woff2')}
@view-transition{navigation:auto}

.bb-v2{--bb-serif:'Fraunces',Georgia,'Times New Roman',serif;--bb-ease:cubic-bezier(.22,1,.36,1)}

/* ---------- Type ---------- */
.bb-v2 .bb-hero__title,.bb-v2 .bb-sec__title,.bb-v2 .bb-card__title,.bb-v2 .bb-crave h2,.bb-v2 .bb-product h3,.bb-v2 .bb-services strong,.bb-v2 .bb-hero__hi{font-family:var(--bb-serif);font-optical-sizing:auto}
.bb-v2 .bb-hero__title{font-weight:420;font-size:clamp(44px,6.2vw,84px);line-height:1;letter-spacing:-.03em;margin-bottom:26px!important}
.bb-v2 .bb-sec__title{font-weight:420;font-size:clamp(32px,4vw,52px);line-height:1.06;letter-spacing:-.02em}
.bb-v2 h1 em,.bb-v2 h2 em{font-style:italic;font-weight:360;color:var(--bb-peach-ink)}
.bb-v2 .bb-work h2 em{color:var(--bb-peach)}
.bb-v2 .bb-hero__hi{font-style:italic;font-weight:400;font-size:clamp(19px,1.6vw,22px);color:var(--bb-peach-ink);margin-bottom:18px!important;letter-spacing:0}
.bb-v2 .bb-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.18em;font-weight:600;color:var(--bb-peach-ink);margin-bottom:12px!important}
.bb-v2 .bb-card__title{font-weight:450;font-size:22px;line-height:1.22;letter-spacing:-.01em}
.bb-v2 .bb-crave h2{font-weight:420;font-size:28px}
.bb-v2 .bb-product h3{font-weight:450;font-size:21px}
.bb-v2 .bb-services strong{font-weight:450;font-size:20px}

/* ---------- Warm grain on the cream sections ---------- */
.bb-v2 .bb-hero,.bb-v2 .bb-crave,.bb-v2 .bb-follow{position:relative;isolation:isolate}
.bb-v2 .bb-hero::before,.bb-v2 .bb-crave::before,.bb-v2 .bb-follow::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.55;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .45 0 0 0 0 .36 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ---------- Hero ---------- */
.bb-v2 .bb-hero{padding-top:84px}
.bb-v2 .bb-hero__grid{grid-template-columns:1.15fr .85fr;gap:72px}
.bb-v2 .bb-line{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}
.bb-v2 .bb-line>span{display:inline-block}
.bb-v2 .bb-hero__media{aspect-ratio:4/5;border-radius:999px 999px 32px 32px;box-shadow:0 40px 80px -40px rgba(34,98,147,.45)}
.bb-v2 .bb-spin{position:absolute;left:-44px;bottom:48px;width:128px;height:128px;border-radius:50%;background:#fff;box-shadow:0 18px 40px -18px rgba(34,98,147,.4);display:grid;place-items:center;color:var(--bb-blue)}
.bb-v2 .bb-spin__ring{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);overflow:visible}
.bb-v2 .bb-spin__ring text{font-family:'Poppins',Helvetica,Arial,sans-serif;font-size:9.4px;font-weight:600;letter-spacing:.12em;fill:var(--bb-blue)}
.bb-v2 .bb-spin__star{display:flex;color:var(--bb-peach-ink)}

/* ---------- Buttons and links ---------- */
.bb-v2 .bb-btn{transition:background-color .25s,color .25s,border-color .25s,transform .35s var(--bb-ease),box-shadow .35s var(--bb-ease)}
.bb-v2 .bb-btn:hover{transform:translateY(-2px)}
.bb-v2 .bb-btn--primary:hover{box-shadow:0 14px 28px -14px rgba(34,98,147,.6)}
.bb-v2 .bb-link{border-bottom:0;padding-bottom:4px;background:linear-gradient(var(--bb-peach),var(--bb-peach)) 0 100%/100% 2px no-repeat;transition:background-size .45s var(--bb-ease),color .2s}
.bb-v2 .bb-link:hover{background-size:0 2px;background-position:100% 100%}

/* ---------- Recipes: editorial grid ---------- */
.bb-v2 .bb-cards--feature{grid-template-columns:1.25fr 1fr 1fr;gap:36px 28px}
.bb-v2 .bb-card--feature{grid-row:1 / span 2;display:flex;flex-direction:column}
.bb-v2 .bb-card--feature .bb-card__img{position:relative;flex:1 1 0;aspect-ratio:auto;min-height:340px;border-radius:24px;margin-bottom:20px}
.bb-v2 .bb-card--feature .bb-card__img img{position:absolute;inset:0}
.bb-v2 .bb-card--feature .bb-card__title{font-size:clamp(26px,2.4vw,34px);line-height:1.12}
.bb-v2 .bb-card__excerpt{font-size:15px;line-height:1.7;color:var(--bb-muted);margin-top:10px!important;max-width:34em}
.bb-v2 .bb-card__img img{transition:transform .8s var(--bb-ease)}
.bb-v2 .bb-card:hover .bb-card__img img{transform:scale(1.05)}
.bb-v2 .bb-chip{transition:background-color .25s,color .25s,border-color .25s,transform .35s var(--bb-ease)}
.bb-v2 .bb-chip:hover{transform:translateY(-2px)}

/* ---------- About ---------- */
.bb-v2 .bb-about__media{border-radius:999px 999px 28px 28px;aspect-ratio:4/5}
.bb-v2 .bb-about p.bb-kicker{font-size:12px;line-height:1.4;color:var(--bb-peach-ink);max-width:none;margin-bottom:12px!important}

/* ---------- Brand strip ---------- */
.bb-v2 .bb-marquee{padding:12px 0 72px}
.bb-v2 .bb-marquee__label{text-align:center}
.bb-v2 .bb-marquee__track{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.bb-v2 .bb-marquee__inner{display:flex;width:max-content}
.bb-v2 .bb-marquee__set{display:flex;flex:none}
.bb-v2 .bb-marquee .bb-logos{display:flex;flex-wrap:nowrap;gap:0;margin:0!important;padding:0!important}
.bb-v2 .bb-marquee .bb-logos li{flex:none;height:80px;width:200px;max-width:none;padding:0 28px!important;margin:0!important;list-style:none}
.bb-v2 .bb-marquee .bb-logos li:hover img{filter:none;opacity:1}

/* ---------- Work panel ---------- */
.bb-v2 .bb-work__grid{position:relative;overflow:hidden}
.bb-v2 .bb-work__grid::after{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(248,152,104,.28),transparent 70%);pointer-events:none}

/* ---------- Header: sticks and turns to frosted glass on scroll ---------- */
.bb-v2 .et-l--header{position:sticky;top:0;z-index:9990}
.admin-bar.bb-v2 .et-l--header{top:var(--wp-admin--admin-bar--height,32px)}
.bb-v2 .et-l--header .et_pb_section{transition:background-color .4s,box-shadow .4s}
.bb-v2 .et-l--header .et_pb_row{transition:padding .4s var(--bb-ease)}
.bb-v2 .et-l--header .et_pb_menu__logo img{transition:transform .4s var(--bb-ease);transform-origin:left center}
.bb-v2.bb-scrolled .et-l--header .et_pb_section{background-color:rgba(244,239,235,.78)!important;-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);box-shadow:0 1px 0 rgba(34,98,147,.08)}
.bb-v2.bb-scrolled .et-l--header .et_pb_row{padding-top:4px!important;padding-bottom:4px!important}
.bb-v2.bb-scrolled .et-l--header .et_pb_menu__logo img{transform:scale(.82)}
@media (max-width:600px){.admin-bar.bb-v2 .et-l--header{top:0}}

/* ---------- Motion ---------- */
@media (prefers-reduced-motion:no-preference){
	.bb-v2 .bb-line>span{animation:bbRise 1.1s var(--bb-ease) both}
	.bb-v2 .bb-line+.bb-line>span{animation-delay:.12s}
	.bb-v2 .bb-hero__hi{animation:bbFade .9s var(--bb-ease) .05s both}
	.bb-v2 .bb-hero__lede{animation:bbFade .9s var(--bb-ease) .35s both}
	.bb-v2 .bb-hero .bb-actions{animation:bbFade .9s var(--bb-ease) .45s both}
	.bb-v2 .bb-hero__media img{animation:bbSettle 1.8s var(--bb-ease) both}
	.bb-v2 .bb-hero__media{animation:bbFade 1.1s var(--bb-ease) .1s both}
	.bb-v2 .bb-spin{animation:bbPop .9s var(--bb-ease) .7s both}
	.bb-v2 .bb-spin__ring{animation:bbSpin 30s linear infinite}
	.bb-v2 .bb-marquee__inner{animation:bbSlide 40s linear infinite}
	.bb-v2 .bb-marquee__track:hover .bb-marquee__inner{animation-play-state:paused}
	.bb-js .bb-v2 [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity 1s var(--bb-ease) var(--d,0ms),transform 1s var(--bb-ease) var(--d,0ms)}
	.bb-js .bb-v2 [data-reveal].is-in{opacity:1;transform:none}
	::view-transition-old(root),::view-transition-new(root){animation-duration:.35s}
}
@media (prefers-reduced-motion:reduce){
	.bb-v2 .bb-marquee__set[aria-hidden]{display:none}
	.bb-v2 .bb-marquee__inner{width:auto;justify-content:center;flex-wrap:wrap}
	@view-transition{navigation:none}
}
@keyframes bbRise{from{transform:translateY(105%)}to{transform:none}}
@keyframes bbFade{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes bbSettle{from{transform:scale(1.1)}to{transform:none}}
@keyframes bbPop{from{opacity:0;transform:scale(.6) rotate(-30deg)}to{opacity:1;transform:none}}
@keyframes bbSpin{to{transform:rotate(360deg)}}
@keyframes bbSlide{to{transform:translateX(-50%)}}

/* ---------- Tablet and phone ---------- */
@media (max-width:980px){
	.bb-v2 .bb-hero{padding-top:44px}
	.bb-v2 .bb-hero__grid{grid-template-columns:1fr;gap:44px}
	.bb-v2 .bb-hero__visual{max-width:440px;width:100%;margin:0 auto}
	.bb-v2 .bb-hero__media{aspect-ratio:4/5}
	.bb-v2 .bb-spin{left:auto;right:-14px;bottom:28px;width:104px;height:104px}
	.bb-v2 .bb-cards--feature{grid-template-columns:repeat(2,minmax(0,1fr))}
	.bb-v2 .bb-card--feature{grid-column:1 / -1;grid-row:auto}
	.bb-v2 .bb-card--feature .bb-card__img{aspect-ratio:16/10;min-height:0;flex:none}
	.bb-v2 .bb-card--feature .bb-card__img img{position:static}
	.bb-v2 .bb-about__media{max-width:340px}
}
@media (max-width:600px){
	.bb-v2 .bb-hero__title{font-size:clamp(40px,11vw,52px)}
	.bb-v2 .bb-cards--feature{grid-template-columns:1fr}
	.bb-v2 .bb-card--feature .bb-card__img{aspect-ratio:4/3}
	.bb-v2 .bb-spin{width:92px;height:92px;right:-6px}
	.bb-v2 .bb-marquee .bb-logos li{width:160px;padding:0 20px!important}
}

/* ================= Rollout to the rest of the site (October 2026) ================= */

/* Page titles in the serif */
.bb-v2 .bb-post__title,.bb-v2 .bb-story__title,.bb-v2 .bb-pf__title,.bb-v2 .bb-archive__title{font-family:var(--bb-serif);font-optical-sizing:auto;font-weight:420;letter-spacing:-.03em;line-height:1.02}
.bb-v2 .bb-post__title{font-size:clamp(38px,5vw,64px)}
.bb-v2 .bb-archive__title{font-size:clamp(40px,5.4vw,68px)}
.bb-v2 .bb-pf__title,.bb-v2 .bb-story__title{font-size:clamp(46px,6.6vw,84px)}
.bb-v2 .bb-case__brand,.bb-v2 .bb-offer strong,.bb-v2 .bb-aud__card h3,.bb-v2 .bb-pf__logos-title{font-family:var(--bb-serif);font-optical-sizing:auto;font-weight:450;letter-spacing:-.01em}
.bb-v2 .bb-case__brand{font-size:24px}
.bb-v2 .bb-offer strong{font-size:22px}
.bb-v2 .bb-aud__card h3{font-size:20px}
.bb-v2 .bb-stats strong,.bb-v2 .bb-aud__nums strong{font-family:var(--bb-serif);font-optical-sizing:auto;font-weight:450;letter-spacing:-.02em;font-variant-numeric:lining-nums tabular-nums}

/* Recipe posts: serif headings in the write-up and on the recipe card */
.bb-v2 .bb-post__content h2,.bb-v2 .bb-post__content h3{font-family:var(--bb-serif)!important;font-optical-sizing:auto;font-weight:450;letter-spacing:-.015em}
.bb-v2 .bb-post__content h2{font-size:clamp(28px,3vw,36px);line-height:1.12}
.bb-v2 .bb-post__content h3{font-size:clamp(21px,2.2vw,25px);line-height:1.2}
.bb-v2 .wprm-recipe-container .wprm-recipe-name,.bb-v2 .wprm-recipe-container .wprm-recipe-header{font-family:var(--bb-serif)!important;font-weight:450!important;letter-spacing:-.01em}
.bb-v2 .bb-post__media{border-radius:999px 999px 28px 28px;aspect-ratio:4/5;max-height:640px}

/* Arch photos and warm grain on the cream heroes */
.bb-v2 .bb-story2__photo{border-radius:999px 999px 28px 28px}
.bb-v2 .bb-post__hero,.bb-v2 .bb-archive__hero,.bb-v2 .bb-pf__hero{position:relative;isolation:isolate}
.bb-v2 .bb-post__hero::before,.bb-v2 .bb-archive__hero::before,.bb-v2 .bb-pf__hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.55;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .45 0 0 0 0 .36 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* Portfolio and Media kit cards */
.bb-v2 .bb-case__media img,.bb-v2 .bb-case__media video{transition:transform .8s var(--bb-ease)}
.bb-v2 .bb-case:hover .bb-case__media img,.bb-v2 .bb-case:hover .bb-case__media video{transform:scale(1.04)}
.bb-v2 .bb-aud__card{transition:box-shadow .35s var(--bb-ease),transform .35s var(--bb-ease)}
.bb-v2 .bb-aud__card:hover{transform:translateY(-3px);box-shadow:0 22px 40px -28px rgba(34,98,147,.5)}

/* Story page: the photo sticks below the new sticky header */
.bb-v2 .bb-story2__media{top:120px}

/* Reading progress bar and floating "Jump to recipe" on recipe posts */
.bb-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:100000;pointer-events:none}
.admin-bar .bb-progress{top:var(--wp-admin--admin-bar--height,32px)}
.bb-progress span{display:block;height:100%;width:100%;background:var(--bb-peach-ink,#b8552a);transform-origin:0 50%;transform:scaleX(0)}
.bb-jump{position:fixed;left:50%;bottom:22px;z-index:9995;display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:999px;background:var(--bb-blue,#226293);color:#fff!important;font-size:15px;font-weight:500;line-height:1;box-shadow:0 16px 34px -14px rgba(34,98,147,.7);transform:translate(-50%,140%);opacity:0;transition:transform .5s var(--bb-ease),opacity .3s;pointer-events:none}
.bb-jump.is-on{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.bb-jump:hover{background:var(--bb-blue-2,#3a6ea5)}
.bb-jump svg{flex:none}

/* Shop: serif headings, nothing else moves */
.bb-v2.bb-shop #main-content .et_pb_heading h1,.bb-v2.bb-shop #main-content .et_pb_wc_title h1,.bb-v2.bb-shop #main-content h1.product_title,.bb-v2.bb-shop #main-content h1.entry-title,.bb-v2.bb-shop #main-content h1.main_title{font-family:'Fraunces',Georgia,serif!important;font-weight:420!important;letter-spacing:-.025em!important;font-optical-sizing:auto}
.bb-v2.bb-shop #main-content .woocommerce-loop-product__title,.bb-v2.bb-shop #main-content .related h2,.bb-v2.bb-shop #main-content .cart_totals h2,.bb-v2.bb-shop #main-content #order_review_heading,.bb-v2.bb-shop #main-content .woocommerce-billing-fields h3{font-family:'Fraunces',Georgia,serif!important;font-weight:450!important;letter-spacing:-.01em}

/* Motion for the rest of the site */
@media (prefers-reduced-motion:no-preference){
	.bb-v2 .bb-post__title,.bb-v2 .bb-story__title,.bb-v2 .bb-pf__title,.bb-v2 .bb-archive__title{animation:bbFade 1s var(--bb-ease) .05s both}
	.bb-v2 .bb-post__media img,.bb-v2 .bb-story2__photo img{animation:bbSettle 1.8s var(--bb-ease) both}
	.bb-v2 .bb-post__media,.bb-v2 .bb-story2__photo{animation:bbFade 1.1s var(--bb-ease) .1s both}
}
@media (max-width:980px){
	.bb-v2 .bb-post__media{aspect-ratio:4/3;border-radius:200px 200px 24px 24px}
}
@media (max-width:600px){
	.bb-jump{bottom:16px;padding:12px 20px;font-size:14px}
	.bb-v2 .bb-post__media{border-radius:140px 140px 20px 20px}
}

.bb-v2.bb-shop #page-container ul.products li.product .woocommerce-loop-product__title{font-family:'Fraunces',Georgia,serif!important;font-weight:450!important;letter-spacing:-.01em!important}
.bb-v2.bb-shop #page-container #main-content .et_pb_heading .et_pb_module_heading{font-family:'Fraunces',Georgia,serif!important;font-weight:420!important;letter-spacing:-.025em!important}

/* Simple reading pages: privacy policy and other text pages (October 2026) */
.bb-v2 .bb-simple .bb-archive__hero{padding-bottom:40px}
.bb-v2 .bb-simple__updated{font-size:14px;color:var(--bb-muted);margin-top:6px!important}
.bb-v2 .bb-simple__body{padding-top:64px}
.bb-v2 .bb-simple__content{max-width:720px;color:var(--bb-ink)}
.bb-v2 .bb-simple__content p,.bb-v2 .bb-simple__content li{font-size:17px;line-height:1.8;color:#3d3d3d}
.bb-v2 .bb-simple__content p{margin:0 0 20px!important;padding:0}
.bb-v2 .bb-simple__content h2{font-family:var(--bb-serif);font-optical-sizing:auto;font-weight:450;font-size:clamp(24px,2.6vw,30px);line-height:1.2;letter-spacing:-.015em;color:var(--bb-blue);margin:44px 0 14px!important;padding:0}
.bb-v2 .bb-simple__content h3{font-family:var(--bb-serif);font-weight:450;font-size:21px;color:var(--bb-ink);margin:28px 0 10px!important;padding:0}
.bb-v2 .bb-simple__content ul,.bb-v2 .bb-simple__content ol{margin:0 0 24px!important;padding:0 0 0 22px!important}
.bb-v2 .bb-simple__content ul li{list-style:disc;margin-bottom:10px!important;padding-left:4px}
.bb-v2 .bb-simple__content ol li{list-style:decimal;margin-bottom:10px!important;padding-left:4px}
.bb-v2 .bb-simple__content li::marker{color:var(--bb-peach-ink)}
.bb-v2 .bb-simple__content a{color:var(--bb-blue);border-bottom:1px solid var(--bb-peach)}
.bb-v2 .bb-simple__content strong{color:var(--bb-ink);font-weight:600}
@media (max-width:600px){.bb-v2 .bb-simple__body{padding-top:40px}.bb-v2 .bb-simple__content p,.bb-v2 .bb-simple__content li{font-size:16px}}