Bind work title and accent

index.html

@@ -158,13 +158,15 @@
 
         <section class="section section--accent work">
           <div class="section-head section-head--boxed">
-            <h2 class="section-title section-title--work">So arbeite ich</h2>
-            <img
-              class="section-head__accent section-head__accent--work"
-              src="./media/strichlein_so_arbeite_ich.svg"
-              alt=""
-              aria-hidden="true"
-            />
+            <div class="section-title-lockup section-title-lockup--work">
+              <h2 class="section-title section-title--work">So arbeite ich</h2>
+              <img
+                class="section-head__accent section-head__accent--work"
+                src="./media/strichlein_so_arbeite_ich.svg"
+                alt=""
+                aria-hidden="true"
+              />
+            </div>
           </div>
 
           <div class="work__grid">

styles.css

@@ -249,6 +249,12 @@ button {
   margin-bottom: var(--section-head-box-gap);
 }
 
+.section-title-lockup {
+  position: relative;
+  display: inline-block;
+  width: fit-content;
+}
+
 .section-title {
   font-size: clamp(2.6rem, 4.4vw, 4.3rem);
   max-width: 10.5ch;
@@ -269,6 +275,11 @@ button {
   white-space: nowrap;
 }
 
+.section-title-lockup--work .section-title--work {
+  position: relative;
+  z-index: 1;
+}
+
 .section-head--process {
   position: relative;
 }
@@ -713,6 +724,11 @@ button {
     justify-content: center;
   }
 
+  .section-title-lockup--work {
+    display: block;
+    width: fit-content;
+  }
+
   .section-head__accent--process {
     right: -0.25rem;
     top: -3.4rem;