.hero-banner{position:relative;width:100%;min-height:50vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-banner.featured-blog-section{min-height:60vh}.hero-banner__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-banner__background--scroll{background-attachment:scroll}.hero-banner__background--fixed{background-attachment:fixed}.hero-banner__background--local{background-attachment:local}.hero-banner__background-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-banner__bg-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1}.hero-banner__background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;transition:opacity .3s ease}.hero-banner__content{position:relative;z-index:10;width:100%;min-height:inherit;display:flex;align-items:center;justify-content:center}.blog-content-wrapper{position:relative;width:100%;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:backdrop-filter .3s ease;border-radius:0;padding:2rem 0}.hero-banner:hover .blog-content-wrapper{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.blog-carousel{position:relative;width:100%;overflow:hidden;--carousel-gap: 20px;--carousel-speed: 5s;--carousel-autoplay-delay: 5s;--carousel-visible-desktop: 3;--carousel-visible-tablet: 2;--carousel-visible-mobile: 1}.blog--carousel{overflow:visible}.carousel-container{position:relative;width:100%;overflow:hidden;border-radius:.8rem}.carousel-track{position:relative;width:100%;height:100%}.carousel-slides{display:flex;transition:transform var(--carousel-speed) cubic-bezier(.25,.46,.45,.94);will-change:transform;gap:var(--carousel-gap)}.carousel-slide{flex:0 0 auto;width:calc((100% - (var(--carousel-gap) * (var(--carousel-visible-mobile) - 1))) / var(--carousel-visible-mobile));position:relative;opacity:1;transition:opacity .3s ease,transform .3s ease}.carousel-slides.transition-fade .carousel-slide{opacity:.6;transform:scale(.95)}.carousel-slides.transition-fade .carousel-slide.active{opacity:1;transform:scale(1)}.carousel-slides.transition-scale .carousel-slide{transform:scale(.9)}.carousel-slides.transition-scale .carousel-slide.active{transform:scale(1)}.article-card--carousel{height:100%;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;border-radius:1.2rem;background:rgba(var(--color-background),.95);border:.1rem solid rgba(var(--color-foreground),.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a}.hero-banner .article-card--carousel{background:rgba(var(--color-background),.98);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 32px #00000026}.article-card--carousel:hover{transform:translateY(-.5rem);box-shadow:0 1rem 3rem rgba(var(--color-shadow),.25)}.hero-banner .article-card--carousel:hover{box-shadow:0 1.5rem 4rem #0000004d}.article-card--carousel .card__content{flex:1;display:flex;flex-direction:column;padding:1.5rem}.article-card--carousel .card__information{flex:1;display:flex;flex-direction:column}.article-card--carousel .article-card__header{margin-bottom:1rem}.article-card--carousel .article-card__meta{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem;color:rgba(var(--color-foreground),.65);font-size:1.2rem;text-transform:uppercase;letter-spacing:.1rem}.article-card--carousel .article-card__meta-separator{color:rgba(var(--color-foreground),.3)}.article-card--carousel .card__heading{margin:0 0 1rem;line-height:1.3;color:rgb(var(--color-foreground))}.article-card--carousel .article-card__title-link{color:rgb(var(--color-foreground));text-decoration:none;transition:color .3s ease;display:block}.article-card--carousel .article-card__title-link:hover{color:rgb(var(--color-link))}.article-card--carousel .article-card__excerpt{flex:1;margin-bottom:1.5rem;color:rgba(var(--color-foreground),.75);line-height:1.6}.article-card--carousel .article-card__tags{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.article-card--carousel .article-card__tag{background:rgba(var(--color-foreground),.05);color:rgba(var(--color-foreground),.7);padding:.3rem .8rem;border-radius:2rem;font-size:1rem;text-transform:uppercase;letter-spacing:.05rem}.article-card--carousel .article-card__actions{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;border-top:.1rem solid rgba(var(--color-foreground),.08)}.article-card--carousel .article-card__button{display:inline-flex;align-items:center;gap:.5rem;color:rgb(var(--color-link));text-decoration:none;font-weight:500;transition:color .3s ease}.article-card--carousel .article-card__button:hover{color:rgb(var(--color-link-hover))}.article-card--carousel .article-card__button .icon-wrap{transition:transform .3s ease}.article-card--carousel .article-card__button:hover .icon-wrap{transform:translate(.3rem)}.article-card__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(var(--color-overlay),.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;border-radius:inherit}.article-card--carousel:hover .article-card__overlay{opacity:1}.article-card__read-more{color:rgb(var(--color-background));font-weight:600;display:flex;align-items:center;gap:.5rem;transform:translateY(1rem);transition:transform .3s ease}.article-card--carousel:hover .article-card__read-more{transform:translateY(0)}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:4.8rem;height:4.8rem;border:none;background:rgba(var(--color-background),.95);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 .4rem 1.2rem rgba(var(--color-shadow),.15);z-index:12;opacity:.9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-banner .carousel-arrow{background:rgba(var(--color-background),.9);box-shadow:0 .8rem 2rem #0003}.carousel-arrow:hover{background:rgb(var(--color-link));transform:translateY(-50%) scale(1.1);opacity:1}.carousel-arrow--prev{left:-2.4rem}.carousel-arrow--next{right:-2.4rem}.carousel-arrow--prev .svg-wrapper{transform:rotate(180deg)}.carousel-arrow .svg-wrapper{width:1.6rem;height:1.6rem;color:rgb(var(--color-foreground));transition:color .3s ease}.carousel-arrow:hover .svg-wrapper{color:rgb(var(--color-background))}.carousel-indicators{display:flex;justify-content:center;gap:.8rem;margin-top:2rem;position:relative;z-index:11}.carousel-indicator{width:1rem;height:1rem;border:none;border-radius:50%;background:rgba(var(--color-foreground),.2);cursor:pointer;transition:all .3s ease}.hero-banner .carousel-indicator{background:rgba(var(--color-background),.4);box-shadow:0 2px 8px #0000001a}.carousel-indicator.active,.carousel-indicator:hover{background:rgb(var(--color-link));transform:scale(1.2)}.carousel-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:13;background:rgba(var(--color-background),.95);border-radius:50%;padding:1rem;box-shadow:0 .4rem 1.2rem rgba(var(--color-shadow),.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-spinner svg{color:rgb(var(--color-link));animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.carousel-view-all{text-align:center;margin-top:3rem;position:relative;z-index:11}.carousel-view-all .blog__button{display:inline-flex;align-items:center;gap:.8rem;padding:1.2rem 2.4rem;border-radius:3rem;transition:all .3s ease;background:rgba(var(--color-background),.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px rgba(var(--color-shadow),.1)}.hero-banner .carousel-view-all .blog__button{background:rgba(var(--color-background),.9);box-shadow:0 8px 24px #00000026}.carousel-view-all .blog__button:hover .svg-wrapper{transform:translate(.3rem)}.hero-banner .blog__title{color:rgb(var(--color-background));text-shadow:0 2px 8px rgba(0,0,0,.3);margin-bottom:2rem}.hero-banner .title-wrapper-with-link{background:rgba(var(--color-background),.1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:1rem;padding:2rem;margin-bottom:3rem}@media screen and (min-width: 750px){.carousel-slide{width:calc((100% - (var(--carousel-gap) * (var(--carousel-visible-tablet) - 1))) / var(--carousel-visible-tablet))}.carousel-arrow{opacity:0}.blog-carousel:hover .carousel-arrow{opacity:.9}.hero-banner{min-height:70vh}}@media screen and (min-width: 990px){.carousel-slide{width:calc((100% - (var(--carousel-gap) * (var(--carousel-visible-desktop) - 1))) / var(--carousel-visible-desktop))}.article-card--carousel .card__content{padding:2rem}.hero-banner{min-height:80vh}}@media screen and (max-width: 749px){.carousel-arrow{display:none}.carousel-indicators{margin-top:1.5rem}.carousel-indicator{width:.8rem;height:.8rem}.article-card--carousel{border-radius:1rem}.hero-banner{min-height:50vh}.hero-banner .title-wrapper-with-link{padding:1.5rem;margin-bottom:2rem}.blog-content-wrapper{padding:1rem 0}.hero-banner__background--fixed{background-attachment:scroll}}@media (prefers-reduced-motion: reduce){.carousel-slides,.carousel-slide,.article-card--carousel{transition:none}.loading-spinner svg{animation:none}.hero-banner__bg-image{animation:none;transform:none}}@media (prefers-contrast: high){.article-card--carousel,.carousel-arrow{border:.2rem solid rgb(var(--color-foreground))}.carousel-indicator{border:.1rem solid rgb(var(--color-foreground))}.hero-banner__background-overlay{background:#000000b3!important}}@media (prefers-color-scheme: dark){.article-card--carousel{background:rgba(var(--color-background),.98);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.carousel-arrow{background:rgba(var(--color-background),.95);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.hero-banner .blog__title{color:rgb(var(--color-foreground));text-shadow:0 2px 8px rgba(0,0,0,.8)}}.carousel-arrow:focus-visible,.carousel-indicator:focus-visible,.article-card--carousel:focus-within{outline:.2rem solid rgb(var(--color-link));outline-offset:.2rem}@media screen and (max-width: 749px){.carousel-container{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(var(--color-foreground),.2) transparent}.carousel-container::-webkit-scrollbar{height:.4rem}.carousel-container::-webkit-scrollbar-track{background:transparent}.carousel-container::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.2);border-radius:.2rem}.carousel-container::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-foreground),.4)}}.scroll-trigger.animate--slide-in.blog-carousel{opacity:0;transform:translateY(5rem);transition:opacity .6s ease,transform .6s ease}.scroll-trigger.animate--slide-in.blog-carousel.animate{opacity:1;transform:translateY(0)}.carousel-slide[data-cascade]{transition-delay:calc(var(--animation-order, 0) * .1s)}.hero-banner__bg-image{opacity:0;transition:opacity .5s ease}.hero-banner__bg-image.loaded{opacity:1}.hero-banner__background--fixed .hero-banner__bg-image{transform:translateZ(0);will-change:transform}.hero-banner .article-card--carousel .card__content{background:rgba(var(--color-background),.05);border-radius:.8rem}.hero-banner .blog__title,.hero-banner .article-card--carousel .card__heading,.hero-banner .article-card--carousel .article-card__excerpt{text-shadow:0 1px 3px rgba(0,0,0,.2)}.hero-banner__background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0000001a,#0000000d);z-index:0;opacity:1;transition:opacity .5s ease}.hero-banner__background.loaded:before{opacity:0}.featured-blog-wrapper .carousel-container,.featured-blog-wrapper .carousel-track,.featured-blog-wrapper .carousel-slides{background:transparent!important}.article-card__text-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;border-radius:8px;pointer-events:none}.article-card__text-content{position:relative;z-index:2;padding:15px}
/*# sourceMappingURL=/cdn/shop/t/1/assets/carousel-blog.css.map */
