.hero-bridge{width:100%;padding:.35rem 0 0}.hero-bridge-modules{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.45rem .85rem;margin:0;padding:0;list-style:none}@media (min-width:640px){.hero-bridge-modules{justify-content:space-between;gap:.5rem 1.5rem;padding-inline:.25rem}}@media (min-width:1024px){.hero-bridge-modules{gap:.5rem 2.25rem;padding-inline:.75rem}}.hero-bridge-module{border:1px solid transparent;border-radius:999px;background:transparent;padding:.32rem .55rem;font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:.53125rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.26);transition:color .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;cursor:pointer}@media (min-width:768px){.hero-bridge-module{padding:.35rem .65rem;font-size:.5625rem}}.hero-bridge-module-hover,.hero-bridge-module:hover{color:rgba(255,255,255,.52);border-color:var(--surface-border-subtle);background:var(--surface-tile-bg)}.hero-bridge-module-active{color:rgba(244,242,236,.88);border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.04);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.hero-bridge-module:focus-visible{outline:1px solid rgba(255,255,255,.22);outline-offset:2px}@media (prefers-reduced-motion:reduce){.hero-bridge-module{transition:none}}