// Hair · Technique · Detangling Done Right — L3 app (COMBINED PAGE)
// Anchors: #wet-vs-dry, #brush-choice
function DetanglingDoneRightApp() {
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-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
/
Technique
/
Detangling Done Right
Wet vs Dry
Brush Choice
What we mean by detangling. } />
The beginner's path.} link="Print as PDF" />
What everyone's reading this week.} link="See top 100" />
Choosing the right brush. } />
Everything we've published on detangling. } link="Full index A–Z" />
More from the technique axis.} link="By technique" />