.why-comfortclick-page {
    --si-border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.68);
    background: var(--site-dark-background);
}

.why-comfortclick-hero {
    min-height: clamp(700px, 85vh, 860px);
    padding-top: clamp(10rem, 16vw, 13rem);
    padding-bottom: 6rem;
    background-image: linear-gradient(90deg, rgba(12, 10, 9, 0.94) 0%, rgba(12, 10, 9, 0.74) 52%, rgba(12, 10, 9, 0.42) 100%),
                      linear-gradient(0deg, var(--site-dark-background) 0%, rgba(12, 10, 9, 0) 40%),
                      url('/img/discover/whyComfortClick/villa.webp');
    background-position: center;
}

.why-comfortclick-hero-secondary-link {
    transition: color 0.2s ease, transform 0.2s ease;
}

.why-comfortclick-hero-secondary-link:hover,
.why-comfortclick-hero-secondary-link:focus {
    color: var(--si-primary) !important;
    transform: translateX(0.15rem);
}

.why-comfortclick-eyebrow {
    font-size: 0.75rem;
    letter-spacing: 0.18em;
    line-height: 1.5;
}

.why-comfortclick-hero-title {
    font-size: clamp(2.375rem, 4.5vw, 4rem);
    line-height: 1.03;
    letter-spacing: -0.04em;
    text-wrap: balance;
}

.why-comfortclick-description {
    max-width: 40rem;
    line-height: 1.75;
}

.why-comfortclick-section-title {
    font-size: clamp(1.875rem, 3.1vw, 2.75rem);
    line-height: 1.15;
    letter-spacing: -0.02em;
    text-wrap: balance;
}

.why-comfortclick-card {
    --si-card-bg: rgba(255, 255, 255, 0.03);
    --si-card-border-color: var(--si-border-color);
    color: inherit;
}

.why-comfortclick-icon {
    width: 3.25rem;
    height: 3.25rem;
}

.why-comfortclick-projects a {
    color: #fff;
}

.why-comfortclick-projects a:hover,
.why-comfortclick-projects a:focus-visible {
    color: var(--si-primary);
}

.why-comfortclick-cta,
.why-comfortclick-cta h2 {
    color: #1a0f05;
}

@media (max-width: 767.98px) {
    .why-comfortclick-hero {
        min-height: auto;
        padding-top: 9rem;
        padding-bottom: 5rem;
    }
}