.stilly-flavor-showcase{--accent-color:#5d398c;padding:var(--stilly-space-l) 5vw;padding-left:5vw;background-color:#fff;min-height:80vh;display:flex;align-items:center;justify-content:flex-start;position:relative;overflow:hidden}.stilly-flavor-showcase::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;background:radial-gradient(circle,var(--accent-color) 0%,transparent 70%);opacity:.08;pointer-events:none;transition:background .6s ease-out}.stilly-flavor-showcase-grid{display:grid;grid-template-columns:1fr;grid-template-areas:"list" "visual" "info";gap:var(--stilly-space-l);width:100%;align-items:center;justify-items:center}.stilly-flavor-info{grid-area:info;display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:600px;justify-self:center;text-align:center;align-items:center}.stilly-flavor-tagline{font-family:var(--font-heading--family);font-size:clamp(3rem,7vw,8rem);font-weight:900;text-transform:uppercase;line-height:.8;letter-spacing:-.02em;background:var(--stilly-gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;margin-bottom:var(--stilly-space-m);white-space:nowrap}.stilly-flavor-cta{margin-top:var(--stilly-space-s);align-self:center}.stilly-flavor-showcase .stilly-btn{--btn-gradient:linear-gradient(90deg,#bb1f45,#ed584c)}.stilly-flavor-can{grid-area:visual;position:relative;left:0;transform:none;display:flex;justify-content:center;align-items:center;min-height:60vh;width:100%;overflow:visible}.stilly-flavor-can-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.stilly-flavor-watermark-container{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;z-index:1;pointer-events:none;user-select:none;transition:opacity .3s ease-out,transform .3s ease-out;opacity:1;transform:translateY(0)}.stilly-flavor-watermark-container.stilly-transitioning{opacity:0;transform:translateY(20px)}.stilly-flavor-brand-watermark{font-family:var(--stilly-font-heading);font-size:clamp(3rem,14vw,21rem);font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:transparent;-webkit-text-stroke:3px var(--accent-color);opacity:.6;filter:drop-shadow(0 0 12px var(--accent-color));white-space:nowrap;transition:-webkit-text-stroke .5s ease-out,filter .5s ease-out}.stilly-showcase-can-image{position:relative;z-index:2;width:auto;height:100%;max-height:70vh;min-height:450px;object-fit:contain;transition:opacity .4s ease-out,transform .5s cubic-bezier(.34,1.56,.64,1);transform:scale(1.25) translateY(-5%)}@media(hover:hover){.stilly-showcase-can-image:hover{transform:scale(1.3) translateY(-5%)}}@media(hover:none){.stilly-showcase-can-image.mobile-interacting{transform:scale(1.3) translateY(-5%)}}.stilly-showcase-can-image.stilly-transitioning{opacity:0;transform:scale(1.15) translateY(-5%)}.stilly-flavor-list{grid-area:list;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:2rem;padding:0;width:100%;max-width:1200px;list-style:none}.stilly-flavor-list-item{background:none;border:none;font-family:var(--stilly-font-heading);font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--stilly-color-gray);cursor:pointer;text-align:center;padding:.5rem 0;position:relative;transition:color .25s ease-out,transform .25s ease-out;transform-origin:center center;flex:0 0 auto;white-space:nowrap;scroll-snap-align:center}.stilly-flavor-list-item::before{content:'';position:absolute;left:50%;bottom:0;width:0;height:3px;background-color:var(--accent-color);transform:translateX(-50%);transition:width .3s ease-out}.stilly-flavor-list-item:hover{color:var(--stilly-color-black);transform:translateY(-2px)}.stilly-flavor-list-item:hover::before{width:100%}.stilly-flavor-list-item.stilly-active{color:var(--stilly-color-black);font-weight:900;transform:translateY(-2px)}.stilly-flavor-list-item.stilly-active::before{width:100%;background-color:var(--accent-color)}.stilly-swipe-arrow{display:none}.stilly-flavor-list::-webkit-scrollbar{display:none}@media(max-width:1024px){.stilly-flavor-showcase{padding:var(--stilly-space-m);min-height:auto}.stilly-flavor-showcase-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:.5rem;text-align:center}.stilly-flavor-list{order:1;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:0;padding:0 0 var(--stilly-space-s) 5vw;margin-bottom:0;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none}.stilly-flavor-can{order:2;min-height:250px;margin-bottom:0;padding:0}.stilly-flavor-info{order:3;padding:0 1rem;align-items:center;margin-top:-1rem;width:100%}.stilly-flavor-tagline{white-space:normal;word-wrap:break-word;padding:0 1rem;line-height:1.1}.stilly-swipe-arrow{display:block;position:absolute;top:22%;transform:translateY(-50%);z-index:10;pointer-events:none;color:#000;opacity:.6;animation:stillyArrowFlash 2s infinite ease-in-out;transition:opacity .3s ease}.stilly-swipe-arrow.stilly-hidden{opacity:0;visibility:hidden;animation:none}.stilly-arrow-right{right:10px}.stilly-arrow-left{left:10px}.stilly-swipe-arrow svg{width:32px;height:32px;filter:drop-shadow(0 0 2px rgba(255,255,255,.8))}.stilly-flavor-brand-watermark{max-width:90vw;overflow:hidden;text-overflow:ellipsis;font-size:clamp(3rem,10vw,6rem);left:50%;transform:translateX(-50%)}.stilly-flavor-list-item{font-size:1rem;padding:.75rem 1.25rem;transform:none}.stilly-flavor-list-item:hover,.stilly-flavor-list-item.stilly-active{transform:none}.stilly-flavor-list-item::before{left:50%;transform:translateX(-50%);bottom:.25rem}.stilly-flavor-list-item:hover::before,.stilly-flavor-list-item.stilly-active::before{width:30px}}@keyframes stillyArrowFlash{0%,100%{opacity:.3;transform:translateY(-50%) scale(1)}50%{opacity:.8;transform:translateY(-50%) scale(1.1)}}@media(hover:none){.stilly-showcase-can-image:hover{transform:scale(1.05) translateY(-2%)}}@media(max-width:600px){.stilly-flavor-list-item{font-size:.875rem;padding:.5rem 1rem}.stilly-showcase-can-image{max-height:40vh;min-height:220px;transform:scale(.9) translateY(0%)}.stilly-showcase-can-image.mobile-interacting{transform:scale(1.3) translateY(-5%)!important;z-index:10}}