/* Galeri tentor: foto, nama muncul saat kursor diarahkan, klik untuk profil lengkap. Berdiri sendiri (tanpa build Tailwind). */
.tg-grid{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr))}
.tg-hint{font-size:.85rem;color:#667085;margin:0 0 1.25rem}
.tg-card{position:relative;display:block;width:100%;aspect-ratio:4/5;padding:0;border:0;border-radius:1.15rem;overflow:hidden;cursor:pointer;background:#d5e3f7;box-shadow:0 1px 3px rgba(16,24,40,.12);transition:transform .25s ease,box-shadow .25s ease;font:inherit;text-align:left}
.tg-card:hover,.tg-card:focus-visible{transform:translateY(-4px);box-shadow:0 18px 34px -12px rgba(8,20,46,.45)}
.tg-card:focus-visible{outline:3px solid #f8bf00;outline-offset:2px}
.tg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.tg-card:hover .tg-img,.tg-card:focus-visible .tg-img{transform:scale(1.07)}
.tg-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:4.5rem;font-weight:800;color:#fff;background:linear-gradient(145deg,#4f80cc,#1e4594)}
.tg-ov{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:.15rem;padding:1.1rem 1rem 1rem;color:#fff;background:linear-gradient(180deg,rgba(8,20,46,0) 35%,rgba(8,20,46,.9) 100%);opacity:0;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease}
.tg-card:hover .tg-ov,.tg-card:focus-visible .tg-ov{opacity:1;transform:none}
.tg-name{font-size:1.05rem;font-weight:800;line-height:1.2}
.tg-sub{font-size:.76rem;color:#d5e3f7;line-height:1.35}
.tg-cta{margin-top:.5rem;align-self:flex-start;border-radius:9999px;background:#f8bf00;color:#08142e;font-size:.7rem;font-weight:700;padding:.3rem .7rem}
.tg-star{position:absolute;top:.7rem;right:.7rem;display:inline-flex;align-items:center;gap:.25rem;border-radius:9999px;background:#f8bf00;color:#08142e;font-size:.72rem;font-weight:800;padding:.25rem .6rem;box-shadow:0 2px 6px rgba(0,0,0,.25)}
@media (hover:none){.tg-ov{opacity:1;transform:none;background:linear-gradient(180deg,rgba(8,20,46,0) 55%,rgba(8,20,46,.88) 100%)}.tg-sub,.tg-cta{display:none}}

.tg-lock{overflow:hidden}
.tg-dlg{position:fixed;inset:0;margin:auto;border:0;padding:0;background:transparent;width:min(54rem,calc(100vw - 2rem));max-width:none;height:fit-content;max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);overflow:visible;color:#1d2939}
.tg-dlg::backdrop{background:rgba(8,20,46,.7);backdrop-filter:blur(3px)}
.tg-box{position:relative;display:grid;grid-template-columns:18rem minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-height:min(31rem,calc(100vh - 2rem));max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);background:#fff;border-radius:1.4rem;overflow:hidden;box-shadow:0 30px 70px -20px rgba(0,0,0,.55);animation:tg-in .22s ease-out}
@keyframes tg-in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.tg-x{position:absolute;top:.7rem;right:.7rem;z-index:3;width:2.3rem;height:2.3rem;border:0;border-radius:9999px;background:rgba(255,255,255,.95);color:#08142e;font-size:1.3rem;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.tg-x:hover{background:#f8bf00}
.tg-side{position:relative;display:flex;flex-direction:column;overflow-y:auto;background:linear-gradient(180deg,#0e2147,#08142e);color:#fff}
.tg-side::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:#f8bf00}
.tg-big{width:100%;aspect-ratio:4/5;flex:none;object-fit:cover;display:block}
.tg-big.ph{display:flex;align-items:center;justify-content:center;font-size:5rem;font-weight:800;background:linear-gradient(145deg,#4f80cc,#1e4594)}
.tg-who{padding:1.1rem 1.2rem 1.4rem}
.tg-who h3{margin:0;font-size:1.25rem;font-weight:800;line-height:1.2}
.tg-who .gl{margin-top:.25rem;font-size:.9rem;font-weight:700;color:#f8bf00}
.tg-who .pd{margin-top:.3rem;font-size:.82rem;color:#adc7ee}
.tg-who .ad{display:flex;gap:.4rem;align-items:flex-start;margin-top:.55rem;font-size:.8rem;line-height:1.4;color:#d5e3f7}
.tg-who .ad svg{flex:none;width:.95rem;height:.95rem;margin-top:.1rem;color:#f8bf00}
.tg-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.8rem}
.tg-chips span{border-radius:9999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:.2rem .6rem;font-size:.72rem;font-weight:600}
.tg-main{overflow-y:auto;padding:2.2rem 1.9rem 1.5rem;display:flex;flex-direction:column;gap:1.4rem}
.tg-main h5{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#2554b0}
.tg-main h5::after{content:"";flex:1;height:1px;background:#e4e7ec}
.tg-bio{margin:0;font-size:.92rem;line-height:1.65;color:#475467;white-space:pre-line}
.tg-tl{list-style:none;margin:0;padding:0 0 0 .3rem;border-left:2px solid #d5e3f7;display:grid;gap:.85rem}
.tg-tl li{position:relative;padding-left:1.1rem;display:flex;flex-wrap:wrap;gap:.2rem .6rem;font-size:.9rem;color:#1d2939;line-height:1.45}
.tg-tl li::before{content:"";position:absolute;left:-.72rem;top:.35rem;width:.7rem;height:.7rem;border-radius:9999px;background:#2554b0;border:2px solid #fff;box-shadow:0 0 0 2px #adc7ee}
.tg-yr{display:inline-block;min-width:3rem;border-radius:.4rem;background:#eaf1fb;color:#1e4594;font-size:.72rem;font-weight:800;padding:.1rem .45rem;height:max-content;margin-top:.1rem}
.tg-pr{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.tg-pr li{display:flex;gap:.75rem;align-items:flex-start;border:1px solid #f3dd8a;background:#fff8dc;border-radius:.8rem;padding:.7rem .85rem;font-size:.9rem;line-height:1.45}
.tg-pr svg{flex:none;width:1.4rem;height:1.4rem;color:#c98f00;margin-top:.05rem}
.tg-pr .tg-yr{background:#f8bf00;color:#08142e}
.tg-empty{margin:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;border:1px dashed #d0d5dd;border-radius:1rem;padding:1.5rem;text-align:center;font-size:.9rem;line-height:1.5;color:#667085}
.tg-empty svg{width:2.2rem;height:2.2rem;color:#adc7ee}
.tg-act{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:auto;padding-top:1rem;border-top:1px solid #e4e7ec}
@media (max-width:760px){
  .tg-box{grid-template-columns:1fr;grid-template-rows:none;min-height:0;overflow-y:auto}
  .tg-side{overflow:visible}
  .tg-side{flex-direction:row;align-items:center}
  .tg-big{width:7.5rem;aspect-ratio:4/5;flex:none}.tg-big.ph{font-size:2.6rem}
  .tg-who{padding:.9rem 1rem 1rem}.tg-who h3{font-size:1.05rem}
  .tg-main{overflow:visible;padding:1.25rem 1.1rem 1.2rem}
  .tg-empty{flex:none;padding:1.2rem}
}

/* ===== Galeri tentor di landing page: tumpukan foto. Satu foto utama di tengah, bayangan foto sebelum & sesudahnya mengintip di belakang. ===== */
.ts{--w:20rem;--h:calc(var(--w)*1.25);--peek:2.6rem;display:grid;grid-template-columns:var(--w) minmax(0,1fr);gap:clamp(2rem,6vw,5rem);align-items:center;max-width:62rem;margin-inline:auto}
.ts-deck{position:relative;width:var(--w);height:calc(var(--h) + var(--peek)*2 + .8rem);touch-action:pan-x;outline:none;user-select:none;-webkit-user-select:none}
.ts-deck:focus-visible{outline:3px solid #f8bf00;outline-offset:6px;border-radius:1.5rem}
.ts-photo{position:absolute;left:0;top:50%;width:var(--w);height:var(--h);margin:calc(var(--h)/-2) 0 0;border-radius:1.4rem;overflow:hidden;background:#d5e3f7;cursor:pointer;transform-origin:center;transition:transform .6s cubic-bezier(.22,.8,.24,1),opacity .6s ease,filter .6s ease,box-shadow .6s ease;will-change:transform,opacity}
.ts-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.ts-ph{position:absolute;inset:0;display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-size:6rem;font-weight:800;color:#fff;background:linear-gradient(145deg,#4f80cc,#1e4594)}
.ts-photo[data-pos="0"]{z-index:3;opacity:1;transform:none;box-shadow:0 28px 50px -24px rgba(8,20,46,.6);cursor:default}
.ts-photo[data-pos="-1"],.ts-photo[data-pos="1"]{z-index:2;opacity:.6;filter:brightness(.92) blur(1.2px)}
.ts-photo[data-pos="-1"]{transform:translateY(calc(var(--h)*-.06 - var(--peek))) scale(.88)}
.ts-photo[data-pos="1"]{transform:translateY(calc(var(--h)*.06 + var(--peek))) scale(.88)}
.ts-photo[data-pos="-2"],.ts-photo[data-pos="2"]{z-index:1;opacity:0;pointer-events:none}
.ts-photo[data-pos="-2"]{transform:translateY(calc(var(--h)*-.1 - var(--peek))) scale(.8)}
.ts-photo[data-pos="2"]{transform:translateY(calc(var(--h)*.1 + var(--peek))) scale(.8)}
.ts-side{min-width:0}
.ts-infos{display:grid}
.ts-info{grid-area:1/1;align-self:center;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .35s ease,transform .35s ease,visibility 0s linear .35s}
.ts-info.is-on{opacity:1;visibility:visible;transform:none;transition-delay:.12s}
.ts-dl{margin:0;display:grid;gap:1.15rem;padding-left:1.4rem;border-left:4px solid #f8bf00}
.ts-row{display:grid;grid-template-columns:9.5rem minmax(0,1fr);gap:.2rem 1rem;align-items:baseline}
.ts-row dt{font-size:.85rem;font-weight:600;color:#667085}
.ts-row dd{margin:0;font-size:1.02rem;font-weight:600;color:#101828;line-height:1.45;overflow-wrap:anywhere}
.ts-row-nama dd{font-size:clamp(1.5rem,3.2vw,2.15rem);font-weight:800;line-height:1.15;color:#08142e;letter-spacing:-.01em}
.ts-chips{display:flex;flex-wrap:wrap;gap:.4rem}
.ts-chips span{border-radius:9999px;background:#eaf1fb;color:#1e4594;font-size:.84rem;font-weight:700;padding:.25rem .75rem}
.ts-more{display:inline-block;margin-top:1.6rem;margin-left:1.4rem;font-size:.9rem;font-weight:700;color:#1e4594;text-decoration:underline;text-underline-offset:4px}
.ts-more:hover{color:#183874}
.ts-more:focus-visible{outline:3px solid #f8bf00;outline-offset:3px;border-radius:.3rem}
.ts-nav{display:flex;align-items:center;gap:.6rem;margin-top:2rem;margin-left:1.4rem}
.ts-btn{display:inline-flex;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;border-radius:9999px;border:1px solid #d0d5dd;background:#fff;color:#1e4594;cursor:pointer;transition:background .2s,border-color .2s,opacity .2s}
.ts-btn:hover{background:#eaf1fb;border-color:#adc7ee}
.ts-btn:disabled{opacity:.4;cursor:default;background:#fff}
.ts-btn:focus-visible{outline:3px solid #f8bf00;outline-offset:2px}
.ts-btn svg{width:1.25rem;height:1.25rem}
.ts-count{margin-left:.5rem;font-size:.85rem;color:#667085}
.ts-count b{color:#08142e}
@media (max-width:859px){
  .ts{--w:min(15rem,68vw);--peek:2.2rem;grid-template-columns:minmax(0,1fr);gap:1.75rem}
  .ts-deck{width:100%;height:var(--h);touch-action:pan-y}
  .ts-photo{left:50%;top:0;margin:0 0 0 calc(var(--w)/-2)}
  .ts-photo[data-pos="-1"]{transform:translateX(calc(var(--w)*-.06 - var(--peek))) scale(.88)}
  .ts-photo[data-pos="1"]{transform:translateX(calc(var(--w)*.06 + var(--peek))) scale(.88)}
  .ts-photo[data-pos="-2"]{transform:translateX(calc(var(--w)*-.1 - var(--peek))) scale(.8)}
  .ts-photo[data-pos="2"]{transform:translateX(calc(var(--w)*.1 + var(--peek))) scale(.8)}
  .ts-dl{padding-left:1rem}
  .ts-row{grid-template-columns:minmax(0,1fr)}
  .ts-more,.ts-nav{margin-left:1rem}
}
@media (prefers-reduced-motion:reduce){.ts-photo,.ts-info{transition:none}}