.hero-banner-flowart{position:relative;background-color:var(--hero-bg-color, #FF6839);min-height:815px;padding:60px 20px 150px;margin-top:60px;overflow:hidden;border:1px solid #F9F497}@media screen and (min-width:768px){.hero-banner-flowart{padding-top:120px}}@media screen and (min-width:990px){.hero-banner-flowart{height:700px;min-height:auto;padding:160px 60px;overflow:hidden}}.hero-banner-flowart__background{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;height:100%;overflow:hidden}@media screen and (min-width:990px){.hero-banner-flowart__background{height:100%;bottom:auto;border-radius:0}}.hero-banner-flowart__background-color{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--hero-bg-color, #FF6839);border-radius:0 0 50px 50px}.hero-banner-flowart__background-image,.hero-banner-flowart__background-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:bottom right}@media screen and (min-width:990px){.hero-banner-flowart__background-image,.hero-banner-flowart__background-video{height:100%}}.hero-banner-flowart__background-image--desktop,.hero-banner-flowart__background-video--tablet,.hero-banner-flowart__background-video--desktop{display:none}.hero-banner-flowart__background-image--mobile,.hero-banner-flowart__background-video--mobile{display:block}@media screen and (min-width:768px)and (max-width:1024px){.hero-banner-flowart__background--has-tablet-video .hero-banner-flowart__background-video--mobile{display:none}.hero-banner-flowart__background--has-tablet-video .hero-banner-flowart__background-video--tablet{display:block}.hero-banner-flowart.hero-banner-flowart--has-tablet-video{min-height:calc(60vw / var(--hero-tablet-video-aspect-ratio, .9))}}@media screen and (min-width:1025px){.hero-banner-flowart__background-image--desktop,.hero-banner-flowart__background-video--desktop{display:block}.hero-banner-flowart__background-image--mobile,.hero-banner-flowart__background-video--mobile,.hero-banner-flowart__background-video--tablet{display:none}}.hero-banner-flowart__container{width:100%;margin:0 auto;position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-start;overflow:visible}@media screen and (min-width:768px){.hero-banner-flowart__container{min-height:440px}}@media screen and (min-width:990px){.hero-banner-flowart__container{height:379px;min-height:auto}}.hero-banner-flowart__content{display:flex;flex-direction:column;gap:24px;width:100%;position:relative;z-index:2;overflow:visible}@media screen and (min-width:768px){.hero-banner-flowart__content{gap:48px}}@media screen and (min-width:1025px){.hero-banner-flowart__content{max-width:600px}}.hero-banner-flowart__heading{display:flex;flex-direction:column;gap:12px;color:#fff}.hero-banner-flowart__title p,.hero-banner-flowart__title h2,.hero-banner-flowart__title h3,.hero-banner-flowart__title h1{color:#fff;font-family:Spezia Extended;font-style:normal;font-weight:600;line-height:110%;font-size:36px;margin:0;color:inherit}.hero-banner-flowart__title em,.hero-banner-flowart__title i{color:#fff;font-family:"Spezia Serif";font-style:italic;font-weight:500;font-size:36px;line-height:100%;margin:0}.hero-banner-flowart__title strong,.hero-banner-flowart__title b{font-weight:700}@media screen and (min-width:768px){.hero-banner-flowart__title{font-size:50px}}@media screen and (min-width:990px){.hero-banner-flowart__title p,.hero-banner-flowart__title h2,.hero-banner-flowart__title h3,.hero-banner-flowart__title h1,.hero-banner-flowart__title em,.hero-banner-flowart__title i{font-size:60px;line-height:110%;letter-spacing:-3px}}.hero-banner-flowart__description{font-size:16px;line-height:1.4;max-width:213px;margin:0;color:inherit;font-weight:500;font-family:Spezia}@media screen and (min-width:768px){.hero-banner-flowart__description{font-size:18px}}@media screen and (min-width:990px){.hero-banner-flowart__description{font-size:20px;max-width:358px;line-height:1.2}}.hero-banner-flowart__button{display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;background-color:#f9f497;color:#05331f;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;border-radius:28px;text-decoration:none;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;cursor:pointer;min-width:56px;box-shadow:2px 2px 6px #0000000f,inset 1px 1px 2px #0003,inset -4px -4px 4px #fffdee24,inset 1px 1px 8px #0000001f;align-self:flex-start;position:relative;z-index:2}.hero-banner-flowart__button{overflow:hidden;color:var(--Primary-Green, #05331F);text-align:center;text-overflow:ellipsis;font-family:Spezia Extended;font-size:12px;font-style:normal;font-weight:600;line-height:100%;letter-spacing:.7px}@media screen and (min-width:768px){.hero-banner-flowart__button{padding:20.5px 34px}.hero-banner-flowart__button{font-size:14px}}.hero-banner-flowart__button span{line-height:1;white-space:nowrap}.hero-banner-flowart__button:hover,.hero-banner-flowart__button:focus-visible{background-color:#ff6839;color:#fff;transform:translateY(-2px);box-shadow:4px 4px 12px #0000001f,inset 1px 1px 2px #00000026,inset -2px -2px 4px #ffffff1a}.hero-banner-flowart__button:active{transform:translateY(0)}.hero-banner-flowart__button[aria-disabled=true]{pointer-events:none;opacity:.6}.hero-banner-flowart__button:focus-visible{outline:2px solid #ffffff;outline-offset:4px}.hero-banner-flowart__sticker{position:absolute;top:var(--sticker-top-mobile, auto);bottom:var(--sticker-bottom-mobile, auto);left:var(--sticker-left-mobile, auto);right:var(--sticker-right-mobile, auto);width:var(--sticker-w-mobile, 161px);height:var(--sticker-h-mobile, 161px);--rotation: var(--sticker-deg-mobile, -13.9deg);transform:rotate(var(--rotation));z-index:3;pointer-events:none;animation:stickerDrop 1.2s cubic-bezier(.34,1.56,.64,1) forwards;display:flex;align-items:center;justify-content:center}@keyframes stickerDrop{0%{transform:translateY(-400px) rotate(-35deg);opacity:0}60%{transform:translateY(0) rotate(-8deg);opacity:1}75%{transform:translateY(-20px) rotate(-15deg)}90%{transform:translateY(-5px) rotate(-11deg)}to{transform:translateY(0) rotate(var(--rotation))}}@media screen and (min-width:500px){.hero-banner-flowart__sticker{width:var(--sticker-w-tablet, 180px);height:var(--sticker-h-tablet, 180px);top:var(--sticker-top-tablet, auto);bottom:auto;left:auto;right:var(--sticker-right-tablet, auto);--rotation: var(--sticker-deg-tablet, -12deg);transform:rotate(var(--rotation))}}@media screen and (min-width:768px){.hero-banner-flowart__sticker{width:var(--sticker-w-desktop, 205px);height:var(--sticker-h-desktop, 205px);top:var(--sticker-top-desktop, auto);bottom:var(--sticker-bottom-desktop, auto);left:var(--sticker-left-desktop, auto);right:var(--sticker-right-desktop, auto);--rotation: var(--sticker-deg-desktop, -11.17deg);transform:rotate(var(--rotation))}}.hero-banner-flowart__sticker-badge{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.hero-banner-flowart__sticker-badge svg{width:100%;height:100%}.hero-banner-flowart__sticker-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18%;width:100%;box-sizing:border-box}@media screen and (min-width:768px){.hero-banner-flowart__sticker-content{padding:25px}}.hero-banner-flowart__sticker-text{width:100%;text-align:center;color:#05331f;font-family:Spezia}.hero-banner-flowart__sticker-block{margin:0}.hero-banner-flowart__sticker-block p{margin:0;padding:0;font-size:inherit;font-weight:inherit;font-style:inherit;line-height:inherit}.hero-banner-flowart__sticker-block strong{font-weight:800}.hero-banner-flowart__sticker-block em{font-style:italic}@media(prefers-reduced-motion:reduce){.hero-banner-flowart__button{transition:none}.hero-banner-flowart__button:hover{transform:none}.hero-banner-flowart__background-image,.hero-banner-flowart__background-video{animation:none}}@media screen and (min-width:120rem){.hero-banner-flowart{height:36.4583vw;padding:8.3333vw 3.125vw}.hero-banner-flowart__background{height:100%;border-radius:0}.hero-banner-flowart__background-image,.hero-banner-flowart__background-video{height:100%}.hero-banner-flowart__container{width:100%;height:19.7396vw}.hero-banner-flowart__content{gap:2.5vw;max-width:31.25vw}.hero-banner-flowart__heading{gap:.625vw}.hero-banner-flowart__title{font-size:3.125vw;letter-spacing:-.1563vw}.hero-banner-flowart__description{font-size:1.0417vw;max-width:18.6458vw}.hero-banner-flowart__button{padding:1.0677vw 1.7708vw;font-size:.7292vw;letter-spacing:.0365vw;border-radius:1.4583vw;min-width:2.9167vw}.hero-banner-flowart__sticker{width:var(--sticker-w-uw);height:var(--sticker-h-uw);top:var(--sticker-top-uw, auto);bottom:var(--sticker-bottom-uw, auto);left:var(--sticker-left-uw, auto);right:var(--sticker-right-uw, auto);transform:rotate(-11.17deg)}.hero-banner-flowart__sticker-content{padding:1.3021vw}.hero-banner-flowart__sticker-brand{font-size:1.1458vw;letter-spacing:-.0573vw}.hero-banner-flowart__sticker-price{font-size:1.875vw;letter-spacing:-.0938vw;margin:.3125vw 0}.hero-banner-flowart__sticker-availability{font-size:1.1458vw;letter-spacing:-.0573vw}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/hero-banner-flowart.css.map */