.ab-hero--rollin{--ab-gap-sm:1rem;--ab-gap-md:1.25rem;--ab-gap-lg:2rem;--ab-gap-xl:2.5rem;--ab-pad-md:1.25rem;--ab-pad-lg:1.5rem;--ab-pad-xl:2.5rem;background:var(--background);padding-block:1.5rem 0}.ab-hero__rollin-inner{flex-direction:column;gap:1.75rem;padding-bottom:1.5rem;display:flex}.ab-hero__headline-block{justify-content:center;padding-inline:.5rem;display:flex}.ab-hero__headline{letter-spacing:-.02em;font-size:clamp(3.25rem,2rem + 6vw,7.25rem);font-weight:400;line-height:.9}.ab-hero__line{display:block}.ab-hero__of{display:inline-block;position:relative}.ab-hero__steam{width:2.25rem;height:auto;margin-bottom:.15rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}@media (min-width:768px){.ab-hero__steam{width:2.75rem}}.ab-hero__letter-badge-wrap{display:inline-block;position:relative}.ab-hero__inline-badge{z-index:1;border-radius:var(--radius-full);min-width:max-content;font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--primary-foreground);white-space:nowrap;justify-content:center;align-items:center;padding:.22rem .5rem;font-size:clamp(.5rem,.35rem + .4vw,.7rem);font-weight:800;line-height:1;display:inline-flex;position:absolute;top:48%;left:50%;translate:-50% -50%}.ab-hero__inline-badge--fresh{background:var(--badge-fresh);rotate:-6deg}.ab-hero__inline-badge--tasty{background:var(--badge-tasty);rotate:5deg}.ab-hero__stages{gap:var(--ab-gap-md);grid-template-columns:1fr;display:grid}@media (min-width:900px){.ab-hero__stages{gap:var(--ab-gap-md);grid-template-columns:.9fr 1.25fr 1fr;align-items:stretch;min-height:22rem}}.ab-hero-stage{min-height:17rem;color:inherit;transition:transform var(--duration-normal) var(--ease-standard);border-radius:2.5rem;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.ab-hero-stage:hover{transform:scale(var(--hover-scale))}.ab-hero-stage:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.ab-hero-stage--peach{background:var(--section-peach);justify-content:flex-end;padding:.75rem .5rem 0}.ab-hero-stage__cookie-deco{pointer-events:none;opacity:.45;width:5rem;height:5rem;position:absolute;top:1rem;right:1rem}.ab-hero-stage__media--spotlight{min-height:16rem;margin-top:auto}.ab-hero-stage__img--product{object-fit:contain;object-position:center bottom;transform-origin:bottom;scale:1.22}.ab-hero-stage--ink{background:var(--section-ink);padding:1.75rem 1.25rem 1.25rem;overflow:visible}.ab-hero-stage__ink-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:.75rem;height:100%;min-height:16rem;display:grid}.ab-hero-stage__copy{z-index:1;flex-direction:column;justify-content:center;gap:.75rem;display:flex;position:relative}.ab-hero-stage__promo-title{letter-spacing:.01em;text-transform:uppercase;font-size:clamp(1rem,.85rem + .6vw,1.35rem);font-weight:800;line-height:1.15}.ab-hero-stage__media--promo{align-self:stretch;height:100%;min-height:10rem;position:relative}.ab-hero-stage__pill{z-index:3;border-radius:var(--radius-full);font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;padding:.4rem .95rem;font-size:.7rem;font-weight:800;line-height:1;position:absolute}.ab-hero-stage__pill--crunchy{background:var(--accent-orange);color:var(--primary-foreground);box-shadow:var(--shadow-sm);top:0;left:50%;transform:translate(-50%,-45%)}.ab-hero-stage__pill--combo{background:var(--primary);color:var(--primary-foreground);top:1rem;right:1rem}.ab-hero-stage__swirl{pointer-events:none;opacity:.35;width:3rem;height:3rem;position:absolute;bottom:.75rem;left:.75rem}.ab-hero-stage--sun{background:var(--secondary);min-height:18rem;padding:0}.ab-hero-stage__wave{z-index:2;pointer-events:none;width:3.5rem;position:absolute;top:.85rem;left:1rem}.ab-hero-stage__bread-deco{z-index:2;pointer-events:none;opacity:.4;width:4rem;position:absolute;bottom:1rem;left:.75rem}.ab-hero-stage__croissant-deco{z-index:2;pointer-events:none;opacity:.4;width:3.25rem;position:absolute;top:40%;left:.75rem}.ab-hero-stage__media--combo{border-radius:2.5rem;position:absolute;inset:1.25rem}.ab-hero-stage__media{flex:1;position:relative;overflow:hidden}.ab-hero-stage__img{width:100%;height:100%}.ab-hero__trust{border-top-left-radius:2.75rem;border-top-right-radius:2.75rem;margin-top:.5rem;padding-block:2.75rem 3rem;position:relative;overflow:visible}.ab-hero__trust-inner{gap:2rem;display:grid;position:relative}@media (min-width:900px){.ab-hero__trust-inner{grid-template-columns:minmax(0,1.1fr) auto minmax(0,1fr);align-items:start;gap:2.5rem}}.ab-hero__trust-quote{position:relative}.ab-hero__spiral{pointer-events:none;z-index:0;width:3.75rem;height:3.75rem;position:absolute;top:-.5rem;left:-.35rem}.ab-hero__trust-quote-text{z-index:1;max-width:13ch;font-size:clamp(1.75rem,1.3rem + 1.6vw,2.75rem);font-weight:400;line-height:1.05;position:relative}.ab-hero__trust-blurb{align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.ab-hero__avatar{flex-shrink:0;width:2.75rem;height:2.75rem}.ab-hero__trust-link{font-size:var(--text-small);text-underline-offset:4px;margin-top:1rem;font-weight:700;text-decoration:underline;display:inline-block}.ab-hero__trust-link:hover{opacity:.8}.ab-hero__trust-divider{background:color-mix(in srgb, var(--section-mint-foreground) 28%, transparent);align-self:stretch;width:1px;min-height:11rem;display:none}@media (min-width:900px){.ab-hero__trust-divider{display:block}}.ab-hero__rating-row{flex-wrap:wrap;align-items:flex-end;gap:.65rem;display:flex}.ab-hero__rating-num{font-size:clamp(2.5rem,2rem + 1.5vw,3.5rem);font-weight:400;line-height:1}.ab-hero__reviews{letter-spacing:.02em;opacity:.8;margin-top:.35rem}.ab-hero__tags{flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;padding:0;list-style:none;display:flex}.ab-hero__tag{border:2px solid color-mix(in srgb, var(--section-mint-foreground) 45%, transparent);border-radius:var(--radius-full);letter-spacing:.08em;text-transform:uppercase;min-height:2.5rem;color:inherit;transition:background-color var(--duration-fast) var(--ease-standard);align-items:center;padding:.35rem .95rem;font-size:.7rem;font-weight:800;text-decoration:none;display:inline-flex}.ab-hero__tag:hover{background:color-mix(in srgb, var(--section-mint-foreground) 8%, transparent);color:inherit}.ab-hero-star{flex-shrink:0}@media (prefers-reduced-motion:reduce){.ab-hero-stage,.ab-hero-stage__img{transition:none}.ab-hero-stage:hover{transform:none}}
