/* Testimonial deck v4 (deck.js): dealt from a pile, fanned hand of foil UN cards, pick to flip */
[data-deck]{display:block!important;overflow:visible!important;padding:0!important;height:auto!important;max-height:none!important;scroll-snap-type:none!important;mask-image:none!important;-webkit-mask-image:none!important}
.fan{--cw:190px;--ch:285px;--spread:7deg;--up:1.6;position:relative;max-width:980px;margin:0 auto;padding:0 12px;perspective:1800px}
.fan-table{position:relative;height:96px;display:grid;place-items:center}
.fan-burst{position:absolute;top:100%;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(227,18,43,.9),rgba(227,18,43,0) 70%);opacity:0;pointer-events:none;transform:scale(.2)}
.fan-burst.go{animation:fanBurst .8s ease-out .35s}
@keyframes fanBurst{0%{opacity:0;transform:scale(.2)}20%{opacity:.9}100%{opacity:0;transform:scale(5)}}
.fan-prompt{margin:0;font:800 13px var(--sans,Inter,sans-serif);letter-spacing:.3em;text-transform:uppercase;color:var(--red,#e3122b);display:flex;flex-direction:column;align-items:center;gap:12px}
.fan-prompt::after{content:"";width:2px;height:48px;background:linear-gradient(var(--red,#e3122b),transparent);animation:fanDown 1.4s ease-in-out infinite}
@keyframes fanDown{50%{transform:translateY(10px);opacity:.5}}
.fan-prompt[hidden]{display:none}
.fan-hand{position:relative;height:calc(var(--ch) + 50px);outline:none}
.fan-hand:focus-visible .is-hi .fcard-back{box-shadow:0 0 0 3px #fff}
.fan-pile{position:absolute;right:4%;bottom:14px;width:var(--cw);height:var(--ch);border-radius:12px;background:#0c0c0e;box-shadow:0 0 0 2px #7a0817,6px 6px 0 0 #0c0c0e,6px 6px 0 2px #5a0612,12px 12px 0 0 #0c0c0e,12px 12px 0 2px #3d040c;opacity:1;transition:opacity .4s .9s}
.fan.dealt .fan-pile{opacity:0}
.fcard{position:absolute;left:50%;bottom:0;width:var(--cw);height:var(--ch);margin-left:calc(var(--cw) / -2);transform-origin:50% 230%;cursor:pointer;
  --a:calc((var(--s) - (var(--n) - 1) / 2) * var(--spread));--rx:0deg;--ry:0deg;
  transform:rotate(var(--a));transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .3s,opacity .4s;z-index:calc(var(--s) + 1)}
/* in the pile before dealing (and while gathering for a shuffle) */
.fan:not(.dealt) .fcard,.fan.gather .fcard{transform:rotate(0deg) translate(calc(50vw - 50% - 4% - var(--cw) / 2 - 12px),-14px);transition-delay:0s;filter:brightness(.6)}
.fan.dealt:not(.gather) .fcard{transition-delay:calc(var(--s) * 90ms)}
.fcard.is-hi:not(.is-up),.fcard:hover:not(.is-up){transform:rotate(var(--a)) translateY(-36px);z-index:50;transition-delay:0s!important}
.fcard.is-peek:not(.is-up):not(.is-hi){transform:rotate(var(--a)) translateY(-18px);transition-delay:0s!important}
.fan.has-up .fcard:not(.is-up){filter:brightness(.5) saturate(.6)}
.fcard.is-up{transform-origin:50% 50%;transform:translate(var(--dx),var(--dy)) rotate(0deg) scale(var(--sc,var(--up))) rotateX(var(--rx)) rotateY(var(--ry));z-index:100;cursor:default;transition:transform .75s cubic-bezier(.2,.9,.25,1.08);transition-delay:0s!important}
.fcard.is-up.is-tilt{transition:transform .12s linear}
.fcard.is-up.is-demo{transform:translateY(-40px) rotate(0deg) scale(1.22);transform-origin:50% 100%;cursor:pointer}
.fcard-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,.7,.3,1) .2s;border-radius:12px}
.fcard.is-up .fcard-inner{transform:rotateY(180deg)}
.fcard-back,.fcard-face{position:absolute;inset:0;border-radius:12px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.fcard-sheen{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--sx,30%) var(--sy,20%),rgba(255,255,255,.22),rgba(255,255,255,0) 45%);mix-blend-mode:screen;opacity:.9}
.fcard-back{background:radial-gradient(70% 55% at 50% 42%,#2a0a10,#0c0c0e 70%),#0c0c0e;box-shadow:0 0 0 2px var(--red,#e3122b),inset 0 0 0 8px #0c0c0e,inset 0 0 0 9px rgba(227,18,43,.55),0 18px 40px -16px rgba(0,0,0,.95);display:grid;place-items:center}
.fcard-back::before{content:"";position:absolute;inset:14px;border-radius:8px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 2px,transparent 2px 9px)}
.fcard-back img{width:54%;filter:drop-shadow(0 10px 20px rgba(227,18,43,.5));transition:transform .3s}
.fcard.is-hi .fcard-back img,.fcard:hover .fcard-back img{transform:scale(1.08)}
.fcard.is-hi .fcard-back{box-shadow:0 0 0 2px var(--red,#e3122b),inset 0 0 0 8px #0c0c0e,inset 0 0 0 9px rgba(227,18,43,.55),0 0 34px rgba(227,18,43,.55),0 18px 40px -16px rgba(0,0,0,.95)}
.fcard-back b{position:absolute;bottom:16px;left:0;right:0;text-align:center;font:400 14px var(--display,Anton,sans-serif);letter-spacing:.34em;color:var(--bone,#f4f0e9);opacity:.85}
.fcard-back span{position:absolute;top:10px;left:14px;font:700 12px var(--sans,Inter,sans-serif);color:var(--red,#e3122b)}
/* face: a trading card */
.fcard-face{transform:rotateY(180deg);background:linear-gradient(170deg,#1a1a1e,#0f0f11 55%);color:var(--bone,#f4f0e9);display:flex;flex-direction:column;padding:0;
  box-shadow:0 0 0 2px var(--red,#e3122b),inset 0 0 0 6px #0f0f11,inset 0 0 0 7px rgba(227,18,43,.45),0 24px 60px -20px rgba(227,18,43,.6)}
.fcard-top{display:flex;align-items:center;gap:9px;padding:14px 14px 10px;background:linear-gradient(90deg,rgba(227,18,43,.35),rgba(227,18,43,.05));border-bottom:1px solid rgba(227,18,43,.5)}
.fcard-top img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--red,#e3122b);box-shadow:0 0 14px rgba(227,18,43,.6);flex:none}
.fcard-top b{display:block;font:400 15px/1.05 var(--display,Anton,sans-serif);letter-spacing:.04em;text-transform:uppercase}
.fcard-top small{display:block;font:600 7.5px/1.3 var(--sans,Inter,sans-serif);color:var(--bone-2,#d2ccc2);margin-top:2px}
.fcard-face blockquote{flex:1;min-height:0;margin:0;padding:12px 14px;overflow:auto;scrollbar-width:thin;font:italic 500 11px/1.45 "Playfair Display",Georgia,serif}
.fcard-face blockquote::before{content:"\201C";font:700 34px/0 "Playfair Display",Georgia,serif;color:var(--red,#e3122b);vertical-align:-10px;margin-right:3px}
.fcard-foot{display:flex;justify-content:space-between;align-items:center;padding:8px 14px 10px;font:700 7.5px var(--sans,Inter,sans-serif);letter-spacing:.18em;text-transform:uppercase;color:var(--mute,#8f8b85);border-top:1px solid #26262a}
.fcard-foot em{font-style:normal;color:var(--red,#e3122b)}
/* controls */
.fan-ui{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px;flex-wrap:wrap}
.fan-btn{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--line-2,#34343a);background:none;color:var(--bone,#f4f0e9);font-size:20px;cursor:pointer;transition:background .15s,border-color .15s}
.fan-btn:hover{background:var(--red,#e3122b);border-color:var(--red,#e3122b)}
.fan-count{font:600 13px var(--sans,Inter,sans-serif);color:var(--mute,#8f8b85);min-width:120px;text-align:center}.fan-count b{color:var(--bone,#f4f0e9)}
.fan-shuffle,.fan-back{padding:12px 18px;border-radius:999px;border:1.5px solid var(--line-2,#34343a);background:none;color:var(--bone,#f4f0e9);font:800 11.5px var(--sans,Inter,sans-serif);letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.fan-shuffle:hover,.fan-back:hover{border-color:var(--red,#e3122b);background:var(--red,#e3122b)}
.fan-back{border-color:var(--red,#e3122b)}.fan-back[hidden]{display:none}
@media (max-width:760px){.fan{--cw:112px;--ch:168px;--spread:6.2deg;--up:2.5;padding-bottom:70px}.fan-hand{height:calc(var(--ch) + 36px)}.fan-table{height:96px}.fcard-top{padding:9px 9px 6px;gap:6px}.fcard-top img{width:24px;height:24px}.fcard-top b{font-size:9.5px}.fcard-top small{font-size:5px}.fcard-face blockquote{font-size:7.2px;padding:7px 9px}.fcard-face blockquote::before{font-size:22px;vertical-align:-6px}.fcard-foot{font-size:5px;padding:5px 9px 6px}.fcard-back b{font-size:10px;bottom:10px}.fcard-back img{width:50%}.fcard.is-hi:not(.is-up),.fcard:hover:not(.is-up){transform:rotate(var(--a)) translateY(-22px)}.fan-count{min-width:0}.fan-pile{right:2%}}
@media (prefers-reduced-motion:reduce){.fcard,.fcard-inner,.fan-prompt::after,.fan-burst{transition:none!important;animation:none!important}.fan:not(.dealt) .fcard{transform:rotate(var(--a));filter:none}}
