/* VoxVector supporting visual assets. Hero composition lives in public/landing.css. */

/* ANALYTICAL INTERFACE */
main>section:nth-of-type(5){position:relative;overflow:hidden;isolation:isolate}
main>section:nth-of-type(5)::before{content:"";position:absolute;inset:0 0 0 30%;z-index:0;pointer-events:none;opacity:.38;background:url("/assets/marketing/voxvector-blog-evidence-analysis-1200x628.svg") right center/min(1050px,82vw) auto no-repeat;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 92%,transparent)}
main>section:nth-of-type(5)>div{position:relative;z-index:1}

/* SCIENTIFIC DISCIPLINE */
main>section:nth-of-type(6){position:relative;overflow:hidden;isolation:isolate}
main>section:nth-of-type(6)::before{content:"";position:absolute;inset:0 0 0 30%;z-index:0;pointer-events:none;opacity:.34;background:url("/assets/marketing/voxvector-blog-evidence-path-1200x628.svg") right center/min(1050px,82vw) auto no-repeat;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 92%,transparent)}
main>section:nth-of-type(6)>div{position:relative;z-index:1}

/* USE CASES */
#use-cases{position:relative;overflow:hidden;isolation:isolate}
#use-cases::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.34;background:linear-gradient(180deg,rgba(7,7,7,.46),rgba(7,7,7,.34)),url("/assets/marketing/voxvector-blog-science-of-voice-1200x628.svg") center 55%/min(1350px,100vw) auto no-repeat;mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 86%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 86%,transparent 100%)}
#use-cases>div{position:relative;z-index:1}

/* CLOSING BRIEFING */
#briefing{position:relative}
#briefing>div{position:relative;overflow:hidden;isolation:isolate}
#briefing>div::after{content:"";position:absolute;inset:0 0 0 34%;z-index:0;pointer-events:none;opacity:.32;background:url("/assets/marketing/voxvector-bg-hex-grid-1920x1080.svg") center/cover no-repeat;mask-image:linear-gradient(90deg,transparent,#000 24%,#000);-webkit-mask-image:linear-gradient(90deg,transparent,#000 24%,#000)}
#briefing>div>*{position:relative;z-index:1}

@media(max-width:620px){
  main>section:nth-of-type(5)::before,main>section:nth-of-type(6)::before{opacity:.18}
  #use-cases::before{opacity:.20;background-size:155% auto}
  #briefing>div::after{opacity:.18}
}