.hero-fig{margin:0}
.lattice{position:relative;aspect-ratio:16/9;border-radius:4px;overflow:hidden;
  background:radial-gradient(120% 90% at 22% 12%,#2a3f7a 0%,#121b3a 45%,#080c1a 100%)}
.lattice video{display:block;width:100%;height:100%;object-fit:cover}
.lattice:has(video)::after{display:none}
.lattice::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(60% 50% at 15% 0%,rgba(255,206,140,.22),transparent 70%)}
.lattice canvas{display:block;width:100%!important;height:100%!important}
.lattice.no-gl{background:#121b3a}
.hero-fig figcaption{margin-top:12px;font-size:13px;color:var(--muted)}
.lattice .sound{position:absolute;right:12px;bottom:12px;z-index:2;padding:7px 12px;border:1px solid rgba(255,255,255,.35);border-radius:999px;
  background:rgba(8,12,26,.6);color:#fff;font:500 13px/1 var(--sans);cursor:pointer;backdrop-filter:blur(4px)}
.lattice .sound:hover{background:rgba(8,12,26,.85)}
.lattice .sound:focus-visible{outline:2px solid #fff;outline-offset:2px}
.lattice .play-sound{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;display:flex;align-items:center;gap:10px;
  padding:14px 22px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(8,12,26,.72);color:#fff;
  font:600 17px/1 var(--sans);cursor:pointer;backdrop-filter:blur(6px);box-shadow:0 6px 24px rgba(0,0,0,.35)}
.lattice .play-sound[hidden]{display:none}
.lattice .play-sound span{font-size:14px}
.lattice .play-sound:hover{background:rgba(31,79,209,.85)}
.lattice .play-sound:focus-visible{outline:2px solid #fff;outline-offset:3px}