/* Sarana & Prasarana (V3). Photos come only from published CMS albums. */
.res-intro{margin:.9rem 0 0;max-width:68ch;font-size:clamp(1rem,2.4vw,1.15rem);line-height:1.65;color:rgba(255,255,255,.82);white-space:pre-line}

.res-featured{position:relative;margin:0 0 clamp(1.5rem,4vw,2.5rem);border-radius:1.1rem;overflow:hidden;background:#0f172a;box-shadow:0 18px 40px -22px rgba(15,23,42,.55)}
.res-featured__link{display:block;aspect-ratio:16/9;max-height:34rem;width:100%;outline-offset:-4px}
.res-featured__link img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--v3-ease-out,ease)}
.res-featured__link:hover img,.res-featured__link:focus-visible img{transform:scale(1.03)}
.res-featured__cap{position:absolute;left:0;right:0;bottom:0;display:grid;gap:.15rem;padding:2.5rem clamp(1rem,3vw,1.75rem) clamp(.9rem,2.5vw,1.4rem);color:#fff;background:linear-gradient(to top,rgba(8,12,20,.82),rgba(8,12,20,0));pointer-events:none}
.res-featured__title{font-size:clamp(1.1rem,2.8vw,1.6rem);font-weight:700;line-height:1.2}
.res-featured__text{font-size:.95rem;opacity:.9}
@media (max-width:600px){.res-featured__link{aspect-ratio:4/3}}

.res-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 clamp(1.25rem,3vw,2rem)}
.res-filter[hidden]{display:none}
.res-chip{appearance:none;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.1);color:#fff;border-radius:999px;padding:.5rem 1rem;min-height:2.5rem;font:inherit;font-size:.9rem;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.res-chip:hover{background:rgba(255,255,255,.2)}
.res-chip:focus-visible{outline:2px solid #fff;outline-offset:2px}
.res-chip.is-active{background:#fff;border-color:#fff;color:#0f172a;font-weight:600}

.res-album{margin:0 0 clamp(2rem,5vw,3.5rem)}
.res-album[hidden]{display:none}
.res-album__title{margin:0 0 .4rem;font-size:clamp(1.25rem,3vw,1.7rem);line-height:1.2}
.res-album__text{margin:0 0 1.1rem;max-width:68ch;color:rgba(255,255,255,.82);line-height:1.65;white-space:pre-line}
.res-grid{list-style:none;margin:0;padding:0;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr))}
.res-grid__item{margin:0;min-width:0}
.res-grid__item a{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:.75rem;background:rgba(255,255,255,.12);outline-offset:3px}
.res-grid__item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.res-grid__item a:hover img,.res-grid__item a:focus-visible img{transform:scale(1.05)}
.res-grid__item.is-broken a{display:grid;place-items:center}
.res-grid__item.is-broken a::after{content:"Foto tidak dapat dimuat";font-size:.85rem;color:rgba(255,255,255,.75);padding:.5rem;text-align:center}
.res-grid__item.is-broken img{display:none}
.res-grid__caption{margin:.4rem .1rem 0;font-size:.875rem;line-height:1.45;color:rgba(255,255,255,.8)}
@media (prefers-reduced-motion:reduce){.res-grid__item img,.res-featured__link img,.res-chip{transition:none}.res-grid__item a:hover img,.res-featured__link:hover img{transform:none}}