/* Kadmo Neo-Classical Palette
   Cream: #F6F0E6
   Light Brown: #C9A66B
   Dark Brown / Black accents: #222120
*/

/* Basic body settings */
body {
    font-family: 'Merriweather', Georgia, serif;
    color: #222120;
    background-color: #F6F0E6;
    line-height: 1.6;
}

/* Header */
.site-header {
    background: linear-gradient(90deg, rgba(34,33,32,0.95), rgba(34,33,32,0.95));
    color: #fff;
    padding: 28px 0;
}
.site-header .site-title {
    font-weight: 700;
    letter-spacing: 1px;
}

/* Navigation */
.main-navigation a {
    color: #F6F0E6;
    margin-right: 18px;
    text-transform: uppercase;
    font-size: 14px;
}

/* Hero */
.kadmo-hero {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 70vh;
    background-image: linear-gradient(180deg, rgba(34,33,32,0.6), rgba(34,33,32,0.2)), url(''); /* add hero image via customizer or block */
    background-size: cover;
    background-position: center;
    color: #F6F0E6;
    text-align: center;
    padding: 60px 20px;
}
.kadmo-hero h1 {
    font-size: 40px;
    margin-bottom: 12px;
}
.kadmo-hero p.lead {
    color: #E9DFC9;
    font-size: 18px;
    max-width: 800px;
    margin: 0 auto 18px;
}

/* Accent button */
.kadmo-btn {
    display: inline-block;
    background: #C9A66B;
    color: #111;
    padding: 12px 22px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 700;
}

/* Sections */
.kadmo-section {
    padding: 60px 20px;
}
.kadmo-section.alt {
    background: #fff;
    color: #222120;
    border-top: 1px solid rgba(34,33,32,0.06);
}

/* Cards (projects / services) */
.kadmo-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 22px;
}
.kadmo-card {
    background: #fff;
    padding: 18px;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(34,33,32,0.06);
}
.kadmo-card h3 { margin-top: 6px; }

/* Testimonials */
.kadmo-testimonial { font-style: italic; color: #3b3a39; }

/* Footer */
.site-footer {
    background: #222120;
    color: #F6F0E6;
    padding: 30px 20px;
    text-align: center;
}