.campaign-bento{display:flex;flex-direction:column;gap:var(--campaign-gap);padding-block:var(--campaign-padding);background:var(--campaign-background);color:var(--campaign-text)}.campaign-bento__container,.campaign-bento__banner-slot--contained{box-sizing:border-box;width:100%;max-width:var(--page-width, 1200px);margin-inline:auto;padding-inline:var(--page-width-margin, 24px)}.campaign-bento__heading{margin-block:0 16px;color:inherit;font-size:clamp(24px,3vw,36px);text-wrap:balance}.campaign-bento__stage{display:flex;flex-direction:column;gap:var(--campaign-gap);min-width:0}.campaign-bento__scene{display:none;flex-direction:column;gap:var(--campaign-gap);min-width:0}.campaign-bento__scene.is-active{display:flex}.campaign-bento__banner-slot--top{order:-1}.campaign-bento__banner-slot--bottom{order:1}.campaign-bento__panels:empty{display:none}.campaign-bento__panels:has(.campaign-bento__card+.campaign-bento__card){--campaign-panel-columns: 2}.campaign-bento[data-animate] .campaign-bento__scene.is-active{animation:campaign-bento-reveal .2s ease-out}.campaign-bento__grid,.campaign-bento__panels{display:grid;gap:var(--campaign-gap);min-width:0;grid-template-columns:minmax(0,1fr)}.campaign-bento__card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:var(--campaign-radius);background:var(--campaign-card-background, var(--campaign-surface));color:var(--campaign-card-text, var(--campaign-text));text-decoration:none;isolation:isolate;--campaign-content-vertical: center;--campaign-content-horizontal: flex-start;--campaign-content-align: start;--campaign-fade-direction: to top;--campaign-fade-image: linear-gradient(var(--campaign-fade-direction), var(--campaign-overlay-color) 0%, var(--campaign-overlay-color) 20%, transparent 100%)}.campaign-bento__media{position:relative;min-width:0;aspect-ratio:4 / 3}.campaign-bento__picture,.campaign-bento__image{display:block;width:100%;height:100%}.campaign-bento__picture{position:absolute;top:0;right:0;bottom:0;left:0}.campaign-bento__image{object-fit:cover;object-position:var(--campaign-mobile-image-position)}.campaign-bento__card--contain .campaign-bento__image{box-sizing:border-box;object-fit:contain;padding:16px}.campaign-bento__content{position:static;display:flex;flex:1;flex-direction:column;align-items:var(--campaign-content-horizontal);justify-content:var(--campaign-content-vertical);text-align:var(--campaign-content-align);padding:clamp(20px,2.5vw,32px);overflow-wrap:anywhere}.campaign-bento__copy{display:flex;flex-direction:column;align-items:inherit;gap:12px;width:fit-content;max-width:100%;min-width:0}.campaign-bento__card-heading{margin:0;color:inherit;font-size:clamp(18px,2vw,26px);line-height:1.15;text-wrap:balance}.campaign-bento__card--hero .campaign-bento__card-heading{font-size:clamp(29px,3.2vw,48px);letter-spacing:-.025em}.campaign-bento__description{max-width:65ch;font-size:16px;line-height:1.5}.campaign-bento__description>:first-child{margin-block-start:0}.campaign-bento__description>:last-child{margin-block-end:0}.campaign-bento__price,.campaign-bento__availability{margin:0;color:inherit;font-variant-numeric:tabular-nums}.campaign-bento__price{font-size:18px;font-weight:700}.campaign-bento__availability{font-size:14px}.campaign-bento__cta{display:inline-flex;align-items:center;gap:12px;margin-block-start:8px;font-size:15px;font-weight:700;color:inherit;text-decoration:none}.campaign-bento__cta:after{position:absolute;top:0;right:0;bottom:0;left:0;content:""}.campaign-bento__description a{position:relative;z-index:2}.campaign-bento__card--hero .campaign-bento__cta{padding:13px 16px;border-radius:min(var(--campaign-radius),6px);background:var(--campaign-accent);color:var(--campaign-button-text)}.campaign-bento__cta-icon{flex-shrink:0;transition:transform .16s ease-out}.campaign-bento__cta-icon,.campaign-bento__icon{width:20px;height:20px;fill:none;stroke:currentColor}.campaign-bento__card--overlay{min-height:320px;color:var(--campaign-card-text, var(--campaign-overlay-text));--campaign-content-vertical: flex-end}.campaign-bento__card--hero.campaign-bento__card--overlay{min-height:448px}.campaign-bento__card--overlay .campaign-bento__media{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto;z-index:-1}.campaign-bento__card--overlay .campaign-bento__media:after{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--campaign-overlay-color);opacity:var(--campaign-overlay-opacity);content:""}.campaign-bento__card--overlay[data-overlay-style=gradient] .campaign-bento__media:after{background:var(--campaign-fade-image)}.campaign-bento__card--overlay[data-overlay-style=none] .campaign-bento__media:after,.campaign-bento__card--overlay[data-overlay-style=backing] .campaign-bento__media:after{content:none}.campaign-bento__card--overlay[data-overlay-style=backing] .campaign-bento__copy{padding:16px;border-radius:min(var(--campaign-radius),8px);background:color-mix(in srgb,var(--campaign-overlay-color) calc(var(--campaign-overlay-opacity) * 100%),transparent)}.campaign-bento__card[data-mobile-content-position^=top-]{--campaign-content-vertical: flex-start;--campaign-fade-direction: to bottom}.campaign-bento__card[data-mobile-content-position^=middle-]{--campaign-content-vertical: center}.campaign-bento__card[data-mobile-content-position^=bottom-]{--campaign-content-vertical: flex-end}.campaign-bento__card[data-mobile-content-position$=-start]{--campaign-content-horizontal: flex-start;--campaign-content-align: start}.campaign-bento__card[data-mobile-content-position$=-center]{--campaign-content-horizontal: center;--campaign-content-align: center}.campaign-bento__card[data-mobile-content-position$=-end]{--campaign-content-horizontal: flex-end;--campaign-content-align: end}.campaign-bento__card[data-mobile-content-position=middle-start]{--campaign-fade-direction: to right}.campaign-bento__card[data-mobile-content-position=middle-end]{--campaign-fade-direction: to left}.campaign-bento__card[data-mobile-content-position=middle-center]{--campaign-fade-image: radial-gradient(ellipse at center, var(--campaign-overlay-color) 0%, var(--campaign-overlay-color) 30%, transparent 100%)}.campaign-bento__card:where(:dir(rtl))[data-mobile-content-position=middle-start]{--campaign-fade-direction: to left}.campaign-bento__card:where(:dir(rtl))[data-mobile-content-position=middle-end]{--campaign-fade-direction: to right}.campaign-bento__card--hero.campaign-bento__card--text{min-height:352px}.campaign-bento__banner-slot--full{width:100%}.campaign-bento__banner-slot--full .campaign-bento__card{border-radius:0}.campaign-bento__card--banner .campaign-bento__content{padding-block:20px}.campaign-bento__card--banner.campaign-bento__card--overlay{min-height:192px}.campaign-bento__marquee{display:flex;align-items:center;min-width:0;border-radius:var(--campaign-radius);background:var(--campaign-card-background, var(--campaign-surface));color:var(--campaign-card-text, var(--campaign-text));font-size:clamp(14px,1.2vw,18px);overflow:hidden}.campaign-bento__banner-slot--full .campaign-bento__marquee{border-radius:0}.campaign-bento__marquee-viewport{display:block;flex:1;min-width:0;padding-block:16px;color:inherit;text-decoration:none;overflow:hidden}.campaign-bento__marquee-group{display:flex;align-items:center;justify-content:space-around;gap:32px;padding-inline:16px;box-sizing:border-box}.campaign-bento__marquee-group+.campaign-bento__marquee-group,.campaign-bento__marquee-message+.campaign-bento__marquee-message{display:none}.campaign-bento__marquee-viewport:focus-visible{outline:2px solid currentColor;outline-offset:-3px}@media(prefers-reduced-motion:no-preference){.campaign-bento__marquee[data-ready] .campaign-bento__marquee-track{display:flex;width:max-content;direction:ltr;animation:campaign-bento-scroll var(--campaign-scroll-duration) linear infinite}.campaign-bento__marquee[data-ready] .campaign-bento__marquee-group{flex:0 0 auto;min-width:100vw}.campaign-bento__marquee[data-ready] .campaign-bento__marquee-group+.campaign-bento__marquee-group,.campaign-bento__marquee[data-ready] .campaign-bento__marquee-message{display:flex}.campaign-bento__marquee[data-direction=right] .campaign-bento__marquee-track{animation-direction:reverse}.campaign-bento__marquee-message{white-space:nowrap}.campaign-bento__marquee:is(:hover,:focus-within) .campaign-bento__marquee-track{animation-play-state:paused}}@keyframes campaign-bento-scroll{to{transform:translate(-50%)}}.campaign-bento__controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-block-start:16px}.campaign-bento__selectors{display:flex;flex:1;flex-wrap:wrap;justify-content:center;gap:4px;min-width:0}.campaign-bento__selector,.campaign-bento__arrow,.campaign-bento__pause{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:8px 12px;border:0;border-radius:0;background:transparent;color:var(--campaign-text);font:inherit;cursor:pointer;overflow-wrap:anywhere}.campaign-bento__selector{border-block-end:2px solid transparent;font-size:15px}.campaign-bento__selector[aria-current]{border-block-end-color:var(--campaign-accent);font-weight:700}.campaign-bento__pause{font-size:14px}.campaign-bento__pause[aria-pressed=true]{background:var(--campaign-surface);font-weight:700}.campaign-bento__card:has(:focus-visible),.campaign-bento__selector:focus-visible,.campaign-bento__arrow:focus-visible,.campaign-bento__pause:focus-visible{outline:2px solid var(--campaign-accent);outline-offset:3px}.campaign-bento ::selection{background:var(--campaign-accent);color:var(--campaign-button-text)}@media(hover:hover)and (pointer:fine){.campaign-bento__card:hover .campaign-bento__cta-icon{transform:translate(3px)}.campaign-bento__selector:hover,.campaign-bento__arrow:hover,.campaign-bento__pause:hover{background:var(--campaign-surface)}}@media(min-width:576px){.campaign-bento__panels{grid-template-columns:repeat(var(--campaign-panel-columns, 1),minmax(0,1fr))}}@media(min-width:768px){.campaign-bento__card[data-content-position]{--campaign-content-vertical: center;--campaign-content-horizontal: flex-start;--campaign-content-align: start;--campaign-fade-direction: to top;--campaign-fade-image: linear-gradient(var(--campaign-fade-direction), var(--campaign-overlay-color) 0%, var(--campaign-overlay-color) 20%, transparent 100%)}.campaign-bento__card--overlay[data-content-position]{--campaign-content-vertical: flex-end}.campaign-bento__card[data-content-position^=top-]{--campaign-content-vertical: flex-start;--campaign-fade-direction: to bottom}.campaign-bento__card[data-content-position^=middle-]{--campaign-content-vertical: center}.campaign-bento__card[data-content-position^=bottom-]{--campaign-content-vertical: flex-end}.campaign-bento__card[data-content-position$=-start]{--campaign-content-horizontal: flex-start;--campaign-content-align: start}.campaign-bento__card[data-content-position$=-center]{--campaign-content-horizontal: center;--campaign-content-align: center}.campaign-bento__card[data-content-position$=-end]{--campaign-content-horizontal: flex-end;--campaign-content-align: end}.campaign-bento__card[data-content-position=middle-start]{--campaign-fade-direction: to right}.campaign-bento__card[data-content-position=middle-end]{--campaign-fade-direction: to left}.campaign-bento__card[data-content-position=middle-center]{--campaign-fade-image: radial-gradient(ellipse at center, var(--campaign-overlay-color) 0%, var(--campaign-overlay-color) 30%, transparent 100%)}.campaign-bento__card:where(:dir(rtl))[data-content-position=middle-start]{--campaign-fade-direction: to left}.campaign-bento__card:where(:dir(rtl))[data-content-position=middle-end]{--campaign-fade-direction: to right}.campaign-bento{padding-block:var(--campaign-padding-desktop)}.campaign-bento__grid{grid-template-columns:repeat(2,minmax(0,1fr));min-height:var(--campaign-height)}.campaign-bento--spotlight .campaign-bento__grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.campaign-bento--spotlight .campaign-bento__panels,.campaign-bento--balanced .campaign-bento__panels{grid-template-columns:minmax(0,1fr)}.campaign-bento__grid:not(:has(.campaign-bento__panels .campaign-bento__card)){grid-template-columns:minmax(0,1fr)}.campaign-bento--spotlight .campaign-bento__grid:not(:has(.campaign-bento__panels .campaign-bento__card)){grid-template-columns:minmax(0,1fr)}.campaign-bento__card--split{flex-direction:row}.campaign-bento__panels .campaign-bento__card--stacked{display:grid;grid-template-rows:minmax(180px,1fr) auto}.campaign-bento__panels .campaign-bento__card--stacked .campaign-bento__media{aspect-ratio:auto}.campaign-bento__panels .campaign-bento__content{padding:20px}.campaign-bento__card--split .campaign-bento__media{flex:0 0 45%;aspect-ratio:auto}.campaign-bento__card--split .campaign-bento__content{flex:1 1 55%;min-width:0}.campaign-bento__image{object-position:var(--campaign-image-position)}.campaign-bento__card--hero.campaign-bento__card--overlay,.campaign-bento__card--hero.campaign-bento__card--text{min-height:var(--campaign-height)}.campaign-bento__card--banner[data-content-position=auto] .campaign-bento__copy{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;width:100%}.campaign-bento__card--banner .campaign-bento__cta{margin-block-start:0}.campaign-bento__card--banner.campaign-bento__card--split .campaign-bento__media{flex-basis:25%}}@media(prefers-reduced-motion:reduce){.campaign-bento[data-animate] .campaign-bento__scene.is-active{animation:none}.campaign-bento__cta-icon{transition:none}}@keyframes campaign-bento-reveal{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-campaign-bento.css.map */
