/* ===== Scope: #hh-inline-founder ===== */
#hh-inline-founder{
  --ink:#0f172a; --ink-strong:#0b1220; --muted:#475569; --muted-strong:#334155;
  --panel:#ffffff; --border:rgba(2,6,23,.06);
  --shadow:0 24px 60px rgba(2,6,23,.08), 0 2px 10px rgba(2,6,23,.05);
  --radius:32px; --ring:rgba(59,130,246,.45);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:var(--ink);
}

/* Card */
#hh-inline-founder .hh-founder{
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:clamp(20px,4vw,40px);
  box-shadow:var(--shadow);
  max-width:1100px;
  margin:0 auto;
}

/* Grid */
#hh-inline-founder .founder-grid{
  display:grid; align-items:center;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "image text";
  gap:clamp(20px,4vw,48px);
}
#hh-inline-founder .founder-left{ grid-area:image; text-align:center; }
#hh-inline-founder .founder-right{ grid-area:text; } /* Desktop: wie gehabt, NICHT zentriert */

/* Bild */
#hh-inline-founder .founder-photo{
  display:block; width:100%; max-width:360px; aspect-ratio: 4 / 5;
  object-fit:cover; margin:0 auto; border-radius:28px;
  box-shadow:0 16px 34px rgba(0,0,0,.12); background:#f8fafc;
}

#hh-inline-founder .founder-meta{ margin-top:14px; }
#hh-inline-founder .founder-name{ margin:0; font-weight:800; font-size:18px; color:var(--ink-strong); }
#hh-inline-founder .founder-role{ margin:6px 0 0; color:var(--muted); }

#hh-inline-founder .founder-socials{
  display:flex; gap:16px; justify-content:center; align-items:center; margin-top:10px;
}
#hh-inline-founder .founder-socials a{ color:var(--ink); font-size:20px; text-decoration:none; }
#hh-inline-founder .founder-socials a:hover{ opacity:.85; }

/* Typo rechts */
#hh-inline-founder .founder-title{
  font-size:clamp(26px,3.6vw,40px);
  font-weight:800; line-height:1.2; letter-spacing:-.02em;
  margin:0 0 16px; color:var(--ink-strong); text-wrap:balance;
}
#hh-inline-founder .founder-lead{
  margin:0 0 14px; color:var(--muted-strong); font-weight:700;
  line-height:1.55; max-width:62ch;
}
#hh-inline-founder .founder-text{
  margin:0 0 16px; color:var(--muted); line-height:1.7; max-width:62ch;
}

/* ===== Benefits ===== */
#hh-inline-founder .founder-benefits{ list-style:none; padding-left:0; margin:8px 0 0; }
#hh-inline-founder .founder-benefits li{
  margin:6px 0; line-height:1.45; font-size:clamp(13.5px,1.6vw,15px);
}
#hh-inline-founder .founder-benefits .emoji{
  font-size:16px; margin:0 .45em 0 0; vertical-align:-1px;
}
#hh-inline-founder .founder-benefits li strong{ font-weight:700; }

/* ===== Mobile-Only Polish (<= 768px) ===== */
@media (max-width: 768px){
  #hh-inline-founder .founder-grid{
    grid-template-columns: 1fr;
    grid-template-areas:
      "text"
      "image";
    gap:18px;
  }

  /* wie im Screenshot: zentriert & kompakter */
  #hh-inline-founder .founder-right{ text-align:center; margin-inline:auto; max-width:62ch; }
  #hh-inline-founder .founder-title{ font-size: clamp(22px, 6vw, 28px); margin-bottom: 8px; }
  #hh-inline-founder .founder-lead{ font-size: clamp(14.5px, 4.3vw, 16px); line-height: 1.55; margin-bottom: 10px; }
  #hh-inline-founder .founder-text{ font-size: 15px; line-height: 1.6; margin-bottom: 8px; }

  #hh-inline-founder .hh-founder{
    padding: 22px max(16px, env(safe-area-inset-left)) 26px max(16px, env(safe-area-inset-right));
    border-radius: 28px;
  }
  #hh-inline-founder .founder-photo{ max-width:66vw; border-radius:20px; box-shadow:0 12px 28px rgba(2,6,23,.10); }
  #hh-inline-founder .founder-socials{ gap:12px; }
  #hh-inline-founder .founder-socials .sbtn{
    inline-size:44px; block-size:44px; display:inline-flex; align-items:center; justify-content:center;
    border-radius:12px; border:1px solid rgba(2,6,23,.08);
    background:#fff; box-shadow:0 6px 14px rgba(2,6,23,.08);
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease; color: var(--ink);
  }
  #hh-inline-founder .founder-socials .sbtn i{ font-size:18px; }
  #hh-inline-founder .founder-socials .sbtn:active{ transform: translateY(1px); }

  /* Button nur mobil sichtbar */
  .founder-more-btn{
    display:inline-block; margin: 4px auto 8px; padding: 8px 12px;
    font-weight:700; font-size:14px; line-height:1;
    border-radius:10px; border:1px solid rgba(2,6,23,.10);
    background:#fff; color:#0f172a;
    box-shadow:0 6px 14px rgba(2,6,23,.08);
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
  }
  .founder-more-btn:active{ transform:translateY(1px); }

  /* Collapsible nur mobil geschlossen */
  .founder-more{
    max-height:0; opacity:0; overflow:hidden;
    transition:max-height .35s ease, opacity .25s ease;
  }
  .founder-more.is-open{ max-height:800px; opacity:1; }
}

/* Desktop: Button ausblenden / Bereich offen (wie gehabt) */
@media (min-width: 769px){
  .founder-more-btn{ display:none; }
  .founder-more{ max-height:none; opacity:1; overflow:visible; transition:none; }
}

/* Emoji Hover Boost */
#hh-inline-founder .f-emoji{ display:inline-block; line-height:1; transition: transform 300ms ease, filter 300ms ease; }
@media (hover:hover) and (pointer:fine){
  #hh-inline-founder .hh-founder:hover .f-emoji,
  #hh-inline-founder .hh-founder:focus-within .f-emoji,
  #hh-inline-founder .hh-founder:hover .founder-title span[aria-hidden="true"],
  #hh-inline-founder .hh-founder:hover .founder-benefits .emoji{
    transform: scale(1.2) !important;
    filter: drop-shadow(0 2px 4px rgba(14,165,233,.30)) !important;
  }
}

/* Betrag leicht hervorheben */
#hh-inline-founder .founder-lead .hh-amount{ font-weight:800; color:#0b1220; }