.delayed changes

- Switch default behavior to *not* fade out displayed items (use class `transient` or `delayed-transient` on an ancestor to override)
- `collapse` modifier class to use `display: none` instead of opacity

inspire.css

@@ -146,22 +146,31 @@ body {
 
 
 /* Delayed items that are shown incrementally after the slide is */
-@media screen {
-	.delayed,
-	.delayed-children > * {
+.delayed,
+.delayed-children > * {
+	@media screen {
 		opacity: 0;
 		transition-property: var(--transition-properties);
 
 		&.displayed {
-			opacity: .3;
+			&:where(.transient, .transient > *, .delayed-transient *) {
+				opacity: .3;
+			}
 		}
 
 		&.current,
-		&.displayed:is(.persistent, .persistent *) {
+		&.displayed {
 			opacity: 1;
 			transition-duration: var(--transition-duration);
 		}
 	}
+
+	&.future,
+	&.displayed {
+		&:where(.collapse, .collapse > *, .delayed-collapse *) {
+			display: none;
+		}
+	}
 }
 
 .slide[data-steps] {