{[...items, ...items, ...items].map((item, i) => (
{item}
))}
);
};
// イントロオーバーレイ（marip-intro--lock）が外れるまで実行を待つヘルパ。
// オーバーレイ表示中に IntersectionObserver が幾何的に「見えている」と判定し、
// アニメがオーバーレイの裏で消化されてしまうのを防ぐ。
const _afterIntro = (fn) => {
if (!document.documentElement.classList.contains('marip-intro--lock')) {
fn();
return () => {};
}
const mo = new MutationObserver(() => {
if (!document.documentElement.classList.contains('marip-intro--lock')) {
mo.disconnect();
fn();
}
});
mo.observe(document.documentElement, { attributes: true, attributeFilter: ['class'] });
return () => mo.disconnect();
};
// ─── Reveal-on-scroll wrapper ───────────────────────────────────────────────
const Reveal = ({ children, delay = 0, y = 40, className = '' }) => {
const ref = useRef(null);
const [visible, setVisible] = useState(false);
useEffect(() => {
const el = ref.current;
if (!el) return;
let obs;
const stopWait = _afterIntro(() => {
obs = new IntersectionObserver(
([e]) => { if (e.isIntersecting) { setVisible(true); obs.disconnect(); } },
{ threshold: 0.15 }
);
obs.observe(el);
});
return () => { stopWait(); if (obs) obs.disconnect(); };
}, []);
return (