.bb-story{position:relative;isolation:isolate;overflow:clip;padding-block:clamp(var(--bb-space-4),7vw,calc(6 * var(--bb-rem)));color:var(--bb-flour);background-color:var(--bb-roux)}.bb-story:before,.bb-story:after{position:absolute;z-index:-1;border:1px dashed color-mix(in srgb,var(--bb-flour) 16%,transparent);border-radius:49% 51% 45% 55%/53% 44% 56% 47%;content:"";pointer-events:none}.bb-story:before{top:calc(-8 * var(--bb-rem));right:calc(-5 * var(--bb-rem));width:clamp(calc(15 * var(--bb-rem)),33vw,calc(30 * var(--bb-rem)));aspect-ratio:1;transform:rotate(12deg)}.bb-story:after{bottom:calc(12 * var(--bb-rem));left:calc(-9 * var(--bb-rem));width:clamp(calc(14 * var(--bb-rem)),28vw,calc(25 * var(--bb-rem)));aspect-ratio:1;transform:rotate(-18deg)}.bb-story__intro{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(calc(17 * var(--bb-rem)),.8fr);column-gap:clamp(var(--bb-space-3),8vw,var(--bb-space-6));align-items:end}.bb-story__eyebrow{grid-column:1 / -1;margin-bottom:var(--bb-space-2);color:var(--bb-cane)}.bb-story__title{max-width:13ch;margin:0;color:var(--bb-flour);font-size:clamp(calc(2.45 * var(--bb-rem)),5.75vw,calc(5 * var(--bb-rem)));line-height:.94;text-wrap:balance}.bb-story__lead{max-width:34ch;margin:0 0 calc(.45 * var(--bb-rem));color:color-mix(in srgb,var(--bb-flour) 82%,transparent);font-family:var(--bb-font-body);font-size:clamp(calc(1 * var(--bb-rem)),1.75vw,calc(1.25 * var(--bb-rem)));line-height:1.5}.bb-story__ritual-wrap{position:relative;z-index:3;margin-top:clamp(var(--bb-space-3),4.5vw,var(--bb-space-5))}.bb-story__ritual{display:flex;align-items:center;justify-content:center;gap:clamp(calc(.65 * var(--bb-rem)),2vw,calc(1.5 * var(--bb-rem)));width:calc(100% + 1.4 * var(--bb-rem));margin-left:calc(-.7 * var(--bb-rem));padding:clamp(calc(.9 * var(--bb-rem)),1.8vw,calc(1.25 * var(--bb-rem))) clamp(calc(1 * var(--bb-rem)),3vw,calc(2.4 * var(--bb-rem)));color:var(--bb-roux);background-color:var(--bb-cane);clip-path:polygon(.4% 9%,24% 3%,51% 8%,76% 1%,99.5% 7%,100% 91%,73% 97%,48% 91%,22% 99%,0 92%);font-family:var(--bb-font-body);box-shadow:0 6px 24px #2b1e1214;transform:rotate(-.45deg)}.bb-story__ritual-kicker,.bb-story__ritual-step{font-size:clamp(calc(.76 * var(--bb-rem)),1.45vw,calc(.92 * var(--bb-rem)));font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.bb-story__ritual-kicker{padding:calc(.5 * var(--bb-rem)) calc(.75 * var(--bb-rem));border:1px solid color-mix(in srgb,var(--bb-roux) 58%,transparent);border-radius:calc(1 * var(--bb-rem)) calc(.75 * var(--bb-rem)) calc(1.1 * var(--bb-rem)) calc(.8 * var(--bb-rem));background-color:color-mix(in srgb,var(--bb-flour) 42%,transparent);transform:rotate(.8deg)}.bb-story__ritual-step strong{font-weight:900}.bb-story__ritual-arrow{font-size:calc(1.15 * var(--bb-rem));font-weight:900;line-height:1}.bb-story__sequence{display:grid;gap:clamp(calc(1.75 * var(--bb-rem)),4vw,calc(3 * var(--bb-rem)));margin-top:clamp(var(--bb-space-3),4.5vw,calc(3.75 * var(--bb-rem)))}.bb-story__chapter{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center}.bb-story__figure{--bb-story-frame: clamp(calc(.48 * var(--bb-rem)), .8vw, calc(.68 * var(--bb-rem)));position:relative;overflow:hidden;min-width:0;margin:0;padding:var(--bb-story-frame);border:3px solid var(--bb-praline);background-color:var(--bb-caramel);box-shadow:0 18px 34px #713d1829}.bb-story__figure:after{position:absolute;z-index:2;inset:var(--bb-story-frame);border:2px solid color-mix(in srgb,var(--bb-roux) 78%,transparent);border-radius:calc(.7 * var(--bb-rem)) calc(.5 * var(--bb-rem)) calc(.8 * var(--bb-rem)) calc(.55 * var(--bb-rem));content:"";pointer-events:none}.bb-story__figure--reach{grid-column:1 / 9;grid-row:1;aspect-ratio:16 / 10;border-radius:calc(1.7 * var(--bb-rem)) calc(1.05 * var(--bb-rem)) calc(1.9 * var(--bb-rem)) calc(1.2 * var(--bb-rem));transform:rotate(-.45deg)}.bb-story__figure--open{grid-column:7 / 13;grid-row:1;aspect-ratio:1 / 1;border-radius:calc(1.1 * var(--bb-rem)) calc(1.8 * var(--bb-rem)) calc(1.35 * var(--bb-rem)) calc(1.65 * var(--bb-rem));transform:rotate(1deg)}.bb-story__figure--sugar{grid-column:1 / 8;grid-row:1;aspect-ratio:1 / 1;border-radius:calc(1.75 * var(--bb-rem)) calc(1.15 * var(--bb-rem)) calc(1.6 * var(--bb-rem)) calc(1 * var(--bb-rem));transform:rotate(-.75deg)}.bb-story__figure--table{grid-column:2 / 12;grid-row:1;aspect-ratio:16 / 9;border-radius:calc(1.2 * var(--bb-rem)) calc(1.65 * var(--bb-rem)) calc(1.05 * var(--bb-rem)) calc(1.8 * var(--bb-rem))}.bb-story__image{display:block;width:100%;height:100%;border-radius:calc(.7 * var(--bb-rem)) calc(.5 * var(--bb-rem)) calc(.8 * var(--bb-rem)) calc(.55 * var(--bb-rem));object-fit:cover;transition:transform .9s cubic-bezier(.16,1,.3,1)}.bb-story__figure--reach .bb-story__image{object-position:50% 56%}.bb-story__figure--open .bb-story__image{object-position:50% 50%}.bb-story__figure--sugar .bb-story__image{object-position:50% 46%}.bb-story__figure--table .bb-story__image{object-position:50% 52%}.bb-story__number{position:absolute;top:var(--bb-space-2);left:var(--bb-space-2);display:inline-flex;align-items:baseline;gap:calc(.45 * var(--bb-rem));width:auto;min-width:calc(4.5 * var(--bb-rem));padding:calc(.62 * var(--bb-rem)) calc(.8 * var(--bb-rem));border-radius:calc(1 * var(--bb-rem)) calc(.7 * var(--bb-rem)) calc(1.1 * var(--bb-rem)) calc(.78 * var(--bb-rem));color:var(--bb-roux);background-color:var(--bb-cane);font-family:var(--bb-font-body);font-size:calc(.82 * var(--bb-rem));font-weight:800;letter-spacing:.06em;box-shadow:0 6px 24px #2b1e1214;transform:rotate(-2deg)}.bb-story__number:after{content:attr(data-label);font-size:calc(.68 * var(--bb-rem));letter-spacing:.1em;text-transform:uppercase}.bb-story__copy{position:relative;z-index:2;font-family:var(--bb-font-body)}.bb-story__copy h3,.bb-story__closing h3{margin:calc(.45 * var(--bb-rem)) 0 calc(.7 * var(--bb-rem));color:inherit;font-family:var(--bb-font-display);font-size:clamp(calc(1.75 * var(--bb-rem)),3.6vw,calc(3.15 * var(--bb-rem)));font-weight:400;line-height:.98;letter-spacing:.01em;text-wrap:balance}.bb-story__copy p,.bb-story__closing p{max-width:34ch;margin:0;color:inherit;font-size:calc(1 * var(--bb-rem));line-height:1.55}.bb-story__cue{display:block;color:inherit;font-size:calc(.78 * var(--bb-rem));font-weight:800;letter-spacing:.1em;text-transform:uppercase}.bb-story__copy--paper{grid-column:8 / 13;grid-row:1;margin-left:calc(-2.25 * var(--bb-rem));padding:clamp(calc(1.3 * var(--bb-rem)),3vw,calc(2.35 * var(--bb-rem)));color:var(--bb-roux);background-color:var(--bb-flour);box-shadow:0 18px 34px #713d1829;clip-path:polygon(2% 1%,99% 0,100% 93%,96% 100%,1% 97%);transform:rotate(1.25deg)}.bb-story__copy--paper .bb-story__cue{color:var(--bb-caramel-ink)}.bb-story__copy--ink{grid-column:1 / 6;grid-row:1;padding-left:clamp(0px,4vw,calc(3 * var(--bb-rem)));color:var(--bb-flour)}.bb-story__copy--ink .bb-story__cue{color:var(--bb-cane)}.bb-story__copy--caramel{grid-column:7 / 13;grid-row:1;align-self:end;margin:0 0 calc(-1.5 * var(--bb-rem)) calc(-2 * var(--bb-rem));padding:clamp(calc(1.45 * var(--bb-rem)),3.6vw,calc(2.6 * var(--bb-rem)));color:var(--bb-flour);background-color:var(--bb-caramel);box-shadow:inset 0 -3px 6px #2b1e1229,inset 0 2px 4px #fffdf438;clip-path:polygon(1% 4%,100% 0,98% 96%,4% 100%,0 31%);transform:rotate(-1deg)}.bb-story__copy--caramel .bb-story__cue{color:var(--bb-cane)}.bb-story__closing{grid-column:2 / 12;grid-row:2;display:flex;align-items:end;justify-content:space-between;gap:var(--bb-space-3);padding-top:clamp(var(--bb-space-2),3vw,var(--bb-space-4));font-family:var(--bb-font-body)}.bb-story__closing .bb-story__cue{color:var(--bb-cane)}.bb-story__closing h3{color:var(--bb-flour)}.bb-story__closing p{color:color-mix(in srgb,var(--bb-flour) 82%,transparent)}.bb-story__cta{flex:0 0 auto;color:var(--bb-roux);background-color:var(--bb-cane)}.bb-story__cta:hover{color:var(--bb-flour);background-color:var(--bb-caramel)}@media(prefers-reduced-motion:no-preference){.bb-story__chapter:hover .bb-story__image{transform:scale(1.025)}.bb-story--motion-ready [data-bb-story-reveal]{opacity:0;transform:translate3d(0,calc(2.25 * var(--bb-rem)),0);transition:opacity .72s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1);transition-delay:var(--bb-story-delay, 0ms)}.bb-story--motion-ready [data-bb-story-reveal].is-visible{opacity:1;transform:translateZ(0)}.bb-story--motion-ready .bb-story__ritual-wrap[data-bb-story-reveal]{transform:translate3d(calc(-1.75 * var(--bb-rem)),calc(1.25 * var(--bb-rem)),0) rotate(-.45deg)}.bb-story--motion-ready .bb-story__ritual-wrap[data-bb-story-reveal].is-visible{transform:translateZ(0) rotate(-.45deg)}}@media screen and (max-width:749px){.bb-story{padding-block:clamp(var(--bb-space-5),18vw,calc(6 * var(--bb-rem)))}.bb-story__intro{display:block}.bb-story__title{max-width:10ch}.bb-story__lead{margin-top:var(--bb-space-3)}.bb-story__ritual-wrap{margin-top:var(--bb-space-4)}.bb-story__ritual{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(.55 * var(--bb-rem));width:calc(100% + .8 * var(--bb-rem));margin-left:calc(-.4 * var(--bb-rem));padding:calc(1.2 * var(--bb-rem)) calc(.85 * var(--bb-rem))}.bb-story__ritual-kicker{grid-column:1 / -1;justify-self:start;margin-bottom:calc(.35 * var(--bb-rem))}.bb-story__ritual-step{display:grid;gap:calc(.15 * var(--bb-rem));font-size:calc(.68 * var(--bb-rem));line-height:1.2;white-space:normal}.bb-story__ritual-step strong{display:block;font-size:calc(.82 * var(--bb-rem))}.bb-story__ritual-arrow{display:none}.bb-story__sequence{gap:clamp(calc(2 * var(--bb-rem)),10vw,calc(3 * var(--bb-rem)));margin-top:var(--bb-space-4)}.bb-story__chapter{display:flex;flex-direction:column;align-items:stretch}.bb-story__figure{width:100%;aspect-ratio:1 / 1;transform:none}.bb-story__copy--paper{width:calc(100% - 1.4 * var(--bb-rem));margin:calc(-1.65 * var(--bb-rem)) 0 0 auto;padding:calc(1.45 * var(--bb-rem));transform:rotate(.8deg)}.bb-story__chapter--open{flex-direction:column-reverse}.bb-story__copy--ink{padding:var(--bb-space-3) var(--bb-space-1) 0}.bb-story__copy--caramel{width:calc(100% - 1.4 * var(--bb-rem));margin:calc(-1.4 * var(--bb-rem)) auto 0 0;padding:calc(1.45 * var(--bb-rem));transform:rotate(-.7deg)}.bb-story__figure--table{aspect-ratio:4 / 5}.bb-story__closing{display:grid;gap:var(--bb-space-3);padding:var(--bb-space-3) var(--bb-space-1) 0}.bb-story__closing h3{margin-bottom:calc(.65 * var(--bb-rem))}.bb-story__cta{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/bb-product-story.css.map */