/* Intro Video Section – modern responsive design */
.intro-video{padding:80px 0;text-align:center;background:linear-gradient(135deg,#f5f7ff 0%,#eef2ff 100%);position:relative;overflow:hidden;}
.intro-video::before{content:'';position:absolute;top:-120px;right:-120px;width:320px;height:320px;background:radial-gradient(circle,#818cf8 0%,rgba(129,140,248,0) 70%);opacity:.3;filter:blur(10px);} 
.intro-video::after{content:'';position:absolute;bottom:-140px;left:-140px;width:300px;height:300px;background:radial-gradient(circle,#fbbf24 0%,rgba(251,191,36,0) 70%);opacity:.25;filter:blur(10px);} 
.intro-video .container{position:relative;z-index:1;max-width:960px;margin:0 auto;padding:0 24px;}
.intro-video .section-title h2{font-size:2.5rem;margin-bottom:0.75rem;line-height:1.2;}
.intro-video .section-title p{font-size:1.125rem;color:#4b5563;max-width:640px;margin:0 auto 2.5rem;}
/* Video wrapper */
.intro-video .video-wrapper{position:relative;width:100%;padding-top:56.25%;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,0.15);transition:transform .3s ease,opacity .6s,transform .6s;transform:translateY(40px) scale(.95);opacity:0;}
.intro-video .video-wrapper:hover{transform:scale(1.03) rotateX(1deg) rotateY(-1deg);} 
.intro-video .video-wrapper.in-view{transform:none;opacity:1;}
.intro-video .video-wrapper .ratio{position:absolute;inset:0;width:100%;height:100%;}
.intro-video .video-wrapper iframe{width:100%;height:100%;border:0;}

@media (min-width: 992px) {
  .intro-video .video-wrapper {
    width: 70%;
    aspect-ratio: 1 / 1;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0; /* Remove 16:9 hack for desktop */
    min-width: 340px;
    min-height: 340px;
    max-width: 750px;
    max-height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .intro-video .video-wrapper .ratio {
    position: static;
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
  }
  .intro-video .video-wrapper iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
  }
}



/* Mobile tweaks */
/* Floating blob animation */
@keyframes blobFloat {
  0% {transform: translate(0,0) scale(1);}
  50% {transform: translate(25px,20px) scale(1.05);} 
  100% {transform: translate(0,0) scale(1);} 
}
.intro-video::before,
.intro-video::after {
  animation: blobFloat 18s ease-in-out infinite alternate;
}

@media (prefers-reduced-motion: reduce) {
  .intro-video::before,
  .intro-video::after {
    animation: none;
  }
}

@media (max-width:768px){
  .intro-video{padding:50px 0;}
  .intro-video .section-title h2{font-size:1.9rem;}
  .intro-video .section-title p{font-size:1rem;margin-bottom:1.8rem;}
}