/* Portfolio-inspired blocks, scoped to Testimonials only. */
:is(body[data-page-route="/testimonials"], body[data-page-route="/"] .dt-home-testimonials) .dt-testimonial-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:24px;grid-auto-rows:auto}
:is(body[data-page-route="/testimonials"], body[data-page-route="/"] .dt-home-testimonials) .dt-testimonial{border:2px solid #00b0f0;border-radius:12px;padding:24px;display:flex;flex-direction:column;min-width:0;margin:0;overflow-wrap:anywhere;background:#000}
:is(body[data-page-route="/testimonials"], body[data-page-route="/"] .dt-home-testimonials) .dt-testimonial-author{padding-bottom:16px;border-bottom:2px solid #00b0f0;color:#fff}
:is(body[data-page-route="/testimonials"], body[data-page-route="/"] .dt-home-testimonials) .dt-testimonial-proof{margin:16px 0 0;align-items:center;gap:8px}
:is(body[data-page-route="/testimonials"], body[data-page-route="/"] .dt-home-testimonials) .dt-testimonial blockquote{margin:20px 0 0}
@media(max-width:1200px){:is(body[data-page-route="/testimonials"], body[data-page-route="/"] .dt-home-testimonials) .dt-testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){:is(body[data-page-route="/testimonials"], body[data-page-route="/"] .dt-home-testimonials) .dt-testimonial-grid{grid-template-columns:1fr}:is(body[data-page-route="/testimonials"], body[data-page-route="/"] .dt-home-testimonials) .dt-testimonial{padding:20px}}

/* Original white company marks, unchanged; empty slots reserve alignment only. */
:is(body[data-page-route="/testimonials"], body[data-page-route="/"] .dt-home-testimonials) .dt-testimonial-logo{height:84px;flex:0 0 84px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
:is(body[data-page-route="/testimonials"], body[data-page-route="/"] .dt-home-testimonials) .dt-testimonial-logo img{width:100%;max-width:286px;height:84px;object-fit:contain;object-position:center center}

/* Convert the supplied dark and coloured logo artwork to white on the card. */
:is(body[data-page-route="/testimonials"], body[data-page-route="/"] .dt-home-testimonials) .dt-testimonial-logo img[src$="testimonial-ipi-grammtech.png"]{filter:brightness(0) invert(1)}
:is(body[data-page-route="/testimonials"], body[data-page-route="/"] .dt-home-testimonials) .dt-testimonial-logo img[src$="testimonial-ouro.webp"]{filter:grayscale(1) brightness(1.8) contrast(1.4)}

/* Match the text sizing used by the Portfolio project cards. */
:is(body[data-page-route="/testimonials"], body[data-page-route="/"] .dt-home-testimonials) .dt-testimonial-author,
:is(body[data-page-route="/testimonials"], body[data-page-route="/"] .dt-home-testimonials) .dt-testimonial-proof,
:is(body[data-page-route="/testimonials"], body[data-page-route="/"] .dt-home-testimonials) .dt-testimonial blockquote{font-size:14px;line-height:18px}

/* Place the recommendation pen beside the author details. */
:is(body[data-page-route="/testimonials"], body[data-page-route="/"] .dt-home-testimonials) .dt-author-with-pen{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;min-height:90px}
:is(body[data-page-route="/testimonials"], body[data-page-route="/"] .dt-home-testimonials) .dt-author-with-pen span{min-width:0}
:is(body[data-page-route="/testimonials"], body[data-page-route="/"] .dt-home-testimonials) .dt-author-with-pen .dt-proof-pen{width:40px;height:40px;max-width:none;flex:0 0 40px;object-fit:contain}

/* Align the visible stars with the review label despite the artwork's padding. */
.dt-testimonial-proof .dt-proof-stars{transform:translate(-12px,-13px);clip-path:inset(30% 0 0 0)}