.box1.logo-block {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: 600px;
  aspect-ratio: 1;
  align-self: center;
  display: grid;
  place-items: center;
  padding: 5%;
  overflow: hidden;
}

.logo-block object {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.logo-block .logo-toggle {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  background: transparent;
  border-radius: inherit;
}

.logo-block .logo-toggle:focus-visible {
  outline: 3px solid #500000;
  outline-offset: -6px;
}

.dark-mode .logo-block .logo-toggle:focus-visible {
  outline-color: #ffffff;
}