/* Homepage client reviews — scoped to .tcg-hrev and its Muffin section (v1.0.0, 13 Oct 2026). */
body.home .tcg-reviews-section { padding:0!important; background:#0b0a09; }
body.home .tcg-reviews-section > .section_wrapper { max-width:none!important; width:100%!important; padding:0!important; }
body.home .tcg-reviews-section .wrap, body.home .tcg-reviews-section .column { width:100%!important; margin:0!important; padding:0!important; }
body.home .tcg-reviews-section .column_attr, body.home .tcg-reviews-section .mcb-column-inner { padding:0!important; margin:0!important; }

.tcg-hrev { --gold:#d69942; --gold-hi:#f2c46d; --ink:#0b0a09; --card:#161412; --line:rgba(214,153,66,.22);
  position:relative; isolation:isolate; overflow:hidden; background:var(--ink); color:#fff;
  padding:96px 28px 100px; font-family:Lato, Arial, sans-serif; scroll-margin-top:90px; }
.tcg-hrev *, .tcg-hrev *::before, .tcg-hrev *::after { box-sizing:border-box; }
.tcg-hrev__glow { position:absolute; inset:-20% -10% auto; height:140%; z-index:-1; pointer-events:none;
  background:radial-gradient(42% 46% at 22% 42%, rgba(214,153,66,.16), transparent 70%), radial-gradient(38% 40% at 78% 58%, rgba(160,60,30,.14), transparent 72%); }
.tcg-hrev__inner { max-width:1160px; margin:0 auto; display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:72px; align-items:center; }

/* Score column */
.tcg-hrev .tcg-hrev__eyebrow { display:flex; align-items:center; gap:18px; margin:0 0 16px; color:var(--gold); font-size:11px; font-weight:600; letter-spacing:5px; line-height:1.7; text-transform:uppercase; }
.tcg-hrev__eyebrow::before { content:""; width:33px; height:1px; background:var(--gold); }
.tcg-hrev .tcg-hrev__title { margin:0 0 30px; color:#fff; font-size:clamp(38px,4.4vw,62px)!important; font-weight:800; line-height:1.04; letter-spacing:-2px; text-transform:uppercase; }
.tcg-hrev__title span { display:block; color:var(--gold); }
.tcg-hrev__rating { display:flex; align-items:center; gap:20px; }
.tcg-hrev__num { font-size:clamp(64px,7vw,92px); font-weight:900; line-height:.9; letter-spacing:-3px; font-variant-numeric:tabular-nums; min-width:2.1ch; background:linear-gradient(180deg,#fff 30%,#f3d9a8); -webkit-background-clip:text; background-clip:text; color:transparent; }
.tcg-hrev__stars { display:flex; gap:5px; }
.tcg-hrev__star { position:relative; display:block; width:clamp(28px,2.7vw,36px); aspect-ratio:1; }
.tcg-hrev__star svg { display:block; width:100%; height:100%; fill:var(--gold); filter:drop-shadow(0 2px 8px rgba(214,153,66,.45)); }
.tcg-hrev__star i { position:absolute; left:50%; top:50%; width:5px; height:5px; margin:-2.5px; border-radius:50%; background:var(--gold-hi); opacity:0; pointer-events:none; }
.tcg-hrev .tcg-hrev__count { margin:16px 0 22px; color:#d8d3cc; font-size:17px; line-height:1.5; }
.tcg-hrev__count strong { color:#fff; font-weight:800; font-variant-numeric:tabular-nums; }
.tcg-hrev .tcg-hrev__sources { display:flex; flex-wrap:wrap; gap:10px; list-style:none; margin:0 0 30px; padding:0; }
.tcg-hrev__sources li { margin:0; padding:0; list-style:none; }
.tcg-hrev__sources a { display:inline-flex; align-items:center; gap:7px; padding:8px 15px; border:1px solid var(--line); border-radius:999px; color:#e9e4dc!important; font-size:13px; letter-spacing:.3px; text-decoration:none!important; background:rgba(255,255,255,.03); transition:border-color .25s, background .25s, transform .25s; }
.tcg-hrev__sources a b { color:#fff; font-weight:700; }
.tcg-hrev__sources a:hover, .tcg-hrev__sources a:focus-visible { border-color:var(--gold); background:rgba(214,153,66,.1); transform:translateY(-2px); }
.tcg-hrev__all { display:inline-flex; align-items:center; gap:10px; padding:14px 24px; border:1px solid rgba(255,255,255,.55); color:#fff!important; font-size:11px; font-weight:700; letter-spacing:2.6px; text-transform:uppercase; text-decoration:none!important; transition:background .25s, color .25s, border-color .25s; }
.tcg-hrev__all span { transition:transform .25s; }
.tcg-hrev__all:hover, .tcg-hrev__all:focus-visible { background:var(--gold); border-color:var(--gold); color:#111!important; }
.tcg-hrev__all:hover span { transform:translateX(4px); }

/* Deck */
.tcg-hrev__carousel { position:relative; min-width:0; }
.tcg-hrev .tcg-hrev__deck { display:grid; list-style:none; margin:0; padding:0 0 44px; touch-action:pan-y; user-select:none; -webkit-user-select:none; }
.tcg-hrev__card { grid-area:1/1; display:flex; flex-direction:column; margin:0!important; padding:38px 40px 30px; list-style:none; border:1px solid var(--line); border-radius:18px;
  background:linear-gradient(160deg,#1c1916 0%,var(--card) 55%,#120f0d 100%); box-shadow:0 26px 60px rgba(0,0,0,.45);
  transform-origin:50% 100%; transition:transform .7s cubic-bezier(.2,.85,.25,1.08), opacity .5s ease, filter .5s ease; will-change:transform; }
.tcg-hrev__card[data-pos="0"] { z-index:4; transform:none; opacity:1; }
.tcg-hrev__card[data-pos="1"] { z-index:3; transform:translateY(22px) scale(.95) rotate(1.6deg); opacity:.8; filter:brightness(.62); }
.tcg-hrev__card[data-pos="2"] { z-index:2; transform:translateY(42px) scale(.9) rotate(-1.4deg); opacity:.5; filter:brightness(.45); }
.tcg-hrev__card[data-pos="rest"] { z-index:1; transform:translateY(40px) scale(.87); opacity:0; pointer-events:none; }
.tcg-hrev__card[data-pos="out"] { z-index:5; transform:translate(-115%,-8px) rotate(-9deg); opacity:0; pointer-events:none; transition-duration:.6s,.45s,.45s; }
.tcg-hrev__card[data-pos="out-r"] { z-index:5; transform:translate(115%,-8px) rotate(9deg); opacity:0; pointer-events:none; transition-duration:.6s,.45s,.45s; }
.tcg-hrev__card[data-pos="1"] *, .tcg-hrev__card[data-pos="2"] *, .tcg-hrev__card[data-pos="rest"] * { pointer-events:none; }
.tcg-hrev__card.is-dragging { transition:none; cursor:grabbing; }
.tcg-hrev__card[data-pos="0"] { cursor:grab; }

.tcg-hrev__card-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; }
.tcg-hrev__card-stars { color:var(--gold); font-size:18px; letter-spacing:3px; }
.tcg-hrev__card-stars span { display:inline-block; transform-origin:50% 60%; }
/* Each time a card comes to the front its stars pop in, like the big ones. */
.tcg-hrev.is-in .tcg-hrev__card[data-pos="0"] .tcg-hrev__card-stars span { animation:tcg-hrev-pop .7s cubic-bezier(.3,1.6,.45,1) both; animation-delay:calc(.28s + var(--i) * .09s); }
.tcg-hrev.is-in:not(.is-settled) .tcg-hrev__card[data-pos="0"] .tcg-hrev__card-stars span { animation-delay:calc(1s + var(--i) * .09s); }
.tcg-hrev__badge { padding:4px 11px; border-radius:999px; background:rgba(255,255,255,.06); color:#cfc8bd; font-size:10px; font-weight:700; letter-spacing:2px; text-transform:uppercase; }
.tcg-hrev .tcg-hrev__quote { flex:1; margin:0 0 26px; padding:0; border:0; background:none; quotes:none; }
.tcg-hrev .tcg-hrev__quote::before, .tcg-hrev .tcg-hrev__quote::after { display:none; content:none; }
.tcg-hrev .tcg-hrev__quote p { margin:0; color:#f4f0ea; font-size:clamp(17px,1.55vw,21px); font-style:normal; font-weight:400; line-height:1.55; letter-spacing:.1px; }
.tcg-hrev .tcg-hrev__card.is-short .tcg-hrev__quote { display:flex; align-items:center; }
.tcg-hrev .tcg-hrev__card.is-short .tcg-hrev__quote p { font-size:clamp(22px,2.2vw,30px); font-weight:300; line-height:1.4; }
.tcg-hrev__who { display:flex; align-items:center; gap:13px; padding-top:20px; border-top:1px solid rgba(255,255,255,.08); }
.tcg-hrev__who img, .tcg-hrev__initial { flex:none; width:44px; height:44px; border-radius:50%; object-fit:cover; }
.tcg-hrev__initial { display:grid; place-items:center; background:linear-gradient(140deg,var(--gold),#a5652a); color:#111; font-weight:800; font-size:18px; }
.tcg-hrev__name { display:flex; flex-direction:column; min-width:0; line-height:1.3; }
.tcg-hrev__name strong { color:#fff; font-size:15px; font-weight:700; }
.tcg-hrev__name small { color:#a39c92; font-size:12.5px; }
.tcg-hrev__more { margin-left:auto; flex:none; color:var(--gold)!important; font-size:12px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; text-decoration:none!important; border-bottom:1px solid transparent; transition:border-color .2s; }
.tcg-hrev__more:hover, .tcg-hrev__more:focus-visible { border-bottom-color:var(--gold); }

/* Controls */
.tcg-hrev__controls { display:flex; align-items:center; gap:14px; margin-top:14px; }
.tcg-hrev__btn { display:grid; place-items:center; width:44px; height:44px; flex:none; padding:0; border:1px solid rgba(255,255,255,.28); border-radius:50%; background:transparent; color:#fff; cursor:pointer; transition:border-color .2s, background .2s, transform .2s; }
.tcg-hrev__btn svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.tcg-hrev__btn:hover, .tcg-hrev__btn:focus-visible { border-color:var(--gold); background:rgba(214,153,66,.12); }
.tcg-hrev__btn:active { transform:scale(.92); }
.tcg-hrev__pause { margin-left:auto; width:38px; height:38px; border-color:rgba(255,255,255,.16); }
.tcg-hrev__pause svg { width:15px; height:15px; }
.tcg-hrev__pause .i-play { display:none; fill:currentColor; stroke:none; }
.tcg-hrev__pause[aria-pressed="true"] .i-pause { display:none; }
.tcg-hrev__pause[aria-pressed="true"] .i-play { display:block; }
.tcg-hrev__dots { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.tcg-hrev__dot { position:relative; width:8px; height:8px; padding:0; border:0; border-radius:99px; background:rgba(255,255,255,.28); cursor:pointer; overflow:hidden; transition:width .4s ease, background .3s; }
.tcg-hrev__dot::after { content:""; position:absolute; inset:-10px -4px; }
.tcg-hrev__dot.is-active { width:38px; background:rgba(255,255,255,.18); }
.tcg-hrev__dot span { position:absolute; inset:0; border-radius:inherit; background:var(--gold); transform:scaleX(0); transform-origin:0 50%; }
.tcg-hrev__dot.is-active span { transform:scaleX(1); }
.tcg-hrev.is-auto .tcg-hrev__dot.is-active span { animation:tcg-hrev-fill var(--hrev-ms,6500ms) linear forwards; }
.tcg-hrev.is-held .tcg-hrev__dot.is-active span { animation-play-state:paused; }
@keyframes tcg-hrev-fill { from { transform:scaleX(0); } to { transform:scaleX(1); } }

/* Entrance (only once JS marks the section ready, so no-JS shows everything) */
.tcg-hrev.js-ready:not(.is-in) .tcg-hrev__star { transform:scale(0) rotate(-40deg); opacity:0; }
.tcg-hrev.js-ready:not(.is-in) .tcg-hrev__title,
.tcg-hrev.js-ready:not(.is-in) .tcg-hrev__eyebrow,
.tcg-hrev.js-ready:not(.is-in) .tcg-hrev__count,
.tcg-hrev.js-ready:not(.is-in) .tcg-hrev__sources,
.tcg-hrev.js-ready:not(.is-in) .tcg-hrev__all { opacity:0; transform:translateY(18px); }
.tcg-hrev.js-ready:not(.is-in) .tcg-hrev__deck { opacity:0; transform:translateY(30px) rotate(2deg); }
.tcg-hrev.js-ready .tcg-hrev__title, .tcg-hrev.js-ready .tcg-hrev__eyebrow, .tcg-hrev.js-ready .tcg-hrev__count,
.tcg-hrev.js-ready .tcg-hrev__sources, .tcg-hrev.js-ready .tcg-hrev__all, .tcg-hrev.js-ready .tcg-hrev__deck { transition:opacity .7s ease, transform .8s cubic-bezier(.2,.8,.2,1); }
.tcg-hrev.is-in .tcg-hrev__title { transition-delay:.08s; }
.tcg-hrev.is-in .tcg-hrev__count { transition-delay:1.15s; }
.tcg-hrev.is-in .tcg-hrev__sources { transition-delay:1.35s; }
.tcg-hrev.is-in .tcg-hrev__all { transition-delay:1.5s; }
.tcg-hrev.is-in .tcg-hrev__deck { transition-delay:.35s; transition-duration:.9s,1s; }
.tcg-hrev.is-in .tcg-hrev__star { animation:tcg-hrev-pop .75s cubic-bezier(.3,1.6,.45,1) both; animation-delay:calc(.35s + var(--i) * .14s); }
.tcg-hrev.is-in .tcg-hrev__star i { animation:tcg-hrev-spark .7s ease-out both; animation-delay:calc(.55s + var(--i) * .14s); }
.tcg-hrev__star i:nth-of-type(1) { --x:-20px; --y:-18px; }
.tcg-hrev__star i:nth-of-type(2) { --x:21px; --y:-15px; }
.tcg-hrev__star i:nth-of-type(3) { --x:-16px; --y:19px; width:4px; height:4px; }
.tcg-hrev__star i:nth-of-type(4) { --x:18px; --y:18px; width:3px; height:3px; }
.tcg-hrev.is-in .tcg-hrev__num { animation:tcg-hrev-glint 1.2s ease 1.2s both; }
@keyframes tcg-hrev-pop { 0% { transform:scale(0) rotate(-40deg); opacity:0; } 55% { transform:scale(1.35) rotate(12deg); opacity:1; } 75% { transform:scale(.9) rotate(-4deg); } 100% { transform:scale(1) rotate(0); opacity:1; } }
@keyframes tcg-hrev-spark { 0% { opacity:0; transform:translate(0,0) scale(.4); } 25% { opacity:1; } 100% { opacity:0; transform:translate(var(--x),var(--y)) scale(1); } }
@keyframes tcg-hrev-glint { 0% { filter:none; } 40% { filter:drop-shadow(0 0 18px rgba(242,196,109,.55)); } 100% { filter:none; } }
.tcg-hrev.is-settled .tcg-hrev__star, .tcg-hrev.is-settled .tcg-hrev__star i { animation:none; }
.tcg-hrev.is-settled .tcg-hrev__stars.is-wiggle .tcg-hrev__star { animation:tcg-hrev-wiggle .6s ease both; animation-delay:calc(var(--i) * .07s); }
@keyframes tcg-hrev-wiggle { 0%,100% { transform:none; } 40% { transform:translateY(-6px) rotate(-8deg) scale(1.12); } 70% { transform:translateY(1px) rotate(4deg); } }

/* Tablet / phone */
@media (max-width: 960px) {
  .tcg-hrev { padding:76px 22px 80px; }
  .tcg-hrev__inner { grid-template-columns:1fr; gap:46px; }
  .tcg-hrev__score { text-align:center; }
  .tcg-hrev .tcg-hrev__eyebrow { justify-content:center; }
  .tcg-hrev .tcg-hrev__eyebrow::after { content:""; width:33px; height:1px; background:var(--gold); }
  .tcg-hrev__rating { justify-content:center; }
  .tcg-hrev .tcg-hrev__sources { justify-content:center; }
  .tcg-hrev__carousel { max-width:640px; width:100%; margin:0 auto; }
}
@media (max-width: 560px) {
  .tcg-hrev { padding:64px 16px 70px; }
  .tcg-hrev .tcg-hrev__title { letter-spacing:-1px; margin-bottom:24px; }
  .tcg-hrev__rating { gap:14px; }
  .tcg-hrev__num { letter-spacing:-2px; }
  .tcg-hrev__stars { gap:3px; }
  .tcg-hrev__star { width:26px; }
  .tcg-hrev__card { padding:28px 22px 22px; border-radius:16px; }
  .tcg-hrev__who { flex-wrap:wrap; }
  .tcg-hrev__more { margin-left:57px; width:100%; }
  .tcg-hrev__controls { gap:10px; }
  .tcg-hrev__btn { width:40px; height:40px; }
  .tcg-hrev__dot.is-active { width:28px; }
}
@media (prefers-reduced-motion: reduce) {
  .tcg-hrev *, .tcg-hrev *::before, .tcg-hrev *::after { animation:none!important; transition-duration:.01ms!important; }
  .tcg-hrev.js-ready:not(.is-in) .tcg-hrev__star, .tcg-hrev.js-ready:not(.is-in) .tcg-hrev__deck { transform:none; opacity:1; }
}

/* ---------- Rating badge: [tcg_rating_badge] (v1.2.0) ---------- */
.tcg-rbadge { --gold:#e0a643; display:inline-flex; align-items:center; gap:12px; padding:9px 18px 9px 16px; border-radius:999px; color:#fff!important; text-decoration:none!important; font-family:Lato, Arial, sans-serif; line-height:1; white-space:nowrap;
  background:rgba(10,9,8,.42); border:1px solid rgba(255,255,255,.18); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); box-shadow:0 8px 26px rgba(0,0,0,.25);
  transition:transform .3s cubic-bezier(.2,.9,.3,1.3), border-color .25s, background .25s; }
.tcg-rbadge:hover, .tcg-rbadge:focus-visible { transform:translateY(-2px) scale(1.03); border-color:rgba(224,166,67,.75); background:rgba(10,9,8,.6); }
.tcg-rbadge__label { font-size:13px; font-weight:900; letter-spacing:1.6px; text-transform:uppercase; }
.tcg-rbadge__stars { display:inline-flex; gap:2px; }
.tcg-rbadge__star { display:block; width:19px; height:19px; transform-origin:50% 60%; }
.tcg-rbadge__star svg { display:block; width:100%; height:100%; fill:var(--gold); filter:drop-shadow(0 1px 4px rgba(224,166,67,.45)); }
.tcg-rbadge__star.is-off svg { fill:rgba(255,255,255,.25); filter:none; }
.tcg-rbadge__meta { display:inline-flex; align-items:center; gap:8px; color:#e9e4dc; font-size:13px; font-weight:400; letter-spacing:.2px; }
.tcg-rbadge__meta b { color:#fff; font-weight:800; font-size:14px; }
.tcg-rbadge__meta i { width:3px; height:3px; border-radius:50%; background:rgba(255,255,255,.5); }
.tcg-rbadge.js-ready:not(.is-in) .tcg-rbadge__star { transform:scale(0) rotate(-40deg); opacity:0; }
.tcg-rbadge.is-in .tcg-rbadge__star { animation:tcg-hrev-pop .7s cubic-bezier(.3,1.6,.45,1) both; animation-delay:calc(var(--d,.2s) + var(--i) * .1s); }
.tcg-rbadge.is-wiggle .tcg-rbadge__star { animation:tcg-hrev-wiggle .6s ease both; animation-delay:calc(var(--i) * .06s); }
/* Hero: sits under the Enquire button */
.tcg-home-hero .tcg-rbadge--hero { --d:.9s; margin-top:22px; }
.tcg-home-hero .tcg-home-hero__copy > .tcg-rbadge--hero, .tcg-home-hero p:has(> .tcg-rbadge--hero) { display:flex; width:max-content; max-width:100%; margin-left:auto; margin-right:auto; }
/* Inline: under the "Don't blend into the crowd" paragraph */
.tcg-rbadge--inline { margin-top:6px; background:rgba(10,9,8,.5); }
.tcg-rbadge-row { display:flex; justify-content:center; margin:18px 0 0; }
@media (max-width: 560px) {
  .tcg-rbadge { gap:9px; padding:8px 13px; }
  .tcg-rbadge__label { font-size:11px; letter-spacing:1.2px; }
  .tcg-rbadge__star { width:15px; height:15px; }
  .tcg-rbadge__meta { font-size:11.5px; gap:6px; }
  .tcg-rbadge__meta b { font-size:12.5px; }
}
@media (max-width: 360px) { .tcg-rbadge__meta i, .tcg-rbadge__meta b { display:none; } }
@media (prefers-reduced-motion: reduce) { .tcg-rbadge, .tcg-rbadge * { animation:none!important; transition:none!important; } .tcg-rbadge.js-ready:not(.is-in) .tcg-rbadge__star { transform:none; opacity:1; } }

/* ---------- Rating badge (hero / band) — v1.2.0 ---------- */
.tcg-rbadge { --gold:#d69942; display:inline-flex; align-items:center; gap:12px; padding:10px 18px 10px 20px; border:1px solid rgba(255,255,255,.18); border-radius:999px;
  background:rgba(10,9,8,.42); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); color:#fff!important; text-decoration:none!important;
  font-family:Lato, Arial, sans-serif; line-height:1; box-shadow:0 10px 30px rgba(0,0,0,.25); transition:transform .25s ease, border-color .25s ease, background .25s ease; }
.tcg-rbadge:hover, .tcg-rbadge:focus-visible { transform:translateY(-2px); border-color:rgba(214,153,66,.7); background:rgba(10,9,8,.6); }
.tcg-rbadge__word { font-size:13px; font-weight:900; letter-spacing:1.6px; text-transform:uppercase; }
.tcg-rbadge__stars { display:inline-flex; gap:2px; }
.tcg-rbadge__stars span { display:block; width:19px; height:19px; transform-origin:50% 60%; }
.tcg-rbadge__stars svg { display:block; width:100%; height:100%; fill:var(--gold); filter:drop-shadow(0 1px 4px rgba(214,153,66,.45)); }
.tcg-rbadge__meta { font-size:13px; color:#e8e2d8; letter-spacing:.2px; white-space:nowrap; }
.tcg-rbadge__meta b { color:#fff; font-weight:800; }
.tcg-rbadge.js-wait:not(.is-in) .tcg-rbadge__stars span { transform:scale(0); opacity:0; }
.tcg-rbadge.is-in .tcg-rbadge__stars span { animation:tcg-hrev-pop .7s cubic-bezier(.3,1.6,.45,1) both; animation-delay:calc(.15s + var(--i) * .1s); }
.tcg-rbadge.is-in.is-settled .tcg-rbadge__stars span { animation:none; }
.tcg-rbadge.is-settled:hover .tcg-rbadge__stars span { animation:tcg-hrev-wiggle .6s ease both; animation-delay:calc(var(--i) * .06s); }
/* Hero: under the Enquire button */
body.home .tcg-home-hero .tcg-rbadge--hero { margin-top:12px; }
/* Band: under the "Don't blend into the crowd" paragraph */
.tcg-rbadge-row { display:flex; justify-content:center; margin:26px 0 0; }
.tcg-rbadge--band { background:rgba(10,9,8,.5); }
@media (max-width: 560px) {
  .tcg-rbadge { gap:9px; padding:9px 14px; flex-wrap:wrap; justify-content:center; }
  .tcg-rbadge__word, .tcg-rbadge__meta { font-size:12px; }
  .tcg-rbadge__stars span { width:16px; height:16px; }
}
@media (prefers-reduced-motion: reduce) { .tcg-rbadge .tcg-rbadge__stars span { animation:none!important; transform:none!important; opacity:1!important; } }
