.project-photo {
  background-image: linear-gradient(90deg, transparent 60%, rgba(9, 10, 8, .82)), url('assets/smokin-project-hero.jpg');
}

.smokin-lockup {
  display: flex;
  align-items: center;
  gap: .12em;
  white-space: nowrap;
  font-family: Georgia, serif;
  letter-spacing: -.04em;
}

.smokin-lockup strong {
  font-family: "Segoe Print", "Bradley Hand", "Lucida Handwriting", "Brush Script MT", cursive;
  font-size: 1.08em;
  font-weight: 500;
  font-style: italic;
  letter-spacing: -.065em;
  transform: scaleY(1.08) rotate(-1deg);
}

.smokin-lockup em { font-size: .62em; font-weight: 400; }
.smokin-lockup .smokin-the { font-size: .48em; margin-right: -.08em; }
.smokin-lockup svg { width: .58em; height: .9em; fill: var(--gold); flex: none; }

.project-copy .smokin-byline {
  display: flex;
  align-items: center;
  gap: .45em;
  margin: 24px 0 0;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.smokin-byline strong {
  font-family: "Segoe Print", "Bradley Hand", "Lucida Handwriting", "Brush Script MT", cursive;
  font-size: 1.25em;
  font-style: italic;
  letter-spacing: -.04em;
  text-transform: none;
}

.smokin-flame { width: 11px; height: 15px; fill: var(--gold); }

.endorsement-brand { display: inline-flex; align-items: center; gap: 7px; font-family: Manrope, sans-serif; font-size: 13px; letter-spacing: .04em; }
.endorsement-brand > svg { width: 24px; height: 24px; fill: none; stroke: var(--gold); stroke-width: 10; stroke-linecap: square; stroke-linejoin: miter; }
.endorsement-brand > svg .puzzle-bridge { stroke-width: 6; }
.endorsement-brand b { color: var(--gold); }

@media (max-width: 520px) {
  .smokin-lockup { font-size: clamp(38px, 12vw, 60px); }
}