Adjust process scribble

index.html

@@ -45,7 +45,8 @@
         </section>
 
         <section class="section section--dark process">
-          <div class="section-head section-head--boxed section-head--process">
+          <div class="section-head section-head--boxed">
+            <div class="section-title-lockup section-title-lockup--process">
               <h2 class="section-title section-title--process">
                 <span class="section-title__line">Wie aus Ideen</span>
                 <span class="section-title__line">Ergebnisse werden</span>
@@ -57,6 +58,7 @@
                 aria-hidden="true"
               />
             </div>
+          </div>
 
           <div class="process__grid">
             <article class="card card--process process-card">

styles.css

@@ -279,10 +279,6 @@ button {
   z-index: 1;
 }
 
-.section-head--process {
-  position: relative;
-}
-
 .section-head__accent {
   position: absolute;
   width: clamp(70px, 9vw, 120px);
@@ -290,10 +286,15 @@ button {
   pointer-events: none;
 }
 
+.section-title-lockup--process .section-title--process {
+  position: relative;
+  z-index: 1;
+}
+
 .section-head__accent--process {
   top: -5.2rem;
-  right: -5rem;
-  width: 78px;
+  left: calc(100% - 70px);
+  width: 94px;
 }
 
 .section-head__accent--focus {
@@ -758,20 +759,15 @@ button {
     margin-bottom: 2rem;
   }
 
-  .section-head--process {
-    width: fit-content;
-    justify-content: center;
-  }
-
   .section-title-lockup--work {
     display: block;
     width: fit-content;
   }
 
   .section-head__accent--process {
-    right: -0.25rem;
+    left: calc(100% - 70px);
     top: -3.4rem;
-    width: 64px;
+    width: 77px;
   }
 
   .section-head__accent--work {