/* =========================
   BASE (SAATCHI STYLE)
========================= */

body {
    background: #ffffff;
    font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
    color: #111;
}

/* =========================
   NAVBAR (ultra minimal)
========================= */

.navbar {
    background: #fff !important;
    border-bottom: 1px solid #eee;
	padding-top:8px;
	padding-bottom:8px;

}

.navbar-brand {
    font-weight: 500;
    letter-spacing: 1px;
}

.nav-link {
    font-size: 14px;
    color: #111 !important;
    opacity: 0.85;
    transition: 0.2s;
}

.nav-link:hover {
    opacity: 1;
}
.logo{
	height:100px;
	width:auto;
	object-fit:contain;
}



/* =========================
   FILTER SIDEBAR (light + clean)
========================= */

.filter-panel,
.border.p-3.bg-white {
    background: #fff;
    border: none !important;
    padding: 10px;
}

.filter_button {
    width: 100%;
    text-align: left;
    background: transparent;
    border: none;
    border-bottom: 1px solid #f0f0f0;
    padding: 10px 5px;
    font-size: 13px;
    color: #111;
    transition: 0.2s;
}

.filter_button:hover {
    background: #fafafa;
    padding-left: 10px;
}

/* =========================
   GALLERY GRID (important)
========================= */

#gallery {
    background: #fff;
}

/* cards = almost invisible frame */
.card {
    border: none;
    border-radius: 0;
    background: #fff;
    transition: 0.25s ease;
}

.card:hover {
    transform: translateY(-3px);
}

/* image focus */
.card-img-top {
    border: none;
    width: 100%;
    height: 260px;
    object-fit: cover;
}

/* text minimal */
.card-body {
    padding: 10px 0;
    text-align: left;
}

.card-title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;
}

.card-text {
    font-size: 13px;
    color: #555;
}

/* =========================
   EVENTS (editorial minimal grid)
========================= */

.event-card {
    border: none;
    background: #fff;
}

.event-card img {
    width: 100%;
    height: 260px;
    object-fit: cover;
}

.event-card h5 {
    font-size: 16px;
    font-weight: 500;
}

.event-meta {
    font-size: 12px;
    color: #777;
}

/* =========================
   BUTTONS (Saatchi style)
========================= */

.btn {
    border-radius: 0 !important;
    font-size: 13px;
}

.btn-outline-dark {
    border: 1px solid #111;
    background: transparent;
}

.btn-outline-dark:hover {
    background: #111;
    color: #fff;
}

.btn-danger {
    border-radius: 0;
}

/* =========================
   CLEAN SPACING SYSTEM
========================= */

.container-fluid {
    padding-left: 40px;
    padding-right: 40px;
}



/*-------------------------------------------------------------------------------*/
.about-section{
	padding:80px 0;
	background:#fff;
}


.about-box{
	text-align:left;
}


.about-box h1{
	text-align:center;
	font-size:42px;
	font-weight:400;
	margin-bottom:50px;
}


.about-text{
	font-size:18px;
	line-height:1.9;
	color:#555;
}


.about-text p{
	margin-bottom:30px;
}
.hero-section {
	position: relative;
	width: 100%;
	height: 450px;
	overflow: hidden;
}

.hero-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.hero-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	background: rgba(0, 0, 0, 0.35);
	color: white;
	text-align: center;
}

.hero-overlay h1 {
	font-size: 48px;
	font-weight: bold;
	margin-bottom: 10px;
}

.hero-overlay p {
	font-size: 22px;
	margin: 0;
}