.clock--analog {
  width: min(85vmin, 720px);
  height: min(85vmin, 720px);
  display: block;
  overflow: visible;
}

.clock--analog .rim {
  fill: none;
  stroke: var(--fg);
  stroke-width: 1;
  opacity: .3;
}

.clock--analog .mark {
  stroke: var(--fg);
  stroke-width: 0.6;
  opacity: .25;
  stroke-linecap: round;
}

.clock--analog .mark--major {
  stroke-width: 1.3;
  opacity: .65;
}

.clock--analog .minute-dot {
  fill: var(--fg);
  opacity: .22;
}

.clock--analog .num {
  fill: var(--fg);
  font-size: 8px;
  font-weight: 300;
  opacity: .6;
  letter-spacing: -0.02em;
}

.clock--analog .hand {
  stroke: var(--fg);
  stroke-linecap: round;
}

.clock--analog .hand--hour   { stroke-width: 4.5; opacity: .95; }
.clock--analog .hand--minute { stroke-width: 2.8; opacity: .95; }
.clock--analog .hand--second { stroke: var(--accent); stroke-width: 1; opacity: .9; }

.clock--analog .pin { fill: var(--accent); }