/* =========================================================
   KC GROUP - transparent navigation over a raw photo banner
   Loaded AFTER assets/kc.css on every inner page.
   (same look as the home page: nav sits on the photo,
    no blue shade, sharp image; white bar once you scroll)
   ========================================================= */

/* ---------- Header on top of the photo ---------- */
body{padding-top:0 !important;margin:0}
.site-header{position:fixed !important;top:0;left:0;right:0;z-index:100;background:transparent !important;box-shadow:none;transition:background .35s ease, box-shadow .35s ease}
.site-header .topbar{background:transparent !important;color:#fff !important;height:34px;overflow:hidden;transition:height .3s ease}
.site-header .topbar a{color:#fff !important}
.site-header:not(.scrolled) .topbar{border-bottom:1px solid rgba(255,255,255,.55);margin:0 2.5rem;padding:0}
.site-header .mainbar{background:transparent !important;transition:background .35s ease}
.site-header:not(.scrolled) .topbar a,
.site-header:not(.scrolled) .primary>ul>li>a,
.site-header:not(.scrolled) .brand{text-shadow:0 1px 6px rgba(0,0,0,.55)}
@media (min-width:992px){
    .site-header .primary>ul>li>a{color:#fff}
}

/* ---------- Scrolled: white bar, dark text (like ril.com) ---------- */
.site-header.scrolled{background:#fff !important;box-shadow:0 2px 18px rgba(0,0,0,.12)}
.site-header.scrolled .topbar{height:0;border:0}
.site-header.scrolled .mainbar{background:#fff !important}
.site-header.scrolled .burger span{background:#0f2540}
@media (min-width:992px){
    .site-header.scrolled .primary>ul>li>a{color:#0f2540;opacity:1;text-shadow:none}
}

/* ---------- Banner: raw sharp photo, NO blue shade ---------- */
.page-banner{position:relative;min-height:74vh;display:flex;align-items:flex-end;padding:0 0 4.5rem !important;margin-top:0 !important;overflow:hidden;background:#1d1d1d;color:#fff}
.page-banner::before,.page-banner::after{content:none !important;background:none !important}
.page-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:none !important;opacity:1 !important;transform:none}
.page-banner .wrap{position:relative;z-index:2;width:100%}
.page-banner .crumbs,.page-banner h1,.page-banner .eyebrow,.page-banner .sub,.page-banner p{text-shadow:0 2px 14px rgba(0,0,0,.6)}
.page-banner .crumbs a,.page-banner .crumbs span,.page-banner .crumbs i{color:#fff}
.page-banner.plain{min-height:56vh;background:#222}
@media (max-width:991.98px){
    .page-banner{min-height:62vh;padding-bottom:3rem !important}
}