/* EXPERIENCES PAGE — extends base theme */
.hero-inner{
  position:relative; min-height:30vh; display:grid; place-items:center; overflow:hidden;
}
.hero-inner .hero-media{ position:absolute; inset:0; }
.hero-inner .hero-image{
  width:100%; height:100%; object-fit:cover; object-position:center;
  filter: saturate(.96) contrast(.98) brightness(.98);
}
.hero-inner .hero-overlay{ position:absolute; inset:0;
  background: radial-gradient(90% 80% at 50% 10%, rgba(250,248,243,.18), rgba(250,248,243,.88) 70%, var(--bg) 100%);
}
.hero-inner .hero-content{ position:relative; text-align:center; padding:56px 0; }

/* Breadcrumbs */
.breadcrumbs{ display:flex; gap:8px; align-items:center; font-size:14px; color:rgba(44,43,40,.7); margin:8px 0 0; }
.breadcrumbs a{ color:inherit; text-decoration:none; }
.breadcrumbs .sep{ opacity:.5; }

/* Anchor bar */
.anchor-bar{
  position:sticky; top:64px; z-index:900;
  background: rgba(250,248,243,.9); backdrop-filter: blur(6px);
  border-top:1px solid rgba(196,169,101,.25); border-bottom:1px solid rgba(196,169,101,.25);
}
.anchor-bar .container{ display:flex; gap:50px; overflow:auto; padding:10px 24px; }
.anchor-bar a{ white-space:nowrap; text-decoration:none; color:var(--text); font-weight:500; opacity:.85; }
.anchor-bar a:hover{ opacity:1; }

/* Cards */
.grid-3{ display:grid; gap:24px; grid-template-columns: repeat(3,1fr); }
@media (max-width: 980px){ .grid-3{ grid-template-columns: 1fr; } }

.card{
  border:1px solid rgba(196,169,101,.28); border-radius: var(--radius);
  background:#FFFEFB; box-shadow: var(--shadow); overflow:hidden;
  display:flex; flex-direction:column;
}
.card img{ width:100%; height: 220px; object-fit:cover; display:block; }
@media (max-width: 980px){ .card img{ height: 240px; } }
.card-body{ padding: 18px 18px 16px; display:flex; flex-direction:column; gap:10px; }
.card h3{ margin:0; font-size: 22px; }
.card p{ margin:0; color: rgba(44,43,40,.85); }
.card .meta{ font-size: 14px; color: rgba(44,43,40,.65); }
.card .actions{ margin-top: 10px; }
.tag-row{ display:flex; flex-wrap:wrap; gap:8px; margin-top:6px; }
.tag{ font-size:12px; border:1px solid rgba(196,169,101,.45); padding:4px 8px; border-radius:999px; color:rgba(44,43,40,.85); }