/* Designers Page Styles - Intervivo */
.hero {
  position: relative;
  min-height: clamp(420px, 62vh, 720px);
  display: grid;
  align-items: end;
  color: var(--color-text-inverse);
}
.hero-media {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(26,43,61,0.75), rgba(26,43,61,0.15));
}
.hero-content {
  position: relative;
  z-index: 1;
  padding-top: var(--space-20);
  padding-bottom: var(--space-16);
}
.hero .intro { color: var(--color-champagne); max-width: 60ch; }
.hero-actions { display: flex; gap: var(--space-4); flex-wrap: wrap; margin-top: var(--space-6); }

.section { padding: var(--space-16) 0; }
.section-alt { background: var(--color-champagne-light); }

.media-frame { position: relative; }
.media-frame .rounded { border-radius: var(--radius-sm); box-shadow: var(--shadow-lg); }
.media-frame figcaption { max-width: 60ch; margin-left: auto; margin-right: auto; }

.style-chips { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-6); margin-bottom: var(--space-4); }
.chip[aria-pressed="true"] { background-color: var(--color-gold); color: var(--color-charcoal); border-color: var(--color-gold); }

.cta-inline { display: flex; flex-wrap: wrap; gap: var(--space-4); margin-top: var(--space-6); }
.mt { margin-top: var(--space-8); }

/* Reveal on scroll */
[data-reveal] { opacity: 0; transform: translateY(16px); transition: opacity var(--duration-slow) var(--ease-luxury), transform var(--duration-slow) var(--ease-luxury); }
[data-reveal].in-view { opacity: 1; transform: translateY(0); }