/* Homepage entrance: striped wordmark reveal, then a lifting curtain. */
html.home-intro-pending::before { content:''; position:fixed; inset:0; z-index:10000; background:#faf7f1; }
.creaton-home-intro { position:fixed; inset:0; z-index:10000; display:grid; place-items:center; background:#faf7f1; transform:translateY(0); }
.creaton-home-intro-brand { position:relative; width:clamp(220px,48vw,660px); }
.creaton-home-intro-brand img { display:block; width:100%; height:auto; }
.creaton-home-intro-covers { position:absolute; inset:-2px; display:flex; overflow:hidden; }
.creaton-home-intro-covers i { display:block; flex:1; background:#faf7f1; transform:translateY(0); }
.creaton-home-intro.is-playing .creaton-home-intro-covers i { animation:creaton-logo-strip .8s cubic-bezier(.76,0,.24,1) both; animation-delay:calc(var(--strip)*65ms); }
.creaton-home-intro.is-leaving { animation:creaton-intro-lift .85s cubic-bezier(.76,0,.24,1) forwards; }
@keyframes creaton-logo-strip { to { transform:translateY(-102%); } }
@keyframes creaton-intro-lift { to { transform:translateY(-101%); } }
@media (prefers-reduced-motion:reduce) { html.home-intro-pending::before,.creaton-home-intro { display:none; } }