feat: compose the portfolio journey layer

src/styles/print.css

@@ -24,6 +24,7 @@
   .portfolio-shell,
   .site-header,
   .portfolio-main,
+  .hero-journey,
   .site-footer {
     display: block;
     padding: 0;
@@ -31,8 +32,22 @@
     background: transparent;
   }
 
-  .site-header {
+  .hero-journey {
     margin-block-end: 1.5rem;
+    min-block-size: 0;
+  }
+
+  .hero-journey__content {
+    display: block;
+    inline-size: 100%;
+    padding: 0;
+    border: 0;
+    background: transparent;
+    box-shadow: none;
+  }
+
+  .hero-journey__content > * + * {
+    margin-block-start: 0.4rem;
   }
 
   .print-portfolio-label {
@@ -46,7 +61,8 @@
     text-transform: uppercase;
   }
 
-  .portfolio-section {
+  .portfolio-section,
+  .portfolio-section[data-layout] {
     width: 100%;
     margin: 0 0 1.25rem;
     padding: 0 0 1.25rem;
@@ -58,6 +74,19 @@
     box-shadow: none;
   }
 
+  .portfolio-section[data-layout='project-stage'] > h2,
+  .portfolio-section[data-layout='project-stage'] > .section-eyebrow,
+  .project-case-study,
+  .project-case-study[data-project-id],
+  .project-case-study[data-project-priority] {
+    inline-size: 100%;
+    margin-inline: 0;
+    padding-inline: 0;
+    border-inline: 0;
+    background: transparent;
+    box-shadow: none;
+  }
+
   a {
     color: inherit;
     text-decoration: underline;