/* Jiva Hero Slider - matches the former Slider Revolution banner.
   Design values come from the old slider: 1300px grid / 1000px tall on desktop, scaled down on smaller screens. */
.jhs{--g:1300;--h:1000;--fs:80;--lh:86;--ty:-45;--tx:0;--tw:918;--by:135;--bfs:13;--bls:1px;--bpv:13;--bph:45;
	--u:min(1px,calc(100cqw / var(--g)));
	position:relative;width:100%;container-type:inline-size;overflow:hidden;background:#3b2f2a;color:#fff}
.jhs-stage{position:relative;width:100%;height:calc(var(--h) * var(--u))}
.jhs-slide{position:absolute;inset:0;visibility:hidden;overflow:hidden}
.jhs-slide.is-active,.jhs-slide.is-leaving{visibility:visible}
.jhs-slide.is-active{z-index:2}
.jhs-slide.is-leaving{z-index:1}

.jhs-bgwrap{position:absolute;inset:0;overflow:hidden}
.jhs .jhs-img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:50% 50%;transform-origin:50% 50%;margin:0;padding:0;border:0}
.is-active .jhs-img,.is-leaving .jhs-img{animation:jhs-pan 10s linear 300ms both}
.is-entering .jhs-bgwrap{animation:jhs-bg-in 1s cubic-bezier(.22,.61,.36,1) both}

/* headline */
.jhs-title-pos{position:absolute;left:calc(50% + var(--tx) * var(--u));top:calc(50% + var(--ty) * var(--u));width:calc(var(--tw) * var(--u));transform:translate(-50%,-50%);z-index:3}
.jhs-title-mask{overflow:hidden}
.jhs-title{font-family:'EB Garamond',serif;font-weight:400;font-size:calc(var(--fs) * var(--u));line-height:calc(var(--lh) * var(--u));letter-spacing:0;text-align:center;color:#fff;margin:0;padding:0;text-transform:none}
.is-active .jhs-title{animation:jhs-title-in 1s cubic-bezier(.215,.61,.355,1) both}
.is-leaving .jhs-title{animation:jhs-title-out 1s cubic-bezier(.645,.045,.355,1) both}

/* button */
.jhs-btn{position:absolute;left:50%;top:calc(50% + var(--by) * var(--u));transform:translate(-50%,-50%);z-index:3;
	display:inline-block;white-space:nowrap;background:transparent;color:#fff;border:1px solid #fff;
	font-family:'Inter',Helvetica,Arial,sans-serif;font-weight:500;text-transform:uppercase;text-decoration:none;
	font-size:calc(var(--bfs) * var(--u));letter-spacing:var(--bls);line-height:1.3;
	padding:calc(var(--bpv) * var(--u)) calc(var(--bph) * var(--u));
	transition:background-color .3s ease,border-color .3s ease,color .3s ease}
.jhs-btn:hover,.jhs-btn:focus-visible{background:#a64826;border-color:#a64826;color:#fff}
.jhs-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
.is-active .jhs-btn{animation:jhs-btn-in .5s cubic-bezier(.34,1.56,.64,1) 620ms both}
.is-leaving .jhs-btn{animation:jhs-btn-out .5s cubic-bezier(.6,-.28,.735,.045) both}

/* arrows (same look as the old slider: 70px round, 22px icon, brown on hover) */
.jhs-arrow{position:absolute;top:50%;margin-top:-35px;width:70px;height:70px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.1);color:#fff;cursor:pointer;z-index:6;opacity:0;transition:opacity .3s ease,background-color .3s ease,transform .3s ease}
.jhs-arrow:before{font-family:'lindo';font-size:22px;line-height:70px;display:block;text-align:center;color:#fff}
.jhs-prev{left:30px;transform:translateX(-20px)}
.jhs-next{right:30px;transform:translateX(20px)}
.jhs-prev:before{content:"\e914"}
.jhs-next:before{content:"\e915"}
.jhs:hover .jhs-arrow,.jhs-arrow:focus-visible{opacity:1;transform:none}
.jhs-arrow:hover{background:#a64826}
.jhs-arrow:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media (hover:none){.jhs-arrow{display:none}}

/* second slide has its own headline width / offset */
.jhs-s2{--tw:1041;--tx:-9;--ty:-29}

/* breakpoints follow the old slider: 1024 / 778 / 480 grids */
@media (max-width:1023px){
	.jhs{--g:1024;--h:768;--fs:63;--lh:67;--ty:-35;--tw:723;--by:106;--bfs:12;--bls:0px;--bpv:11;--bph:30}
	.jhs-s2{--tw:819;--tx:-7;--ty:-22}
}
@media (max-width:777px){
	.jhs{--g:778;--h:560;--fs:47;--lh:50;--ty:-26;--tw:549;--by:80}
	.jhs-s2{--tw:622;--tx:-5;--ty:-16}
}
@media (max-width:479px){
	.jhs{--g:480;--h:420;--fs:36;--lh:42;--ty:-45;--tw:338;--by:49;--bph:25}
	.jhs-s2{--tw:383;--tx:-3;--ty:-45}
}

@keyframes jhs-pan{from{transform:scale(1)}to{transform:scale(1.15)}}
@keyframes jhs-bg-in{from{transform:translateY(-100%)}to{transform:none}}
@keyframes jhs-title-in{from{transform:translateX(-100%)}to{transform:none}}
@keyframes jhs-title-out{from{transform:none}to{transform:translateX(100%)}}
@keyframes jhs-btn-in{from{opacity:0;transform:translate(-50%,-50%) rotateY(360deg)}to{opacity:1;transform:translate(-50%,-50%)}}
@keyframes jhs-btn-out{from{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.7)}}

@media (prefers-reduced-motion:reduce){
	.jhs *{animation:none!important;transition:none!important}
}