/* ===== Results / proof ===== */
#results{
  --ink:#3A0611; --ink-soft:#6B4A4F; --rule:rgba(88,11,28,.14);
  --champagne:#9A7A45;
  background:#F7EFE6; color:var(--ink);
}
#results .head{max-width:720px}
.res-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:-24px 0 40px}
.res-pill{font:600 .9375rem var(--sans);color:#580B1C;background:transparent;border:1px solid rgba(88,11,28,.28);
  padding:9px 18px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.res-pill:hover{background:rgba(88,11,28,.07)}
.res-pill.is-on{background:#580B1C;color:#F7EFE6;border-color:#580B1C}
.res-pill b{font-weight:700;opacity:.65;margin-left:6px}
.res-slider{position:relative;display:flex;align-items:center;gap:10px}
.res-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  flex:1;padding:4px;scrollbar-width:none;-ms-overflow-style:none;outline:none}
.res-track::-webkit-scrollbar{display:none}
.res-track:focus-visible{box-shadow:0 0 0 2px #9A7A45;border-radius:26px}
.res-card{flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start;background:#fff;border-radius:24px;overflow:hidden;
  display:flex;flex-direction:column;
  box-shadow:0 24px 50px -34px rgba(62,24,28,.5),inset 0 0 0 1px rgba(216,188,140,.5)}
.res-card[hidden]{display:none}
.res-card .photo{height:auto;aspect-ratio:3/4;border-radius:0;flex:none;position:relative}
.res-card .photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(45,5,14,0) 45%,rgba(45,5,14,.5) 72%,rgba(45,5,14,.88) 100%)}
.res-over{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:0 18px 16px;display:grid;gap:7px}
.res-over .res-jump span{font-size:.8438rem;padding:4px 11px}
.res-over .res-jump .from{background:rgba(255,255,255,.2);color:#F7EFE6}
.res-over .res-jump .to{background:linear-gradient(150deg,#F3E3C3,#D8BC8C);color:#3A0611}
.res-over .res-jump svg{color:#F3E3C3}
.res-over small{font-size:.8125rem;font-weight:600;color:#F3E3C3}
@media (max-width:1040px){.res-card{flex-basis:calc((100% - 24px)/2)}}
@media (max-width:720px){.res-card{flex-basis:86%}}
.res-body{padding:22px 24px 24px;display:grid;gap:12px;align-content:start}
.res-body h3{margin:0;font-family:var(--serif);font-size:1.4rem;line-height:1.2;font-weight:400;color:#3A0611}
.res-jump{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.res-jump span{font-weight:700;font-size:.9375rem;padding:5px 12px;border-radius:999px}
.res-jump .from{background:#F1E6DB;color:#6B4A4F}
.res-jump .to{background:#580B1C;color:#F3E3C3}
.res-jump svg{width:16px;height:16px;color:#9A7A45;flex:none}
.res-body p{margin:0;color:#6B4A4F;font-size:.9688rem;line-height:1.6}
.res-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:.8438rem;color:#9A7A45;font-weight:600;
  border-top:1px solid rgba(88,11,28,.14);padding-top:12px;margin-top:auto}
.res-arrow{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;cursor:pointer;
  background:#fff;border:1px solid rgba(88,11,28,.25);color:#580B1C;transition:background .2s,opacity .2s}
.res-arrow:hover{background:#F1E6DB}
.res-arrow svg{width:20px;height:20px}
.res-arrow[disabled]{opacity:.3;cursor:default}
.res-dots{display:flex;gap:8px;justify-content:center;margin-top:26px}
.res-dots button{width:8px;height:8px;padding:0;border-radius:50%;border:0;cursor:pointer;
  background:rgba(88,11,28,.25);transition:background .2s,width .2s}
.res-dots button.is-on{background:#580B1C;width:22px;border-radius:999px}
.res-empty{margin:auto;padding:60px 20px;color:#6B4A4F;font-weight:600}
@media (max-width:820px){
  .res-card{flex-basis:88%}
  .res-card .photo{height:180px}
  .res-arrow{display:none}
  .res-track{gap:16px;padding:4px 0}
}

/* ===== Creator reviews ===== */
#reviews{
  background:linear-gradient(180deg,#500A1A,#580B1C);color:#F7EFE6;
  --ink:#F7EFE6; --ink-soft:#DCC7C2; --rule:rgba(216,188,140,.22); --champagne:#D8BC8C;
}
#reviews h2{color:#F7EFE6}
#reviews .lede{color:#DCC7C2}
.rev-card blockquote{margin:0;font-family:var(--serif);font-weight:400;font-style:italic;font-size:1.125rem;line-height:1.5;color:#F7EFE6}
.rev-who{border-top:1px solid rgba(216,188,140,.22);padding-top:16px;display:grid;gap:3px;margin-top:auto}
.rev-who b{font-size:1rem;font-weight:700;color:#F7EFE6}
.rev-who span{font-size:.875rem;color:#D8BC8C;font-weight:600}
.rev-who em{font-style:normal;font-size:.875rem;color:#DCC7C2}
.rev-note{margin:34px auto 0;max-width:720px;text-align:center;font-size:.8438rem;color:#DCC7C2}
.rev-slider{position:relative;display:flex;align-items:center;gap:10px}
.rev-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  padding:4px;flex:1;scrollbar-width:none;-ms-overflow-style:none;outline:none}
.rev-track::-webkit-scrollbar{display:none}
.rev-track:focus-visible{box-shadow:0 0 0 2px var(--champagne);border-radius:24px}
.rev-card{flex:0 0 calc((100% - 44px)/3);scroll-snap-align:start;
  background:rgba(255,255,255,.05);border:1px solid rgba(216,188,140,.28);border-radius:22px;
  padding:28px 26px;display:flex;flex-direction:column;gap:20px;min-height:260px}
.rev-arrow{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;cursor:pointer;
  background:rgba(255,255,255,.06);border:1px solid rgba(216,188,140,.4);color:#F3E3C3;
  transition:background .2s,opacity .2s}
.rev-arrow:hover{background:rgba(216,188,140,.18)}
.rev-arrow svg{width:20px;height:20px}
.rev-arrow[disabled]{opacity:.3;cursor:default}
.rev-dots{display:flex;gap:8px;justify-content:center;margin-top:26px}
.rev-dots button{width:8px;height:8px;padding:0;border-radius:50%;border:0;cursor:pointer;
  background:rgba(216,188,140,.35);transition:background .2s,width .2s}
.rev-dots button.is-on{background:#F3E3C3;width:22px;border-radius:999px}
@media (max-width:1000px){.rev-card{flex-basis:calc((100% - 22px)/2)}}
@media (max-width:720px){
  .rev-card{flex-basis:88%}
  .rev-arrow{display:none}
  .rev-track{gap:16px;padding:4px 0}
}