.hero:after{content:"";position:absolute;inset:0;width:auto;height:auto;border-radius:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,#071426e8 0%,#071426bd 38%,#07142626 100%)}
.hero-grid{z-index:2}
    .hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.5;pointer-events:none}
    .hero-film-toggle{position:absolute;z-index:3;right:24px;bottom:20px;padding:8px 12px;min-height:36px;border:1px solid #ffffff40;border-radius:8px;background:#071426ad;color:#d6e4f4;font:inherit;font-size:.75rem;cursor:pointer}
    .hero-film-toggle[hidden]{display:none}
    .hero-film-toggle:focus-visible{outline:3px solid #b3f1d1;outline-offset:4px}
    @media(max-width:960px){.hero:after{background:#071426a6}.hero-film{object-position:60% center;opacity:.42}.hero-film-toggle{right:16px;bottom:14px}}