/* Syntheticist – studio (graphic design). Loads after /styles.css. */

/* "Marks That Hold Up" runs wider than the homepage headline: keep it on one line and size it to fit */
.hero-title {
  white-space: nowrap;
  font-size: clamp(1.75rem, 9vw, 7rem);
}

/* Work cards are not links here, so they don't scale on hover */
.work-card:hover {
  transform: none;
}

/* Logo boards are 4:3 on white; show the whole board instead of cropping from the top */
.work-thumb-logo {
  object-fit: contain;
  object-position: center;
  background: #fff;
}

.work-thumb-center {
  object-position: center;
}

/* Give the step and reason copy enough measure for 5+ words on every wrapped line */
@media (max-width: 1100px) {
  .steps {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .step {
    padding: 1.5rem 1.25rem;
  }

  .reason-panel {
    flex-basis: 88vw;
    width: 88vw;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.faq-answer a {
  color: var(--accent);
  text-decoration: underline;
  text-underline-offset: 3px;
}