/* Client testimonials (added 2026-10-28). One shared card style for every page.
   To add a testimonial: copy one <figure class="tt-quote">...</figure> block inside .tt-quotes and change the text.
   New filename on purpose so the service worker never serves a stale copy. */
.tt-testi{padding:64px 0 70px;background:linear-gradient(180deg,rgba(255,184,0,.045),rgba(255,184,0,0) 70%)}
.tt-testi .tt-testi-head{text-align:center;margin-bottom:30px}
.tt-testi .tt-testi-head h2{margin-bottom:6px}
.tt-testi .tt-testi-head p{color:var(--muted);margin:0 auto;max-width:560px}
.tt-testi.tt-inline{padding:44px 0 6px;background:none}
.tt-quotes{list-style:none;margin:0;padding:0;display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}
.tt-quotes.tt-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.tt-quotes.tt-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.tt-quotes>li{display:flex;min-width:0}
.tt-quote{position:relative;display:flex;flex-direction:column;width:100%;margin:0;padding:26px 24px 22px;border-radius:var(--r);background:linear-gradient(180deg,#171307,#111 42%,#0d0d0d);box-shadow:inset 0 0 0 1.5px rgba(255,184,0,.45),0 24px 50px -30px rgba(0,0,0,.9);overflow:hidden}
.tt-quote::before{content:"\201C";position:absolute;top:-6px;left:16px;font:400 6.2rem/1 Georgia,"Times New Roman",serif;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;pointer-events:none}
.tt-quote blockquote{margin:44px 0 18px;padding:0;flex:1}
.tt-quote blockquote p{margin:0;color:var(--text);font-family:var(--sans);font-size:1.02rem;line-height:1.6}
.tt-quote figcaption{display:flex;align-items:center;min-height:84px;gap:12px;padding-top:16px;border-top:1px solid rgba(255,184,0,.18)}
.tt-quote .tt-ini{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#0a0a0a;box-shadow:inset 0 0 0 1.5px var(--gold);font:400 1.35rem/1 var(--display);color:var(--gold)}
.tt-quote cite{display:block;font-style:normal;font:400 1.45rem/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.tt-quote .tt-who small{display:block;margin-top:4px;font-size:.8rem;line-height:1.35;color:var(--muted)}
.tt-testi .tt-testi-cta{text-align:center;margin:28px 0 0}
@media (max-width:1100px){.tt-quotes.tt-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.tt-quotes.tt-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* phones: swipe strip that scrolls inside itself (no page side-scroll) */
@media (max-width:700px){
  .tt-testi{padding:48px 0 52px}
  .tt-quotes,.tt-quotes.tt-3,.tt-quotes.tt-4{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin:0 -22px;padding:4px 22px 14px;scroll-padding:0 22px;scrollbar-width:none}
  .tt-quotes::-webkit-scrollbar{display:none}
  .tt-quotes>li{flex:0 0 84%;scroll-snap-align:start}
  .tt-swipe-hint{display:block!important}
}
.tt-swipe-hint{display:none;text-align:center;margin:6px 0 0;font-size:.8rem;color:var(--muted);letter-spacing:.08em}

/* Featured single testimonial (home page, under "Proof you can see"). Added 2026-10-28. */
.tt-quote.tt-featured{margin:26px 0 22px;padding:30px 30px 24px;background:linear-gradient(180deg,#221800,#141005 55%,#0d0d0d);box-shadow:inset 0 0 0 1.5px rgba(255,184,0,.8),0 0 40px -12px rgba(255,160,0,.35),0 24px 50px -30px rgba(0,0,0,.9)}
.tt-quote.tt-featured::before{font-size:7.4rem;top:-10px;left:20px}
.tt-quote.tt-featured .tt-feat-kicker{position:absolute;top:22px;right:24px;margin:0;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);opacity:.9}
.tt-quote.tt-featured blockquote{margin:48px 0 18px}
.about-copy .my-story .tt-quote.tt-featured blockquote p{margin:0;color:#fff;font-size:1.18rem;line-height:1.6;font-weight:500}
.tt-quote.tt-featured figcaption{min-height:0}
@media (max-width:700px){
  .tt-quote.tt-featured{padding:24px 20px 18px;margin:22px 0 18px}
  .tt-quote.tt-featured::before{font-size:6rem}
  .tt-quote.tt-featured .tt-feat-kicker{top:18px;right:18px;font-size:.66rem}
  .tt-quote.tt-featured blockquote{margin:40px 0 14px}
  .about-copy .my-story .tt-quote.tt-featured blockquote p{font-size:1.06rem}
}