.video-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:var(--color-bg);transition:opacity .5s ease}.video-loading--hidden{opacity:0;pointer-events:none}.video-loading-inner{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.loading-mark-wrap{position:relative;width:clamp(3.6rem,7.8vw,5.4rem);aspect-ratio:447 / 263}.loading-mark-base,.loading-mark-fill{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:url(/assets/brand/icon-mark.webp?v=2);mask-image:url(/assets/brand/icon-mark.webp?v=2);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.loading-mark-base{background:color-mix(in srgb,var(--color-text) 16%,transparent)}.loading-mark-fill{background:linear-gradient(180deg,var(--ns-olive),var(--ns-off-white));clip-path:inset(calc(100% - var(--fill, 0%)) 0 0 0);transition:clip-path .4s ease-out}.video-loading-pct{display:flex;align-items:baseline;gap:.4em;color:var(--color-text-muted);font-size:.85rem;letter-spacing:.08em}.video-loading-pct-num{color:var(--color-text);font-size:1.35rem;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.loading-mark-fill{transition:none}}