/* vincent.works · Swizzy + Swizzy Mono. Load after the inline <style>. */
@font-face { font-family: 'Swizzy'; src: url('../fonts/swizzy.woff2') format('woff2'); font-weight: 230 900; font-style: oblique 0deg 10deg; font-display: swap; }
@font-face { font-family: 'Swizzy Mono'; src: url('../fonts/swizzy-mono.woff2') format('woff2'); font-weight: 330 644; font-style: oblique 0deg 10deg; font-display: swap; }

body { font-family: 'Swizzy', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 330; }
.header h1, .item-title { font-weight: 330; }

/* system layer: labels, URLs, numbers, footer */
.section-label, .item-meta, .item::before, .availability, .footer {
  font-family: 'Swizzy Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-weight: 330; letter-spacing: -0.01em;
}
.section-label { text-transform: uppercase; font-size: 12.5px; letter-spacing: 0.04em; }
.item-meta { font-size: 13px; }
.item::before { font-size: 12px; }
.availability, .footer { font-size: 13px; }

/* intro */
.header .bio { font-size: 18px; line-height: 1.45; max-width: 620px; }
@media (max-width: 600px) { .header .bio { font-size: 16px; } }

/* descriptions */
.item-desc { font-size: 14px; line-height: 1.5; }

/* titles */
.item-title { font-size: 19px; letter-spacing: -0.01em; }
.item::before, .item-icon { top: 14px; }