/* Section hero imagery — owner-approved static set, 2026-09-05 */
.g10-products-page{--g10-page-hero-image:url("assets/hero-products-approved-v1.png");--g10-page-hero-position:50% 50%}
.g10-research-page,.g10-research-note-page{--g10-page-hero-image:url("assets/hero-research-approved-v1.png");--g10-page-hero-position:50% 50%}
.g10-company-page{--g10-page-hero-image:url("assets/hero-company-approved-v1.png");--g10-page-hero-position:50% 50%}
.g10-contact-page{--g10-page-hero-image:url("assets/hero-contact-approved-v1.png");--g10-page-hero-position:50% 50%}

@supports (background-image:image-set(url("assets/hero-products-approved-v1-1672.avif") type("image/avif"))){
.g10-products-page{--g10-page-hero-image:image-set(url("assets/hero-products-approved-v1-1672.avif") type("image/avif"),url("assets/hero-products-approved-v1-1672.webp") type("image/webp"),url("assets/hero-products-approved-v1.png") type("image/png"))}
.g10-research-page,.g10-research-note-page{--g10-page-hero-image:image-set(url("assets/hero-research-approved-v1-1672.avif") type("image/avif"),url("assets/hero-research-approved-v1-1672.webp") type("image/webp"),url("assets/hero-research-approved-v1.png") type("image/png"))}
.g10-company-page{--g10-page-hero-image:image-set(url("assets/hero-company-approved-v1-1672.avif") type("image/avif"),url("assets/hero-company-approved-v1-1672.webp") type("image/webp"),url("assets/hero-company-approved-v1.png") type("image/png"))}
.g10-contact-page{--g10-page-hero-image:image-set(url("assets/hero-contact-approved-v1-1672.avif") type("image/avif"),url("assets/hero-contact-approved-v1-1672.webp") type("image/webp"),url("assets/hero-contact-approved-v1.png") type("image/png"))}
}

.g10-page-hero::before{
content:"";position:absolute;z-index:0;inset:0;pointer-events:none;
background-image:
linear-gradient(90deg,rgba(3,6,17,.96) 0%,rgba(3,6,17,.84) 40%,rgba(3,6,17,.40) 70%,rgba(3,6,17,.16) 100%),
linear-gradient(180deg,rgba(3,6,17,.06) 0%,rgba(3,6,17,.06) 62%,rgba(3,6,17,.88) 100%),
var(--g10-page-hero-image);
background-repeat:no-repeat;
background-size:cover,cover,cover;
background-position:center,center,var(--g10-page-hero-position,50% 50%);
opacity:1;
-webkit-mask-image:linear-gradient(90deg,transparent 0 var(--g10-desktop-art-start),rgba(0,0,0,.18) calc(var(--g10-desktop-art-start) + 32px),#000 calc(var(--g10-desktop-art-start) + 120px),#000 100%);
mask-image:linear-gradient(90deg,transparent 0 var(--g10-desktop-art-start),rgba(0,0,0,.18) calc(var(--g10-desktop-art-start) + 32px),#000 calc(var(--g10-desktop-art-start) + 120px),#000 100%);
}
.g10-page-hero::after{z-index:0}
.g10-page-hero .shell{position:relative;z-index:2}

@media(max-width:700px){
.g10-products-page,.g10-research-page,.g10-research-note-page,.g10-company-page,.g10-contact-page{--g10-page-hero-position:50% 50%}
.g10-company-page{--g10-page-hero-position:58% 50%}
.g10-contact-page{--g10-page-hero-position:52% 50%}

@supports (background-image:image-set(url("assets/hero-products-approved-v1-960.avif") type("image/avif"))){
.g10-products-page{--g10-page-hero-image:image-set(url("assets/hero-products-approved-v1-960.avif") type("image/avif"),url("assets/hero-products-approved-v1-960.webp") type("image/webp"),url("assets/hero-products-approved-v1.png") type("image/png"))}
.g10-research-page,.g10-research-note-page{--g10-page-hero-image:image-set(url("assets/hero-research-approved-v1-960.avif") type("image/avif"),url("assets/hero-research-approved-v1-960.webp") type("image/webp"),url("assets/hero-research-approved-v1.png") type("image/png"))}
.g10-company-page{--g10-page-hero-image:image-set(url("assets/hero-company-approved-v1-960.avif") type("image/avif"),url("assets/hero-company-approved-v1-960.webp") type("image/webp"),url("assets/hero-company-approved-v1.png") type("image/png"))}
.g10-contact-page{--g10-page-hero-image:image-set(url("assets/hero-contact-approved-v1-960.avif") type("image/avif"),url("assets/hero-contact-approved-v1-960.webp") type("image/webp"),url("assets/hero-contact-approved-v1.png") type("image/png"))}
}

.g10-page-hero::before{
top:0;right:0;bottom:auto;left:0;
height:clamp(270px,72vw,330px);
background-image:
linear-gradient(90deg,rgba(3,6,17,.82) 0%,rgba(3,6,17,.68) 52%,rgba(3,6,17,.36) 100%),
linear-gradient(180deg,rgba(3,6,17,.10) 0%,rgba(3,6,17,.12) 48%,rgba(3,6,17,.72) 78%,#030611 100%),
var(--g10-page-hero-image);
background-size:cover,cover,cover;
background-position:center,center,var(--g10-page-hero-position,50% 50%);
opacity:1;
-webkit-mask-image:none;
mask-image:none;
}
}