/* method-page.jsx, "The Method": a soft, light, oracular sequence (Co-Star cadence, Monics warmth) */ const { useEffect: useMethodFx } = React; const MP = { bg: "#ebeae4", // brand Base White bg2: "#e2dfd5", // soft cream panel cream: "#282828", // ink (kept name so all text refs flip together) soft: "#7d7669", // brand Taupe accent: "#9a9184", // lightened taupe for labels line: "rgba(40,40,40,0.14)", }; const MPvars = { "--ink": MP.cream, color: MP.cream, background: MP.bg }; const PAD = "clamp(28px,6vw,110px)"; function MethodPage() { const [mvActive, setMvActive] = React.useState(-1); // reveal-on-scroll useMethodFx(() => { const io = new IntersectionObserver((es) => { es.forEach(e => { if (e.target.classList.contains("loop")) { e.target.classList.toggle("in", e.isIntersecting); } else if (e.isIntersecting) { e.target.classList.add("in"); io.unobserve(e.target); } }); }, { threshold: 0.18, rootMargin: "0px 0px -8% 0px" }); document.querySelectorAll(".reveal").forEach(el => io.observe(el)); // thread: track which movement is on screen const mio = new IntersectionObserver((es) => { es.forEach(e => { if (e.isIntersecting) setMvActive(Number(e.target.getAttribute("data-mv"))); }); }, { threshold: 0.45 }); document.querySelectorAll("[data-mv]").forEach(el => mio.observe(el)); return () => { io.disconnect(); mio.disconnect(); }; }, []); const movements = [ { t: "Sense", domain: "The Body", line: "The body reads a space before you do.", body: "Air that feels clean to breathe, water worth drinking, floors that wake the soles of your feet. We compose what the senses meet first, so a space welcomes you before you think to look." }, { t: "Shape", domain: "The Space", line: "Calm the space, and the mind follows.", body: "Proportion, light, and the path your body takes through a room; we shape these so the space asks nothing of you, and the noise in your head finds somewhere to soften. Visual clutter measurably raises cortisol: decluttering and flow aren't aesthetics, they lower the cognitive load a room places on you." }, { t: "Regulate", domain: "The Nervous System", line: "Every culture knew how a space should make you feel.", body: "Hygge, Vastu, feng shui: different names for the same instinct, rebuilt as a measurable protocol. Warm 2700K light at night, daylight spectrum by morning, materials and colour tuned to how the body responds, so the nervous system can finally exhale." }, { t: "Restore", domain: "Your Energy", line: "A space that recharges you, not drains you.", body: "You spend nearly 90% of life indoors, and a building can pour energy back into you or quietly draw it down. This is the root that supplements, food and biohacking all skip: wellbeing begins not in what you take, but in where you live." }, ]; return (

{/* header */}

{/* hero, one thought, vast space */}

The Method

A space can quiet your mind and return you to yourself.

Most of life unfolds indoors. We design spaces that quietly give that feeling back.

Scroll

{/* the single atmospheric breath */}

Spatial Sensory Intelligence^™

{/* four movements over one continuous field of light, shades evolving into each other */}

{/* the thread: a quiet guide through the four movements */}

{movements.map((m, i) => ( {i > 0 && } ))}

One System

{/* phone: the system reads as a vertical descent instead of a scaled-down dish */}

{[["Sense", "The Body"], ["Shape", "The Space"], ["Regulate", "Nervous System"], ["Restore", "Your Energy"]].map(([t, d], i) => ( {i > 0 && ))}

We work inward, from what the body senses on the surface down to the energy held at the core.

{/* closing, the seal, the invitation */}

Come feel the difference.

A free, unhurried call to understand your space and how we might work together.

Connect →

{/* footer */}

); } ReactDOM.createRoot(document.getElementById("root")).render();