/* RA Husnul Khotimah — palet Biru Laut & Kuning (20 Sep 2026).
   Dimuat setelah editorial.css. Hapus berkas ini + baris link di includes/site.php untuk kembali. */
:root{
  --forest:#1F4E79; --forest-deep:#163A5C;
  --ra-navy:#1F4E79; --ra-navy-deep:#163A5C; --ra-yellow:#FFC845; --ra-coral:#FF8A6B; --ra-sky:#DDEFFC; --ra-cream:#FFFDF7;
  --yellow:#FFE7A3; --coral:#FF8A6B; --paper:#FFFDF7;
}
.brand-symbol{background:var(--ra-navy)}
.brand-symbol b{color:var(--ra-yellow)}
.desktop-nav a:after{background:var(--ra-yellow);height:3px;border-radius:3px}
.nav-apply{background:var(--ra-yellow)!important;color:var(--ra-navy-deep)!important;border-radius:999px}
.menu-btn{background:var(--ra-yellow);color:var(--ra-navy-deep)}
.cover-stage{background:var(--ra-navy-deep)}
.cover-label{color:var(--ra-yellow)}
.cover-label:before{background:var(--ra-yellow)}
.cover-copy h1 em{color:var(--ra-yellow)}
.cover-actions a:first-child{background:var(--ra-yellow);color:var(--ra-navy-deep);border-radius:999px}
.cover-note{border-top:5px solid var(--ra-yellow)}
.fact-ribbon b{color:var(--ra-coral)}
.section-index span{color:var(--ra-coral)}

/* ---- Jarak antar bagian dirapatkan (permintaan Heru, 20 Sep 2026) ---- */
.editorial-intro,.sentra-showcase,.principles-section{padding:76px 0}
.journey-section{padding:68px 0}
.home-closing{padding:0 0 68px}
.closing-panel{padding:52px 6%}
.section{padding:64px 0}
.page-hero{padding:64px 56px}
.intro-grid{gap:44px}
.principles-grid{gap:52px}
.editorial-heading{margin-bottom:40px;gap:44px}
.sentra-top{margin-bottom:40px;gap:40px}
.intro-statement h2,.principles-section h2{margin-bottom:28px}
.principles-section h2{margin-top:16px}
.journey-more{margin-top:28px}
.footer-invite{padding-top:56px;padding-bottom:48px;gap:32px}
.editorial-intro h2,.journey-section h2,.sentra-showcase h2,.principles-section h2,.home-closing h2{font-size:clamp(32px,3.5vw,50px);line-height:1.1}
@media (max-width:900px){
  .editorial-intro,.journey-section,.sentra-showcase,.principles-section{padding:52px 0}
  .home-closing{padding:0 0 52px}
  .section{padding:48px 0}
  .page-hero{padding:48px 24px}
  .closing-panel{padding:40px 6%}
  .footer-invite{padding-top:44px;padding-bottom:36px}
  .editorial-heading,.sentra-top{margin-bottom:28px;gap:24px}
  .intro-grid,.principles-grid{gap:28px}
}

/* ---- Footer dirapatkan + logo footer diperbaiki (20 Sep 2026) ---- */
.site-footer .footer-invite{padding-top:44px;padding-bottom:36px;gap:24px;align-items:end}
.site-footer .footer-invite h2{font-size:clamp(28px,3vw,40px);line-height:1.12;margin:0}
.site-footer .footer-grid{padding-top:40px;padding-bottom:32px;gap:32px}
.site-footer .footer-identity p{margin-top:12px}
.site-footer .footer-brand{display:inline-flex;align-items:center;gap:12px;margin:0 0 6px;width:auto}
.site-footer .footer-brand .brand-symbol{display:grid;place-items:center;width:48px;height:48px;margin:0;border-radius:50%;background:var(--ra-yellow)}
.site-footer .footer-brand .brand-symbol i{display:none}
.site-footer .footer-brand .brand-symbol b{display:block;margin:0;color:var(--ra-navy-deep);font:700 14px/1 Georgia,"Times New Roman",serif}
.site-footer .footer-brand .brand-copy{display:flex;flex-direction:column;margin:0;width:auto;line-height:1.2}
.site-footer .footer-brand .brand-copy strong{display:block;margin:0;color:#fff;font-size:18px}
.site-footer .footer-brand .brand-copy small{display:block;margin:3px 0 0;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.65)}
@media (max-width:900px){
  .site-footer .footer-invite{padding-top:36px;padding-bottom:28px}
  .site-footer .footer-grid{padding-top:32px;padding-bottom:24px;gap:24px}
}

/* ---- Logo THI di kiri atas (dan footer) menggantikan lingkaran teks "THI" (20 Sep 2026) ---- */
.brand-logo .brand-symbol,.site-footer .footer-brand .brand-symbol{background:#fff url("../img/logo-thi.jpg") center/86% no-repeat;border-radius:14px;box-shadow:0 2px 10px rgba(22,58,92,.12)}
.brand-logo .brand-symbol b,.brand-logo .brand-symbol i{display:none!important}

.brand-logo .brand-symbol:before,.brand-logo .brand-symbol:after{display:none!important;content:none!important}


/* === Galeri RA (27 Sep 2026): laman galeri.php + blok Galeri beranda. Hapus blok ini untuk rollback. === */
.ra-gal-sec{padding:44px 0}
.ra-gal-sec + .ra-gal-sec{padding-top:12px}
.ra-gal-head{max-width:760px;margin-bottom:22px}
.ra-gal-head h2{font-size:clamp(26px,3.2vw,38px);line-height:1.12;margin:8px 0 10px;color:#163A5C}
.ra-gal-head p{margin:0;color:#4a5b6b}
.ra-gal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ra-gal-item{display:block;border-radius:16px;overflow:hidden;aspect-ratio:3/4;background:#e8f0f8}
.ra-gal-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.ra-gal-item:hover img{transform:scale(1.04)}
.ra-home-gallery{padding:72px 0}
.ra-home-gallery .ra-gal-head{margin-bottom:26px}
.ra-gal-home{grid-template-columns:repeat(6,1fr);margin-bottom:24px}
.ra-lightbox{border:0;padding:0;background:transparent;max-width:94vw;max-height:94vh;overflow:visible}
.ra-lightbox::backdrop{background:rgba(12,30,48,.86)}
.ra-lightbox img{max-width:94vw;max-height:88vh;border-radius:12px;display:block}
.ra-lightbox button{position:absolute;top:-14px;right:-14px;width:40px;height:40px;border-radius:50%;border:0;background:#FFC845;color:#163A5C;font-size:26px;line-height:40px;cursor:pointer}
@media(max-width:900px){.ra-gal-grid{grid-template-columns:repeat(3,1fr)}.ra-gal-home{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.ra-gal-grid,.ra-gal-home{grid-template-columns:repeat(2,1fr);gap:8px}.ra-home-gallery{padding:52px 0}}
.ra-home-gallery .journey-more{color:#163A5C;border-color:rgba(22,58,92,.25)}
.ra-home-gallery .journey-more b{color:#163A5C}

/* Enam sentra aktif (28 Sep 2026) */
@media (min-width:981px){
 .center-grid.center-grid-large{grid-template-columns:repeat(3,1fr)!important}
 .sentra-bento .sentra-tile.tile-6{grid-column:1/-1}
}

/* Galeri rata & simetris (28 Sep 2026) */
.ra-gal-grid:not(.ra-gal-home){display:flex!important;flex-wrap:wrap;gap:12px}
.ra-gal-grid:not(.ra-gal-home)>.ra-gal-item{flex:1 1 calc(25% - 12px);aspect-ratio:auto!important;height:360px}
.ra-gal-grid:not(.ra-gal-home)>.ra-gal-item img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:980px){.ra-gal-grid:not(.ra-gal-home)>.ra-gal-item{flex-basis:calc(33.33% - 12px);height:300px}}
@media (max-width:640px){.ra-gal-grid:not(.ra-gal-home)>.ra-gal-item{flex-basis:calc(50% - 12px);height:230px}}
/* Foto Tentang Kami: fokus wajah */
.profile-story img[src*="ra-kelas-a-01"]{object-position:50% 40%}