/* Animated vector port, composed as a full-bleed background behind the copy. */
#topo[data-scene]>.inova-hero-stage>.inova-hero-background{inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;transform:none!important;pointer-events:none}
.inova-hero-background>.hero-port-scene{width:100%;height:100%;object-fit:cover;object-position:center bottom}
.hero-port-control{position:absolute;right:clamp(20px,5vw,64px);bottom:52px;z-index:9;display:inline-flex;gap:8px;align-items:center;padding:9px 12px;border:1px solid #83a4ae66;border-radius:6px;color:#d0e2e8;background:#08223bc9;font:10px/1.4 'JetBrains Mono',monospace;cursor:pointer;backdrop-filter:blur(8px)}
.hero-port-control:hover{border-color:#a1ce7e;color:#fff}.hero-port-control:focus-visible{outline:3px solid #7bc04a;outline-offset:4px}
@media(min-width:768px){
 #topo[data-scene]>.inova-hero-stage>.inova-hero-copy,#topo[data-scene]>.inova-hero-stage>.inova-hero-copy-next,#topo[data-scene]>.inova-hero-stage>.inova-hero-copy-final{width:56%!important;max-width:780px!important}
 #topo[data-scene] .inova-hero-copy h1{font-size:clamp(29px,min(3vw,4.7vh),46px)!important;line-height:1.11!important}
 #topo[data-scene] .inova-hero-copy p{max-width:570px!important;font-size:15px!important}
}
@media(max-width:767px){
 #topo[data-scene]>.inova-hero-stage::after{background:transparent!important}
 .inova-hero-background>.hero-port-scene{object-position:70% bottom}
 .hero-port-control{right:16px;bottom:70px;font-size:8px;padding:8px 10px}
 #topo[data-scene]>.inova-hero-stage>.hero-port-shade{background:linear-gradient(180deg,#071a30e8 0%,#071a30cf 38%,#071a3044 74%,#071a3044 100%)!important}
 #topo[data-scene]>.inova-hero-stage>.hero-port-vignette{background:linear-gradient(180deg,#071a3011 20%,transparent 65%,#071a3099 100%)!important}
}
@media(prefers-reduced-motion:reduce){.hero-port-control{display:none}}