/* 공유 히어로 로드 채움 클립 — hero-fill.js 역스케일 대상 */
@layer components {
	.hero-title--scrub { color: var(--df-dim); }
	.hero-fill-wrap {
		position: absolute; inset: 0;
		pointer-events: none;
	}
	.hero-fill-clip {
		display: block;
		overflow: hidden;
		transform: scaleX(0);
		transform-origin: left center;
		block-size: 100%;
		inline-size: 100%;
	}
	.hero-fill-text {
		display: block;
		transform-origin: left center;
		color: var(--df-white);
		font: inherit;
	}
	.hero-fill-text [class$="__ln"] { display: block; }
	.hero-fill-text .c-hero__ln { display: inline; }
	.hero-fill-text .c-hero__ln--tail { color: var(--df-dim); }
}