/* Home entrance sequence. The gate in <head> adds html.intro-pending only when the sequence will play;
   js/intro.js removes it as it starts, so this file never hides content permanently. */
html.intro-pending :is(.portfolio-header,.floating-work,.hero-brand h1,.hero-brand p,.scroll-cue){visibility:hidden}
html.intro-running .floating-work{pointer-events:none;will-change:translate,scale,rotate,opacity}
.intro-letter{display:inline-block;position:relative;clip-path:inset(-.25em -.6em 0 -.6em)}
.intro-glyph{display:inline-block}
@media(prefers-reduced-motion:reduce){html.intro-pending :is(.portfolio-header,.floating-work,.hero-brand h1,.hero-brand p,.scroll-cue){visibility:visible!important}}