Start adding responsive features to the redesign

[jneen]

• Switches to a max-width based layout instead of defining absolute padding. This allows for us to have smaller padding on small devices, and not blow up massively on large TVs etc
• The hero section now uses flexbox and wraps naturally for the tablet and phone widths.
• Added a @layer overrides for responsive overrides - including making some decorative icons disappear entirely at smaller sizes.

Full width

Mid width (tablets)

Small width (phones)

[netlify]

✅ Deploy Preview for twc-test ready!

Name	Link
🔨 Latest commit	49df12f
🔍 Latest deploy log	https://app.netlify.com/projects/twc-test/deploys/6a8b88549b31e0000867d312
😎 Deploy Preview	https://deploy-preview-572--twc-test.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
🤖 Make changes	Run an agent on this branch

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[jneen]

As for the nav, I think it looks quite nice at tablet width, but should be burgerized for phone width.