// Hair · Cut & Style · Growing Out — L3 app
function GrowingOutApp() {
const [t, setTweak] = useTweaks(window.TWEAK_DEFAULTS);
React.useEffect(() => {
const io = new IntersectionObserver((entries) => {
entries.forEach((e) => { if (e.isIntersecting) { e.target.classList.add("in"); io.unobserve(e.target); } });
}, { threshold: 0.08, rootMargin: "0px 0px -40px 0px" });
const scan = () => { document.querySelectorAll(".reveal:not(.in)").forEach((el) => io.observe(el)); };
const raf = requestAnimationFrame(() => requestAnimationFrame(scan));
const mo = new MutationObserver(scan);
mo.observe(document.body, { childList: true, subtree: true });
return () => { cancelAnimationFrame(raf); io.disconnect(); mo.disconnect(); };
}, []);
React.useEffect(() => {
const b = document.body;
b.classList.remove("fp-playfair-dmsans","fp-dmserif-dmsans","fp-fraunces-inter");
b.classList.add(`fp-${t.fontPairing}`);
b.classList.remove("ac-coral","ac-oxblood","ac-champagne","ac-terracotta","ac-bronze","ac-carmine","ac-mahogany");
b.classList.add(`ac-${t.accent}`);
b.classList.toggle("dark", !!t.dark);
b.classList.remove("cs-editorial","cs-rounded","cs-framed","cs-minimal");
b.classList.add(`cs-${t.cardStyle || "editorial"}`);
}, [t.fontPairing, t.accent, t.dark, t.cardStyle]);
return (
<>
Home / Hair /
Cut & Style / Growing out
Why growing out is a stage, not just waiting. } />
Your roadmap. } link="Print as PDF" />
What everyone's reading this week.} link="See top 100" />
The grow-out, by cut type. } />
Everything we've published on growing out. } link="Full index A–Z" />
Where you're headed.} link="All cuts" />