.rotating-heading-wrapper {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap; 
    line-height: 1.3;
}

.rot-heading-rotating {
    display: inline-block;
    transition: opacity 300ms ease-in-out, transform 300ms ease-in-out;
    opacity: 1;
}
.rot-heading-rotating.hidden {
    opacity: 0;
    transform: translateY(-6px);
}

@media (max-width: 768px) {
    .rotating-heading-wrapper {
        gap: 4px;
    }
}

@media (max-width: 480px) {
    .rotating-heading-wrapper {
        flex-direction: column; 
        align-items: flex-start;
        gap: 2px;
    }
	
    .rot-heading-prefix {
        display: block;
        margin-bottom: 2px;
    }
}