/* Approved turbine art with a live canvas particle layer and real HTML copy. */
#vintech-home #vnh-top{min-height:min(880px,calc(100svh - 110px));background:#f1f8ff;isolation:isolate;padding-top:80px;padding-bottom:150px}
#vintech-home #vnh-top:before{display:none}
#vintech-home #vnh-top .vp-particle-scene{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;mask-image:none;overflow:hidden;z-index:-1;pointer-events:none}
#vintech-home .vp-turbine-art{width:100%;height:100%;object-fit:cover;object-position:60% center;transition:opacity 1.4s,transform 2s;display:block}
#vintech-home [data-hero-slide='1'] .vp-turbine-art{opacity:.25;transform:scale(1.04)}
#vintech-home [data-hero-slide='2'] .vp-turbine-art{opacity:.12;transform:scale(1.07)}
#vintech-home #vp-particles{position:absolute;inset:0;width:100%;height:100%}
#vintech-home #vnh-top .vintech-hero-content{position:relative;width:48%;max-width:780px;z-index:2}
#vintech-home #vnh-top .hero-title{font-size:clamp(56px,6.4vw,108px);color:#071b3d;letter-spacing:-.055em}
#vintech-home #vnh-top .hero-title span{color:#071b3d}
#vintech-home #vnh-top .hero-desc{color:#354e6b;font-size:17px}
#vintech-home #vnh-top .hero-btn{border-radius:50px;padding:16px 24px;font-size:15px}
#vintech-home #vnh-top .hero-stats{background:#f7fbffcc;border-radius:12px;padding:16px;backdrop-filter:blur(8px);width:fit-content}
#vintech-home #vnh-top .vhs-controls{background:#f6fbffe8;border-radius:12px;padding:12px 20px;border-top:0;backdrop-filter:blur(12px)}
@media(max-width:800px){#vintech-home #vnh-top{min-height:900px;padding-top:40px;padding-bottom:450px}#vintech-home #vnh-top .vintech-hero-content{width:100%;max-width:none}#vintech-home #vnh-top .hero-title{font-size:clamp(49px,10vw,76px)}#vintech-home #vnh-top .vp-particle-scene{top:40%;height:60%}#vintech-home .vp-turbine-art{object-fit:cover;object-position:75% center}#vintech-home #vnh-top .hero-stats{display:none}#vintech-home #vnh-top .hero-desc{font-size:15px}#vintech-home #vnh-top .vhs-controls{padding:8px 12px}}
@media(prefers-reduced-motion:reduce){#vintech-home .vp-turbine-art{transition:none}}
/* True procedural 3D replaces the earlier particle layer. Image is a no-WebGL fallback. */
#vintech-home #vnh-top{background:radial-gradient(ellipse at 75% 50%,#d6eaf7 0%,#f5faff 60%,#fff 100%)}
#vintech-home #vnh-top.has-3d .vp-turbine-art{display:none}
#vintech-home #vnh-top #vp-particles{left:46%;top:5%;width:54%;height:88%;filter:drop-shadow(0 30px 22px #24456528)}
#vintech-home #vnh-top .vp-particle-scene{transform:none!important}
@media(max-width:800px){#vintech-home #vnh-top #vp-particles{left:0;top:0;width:100%;height:90%}}

#vintech-home #vnh-top #vt-turbine-fx{position:absolute;left:46%;top:5%;width:54%;height:88%;pointer-events:none;opacity:0}
#vintech-home #vnh-top.has-3d #vt-turbine-fx{opacity:1}
@media(max-width:800px){#vintech-home #vnh-top #vt-turbine-fx{left:0;top:0;width:100%;height:90%}}

/* Keep model above the backdrop for direct manipulation, behind page controls. */
#vintech-home #vnh-top .vp-particle-scene{z-index:1;pointer-events:none}
#vintech-home #vnh-top.has-3d #vp-particles{pointer-events:auto;touch-action:pan-y;cursor:grab}
#vintech-home #vnh-top.is-dragging #vp-particles{cursor:grabbing}
#vintech-home #vnh-top #vp-particles:focus-visible{outline:2px solid #007ba4;outline-offset:-8px;border-radius:24px}
#vintech-home .vt-touch-hint{position:absolute;bottom:115px;right:18%;font:500 12px/1.4 'Barlow',sans-serif;letter-spacing:.06em;color:#335c75;display:none;border:1px solid #b6cedd;background:#f7fbffdd;border-radius:30px;padding:10px 18px}
#vintech-home .has-3d .vt-touch-hint{display:block}
#vintech-home .vt-touch-hint span{margin-left:12px}
@media(max-width:800px){#vintech-home .vt-touch-hint{bottom:130px;right:50%;transform:translateX(50%);white-space:nowrap}}