.bb-benefits{position:relative;overflow:clip;padding-top:clamp(var(--bb-space-4),5vw,var(--bb-space-5));padding-bottom:clamp(var(--bb-space-6),9vw,calc(8 * var(--bb-rem)));border-top:0;background-color:var(--bb-roux);background-image:none}.bb-puff-anatomy{position:relative;isolation:isolate;overflow:hidden;width:100%;aspect-ratio:1672 / 941;margin-bottom:clamp(var(--bb-space-3),4vw,var(--bb-space-5))}.bb-puff-anatomy__art,.bb-puff-anatomy__art img{display:block;width:100%;height:100%}.bb-puff-anatomy__art img{object-fit:contain}.bb-puff-anatomy__copy{position:absolute;z-index:2;top:48%;left:clamp(var(--bb-space-2),4vw,var(--bb-space-5));width:min(31%,calc(21 * var(--bb-rem)));transform:translateY(-50%)}.bb-puff-anatomy .bb-benefits__eyebrow{margin-bottom:var(--bb-space-1);color:var(--bb-praline)}.bb-puff-anatomy .bb-benefits__title{max-width:10ch;margin:0;color:var(--bb-flour);font-size:clamp(calc(2.15 * var(--bb-rem)),4.2vw,calc(4 * var(--bb-rem)));line-height:.98;text-align:left}.bb-puff-anatomy__callouts{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;margin:0;padding:0;list-style:none;pointer-events:none}.bb-puff-anatomy__callout{position:absolute;display:inline-flex;align-items:center;justify-content:center;padding:calc(.35 * var(--bb-rem)) calc(.62 * var(--bb-rem));clip-path:polygon(3% 0,100% 5%,96% 100%,0 92%);background-color:var(--bb-cane);color:var(--bb-roux);font-family:var(--bb-font-body);font-size:clamp(calc(.62 * var(--bb-rem)),1vw,calc(.78 * var(--bb-rem)));font-weight:800;letter-spacing:.08em;line-height:1;text-transform:uppercase;white-space:nowrap}.bb-puff-anatomy__callout--sugar{top:8%;right:1.5%;transform:rotate(2deg)}.bb-puff-anatomy__callout--edge{bottom:17%;left:11%;transform:rotate(-2deg)}.bb-puff-anatomy__callout--puff{right:1.5%;bottom:1.5%;transform:rotate(1.5deg)}.bb-benefits .bb-benefits__list{margin-top:0}@media screen and (max-width:899px){.bb-benefits{padding-top:var(--bb-space-4)}.bb-puff-anatomy{display:flex;flex-direction:column;overflow:visible;aspect-ratio:auto}.bb-puff-anatomy__copy{position:static;order:1;width:auto;padding-inline:var(--bb-space-1);padding-bottom:var(--bb-space-3);transform:none}.bb-puff-anatomy .bb-benefits__title{max-width:12ch;font-size:clamp(calc(2 * var(--bb-rem)),9.5vw,calc(3 * var(--bb-rem)))}.bb-puff-anatomy__art{order:2;height:auto;aspect-ratio:1672 / 941}.bb-puff-anatomy__callouts{position:static;order:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--bb-space-1);padding:var(--bb-space-2) var(--bb-space-1) 0;pointer-events:auto}.bb-puff-anatomy__callout,.bb-puff-anatomy__callout--sugar,.bb-puff-anatomy__callout--edge,.bb-puff-anatomy__callout--puff{position:static;min-height:calc(2.5 * var(--bb-rem));padding:calc(.4 * var(--bb-rem));font-size:calc(.64 * var(--bb-rem));line-height:1.15;text-align:center;white-space:normal;transform:none}}@media screen and (max-width:499px){.bb-puff-anatomy__callouts{gap:calc(.35 * var(--bb-rem))}.bb-puff-anatomy__callout,.bb-puff-anatomy__callout--sugar,.bb-puff-anatomy__callout--edge,.bb-puff-anatomy__callout--puff{font-size:calc(.58 * var(--bb-rem));letter-spacing:.055em}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/bb-benefits.css.map */