/* ==========================================================================
   Placements Adda – About Us supplement (loaded together with pa-home.css)
   Only the few blocks that do not exist on the landing page.
   ========================================================================== */
.pa-home .pa-ab-hero .pa-hero__grid { align-items: center; }
.pa-home .pa-ab-hero .pa-crumbs {
  display: inline-flex; align-items: center; gap: .6rem; margin-top: 1.6rem; padding: .5rem 1.1rem; border-radius: 999px; font-size: .88rem;
  background: var(--pa-glass); border: 1px solid var(--pa-glass-border); backdrop-filter: blur(10px);
}
.pa-home .pa-crumbs a { color: var(--pa-orange-soft); font-weight: 600; }
.pa-home .pa-crumbs i { font-size: .62rem; color: rgba(255, 255, 255, .5); }
.pa-home .pa-crumbs span { color: rgba(255, 255, 255, .85); }
.pa-home .pa-ab-hero .pa-hero__visual img { object-fit: cover; aspect-ratio: 1 / 1; }

/* about-us story: keep landing look, allow a 2nd paragraph + points */
.pa-home .pa-ab-story .pa-about__text p + p { margin-top: 1rem; }
.pa-home .pa-ab-story .pa-about__lead { font-size: 1.04rem; }

/* vision & mission */
.pa-home.pa-ab-page { background: var(--pa-light); }
.pa-home .pa-vm { background: #fff; overflow: hidden; isolation: isolate; }
.pa-home .pa-vm__glow { position: absolute; z-index: -1; width: 520px; height: 520px; right: -160px; top: -120px; border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 122, 0, .16), transparent 65%); animation: pa-float 9s ease-in-out infinite; }
.pa-home .pa-vm__grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 4rem; align-items: center; }
.pa-home .pa-vm__img { position: relative; padding: 1.4rem; border-radius: 32px; background: var(--pa-light); border: 1px solid rgba(15, 23, 42, .06); box-shadow: 0 40px 80px -36px rgba(15, 23, 42, .35); }
.pa-home .pa-vm__img::before { content: ''; position: absolute; inset: -14px 14px 14px -14px; z-index: -1; border-radius: 34px; background: var(--pa-grad); opacity: .2; transform: rotate(-3deg); }
.pa-home .pa-vm__img img { display: block; width: 100%; height: auto; border-radius: 20px; animation: pa-float 8s ease-in-out infinite; }
.pa-home .pa-vm__sub { margin-top: 1rem !important; color: var(--pa-orange); font-weight: 600; }
.pa-home .pa-vm__list { list-style: none; margin: 1.8rem 0 0; padding: 0; display: grid; gap: 1rem; }
.pa-home .pa-vm__list li {
  position: relative; display: flex; gap: 1rem; align-items: flex-start; padding: 1.2rem 1.3rem; border-radius: 18px; background: var(--pa-light); overflow: hidden;
  border: 1px solid rgba(15, 23, 42, .06); box-shadow: 0 20px 40px -28px rgba(15, 23, 42, .3);
  color: var(--pa-muted); font-size: .98rem; line-height: 1.65;
  transition: transform .35s ease, box-shadow .35s ease, border-color .3s ease;
}
.pa-home .pa-vm__list li::after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--pa-grad); transform: scaleY(0); transform-origin: top; transition: transform .45s ease; }
.pa-home .pa-vm__list li:hover { transform: translateX(8px); border-color: rgba(255, 122, 0, .4); box-shadow: 0 30px 50px -26px rgba(255, 122, 0, .45); }
.pa-home .pa-vm__list li:hover::after { transform: scaleY(1); }
.pa-home .pa-vm__list i { flex: none; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; margin-top: 1px; font-size: .75rem; color: #fff; background: var(--pa-grad); box-shadow: 0 8px 16px -6px rgba(255, 122, 0, .6); transition: transform .4s ease; }
.pa-home .pa-vm__list li:hover i { transform: rotate(-10deg) scale(1.12); }

/* closing call-to-action reuses .pa-call, centred (no form) */
.pa-home .pa-ab-cta .pa-call__grid { grid-template-columns: 1fr; text-align: center; }
.pa-home .pa-ab-cta .pa-call__info p { max-width: 620px; margin-inline: auto; }
.pa-home .pa-ab-cta .pa-call__points { justify-items: center; }
.pa-home .pa-ab-cta .pa-hero__cta { justify-content: center; }

@media (max-width: 991px) {
  .pa-home .pa-vm__grid { grid-template-columns: 1fr; gap: 2.6rem; }
  .pa-home .pa-vm__img { max-width: 460px; margin-inline: auto; }
}
@media (prefers-reduced-motion: reduce) {
  .pa-home .pa-vm__glow, .pa-home .pa-vm__img img { animation: none; }
}

/* ---------- training-journey infographic (About page) ---------- */
.pa-home .pa-info {
  position: relative; width: 100%; max-width: 520px; aspect-ratio: 1 / 1; margin-inline: auto; border-radius: 36px;
  background: radial-gradient(circle at 50% 50%, rgba(255, 122, 0, .16), transparent 55%), linear-gradient(160deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
  border: 1px solid var(--pa-glass-border); box-shadow: 0 50px 90px -40px rgba(0, 0, 0, .7); backdrop-filter: blur(8px);
}
.pa-home .pa-info__ring { position: absolute; inset: 0; width: 100%; height: 100%; }
.pa-home .pa-info__ring circle { fill: none; stroke-linecap: round; transform-origin: 200px 200px; }
.pa-home .pa-info__ring .r1 { stroke: rgba(255, 162, 77, .55); stroke-width: 1.5; stroke-dasharray: 3 9; animation: pa-spin 40s linear infinite; }
.pa-home .pa-info__ring .r2 { stroke: rgba(160, 140, 255, .5); stroke-width: 1.5; stroke-dasharray: 60 14; animation: pa-spin 28s linear infinite reverse; }
@keyframes pa-spin { to { transform: rotate(360deg); } }
.pa-home .pa-info__pulse { position: absolute; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; border: 2px solid rgba(255, 122, 0, .5); animation: pa-info-pulse 3s ease-out infinite; }
@keyframes pa-info-pulse { from { transform: scale(.8); opacity: .9; } to { transform: scale(1.9); opacity: 0; } }
.pa-home .pa-info__hub {
  position: absolute; left: 50%; top: 50%; width: 36%; aspect-ratio: 1; transform: translate(-50%, -50%); border-radius: 50%;
  display: grid; place-content: center; justify-items: center; gap: .3rem; text-align: center; background: #fff;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, .08), 0 24px 50px -16px rgba(255, 122, 0, .55);
}
.pa-home .pa-info__hub img { width: 70%; height: auto; }
.pa-home .pa-info__hub small { font: 700 .62rem 'Inter', sans-serif; letter-spacing: .08em; text-transform: uppercase; color: var(--pa-orange); }
.pa-home .pa-info__node {
  position: absolute; width: 38%; padding: .85rem .9rem .8rem; border-radius: 18px; color: #fff; overflow: hidden;
  background: rgba(15, 20, 55, .78); backdrop-filter: blur(12px); border: 1px solid var(--pa-glass-border);
  box-shadow: 0 22px 44px -16px rgba(0, 0, 0, .65); animation: pa-float 7s ease-in-out infinite; transition: border-color .3s, box-shadow .3s;
}
.pa-home .pa-info__node:hover { border-color: rgba(255, 122, 0, .7); box-shadow: 0 26px 50px -14px rgba(255, 122, 0, .5); }
.pa-home .pa-info__node i { display: grid; place-items: center; width: 34px; height: 34px; margin-bottom: .5rem; border-radius: 10px; font-size: .9rem; background: var(--pa-grad); }
.pa-home .pa-info__node strong { display: block; font: 700 .98rem 'Outfit', sans-serif; }
.pa-home .pa-info__node small { display: block; font-size: .72rem; line-height: 1.35; color: rgba(255, 255, 255, .62); }
.pa-home .pa-info__node em { position: absolute; right: .7rem; top: .35rem; font: 800 1.5rem 'Outfit', sans-serif; font-style: normal; color: transparent; -webkit-text-stroke: 1px rgba(255, 255, 255, .25); }
.pa-home .pa-info__node--1 { left: 4%; top: 6%; }
.pa-home .pa-info__node--2 { right: 4%; top: 12%; animation-delay: -1.5s; }
.pa-home .pa-info__node--3 { left: 4%; bottom: 12%; animation-delay: -3s; }
.pa-home .pa-info__node--4 { right: 4%; bottom: 6%; animation-delay: -4.5s; }
@media (max-width: 520px) {
  .pa-home .pa-info__node { padding: .6rem .65rem; }
  .pa-home .pa-info__node small { display: none; }
  .pa-home .pa-info__node i { width: 28px; height: 28px; margin-bottom: .3rem; }
}
@media (prefers-reduced-motion: reduce) {
  .pa-home .pa-info__ring circle, .pa-home .pa-info__pulse, .pa-home .pa-info__node { animation: none; }
}