feat: imprint

src/styles.scss

@@ -191,9 +191,7 @@ hr {
 .legal-intro,
 .project-description,
 .story-copy p,
-.detail-panel p,
-.legal-copy p,
-.legal-card p {
+.detail-panel p {
   color: var(--text-muted);
   line-height: 1.75;
 }
@@ -473,8 +471,7 @@ hr {
 
 .story-section,
 .contact-strip,
-.legal-hero,
-.legal-copy {
+.legal-hero {
   margin-top: var(--space-5);
   padding: clamp(1.5rem, 3vw, 2.5rem);
 }
@@ -513,14 +510,12 @@ hr {
 }
 
 .story-copy p:first-child,
-.detail-panel p:first-child,
-.legal-copy p:first-child {
+.detail-panel p:first-child {
   margin-top: 0;
 }
 
 .story-copy p:last-child,
-.detail-panel p:last-child,
-.legal-copy p:last-child {
+.detail-panel p:last-child {
   margin-bottom: 0;
 }
 
@@ -791,7 +786,7 @@ hr {
 .project-icon {
   width: clamp(84px, 12vw, 108px);
   min-width: clamp(84px, 12vw, 108px);
-  height: clamp(84px, 12vw, 108px);
+  height: auto;
   object-fit: contain;
   object-position: center;
   box-shadow: none;
@@ -806,19 +801,8 @@ hr {
   gap: var(--space-5);
 }
 
-.imprint-page a {
-  color: #5ca8ff;
-  text-decoration: underline;
-  text-decoration-thickness: 1.5px;
-  text-underline-offset: 2px;
-}
-
-.imprint-page a:hover {
-  color: #8bc2ff;
-}
-
 .legal-hero .back-link {
-  margin-bottom: var(--space-5);
+  margin-bottom: 0;
 }
 
 .legal-hero h1 {
@@ -833,54 +817,30 @@ hr {
   line-height: 1.8;
 }
 
-.legal-grid {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: var(--space-4);
-}
-
-.legal-card {
-  padding: clamp(1.4rem, 3vw, 2rem);
+.legal-section {
+  margin-top: var(--space-5);
 }
 
 .legal-provider-name {
-  margin: 0 0 0.6rem;
-  font-size: clamp(1.35rem, 1.8vw, 1.7rem);
-  font-weight: 650;
-  letter-spacing: -0.02em;
+  margin: 0;
+  font-size: 1.1rem;
+  font-weight: 700;
+  letter-spacing: 0;
   color: var(--text-primary);
 }
 
-.legal-card p {
-  margin: 0 0 0.45rem;
-  line-height: 1.5;
-}
-
-.legal-row:last-child {
-  margin-bottom: 0;
-}
-
-.legal-copy p {
-  margin: 0 0 var(--space-3);
-}
-
-.legal-copy {
+.legal-contact-box {
   display: grid;
-  gap: var(--space-4);
-  padding: clamp(1.7rem, 3vw, 2.6rem);
+  gap: 0.5rem;
+  width: 100%;
+  justify-items: start;
+  text-align: left;
 }
 
-.legal-block {
-  padding: var(--space-4);
-  border: 1px solid var(--border-soft);
-  border-radius: var(--radius-md);
-  background: rgba(255, 255, 255, 0.03);
-}
-
-.legal-block h2 {
-  margin: 0 0 var(--space-3);
-  font-size: clamp(1.4rem, 2.5vw, 2rem);
-  letter-spacing: -0.03em;
+.legal-contact-box p {
+  margin: 0;
+  color: var(--text-muted);
+  line-height: 1.6;
 }
 
 .site-footer {
@@ -922,7 +882,6 @@ hr {
 @media (max-width: 900px) {
   .hero-section,
   .story-grid,
-  .legal-grid,
   .project-entry,
   .project-entry-reverse {
     grid-template-columns: 1fr;
@@ -1017,7 +976,7 @@ hr {
   .project-icon {
     width: 64px;
     min-width: 64px;
-    height: 64px;
+    height: auto;
     align-self: start;
   }