/* Conen: accessible surfaces, retaining the original yellow/charcoal identity. */
.about-sec { position: relative; isolation: isolate; }
.about-sec .about-area, .about-sec .about-content { background-color: #202020; }
.about-sec .about-area .heading { color: #fff; }
.about-sec .about-area .text { color: #f1f1f1; }
.about-sec .heading .text-yellow { color: #fed51b !important; }
/* Yellow remains decorative; ochre is the readable accent on white. */
.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active,
.cbp-l-filters-button .cbp-filter-item:hover { color: #806400; border-bottom-color: #806400; }
.portfolio-foot-detail .p-num.text-yellow { color: #806400 !important; }
header .main-navigation nav .navbar-nav .nav-item .nav-link span { color: #686868; opacity: 1; }
header .main-navigation nav .navbar-nav .nav-item .nav-link.active span { color: #806400; }
.stats-sec .stats-heading-area .text,
.stats-sec .circular-wrap .darkcolor,
.portfolio-foot-detail .p-text,
.contact-sec .contact-details .text,
.contact-sec .contact-details ul li { color: #555; opacity: 1; }
.text, .slider-area .slider-detail .slider-slide .slider-inner-content .slide-text { font-weight: 400; }
.contact-sec .contact-form .form-control { color: #333; border-color: #999; }
.contact-sec .contact-form .form-control::placeholder { color: #626262; opacity: 1; }
/* Only the caption edge darkens: the image subject stays luminous. */
.cbp-l-grid-mosaic .cbp-caption-activeWrap { background: linear-gradient(to top, rgba(20,24,20,.9), rgba(20,24,20,.52) 35%, rgba(20,24,20,.08) 72%); }
.portfolio-hover-effect .hover-text { padding: 20px; }
.portfolio-hover-effect .hover-text .p-hover-title,
.portfolio-hover-effect .hover-text .p-hover-des { color: #fff; }
.sponser-tags .item img { height: 30px; object-fit: contain; }
.scroll-top-arrow, .scroll-top-arrow:hover { color: #202020; }
a:focus-visible, button:focus-visible, .form-control:focus-visible { outline: 2px solid #806400; outline-offset: 4px; }

/* White menu copy remains readable without the original 90% dark wash. */
.side-menu .bg-overlay { background: linear-gradient(90deg, rgba(32,32,32,.68), rgba(32,32,32,.62)); }