/* IanTeam 2.3.1 — resilient premium poster showcase. 29/29 cards, no external image services.
   Two visual layers use the SAME local poster; network/cache downloads are not duplicated.
   The soft ambient layer replaces the former empty square; the foreground never crops text. */
.experience-card{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);min-height:476px}
.experience-card .exp-visual-poster{
  isolation:isolate;position:relative;display:block;overflow:hidden;min-height:476px;
  background:linear-gradient(135deg,#182033,#0c1120);
  border:0;box-shadow:none;
}
.experience-card .exp-visual-poster::before{content:none!important;display:none!important}
.experience-card .exp-visual-poster::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:3;
  background:linear-gradient(180deg,rgba(8,12,20,.30),transparent 17%,transparent 68%,rgba(7,11,20,.70) 100%);
}
.experience-card .exp-poster-stage{
  position:absolute;inset:0;overflow:hidden;isolation:isolate;
  display:grid;place-items:center;min-width:0;min-height:0;
}
.experience-card .exp-poster-backdrop{
  display:block;position:absolute;inset:-40px;width:calc(100% + 80px);height:calc(100% + 80px);
  object-fit:cover;object-position:center center;
  filter:blur(27px) brightness(.56) saturate(.85);transform:scale(1.08);
  opacity:.98;z-index:0;pointer-events:none;
}
.experience-card .exp-poster-stage::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(255,255,255,.05),rgba(6,10,17,.12) 78%);
}
.experience-card .exp-poster-photo{
  display:block;position:relative;inset:auto;top:auto;left:auto;right:auto;
  z-index:2;width:calc(100% - 26px);height:calc(100% - 26px);
  max-width:100%;max-height:100%;margin:0;padding:0;border:0;outline:0;
  object-fit:contain;object-position:center;
  transform:none;filter:saturate(1.02) contrast(1.015);
  box-shadow:none;
}
.experience-card .exp-poster-photo[hidden]{display:none}
.experience-card .exp-poster-fallback{
  position:absolute;inset:18px;z-index:2;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;
  text-align:center;direction:rtl;color:#e5d2b5;padding:25px;
  border:1px solid rgba(201,174,128,.27);
  background:radial-gradient(ellipse at center,rgba(86,67,108,.18),transparent 75%),#161a28;
  opacity:0;pointer-events:none;
}
.experience-card .is-poster-missing .exp-poster-stage{display:none}
.experience-card .is-poster-missing .exp-poster-fallback{opacity:1}
.exp-poster-fallback>span{font:11px Georgia,serif;letter-spacing:.17em;color:#c7ae83}
.exp-poster-fallback>strong{font-size:clamp(20px,2.1vw,30px);font-weight:500;line-height:1.6}
.exp-poster-fallback>small{font:14px Georgia,serif;color:#d5b987;direction:ltr}
.exp-poster-fallback>i{font:38px Georgia,serif;color:#c7ae83;font-style:normal}
.exp-poster-fallback>p{margin:0;color:#a7a6b2;font-size:10px}
.experience-card .exp-visual-top{z-index:4;top:15px;right:18px;font-size:8px;letter-spacing:1.5px}
.experience-card .exp-visual-no{z-index:4;top:10px;left:18px;font-size:17px}
.experience-card .exp-visual-label{z-index:4;right:22px;bottom:14px;font-size:10px;letter-spacing:1.5px}
.experience-card .exp-info{padding-block:42px}
@media(max-width:880px){.experience-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.experience-card .exp-visual-poster{min-height:420px}.experience-card .exp-info{padding:33px 25px}}
@media(max-width:640px){.experience-card{display:flex;flex-direction:column;min-height:0}.experience-card .exp-visual-poster{min-height:0;height:380px;flex:none}.experience-card .exp-info{padding:29px 24px 77px}}
@media(max-width:390px){.experience-card .exp-visual-poster{height:325px}.experience-card .exp-poster-fallback{inset:12px}}
@media(prefers-reduced-motion:reduce){.experience-card .exp-poster-backdrop{transform:none}}