/* 2026-09-29 shared from the home page: Bring The Flavor Home (the arc title, the pouch rising, the stickers). */
/* Bring the flavor home: the big moment */
#bring.fxh-bring{background:radial-gradient(ellipse 55% 50% at 50% 60%,rgb(201 188 172 / .16),transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cg fill='none' stroke='%23C9BCAC' stroke-opacity='.07' stroke-width='1.2'%3E%3Cpath d='M20 8c3 4 3 8 0 12-3-4-3-8 0-12zM20 32c3-4 3-8 0-12-3 4-3 8 0 12zM8 20c4-3 8-3 12 0-4 3-8 3-12 0zM32 20c-4-3-8-3-12 0 4 3 8 3 12 0z'/%3E%3Ccircle cx='20' cy='20' r='2'/%3E%3Cpath d='M0 6a6 6 0 0 0 6-6M34 0a6 6 0 0 0 6 6M40 34a6 6 0 0 0-6 6M6 40a6 6 0 0 0-6-6'/%3E%3C/g%3E%3C/svg%3E") 0 0/48px 48px,var(--ground-2,#000);overflow-x:clip;padding-top:clamp(36px,4vw,60px);padding-bottom:clamp(80px,10vw,130px)}
.fxh-bring__in{max-width:1200px;margin:0 auto;text-align:center;position:relative}
.fxh-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0!important}
.fxh-arc{display:block;width:min(100%,1100px);margin:0 auto -3%;overflow:visible}
.fxh-arc text{font:400 86px/1 var(--font-display)}
.fxh-arc__front{fill:var(--tan)}
.fxh-arc__back{fill:none;stroke:rgb(201 188 172 / .4);stroke-width:2}
.fxh-stage{position:relative;width:min(100%,900px);aspect-ratio:900/470;margin:0 auto}
.fxh-glow{position:absolute;left:50%;top:52%;width:56%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,rgb(201 188 172 / .32),transparent 66%)}
.fxh-pouch{position:absolute;left:50%;top:50%;height:100%;width:auto;translate:-50% -50%;rotate:-4deg;z-index:1;filter:drop-shadow(0 26px 30px rgb(0 0 0 / .65))}
.fxh-ing{position:absolute;left:var(--x);top:var(--y);width:var(--w);translate:-50% -50%;rotate:var(--r);z-index:2;will-change:transform}
.fxh-ing img{display:block;width:100%;height:auto;filter:drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff) drop-shadow(0 10px 10px rgb(0 0 0 / .45))}
.fxh-bring .fxh-bring__line{font:400 clamp(22px,2.4vw,34px)/1.3 var(--font-display);color:var(--paper);margin:clamp(14px,2.4vw,30px) auto 6px;max-width:none}
html.fxm .fxh-ing{opacity:0;scale:.2;transition:opacity .3s,scale .9s var(--fxm-spring);transition-delay:calc(var(--k) * 110ms + 350ms)}
html.fxm .fxh-pouch{opacity:0;translate:-50% -28%;scale:.86;transition:opacity .5s,translate 1.1s var(--fxm-spring),scale 1.1s var(--fxm-spring)}
html.fxm .fxh-stage.is-up .fxh-ing{opacity:1;scale:1}
html.fxm .fxh-stage.is-up .fxh-pouch{opacity:1;translate:-50% -50%;scale:1}
html.fxm .fxh-ing img{animation:fxm-bob 5.4s ease-in-out infinite;animation-delay:calc(var(--k) * -.9s)}
@media (max-width:700px){.fxh-stage{aspect-ratio:1/1.02}.fxh-pouch{height:70%}.fxh-ing{width:calc(var(--w) * 1.7)}.fxh-ing--wide{display:none}.fxh-arc{width:calc(100% + 2 * clamp(24px,5vw,70px));max-width:none;margin:0 calc(-1 * clamp(24px,5vw,70px))}}

#bring .fxh-arc text{font-family:"Rye",Georgia,serif}
#bring .fxh-bring__cta{margin-top:18px}
@media (max-width:700px){#bring .fxh-stage .fxh-ing:nth-child(3){--x:21% !important;--y:30% !important;--w:12% !important}} /* 2026-09-29 the chile drifted off the left edge on phones */