/**

 * Muvesta Capital — clarity hero + differentiation (Dezerv-inspired)

 */



:root {

  --mv-clarity-ease: cubic-bezier(0.22, 1, 0.36, 1);

  --mv-clarity-void: #030303;

  --mv-clarity-gold: #C99A3D;

  --mv-clarity-gold-hi: #E8C875;

  --mv-clarity-ink: #F5F2EA;

  --mv-clarity-muted: #96928A;

}



/* ── Hero ── */

body.wp-muvesta .mv-clarity-hero {

  position: relative;

  min-height: min(100vh, 900px);

  min-height: min(100dvh, 900px);

  display: flex;

  flex-direction: column;

  justify-content: center;

  padding: clamp(6.5rem, 14vh, 8rem) 0 clamp(5rem, 10vh, 6rem);

  overflow: hidden;

  background: var(--mv-clarity-void) !important;

  color: var(--mv-clarity-ink);

}



body.wp-muvesta .mv-clarity-hero__bg {

  position: absolute;

  inset: 0;

  pointer-events: none;

  z-index: 0;

}



body.wp-muvesta .mv-clarity-hero__void {

  position: absolute;

  inset: 0;

  background: var(--mv-clarity-void);

}



body.wp-muvesta .mv-clarity-hero__glow {

  position: absolute;

  inset: -20%;

  background:

    radial-gradient(ellipse 50% 42% at 72% 38%, rgba(201, 154, 61, 0.1), transparent 72%),

    radial-gradient(ellipse 36% 30% at 18% 72%, rgba(201, 154, 61, 0.04), transparent 70%);

}



body.wp-muvesta .mv-clarity-shell {

  position: relative;

  z-index: 2;

  width: min(1280px, calc(100% - 3rem));

  margin-inline: auto;

  flex: 1;

  display: flex;

  flex-direction: column;

  justify-content: center;

}



body.wp-muvesta .mv-clarity-grid {

  display: grid;

  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);

  align-items: center;

  gap: clamp(2rem, 5vw, 4rem);

}



body.wp-muvesta .mv-clarity-eyebrow {

  margin: 0 0 1rem;

  font-size: 0.78rem;

  font-weight: 650;

  letter-spacing: 0.16em;

  text-transform: uppercase;

  color: var(--mv-clarity-gold-hi);

  opacity: 0;

  transform: translateY(12px);

  transition: opacity 0.7s var(--mv-clarity-ease), transform 0.7s var(--mv-clarity-ease);

}



body.wp-muvesta .mv-clarity-hero.is-ready .mv-clarity-eyebrow {

  opacity: 1;

  transform: none;

}



body.wp-muvesta .mv-clarity-title {

  margin: 0;

  font-family: var(--wp-display, 'Cormorant Garamond', Georgia, serif);

  font-size: clamp(2.75rem, 5.5vw, 4.5rem);

  font-weight: 600;

  line-height: 1.02;

  letter-spacing: -0.04em;

  color: var(--mv-clarity-ink);

}



body.wp-muvesta .mv-clarity-title-line {

  display: block;

  opacity: 0;

  transform: translateY(24px);

  filter: blur(6px);

  transition: opacity 0.85s var(--mv-clarity-ease), transform 0.85s var(--mv-clarity-ease), filter 0.85s var(--mv-clarity-ease);

  transition-delay: calc(0.08s + var(--mv-li, 0) * 0.08s);

}



body.wp-muvesta .mv-clarity-title-line:nth-child(1) { --mv-li: 0; }

body.wp-muvesta .mv-clarity-title-line:nth-child(2) { --mv-li: 1; }

body.wp-muvesta .mv-clarity-title-line:nth-child(3) { --mv-li: 2; }

body.wp-muvesta .mv-clarity-title-line:nth-child(4) { --mv-li: 3; }



body.wp-muvesta .mv-clarity-hero.is-ready .mv-clarity-title-line {

  opacity: 1;

  transform: none;

  filter: none;

}



body.wp-muvesta .mv-clarity-title-line--gold {

  background: linear-gradient(118deg, #7A5E20, #C99A3D 45%, #E8C875 58%, #C99A3D);

  -webkit-background-clip: text;

  background-clip: text;

  color: transparent;

}



body.wp-muvesta .mv-clarity-lead {

  margin: 1.35rem 0 0;

  max-width: 34rem;

  font-size: clamp(1rem, 1.5vw, 1.125rem);

  line-height: 1.65;

  color: var(--mv-clarity-muted);

  opacity: 0;

  transform: translateY(14px);

  transition: opacity 0.8s var(--mv-clarity-ease) 0.35s, transform 0.8s var(--mv-clarity-ease) 0.35s;

}



body.wp-muvesta .mv-clarity-hero.is-ready .mv-clarity-lead {

  opacity: 1;

  transform: none;

}



body.wp-muvesta .mv-clarity-actions {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 1rem 1.5rem;

  margin-top: 2rem;

  opacity: 0;

  transform: translateY(12px);

  transition: opacity 0.75s var(--mv-clarity-ease) 0.5s, transform 0.75s var(--mv-clarity-ease) 0.5s;

}



body.wp-muvesta .mv-clarity-hero.is-ready .mv-clarity-actions {

  opacity: 1;

  transform: none;

}



body.wp-muvesta .mv-clarity-btn {

  display: inline-flex;

  align-items: center;

  gap: 0.45rem;

  text-decoration: none;

  font-size: 0.92rem;

  font-weight: 650;

  letter-spacing: 0.02em;

  transition: color 0.35s var(--mv-clarity-ease), border-color 0.35s var(--mv-clarity-ease), background 0.35s var(--mv-clarity-ease), transform 0.35s var(--mv-clarity-ease);

}



body.wp-muvesta .mv-clarity-btn .wp-icon {

  width: 1.1rem;

  height: 1.1rem;

}



body.wp-muvesta .mv-clarity-btn--primary {

  padding: 0.95rem 1.65rem;

  border-radius: 999px;

  color: #0a0a0a;

  background: linear-gradient(135deg, #B88A36, #E8C875);

  border: 1px solid rgba(232, 200, 117, 0.4);

  box-shadow: 0 12px 40px rgba(201, 154, 61, 0.22);

}



body.wp-muvesta .mv-clarity-btn--primary:hover {

  transform: translateY(-1px);

  box-shadow: 0 16px 48px rgba(201, 154, 61, 0.3);

}



body.wp-muvesta .mv-clarity-btn--ghost {

  color: var(--mv-clarity-ink);

  padding: 0.5rem 0;

  border-bottom: 1px solid rgba(201, 154, 61, 0.35);

}



body.wp-muvesta .mv-clarity-btn--ghost:hover {

  color: var(--mv-clarity-gold-hi);

  border-color: var(--mv-clarity-gold-hi);

}



body.wp-muvesta .mv-clarity-trust {

  margin: 1.25rem 0 0;

  font-size: 0.76rem;

  letter-spacing: 0.06em;

  text-transform: uppercase;

  color: color-mix(in srgb, var(--mv-clarity-gold) 55%, var(--mv-clarity-muted));

  opacity: 0;

  transition: opacity 0.7s var(--mv-clarity-ease) 0.65s;

}



body.wp-muvesta .mv-clarity-hero.is-ready .mv-clarity-trust {

  opacity: 1;

}



/* Logo visual */

body.wp-muvesta .mv-clarity-visual {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  min-height: clamp(220px, 32vw, 360px);

  opacity: 0;

  transform: scale(0.96) translateY(16px);

  transition: opacity 1s var(--mv-clarity-ease) 0.2s, transform 1s var(--mv-clarity-ease) 0.2s;

}



body.wp-muvesta .mv-clarity-hero.is-ready .mv-clarity-visual {

  opacity: 1;

  transform: none;

}



body.wp-muvesta .mv-clarity-logo-glow {

  position: absolute;

  inset: 5%;

  background: radial-gradient(circle, rgba(201, 154, 61, 0.2), transparent 68%);

  filter: blur(28px);

}



body.wp-muvesta .mv-clarity-logo {

  position: relative;

  width: min(100%, 15rem);

  max-height: clamp(16rem, 42vh, 22rem);

  height: auto;

  object-fit: contain;

  filter: drop-shadow(0 24px 48px rgba(0, 0, 0, 0.55));

}



/* Testimonials strip */

body.wp-muvesta .mv-clarity-proof {

  margin-top: clamp(2.5rem, 5vw, 3.5rem);

  padding-top: clamp(1.75rem, 3vw, 2.25rem);

  border-top: 1px solid rgba(255, 255, 255, 0.08);

  opacity: 0;

  transform: translateY(16px);

  transition: opacity 0.85s var(--mv-clarity-ease) 0.7s, transform 0.85s var(--mv-clarity-ease) 0.7s;

}



body.wp-muvesta .mv-clarity-hero.is-ready .mv-clarity-proof {

  opacity: 1;

  transform: none;

}



body.wp-muvesta .mv-clarity-proof__label {

  margin: 0 0 1.25rem;

  font-size: 0.72rem;

  font-weight: 650;

  letter-spacing: 0.14em;

  text-transform: uppercase;

  color: var(--mv-clarity-muted);

}



body.wp-muvesta .mv-clarity-proof__grid {

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));

  gap: 1.25rem 2rem;

}



body.wp-muvesta .mv-clarity-quote {

  margin: 0;

}



body.wp-muvesta .mv-clarity-quote p {

  margin: 0;

  font-family: var(--wp-display, 'Cormorant Garamond', Georgia, serif);

  font-size: clamp(1.15rem, 2vw, 1.35rem);

  line-height: 1.45;

  color: var(--mv-clarity-ink);

}



body.wp-muvesta .mv-clarity-quote footer {

  margin-top: 0.75rem;

  font-size: 0.82rem;

  color: var(--mv-clarity-muted);

}



body.wp-muvesta .mv-clarity-quote cite {

  font-style: normal;

  font-weight: 650;

  color: var(--mv-clarity-gold-hi);

}



body.wp-muvesta .mv-clarity-quote span::before {

  content: ' · ';

}



/* Ticker in clarity hero */

body.wp-muvesta .mv-clarity-hero .mv-cine-ticker {

  position: relative;

  z-index: 3;

  margin-top: auto;

  border-top: 1px solid rgba(255, 255, 255, 0.06);

}



/* ── Differentiation ── */

body.wp-muvesta .mv-clarity-diff {

  background: #050505 !important;

  border-top: 1px solid rgba(255, 255, 255, 0.06);

}



body.wp-muvesta .mv-clarity-diff__title {

  margin: 0 0 2.5rem;

  max-width: 22rem;

  font-family: var(--wp-display, 'Cormorant Garamond', Georgia, serif);

  font-size: clamp(1.85rem, 3.5vw, 2.75rem);

  font-weight: 600;

  line-height: 1.12;

  letter-spacing: -0.03em;

  color: var(--mv-clarity-ink);

}



body.wp-muvesta .mv-clarity-diff__list {

  display: flex;

  flex-direction: column;

  gap: 0;

}



body.wp-muvesta .mv-clarity-diff__row {

  display: grid;

  grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 0.85fr);

  gap: 1.25rem 1.75rem;

  align-items: start;

  padding: 1.75rem 0;

  border-top: 1px solid rgba(255, 255, 255, 0.07);

}



body.wp-muvesta .mv-clarity-diff__row:last-child {

  border-bottom: 1px solid rgba(255, 255, 255, 0.07);

}



body.wp-muvesta .mv-clarity-diff__num {

  font-size: 0.78rem;

  font-weight: 700;

  letter-spacing: 0.08em;

  color: var(--mv-clarity-gold);

  padding-top: 0.2rem;

}



body.wp-muvesta .mv-clarity-diff__us h3 {

  margin: 0 0 0.45rem;

  font-size: 1.05rem;

  font-weight: 650;

  color: var(--mv-clarity-ink);

}



body.wp-muvesta .mv-clarity-diff__us p {

  margin: 0;

  font-size: 0.94rem;

  line-height: 1.6;

  color: var(--mv-clarity-muted);

  max-width: 36rem;

}



body.wp-muvesta .mv-clarity-diff__vs {

  align-self: center;

  font-size: 0.68rem;

  font-weight: 700;

  letter-spacing: 0.12em;

  color: rgba(201, 154, 61, 0.55);

  padding: 0.35rem 0.5rem;

  border: 1px solid rgba(201, 154, 61, 0.2);

  border-radius: 999px;

}



body.wp-muvesta .mv-clarity-diff__them-label {

  display: block;

  margin-bottom: 0.35rem;

  font-size: 0.68rem;

  font-weight: 650;

  letter-spacing: 0.1em;

  text-transform: uppercase;

  color: rgba(150, 146, 138, 0.85);

}



body.wp-muvesta .mv-clarity-diff__them p {

  margin: 0;

  font-size: 0.88rem;

  line-height: 1.55;

  color: rgba(150, 146, 138, 0.95);

  max-width: 22rem;

}



@media (max-width: 900px) {

  body.wp-muvesta .mv-clarity-grid {

    grid-template-columns: 1fr;

    gap: 0;

  }



  /* Nav already shows logo — hide duplicate hero lockup on mobile */

  body.wp-muvesta .mv-clarity-visual {

    display: none;

  }



  body.wp-muvesta .mv-clarity-hero {

    min-height: auto;

    padding: clamp(5.5rem, 12vh, 6.5rem) 0 clamp(3rem, 8vh, 4rem);

  }



  body.wp-muvesta .mv-clarity-shell {

    width: min(1280px, calc(100% - 1.75rem));

  }



  body.wp-muvesta .mv-clarity-title {

    font-size: clamp(2.15rem, 10vw, 3rem);

  }



  body.wp-muvesta .mv-clarity-actions {

    flex-direction: column;

    align-items: stretch;

    gap: 0.85rem;

  }



  body.wp-muvesta .mv-clarity-btn--primary {

    justify-content: center;

    width: 100%;

  }



  body.wp-muvesta .mv-clarity-btn--ghost {

    align-self: flex-start;

    padding-left: 0;

  }



  body.wp-muvesta .mv-clarity-diff__row {

    grid-template-columns: auto 1fr;

  }



  body.wp-muvesta .mv-clarity-diff__vs,

  body.wp-muvesta .mv-clarity-diff__them {

    grid-column: 2;

  }



  body.wp-muvesta .mv-clarity-diff__vs {

    justify-self: start;

    margin-top: 0.5rem;

  }

}



@media (max-width: 640px) {

  body.wp-muvesta .wp-header--muvesta .wp-brand img {

    max-height: 3.25rem;

    max-width: 8rem;

  }



  body.wp-muvesta .mv-clarity-proof__grid {

    grid-template-columns: 1fr;

  }

}



@media (prefers-reduced-motion: reduce) {

  body.wp-muvesta .mv-clarity-eyebrow,

  body.wp-muvesta .mv-clarity-title-line,

  body.wp-muvesta .mv-clarity-lead,

  body.wp-muvesta .mv-clarity-actions,

  body.wp-muvesta .mv-clarity-trust,

  body.wp-muvesta .mv-clarity-visual,

  body.wp-muvesta .mv-clarity-proof {

    opacity: 1 !important;

    transform: none !important;

    filter: none !important;

    transition: none !important;

  }

}