/* client reviews: the page, the home page row and the profile section */
.rv-stars{color:var(--red);font-size:14px;letter-spacing:2px}
.rv-stars i{font-style:normal;color:var(--blush-3)}
.rv-score{display:flex;align-items:center;gap:14px;padding-top:16px;border-top:1px solid var(--line)}
.rv-score b{font-size:48px;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--red)}
.rv-score span{font-size:13px;line-height:1.4;color:var(--grey)}

/* a lady, duo or trio with her reviews beneath */
.rv-groups{display:grid;gap:var(--gap)}
.rv-group{padding:clamp(16px,2vw,24px);border-radius:var(--r);background:var(--blush-2);scroll-margin-top:100px}
.rv-ghead{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.rv-faces{display:flex;flex:none}
.rv-faces>*{display:block;width:72px;height:72px;margin-left:-22px;border:3px solid var(--blush-2);border-radius:50%;overflow:hidden;background:var(--white)}
.rv-faces>:first-child{margin-left:0}
.rv-faces img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.rv-gwho{min-width:0}
.rv-gwho h2{margin:0 0 4px;font-size:clamp(22px,2.2vw,28px);letter-spacing:-.03em;line-height:1.15}
.rv-gwho h2 a:hover,.rv-gwho h2 a:active{color:var(--red)}
.rv-tag{display:inline-block;margin-bottom:6px;padding:3px 10px;border-radius:999px;background:var(--black);color:#fff;font-size:11px;font-weight:700}
.rv-gmeta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin:0;font-size:14px;color:#544b4d}
.rv-gmeta b{font-weight:800;color:var(--ink)}
.rv-gmeta a{font-weight:700;color:var(--red)}
.rv-gmeta a:hover,.rv-gmeta a:active{text-decoration:underline}

/* one review */
.rv-glist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.block>.rv-glist{margin-top:14px}
.rv-card{padding:18px 20px 14px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--white);min-width:0}
.rv-chead{display:grid;gap:6px;margin-bottom:10px}
.rv-line{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;font-size:13px;color:var(--grey)}
.rv-line b{font-weight:700;color:var(--ink)}
.rv-i{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.rv-i svg{flex:none;width:13px;height:13px;fill:none;stroke:var(--red);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rv-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:12px;font-size:15px;line-height:1.6;overflow-wrap:anywhere}
.rv-card.open .rv-text{display:block}
.rv-cfoot{display:flex;justify-content:space-between;align-items:center;gap:12px}
.rv-verified{font-size:12px;font-weight:700;color:var(--grey)}
.rv-verified i{display:inline-grid;place-items:center;width:16px;height:16px;margin-right:2px;border-radius:50%;background:var(--blush);color:var(--red);font-style:normal;font-size:10px}
.rv-toggle{font-size:13px;font-weight:700;color:var(--red)}
.rv-toggle:hover,.rv-toggle:active{text-decoration:underline}
.rv-toggle[hidden]{display:none}

.rv-empty{margin-top:14px;padding:clamp(18px,2.4vw,28px);border-radius:var(--r-s);background:var(--blush-2)}
.rv-empty p{font-size:15px;line-height:1.6}
.rv-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:16px}

/* the form */
.rv-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:clamp(18px,2.6vw,32px);border-radius:var(--r);background:var(--blush)}
.rv-form .full{grid-column:1/-1}
.rv-picked{display:flex;align-items:center;gap:14px}
.rv-picked[hidden]{display:none}
.rv-picked .rv-faces>*{border-color:var(--blush)}
.rv-picked b{min-width:0;font-size:18px;font-weight:800;letter-spacing:-.02em;line-height:1.2}
.rv-f{display:grid;align-content:start;gap:7px;min-width:0}
.rv-f[hidden]{display:none}
.rv-f>span{font-size:12px;font-weight:700;color:#544b4d}
.rv-f>span i{margin-left:4px;font-style:normal;font-weight:500}
.rv-f small{font-size:12px;line-height:1.5;color:#544b4d}
/* 16px stops iPhone zooming the page when a field is tapped */
.rv-f input,.rv-f select,.rv-f textarea{display:block;width:100%;min-width:0;min-height:50px;padding:12px 16px;border:1px solid var(--white);border-radius:14px;background:var(--white);font:inherit;font-size:16px;outline:0;transition:border-color .2s}
.rv-f textarea{resize:vertical}
.rv-f input:focus,.rv-f select:focus,.rv-f textarea:focus{border-color:var(--red)}
.rv-rate{display:flex;gap:2px}
.rv-rate button{padding:0 3px;font-size:32px;line-height:1.1;color:var(--white);transition:color .15s}
.rv-rate button.on{color:var(--red)}
.rv-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.rv-check{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.5;color:#544b4d;cursor:pointer}
.rv-check input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:var(--red)}
.rv-err{font-size:14px;font-weight:600;color:var(--red)}
.rv-err:empty{display:none}

.rv-done{max-width:420px;padding:0;border:0;border-radius:var(--r);background:var(--white);color:var(--ink);text-align:center}
.rv-done::backdrop{background:rgba(17,16,19,.55)}
.rv-done-in{display:grid;justify-items:center;gap:10px;padding:32px 28px}
.rv-done i{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--red);color:#fff;font-size:22px;font-style:normal}
.rv-done h3{font-size:24px}
.rv-done p{font-size:15px;line-height:1.55;color:var(--grey)}

/* the home page row */
.rv-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.rv-nav{display:flex;flex:none;gap:8px}
.rv-nav button{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--blush-2);font-size:18px;transition:background .2s}
.rv-nav button:hover,.rv-nav button:active{background:var(--blush)}
.rv-row{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--gap)}
.rv-track{display:flex;gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;min-width:0}
.rv-track::-webkit-scrollbar{display:none}
.rv-track>article{flex:0 0 min(420px,100%);display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:var(--r-s);background:var(--blush-2);scroll-snap-align:start}
.rv-track blockquote{flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;margin:0;font-size:15px;line-height:1.6;overflow-wrap:anywhere}
.rv-who{display:flex;align-items:center;gap:12px}
.rv-who>a img{display:block;width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:50% 18%}
.rv-who>div{flex:1;min-width:0}
.rv-who strong{display:block;font-size:15px;font-weight:800}
.rv-who strong a:hover,.rv-who strong a:active{color:var(--red)}
.rv-more{flex:none;font-size:13px;font-weight:700;color:var(--red)}
.rv-stats{display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:22px;border-radius:var(--r-s);background:var(--black);color:#fff}
.rv-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px}
.rv-stats b{display:block;font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1.1}
.rv-stats span{font-size:12.5px;color:var(--blush-3)}
.rv-stats a{font-size:14px;font-weight:700}
.rv-stats a:hover,.rv-stats a:active{color:var(--blush-3)}

@media (max-width:900px){
  .rv-row{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .rv-glist,.rv-form{grid-template-columns:minmax(0,1fr)}
  .rv-faces>*{width:60px;height:60px;margin-left:-18px}
  .rv-faces>:first-child{margin-left:0}
  .rv-track>article{flex-basis:88%}
}