.u-bg-photo { background: #e3e4e6; }
.u-bg-soft { background: #f5f5f5; }
.u-bg-paper { background: #ffffff; }
.u-bg-ink { background: #111111; }
.u-ink { color: #111111; }
.u-paper { color: #ffffff; }
.u-muted { color: #555555; }
.u-dim { color: #cfcfcf; }
.u-flex { display: flex; }
.u-col { flex-direction: column; }
.u-wrap { flex-wrap: wrap; }
.u-items-center { align-items: center; }
.u-center { text-align: center; }
.u-gap-1 { gap: 0.618rem; }
.u-gap-2 { gap: 1rem; }
.u-gap-3 { gap: 1.618rem; }
.u-mt-2 { margin-top: 1rem; }
.u-mt-3 { margin-top: 1.618rem; }
.u-mb-0 { margin-bottom: 0; }
.u-mb-2 { margin-bottom: 1rem; }
.u-bold { font-weight: 700; }
.u-small { font-size: 0.875rem; }
.u-upper { text-transform: uppercase; letter-spacing: 0.15em; }
.u-min-0 { min-width: 0; }
.u-w-full { width: 100%; }
.u-w-80 { max-width: 80%; }
.u-plain-list { list-style: none; padding-left: 0; }
.is-locked { overflow: hidden; }

@media (max-width: 767px) {
  .u-w-80 { max-width: 100%; }
}