/* Pensiero #030 — maschere locali delle lettere di "Prevost" (rosso #CE2B37) e frase scritta nella fascia in alto (#F1F2F1). */
.photo-030{position:absolute;left:0;top:12.5%;width:100%;height:75%;opacity:0;visibility:hidden;pointer-events:none;z-index:2;-webkit-transition:opacity 1.1s ease;transition:opacity 1.1s ease}
.photo-030.on{opacity:1;visibility:visible}.photo-030.top{z-index:3}
.photo-030>img{display:block;width:100%;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.mask-030{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}
.mask-030>span{display:block;position:absolute;opacity:0;pointer-events:none}
.mask-030>span>svg{display:block;width:100%;height:100%;overflow:hidden;fill:#CE2B37}
.mask-030>span.pulsing{-webkit-animation:pulse030 .85s ease-in-out;animation:pulse030 .85s ease-in-out;will-change:opacity;-webkit-transform:translateZ(0);transform:translateZ(0)}
.lettere-030.glow>span{-webkit-animation:glow030 3.3s ease-in-out;animation:glow030 3.3s ease-in-out}
@-webkit-keyframes pulse030{0%,100%{opacity:0}35%,60%{opacity:1}}
@keyframes pulse030{0%,100%{opacity:0}35%,60%{opacity:1}}
@-webkit-keyframes glow030{0%,100%{opacity:0}33.3%,66.7%{opacity:1}}
@keyframes glow030{0%,100%{opacity:0}33.3%,66.7%{opacity:1}}
.writing-030{position:absolute;left:0;right:0;top:0;height:12.5%;z-index:3;font-size:calc(var(--board-unit,1vw)*4.2);color:#F1F2F1;pointer-events:none}
.phrase-030{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-transition:opacity 1.1s ease;transition:opacity 1.1s ease}
.phrase-030.finished{opacity:0}
.line-030{height:.714em;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
.line-030 svg{display:block;overflow:visible;fill:currentColor}
.written-030{opacity:0;-webkit-transition:opacity .22s ease;transition:opacity .22s ease}
.written-030.shown{opacity:1}
@media(prefers-reduced-motion:reduce){.photo-030{-webkit-transition:none;transition:none}.mask-030{display:none}.written-030,.phrase-030{-webkit-transition:none;transition:none}}