general updates on aes

Author: cromanpa94

src/css/lab-ops.css

@@ -94,16 +94,16 @@
 }
 
 /*-- -------------------------- -->
-<---       About LabOps         -->
+<---     About + PDF layout     -->
 <--- -------------------------- -*/
 @media only screen and (min-width: 0rem) {
   #labops-about {
-    padding: clamp(3.5rem, 7vw, 5.5rem) 1.5rem;
+    padding: clamp(3.5rem, 7vw, 5.5rem) 1.5rem clamp(4rem, 8vw, 6rem);
     background: #fff;
   }
   #labops-about .cs-container {
     width: 100%;
-    max-width: 56rem;
+    max-width: 72rem;
     margin: auto;
   }
   .labops-about-grid {
@@ -138,65 +138,45 @@
 
   /* Pull quote */
   .labops-pullquote {
-    margin: 0;
-    padding: 1.75rem 2rem;
+    margin: 0.5rem 0 0 0;
+    padding: 1.5rem 1.75rem;
     border-left: 3px solid var(--primary);
     background: var(--secondary);
     border-radius: 0 6px 6px 0;
   }
   .labops-pullquote p {
     font-family: 'Fraunces', Georgia, serif;
-    font-size: clamp(1.125rem, 2.5vw, 1.5rem);
+    font-size: clamp(1rem, 2vw, 1.25rem);
     font-weight: 400;
     font-style: italic;
     line-height: 1.5;
     color: var(--headerColor);
     margin: 0;
   }
-}
 
-@media only screen and (min-width: 64rem) {
-  .labops-about-grid {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    gap: 4rem;
-    align-items: start;
-  }
-}
-
-/*-- -------------------------- -->
-<---       PDF Viewer           -->
-<--- -------------------------- -*/
-@media only screen and (min-width: 0rem) {
-  #labops-paper {
-    padding: clamp(3rem, 6vw, 5rem) 1.5rem clamp(4rem, 8vw, 6rem);
-    background: #eef3f0;
-  }
-  #labops-paper .cs-container {
-    width: 100%;
-    max-width: 56rem;
-    margin: auto;
+  /* PDF column */
+  .labops-pdf-col {
     display: flex;
     flex-direction: column;
-    gap: 2rem;
+    gap: 1.25rem;
   }
   .labops-paper-header {
     display: flex;
     flex-direction: column;
-    gap: 0.5rem;
+    gap: 0.4rem;
   }
   .labops-paper-header .cs-text {
-    font-size: 0.9375rem;
+    font-size: 0.875rem;
     color: var(--bodyTextColor);
-    opacity: 0.75;
+    opacity: 0.7;
     margin: 0;
     max-width: unset;
   }
   .labops-download-btn {
     display: inline-flex;
     align-items: center;
     gap: 0.5rem;
-    margin-top: 0.75rem;
+    margin-top: 0.5rem;
     font-size: 0.8125rem;
     font-family: 'Figtree', sans-serif;
     font-weight: 600;
@@ -217,10 +197,10 @@
   }
   .labops-pdf-frame {
     width: 100%;
-    height: clamp(480px, 75vh, 780px);
+    height: clamp(380px, 55vh, 600px);
     border-radius: 8px;
     overflow: hidden;
-    box-shadow: 0 8px 48px rgba(43, 58, 50, 0.14), 0 1px 0 rgba(43,58,50,0.08);
+    box-shadow: 0 8px 48px rgba(43, 58, 50, 0.14);
     border: 1px solid var(--lineColor);
     background: #fff;
   }
@@ -230,4 +210,32 @@
     border: none;
     display: block;
   }
+}
+
+@media only screen and (min-width: 64rem) {
+  .labops-about-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 4rem;
+    align-items: start;
+  }
+  .labops-pdf-frame {
+    height: clamp(480px, 65vh, 700px);
+  }
+}
+
+/*-- -------------------------- -->
+<---    Nav override for hero   -->
+<--- -------------------------- -*/
+/* Nav sits over dark hero — force white links until user scrolls */
+@media only screen and (min-width: 64rem) {
+  body:not(.scroll) #cs-navigation .cs-li-link {
+    color: rgba(255, 255, 255, 0.85);
+  }
+  body:not(.scroll) #cs-navigation .cs-li-link:before {
+    background: rgba(255, 255, 255, 0.8);
+  }
+  body:not(.scroll) #cs-navigation .background-color-div {
+    border-bottom-color: rgba(255, 255, 255, 0.12);
+  }
 }