.proof-videos{margin-top:85px;scroll-margin-top:30px}
.hero-testimonials{display:inline-flex;align-items:center;gap:14px;margin-top:22px;padding:10px 18px 10px 14px;border:1px solid #d9c6a180;border-radius:8px;background:#141310b3;color:var(--white);text-decoration:none;transition:background .2s,border-color .2s}
.hero-testimonials:hover{background:#141310e6;border-color:var(--gold)}
.hero-testimonials:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.hero-testimonials>svg{width:20px;flex:none;fill:none;stroke:var(--gold);stroke-width:1.6}
.ht-faces{display:flex;flex:none}
.ht-faces img{width:44px;height:44px;border-radius:50%;border:2px solid var(--gold);object-fit:cover}
.ht-faces img+img{margin-inline-start:-12px}
.ht-text{display:flex;flex-direction:column;line-height:1.3}
.ht-text strong{font-size:17px;font-weight:700}
.proof-videos>h3{font-family:var(--display);font-size:28px;font-weight:800;color:#28231c;margin-bottom:28px}
.tcarousel{position:relative}
.tcarousel-track{padding:0 0 6px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*24px)/3);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}
.tcarousel-track::-webkit-scrollbar{display:none}
.tslide{scroll-snap-align:start;display:flex;flex-direction:column;gap:16px;min-width:0}
.tslide-media{position:relative;aspect-ratio:9/16;border-radius:8px;overflow:hidden;background:#1b1915}
.tslide-poster{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;color:#fff}
.tslide-poster img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.tslide-poster:hover img{transform:scale(1.04)}
.tslide-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:#d9c6a1f2;color:#302615}
.tslide-play svg{fill:currentColor;stroke:none;width:22px;margin-left:3px}
.tslide-duration{position:absolute;bottom:14px;right:16px;font-size:13px;background:#0009;padding:2px 9px;border-radius:3px}
.tslide-placeholder{background:linear-gradient(160deg,#3b3021,#1b1915 75%)}
.tslide-placeholder .tslide-play{background:#d9c6a133;color:#d9c6a1}
.tslide-soon{position:absolute;bottom:16px;right:18px;font-size:13px;color:#d9c6a1;letter-spacing:.05em}
.tslide-media video,.tslide-media iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;object-fit:contain}
.tslide-meta{display:flex;flex-direction:column;gap:2px}
.tslide-meta strong{font-size:18px;font-weight:700}
.tslide-meta span{font-size:14px;color:#726653}
.tslide-meta q{font-size:16px;margin-top:8px;color:#3a3226;quotes:'״' '״'}
.is-placeholder .tslide-meta{opacity:.65}
.tcarousel-controls{display:flex;align-items:center;justify-content:flex-start;gap:14px;margin-top:22px}
.tcarousel-controls button{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid #b59a6b88;background:transparent;color:#5c4826;transition:background .2s}
.tcarousel-controls button:hover:not(:disabled){background:#d9c6a14d}
.tcarousel-controls button:disabled{opacity:.35}
.tcarousel-controls button:focus-visible{outline:2px solid #8c6d3e;outline-offset:4px}
.tcarousel-controls svg{width:22px}
/* The chevron points right; flip "next" so it points toward the reading direction (left in RTL). */
.tcarousel-next svg{transform:scaleX(-1)}
[dir=ltr] .tcarousel-prev svg{transform:scaleX(-1)}[dir=ltr] .tcarousel-next svg{transform:none}
.tcarousel-status{font-size:14px;color:#726653;min-width:4.5em;text-align:center}
.tslide-poster:focus-visible{outline:3px solid #8c6d3e;outline-offset:-3px}
.client-logos{margin-top:85px}
.client-logos>h3{font-family:var(--display);font-size:28px;font-weight:800;color:#28231c;margin-bottom:28px}
.logo-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}
.logo-marquee:hover .logo-rail{animation-play-state:paused}
.logo-rail{display:flex;width:max-content;animation:logo-scroll 90s linear infinite}
.logo-rail ul{list-style:none;margin:0;padding:0;display:flex;flex:none}
@keyframes logo-scroll{to{transform:translateX(50%)}}
.client-logos li{position:relative;flex:none;width:190px;aspect-ratio:5/3;margin-inline-end:14px;background:#fff;border-radius:8px}
/* Absolute so a logo's intrinsic size can never stretch its tile or the grid. */
.client-logos img{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);object-fit:contain}
@media(max-width:1100px){.tcarousel-track{grid-auto-columns:calc((100% - 24px)/2.2)}}
@media(max-width:799px){.proof-videos,.client-logos{margin-top:55px}.proof-videos>h3,.client-logos>h3{font-size:24px;margin-bottom:20px}.client-logos li{width:130px;margin-inline-end:10px}.client-logos img{inset:7px;width:calc(100% - 14px);height:calc(100% - 14px)}.tcarousel-track{grid-auto-columns:80%;gap:14px}.tslide-play{width:52px;height:52px}}
@media(prefers-reduced-motion:reduce){.tslide-poster img{transition:none}.tslide-poster:hover img{transform:none}}

/* Without motion, show every logo once as a wrapped grid instead of a clipped rail. */
@media(prefers-reduced-motion:reduce){.logo-marquee{-webkit-mask-image:none;mask-image:none}.logo-rail{width:auto}.logo-rail ul{flex:1 1 100%;min-width:0;flex-wrap:wrap;gap:10px 0}.logo-copy{display:none!important}}
body.reduce-motion .logo-rail{animation:none;width:auto}
body.reduce-motion .logo-marquee{-webkit-mask-image:none;mask-image:none}
body.reduce-motion .logo-rail ul{flex:1 1 100%;min-width:0;flex-wrap:wrap;gap:10px 0}
body.reduce-motion .logo-copy{display:none}