/* Approval preview. Hero and technology proposals only; original cases explicitly preserved. */
.vh-home .vh-hero--agency{background:radial-gradient(ellipse at 81% 46%,#16457360,transparent 52%),linear-gradient(118deg,#07172d,#0b2852)}
.vh-home .vh-hero--agency:before{background:radial-gradient(ellipse at 88% 60%,#455cb31c,transparent 42%)}
.vh-home .vh-hero--agency:after{opacity:.22;box-shadow:none}
.vh-home .vh-hero--agency .vh-hero-art--agency{width:calc(100% + 64px);margin-left:-20px;overflow:visible}
.vh-home .vh-hero--agency .vh-agency-image{position:relative;z-index:2;filter:none!important;object-fit:contain;image-rendering:auto;transform:none}
.vh-home .vh-hero--agency .vh-hero-art--agency:before{content:'';position:absolute;inset:15% 4% 9% 3%;border-radius:50%;background:radial-gradient(ellipse,#2b7ccd24,transparent 69%);z-index:0;pointer-events:none}
.vh-home .vh-hero--agency .vh-hero-art--agency:after{content:'';position:absolute;left:10%;right:12%;bottom:8%;height:10%;border-radius:50%;background:radial-gradient(ellipse,#030d2077,transparent 68%);z-index:0;pointer-events:none}
.vh-home .vh-hero--agency .vh-proof{background:transparent;backdrop-filter:none}
html[data-theme=light] .vh-home .vh-hero--agency{background:radial-gradient(ellipse at 82% 48%,#b8d3f26b,transparent 53%),linear-gradient(115deg,#f5f8fe,#e9f1fc 68%,#dde9fb)}
html[data-theme=light] .vh-home .vh-hero--agency:before{background:radial-gradient(ellipse at 85% 55%,#c7c9ef22,transparent 55%)}
html[data-theme=light] .vh-home .vh-hero--agency .vh-hero-art--agency:after{background:radial-gradient(ellipse,#344e6c2e,transparent 68%)}
html[data-theme=light] .vh-home .vh-hero--agency .vh-proof{background:transparent;backdrop-filter:none}
.vh-home .vh-tech-panel{position:relative;isolation:isolate;border-radius:28px;border-color:#57769a36;background:linear-gradient(120deg,#112038,#132945 65%,#193959);box-shadow:0 24px 58px -42px #0009}
.vh-home .vh-tech-copy{position:relative;z-index:2}
.vh-home .vh-tech-art{position:absolute;z-index:0;left:35%;right:0;top:0;bottom:0;min-height:0;background:transparent;border-radius:28px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 42%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 42%)}
.vh-home .vh-tech-art>img{object-fit:cover;object-position:65% 45%;filter:saturate(.77) contrast(1.02);opacity:.8}
.vh-home .vh-tech-art:after{inset:0;background:linear-gradient(90deg,#13253fe6,transparent 42%),linear-gradient(0deg,#13243fed,transparent 45%),linear-gradient(#17355332,#0d274f27)}
.vh-home .vh-tech-art figcaption{bottom:112px;left:48%;right:24px;font-size:9px;letter-spacing:.055em;color:#f2f6ff;text-shadow:0 1px 3px #0006}
.vh-home .vh-integrations{position:relative;z-index:2;background:linear-gradient(90deg,#14243bea,#152c49c9);border-top-color:#96b5d528;backdrop-filter:blur(8px)}
html[data-theme=light] .vh-home .vh-tech-panel{background:linear-gradient(110deg,#f0f5fc,#e7eff8 65%,#d7e6f6);border-color:#7b9ec52b;box-shadow:0 24px 58px -42px #34587844}
html[data-theme=light] .vh-home .vh-tech-art>img{opacity:.92;filter:saturate(.8)}
html[data-theme=light] .vh-home .vh-tech-art:after{background:linear-gradient(90deg,#ebf2faef,transparent 42%),linear-gradient(0deg,#e6f0faf0,transparent 48%),linear-gradient(#a6c5e210,#c4dcf224)}
html[data-theme=light] .vh-home .vh-integrations{background:linear-gradient(90deg,#f1f6fbdc,#e2edf7e8);border-top-color:#789cc628}
html[data-theme=light] .vh-home .vh-tech-art figcaption{color:#203854;text-shadow:0 1px 4px #fff}
@media(max-width:760px){.vh-home .vh-hero--agency .vh-hero-art--agency{width:min(100%,640px);max-width:100%;margin:0 auto}.vh-home .vh-tech-art{left:22%}.vh-home .vh-tech-art figcaption{bottom:155px;left:48%}}
@media(max-width:500px){.vh-home .vh-tech-panel{grid-template-columns:1fr}.vh-home .vh-tech-copy{padding-bottom:210px}.vh-home .vh-tech-art{left:0;top:35%;bottom:55px;mask-image:linear-gradient(0deg,#000 40%,transparent);-webkit-mask-image:linear-gradient(0deg,#000 40%,transparent)}.vh-home .vh-tech-art>img{object-position:70% 45%}.vh-home .vh-tech-art figcaption{bottom:85px;left:24px}}

/* Keep the approved desktop composition; on phones reserve a separate image area within the same seamless panel. */
@media(max-width:760px){
 .vh-home .vh-tech-panel{grid-template-columns:minmax(0,1fr)}
 .vh-home .vh-tech-copy{padding-bottom:20px}
 .vh-home .vh-tech-art{position:relative;grid-column:1/-1;inset:auto;left:auto;right:auto;top:auto;bottom:auto;width:100%;height:clamp(230px,50vw,340px);min-height:0;border-radius:0;background:transparent;mask-image:none;-webkit-mask-image:none;overflow:hidden}
 .vh-home .vh-tech-art>img{object-position:65% 45%;mask-image:linear-gradient(180deg,transparent,#000 18%,#000 84%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 84%,transparent)}
 .vh-home .vh-tech-art figcaption{left:23px;right:23px;bottom:18px;top:auto;font-size:10px;line-height:1.6;margin:0}
}