/* ===================================
    Slide Typography Improvements
====================================== */

/* Main title layers - improve character spacing and line height */
.tp-caption.alt-font {
    letter-spacing: 0.02em !important;
    line-height: 1.2 !important;
}

/* Large text layers - better spacing */
.tp-caption[data-fontsize*="170"],
.tp-caption[data-fontsize*="150"],
.tp-caption[data-fontsize*="160"],
.tp-caption[data-fontsize*="130"],
.tp-caption[data-fontsize*="120"],
.tp-caption[data-fontsize*="110"],
.tp-caption[data-fontsize*="90"] {
    letter-spacing: 0.03em !important;
    line-height: 1.15 !important;
}

/* Medium text layers - subtitle and description */
.tp-caption[data-fontsize*="14"],
.tp-caption[data-fontsize*="16"] {
    letter-spacing: 0.01em !important;
    line-height: 1.6 !important;
}

/* Number layers - better spacing */
.tp-caption[data-fontsize*="200"],
.tp-caption[data-fontsize*="150"],
.tp-caption[data-fontsize*="120"] {
    letter-spacing: 0.02em !important;
    line-height: 1.1 !important;
}

/* Button text layers */
.tp-caption[data-fontsize*="28"],
.tp-caption[data-fontsize*="22"],
.tp-caption[data-fontsize*="18"],
.tp-caption[data-fontsize*="15"] {
    letter-spacing: 0.01em !important;
    line-height: 1.4 !important;
}

/* Arrow text layers */
.tp-caption[data-fontsize*="40"] {
    letter-spacing: 0.02em !important;
    line-height: 1.1 !important;
}

/* Architecture number specific styling */
.tp-caption.architecture-number {
    letter-spacing: 0.05em !important;
    line-height: 1.1 !important;
}

/* Rev button specific styling */
.tp-caption.rev-btn {
    letter-spacing: 0.01em !important;
    line-height: 1.3 !important;
}

/* Responsive improvements for mobile */
@media (max-width: 768px) {
    .tp-caption.alt-font {
        letter-spacing: 0.01em !important;
        line-height: 1.1 !important;
    }
    
    .tp-caption[data-fontsize*="14"],
    .tp-caption[data-fontsize*="16"] {
        line-height: 1.5 !important;
    }
}

/* Additional typography improvements for better readability */
.tp-caption {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}