@import"https://fonts.googleapis.com/css2?family=Lobster&display=swap";:root{--slogan-coral: #EA5B59;--slogan-cream: #FDF3E7;--slogan-shadow: #0B2A18}[xo-pfs]{--pfs-min: 10;--pfs-max: 60;--min-viewport: 40;--max-viewport: 120;--m: (var(--pfs-max) - var(--pfs-min)) / (var(--max-viewport) - var(--min-viewport));--size: clamp( calc(var(--pfs-min) * 1rem), calc( var(--m) * 100vw + var(--pfs-min) * 1rem - var(--m) * var(--min-viewport) * 1rem ), calc(var(--pfs-max) * 1rem) )}.img-banner-3{width:100%;height:100dvh}.img-banner-3 .xo-video--modifier{object-fit:cover}.img-banner-3--style-1 .img-banner-3__content{display:flex;flex-direction:column;justify-content:end;gap:14.7rem}@media (min-width: 768px){.img-banner-3--style-1 .img-banner-3__content{gap:2.4rem;justify-content:space-between}}.img-banner-3--style-1 .img-banner-3__bottom{padding-bottom:4rem}.img-banner-3--style-2 .img-banner-3__content{display:flex;flex-direction:column-reverse;align-items:flex-start;justify-content:space-between;padding:9.1rem 0 3.4rem}@media (min-width: 992px){.img-banner-3--style-2 .img-banner-3__content{gap:2.4rem;padding:12.5rem 0 7.4rem}}.img-banner-3--style-2 .img-banner-3__box{padding-top:0}.img-banner-3__bg-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100vw;height:100dvh}.img-banner-3__bg-image .xo-image,.img-banner-3__bg-image .xo-image__placeholder,.img-banner-3__bg-image .placeholder-svg,.img-banner-3__bg-image img{width:100%;height:100%}.img-banner-3__bg{width:100%;height:100%;opacity:1!important}.img-banner-3__bg{width:100%;height:100%}.img-banner-3__bg--mobile{display:block}@media (min-width: 768px){.img-banner-3__bg--mobile{display:none}}.img-banner-3__bg--desktop{display:none}@media (min-width: 768px){.img-banner-3__bg--desktop{display:block}}.img-banner-3__body{width:100%;height:100dvh;padding:0 2.3rem;position:relative}@media (min-width: 1400px){.img-banner-3__body{padding:0 3.8rem}}.img-banner-3__content{height:100%;display:flex;flex-direction:column;gap:2rem}@media (max-width: 767px){.img-banner-3__content{justify-content:center}}.img-banner-3__box{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3rem;padding-top:20.4rem}@media (min-width: 1600px){.img-banner-3__box{padding-top:34.4rem}}.img-banner-3__heading{font-family:var(--font-heading-family, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-weight:700;color:rgb(var(--color-foreground));margin:0;text-align:center;line-height:1.1;font-size:clamp(2.8rem,8vw,6rem);text-shadow:none;-webkit-text-stroke:0;background:transparent;padding:0;display:inline-block}.img-banner-3__description{width:30.6rem;text-align:center;margin:0;color:rgb(var(--color-foreground-2));font-weight:500;font-size:calc(var(--font-body-scale) * 1.8rem);line-height:calc(1 + .1 / var(--font-body-scale));letter-spacing:calc(var(--font-body-scale) * -.018rem);word-break:break-word;word-wrap:break-word}.img-banner-3__box .img-banner-3__description{margin-bottom:0}@media (min-width: 992px){.img-banner-3__description{width:41.8rem;font-size:calc(var(--font-body-scale) * 2rem);line-height:calc(1 + .1 / var(--font-body-scale));letter-spacing:calc(var(--font-body-scale) * -.02rem)}}.img-banner-3__paginate{position:absolute;top:35%}[dir=ltr] .img-banner-3__paginate{right:1.6rem}[dir=rtl] .img-banner-3__paginate{left:1.6rem}@media (min-width: 992px){[dir=ltr] .img-banner-3__paginate{right:3.2rem}[dir=rtl] .img-banner-3__paginate{left:3.2rem}}@media (min-width: 1200px){[dir=ltr] .img-banner-3__paginate{right:4.8rem}[dir=rtl] .img-banner-3__paginate{left:4.8rem}}@media (min-width: 1400px){[dir=ltr] .img-banner-3__paginate{right:5.6rem}[dir=rtl] .img-banner-3__paginate{left:5.6rem}}@media (min-width: 1600px){[dir=ltr] .img-banner-3__paginate{right:7.4rem}[dir=rtl] .img-banner-3__paginate{left:7.4rem}}.img-banner-3__paginate .xo-carousel-paginator--sticks{flex-direction:column;gap:1rem}.img-banner-3__paginate xo-carousel-bullet{padding:0 .5rem}.img-banner-3__paginate xo-carousel-bullet span{height:1.2rem;width:.5rem}.img-banner-3__paginate xo-carousel-bullet[xo-active]:not([xo-active=false]) span{background-color:rgba(var(--color-accent));height:2.8rem;width:.5rem}@media (max-width: 767px){.img-banner-3__paginate{display:none}}.img-banner-3__cursor[xo-is-hovering-button][xo-active]{opacity:0;transform:translate3d(-50%,-50%,0) scale(0)}.img-banner-3__cursor{display:none}@media (min-width: 1024px){.img-banner-3__cursor{display:block}}.is-mobile .img-banner-3__cursor{display:none}.img-banner-3__next{position:absolute;top:0;width:50%;height:100%;z-index:9;display:none}[dir=ltr] .img-banner-3__next{right:0}[dir=rtl] .img-banner-3__next{left:0}@media (min-width: 1024px){.img-banner-3__next{display:block}}.is-mobile .img-banner-3__next{display:none}.img-banner-3__prev{display:block;pointer-events:none;width:100%;height:100%}@media (min-width: 1024px){.img-banner-3__prev{pointer-events:auto}}.is-mobile .img-banner-3__prev{pointer-events:none}.img-banner-3__button{pointer-events:auto}@media (min-width: 768px){.img-banner-3__box{align-items:center;align-content:center;padding-left:8%;text-align:center}.img-banner-3__content{align-items:flex-start!important}.img-banner-3__heading,.img-banner-3__description{display:block;text-align:center}.img-banner-3__button{display:flex;justify-content:center}}xo-carousel-slide.express-yourself,xo-carousel-slide.paws-claws{contain:paint!important;isolation:isolate!important;overflow:hidden!important}xo-carousel-slide.stroke-of-genius{contain:none!important;isolation:isolate!important;overflow:hidden!important}.hero-carousel xo-carousel-slide{visibility:visible!important;opacity:0;transition:none!important;pointer-events:none!important}.hero-carousel xo-carousel-slide[xo-active],.hero-carousel xo-carousel-slide.xo-active{opacity:1;z-index:2;pointer-events:auto!important}.stroke-of-genius{position:relative;width:100%;height:100vh;overflow:hidden;--sog-frame-width: clamp(280px, 24vw, 400px);--sog-frame-height: clamp(650px, 74vh, 850px);--sog-frame-radius: 42px;--sog-frame-border: 4px;--sog-frame-padding-h: 2rem;--sog-frame-padding-v: 3rem;--sog-blur: 2px;--sog-duration: 45s;--sog-pan-amount: 80px;--sog-extend-x: 120px;--sog-extend-y: 60px}@media (max-width: 1024px) and (min-width: 768px){.stroke-of-genius{--sog-frame-width: clamp(300px, 42vw, 420px);--sog-frame-height: clamp(620px, 70vh, 820px);--sog-frame-radius: 40px;--sog-pan-amount: 60px;--sog-extend-x: 100px}}@media (max-width: 767px){.stroke-of-genius{--sog-frame-width: clamp(280px, 84vw, 380px);--sog-frame-height: clamp(580px, 70vh, 720px);--sog-frame-radius: 36px;--sog-frame-padding-h: 1rem;--sog-frame-padding-v: 2rem;--sog-blur: 2px;--sog-duration: 40s;--sog-pan-amount: 40px;--sog-extend-x: 80px}}@keyframes sogSmoothPan{0%{transform:translate3d(var(--sog-pan-amount),0,0)}to{transform:translate3d(calc(var(--sog-pan-amount) * -1),0,0)}}.stroke-of-genius .sog-layer-blurred{position:absolute;top:calc(var(--sog-extend-y) * -1);left:calc(var(--sog-extend-x) * -1);right:calc(var(--sog-extend-x) * -1);bottom:calc(var(--sog-extend-y) * -1);z-index:1;animation:sogSmoothPan var(--sog-duration) ease-in-out infinite alternate;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.stroke-of-genius .sog-layer-blurred img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;filter:blur(var(--sog-blur))}.stroke-of-genius .sog-layer-sharp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(var(--sog-frame-width) - var(--sog-frame-border) * 2);height:calc(var(--sog-frame-height) - var(--sog-frame-border) * 2);border-radius:calc(var(--sog-frame-radius) - var(--sog-frame-border));z-index:2;overflow:hidden}.stroke-of-genius .sog-layer-sharp img{position:absolute;--img-width: calc(100vw + var(--sog-extend-x) * 2);--img-height: calc(100vh + var(--sog-extend-y) * 2);--container-width: calc(var(--sog-frame-width) - var(--sog-frame-border) * 2);--container-height: calc(var(--sog-frame-height) - var(--sog-frame-border) * 2);top:calc((var(--container-height) - var(--img-height)) / 2);left:calc((var(--container-width) - var(--img-width)) / 2);width:var(--img-width);height:var(--img-height);max-width:none;max-height:none;object-fit:cover;object-position:center center;filter:none;animation:sogSmoothPan var(--sog-duration) ease-in-out infinite alternate;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}@media (prefers-reduced-motion: reduce){.stroke-of-genius .sog-layer-blurred,.stroke-of-genius .sog-layer-sharp img{animation:none;transform:translateZ(0)}}.stroke-of-genius .sog-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--sog-frame-width);height:var(--sog-frame-height);z-index:3;border:var(--sog-frame-border) solid white;border-radius:var(--sog-frame-radius);background:transparent;pointer-events:none;box-shadow:0 0 0 1px #ffffff1a,0 8px 40px #0000004d}.stroke-of-genius .img-banner-3__box{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:var(--sog-frame-width)!important;height:var(--sog-frame-height)!important;z-index:4!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;align-items:center!important;padding:var(--sog-frame-padding-v) var(--sog-frame-padding-h)!important;gap:0!important;margin:0!important;border:none!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;pointer-events:none;overflow:visible!important}.stroke-of-genius .img-banner-3__box>*{pointer-events:auto}xo-carousel-slide.stroke-of-genius:not([xo-active]):not(.xo-active) .sog-layer-blurred,xo-carousel-slide.stroke-of-genius:not([xo-active]):not(.xo-active) .sog-layer-sharp,xo-carousel-slide.stroke-of-genius:not([xo-active]):not(.xo-active) .sog-frame,xo-carousel-slide.stroke-of-genius:not([xo-active]):not(.xo-active) .img-banner-3__box{display:none!important;opacity:0!important;visibility:hidden!important}.stroke-of-genius h1.img-banner-3__heading{font-family:Sacramento,cursive!important;line-height:1.1!important;color:#fff!important;margin:5% 0 0!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:2rem!important;z-index:10!important;position:relative!important;text-shadow:0 2px 15px rgba(0,0,0,.6)!important}.stroke-of-genius .word-row{font-family:Sacramento,cursive!important;font-size:clamp(6rem,11vw,12rem)!important;font-weight:400!important;letter-spacing:.02em!important;text-shadow:0 2px 8px rgba(0,0,0,.5),0 0 20px rgba(0,0,0,.3)!important;text-align:center!important;margin:0!important;color:#fff!important;-webkit-text-stroke:.5px rgba(0,0,0,.3)!important;width:100%!important}.stroke-of-genius .word-stroke{margin-bottom:1rem!important}.stroke-of-genius .word-genius{margin-top:1rem!important}.stroke-of-genius .word-centered{font-family:Inter,sans-serif!important;font-size:clamp(2.5rem,4vw,4.5rem)!important;font-style:italic!important;font-weight:300!important;text-shadow:0 2px 8px rgba(0,0,0,.5),0 0 20px rgba(0,0,0,.3)!important;text-align:center!important;margin:.5rem 0!important;color:#fff!important}.stroke-of-genius .img-banner-3__description{text-shadow:0 1px 8px rgba(0,0,0,.5)!important}.stroke-of-genius .img-banner-3__button{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;margin:auto 0!important;z-index:15!important}.stroke-of-genius .artist-loop-container{margin-top:0!important;margin-bottom:5%!important;position:relative!important;width:100%!important;height:4rem!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:15!important}.stroke-of-genius .artist-name{position:absolute!important;font-family:Inter,sans-serif!important;font-size:clamp(2.8rem,4vw,4.8rem)!important;font-weight:300!important;text-transform:uppercase!important;letter-spacing:.15em!important;color:#fff!important;width:100%!important;text-align:center!important;text-shadow:0 2px 8px rgba(0,0,0,.5),0 0 20px rgba(0,0,0,.3)!important;opacity:0;transform:translateY(10px);animation:sog-artistCycle 9s ease-in-out infinite both;z-index:20!important}@keyframes sog-artistCycle{0%{opacity:0;transform:translateY(10px)}5%{opacity:1;transform:translateY(0)}28%{opacity:1;transform:translateY(0)}33%{opacity:0;transform:translateY(-10px)}to{opacity:0;transform:translateY(-10px)}}.stroke-of-genius .artist-name:nth-child(1){animation-delay:0s}.stroke-of-genius .artist-name:nth-child(2){animation-delay:3s}.stroke-of-genius .artist-name:nth-child(3){animation-delay:6s}@media (max-width: 1024px) and (min-width: 768px){.stroke-of-genius .word-row{font-size:clamp(4rem,9vw,7rem)!important}.stroke-of-genius .word-centered{font-size:clamp(2rem,5vw,3.5rem)!important}.stroke-of-genius .artist-name{font-size:clamp(2.5rem,7vw,3.5rem)!important}}@media (max-width: 767px){.stroke-of-genius h1.img-banner-3__heading{gap:1.5rem!important;margin-top:3%!important}.stroke-of-genius .word-row{font-size:clamp(3.5rem,12vw,5rem)!important}.stroke-of-genius .word-centered{font-size:clamp(1.8rem,6vw,2.5rem)!important}.stroke-of-genius .artist-name{font-size:clamp(2.5rem,9vw,3.5rem)!important}.stroke-of-genius .artist-loop-container{margin-bottom:3%!important}}.first-slide-instant{animation-duration:0s!important;transition-duration:0s!important}xo-carousel-slide:not([xo-active]):not(.xo-active) .img-banner-3__heading,xo-carousel-slide:not([xo-active]):not(.xo-active) .img-banner-3__description,xo-carousel-slide:not([xo-active]):not(.xo-active) .img-banner-3__button{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity 0s,visibility 0s!important}
/*# sourceMappingURL=/cdn/shop/t/13/assets/img-banner-3.css.map */
