/* Design review fixes, 2026-11-11. Loaded last; overrides only. */

/* Hero calls to action */
.epish-doodle-hero .hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(20px,2.4vw,32px)}
.epish-doodle-hero .hero-actions .btn{min-height:48px;padding-inline:20px;border-radius:12px;font-size:15px;white-space:nowrap;font-weight:700;cursor:pointer;transition:transform .18s ease-out,background-color .18s ease-out}
.epish-doodle-hero .hero-actions .btn:hover{transform:translateY(-1px)}
.epish-doodle-hero .hero-actions .btn:focus-visible{outline:3px solid #fff9eb;outline-offset:3px}
.epish-doodle-hero .hero-secondary{background:#0925cf;color:#fff9eb;border:2px solid #fff9eb;box-shadow:none}
.epish-doodle-hero .hero-secondary:hover{background:#1a36dc}

/* Stage notes: a pause is part of the story, not an error */
.card-stage-note.paused{color:#7a5a12}

/* Even grid rows: fixed two-line description */
.project-card .card-text .tagline,.project-card .card-text p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Investor preview bar: full tap target */
.build-strip{min-height:44px;cursor:pointer}

@media (max-width:700px){
  /* Shorter hero so the first invention peeks into the first screen */
  .epish-doodle-hero{height:440px}
  .epish-doodle-hero .drawn-hero-copy{padding:28px 20px}
  .epish-doodle-hero .hero-actions .btn{padding-inline:16px;font-size:14px;min-height:46px}

  /* Readable category labels; fade instead of a hard cut */
  .category-link{font-size:12px}
  .category-rail.chips{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);padding-right:24px}

  /* Creator path cards: one swipe row instead of three stacked screens */
  .creator-paths:not(.compact-paths) .creator-art-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:72%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px;margin-inline:-20px;padding-inline:20px;scroll-padding-inline:20px}
  .creator-paths:not(.compact-paths) .creator-art-grid::-webkit-scrollbar{display:none}
  .creator-paths:not(.compact-paths) .creator-art-card{scroll-snap-align:start}
}

@media (prefers-reduced-motion:reduce){
  .epish-doodle-hero .hero-actions .btn{transition:none}
  .epish-doodle-hero .hero-actions .btn:hover{transform:none}
}

/* Hero subline: says what EPISH is in one breath */
.epish-doodle-hero .hero-sub{margin:clamp(14px,1.6vw,22px) 0 0;max-width:34ch;color:#fff9eb;font-size:clamp(16px,1.45vw,21px);line-height:1.45;font-weight:500;letter-spacing:-.01em;text-wrap:balance;text-shadow:0 1px 3px #00146340}
@media (max-width:700px){
  .epish-doodle-hero .hero-sub{font-size:16px;max-width:30ch;margin-top:12px}
  /* The artwork runs behind the copy on phones: give each line a hero-blue backing so it stays readable */
  .epish-doodle-hero .hero-sub span{background:#0a0fb6e0;box-shadow:0 0 0 3px #0a0fb6e0;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:2px}
  .epish-doodle-hero .hero-actions{margin-top:18px}
  /* Early-preview bar: let the longer sentence wrap instead of clipping */
  .build-strip{flex-wrap:wrap;row-gap:0;text-align:center}
}