/* ---- Studio note appended below the site ---------------------------- */
.preview-note {
  background: #ecebe8;
  border-top: 2px dashed #c9c6c0;
  padding: clamp(2.5rem, 5vw, 4rem) 0;
  font-family: var(--font-body);
  color: #33333d;
}
.preview-note .wrap { max-width: 780px; }
.preview-note .pn-eyebrow {
  font-family: var(--font-display); font-weight: 700;
  font-size: .75rem; letter-spacing: .16em; text-transform: uppercase;
  color: #6a6a58; margin-bottom: .75rem;
}
.preview-note h2 {
  font-family: var(--font-display); font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2rem);
  color: var(--navy); margin-bottom: .85rem; letter-spacing: -.02em;
}
.preview-note > .wrap > p { max-width: 62ch; margin-bottom: 1.5rem; }
.preview-note ul { list-style: none; margin: 0 0 1.5rem; padding: 0; display: grid; gap: .85rem; }
.preview-note li { display: grid; grid-template-columns: auto 1fr; gap: .75rem; align-items: start; }
.preview-note li b { color: var(--navy); font-family: var(--font-display); font-weight: 600; }
.preview-note .pn-dot {
  width: .6rem; height: .6rem; border-radius: 50%;
  background: var(--red); margin-top: .55em;
}
.preview-note .pn-foot {
  border-top: 1px solid #d6d3cd; padding-top: 1.25rem;
  font-size: .9rem; color: #5c5c54; max-width: 62ch;
}