/* Styly stránky /behind-the-scenes/ */

.zv-bts-hero *{margin:0;
padding:0;
box-sizing:border-box;}
.zv-bts-hero{position:relative;

min-height:82vh;

padding:180px 24px 120px;

background:#050505;

overflow:hidden;

display:flex;
align-items:center;
justify-content:center;

font-family:'Poppins',sans-serif;}
.zv-bts-hero:before{content:'';

position:absolute;
top:-300px;
left:50%;

transform:translateX(-50%);

width:900px;
height:900px;

background:
radial-gradient(circle,
rgba(255,92,0,.12) 0%,
transparent 72%);

filter:blur(140px);}
.zv-bts-hero:after{content:'';

position:absolute;
inset:0;

background-image:url("https://grainy-gradients.vercel.app/noise.svg");

opacity:.05;

pointer-events:none;}
.zv-bts-hero .zv-bts-wrap{position:relative;
z-index:2;

max-width:1200px;

text-align:center;}
.zv-bts-hero .zv-bts-mini{display:inline-flex;
align-items:center;
gap:14px;

margin-bottom:34px;

font-size:12px;
font-weight:700;
letter-spacing:3px;
text-transform:uppercase;

color:#FF5C00;}
.zv-bts-hero .zv-bts-mini:before,
.zv-bts-hero .zv-bts-mini:after{content:'';

width:42px;
height:1px;

background:#FF5C00;}
.zv-bts-hero .zv-bts-title{font-size:clamp(64px,9vw,170px);
font-weight:900;
line-height:.88;
letter-spacing:-7px;

color:#F5F3EF;

margin-bottom:28px;}
.zv-bts-hero .zv-bts-title span{color:#FF5C00;}
.zv-bts-hero .zv-bts-text{max-width:760px;

margin:auto;

font-size:20px;
line-height:1.9;
font-weight:400;

color:rgba(255,255,255,.58);}
.zv-bts-hero .zv-bts-float{position:absolute;

border-radius:999px;

background:rgba(255,255,255,.04);

backdrop-filter:blur(10px);

border:1px solid rgba(255,255,255,.06);

color:#fff;

font-size:12px;
font-weight:600;
letter-spacing:1px;

padding:14px 20px;

animation:zvFloat 6s ease-in-out infinite;}
.zv-bts-hero .zv-bts-float.one{top:180px;
left:140px;}
.zv-bts-hero .zv-bts-float.two{bottom:180px;
right:180px;

animation-delay:2s;}
.zv-bts-hero .zv-bts-float.three{top:50%;
right:120px;

animation-delay:4s;}
@keyframes zvFloat{
0%{
transform:translateY(0px);
}
50%{
transform:translateY(-14px);
}
100%{
transform:translateY(0px);
}
}
@media(max-width:991px){
.zv-bts-hero{padding:150px 24px 100px;}
.zv-bts-hero .zv-bts-title{font-size:90px;
letter-spacing:-4px;}
.zv-bts-hero .zv-bts-text{font-size:17px;
line-height:1.8;}
.zv-bts-hero .zv-bts-float{display:none;}
}
@media(max-width:767px){
.zv-bts-hero{min-height:auto;
padding:120px 18px 90px;}
.zv-bts-hero .zv-bts-mini{font-size:10px;
letter-spacing:2px;
gap:10px;}
.zv-bts-hero .zv-bts-mini:before,
.zv-bts-hero .zv-bts-mini:after{width:26px;}
.zv-bts-hero .zv-bts-title{font-size:58px;
line-height:.95;
letter-spacing:-3px;
margin-bottom:20px;}
.zv-bts-hero .zv-bts-text{font-size:15px;
line-height:1.75;}
}

.zv-bts-grid-section{position:relative;

padding:0 24px 140px;

background:#050505;

overflow:hidden;}
.zv-bts-grid-section .zv-bts-grid-wrap{max-width:1500px;
margin:auto;}
.zv-bts-grid-section .zv-bts-grid{columns:4 320px;
column-gap:22px;}
.zv-bts-grid-section .zv-bts-item{position:relative;

margin-bottom:22px;

border-radius:30px;

overflow:hidden;

break-inside:avoid;

background:#111;

cursor:pointer;

transition:
transform .45s ease,
box-shadow .45s ease;}
.zv-bts-grid-section .zv-bts-item:hover{transform:translateY(-8px);

box-shadow:
0 30px 80px rgba(0,0,0,.35);}
.zv-bts-grid-section .zv-bts-item img,
.zv-bts-grid-section .zv-bts-item video{width:100%;

display:block;

object-fit:cover;

transition:
transform 1s ease,
filter .6s ease;}
.zv-bts-grid-section .zv-bts-item.tall img,
.zv-bts-grid-section .zv-bts-item.tall video{height:620px;}
.zv-bts-grid-section .zv-bts-item.medium img,
.zv-bts-grid-section .zv-bts-item.medium video{height:460px;}
.zv-bts-grid-section .zv-bts-item.small img,
.zv-bts-grid-section .zv-bts-item.small video{height:320px;}
.zv-bts-grid-section .zv-bts-overlay{position:absolute;
inset:0;

background:
linear-gradient(
to top,
rgba(0,0,0,.55),
transparent 55%
);

opacity:0;

transition:.45s ease;}
.zv-bts-grid-section .zv-bts-play{position:absolute;
top:22px;
right:22px;

width:56px;
height:56px;

border-radius:50%;

display:flex;
align-items:center;
justify-content:center;

background:rgba(0,0,0,.45);

backdrop-filter:blur(10px);

border:1px solid rgba(255,255,255,.12);

opacity:0;

transform:translateY(10px);

transition:.45s ease;}
.zv-bts-grid-section .zv-bts-play svg{width:18px;
height:18px;

fill:#fff;

margin-left:2px;}
.zv-bts-grid-section .zv-bts-item:hover img,
.zv-bts-grid-section .zv-bts-item:hover video{transform:scale(1.05);

filter:brightness(.9);}
.zv-bts-grid-section .zv-bts-item:hover .zv-bts-overlay{opacity:1;}
.zv-bts-grid-section .zv-bts-item:hover .zv-bts-play{opacity:1;

transform:translateY(0);}
.zv-bts-grid-section .zv-bts-tag{position:absolute;
left:22px;
bottom:22px;

padding:10px 16px;

border-radius:999px;

background:rgba(0,0,0,.45);

backdrop-filter:blur(12px);

border:1px solid rgba(255,255,255,.08);

font-family:'Poppins',sans-serif;
font-size:11px;
font-weight:700;
letter-spacing:1.5px;
text-transform:uppercase;

color:#fff;

opacity:0;

transform:translateY(12px);

transition:.45s ease;}
.zv-bts-grid-section .zv-bts-item:hover .zv-bts-tag{opacity:1;

transform:translateY(0);}
@media(max-width:767px){
.zv-bts-grid-section{padding:0 18px 90px;}
.zv-bts-grid-section .zv-bts-grid{columns:2 160px;
column-gap:14px;}
.zv-bts-grid-section .zv-bts-item{margin-bottom:14px;
border-radius:20px;}
.zv-bts-grid-section .zv-bts-item.tall img,
.zv-bts-grid-section .zv-bts-item.tall video{height:360px;}
.zv-bts-grid-section .zv-bts-item.medium img,
.zv-bts-grid-section .zv-bts-item.medium video{height:260px;}
.zv-bts-grid-section .zv-bts-item.small img,
.zv-bts-grid-section .zv-bts-item.small video{height:200px;}
.zv-bts-grid-section .zv-bts-play{display:none;}
.zv-bts-grid-section .zv-bts-tag{opacity:1;
transform:none;

left:14px;
bottom:14px;

font-size:9px;

padding:8px 12px;}
}