@layer components{:is([data-site=bcom],[data-site=bca]) .hero-variant-bento-box{--lower-banner-bg:var(--pacific-blue);--lower-banner-fg:var(--white)}[data-site=ab] .hero-variant-bento-box{--lower-banner-bg:var(--light-gray);--lower-banner-fg:var(--white)}[data-site=jb] .hero-variant-bento-box{--lower-banner-bg:var(--light-green);--lower-banner-fg:var(--white)}.hero-variant-bento-box{grid-template:"a""b""c"/1fr}@media (min-width:768px){.hero-variant-bento-box{aspect-ratio:4;grid-template:"a b"1fr"a c"1fr/5fr 3fr}}}