Add Wayra background image to Work With Me section

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/app/page.tsx

@@ -597,14 +597,25 @@ function AboutSection() {
 // Work With Me Section
 function WorkWithMeSection() {
   return (
-    <section className="section darker-section">
-      <div className="max-w-3xl mx-auto">
+    <section className="section relative overflow-hidden">
+      {/* Background Image */}
+      <div className="absolute inset-0 z-0">
+        <Image
+          src="/images/art/wayra-bg.webp"
+          alt="Wayra"
+          fill
+          className="object-cover"
+        />
+        <div className="absolute inset-0 bg-black/70" />
+      </div>
+
+      <div className="max-w-3xl mx-auto relative z-10">
         <div className="text-center">
-          <h2 className="text-4xl md:text-5xl font-light mb-6">
+          <h2 className="text-4xl md:text-5xl font-light mb-6 text-[var(--text-light)]">
             Work With Me
           </h2>
           <div className="divider"></div>
-          <p className="text-lg leading-relaxed mb-16 opacity-80 max-w-2xl mx-auto">
+          <p className="text-lg leading-relaxed mb-16 opacity-80 max-w-2xl mx-auto text-[var(--text-light)]">
             This work is for those ready to meet themselves honestly with courage,
             sensitivity and presence.
           </p>