/* ==========================================================================
   Modern Clean Skin. Bright white, deep teal, near-black.
   Manrope + a light serif (Cormorant).
   ========================================================================== */
.style-modern-clean {
    --color-primary: #1c1c1c;
    --color-primary-dark: #000000;
    --color-accent: #1f6f6b;
    --color-accent-dark: #185754;
    --color-text: #1c1c1c;
    --color-text-muted: #5e6360;
    --color-bg: #ffffff;
    --color-bg-secondary: #f4f7f6;
    --color-border: #e4eae8;
    --font-heading: 'Cormorant Garamond', Georgia, serif;
    --font-body: 'Manrope', system-ui, sans-serif;
}

.style-modern-clean .site-header { border-bottom: 1px solid var(--color-border); box-shadow: none; }

.style-modern-clean .site-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    height: 78px;
}

.style-modern-clean .site-header__logo-text {
    font-family: var(--font-body);
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--color-primary);
}

.style-modern-clean .site-header__logo-mark { color: var(--color-accent); }

.style-modern-clean .main-nav__link {
    color: var(--color-text);
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.1em;
    font-weight: 600;
}

.style-modern-clean .main-nav__link:hover,
.style-modern-clean .main-nav__link.is-active { color: var(--color-accent); }

.style-modern-clean .site-header__phone { color: var(--color-primary); font-weight: 700; font-size: 0.875rem; }
.style-modern-clean .site-header__phone svg { color: var(--color-accent); }

/* Immersive hero on a crisp tinted field */
.style-modern-clean .hero--immersive {
    background:
        radial-gradient(ellipse at 78% 30%, rgba(31, 111, 107, 0.1) 0%, transparent 55%),
        linear-gradient(180deg, #ffffff 0%, var(--color-bg-secondary) 100%);
}

.style-modern-clean .hero__headline { color: var(--color-primary); }
.style-modern-clean .hero__overline { color: var(--color-accent); }

.style-modern-clean .btn { border-radius: 2px; }