/* =========================================
    SECTION AREA
========================================= */
.section-area { padding: 50px 0; }
.section-title { margin-bottom: 20px; font-size: 28px; color: var(--text-title); }

/* =========================================
    SERVICES
========================================= */
.service-item .card { overflow: hidden; position: relative; margin: 25px 10px 0; padding: 20px; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(8px); border: 1px solid rgba(var(--brand-gold-rgb), 0.55); border-radius: 12px; text-align: center; transition: 0.35s; }
.service-item .card:hover { border-color: var(--brand-gold); box-shadow: 0 0 18px var(--gold-shadow); transform: translateY(-8px); }
.service-item img { margin-bottom: 12px; width: 100%; aspect-ratio: 4/3; border-radius: 10px; object-fit: cover; }
.service-item h3 { margin: 8px 0; }
.service-item h3 a { color: var(--text-link); }
.service-item p { height: 4.5em; font-size: 14px; color: var(--text-secondary); -webkit-line-clamp: 3; }

/* =========================================
    NEWS LIST
========================================= */
.news-list { display: flex; flex-direction: column; gap: 22px; }
.news-item { padding: 15px; background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(5px); border: 1px solid rgba(var(--brand-gold-rgb), 0.25); border-radius: 10px; display: flex; gap: 0 15px; transition: 0.3s; }
.news-item:hover { box-shadow: 0 0 12px var(--gold-shadow); transform: translateY(-4px); }
.news-thumb img { width: 160px; aspect-ratio: 4/3; border-radius: 8px; object-fit: cover; }
.news-content { width: 1%; flex: 1 1 auto;}
.news-content h3 a { transition: 0.3s; color: var(--text-link); }
.news-content h3 a:hover { text-shadow: 0 0 8px var(--text-link-hover-shadow); }
.news-content .excerpt { margin: 6px 0 10px; height: 3em; font-size: 14px; color: var(--text-secondary); -webkit-line-clamp: 2; }
.news-content .date , .news-content .category { font-size: 12px; color: var(--text-muted); }

@media (max-width: 768px) {
	.news-item { flex-direction: column; }
	.news-thumb img { margin-bottom: 10px; width: 100%; height: auto; }
}

/* =========================================
    ABOUT
========================================= */
.about-flex { display: grid; grid-template-columns: 0.9fr 1.1fr; align-items: center; gap: 40px; }
.about-img img { width: 100%; border-radius: 10px; }
.about-text p { line-height: 1.7; color: var(--text-secondary); }

@media (max-width: 768px) {
	.about-flex { grid-template-columns: 1fr; }
}

/* =========================================
    CTA
========================================= */
.cta { background: url(/images/00/cta-bg.webp) var(--bg-cta) no-repeat right 50%; text-align: center; }
.cta .cta-container { margin: 20px auto; padding: 2% 1%; width: min(95%, 400px); background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(12px); border: 1px var(--brand-gold) solid; border-radius: 12px; box-shadow: 0 0 18px var(--gold-shadow); }
.cta h2 { margin-bottom: 10px; font-size: 30px; color: var(--text-title); }
.cta p { margin-bottom: 20px; color: var(--text-secondary); }