.banner{display:flex;position:relative;flex-direction:column;z-index:auto;isolation:isolate}.banner__box{text-align:center}.banner__box.gradient{transform:perspective(0)}@media only screen and (max-width:749px){.banner--content-align-mobile-right .banner__box{text-align:right}.banner--content-align-mobile-left .banner__box{text-align:left}}@media only screen and (min-width:750px){.banner--content-align-right .banner__box{text-align:right}.banner--content-align-left .banner__box{text-align:left}.banner--content-align-left.banner--desktop-transparent .banner__box,.banner--content-align-right.banner--desktop-transparent .banner__box,.banner--medium.banner--desktop-transparent .banner__box{max-width:68rem}}.banner__media.animate--zoom-in{clip-path:inset(0px)}.banner__media.animate--zoom-in>img:not(.zoom):not(.deferred-media__poster-button),.banner__media.animate--zoom-in>svg:not(.zoom):not(.deferred-media__poster-button){position:fixed;height:100vh}@media screen and (max-width:749px){.banner--small.banner--mobile-bottom:not(.banner--adapt) .banner__media,.banner--small.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media{height:28rem}.banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__media,.banner--medium.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media{height:34rem}.banner--large.banner--mobile-bottom:not(.banner--adapt) .banner__media,.banner--large.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media{height:39rem}.banner--small:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:28rem}.banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:34rem}.banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:39rem}}@media screen and (min-width:750px){.banner{flex-direction:row}.banner--small:not(.banner--adapt){min-height:42rem}.banner--medium:not(.banner--adapt){min-height:56rem}.banner--large:not(.banner--adapt){min-height:72rem}.banner__content.banner__content--top-left{align-items:flex-start;justify-content:flex-start}.banner__content.banner__content--top-center{align-items:flex-start;justify-content:center}.banner__content.banner__content--top-right{align-items:flex-start;justify-content:flex-end}.banner__content.banner__content--middle-left{align-items:center;justify-content:flex-start}.banner__content.banner__content--middle-center{align-items:center;justify-content:center}.banner__content.banner__content--middle-right{align-items:center;justify-content:flex-end}.banner__content.banner__content--bottom-left{align-items:flex-end;justify-content:flex-start}.banner__content.banner__content--bottom-center{align-items:flex-end;justify-content:center}.banner__content.banner__content--bottom-right{align-items:flex-end;justify-content:flex-end}}@media screen and (max-width:749px){.banner:not(.banner--stacked){flex-direction:row;flex-wrap:wrap}.banner--stacked{height:auto}.banner--stacked .banner__media{flex-direction:column}}.banner__media{height:100%;position:absolute;left:0;top:0;width:100%}.banner__media-half{width:50%}.banner__media-half+.banner__media-half{right:0;left:auto}.banner__media-half.animate--fixed:first-child>img,.banner__media-half.animate--zoom-in:first-child>img{width:50%}.banner__media-half.animate--fixed:nth-child(2)>img,.banner__media-half.animate--zoom-in:nth-child(2)>img{left:50%;width:50%}@media screen and (max-width:749px){.banner--stacked .animate--fixed:first-child>img,.banner--stacked .animate--zoom-in:first-child>img{width:100%}.banner--stacked .banner__media-half.animate--fixed:nth-child(2)>img,.banner--stacked .banner__media-half.animate--zoom-in:nth-child(2)>img{left:0;width:100%}.banner--stacked .banner__media-half{width:100%}.banner--stacked .banner__media-half+.banner__media-half{order:1}}@media screen and (min-width:750px){.banner__media{height:100%}}.banner--adapt,.banner--adapt_image.banner--mobile-bottom .banner__media:not(.placeholder){height:auto}@media screen and (max-width:749px){.banner--mobile-bottom .banner__media,.banner--stacked:not(.banner--mobile-bottom) .banner__media{position:relative}.banner--stacked.banner--adapt .banner__content{height:auto}.banner:not(.banner--mobile-bottom):not(.email-signup-banner) .banner__box{background:transparent}.banner:not(.banner--mobile-bottom) .banner__box{border:none;border-radius:0;box-shadow:none}.banner:not(.banner--mobile-bottom) .button--secondary{--alpha-button-background: 0}.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{position:absolute;height:auto}.banner--stacked.banner--adapt:not(.banner--mobile-bottom) .banner__content{max-height:100%;overflow:hidden;position:absolute}.banner--stacked:not(.banner--adapt) .banner__media{position:relative}.banner:before{display:none!important}.banner--stacked .banner__media-image-half{width:100%}}.banner__content{padding:0;display:flex;position:relative;width:100%;align-items:center;justify-content:center;z-index:2}@media screen and (min-width:750px){.banner__content{padding:5rem}.banner__content--top-left{align-items:flex-start;justify-content:flex-start}.banner__content--top-center{align-items:flex-start;justify-content:center}.banner__content--top-right{align-items:flex-start;justify-content:flex-end}.banner__content--middle-left{align-items:center;justify-content:flex-start}.banner__content--middle-center{align-items:center;justify-content:center}.banner__content--middle-right{align-items:center;justify-content:flex-end}.banner__content--bottom-left{align-items:flex-end;justify-content:flex-start}.banner__content--bottom-center{align-items:flex-end;justify-content:center}.banner__content--bottom-right{align-items:flex-end;justify-content:flex-end}}@media screen and (max-width:749px){.banner--mobile-bottom:not(.banner--stacked) .banner__content{order:2}.banner:not(.banner--mobile-bottom) .field__input,.banner--mobile-bottom:not(.banner--stacked) .banner__box.color-scheme-1{background:transparent}}.banner__box{padding:4rem 1.5rem;position:relative;height:fit-content;align-items:center;text-align:center;width:100%;word-wrap:break-word;z-index:1}.banner--mobile-bottom .banner__box{padding:4rem 3.5rem}@media screen and (min-width:750px){.banner__box{padding:4rem 3.5rem}.banner--desktop-transparent .banner__box{padding:4rem 0;background:transparent;max-width:89rem;border:none;border-radius:0;box-shadow:none}.banner--desktop-transparent .button--secondary{--alpha-button-background: 0}.banner--desktop-transparent .content-container:after{display:none}}@media screen and (max-width:749px){.banner--mobile-bottom:after,.banner--mobile-bottom .banner__media:after{display:none}}.banner:after,.banner__media:after{content:"";position:absolute;top:0;background:#000;opacity:0;z-index:1;width:100%;height:100%}.banner__box>*+.banner__text{margin-top:1.5rem}@media screen and (min-width:750px){.banner__box>*+.banner__text{margin-top:2rem}}.banner__box>*+*{margin-top:1rem}.banner__box>*:first-child{margin-top:0}@media screen and (max-width:749px){.banner--stacked .banner__box{width:100%}}@media screen and (min-width:750px){.banner__box{width:auto;max-width:71rem;min-width:45rem}}@media screen and (min-width:1400px){.banner__box{max-width:90rem}}.banner__heading{margin-bottom:0}.banner__box .banner__heading+*{margin-top:1rem}.banner__buttons{display:inline-flex;flex-wrap:wrap;gap:1rem;max-width:45rem;word-break:break-word}@media screen and (max-width:749px){.banner--content-align-mobile-right .banner__buttons--multiple{justify-content:flex-end}.banner--content-align-mobile-center .banner__buttons--multiple>*{flex-grow:1;min-width:22rem}}@media screen and (min-width:750px){.banner--content-align-center .banner__buttons--multiple>*{flex-grow:1;min-width:22rem}.banner--content-align-right .banner__buttons--multiple{justify-content:flex-end}}.banner__box>*+.banner__buttons{margin-top:2rem}@media screen and (max-width:749px){.banner:not(.slideshow) .rte a,.banner:not(.slideshow) .inline-richtext a:hover,.banner:not(.slideshow) .rte a:hover{color:currentColor}}@media screen and (min-width:750px){.banner--desktop-transparent .rte a,.banner--desktop-transparent .inline-richtext a:hover,.banner--desktop-transparent .rte a:hover{color:currentColor}}.big-grin-home-hero{--big-grin-yellow: #ffd400;--big-grin-navy: #082a5f;--big-grin-ink: #ffffff}.big-grin-home-hero .banner__content{min-height:62rem}.big-grin-home-hero .banner__box{align-items:center;color:var(--big-grin-ink);display:flex;flex-direction:column;margin-inline:auto;max-width:112rem;text-align:center;text-shadow:0 2px 14px rgba(0,0,0,.42);min-width:0;width:100%}.big-grin-home-hero .banner__heading{color:var(--big-grin-ink);font-family:var(--font-heading-family);font-weight:900;letter-spacing:0;line-height:1.02;max-width:88rem;text-transform:uppercase;width:100%}.big-grin-home-hero__kicker{align-items:center;display:flex;gap:2.4rem;justify-content:center;margin-bottom:1.4rem;font-family:var(--font-body-family);font-size:1.35rem;font-weight:800;letter-spacing:.42rem}.big-grin-home-hero__kicker:before,.big-grin-home-hero__kicker:after{background:currentColor;content:"";display:block;height:1px;width:6.8rem}.big-grin-home-hero__headline-main,.big-grin-home-hero__headline-sub,.big-grin-home-hero__script{display:block}.big-grin-home-hero__headline-main,.big-grin-home-hero__headline-sub{font-size:clamp(3.4rem,5.4vw,7.2rem)}.big-grin-home-hero__script{color:var(--big-grin-ink);display:inline-block;font-family:var(--font-body-family);font-size:clamp(2.9rem,4vw,5.2rem);font-style:italic;font-weight:500;line-height:1.05;margin-top:.4rem;position:relative;text-transform:none}.big-grin-home-hero__script-emphasis{display:inline-block;position:relative}.big-grin-home-hero__script-emphasis:after{background:var(--big-grin-yellow);border-radius:999px;content:"";display:block;height:.5rem;left:-.02em;position:absolute;top:calc(100% + .4rem);transform:rotate(-2deg);width:102%}.big-grin-home-hero .banner__text{color:var(--big-grin-ink);font-size:2rem;font-weight:500;line-height:1.45;margin-left:auto;margin-right:auto;max-width:62rem}.big-grin-home-hero .banner__buttons{gap:1.6rem;justify-content:center;margin-left:auto;margin-right:auto;max-width:72rem;width:100%}.big-grin-home-hero .banner__buttons .button{border-radius:.8rem;font-size:1.6rem;font-weight:800;min-height:5.6rem;min-width:28rem;padding-inline:3rem;text-transform:none;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.big-grin-home-hero .banner__buttons .button:after,.big-grin-home-hero .banner__buttons .button:before{display:none}.big-grin-home-hero .banner__buttons .button--primary{background:var(--big-grin-yellow);border:.1rem solid var(--big-grin-yellow);color:#07142f;box-shadow:0 1.2rem 2.6rem #0000003d}.big-grin-home-hero .banner__buttons .button--secondary{background:#082a5f3d;border:.1rem solid rgba(255,255,255,.9);color:var(--big-grin-ink);box-shadow:inset 0 0 0 .1rem #ffffff4d}.big-grin-home-hero .banner__buttons .button:hover{transform:translateY(-1px)}@media screen and (max-width:749px){.big-grin-home-hero .banner__content{min-height:56rem}.big-grin-home-hero .banner__box{padding:3.6rem 1.8rem}.big-grin-home-hero__kicker{gap:1.2rem;font-size:1rem;letter-spacing:.24rem;margin-bottom:1rem}.big-grin-home-hero__kicker:before,.big-grin-home-hero__kicker:after{width:3.6rem}.big-grin-home-hero__headline-main,.big-grin-home-hero__headline-sub{font-size:3.3rem}.big-grin-home-hero__script{font-size:3rem}.big-grin-home-hero__script-emphasis:after{height:.35rem;top:calc(100% + .25rem)}.big-grin-home-hero .banner__text{font-size:1.55rem}.big-grin-home-hero .banner__buttons{display:flex;width:100%}.big-grin-home-hero .banner__buttons .button{min-width:100%;width:100%}}@media screen and (min-width:750px)and (max-width:900px){.big-grin-home-hero .banner__box{max-width:72rem;padding-inline:2.4rem}.big-grin-home-hero__headline-main,.big-grin-home-hero__headline-sub{font-size:4.2rem}.big-grin-home-hero .banner__buttons{display:flex;margin-left:auto;margin-right:auto;max-width:42rem;width:100%}.big-grin-home-hero .banner__buttons .button{min-width:100%;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-image-banner.css.map */