.banner-blog-page{--blog-hero-duration: 2s;position:relative;width:100%;height:631px;overflow:hidden;background:#fff}.banner-blog-page__inner{position:relative;width:100%;height:100%;max-width:var(--page-width, 1920px);margin:0 auto;overflow:hidden}.banner-blog-page__collage{position:absolute;width:1440px;height:631px;top:0;left:50%;transform:translate(-50%);transform-origin:top center}.banner-blog-page__heading{position:absolute;top:50%;left:50%;z-index:30;margin:0;font-family:Inter,Arial,Helvetica,sans-serif;font-size:72px;line-height:72px;font-weight:700;letter-spacing:-.02em;color:#000;white-space:nowrap;pointer-events:none;transform:translate(-50%,-50%);animation:blog-heading-opacity var(--blog-hero-duration) linear,blog-heading-translate var(--blog-hero-duration) linear;animation-iteration-count:infinite;will-change:translate,opacity}@keyframes blog-heading-opacity{0%{animation-timing-function:cubic-bezier(.5,0,.5,1);opacity:0}7.5%{opacity:1}to{opacity:1}}@keyframes blog-heading-translate{0%{animation-timing-function:cubic-bezier(.05,.4,.5,1);translate:-120px 0}30%{translate:0 0}to{translate:0 0}}.banner-blog-page__item{position:absolute;width:var(--image-width);height:var(--image-height);z-index:10;transform-origin:center center;transform:rotate(var(--image-rotation));will-change:translate,opacity;animation-duration:var(--blog-hero-duration);animation-timing-function:linear;animation-iteration-count:infinite}.banner-blog-page__item--1{left:54px;top:124px;z-index:10;animation-name:blog-item-1-in}.banner-blog-page__item--2{left:342px;top:92px;z-index:10;animation-name:blog-item-2-in}.banner-blog-page__item--3{left:96px;top:322px;z-index:12;animation-name:blog-item-3-in}.banner-blog-page__item--4{left:333px;top:327px;z-index:10;animation-name:blog-item-4-in}.banner-blog-page__item--5{left:992px;top:67px;z-index:11;animation-name:blog-item-5-in}.banner-blog-page__item--6{left:1112.86px;top:183.59px;z-index:10;animation-name:blog-item-6-in}.banner-blog-page__item--7{left:841px;top:333px;z-index:50;animation-name:blog-item-7-in}.banner-blog-page__item--8{left:1174px;top:339px;z-index:41;animation-name:blog-item-8-in}.banner-blog-page__image{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@keyframes blog-item-1-in{0%{animation-timing-function:ease-in-out;translate:0 -625px}30.176%{translate:0 -82px}to{translate:0 -82px}}@keyframes blog-item-2-in{0%{animation-timing-function:ease-in-out;translate:0 -427px}23.754%{translate:0 0}to{translate:0 0}}@keyframes blog-item-3-in{0%{animation-timing-function:ease-in-out;translate:0 -574px}36.063%{translate:0 0}to{translate:0 0}}@keyframes blog-item-4-in{0%{animation-timing-function:ease-in-out;translate:0 359px}25.663%{translate:0 0}to{translate:0 0}}@keyframes blog-item-5-in{0%{animation-timing-function:ease-in-out;translate:493px 0}19.3%{translate:0 0}to{translate:0 0}}@keyframes blog-item-6-in{0%{animation-timing-function:ease-in-out;translate:314.139px -18.588px}22.158%{translate:0 0}to{translate:0 0}}@keyframes blog-item-7-in{0%{animation-timing-function:ease-in-out;translate:0 -551px}18.815%{translate:0 0}to{translate:0 0}}@keyframes blog-item-8-in{0%{animation-timing-function:ease-in-out;opacity:0;transform:rotate(var(--image-rotation)) scale(1.786)}27.703%{opacity:1;transform:rotate(var(--image-rotation)) scale(1)}to{opacity:1;transform:rotate(var(--image-rotation)) scale(1)}}@media screen and (min-width:769px){.banner-blog-page{--blog-hero-scale: min( calc(100vw/1440px) , calc(1920 / 1440));height:min(calc(100vw * 631 / 1440),841px);min-height:420px;overflow:hidden}.banner-blog-page__inner{width:100%;height:100%;max-width:var(--page-width, 1920px);overflow:hidden}.banner-blog-page__collage{position:absolute;width:1440px;height:631px;top:0;left:50%;transform:translate(-50%);transform-origin:top center}@supports (transform: scale(calc(100vw/1440px))){.banner-blog-page__collage{transform:translate(-50%) scale(var(--blog-hero-scale))}}}@media screen and (max-width:768px){.banner-blog-page{width:100%;height:631px}.banner-blog-page__inner{width:100%;max-width:100%}.banner-blog-page__collage{width:390px;height:631px;left:50%;top:0;transform:translate(-50%);transform-origin:top center}.banner-blog-page__heading{top:50%;left:50%;z-index:100;letter-spacing:-.02em;white-space:normal;width:303px;text-align:center;animation:blog-heading-loop-mobile 3.6s cubic-bezier(.22,1,.36,1) 0s infinite}@keyframes blog-heading-loop-mobile{0%{opacity:0;transform:translate(-180%,-50%)}10%{opacity:1;transform:translate(-130%,-50%)}38%{opacity:1;transform:translate(-50%,-50%)}to{opacity:1;transform:translate(-50%,-50%)}}.banner-blog-page__item{width:var(--image-width-mobile);height:var(--image-height-mobile);animation-name:blog-image-loop-mobile;animation-duration:3.6s;animation-delay:0s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-iteration-count:infinite}.banner-blog-page__item--1{left:-80px;top:76px;z-index:13}.banner-blog-page__item--2{left:70px;top:33px;z-index:10}.banner-blog-page__item--3{left:-10px;top:420.56px;z-index:11}.banner-blog-page__item--4{left:75.24px;top:397px;z-index:12}.banner-blog-page__item--5{left:195px;top:-33px;z-index:12}.banner-blog-page__item--6{left:211px;top:76px;z-index:10}.banner-blog-page__item--7{left:232px;top:436px;z-index:10}.banner-blog-page__item--8{left:289px;top:281px;z-index:50}@keyframes blog-image-loop-mobile{0%{opacity:0;transform:translateY(-60px) rotate(calc(var(--image-rotation-mobile) - 10deg)) scale(.72)}10%{opacity:1;transform:translateY(-45px) rotate(calc(var(--image-rotation-mobile) - 8deg)) scale(.82)}28%{opacity:1;transform:translateY(5px) rotate(calc(var(--image-rotation-mobile) + 3deg)) scale(1.03)}38%{opacity:1;transform:translate(0) rotate(var(--image-rotation-mobile)) scale(1)}to{opacity:1;transform:translate(0) rotate(var(--image-rotation-mobile)) scale(1)}}}@media screen and (max-width:480px){.banner-blog-page{height:580px}.banner-blog-page__collage{transform:translate(-50%) scale(calc(100vw / 390));transform-origin:top center}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/banner-blog-page.css.map */