/* Keep the render's pearl finish and highlights visible beneath the typography. */
#readability{background:linear-gradient(90deg,rgba(248,250,252,.80),rgba(249,250,252,.48) 23%,rgba(249,250,252,.08) 48%,transparent 67%)}
#scene-wrap::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#fafcff66,transparent 19%,transparent 82%,#eff4f950)}
.cinema-buffering #fallback{opacity:1}.cinema-buffering #world{opacity:0}
#world{transition:opacity .35s}#fallback{transition:opacity .35s}
.space-mode #scene-wrap::after{background:linear-gradient(180deg,#02081644,transparent 20%,transparent 80%,#02081644)}
.space-mode #readability{background:linear-gradient(90deg,#010614bc,#01061466 30%,#01061414 62%,transparent)}
.scene-note{color:#62707b}.cabin-note{text-shadow:0 1px 10px #001932}
@media(max-width:760px){
 #readability{background:linear-gradient(180deg,transparent 24%,#f4f8fc0a 33%,#f4f8fcb5 48%,#f4f8fc 67%)}
 [data-chapter=services] #readability{background:linear-gradient(180deg,transparent 24%,#f4f8fc30 34%,#f4f8fcea 47%,#f4f8fc 57%)}
 [data-chapter=contacts] #readability{background:linear-gradient(180deg,transparent 30%,#f4f8fc14 38%,#f4f8fce8 50%,#f4f8fc 61%)}
 .space-mode #readability{background:linear-gradient(180deg,transparent 22%,#01081530 38%,#010815ae 65%,#010815e8)}
 #fallback{height:68%;object-position:72% center}
 [data-chapter=services] #fallback,[data-chapter=contacts] #fallback{height:53%;object-position:85% center}
 .space-mode #fallback{height:100%;object-position:72% center}
 #scene-wrap{background:#f4f8fc}.space-mode #scene-wrap{background:#020918}
}