/* Why Choose Us. Mockup composition with Vera Zambrano typography and colors.
   Container relative sizing preserves the composition inside the WordPress editor and post body. */
.vz-choice, .vz-choice * { box-sizing:border-box; }
.vz-choice {
  --navy:var(--color-header-primary,#3a3f5c);
  --gold:var(--color-header-accent,#c8b27d);
  --gold-hi:#e8d5a5;
  --text:var(--color-header-text-dark,#2e3144);
  --vz-choice-gold:var(--gold);
  --vz-choice-gold-light:var(--gold-hi);
  --serif:var(--font-display,"Playfair Display",Georgia,serif);
  --sans:var(--font-body,"Inter","Segoe UI",Arial,sans-serif);
  --u:min(1cqw,17.74px);
  container-type:inline-size;
  position:relative;
  isolation:isolate;
  width:100%;max-width:100%;margin:0;
  overflow:hidden;
  color:var(--text);
  font-family:var(--sans);
  background:
    radial-gradient(90cqw 45cqw at 100% 100%,rgba(240,222,200,.30) 0%,rgba(240,222,200,0) 70%),
    linear-gradient(180deg,#fdf9f8 0%,#fdf8f5 100%);
}
.vz-choice :where(h2,h3,h4,h5,h6,p,ol,li) {margin:0;padding:0;}
.vz-choice :where(p,h2,h3,h4,h5,h6) {overflow-wrap:break-word;}
.vz-choice .vz-desktop-break {display:none;}
/* Extra breathing room after the mobile image and beneath the content; the image remains flush with the section top. */
.vz-choice__wrap {position:relative;padding-bottom:calc(75px + clamp(24px,4cqw,48px));}
.vz-choice__art {display:block;position:relative;z-index:0;width:100%;height:auto;min-height:180px;overflow:visible;pointer-events:none;}
.vz-choice .vz-choice__art--desktop {display:none;}
.vz-choice__inner {position:relative;z-index:2;width:88.7%;margin-inline:auto;padding-top:75px;}
.vz-choice__header {position:relative;text-align:center;z-index:2;}
.vz-choice__eyebrow {
  display:flex;align-items:center;justify-content:center;gap:clamp(8px,2.4cqw,22px);
  color:var(--gold);font:700 clamp(10px,1.9cqw,17px)/1.4 var(--sans);
  text-transform:uppercase;letter-spacing:.16em;
}
.vz-choice__eyebrow::before,.vz-choice__eyebrow::after {
  content:"";display:block;flex:0 0 auto;width:clamp(20px,6cqw,56px);height:2px;background:var(--gold);
}
.vz-choice__heading {
  margin-top:clamp(10px,2cqw,20px);
  font-family:var(--serif);font-size:clamp(24px,4.2cqw,42px);font-weight:700;
  letter-spacing:-.013em;line-height:1.18;color:var(--navy);
  text-wrap:balance;
}
.vz-choice__bar {
  display:block;width:clamp(72px,11cqw,120px);height:clamp(3px,.4cqw,5px);
  margin:clamp(13px,2cqw,20px) auto clamp(13px,2cqw,20px);border-radius:10px;
  background:linear-gradient(90deg,var(--gold),var(--gold-hi) 50%,var(--gold));
}
.vz-choice__intro {
  width:min(100%,760px);margin-inline:auto;
  font:400 clamp(14px,2.05cqw,18px)/1.56 var(--sans);
  letter-spacing:0;color:var(--text);text-wrap:pretty;
}
.vz-choice__reasons {
  display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(12px,1.35cqw,19px);
  margin-top:clamp(22px,3cqw,34px);list-style:none;padding:0;
}
.vz-choice__reason {
  position:relative;display:flex;align-items:center;min-width:0;overflow:hidden;
  padding:clamp(16px,2.2cqw,24px) clamp(18px,2.3cqw,28px);
  min-height:clamp(110px,15cqw,155px);
  border-radius:clamp(15px,2.1cqw,24px);
  background:linear-gradient(180deg,#fff 0%,#fdf9f4 100%);
  box-shadow:0 9px 24px rgba(91,71,57,.10),0 1px 3px rgba(91,71,57,.06);
  border:1px solid rgba(200,178,125,.08);
}
.vz-choice__reason-icon {
  flex:0 0 clamp(54px,10cqw,82px);width:clamp(54px,10cqw,82px);
  aspect-ratio:1;display:grid;place-items:center;z-index:1;
  border-radius:23%;background:linear-gradient(145deg,#f8f1e4,#eee1c8);
  box-shadow:0 5px 15px rgba(200,178,125,.15),inset 0 1px rgba(255,255,255,.8);
}
.vz-choice__reason-icon svg, .vz-choice__reason-icon img {
  display:block;width:65%;height:65%;max-width:100%;max-height:100%;object-fit:contain;
}
.vz-choice__reason-icon:not(.vz-choice__reason-icon--custom) svg {
  fill:none;stroke:var(--gold);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;
}
.vz-choice__reason-divider {display:none;}
.vz-choice--with-icons .vz-choice__reason-divider {
  display:block;align-self:center;flex:0 0 2px;width:2px;height:clamp(58px,9cqw,82px);
  margin-inline:clamp(12px,2cqw,19px);background:var(--gold);opacity:.95;
}
.vz-choice__reason-content {flex:1;min-width:0;padding-right:clamp(29px,4cqw,50px);}
.vz-choice__reason-heading {
  margin:0;font:700 clamp(17px,2.5cqw,23px)/1.19 var(--serif);
  color:var(--navy);letter-spacing:-.006em;text-wrap:pretty;
}
.vz-choice__reason-text {
  margin:clamp(5px,.8cqw,9px) 0 0;
  font:400 clamp(13px,1.8cqw,16px)/1.43 var(--sans);
  color:var(--text);text-wrap:pretty;
}
.vz-choice__number {
  position:absolute;top:0;right:3px;z-index:2;
  display:grid;place-items:center;min-width:clamp(47px,6.8cqw,71px);height:clamp(29px,4.6cqw,42px);
  padding:0 7px 0 9px;border-radius:0 10px 0 clamp(16px,2.4cqw,26px);
  border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);
  background:var(--navy);color:#fff;
  font:700 clamp(13px,1.7cqw,19px)/1 var(--sans);letter-spacing:.035em;
}
.vz-choice__closing {
  display:flex;align-items:center;gap:clamp(14px,2cqw,28px);
  padding:clamp(18px,2.5cqw,30px);margin-top:clamp(20px,3cqw,36px);
  border:1px solid rgba(200,178,125,.42);border-radius:clamp(16px,2cqw,26px);
  background:rgba(255,255,255,.88);box-shadow:0 6px 22px rgba(58,63,92,.08);
}
.vz-choice__closing-icon {flex:0 0 auto;color:var(--gold);}
.vz-choice__closing-icon svg {display:block;width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.6;}
.vz-choice__closing-content {flex:1;min-width:0;}
.vz-choice__closing-heading {font:700 clamp(19px,2cqw,27px)/1.2 var(--serif);color:var(--navy);}
.vz-choice__closing-text {font:400 clamp(13px,1.1cqw,17px)/1.5 var(--sans);margin-top:7px;}
.vz-choice__link {flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;padding:12px 17px;border-radius:99px;background:var(--navy);color:#fff;font:600 14px/1.2 var(--sans);text-decoration:none;}
.vz-choice__link svg {width:19px;height:19px;stroke:currentColor;fill:none;}
.vz-choice__link:focus-visible {outline:3px solid var(--gold);outline-offset:3px;}

/* Exactly the supplied desktop composition: copy to the left, shaped artwork to the right,
   and a double-column card grid overlapping the lower part of the image. */
@container (min-width:1200px) {
  .vz-choice .vz-mobile-break {display:none;}
  .vz-choice .vz-desktop-break {display:inline;}
  /* Keep at least 75px above the kicker and beneath the cards, without moving the desktop artwork. */
  .vz-choice__wrap {padding:calc(75px + var(--u)*2.7) calc(var(--u)*4.1) calc(75px + var(--u)*3.1);}
  .vz-choice .vz-choice__art--mobile {display:none;}
  .vz-choice .vz-choice__art--desktop {
    display:block;position:absolute;top:0;right:0;width:calc(var(--u)*49.27);min-height:0;
  }
  .vz-choice__inner {width:auto;margin:0;padding-top:0;}
  .vz-choice__header {text-align:left;max-width:calc(var(--u)*46);}
  .vz-choice__eyebrow {justify-content:flex-start;gap:calc(var(--u)*1.15);font-size:clamp(12px,.92cqw,16px);letter-spacing:.19em;}
  .vz-choice__eyebrow::after {display:none;}
  .vz-choice__eyebrow::before {width:calc(var(--u)*3.1);height:2px;}
  .vz-choice__heading {margin-top:calc(var(--u)*.95);font-size:clamp(29px,2.3cqw,42px);line-height:1.18;max-width:100%;}
  .vz-choice__bar {margin:calc(var(--u)*1.15) 0 calc(var(--u)*1.15);width:calc(var(--u)*6.75);height:4px;}
  .vz-choice__intro {width:100%;max-width:calc(var(--u)*43);margin:0;font-size:clamp(14.5px,1.04cqw,18px);line-height:1.55;}
  .vz-choice__reasons {
    position:relative;z-index:3;
    width:calc(var(--u)*73.6);max-width:calc(100% + var(--u)*2);
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:calc(var(--u)*1.65);row-gap:calc(var(--u)*1.2);
    margin:calc(var(--u)*2.2) 0 0 calc(var(--u)*-.65);
  }
  .vz-choice__reason {
    padding:calc(var(--u)*1.05) calc(var(--u)*1.1);
    min-height:calc(var(--u)*9.5);
    border-radius:calc(var(--u)*1.2);
  }
  .vz-choice__reason-icon {flex-basis:calc(var(--u)*4.75);width:calc(var(--u)*4.75);}
  .vz-choice--with-icons .vz-choice__reason-divider {
    height:calc(var(--u)*6.15);margin-left:calc(var(--u)*.95);margin-right:calc(var(--u)*1.02);
  }
  .vz-choice__reason-content {padding-right:calc(var(--u)*2.7);}
  .vz-choice__reason-heading {font-size:clamp(17px,1.19cqw,21px);line-height:1.17;}
  .vz-choice__reason-text {font-size:clamp(13px,.86cqw,15px);line-height:1.41;margin-top:calc(var(--u)*.44);}
  .vz-choice__number {
    min-width:calc(var(--u)*3.75);height:calc(var(--u)*2.12);right:calc(var(--u)*.12);
    font-size:clamp(14px,1.02cqw,18px);border-radius:0 calc(var(--u)*.55) 0 calc(var(--u)*1.25);
  }
}
@container (min-width:900px) and (max-width:1199px) {
  .vz-choice__heading {font-size:clamp(29px,3.25cqw,36px);}
  .vz-choice__art {min-height:0;}
  .vz-choice__inner {width:86%;}
  .vz-choice__reasons {grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
  .vz-choice__reason {min-height:146px;padding:15px 18px;}
  .vz-choice__reason-heading {font-size:clamp(16.5px,1.7cqw,20px);}
  .vz-choice__reason-text {font-size:clamp(13px,1.28cqw,14px);}
  .vz-choice--with-icons .vz-choice__reason-icon {flex-basis:clamp(48px,5.7cqw,60px);width:clamp(48px,5.7cqw,60px);}
  .vz-choice--with-icons .vz-choice__reason-divider {height:54px;margin-inline:9px;}
}
@container (max-width:699px) {
  .vz-choice__heading {font-size:clamp(24px,4.2cqw,32px);}
  .vz-choice__intro {font-size:clamp(14px,2.2cqw,16px);line-height:1.5;}
  .vz-choice__reason {min-height:108px;padding:16px 17px;}
  .vz-choice__reason-heading {font-size:clamp(16px,3.25cqw,21px);}
  .vz-choice__reason-text {font-size:clamp(12.5px,2.75cqw,14.5px);}
  .vz-choice__reason-content {padding-right:27px;}
  .vz-choice__number {min-width:42px;height:29px;font-size:13px;}
  .vz-choice--with-icons .vz-choice__reason-icon {flex-basis:clamp(48px,12cqw,70px);width:clamp(48px,12cqw,70px);}
  .vz-choice--with-icons .vz-choice__reason-divider {height:clamp(52px,13cqw,65px);margin-inline:10px;}
}
@container (max-width:430px) {
  .vz-choice__inner {width:90%;}
  .vz-choice__reason {padding:17px 15px;}
  .vz-choice__reason-content {padding-right:20px;}
  .vz-choice--with-icons .vz-choice__reason-icon {flex-basis:45px;width:45px;}
  .vz-choice--with-icons .vz-choice__reason-divider {margin-inline:8px;}
  .vz-choice__closing {flex-wrap:wrap;align-items:flex-start;}
  .vz-choice__link {justify-content:center;width:100%;}
}
@container (min-width:431px) and (max-width:1199px) {
  .vz-choice__closing {flex-wrap:wrap;}
}
html[data-theme="dark"] .vz-choice {
  --navy:#f0eaf0;--text:#e0dfeb;--gold:var(--color-header-accent,#d9c47f);
  --vz-choice-gold:var(--gold);--vz-choice-gold-light:#ece0b0;
  background:radial-gradient(90cqw 45cqw at 100% 100%,rgba(83,73,64,.15),transparent 70%),linear-gradient(180deg,#171b24,#202232);
}
html[data-theme="dark"] .vz-choice .vz-choice__reason,
html[data-theme="dark"] .vz-choice .vz-choice__closing {
  background:linear-gradient(180deg,#272c3b,#202535);color:var(--text);
  border-color:rgba(217,196,127,.26);box-shadow:0 8px 25px rgba(0,0,0,.15);
}
html[data-theme="dark"] .vz-choice .vz-choice__reason-icon {background:#303347;box-shadow:none;}
html[data-theme="dark"] .vz-choice .vz-choice__number {background:#3a3f5c;color:#fff;}
html[data-theme="dark"] .vz-choice :where(.vz-choice__reason-heading,.vz-choice__heading,.vz-choice__closing-heading) {color:#f0eaf0;}
html[data-theme="dark"] .vz-choice .vz-choice__link {background:#d9c47f;color:#202232;}
/* Why Choose Us: one-shot heading and card reveals, without moving the photo/curves. */
@media (prefers-reduced-motion:no-preference) {
  .vz-choice[data-vz-choice-animate="1"] .vz-choice__motion-pending {
    opacity:0;transform:translate3d(0,18px,0);
  }
  .vz-choice[data-vz-choice-animate="1"] .vz-choice__motion-enter {
    animation:vz-choice-fade-up .66s cubic-bezier(.19,.85,.26,1) both;
    animation-delay:var(--vz-choice-motion-delay,0ms);
  }
  .vz-choice[data-vz-choice-animate="1"] .vz-choice__motion-heading.vz-choice__motion-enter {
    animation-duration:.74s;
  }
  @keyframes vz-choice-fade-up {
    from {opacity:0;transform:translate3d(0,18px,0);}
    to {opacity:1;transform:translate3d(0,0,0);}
  }
  .vz-choice a.vz-choice__link {transition:translate .2s ease;}
  .vz-choice a.vz-choice__link:hover {translate:0 -1px;}
}
.vz-choice[data-vz-choice-animate="1"] .vz-choice__motion-pending:focus-within {
  opacity:1!important;transform:none!important;
}
.vz-choice a:focus-visible {outline:3px solid var(--gold,#C8B27D);outline-offset:3px;}
html[data-a11y-stop-animations] .vz-choice :is(.vz-choice__motion-pending,.vz-choice__motion-enter),
html[data-a11y-epilepsy-safe] .vz-choice :is(.vz-choice__motion-pending,.vz-choice__motion-enter) {
  opacity:1!important;transform:none!important;animation:none!important;
}
@media (prefers-reduced-motion:reduce) {
  .vz-choice :is(.vz-choice__motion-pending,.vz-choice__motion-enter) {
    opacity:1!important;transform:none!important;animation:none!important;
  }
  .vz-choice a.vz-choice__link {transition:none!important;translate:none!important;}
}

/* Increase visible artwork without expanding cards or icon containers. */
.vz-choice .vz-choice--with-icons .vz-choice__reason-icon svg {width:72%;height:72%;}
.vz-choice--with-icons .vz-choice__reason-icon > :is(svg,img) {width:76%;height:76%;}