/* Dream Steps — pages/design-logo-design.css
 * Page-specific rules for design/logo-design.html.
 */

.wd-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--warm-line); border-radius: var(--rad-lg); overflow: hidden; box-shadow: var(--shadow-1)
}
@media (max-width: 880px) {
  .wd-grid {
    grid-template-columns: repeat(2, 1fr)
  }
}
.wd-tile {
  background: var(--paper); padding: 40px 32px 36px; transition: background .35s var(--ease); position: relative; min-height: 240px
}
.fj-thumb {
  aspect-ratio: 5 / 3; background: linear-gradient(135deg, var(--warm) 0%, var(--warm-2) 100%); border-bottom: 1px solid var(--warm-line); display: block
}