/* styles.css — стили, используемые редактором Bitrix
   (вкладка "Стили" в редакторе при правке страниц) */

.h-title {
    font-family: var(--font-display);
    font-weight: 400; font-size: clamp(32px, 4vw, 48px);
    color: var(--text);
    margin-bottom: 16px;
}
.h-title em { font-style: italic; color: var(--brand-brown); }

.btn-primary {
    display: inline-flex; align-items: center; gap: 10px;
    padding: 16px 36px; background: var(--brand-brown); color: #FFFFFF;
    font-size: 11px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase;
    transition: all 0.4s ease;
}
.btn-primary:hover {
    background: var(--brand-brown-deep);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(157, 135, 121, 0.35);
}

.btn-outline {
    display: inline-flex; align-items: center; gap: 10px;
    padding: 16px 36px; background: transparent; color: var(--brand-brown);
    font-size: 11px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase;
    border: 1px solid var(--brand-brown);
    transition: all 0.4s ease;
}
.btn-outline:hover { background: var(--brand-brown); color: #FFFFFF; }