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.
-
+
+
+
+

+