chore: create initial project snapshot

Capture the portfolio source, design references, and production assets with repository-specific ignore rules.

src/components/RiverJourney.module.css

@@ -0,0 +1,172 @@
+.journeySection {
+  position: relative;
+  width: 1440px;
+  height: 1050px;
+  /* Seamless continuation of scenic artwork */
+}
+
+.introBlock {
+  position: absolute;
+  left: 60px;
+  top: 170px;
+  width: 380px;
+  z-index: 5;
+}
+
+.eyebrow {
+  display: block;
+  font-size: var(--font-size-label-small);
+  line-height: var(--line-height-label-small);
+  letter-spacing: var(--letter-spacing-eyebrow);
+  text-transform: uppercase;
+  font-weight: 700;
+  color: var(--text-secondary);
+  margin-bottom: 8px;
+}
+
+.heading {
+  font-size: var(--font-size-h2);
+  line-height: var(--line-height-h2);
+  font-weight: 700;
+  color: var(--text-primary);
+  margin-bottom: 12px;
+}
+
+.underlineBar {
+  width: 120px;
+  height: 3px;
+  background-color: var(--accent-default);
+  border-radius: var(--radius-pill);
+  margin-bottom: 24px;
+}
+
+.description {
+  font-size: var(--font-size-body-large);
+  line-height: var(--line-height-body-large);
+  color: var(--text-secondary);
+  font-weight: 400;
+}
+
+/* Step Typography */
+.stepNumber {
+  font-size: 20px;
+  font-weight: 700;
+  color: var(--accent-default);
+  margin-bottom: 4px;
+}
+
+.stepTitle {
+  font-size: var(--font-size-h3);
+  line-height: var(--line-height-h3);
+  font-weight: 700;
+  color: var(--text-primary);
+  margin-bottom: 6px;
+}
+
+.stepDesc {
+  font-size: var(--font-size-body-small);
+  line-height: var(--line-height-body-small);
+  color: var(--text-secondary);
+}
+
+.islandImage {
+  object-fit: contain;
+  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.08));
+  transition: transform 0.3s ease;
+}
+
+.islandImage:hover {
+  transform: translateY(-4px) scale(1.02);
+}
+
+/* Freely Positioned Milestones */
+
+/* Step 05: Product Engineer */
+.step05Graphic {
+  position: absolute;
+  left: 1030px;
+  top: 100px;
+  width: 180px;
+  height: 240px;
+  z-index: 6;
+}
+
+.step05Text {
+  position: absolute;
+  left: 1220px;
+  top: 150px;
+  width: 190px;
+  z-index: 6;
+}
+
+/* Step 04: Software Engineer */
+.step04Text {
+  position: absolute;
+  left: 650px;
+  top: 230px;
+  width: 200px;
+  z-index: 6;
+}
+
+.step04Graphic {
+  position: absolute;
+  left: 810px;
+  top: 200px;
+  width: 250px;
+  height: 220px;
+  z-index: 6;
+}
+
+/* Step 03: Computer Science */
+.step03Text {
+  position: absolute;
+  left: 590px;
+  top: 425px;
+  width: 200px;
+  z-index: 6;
+}
+
+.step03Graphic {
+  position: absolute;
+  left: 750px;
+  top: 390px;
+  width: 240px;
+  height: 220px;
+  z-index: 6;
+}
+
+/* Step 02: UI/UX Designer */
+.step02Text {
+  position: absolute;
+  left: 490px;
+  top: 570px;
+  width: 180px;
+  z-index: 6;
+}
+
+.step02Graphic {
+  position: absolute;
+  left: 620px;
+  top: 550px;
+  width: 210px;
+  height: 200px;
+  z-index: 6;
+}
+
+/* Step 01: Digital Artist */
+.step01Text {
+  position: absolute;
+  left: 80px;
+  top: 650px;
+  width: 210px;
+  z-index: 6;
+}
+
+.step01Graphic {
+  position: absolute;
+  left: 260px;
+  top: 610px;
+  width: 230px;
+  height: 200px;
+  z-index: 6;
+}