/* Patch homepage: profil direktur & foto aktivitas proyek.
   Scoped agar tidak mengganggu halaman admin, proyek, dan komponen lain. */
.hero-card--project{padding:14px 14px 22px;overflow:hidden}
.hero-card--project .hero-project-media{position:relative;height:322px;overflow:hidden;border-radius:22px;background:#dcebf3}
.hero-card--project .hero-project-media>img{display:block;width:100%;height:100%;max-width:none;margin:0;object-fit:cover;object-position:center 41%}
.hero-card--project .hero-project-media:after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(180deg,transparent,rgba(2,29,51,.4));pointer-events:none}
.hero-card--project .hero-project-label{position:absolute;z-index:1;right:13px;bottom:17px;background:rgba(6,59,102,.9);color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.025em;line-height:1.35;padding:10px 13px;border:1px solid rgba(255,255,255,.2);border-radius:999px;box-shadow:0 4px 20px rgba(0,0,0,.15)}
.hero-card--project .hero-project-logo{position:absolute;z-index:1;left:16px;bottom:16px;width:72px;height:72px;display:grid;place-items:center;padding:8px;background:#fff;border-radius:17px;box-shadow:0 6px 20px rgba(0,0,0,.18)}
.hero-card--project .hero-project-logo img{display:block;width:100%;max-width:none;height:100%;margin:0;object-fit:contain}
.hero-card--project .hero-points{padding:0 6px;gap:9px;margin-top:16px}
.hero-card--project .hero-points div{font-size:.88rem;padding:11px 12px}
/* Director section */
.leadership{position:relative;padding:0 0 90px;background:#fff;scroll-margin-top:115px}
.leadership-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);min-height:440px;overflow:hidden;isolation:isolate;border-radius:30px;background:linear-gradient(130deg,#063b66 0%,#052b4b 100%);box-shadow:0 22px 55px rgba(6,59,102,.16)}
.leadership-photo{position:relative;min-width:0;min-height:440px;background:#bbd4de;overflow:hidden}
.leadership-photo img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center 28%}
.leadership-content{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:52px clamp(30px,5vw,70px);color:#fff}
.leadership-content:after{content:"";position:absolute;z-index:-1;right:-90px;bottom:-160px;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,rgba(11,120,184,.35),transparent 70%);pointer-events:none}
.leadership-kicker{font-size:.78rem;letter-spacing:.14em;font-weight:850;text-transform:uppercase;color:#f7bd1f;margin-bottom:12px}
.leadership-content h2{font-size:clamp(2rem,3vw,2.65rem);line-height:1.16;letter-spacing:-.025em;margin:0 0 27px;color:#fff}
.leadership-accent{height:4px;width:55px;border-radius:99px;background:#f7bd1f;margin-bottom:27px}
.leadership-content h3{font-size:clamp(1.7rem,2.6vw,2.2rem);line-height:1.2;letter-spacing:-.02em;margin:0 0 8px;color:#fff}
.leadership-role{margin:0 0 20px;color:#ffdc7b;font-weight:800;font-size:1rem;letter-spacing:.03em}
.leadership-description{max-width:45ch;margin:0;color:#dbe9f3;line-height:1.8;font-size:1rem}
@media(max-width:900px){.leadership-card{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.leadership-content{padding:42px 30px}.leadership-photo{min-height:420px}}
@media(max-width:700px){.hero-card--project{max-width:540px;margin:0 auto}.hero-card--project .hero-project-media{height:350px}.leadership{padding-bottom:64px}.leadership-card{display:flex;flex-direction:column;max-width:540px;margin:0 auto;border-radius:24px}.leadership-photo{height:390px;min-height:0}.leadership-photo img{object-position:center 23%}.leadership-content{padding:36px 28px 42px}.leadership-content h2{margin-bottom:19px}.leadership-accent{margin-bottom:20px}}
@media(max-width:420px){.hero-card--project .hero-project-media{height:290px;border-radius:17px}.hero-card--project .hero-project-logo{width:60px;height:60px;left:12px;bottom:12px}.hero-card--project .hero-project-label{right:10px;bottom:12px;font-size:.69rem;padding:8px 10px}.hero-card--project .hero-points{grid-template-columns:1fr 1fr;gap:8px;padding:0 2px}.hero-card--project .hero-points div{font-size:.74rem;line-height:1.35;padding:10px 8px}.leadership-photo{height:335px}.leadership-content{padding:30px 24px 36px}.leadership-description{font-size:.94rem}}
@media(prefers-reduced-motion:reduce){.leadership *, .hero-card--project *{scroll-behavior:auto}}