/* Testimonials page (page-testimonials.php). Loads after catamaran-brokerage.css. Scoped to .tm. */

/* hero: the six newest testimonial photos as a mosaic on the right, fading into navy */
.w54.tm .hero{background:#141a3c;min-height:min(680px,82vh)}
.w54.tm .hero::before{display:none}
.tm .tm-hero-photos{position:absolute;top:0;bottom:0;right:0;width:62%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:4px;z-index:-2;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%);mask-image:linear-gradient(90deg,transparent 0,#000 34%)}
.tm .tm-hero-photos figure{margin:0;overflow:hidden}
.tm .tm-hero-photos img{width:100%;height:100%;object-fit:cover}
@media (max-width:760px){.tm .tm-hero-photos{width:100%;-webkit-mask-image:none;mask-image:none}.w54.tm .hero::after{background:linear-gradient(0deg,rgba(18,20,56,.94) 0%,rgba(18,20,56,.75) 55%,rgba(18,20,56,.45) 100%)}.w54.tm .hero .wrap{padding-top:120px}.w54.tm .hero h1{font-size:12vw}}
.w54.tm .fig-n{white-space:nowrap}

/* latest testimonial */
.tm .tm-feature .split-media{display:block;border-radius:4px;overflow:hidden}
.tm .tm-feature .split-media img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .6s ease}
.tm .tm-feature .split-media:hover img{transform:scale(1.03)}
.tm .tm-big{margin:0;padding:0 0 0 22px;border-left:4px solid var(--accent)}
.tm .tm-big p{font-family:var(--f-display);font-stretch:112%;font-weight:700;font-size:clamp(24px,2.6vw,32px);line-height:1.2;color:var(--ink)}
.tm .tm-big p::before{content:"\201C"}
.tm .tm-big p::after{content:"\201D"}
.tm .tm-feature .stack>p:not(.eyebrow):not(.tm-who){color:var(--muted);font-size:16px}
.tm .tm-who{font-family:var(--f-mono);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink)}
.tm .more{font:600 15px/1.3 var(--f-body);color:var(--accent-ink);text-decoration:none}
.tm .more span{border-bottom:2px solid var(--accent)}

/* filters */
.tm .tm-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
.tm .tm-chip{font:600 14px/1 var(--f-body);color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:999px;padding:11px 16px;cursor:pointer;display:inline-flex;gap:8px;align-items:center}
.tm .tm-chip span{font-family:var(--f-mono);font-size:12px;font-weight:500;color:var(--muted)}
.tm .tm-chip:hover{border-color:var(--accent-ink)}
.tm .tm-chip[aria-pressed="true"]{background:var(--plate);border-color:var(--plate);color:var(--plate-ink)}
.tm .tm-chip[aria-pressed="true"] span{color:var(--accent)}
.tm .tm-chip-b{background:var(--surface)}
.tm .tm-count{font-family:var(--f-mono);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:22px;min-height:1.4em}

/* testimonial cards */
.tm .tm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:18px}
@media (max-width:960px){.tm .tm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.tm .tm-grid{grid-template-columns:1fr}}
.tm .tm-card{display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line);border-radius:6px;overflow:hidden;text-decoration:none;color:inherit;transition:border-color .2s ease,box-shadow .2s ease}
.tm .tm-card[hidden]{display:none}
.tm .tm-card:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.tm .tm-img{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--line)}
.tm .tm-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.tm .tm-card:hover .tm-img img{transform:scale(1.03)}
.tm .tm-kind{position:absolute;left:12px;top:12px;font:700 11px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;background:var(--accent);color:var(--accent-ink);padding:6px 10px;border-radius:999px}
.tm .tm-body{display:flex;flex-direction:column;gap:12px;padding:20px 22px 20px;flex:1;border-left:4px solid var(--accent)}
.tm .tm-q{font-family:var(--f-display);font-stretch:110%;font-weight:650;font-size:18px;line-height:1.3;color:var(--ink);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.tm .tm-q::before{content:"\201C"}
.tm .tm-q::after{content:"\201D"}
.tm .tm-meta{font-size:14px;color:var(--muted);line-height:1.45}
.tm .tm-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.tm .tm-date{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.tm .tm-read{font:600 14px/1 var(--f-body);color:var(--accent-ink)}
.tm .tm-more-wrap{display:flex;justify-content:center;margin-top:44px}
.tm .tm-more[hidden]{display:none}

/* band + team */
.w54.tm .band::before{background-image:url(/wp-content/uploads/2021/01/Harbour-Towne-Marina-in-fort-lauderdale-florida.jpg);background-position:center 50%}
.tm .team .mate{background:var(--surface)}
.tm #share .contact-lines{margin-top:8px}
.tm .jc-form-msg{margin-top:16px;padding:12px 16px;border-radius:4px;font-size:15px}
.w54.tm .hero h1{font-size:clamp(52px,7.4vw,112px)}
@media (max-width:760px){.w54.tm .hero h1{font-size:12vw}}
@media (max-width:520px){.w54.tm .figures .fig-n{font-size:24px}}