/* HirayaVA client proof update — 2026-09-06
   Scoped styles only. Does not change global navigation, hero, pricing, chat, or forms. */

.hv-home-client-proof,
.hv-client-proof-section{
  --hv-navy:#07162d;
  --hv-ink:#10233f;
  --hv-gold:#e6b64c;
  --hv-cream:#f6f0e6;
  --hv-ivory:#fcfaf5;
  --hv-line:rgba(7,22,45,.12);
}

.hv-home-client-proof .v2-section-head{
  align-items:flex-end;
  gap:28px;
}

.hv-proof-lede{
  max-width:760px;
  margin:18px 0 0;
  color:#526175;
  font-size:1.03rem;
  line-height:1.75;
}

.hv-home-testimonials{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  margin-top:34px;
}

.hv-home-testimonial{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:30px;
  border:1px solid var(--hv-line);
  border-radius:22px;
  background:linear-gradient(145deg,#fff 0%,var(--hv-ivory) 100%);
  box-shadow:0 18px 44px rgba(7,22,45,.07);
  overflow:hidden;
}

.hv-home-testimonial::before,
.hv-client-story::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,#e6b64c,var(--hv-gold));
}

.hv-client-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:24px;
}

.hv-client-logo-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  width:132px;
  height:94px;
  padding:10px 14px;
  border:1px solid rgba(7,22,45,.09);
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 22px rgba(7,22,45,.05);
  flex:0 0 auto;
}

.hv-client-logo-wrap.hv-g2{
  width:104px;
  height:104px;
  border-radius:50%;
  padding:7px;
}

.hv-client-logo{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

.hv-client-meta{
  min-width:0;
  flex:1 1 auto;
  text-align:right;
}

.hv-location{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(230,182,76,.12);
  color:#8a5c0f;
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.035em;
  line-height:1.35;
}

.hv-service-tag{
  display:block;
  margin-top:8px;
  color:#687487;
  font-size:.78rem;
  line-height:1.45;
}

.hv-home-testimonial blockquote,
.hv-client-story blockquote{
  margin:0;
  color:var(--hv-ink);
  font-family:Georgia,'Times New Roman',serif;
  font-size:1.15rem;
  line-height:1.66;
}

.hv-home-testimonial blockquote::before,
.hv-client-story blockquote::before{
  content:"“";
  display:block;
  height:32px;
  margin-bottom:4px;
  color:var(--hv-gold);
  font-size:3.6rem;
  line-height:.8;
}

.hv-client-attribution{
  display:flex;
  flex-direction:column;
  gap:3px;
  margin-top:auto;
  padding-top:24px;
  border-top:1px solid rgba(7,22,45,.10);
}

.hv-client-attribution strong{
  color:var(--hv-navy);
  font-size:.98rem;
}

.hv-client-attribution span{
  color:#6d7888;
  font-size:.82rem;
  line-height:1.5;
}

.hv-client-proof-section{
  background:linear-gradient(180deg,#fff 0%,#fbf7f0 100%);
}

.hv-client-proof-head{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(320px,.7fr);
  gap:56px;
  align-items:end;
  margin-bottom:38px;
}

.hv-client-proof-head h2{
  margin-bottom:0;
}

.hv-client-proof-head .hv-proof-lede{
  margin:0;
}

.hv-client-story-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px;
}

.hv-client-story{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:34px 34px 32px;
  border:1px solid var(--hv-line);
  border-radius:24px;
  background:#fff;
  box-shadow:0 20px 54px rgba(7,22,45,.08);
  overflow:hidden;
}

.hv-client-story .hv-client-logo-wrap{
  width:150px;
  height:108px;
}

.hv-client-story .hv-client-logo-wrap.hv-g2{
  width:114px;
  height:114px;
}

.hv-client-story-title{
  margin:4px 0 3px;
  color:var(--hv-navy);
  font-size:1.25rem;
  line-height:1.25;
}

.hv-client-story blockquote{
  font-size:1.08rem;
  line-height:1.72;
}

.hv-existing-proof{
  border-top:1px solid rgba(7,22,45,.08);
}

.hv-existing-proof .p4-proof-intro{
  max-width:820px;
}

@media (max-width:900px){
  .hv-home-testimonials,
  .hv-client-story-grid,
  .hv-client-proof-head{
    grid-template-columns:1fr;
  }
  .hv-client-proof-head{
    gap:18px;
  }
  .hv-home-client-proof .v2-section-head{
    align-items:flex-start;
  }
}

@media (max-width:620px){
  .hv-home-testimonial,
  .hv-client-story{
    padding:24px 22px 24px;
    border-radius:18px;
  }
  .hv-client-card-top{
    align-items:flex-start;
    flex-direction:column;
    gap:14px;
  }
  .hv-client-meta{
    width:100%;
    text-align:left;
  }
  .hv-client-logo-wrap{
    width:122px;
    height:88px;
  }
  .hv-client-logo-wrap.hv-g2{
    width:96px;
    height:96px;
  }
  .hv-client-story .hv-client-logo-wrap{
    width:132px;
    height:96px;
  }
  .hv-client-story .hv-client-logo-wrap.hv-g2{
    width:104px;
    height:104px;
  }
  .hv-home-testimonial blockquote,
  .hv-client-story blockquote{
    font-size:1rem;
    line-height:1.65;
  }
}

/* =========================================================
   More Project Proof — logo / typography / placement polish
   2026-09-06
   Scoped to the lower Mrs. Classic USA + Dream Business Texas section only.
   ========================================================= */
.hv-existing-proof .p4-testimonial-grid{
  align-items:start;
  gap:26px;
}

.hv-existing-proof .p4-testimonial{
  min-height:0;
  padding:30px 32px 28px;
  justify-content:flex-start;
  border-radius:22px;
}

.hv-existing-proof .p4-testimonial > div:first-child{
  min-width:0;
}

.hv-existing-proof .p4-proof-label{
  margin:0 0 14px !important;
  font-size:10px;
  line-height:1.4;
  letter-spacing:.15em;
}

/* Give both project marks one consistent visual stage. */
.hv-existing-proof .p4-org-lockup{
  display:grid;
  grid-template-rows:132px auto auto;
  align-items:start;
  justify-items:start;
  width:100%;
  min-width:0;
  margin:0;
}

/* Mrs. Classic markup has title/subtitle inside one wrapper; flatten it so
   both cards use the same three-row alignment. */
.hv-existing-proof .p4-org-lockup-mrs > div{
  display:contents;
}

.hv-existing-proof .p4-org-lockup img{
  display:block;
  align-self:center;
  justify-self:start;
  width:auto !important;
  height:auto !important;
  max-width:210px !important;
  max-height:112px !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:left center !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

/* The portrait emblem needs a little more height but should no longer dominate. */
.hv-existing-proof .p4-org-lockup-mrs img{
  max-width:104px !important;
  max-height:122px !important;
}

/* DBTA is a wide, low-resolution mark: keep it smaller so it stays sharper. */
.hv-existing-proof .p4-org-lockup-dbta img{
  max-width:190px !important;
  max-height:86px !important;
}

.hv-existing-proof .p4-org-lockup strong{
  display:block;
  margin:0 !important;
  color:#07162d;
  font-size:16px;
  line-height:1.3;
  font-weight:800;
}

.hv-existing-proof .p4-org-lockup span{
  display:block;
  margin:6px 0 0 !important;
  color:#687487;
  font-size:14px;
  line-height:1.45;
}

/* Keep the quote mark attached to the testimonial rather than floating alone. */
.hv-existing-proof .p4-testimonial-featured > .p4-quote{
  margin:22px 0 4px !important;
  height:38px;
  font-size:56px;
  line-height:.78;
}

.hv-existing-proof .p4-testimonial > p{
  margin:18px 0 0;
  color:#162944;
  font-family:Georgia,'Times New Roman',serif;
  font-size:21px;
  line-height:1.55;
}

.hv-existing-proof .p4-testimonial-featured > .p4-quote + p{
  margin-top:0;
}

.hv-existing-proof .p4-project-upcoming > p{
  margin-top:28px;
  color:#334157;
  font-family:inherit;
  font-size:17px;
  line-height:1.72;
}

/* Attribution belongs with the body, not stranded at the bottom of a tall card. */
.hv-existing-proof .p4-testimonial > div:last-child{
  margin-top:26px;
  padding-top:18px;
  border-top:1px solid rgba(7,22,45,.10);
}

.hv-existing-proof .p4-testimonial > div:last-child strong{
  color:#07162d;
  font-size:14px;
  line-height:1.35;
}

.hv-existing-proof .p4-testimonial > div:last-child span{
  margin-top:6px;
  color:#687487;
  font-size:13px;
  line-height:1.5;
}

@media (max-width:900px){
  .hv-existing-proof .p4-testimonial-grid{
    gap:20px;
  }
}

@media (max-width:650px){
  .hv-existing-proof .p4-testimonial{
    padding:26px 24px 24px;
  }
  .hv-existing-proof .p4-org-lockup{
    grid-template-rows:118px auto auto;
  }
  .hv-existing-proof .p4-org-lockup-mrs img{
    max-width:92px !important;
    max-height:108px !important;
  }
  .hv-existing-proof .p4-org-lockup-dbta img{
    max-width:176px !important;
    max-height:80px !important;
  }
  .hv-existing-proof .p4-testimonial > p{
    font-size:19px;
    line-height:1.58;
  }
  .hv-existing-proof .p4-project-upcoming > p{
    font-size:16px;
    line-height:1.7;
  }
}

/* =========================================================
   More Project Proof — unified visual system v3
   2026-09-06
   Normalize both proof cards: same color, border, typography,
   alignment, logo stage and attribution baseline.
   ========================================================= */
.hv-existing-proof .p4-testimonial-grid{
  align-items:stretch !important;
  gap:26px !important;
}

.hv-existing-proof .p4-testimonial,
.hv-existing-proof .p4-testimonial-featured,
.hv-existing-proof .p4-project-upcoming{
  position:relative;
  box-sizing:border-box;
  height:100%;
  min-height:0 !important;
  padding:32px 32px 28px !important;
  border:1px solid rgba(7,22,45,.14) !important;
  border-radius:22px !important;
  background:#fffdf9 !important;
  box-shadow:0 14px 36px rgba(7,22,45,.055) !important;
  color:#10233f !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
}

/* A restrained shared gold accent replaces the mismatched gold/grey card borders. */
.hv-existing-proof .p4-testimonial::before{
  content:"";
  position:absolute;
  left:0;
  top:24px;
  bottom:24px;
  width:3px;
  border-radius:0 4px 4px 0;
  background:#e6b64c;
  opacity:.72;
}

.hv-existing-proof .p4-proof-label{
  display:block !important;
  width:auto !important;
  margin:0 0 16px !important;
  color:#8a5c0f !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:10px !important;
  font-weight:800 !important;
  line-height:1.4 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
}

/* Identical logo stage and title baseline. */
.hv-existing-proof .p4-org-lockup{
  display:grid !important;
  grid-template-rows:124px auto auto !important;
  align-items:start !important;
  justify-items:start !important;
  width:100% !important;
  margin:0 !important;
}
.hv-existing-proof .p4-org-lockup-mrs > div{display:contents !important;}

.hv-existing-proof .p4-org-lockup img{
  display:block !important;
  align-self:center !important;
  justify-self:start !important;
  width:auto !important;
  height:auto !important;
  max-width:190px !important;
  max-height:104px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  object-fit:contain !important;
  object-position:left center !important;
}
.hv-existing-proof .p4-org-lockup-mrs img{
  max-width:92px !important;
  max-height:104px !important;
}
.hv-existing-proof .p4-org-lockup-dbta img{
  max-width:188px !important;
  max-height:82px !important;
}

.hv-existing-proof .p4-org-lockup strong{
  display:block !important;
  margin:0 !important;
  color:#07162d !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:16px !important;
  font-weight:800 !important;
  line-height:1.3 !important;
  letter-spacing:0 !important;
}
.hv-existing-proof .p4-org-lockup span{
  display:block !important;
  margin:6px 0 0 !important;
  color:#687487 !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1.45 !important;
}

/* The quote mark remains as a small decorative signal without pushing the left text down. */
.hv-existing-proof .p4-testimonial-featured > .p4-quote{
  position:absolute !important;
  top:286px !important;
  right:30px !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  color:#e6b64c !important;
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:44px !important;
  line-height:1 !important;
  opacity:.72;
  pointer-events:none;
}

/* Same body typeface, size, color and starting position on both cards. */
.hv-existing-proof .p4-testimonial > p,
.hv-existing-proof .p4-project-upcoming > p,
.hv-existing-proof .p4-testimonial-featured > .p4-quote + p{
  margin:28px 0 0 !important;
  color:#20344f !important;
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:19px !important;
  font-weight:400 !important;
  line-height:1.62 !important;
  letter-spacing:0 !important;
}

/* Same footer treatment and bottom alignment. */
.hv-existing-proof .p4-testimonial > div:last-child{
  margin-top:auto !important;
  padding-top:18px !important;
  border-top:1px solid rgba(7,22,45,.11) !important;
}
.hv-existing-proof .p4-testimonial > div:last-child strong{
  display:block !important;
  margin:0 !important;
  color:#07162d !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1.35 !important;
}
.hv-existing-proof .p4-testimonial > div:last-child span{
  display:block !important;
  margin:6px 0 0 !important;
  color:#687487 !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:13px !important;
  font-weight:400 !important;
  line-height:1.5 !important;
}

@media (max-width:650px){
  .hv-existing-proof .p4-testimonial,
  .hv-existing-proof .p4-testimonial-featured,
  .hv-existing-proof .p4-project-upcoming{
    padding:26px 24px 24px !important;
  }
  .hv-existing-proof .p4-testimonial::before{
    top:20px;
    bottom:20px;
  }
  .hv-existing-proof .p4-org-lockup{
    grid-template-rows:112px auto auto !important;
  }
  .hv-existing-proof .p4-org-lockup-mrs img{
    max-width:84px !important;
    max-height:96px !important;
  }
  .hv-existing-proof .p4-org-lockup-dbta img{
    max-width:172px !important;
    max-height:76px !important;
  }
  .hv-existing-proof .p4-testimonial-featured > .p4-quote{
    top:270px !important;
    right:22px !important;
    font-size:38px !important;
  }
  .hv-existing-proof .p4-testimonial > p,
  .hv-existing-proof .p4-project-upcoming > p,
  .hv-existing-proof .p4-testimonial-featured > .p4-quote + p{
    margin-top:24px !important;
    font-size:18px !important;
    line-height:1.62 !important;
  }
}