From 3aa2c5f7d3646a68103036f947969a8aef04772b Mon Sep 17 00:00:00 2001 From: gator Date: Wed, 11 Mar 2026 01:39:58 +0000 Subject: [PATCH] Apply transparent logo treatment and add shared stat/capability/list styles for redesigned pages --- public/css/style.css | 61 ++++++++++++++++++++++++++++++++++++++------ 1 file changed, 53 insertions(+), 8 deletions(-) diff --git a/public/css/style.css b/public/css/style.css index 555280c..c7fb2ba 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -53,13 +53,14 @@ p { margin: 0 0 1rem; color: var(--text); } .nav-wrap { display: flex; align-items: center; justify-content: space-between; min-height: 84px; gap: 1rem; } .brand { display: inline-flex; align-items: center; gap: .7rem; font-weight: 800; color: var(--dark); } .brand img { - width: 52px; - height: 52px; + width: 56px; + height: 56px; object-fit: contain; - border-radius: 12px; - background: #fff; - border: 1px solid var(--border); - padding: .24rem; + border-radius: 0; + background: transparent; + border: 0; + padding: 0; + filter: drop-shadow(0 2px 8px rgba(0,0,0,.08)); } .brand span { font-size: 1.06rem; } @@ -177,6 +178,24 @@ p { margin: 0 0 1rem; color: var(--text); } .quote-panel cite { font-style: normal; color: var(--muted); font-weight: 600; } .research-list, .docs-list, .testimonials-stack { display: grid; gap: 1rem; } +.stats-showcase { + display: grid; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 1rem; +} +.stats-showcase article { + background: rgba(255,255,255,.08); + border: 1px solid rgba(255,255,255,.2); + border-radius: 14px; + padding: 1.1rem; +} +.display-stat { + font-size: clamp(2.3rem, 5vw, 4.3rem); + font-weight: 900; + color: #fff; + line-height: 1; + margin: 0 0 .35rem; +} .research-item, .doc-row { background: #fff; border: 1px solid var(--border); @@ -199,7 +218,32 @@ p { margin: 0 0 1rem; color: var(--text); } box-shadow: var(--shadow); } .team-card img { border-radius: 10px; height: 170px; width: 100%; object-fit: cover; } - +.capability-grid { + display: grid; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 1rem; +} +.capability-card { + background: #fff; + border: 1px solid var(--border); + border-left: 4px solid var(--brand-red); + border-radius: 12px; + padding: 1rem; + box-shadow: var(--shadow); +} +.people-list { display: grid; gap: .7rem; } +.person-row { + display: flex; + justify-content: space-between; + gap: 1rem; + align-items: flex-start; + background: #fff; + border: 1px solid var(--border); + border-radius: 12px; + padding: .9rem 1rem; +} +.doc-row h3 { margin-bottom: .3rem; } +.brand-footer img { filter: none; } .quote-row { display: grid; grid-template-columns: 60px 1fr; @@ -286,7 +330,8 @@ select:focus-visible { } @media (max-width: 980px) { - .hero-grid, .split, .video-grid, .news-testimonials, .footer-grid, .form-grid, .team-grid, .team-card, .quote-row { grid-template-columns: 1fr; } + .hero-grid, .split, .video-grid, .news-testimonials, .footer-grid, .form-grid, .team-grid, .team-card, .quote-row, .stats-showcase, .capability-grid { grid-template-columns: 1fr; } + .person-row { flex-direction: column; } .split-reverse .split-copy, .split-reverse .split-media { order: initial; }