.hero-slider{
position:relative;
width:min(1440px, calc(100vw - 160px));
height:min(640px, 70vh);
margin:10px auto 0;
overflow:visible;
padding:0;
background:transparent;
}

.hero-slider-filters{
position:absolute;
width:0;
height:0;
overflow:hidden;
pointer-events:none;
}

.hero-slider-torn{
position:absolute;
left:-40px;
right:-40px;
width:calc(100% + 80px);
height:84px;
background-color:transparent;
background-image:url('/images/bg-paper.JPG');
background-size:cover;
background-repeat:repeat;
background-attachment:fixed;
background-position:0 0;
filter:url(#tornpaper_light);
-webkit-filter:url(#tornpaper_light);
z-index:10;
pointer-events:none;
opacity:1;
}

.hero-slider-torn-top{
top:-46px;
}

.hero-slider-torn-bottom{
bottom:-46px;
}

.hero-slider-cover{
position:absolute;
left:-48px;
right:-48px;
background-image:url('/images/bg-paper.JPG');
background-size:cover;
background-repeat:repeat;
background-attachment:fixed;
background-position:0 0;
z-index:9;
pointer-events:none;
}

.hero-slider-cover-top{
top:-36px;
height:60px;
}

.hero-slider-cover-bottom{
bottom:-58px;
height:90px;
}

.hero-slider-window{
position:relative;
width:100%;
height:100%;
overflow:hidden;
z-index:1;
}

.hero-slider-blend{
position:absolute;
inset:0;
z-index:7;
pointer-events:none;
background-image:
linear-gradient(90deg,
rgba(244,239,232,0.92) 0%,
rgba(244,239,232,0.72) 22%,
rgba(244,239,232,0.32) 54%,
rgba(244,239,232,0) 100%
),
linear-gradient(270deg,
rgba(244,239,232,0.92) 0%,
rgba(244,239,232,0.72) 22%,
rgba(244,239,232,0.32) 54%,
rgba(244,239,232,0) 100%
);
background-size:
176px 100%,
176px 100%;
background-position:
left center,
right center;
background-repeat:no-repeat;
}

.hero-slider-stage{
display:flex;
align-items:center;
gap:0;
width:max-content;
height:100%;
will-change:transform;
position:relative;
z-index:1;
}

.hero-slide{
position:relative;
flex:0 0 min(348px, 34vw);
width:min(348px, 34vw);
height:100%;
overflow:hidden;
background:transparent;
}

.hero-slide img{
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
transform:scale(1.03);
}

.hero-slide::after{
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
width:44px;
pointer-events:none;
z-index:2;
}

.hero-slide::after{
background:linear-gradient(
90deg,
rgba(244,239,232,0) 0%,
rgba(244,239,232,0.02) 42%,
rgba(244,239,232,0.05) 78%,
rgba(244,239,232,0) 100%
);
}

.hero-slider::before,
.hero-slider::after{
content:"";
position:absolute;
top:0;
bottom:0;
width:150px;
z-index:6;
pointer-events:none;
}

.hero-slider::before{
left:0;
background:linear-gradient(
90deg,
rgba(244,239,232,0.88) 0%,
rgba(244,239,232,0.46) 44%,
rgba(244,239,232,0.08) 78%,
rgba(244,239,232,0) 100%
);
}

.hero-slider::after{
right:0;
background:linear-gradient(
270deg,
rgba(244,239,232,0.88) 0%,
rgba(244,239,232,0.46) 44%,
rgba(244,239,232,0.08) 78%,
rgba(244,239,232,0) 100%
);
}

@media (max-width:768px){

.hero-slider{
width:calc(100vw - 36px);
height:min(360px, 46vh);
margin-top:10px;
}

.hero-slider-torn{
left:-24px;
right:-24px;
width:calc(100% + 48px);
height:72px;
filter:url(#tornpaper_mobile);
-webkit-filter:url(#tornpaper_mobile);
}

.hero-slider-torn-top{
top:-42px;
}

.hero-slider-torn-bottom{
bottom:-42px;
filter:url(#tornpaper_mobile);
-webkit-filter:url(#tornpaper_mobile);
transform:scaleY(-1);
transform-origin:center;
}

.hero-slider-cover{
left:-28px;
right:-28px;
}

.hero-slider-cover-top{
top:-20px;
height:34px;
}

.hero-slider-cover-bottom{
bottom:-54px;
height:36px;
}

.hero-slider-blend{
background-size:
74px 100%,
74px 100%;
}

.hero-slide{
flex-basis:min(252px, 72vw);
width:min(252px, 72vw);
}

.hero-slide::after{
width:28px;
}

.hero-slider::before,
.hero-slider::after{
width:62px;
}

}