diff --git a/protected/index.html b/protected/index.html index 10b7f72..bea0851 100644 --- a/protected/index.html +++ b/protected/index.html @@ -838,16 +838,38 @@ padding-bottom: clamp(6rem, 16vh, 11rem); } #page-overview #hero .hero-wrap { - /* Constrain to the left column so Europe is visible to its right. - Widened from 62ch to 74ch (~+20%) so the new longer hero lede - ("Fenja AI is a sovereign AI platform…") sits comfortably on - fewer lines. */ - max-width: 74ch; - /* Zeroed: wrap padding-top was adding down-drift inside the centered - container, pushing the hero-foot toward the dot-nav. Vertical - position is now controlled entirely by #hero's asymmetric padding. */ + /* Two-column layout: editorial copy on the left, Fenja wordmark + on the right — the right column anchors the logo at the same + viewport position the welcome page uses (~75% across). */ + display: grid; + grid-template-columns: minmax(0, 58%) minmax(0, 42%); + gap: clamp(2rem, 5vw, 4rem); + align-items: center; + max-width: none; padding-top: 0; } + #page-overview #hero .hero-copy { + max-width: 62ch; + } + + /* Right-column wordmark — sized to match the welcome page's + .welcome-logo (280px at the top end). Decorative only; the + heading remains the left-column

. */ + #page-overview #hero .hero-mark { + display: flex; + align-items: center; + justify-content: center; + pointer-events: none; + } + #page-overview #hero .hero-mark img { + width: clamp(200px, 22vw, 320px); + height: auto; + display: block; + opacity: 0.92; + } + /* No separate reveal/opacity rule needed: the whole .hero-wrap + fades in as one via bifrost.js's hero tween, so both columns + arrive together. */ /* Make sure scenes don't accidentally inherit `main { position: relative }` */ #overview-scroll > section { position: relative; z-index: 2; } @@ -998,12 +1020,16 @@ html { .support { display: flex; align-items: center; - gap: 0.75rem; - font-size: var(--step-sm); + /* All three axes bumped ~50% from the original: gap 0.75→1.1rem, + font-size ×1.5 via a calc on --step-sm, and the svg wordmark + grows 18→27px so the Innovationsfonden lockup reads with more + weight. */ + gap: 1.1rem; + font-size: calc(var(--step-sm) * 1.5); text-transform: uppercase; letter-spacing: 0.18em; } - .support svg { height: 18px; width: auto; } + .support svg { height: 27px; width: auto; } .scroll-hint { display: inline-flex; @@ -1564,6 +1590,14 @@ html { .hero-foot { margin-top: 2rem; flex-direction: column; gap: 1rem; align-items: flex-start; } #hero { padding-top: 5rem; padding-bottom: 3rem; min-height: auto; } + /* Narrow viewports: collapse the hero's 2-column grid so the + wordmark sits below the copy instead of beside it. */ + #page-overview #hero .hero-wrap { + grid-template-columns: 1fr; + gap: 2rem; + } + #page-overview #hero .hero-mark { justify-content: flex-start; } + #page-overview #hero .hero-mark img { width: clamp(160px, 40vw, 220px); } } @media (max-width: 520px) { @@ -2447,25 +2481,28 @@ html { ============================================================ -->
-
-
For regulated environments
+ +
+
Meet Fenja AI

- Fenja AI — Secure & Sovereign,
- hosted where it belongs. + Trusted & Sovereign AI
+ built in Denmark, for Europe.

- Fenja AI is a sovereign AI platform, enabling highly advanced AI capabilities hosted within the client's own secure infrastructure. + Fenja AI is both our company and our platform — one mission, one name. An entirely client-managed AI platform built in Denmark, so Danish and European organisations can take full control of their own AI.

-
-
- Supported by +
+ Backed by
+ + +