
/* social + reviews */
.social{padding:clamp(70px,9vw,120px) 0;background:var(--bg-2)}
.sgrid2{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:clamp(14px,1.8vw,24px);align-items:stretch}
.soc{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:440px;border-radius:24px;overflow:hidden;text-decoration:none;color:#fff;isolation:isolate;transition:transform .6s cubic-bezier(.2,.7,.1,1)}
.soc.fb{background:#1C2D25}.soc.ig{background:#2A1A1D}
.soc:hover{transform:translateY(-6px)}
.socvis{position:relative;flex:1;padding:22px}
.socinfo{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px 14px;padding:20px 22px 22px;background:rgba(0,0,0,.22);border-top:1px solid rgba(255,255,255,.12)}
.socinfo b{display:block;font:400 1.5rem/1 var(--display)}
.socinfo small{opacity:.75;font-size:.85rem}
.sicon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#fff;color:#1C2D25;transition:transform .6s cubic-bezier(.2,.7,.1,1)}
.ig .sicon{color:#2A1A1D}
.sicon svg{width:26px;height:26px}
.soc:hover .sicon{transform:rotate(-8deg) scale(1.08)}
.sbtn{grid-column:1/-1;justify-self:start;background:#fff;color:#13201A;font-weight:600;font-size:.92rem;padding:11px 18px;border-radius:999px;transition:background .3s,color .3s}
.soc:hover .sbtn{background:var(--gold);color:#13201A}
.fbp{position:absolute;left:22px;right:22px;top:calc(22px + var(--i)*92px);background:#fff;color:#13201A;border-radius:14px;padding:14px 16px;box-shadow:0 14px 30px rgba(0,0,0,.25);border-top:4px solid var(--c);transform:rotate(calc((var(--i) - 1)*-2.5deg));transition:transform .7s cubic-bezier(.2,.7,.1,1),top .7s cubic-bezier(.2,.7,.1,1);z-index:calc(3 - var(--i))}
.soc.fb:hover .fbp{top:calc(16px + var(--i)*124px);transform:rotate(0deg)}.soc.fb .socvis{min-height:400px}
.fbh{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.fbh i{width:24px;height:24px;border-radius:50%;background:var(--c)}
.fbh b{font-size:.82rem}.fbh small{margin-left:auto;font-size:.7rem;color:#5F6A63}
.fbt{display:block;font:400 1.1rem/1.15 var(--display);margin-bottom:4px}
.fbp p{margin:0;font-size:.82rem;color:#5F6A63;line-height:1.4}
.iggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;height:100%;min-height:250px}
.igt{background:var(--c);border-radius:8px;display:flex;align-items:flex-end;padding:8px;color:#fff;opacity:0;transform:scale(.85);transition:opacity .5s,transform .7s cubic-bezier(.2,.7,.1,1);transition-delay:calc(var(--i)*.06s)}
.igt b{font:600 .7rem/1.1 var(--body);letter-spacing:.02em}
.igt[style*="#E8DCC4"]{color:#13201A}
.soc.ig.in .igt{opacity:1;transform:none}
.soc.ig:hover .igt:nth-child(odd){transform:scale(.94) rotate(-2deg)}
.soc.ig:hover .igt:nth-child(even){transform:scale(1.04) rotate(2deg)}
.revs{background:var(--bg);border-radius:24px;padding:clamp(22px,2.6vw,32px);display:flex;flex-direction:column;min-height:440px}
.revhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.rk2{margin:0;font:400 1.35rem/1.1 var(--display)}
.rnav{display:flex;align-items:center;gap:8px}
.rbtn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:none;color:var(--ink);cursor:pointer;display:grid;place-items:center;transition:background .3s,color .3s,border-color .3s}
.rbtn svg{width:16px;height:16px}
.rbtn:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.rcount{font-size:.85rem;color:var(--muted);min-width:44px;text-align:center}.rcount b{color:var(--ink);font:400 1.15rem var(--display)}
.rdeck{position:relative;flex:1;min-height:320px;margin:6px 0 18px;touch-action:pan-y;outline:none}
.rdeck:focus-visible{outline:2px solid var(--brass);outline-offset:6px;border-radius:18px}
.rc{position:absolute;inset:0;margin:0;background:var(--bg-2);border-radius:18px;padding:26px 24px 20px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .7s cubic-bezier(.2,.7,.1,1),opacity .5s;transform-origin:50% 120%;user-select:none}
.rc[data-p="0"]{z-index:5;transform:none;opacity:1}
.rc[data-p="1"]{z-index:4;transform:translateY(12px) scale(.95) rotate(2deg);opacity:.75}
.rc[data-p="2"]{z-index:3;transform:translateY(22px) scale(.9) rotate(-2deg);opacity:.45}
.rc[data-p="x"]{z-index:6;transform:translateX(-120%) rotate(-12deg);opacity:0}
.rc[data-p="h"]{z-index:1;opacity:0;transform:translateY(30px) scale(.85)}
.rq{font:400 5rem/0.6 var(--display);color:var(--rose);height:.5em}
.rc blockquote{margin:12px 0 18px;font:400 clamp(1.3rem,1.9vw,1.7rem)/1.25 var(--display)}
.rc figcaption{display:flex;align-items:center;gap:12px}
.ra{width:40px;height:40px;border-radius:50%;background:var(--rose);color:#fff;display:grid;place-items:center;font:400 1.1rem var(--display)}
.rc figcaption b{display:block;font-size:.92rem}.rc figcaption small{font-size:.78rem;color:var(--muted)}
.rfoot{margin-top:18px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.rshare{font-weight:600;color:var(--rose);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.rnote{margin:14px 0 0;font-size:.78rem;color:var(--muted)}
@media(max-width:1060px){.sgrid2{grid-template-columns:1fr 1fr}.revs{grid-column:1/-1}}
@media(max-width:640px){.sgrid2{grid-template-columns:1fr}.soc{min-height:380px}}
@media (prefers-reduced-motion:reduce){.fbp,.igt,.rc,.soc{transition:none}.igt{opacity:1;transform:none}}
