/* Cinematic Motion Framework 1.1. Content is visible until the runtime succeeds. */
[data-motion="image-reveal"],
[data-motion="image-parallax"],
.motion-mask {
	overflow: hidden;
}

.cm-line-clip {
	display: block;
	overflow: hidden;
	padding-block: 0.06em;
	margin-block: -0.06em;
}

.cm-line,
.cm-word,
.cm-char {
	display: inline-block;
}

.cm-word-space {
	display: inline-block;
	width: 0.28em;
}

[data-motion-scene="horizontal"] [data-motion-role="track"] {
	display: flex;
	width: max-content;
}

[data-motion-scene="device-showcase"],
[data-motion-role="device"],
[data-motion-role="showcase"] {
	transform-style: preserve-3d;
	backface-visibility: hidden;
}

body.home .hjw-hero.hjw-motion-hero :is(.hjw-prompt, h1, .hjw-hero__lede, .hjw-hero__actions, .code-win, .hjw-ambient__ribbon),
html.cm-runtime [data-motion-scene="portfolio-hero"] :is(.hjw-prompt, h1, .hjw-hero__lede, .hjw-hero__actions, .code-win, .hjw-ambient__ribbon) {
	animation: none !important;
}

html.cm-runtime [data-motion-scene="portfolio-hero"] .hjw-ambient__ribbon {
	transform: rotate(-9deg);
}

html.cm-runtime [data-motion-scene="proof-strip"] :is(.hjw-proof__item,.hjw-fit-bar),
html.cm-runtime [data-motion-scene="featured-projects"] :is([data-motion-role="card"],[data-motion-role="media"]),
html.cm-runtime [data-motion-scene="terminal-proof"] :is(.hjw-build-log,.hjw-build-log li),
html.cm-runtime [data-motion-scene="story-list"] .hjw-team-list li {
	animation: none !important;
}

html.cm-runtime [data-motion-scene="proof-strip"] [data-motion-role="rail"],
html.cm-runtime [data-motion-scene="terminal-proof"] [data-reveal],
html.cm-runtime [data-motion-scene="story-list"] [data-reveal] {
	transition: none !important;
}

html.cm-runtime [data-motion-scene="proof-strip"] [data-motion-role="rail"] {
	opacity: 1;
	transform: none;
}

html.cm-runtime [data-motion-scene="featured-projects"] [data-motion-role="card"] {
	transition: border-color .2s ease, background .2s ease !important;
}

html.cm-runtime [data-motion-scene="featured-projects"] [data-motion-role="media"] {
	overflow: hidden;
	isolation: isolate;
}

html.cm-runtime [data-motion-scene="featured-projects"] [data-motion-role="media"] :is(img,video,picture) {
	backface-visibility: hidden;
	transform-origin: center;
}

html.cm-runtime [data-motion-scene="terminal-proof"] .hjw-build-log::after {
	display: none;
}

.cm-terminal-scan {
	position: absolute;
	z-index: 2;
	top: 38px;
	left: 0;
	width: 100%;
	height: 1px;
	pointer-events: none;
	background: linear-gradient(90deg,transparent,var(--accent),transparent);
	opacity: .55;
}

[data-motion-scene="footer-cta"] [data-motion-role="signal"] {
	transform-origin: left center;
}

@media (max-width: 767px) {
	[data-motion-scene="horizontal"] [data-motion-role="track"] {
		display: block;
		width: auto;
	}
}

@media (prefers-reduced-motion: reduce) {
	[data-motion],
	[data-motion-scene],
	[data-motion-role] {
		animation: none !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}

	.cm-line,
	.cm-word,
	.cm-char {
		opacity: 1 !important;
		transform: none !important;
	}

	.cm-terminal-scan {
		display: none !important;
	}
}

@media print {
	[data-motion],
	[data-motion-scene],
	[data-motion-role] {
		opacity: 1 !important;
		transform: none !important;
		clip-path: none !important;
	}
}