.ustaz-hero{position:relative;overflow:hidden;background:var(--blue-950);color:#fff;padding:var(--tfd-space-8) 0 var(--tfd-space-10)}
.ustaz-hero::after{content:"";position:absolute;inset:auto -12% -48% auto;width:620px;aspect-ratio:1;border-radius:50%;background:rgba(239,184,74,.09);pointer-events:none}
.ustaz-hero .container{position:relative;z-index:1}
.ustaz-hero-grid{display:grid;grid-template-columns:minmax(260px,390px) minmax(0,1fr);gap:clamp(36px,6vw,88px);align-items:center}
.ustaz-potret{margin:0;aspect-ratio:1;border-radius:16px;overflow:hidden;background:#e8edf5;box-shadow:0 22px 56px rgba(0,20,43,.36)}
.ustaz-potret img{width:100%;height:100%;object-fit:cover}
.ustaz-pengenalan h1{max-width:12ch;font-size:clamp(44px,7vw,78px);line-height:.98;letter-spacing:-.02em;text-wrap:balance}
.ustaz-peranan{margin-top:var(--tfd-space-5);font-size:19px;font-weight:800;color:var(--gold-300)}
.ustaz-afiliasi{max-width:65ch;margin-top:var(--tfd-space-3);color:rgba(255,255,255,.82);font-size:16px;line-height:1.75}
.ustaz-tindakan{display:flex;flex-wrap:wrap;gap:var(--tfd-space-3);margin-top:var(--tfd-space-6)}
.ustaz-badan{padding:var(--tfd-space-10) 0 var(--tfd-space-6)}
.ustaz-badan-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr);gap:clamp(48px,7vw,92px);align-items:start}
.ustaz-naratif{display:grid;gap:var(--tfd-space-9)}
.ustaz-naratif h2,.ustaz-laluan h2{font-size:clamp(27px,3vw,38px);line-height:1.15;color:var(--blue-950)}
.ustaz-naratif p{max-width:70ch;margin-top:var(--tfd-space-3);color:var(--ink-700)}
.ustaz-bidang{display:flex;flex-wrap:wrap;gap:var(--tfd-space-2);margin-top:var(--tfd-space-4);padding:0;list-style:none}
.ustaz-bidang li{border:1px solid var(--line);border-radius:999px;padding:8px 14px;background:#fff;color:var(--blue-950);font-size:14px;font-weight:800}
.ustaz-karya{display:grid;grid-template-columns:180px minmax(0,1fr);gap:var(--tfd-space-5);align-items:center;margin-top:var(--tfd-space-4);padding-top:var(--tfd-space-5);border-top:1px solid var(--line)}
.ustaz-karya img{width:180px;max-height:250px;object-fit:contain;border-radius:12px;background:var(--cream-100)}
.ustaz-karya h3{font-size:24px;color:var(--blue-950)}
.ustaz-karya p{margin-top:var(--tfd-space-2);font-size:14px}
.ustaz-karya a,.ustaz-saluran a{display:inline-block;margin-top:var(--tfd-space-3);font-weight:800;color:var(--blue-800)}
.ustaz-laluan{position:sticky;top:calc(var(--tinggi-header) + var(--tfd-space-5))}
.ustaz-laluan nav{display:grid;margin-top:var(--tfd-space-4);border-top:1px solid var(--line)}
.ustaz-laluan nav>a{display:grid;gap:4px;min-height:76px;padding:var(--tfd-space-4) 0;border-bottom:1px solid var(--line);text-decoration:none}
.ustaz-laluan nav strong{color:var(--blue-950)}
.ustaz-laluan nav span{color:var(--ink-500);font-size:13.5px;line-height:1.55}
.ustaz-laluan nav>a:hover strong{color:var(--blue-800)}
.ustaz-saluran{margin-top:var(--tfd-space-8);padding-top:var(--tfd-space-6);border-top:1px solid var(--line)}
.ustaz-saluran h2{font-size:24px}
.ustaz-saluran p{margin-top:var(--tfd-space-2);color:var(--ink-500);font-size:13.5px;line-height:1.6}
.ustaz-saluran ul{margin:var(--tfd-space-3) 0 0;padding-left:20px}
.ustaz-saluran li+li{margin-top:var(--tfd-space-1)}
@media(max-width:800px){.ustaz-hero{padding-top:var(--tfd-space-6)}.ustaz-hero-grid,.ustaz-badan-grid{grid-template-columns:1fr}.ustaz-potret{width:min(100%,360px)}.ustaz-pengenalan h1{max-width:14ch}.ustaz-laluan{position:static}.ustaz-karya{grid-template-columns:140px minmax(0,1fr)}.ustaz-karya img{width:140px}}
@media(max-width:520px){.ustaz-hero-grid{gap:var(--tfd-space-6)}.ustaz-pengenalan h1{font-size:42px}.ustaz-tindakan .btn{width:100%}.ustaz-badan{padding-top:var(--tfd-space-8)}.ustaz-karya{grid-template-columns:1fr}.ustaz-karya img{width:100%;max-width:260px}.ustaz-bidang li{min-height:44px;display:inline-flex;align-items:center}}
@media(prefers-reduced-motion:reduce){.ustaz-page *{scroll-behavior:auto}}