/* About Us page (page-about-us.php). Loads after catamaran-brokerage.css, which holds the shared .brk pieces. Scoped to .ab. */

/* hero: aerial of Harbour Towne Marina, boxed right and fading into navy */
.w54.ab .hero::before{background-image:url(/wp-content/uploads/2021/01/Harbour-Towne-Marina-in-fort-lauderdale-florida.jpg);background-position:50% 50%}
.w54.ab .fig-n{white-space:nowrap}
.ab .award p a,.ab .stack p:not(.lede) a{color:var(--accent-ink);font-weight:600}
.ab a[href^="tel:"]{white-space:nowrap}

/* team photo */
.ab .ab-team-photo{margin:0;border-radius:6px;overflow:hidden;position:relative}
.ab .ab-team-photo img{width:100%;height:auto}
.ab .ab-team-photo figcaption{position:absolute;left:14px;bottom:14px;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:rgba(10,18,24,.6);padding:5px 9px;border-radius:3px}
.ab .split-media img{aspect-ratio:auto}

/* milestones */
.ab .timeline{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 28px;border-top:1px solid var(--plate-line)}
@media (max-width:1000px){.ab .timeline{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ab .timeline{grid-template-columns:1fr}}
.ab .timeline li{margin:0;padding:20px 0 22px;border-bottom:1px solid var(--plate-line)}
.ab .tl-y{display:block;font-family:var(--f-display);font-stretch:125%;font-weight:700;font-size:30px;line-height:1;color:var(--accent);margin-bottom:10px}
.ab .timeline p{color:var(--plate-ink);font-size:15px;line-height:1.5;opacity:.9}

/* departments */
.ab .ab-depts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:40px}
@media (max-width:760px){.ab .ab-depts{grid-template-columns:1fr}}
.ab .ab-dept{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden;text-decoration:none;color:inherit;transition:border-color .2s ease,box-shadow .2s ease}
.ab .ab-dept:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.ab .ab-dept-img{aspect-ratio:533/280;overflow:hidden;background:var(--line)}
.ab .ab-dept-img img{width:100%;height:100%;object-fit:cover}
.ab .ab-dept-body{display:flex;flex-direction:column;gap:10px;padding:22px 24px 24px;flex:1}
.ab .ab-dept h3{font-size:24px}
.ab .ab-dept p{color:var(--muted);font-size:15.5px}
.ab .ab-dept .more{margin-top:auto}

/* partners: 7 cards, last row centred */
.ab .ab-partners{display:flex;flex-wrap:wrap;justify-content:center}
.ab .ab-partners .mate{flex:0 0 calc(25% - 15px);background:var(--bg)}
@media (max-width:900px){.ab .ab-partners .mate{flex-basis:calc(50% - 10px)}}

/* locations */
.ab .ab-locs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:40px}
@media (max-width:860px){.ab .ab-locs{grid-template-columns:1fr}}
.ab .ab-loc{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.ab .ab-loc-img{aspect-ratio:16/9;overflow:hidden;background:var(--line)}
.ab .ab-loc-img img{width:100%;height:100%;object-fit:cover}
.ab .ab-loc-body{display:flex;flex-direction:column;gap:12px;padding:22px 24px 26px}
.ab .ab-loc h3{font-size:22px}
.ab .ab-loc p{color:var(--muted);font-size:15.5px}
.ab .ab-loc .kit{margin-top:6px}
.ab .ab-loc .kit dd{font-weight:500;font-size:14.5px;line-height:1.45}

/* credentials on the navy plate */
.ab .ab-creds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 28px}
@media (max-width:860px){.ab .ab-creds{grid-template-columns:1fr}}

/* testimonials (same as Sell With Us) */
.ab .quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
@media (max-width:860px){.ab .quotes{grid-template-columns:1fr}}
.ab .quote{margin:0;display:flex;flex-direction:column;gap:14px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:6px;padding:26px 26px 24px}
.ab .quote blockquote{margin:0;padding:0;border:0}
.ab .quote blockquote p{font-family:var(--f-display);font-stretch:112%;font-weight:650;font-size:21px;line-height:1.3;color:var(--ink)}
.ab .quote blockquote p::before{content:"\201C"}
.ab .quote blockquote p::after{content:"\201D"}
.ab .quote figcaption{color:var(--muted);font-size:14.5px;line-height:1.5}
.ab .quote .more{margin-top:auto;text-decoration:none}

.ab .ab-form{background:var(--bg);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:6px;padding:clamp(20px,3vw,32px)}

/* team cards: wide group photos */
.ab .ab-dept-img{aspect-ratio:1210/420}
.ab .ab-dept-img img{object-position:50% 0}
/* single location: photo beside details */
.ab .ab-locs.one{grid-template-columns:1fr}
.ab .ab-locs.one .ab-loc{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.ab .ab-locs.one .ab-loc-img{aspect-ratio:auto;min-height:100%}
.ab .ab-locs.one .ab-loc-body{padding:28px 30px 30px;justify-content:center}
@media (max-width:860px){.ab .ab-locs.one .ab-loc{grid-template-columns:1fr}.ab .ab-locs.one .ab-loc-img{aspect-ratio:16/9}}