/* ==========================================================================
   /projects/ — Portfolio Tiles page styles
   ========================================================================== */

/* Compact dark hero band */
.page-hero {
  padding: 190px 0 clamp(56px, 7vw, 92px);
  border-bottom: 1px solid var(--line);
}

.page-hero .hero-title {
  font-size: clamp(36px, 5.4vw, 74px);
  line-height: 1.06;
}

.page-hero-sub {
  color: var(--steel);
  margin-top: 24px;
  max-width: 42em;
}

/* Non-linking portfolio tiles: category label always visible */
.work-tile { cursor: default; }
.work .work-cat { opacity: 1; transform: none; }
.work-tile:hover img { transform: scale(1.06); filter: brightness(0.72); }

/* Hairline divider above the spotlight band */
.spotlight { border-top: 1px solid var(--line); }

/* Plain charcoal quote CTA band (no video) */
.quote-plain { background: var(--charcoal); }

@media (max-width: 820px) {
  .page-hero { padding-top: 150px; }
}