*{box-sizing:border-box;}
body{margin:0;font-family:"Helvetica Neue",Arial,sans-serif;color:#172735;}
.container{max-width:1200px;margin:auto;padding:0 20px;}

.hero-section,.lazy-section{padding:90px 0;}

.hero-layout,.lazy-layout{
display:flex;
align-items:center;
gap:70px;
}

.hero-text,.hero-video,.lazy-video-box,.lazy-text{flex:1;}

.hero-video video{
width:100%;
aspect-ratio:16/9;
object-fit:cover;
border-radius:16px;
display:block;
pointer-events:none;
}

.lazy-video-box{
position:relative;
aspect-ratio:16/9;
overflow:hidden;
border-radius:16px;
background:#111;
}

.lazy-video-box video,.video-cover,.video-cover img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

.video-cover{
position:absolute;
inset:0;
z-index:2;
cursor:pointer;
transition:.3s;
}

.video-cover.hide{
opacity:0;
pointer-events:none;
}

.play-btn{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:80px;
height:80px;
border:0;
border-radius:50%;
background:#fff;
font-size:28px;
cursor:pointer;
}

.hero-text h1,.lazy-text h2{
font-size:42px;
font-weight:400;
line-height:1.35;
}

.hero-text p,.lazy-text p{
font-size:18px;
line-height:1.8;
color:#666;
}

.btn{
display:inline-block;
padding:14px 32px;
border:1px solid #222;
border-radius:40px;
text-decoration:none;
color:#222;
}

@media(max-width:900px){

.hero-layout,.lazy-layout{
flex-direction:column-reverse;
gap:40px;
}

.lazy-layout{
flex-direction:column;
}

.hero-video,.lazy-video-box{
width:100%;
}

.hero-text h1,.lazy-text h2{
font-size:30px;
}

.play-btn{
width:60px;
height:60px;
}

}