Unify label styling by replacing hero-label with section-label and comment out portfolio CTA section

404.php

@@ -22,7 +22,7 @@
     </nav>
 
     <header class="hero" style="text-align: center; align-items: center;">
-        <div class="hero-label">Error 404</div>
+        <div class="section-label">Error 404</div>
         <h1>Not<br>Found</h1>
         <p class="hero-sub" style="text-align: center;">This page doesn't exist. It probably never did.</p>
         <div class="hero-cta">

css/style.css

@@ -126,15 +126,11 @@ a {
     box-shadow: var(--shadow);
 }
 
-.hero-label {
-    font-family: var(--mono);
-    font-size: 0.85rem;
-    text-transform: uppercase;
+.hero .section-label {
     background: var(--accent);
     color: var(--black);
-    display: inline-block;
+    font-size: 0.85rem;
     padding: 4px 12px;
-    font-weight: 900;
     margin-bottom: 2rem;
     width: fit-content;
 }
@@ -322,8 +318,8 @@ a {
 }
 
 .service-row-title {
-    font-family: 'Archivo Black', sans-serif;
-    font-size: clamp(2.5rem, 6vw, 6rem);
+    font-family: var(--mono), serif;
+    font-size: clamp(3rem, 8vw, 8rem);
     font-weight: 900;
     text-transform: uppercase;
     color: #ffffff;
@@ -372,6 +368,10 @@ a {
     .service-row-arrow {
         display: none;
     }
+
+    .service-row-title {
+        font-size: clamp(2rem, 10vw, 3rem);
+    }
 }
 
 /* ========================================

includes/cs_header.php

@@ -27,7 +27,7 @@ require __DIR__ . '/header.php';
 </div>
 
 <header class="hero">
-	<div class="hero-label">Case Study — <?= htmlspecialchars($p['num']) ?></div>
+	<div class="section-label">Case Study — <?= htmlspecialchars($p['num']) ?></div>
 	<h1><?= htmlspecialchars($p['h1'][0]) ?><br><span class="h1-sub"><?= htmlspecialchars($p['h1'][1]) ?></span></h1>
 	<p class="hero-sub"><?= htmlspecialchars($p['sub']) ?></p>
 	<ul class="cs-meta-bar">

index.php

@@ -6,7 +6,7 @@ require __DIR__.'/includes/header.php';
 ?>
 
 <header class="hero">
-	<div class="hero-label">Web Developer — UK</div>
+	<div class="section-label">Web Developer — UK</div>
 	<h1>Ovidiu<br>Ungureanu</h1>
 	<p class="hero-sub">I build web applications that work.<br>PHP, MySQL, clean code, no nonsense.</p>
 	<div class="hero-cta">
@@ -82,13 +82,13 @@ require __DIR__.'/includes/header.php';
 	</div>
 </section>
 
-<section class="section section-cta">
-	<div class="section-label">003 — Work</div>
-	<div class="section-content">
-		<p class="large-text">A few recent builds.</p>
-		<a href="/portfolio" class="btn">View Work →</a>
-	</div>
-</section>
+<!--<section class="section section-cta">-->
+<!--	<div class="section-label">003 — Work</div>-->
+<!--	<div class="section-content">-->
+<!--		<p class="large-text">A few recent builds.</p>-->
+<!--		<a href="/portfolio" class="btn">View Work →</a>-->
+<!--	</div>-->
+<!--</section>-->
 
 <section id="contact" class="section">
 	<div class="section-label">004 — Contact</div>

portfolio.php

@@ -9,7 +9,7 @@ require __DIR__ . '/data/projects.php';
 ?>
 
 <header class="hero">
-	<div class="hero-label">Portfolio — Selected Work</div>
+	<div class="section-label">Portfolio — Selected Work</div>
 	<h1>Selected<br>Work</h1>
 	<p class="hero-sub">Client projects and builds.</p>
 </header>