/*section.white-shadow-top */
section:nth-of-type(2) {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 50px);
}

h2 {
    font: 600 1.4rem/1.2 "Helvetica_Normal",helvetica,arial,sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
    text-align: center;
}
@media (min-width: 340px) and (min-height: 600px) {	
	h2 {
		font-size: 1.33rem;
		font-size: max(3.5vh, 1.33rem);
		font-weight: 500;
	}	
}
@media (min-width: 700px) and (min-height: 700px) {	
	h2 {
		font-size: 1.8rem;
/*		letter-spacing: 1px;	*/
	}	
}
@media (min-width: 1180px) and (min-height: 700px) {	
	h2 {
		font-size: max(4vh, 2.55rem);
	}	
}
@media (min-width: 1024px) and (min-height: 600px) {
 @supports (animation-timeline: scroll()) {
	h2 {
		filter: grayscale(100%) brightness(0);
		transition: filter .5s 60s ease-out;
	}
	section {
		--show-colors: false;
		
/*		view-timeline: --h2-tl; */
		animation: show_colors steps(1) forwards;
		animation-timeline: view();	/*--h2-tl;*/
		animation-range-end: entry 80%;
	}
	@keyframes show_colors {
		to {
			--show-colors: true;
		}
	}
	@container style(--show-colors: true) {
		h2 {
			filter: grayscale(0%) brightness(1);
			transition-delay: 0s;
		}
	}
 }
}