/* ==========================================================================
   WAVE 205 - /about/: die leeren Trust-Kacheln bekommen Substanz.
   Vier kleine Karten statt vier leerer Pillen.
   ========================================================================== */

.trust-link-row--cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.trust-link-row--cards a {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: .35rem;
  padding: 1.05rem 1.15rem 1.15rem !important;
  border: 1px solid rgba(226, 237, 252, .16) !important;
  background: rgba(6, 14, 26, .6) !important;
  text-decoration: none;
  transition: border-color .25s ease, background .25s ease;
}

.trust-link-row--cards a b {
  display: block;
  margin-bottom: .4rem;
  color: #f6f1e7;
  font-size: .95rem;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.trust-link-row--cards a span {
  display: block;
  color: rgba(246, 241, 231, .58);
  font-size: .85rem;
  line-height: 1.5;
}

.trust-link-row--cards a:hover,
.trust-link-row--cards a:focus-visible {
  border-color: rgba(216, 172, 92, .6);
  background: rgba(216, 172, 92, .05);
}

.trust-link-row--cards a:hover b,
.trust-link-row--cards a:focus-visible b { color: #d8ac5c; }

@media (max-width: 980px) {
  .trust-link-row--cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .trust-link-row--cards { grid-template-columns: 1fr; }
}

/* w442: unter 921px stapelt das Hero-Raster und die Portraitkachel wird breit und flach. Die Komposit-Grafik (Portraet + englisches Textpanel) schnitt dort den Text an; hier zeigt die Kachel das reine Portraet. */
@media (max-width:920px){
  body.ka-page.about-page .about-layout .about-portrait{background:linear-gradient(180deg,rgba(3,9,18,0),rgba(3,9,18,.14)),url(/assets/profile-dario-boardroom.jpg) center 8%/cover no-repeat,var(--panel-soft);min-height:min(120vw,560px)}
}

/* w443: Stationen 2002 bis heute. 22 Stationen, zwei Spalten ab 861px (11 je Spalte), gold markierte Gegenwart (KULIC Advisory), Jahr in Mono. */
.ka-w443__liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(11,auto);grid-auto-flow:column;gap:10px 22px}
.ka-w443__stufe{display:grid;grid-template-columns:104px minmax(0,1fr);column-gap:16px;row-gap:3px;align-items:start;padding:13px 14px 13px 0;border-top:1px solid rgba(247,244,234,.13)}
.ka-w443__stufe time{grid-row:1/3;font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-size:.72rem;font-weight:700;letter-spacing:.1em;line-height:1.5;color:var(--gold-soft,#d8ac5c);padding-top:3px;white-space:nowrap}
.ka-w443__stufe strong{color:var(--ink,#f6f1e7);font-size:clamp(.98rem,1.1vw,1.1rem);line-height:1.25}
.ka-w443__stufe span{color:rgba(232,238,245,.72);font-size:.9rem;line-height:1.5}
.ka-w443__stufe.is-kulic{border-top-color:rgba(216,172,92,.6);background:linear-gradient(90deg,rgba(216,172,92,.1),transparent 70%);padding-left:14px;margin-left:-14px}
.ka-w443__stufe.is-kulic strong{color:var(--gold-soft,#d8ac5c)}
@media (max-width:860px){.ka-w443__liste{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row;gap:0}.ka-w443__stufe{grid-template-columns:92px minmax(0,1fr)}.ka-w443__stufe time{font-size:.68rem}}