:root {
--pb-hero01-entrance-bg:    0s;
--pb-hero01-entrance-1l:    1s;
--pb-hero01-entrance-1r:    2s;
--pb-hero01-entrance-2r:    2.2s;
--pb-hero01-entrance-2l:    3.5s;
--pb-hero01-fade-dur:       1s;
--pb-hero01-fade-dur-slow:  2.5s;
}
.pb-hero01 {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
pointer-events: none;
overflow: hidden; }
.pb-hero01__layer {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
top: auto;
opacity: 0;
} .pb-hero01__layer--bg {
animation: pb-fade var(--pb-hero01-fade-dur) ease-out var(--pb-hero01-entrance-bg) 1 forwards;
} .pb-hero01__layer--bg-img {
animation: pb-fade-bg-img var(--pb-hero01-fade-dur) ease-out var(--pb-hero01-entrance-bg) 1 forwards;
}
@keyframes pb-fade-bg-img {
from { opacity: 0; transform: translateY(60px); }
to   { opacity: 1; transform: translateY(0); }
} .pb-hero01__layer--bg-video {
display: none;
} @media (min-width: 769px) {
.pb-hero01__layer--bg-img {
display: none;
}
.pb-hero01__layer--bg-video {
display: block;
mix-blend-mode: screen;
animation: pb-video-rise 8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s 1 both;
}
} @media (max-width: 768px) {
.pb-hero01__layer--glow { display: none; }
.pb-hero01 {
width: 150%;
left: 0;
right: auto;
}
}
.pb-hero01__layer--glow {
opacity: 0;
overflow: hidden;
animation: pb-fade var(--pb-hero01-fade-dur-slow) ease-out var(--pb-hero01-entrance-2l) 1 forwards;
-webkit-mask-size: cover;
mask-size: cover;
-webkit-mask-position: center bottom;
mask-position: center bottom;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.pb-hero01__layer--glow-l {
-webkit-mask-image: url(//probiomics.it/wp-content/themes/probiomics/assets/hero_01/images/lev_2-left.png);
mask-image: url(//probiomics.it/wp-content/themes/probiomics/assets/hero_01/images/lev_2-left.png);
}
.pb-hero01__layer--glow-r {
-webkit-mask-image: url(//probiomics.it/wp-content/themes/probiomics/assets/hero_01/images/lev_2-right.png);
mask-image: url(//probiomics.it/wp-content/themes/probiomics/assets/hero_01/images/lev_2-right.png);
}
.pb-hero01__layer--glow::before {
content: '';
position: absolute;
inset: 0;
mix-blend-mode: screen;
background: linear-gradient(
110deg,
transparent 15%,
rgba(140, 230, 255, 0.5) 35%,
rgba(180, 245, 255, 1)   50%,
rgba(140, 230, 255, 0.5) 65%,
transparent 85%
);
transform: translateX(-100%);
animation: pb-light-sweep 13s ease-in-out calc(var(--pb-hero01-entrance-2l) + var(--pb-hero01-fade-dur-slow)) infinite;
}
.pb-hero01__layer--glow-r::before {
animation-delay: calc(var(--pb-hero01-entrance-2l) + var(--pb-hero01-fade-dur-slow) + 4s);
}
@keyframes pb-light-sweep {
0%   { transform: translateX(-100%); }
50%  { transform: translateX(100%); }
100% { transform: translateX(-100%); }
}
@keyframes pb-video-rise {
from {
opacity: 0;
transform: translateY(100%);
}
to {
opacity: 0.4; transform: translateY(0);
}
}
@keyframes pb-fade-video {
from { opacity: 0; }
to   { opacity: var(--pb-video-opacity, 0.6); }
}
.pb-hero01__layer--1r {
animation: pb-fade-1r var(--pb-hero01-fade-dur) ease-out var(--pb-hero01-entrance-1r) 1 forwards;
}
@keyframes pb-fade-1r {
from { opacity: 0; transform: translateY(80px); }
to   { opacity: 0.8; transform: translateY(0); }
}
.pb-hero01__layer--1l {
animation: pb-fade-1l var(--pb-hero01-fade-dur) ease-out var(--pb-hero01-entrance-1l) 1 forwards;
}
@keyframes pb-fade-1l {
from { opacity: 0; transform: translateY(80px); }
to   { opacity: 0.5; transform: translateY(0); }
}
.pb-hero01__layer--2r {
animation: pb-fade-2 var(--pb-hero01-fade-dur-slow) ease-out var(--pb-hero01-entrance-2r) 1 forwards;
}
.pb-hero01__layer--2l {
animation: pb-fade-2 var(--pb-hero01-fade-dur-slow) ease-out var(--pb-hero01-entrance-2l) 1 forwards;
}
@keyframes pb-fade-2 {
from { opacity: 0; transform: translateY(30px); }
to   { opacity: 1; transform: translateY(0); }
}
@keyframes pb-fade {
from { opacity: 0; }
to   { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
.pb-hero01__layer {
animation: none !important;
opacity: 1 !important;
}
}