/* Personal Notes only: an open pencil sketch on the existing paper surface. */
.grounding-triangle {
  max-width: 880px;
  margin: 0 auto;
  padding: 32px 28px 48px;
  color: #383732;
}
.grounding-title {
  display: block;
  margin-left: 6%;
  font: 400 clamp(24px, 2.5vw, 30px)/1.4 var(--serif);
  letter-spacing: -.025em;
  transform: rotate(-.5deg);
}
.grounding-sketch {
  position: relative;
  height: clamp(320px, 39vw, 450px);
  margin-top: 18px;
}
.grounding-triangle .grounding-trace {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  pointer-events: none;
}
.grounding-trace path { vector-effect: non-scaling-stroke; }
.grounding-label {
  position: absolute;
  font: italic 400 22px/1.5 var(--serif);
  white-space: nowrap;
}
.grounding-travel { top: 0; left: 50%; transform: translateX(-50%) rotate(-1deg); }
.grounding-wellness { top: 68%; left: 20%; transform: translateX(-50%) rotate(-1deg); }
.grounding-family { top: 68%; left: 79%; transform: translateX(-50%) rotate(.7deg); }
.grounding-dot {
  position: absolute;
  left: 50%;
  top: 60%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #568b83;
  transform: translate(-50%, -50%);
}
@media (max-width: 600px) {
  .grounding-triangle { padding: 24px 20px 32px; }
  .grounding-title { margin-left: 0; }
  .grounding-sketch { height: 330px; margin-top: 26px; }
  .grounding-label { font-size: 20px; }
}