A lot of work.

js/color.js

@@ -0,0 +1,51 @@
+var controller = new ScrollMagic.Controller();
+
+var backgroundColor = new TweenMax.to(".bg-beige-to-black", 1, {
+    backgroundColor: "#000",
+    ease: Power1.easeOut
+});
+
+var backgroundColorScene = new ScrollMagic.Scene({
+    triggerElement: "#work",
+    duration: 256
+})
+.setTween(backgroundColor)
+.addTo(controller);
+
+var textColor = new TweenMax.to(".black-to-beige", 1, {
+    color: "#f7eee0",
+    ease: Power1.easeOut
+});
+
+var textColorScene = new ScrollMagic.Scene({
+    triggerElement: "#work",
+    duration: 256
+})
+.setTween(textColor)
+.addTo(controller);
+
+
+var reverseBackgroundColor = new TweenMax.to(".bg-beige-to-black", 1, {
+    backgroundColor: "#f7eee0",
+    ease: Power1.easeOut
+});
+
+var reverseBackgroundColorScene = new ScrollMagic.Scene({
+    triggerElement: "#rental",
+    duration: 256
+})
+.setTween(reverseBackgroundColor)
+.addTo(controller);
+
+var reverseTextColor = new TweenMax.to(".black-to-beige", 1, {
+    color: "#000",
+    ease: Power1.easeOut
+});
+
+var reverseTextColorScene = new ScrollMagic.Scene({
+    triggerElement: "#rental",
+    duration: 256
+})
+.setTween(reverseTextColor)
+.addTo(controller);
+

js/hero.js

@@ -1,17 +0,0 @@
-var x = window.screen.width > 512 ? 160 : 80;
-
-var controller = new ScrollMagic.Controller();
-
-var hero = new TweenMax.to("#hero", 1, {
-    x: this.x,
-    ease: Power1.easeOut
-});
-
-var heroScene = new ScrollMagic.Scene({
-    triggerElement: "#start",
-    triggerHook: 0,
-    duration: 320
-})
-.setTween(hero)
-.addTo(controller);
-