/* The band: Start yours. Inspire HERS. One design, different words per page. Oct 17. */
.vh-band{max-width:1040px;margin:40px auto 56px;padding:64px 28px 52px;background:#fff;color:#2e1a26;border-radius:26px;border:1px solid #f0e4ea;box-shadow:0 30px 60px -48px rgba(46,26,38,.35);text-align:center;font-family:"DM Sans",Helvetica,Arial,sans-serif;display:grid;gap:18px;justify-items:center;box-sizing:border-box}
.vh-band *{box-sizing:border-box}
.vh-band .vb-women{display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.vh-band .vb-w{position:relative;width:104px;height:104px;border-radius:50%;margin-left:-18px;background:#fff;padding:4px;box-shadow:0 14px 30px -16px rgba(46,26,38,.45)}
.vh-band .vb-w:first-child{margin-left:0}
.vh-band .vb-w img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.vh-band .vb-w{z-index:1}.vh-band .vb-w:nth-child(2){z-index:2}.vh-band .vb-w:nth-child(3){z-index:3}
.vh-band .vb-w img.vb-s{position:absolute;right:-6px;bottom:-4px;width:40px;height:40px;border-radius:50%;object-fit:cover;border:2.5px solid #fff;box-shadow:0 4px 10px rgba(46,26,38,.3);z-index:5;background:#fff}
@media (max-width:720px){.vh-band .vb-w img.vb-s{width:30px;height:30px;right:-4px;bottom:-3px}}
.vh-band .vb-w.vb-next{background:transparent;box-shadow:none;padding:0}
.vh-band .vb-w.vb-next span{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;border:2px dashed #e3a9bf;background:#fff;color:#bc0757;font:600 11px/1.2 "DM Sans",sans-serif;letter-spacing:.1em;text-transform:uppercase}
.vh-band .vb-eye{margin:0;font:600 11px "DM Sans",sans-serif;letter-spacing:.28em;text-transform:uppercase;color:#a8865a}
.vh-band .vb-big{margin:0;font:400 clamp(36px,5.6vw,62px)/1.04 "Bodoni Moda",Georgia,serif;letter-spacing:-.02em;text-wrap:balance;max-width:16ch}
.vh-band .vb-big em{font-style:italic;color:#bc0757;font-weight:400}
.vh-band .vb-sub{margin:0;font:400 17px/1.55 "DM Sans",sans-serif;max-width:44ch;color:#5a4650}
.vh-band .vb-selfie{margin:-6px 0 0;font:normal 500 20px/1.4 "Bodoni Moda",Georgia,serif;font-style:normal;color:#bc0757;max-width:48ch}
.vh-band .vb-btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:6px}
.vh-band .vb-btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:15px 28px;font:600 15px "DM Sans",sans-serif;text-decoration:none;background:#bc0757;color:#fff;border:1.5px solid #bc0757;cursor:pointer;box-shadow:0 14px 28px -16px rgba(188,7,87,.7);min-height:48px}
.vh-band .vb-btn.vb-ghost{background:transparent;color:#bc0757;box-shadow:none}
.vh-band .vb-btn:hover{filter:brightness(1.05)}
.vh-band .vb-small{margin:4px 0 0;font:400 13px "DM Sans",sans-serif;color:#8a7680;letter-spacing:.02em}
.vh-band .vb-small em{font:italic 500 1.15em "Bodoni Moda",Georgia,serif;color:#bc0757}
.vh-band .vb-note{width:100%;max-width:560px;text-align:left;margin-top:10px}
.vh-band .vb-note summary{cursor:pointer;font:500 14px "DM Sans",sans-serif;color:#6a5660;text-align:center;list-style:none}
.vh-band .vb-note summary::-webkit-details-marker{display:none}
.vh-band .vb-note summary::after{content:" ↓";color:#bc0757}
.vh-band .vb-note[open] summary::after{content:" ↑"}
.vh-band .vb-note label{display:block;margin:14px 0 6px;font:500 14px "DM Sans",sans-serif;color:#2e1a26}
.vh-band .vb-note textarea{width:100%;min-height:96px;padding:12px 14px;border:1px solid #eadde3;border-radius:12px;font:400 15px/1.5 "DM Sans",sans-serif;color:#2e1a26;background:#fdf9f4;resize:vertical}
.vh-band .vb-note .vb-btns{justify-content:flex-start;margin-top:10px}
.vh-band .vb-status{margin:0;font:400 14px "DM Sans",sans-serif;color:#6a5660;min-height:1em}
/* the homepage share section keeps its personalize box; its old art and first button row are hidden */
.share-invitation.closing-invitation .closing-invitation-grid,.share-invitation.closing-invitation>.share-buttons{display:none!important}
.share-invitation.closing-invitation{border:0!important;background:transparent!important;padding-left:0!important;padding-right:0!important}
.share-invitation.closing-invitation .share-details{max-width:560px;margin:0 auto}
@media (max-width:720px){.vh-band{margin:28px 16px 40px;padding:48px 20px 40px;border-radius:20px}.vh-band .vb-w{width:78px;height:78px;margin-left:-14px}.vh-band .vb-w.vb-next span{font-size:9px}.vh-band .vb-btn{width:100%;justify-content:center}}
@media (prefers-reduced-motion:no-preference){.vh-band .vb-w{transition:transform .35s ease}.vh-band:hover .vb-w:nth-child(1){transform:translateY(-4px)}.vh-band:hover .vb-w:nth-child(2){transform:translateY(-7px)}.vh-band:hover .vb-w:nth-child(3){transform:translateY(-4px)}}
/* the founder's strip on the homepage (replaces the big Meet Becky block, Oct 17) */
.becky-introduction.vh-founder{display:flex!important;align-items:center;justify-content:center;gap:40px;max-width:1040px;margin:40px auto 56px!important;padding:40px 44px!important;background:#fdf4f6!important;border-radius:26px;border:1px solid #f3dce5;grid-template-columns:none!important;min-height:0!important}
.becky-introduction.vh-founder .vf-pic{flex:0 0 128px;width:128px;height:128px;border-radius:50%;overflow:hidden;background:#fff;padding:4px;box-shadow:0 14px 30px -16px rgba(46,26,38,.45)}
.becky-introduction.vh-founder .vf-pic img{width:100%!important;height:100%!important;object-fit:cover;object-position:50% 50%;border-radius:50%;display:block;position:static!important;max-width:none!important;transform:none!important;margin:0!important}
.becky-introduction.vh-founder .vf-copy{flex:0 1 640px;min-width:0}
.becky-introduction.vh-founder .vf-eye{margin:0 0 8px;font:600 11px "DM Sans",sans-serif;letter-spacing:.28em;text-transform:uppercase;color:#a8865a}
.becky-introduction.vh-founder .vf-big{margin:0 0 12px;font:400 clamp(26px,3vw,36px)/1.1 "Bodoni Moda",Georgia,serif;letter-spacing:-.02em;color:#2e1a26;text-wrap:balance}
.becky-introduction.vh-founder .vf-big em{font-style:italic;color:#bc0757;font-weight:400}
.becky-introduction.vh-founder .vf-p{margin:0 0 10px;font:400 16px/1.55 "DM Sans",sans-serif;color:#4a3640;max-width:62ch}
.becky-introduction.vh-founder .vf-link{display:inline-block;margin-top:4px;font:600 14px "DM Sans",sans-serif;color:#bc0757;text-decoration:none;border-bottom:1.5px solid #bc0757;padding-bottom:2px}
@media (max-width:720px){.becky-introduction.vh-founder{flex-direction:column;align-items:flex-start;gap:18px;margin:28px 16px 40px!important;padding:28px 22px!important;border-radius:20px}.becky-introduction.vh-founder .vf-pic{flex-basis:96px;width:96px;height:96px}}
/* About as the brand page (Oct 17): the brand top, then Meet Becky */
.vh-about-brand{max-width:1040px;margin:24px auto 48px;padding:56px 28px 44px;text-align:center;font-family:"DM Sans",Helvetica,Arial,sans-serif;color:#2e1a26;box-sizing:border-box}
.vh-about-brand *{box-sizing:border-box}
.vh-about-brand .vab-eye{margin:0 0 14px;font:600 11px "DM Sans",sans-serif;letter-spacing:.28em;text-transform:uppercase;color:#a8865a}
.vh-about-brand .vab-big{margin:0 auto 18px;font:400 clamp(36px,5vw,60px)/1.06 "Bodoni Moda",Georgia,serif;letter-spacing:-.02em;text-wrap:balance;max-width:18ch}
.vh-about-brand .vab-big em{font-style:italic;color:#bc0757;font-weight:400}
.vh-about-brand .vab-lede{margin:0 auto 40px;font:400 19px/1.55 "DM Sans",sans-serif;color:#4a3640;max-width:44ch}
.vh-about-brand .vab-how{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 auto 40px;max-width:900px}
.vh-about-brand .vab-how div{background:#fff;border:1px solid #f0e4ea;border-radius:20px;padding:26px 20px;box-shadow:0 20px 40px -36px rgba(46,26,38,.4)}
.vh-about-brand .vab-how b{display:block;font:400 26px/1.1 "Bodoni Moda",Georgia,serif;color:#bc0757;margin-bottom:8px}
.vh-about-brand .vab-how span{font:400 15px/1.5 "DM Sans",sans-serif;color:#4a3640}
.vh-about-brand .vab-two{display:grid;grid-template-columns:1fr 1fr;gap:28px;text-align:left;margin:0 auto 34px;max-width:960px}
.vh-about-brand .vab-two h2{margin:0 0 10px;font:400 26px/1.15 "Bodoni Moda",Georgia,serif;color:#2e1a26}
.vh-about-brand .vab-two p{margin:0;font:400 16px/1.6 "DM Sans",sans-serif;color:#4a3640}
.vh-about-brand .vab-next{margin:0;font:400 14px "DM Sans",sans-serif;color:#8a7680}
.vh-about-brand .vab-next a{color:#bc0757;font-weight:600;text-decoration:none;border-bottom:1.5px solid #bc0757;padding-bottom:2px}
@media (max-width:720px){.vh-about-brand{padding:40px 16px 32px}.vh-about-brand .vab-how{grid-template-columns:1fr}.vh-about-brand .vab-two{grid-template-columns:1fr;gap:22px}}
.about-page .vh-good.vh-good-out{display:grid!important;grid-template-columns:260px 1fr;gap:56px;align-items:center!important;max-width:1000px;margin:10px auto 70px!important;padding:20px 24px!important}
.about-page .vh-good.vh-good-out figure img{object-position:50% 18%!important}
@media (max-width:820px){.about-page .vh-good.vh-good-out{grid-template-columns:1fr;gap:28px;margin:0 16px 50px!important}.about-page .vh-good.vh-good-out figure{max-width:260px}}
/* footer row: brand socials and the founder (Oct 17) */
footer{flex-wrap:wrap!important}
footer .vh-foot{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px;width:100%;flex:1 0 100%;margin:18px auto 0;padding:14px 16px 56px;border-top:1px solid rgba(188,7,87,.18);font:500 13px "DM Sans",sans-serif;letter-spacing:.04em;text-align:center}
footer .vh-foot a{color:#bc0757;text-decoration:none;border-bottom:1px solid transparent}
footer .vh-foot a:hover{border-bottom-color:#bc0757}
footer .vh-foot .vh-foot-dot{color:#c9a9b6}
/* every chat avatar is the HER mark, including pages with their own built styles */
.becky-portrait-avatar{background-image:url(/assets/her-mark.png?v=1)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
/* homepage order (Oct 17): speak, camera, founder, color story, answers, band. The repeats are off the homepage. */
body.vh-speak-top main > #vho,body.vh-speak-top main > .website-demo,body.vh-speak-top main > #careers,body.vh-speak-top main > #experience,body.vh-speak-top main > #worlds{display:none!important}
/* HER, pink and slanted, wherever the band writes VividlyHER (Oct 17) */
.vh-her{font-style:italic;color:#bc0757;font-family:"Bodoni Moda",Georgia,serif;font-weight:500;font-size:1.06em;line-height:1}
/* Color wheel (brand pass, Oct 17): a tool belongs to the brand. Becky's lipstick photo comes off; the wheel stands alone */
.journal-page .vh-wl .vh-lip{display:none!important}.journal-page .vh-wl{justify-content:center!important}