/* ==========================================================================
   MVR Public Relations — global experience additions.

   Scoped to .ge- prefixed classes only: the homepage "PR from Manila, with
   global experience" section, and the Seedstars case study's #experience-index
   archive. Uses only existing design tokens from styles.css (--red, --red-ink,
   --ink, --ivory, --paper, --rule, --gutter, --maxw, --ease, --section-pad).
   No generic class overrides.
   ========================================================================== */

/* ---- Homepage: "PR from Manila, with global experience" ---- */
.ge-section{padding:var(--section-pad) 0;background:var(--paper);border-top:1px solid var(--rule)}

.ge-mark{
  display:flex;align-items:center;justify-content:center;
  background:var(--ink);padding:clamp(28px,4vw,44px) var(--gutter);
  margin:44px 0;
}
.ge-mark img{width:clamp(140px,18vw,220px);height:auto}

.ge-grid{
  display:grid;grid-template-columns:repeat(2,1fr);
  border-top:1px solid var(--ink);
}
.ge-row{
  display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  padding:20px 22px;border-bottom:1px solid var(--rule);
  transition:background .2s var(--ease),padding-left .2s var(--ease);
}
.ge-row:nth-child(odd){border-right:1px solid var(--rule)}
.ge-row:hover{background:linear-gradient(90deg,rgba(192,57,47,.05) 0%,transparent 60%);padding-left:30px}
.ge-org-wrap{display:flex;align-items:center;gap:10px;min-width:0}
.ge-org{font-size:16px;font-weight:800;letter-spacing:-.01em;color:var(--ink)}
.ge-role{font-size:13px;font-weight:600;color:var(--ink-50);text-align:right;white-space:nowrap}
.ge-row:hover .ge-org{color:var(--red-ink)}
.ge-row-icon{flex:none;width:28px;height:28px;object-fit:contain;background:var(--paper);border:1px solid var(--rule);border-radius:4px;padding:3px}
@media (max-width:760px){
  .ge-grid{grid-template-columns:1fr}
  .ge-row:nth-child(odd){border-right:0}
  .ge-row{padding:16px 4px}
  .ge-role{text-align:left;white-space:normal}
}
@media (prefers-reduced-motion:reduce){.ge-row{transition:none}.ge-row:hover{padding-left:22px}}

.ge-note{
  margin:32px 0 0;padding-top:20px;border-top:1px solid var(--rule);
  font-size:14px;line-height:1.6;color:var(--ink-50);max-width:70ch;
}
.ge-note a{color:var(--red-ink);font-weight:700}
.ge-note a:hover{color:var(--ink)}

/* ---- Seedstars case study: the full 27-record archive ---- */
.ge-index{padding:var(--section-pad) 0;background:var(--ivory);border-top:1px solid var(--rule)}
.ge-index .sec-head p{max-width:62ch}

.ge-jump{
  display:flex;flex-wrap:wrap;gap:10px 14px;margin:0 0 40px;
  padding:20px 0;border-bottom:1px solid var(--rule);
}
.ge-jump a{
  font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--red-ink);padding:8px 14px;border:1px solid var(--rule);border-radius:2px;
  transition:border-color .2s,color .2s;
}
.ge-jump a:hover{border-color:var(--red-ink);color:var(--ink)}

.ge-category{margin:0 0 clamp(48px,6vw,72px)}
.ge-category:last-child{margin-bottom:0}
.ge-category h3{
  font-size:clamp(20px,2.2vw,28px);font-weight:800;letter-spacing:-.015em;
  margin:0 0 8px;padding-top:8px;scroll-margin-top:96px;
}
.ge-list{border-top:1px solid var(--ink)}
.ge-entry{
  display:block;padding:22px 0;border-bottom:1px solid var(--rule);
  scroll-margin-top:96px;
}
.ge-entry h4{font-size:17px;font-weight:800;letter-spacing:-.01em;margin:0 0 6px}
.ge-entry-head{display:flex;align-items:center;gap:14px;margin-bottom:6px}
.ge-entry-head h4{margin:0}
.ge-logo{flex:none;display:block;object-fit:contain;background:var(--paper);border:1px solid var(--rule);border-radius:4px}
.ge-logo-remitee{width:40px;height:40px;padding:6px}
.ge-logo-logshare{width:130px;height:auto;padding:8px 10px}
@media (max-width:480px){.ge-logo-logshare{width:110px}}
.ge-meta{
  font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink-50);margin:0 0 8px;
}
.ge-entry p{font-size:15px;color:var(--ink-70);line-height:1.55;margin:0 0 8px}
.ge-src{font-size:13px;font-weight:700;color:var(--red-ink)}
.ge-src:hover{color:var(--ink)}
.ge-src .ext{font-size:11px}

@media (max-width:560px){
  .ge-jump{gap:8px}
  .ge-jump a{padding:7px 12px;font-size:11px}
}