deck: slide 4/13/16/17 content + sizing tweaks

- slide 4: enlarge Datatilsynet +10%, Digitaliseringsstyrelsen +15%, DCAI +10% - slide 13: rewrite vendor lock-in second bullet - slide 16: drop box numbers, keep titles only - slide 17: sandbox logos side by side, -30% Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
deck: slide 4 — tighten mission-logo spacing ~25% via row padding
2026-06-19 10:12:31 +02:00 · 2026-06-18 16:19:46 +02:00 · 2026-06-18 16:15:53 +02:00 · 2026-06-18 16:14:12 +02:00 · 2026-06-18 16:09:47 +02:00 · 2026-06-18 16:01:58 +02:00
3 changed files with 302 additions and 147 deletions
--- a/assets/css/deck.css
+++ b/assets/css/deck.css
@ -276,6 +276,20 @@ img { display: block; max-width: 100%; }
 .question-prompts span { white-space: nowrap; }
 .question-prompts .sep { color: var(--ink-faint); font-style: normal; padding: 0 0.35em; }

+/* Question slides: lift the text ~10% higher and drop a quiet Fenja
+   wordmark just above the menu. */
+.q-slide .slide-inner { transform: translateY(-9vh); }
+.q-fenja {
+  position: absolute;
+  left: 50%;
+  bottom: clamp(76px, 13vh, 128px);
+  transform: translateX(-50%);
+  width: clamp(96px, 10vw, 138px);
+  height: auto;
+  opacity: 0.82;
+  pointer-events: none;
+}
+
 /* ════════════════════ Logo lockups ════════════════════ */
 /* The Bifrost logo: aurora arc above a Newsreader wordmark. Reusable. */
 .bifrost-logo {
@ -363,12 +377,13 @@ img { display: block; max-width: 100%; }
 }
 .hero-eyebrow {
  font-family: var(--font-sans);
-  font-size: clamp(0.74rem, 1vw, 0.92rem);
-  letter-spacing: 0.34em;
+  font-size: clamp(1.5rem, 2.25vw, 2rem);   /* +50% */
+  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--ink-dim);
  font-weight: 600;
-  margin: 0;
+  /* Lifted higher above the wordmark. */
+  margin: 0 0 clamp(2.8rem, 8.5vh, 5.5rem);
 }
 /* "Project Bifrost" wordmark — the old reveal's typography. */
 .bifrost-name {
@ -378,7 +393,7 @@ img { display: block; max-width: 100%; }
  line-height: 1.02;
  letter-spacing: -0.03em;
  color: var(--ink);
-  margin: 0;
+  margin: clamp(1.3rem, 4vh, 2.8rem) 0 0;   /* nudged lower */
 }
 .bifrost-name .accent {
  font-style: italic;
@ -388,12 +403,16 @@ img { display: block; max-width: 100%; }
  background-clip: text;
  -webkit-text-fill-color: transparent;
 }
+/* Lower line — same uppercase sans + ink-dim colour as the eyebrow. */
 .hero-sub {
-  font-family: var(--font-serif);
-  font-style: italic;
-  font-size: clamp(1.2rem, 2.1vw, 1.75rem);
-  color: var(--ink-soft);
-  margin: 0;
+  font-family: var(--font-sans);
+  font-style: normal;
+  font-size: clamp(1.5rem, 2.25vw, 2rem);   /* matches the eyebrow, +50% */
+  letter-spacing: 0.3em;
+  text-transform: uppercase;
+  font-weight: 600;
+  color: var(--ink-dim);
+  margin: clamp(1.2rem, 3.5vh, 2.4rem) 0 0;   /* dropped a little lower */
 }
@media (prefers-reduced-motion: reduce) {
  .js .bifrost-arc path { stroke-dashoffset: 0; }
@ -430,8 +449,12 @@ img { display: block; max-width: 100%; }
 .agenda-row.is-break .agenda-label { color: var(--ink-dim); font-weight: 400; font-style: normal; }

 /* ════════════════════ Slide 3 — Board / introductions ════════════════════ */
-#slide-board .slide-inner { max-width: 1240px; }
-.board-head { text-align: center; margin-bottom: clamp(1.8rem, 4vh, 3rem); }
+/* Wider container + slightly larger portraits keep the same air between
+   people (they just spread further out). */
+#slide-board .slide-inner { max-width: 1320px; }
+/* Only the title is lifted — transform leaves its layout box in place so
+   the portrait grid stays put. */
+.board-head { text-align: center; margin-bottom: clamp(1.8rem, 4vh, 3rem); transform: translateY(-5vh); }
 .board-head .slide-title { margin-inline: auto; max-width: 20ch; }
 .board-grid {
  display: grid;
@ -439,9 +462,9 @@ img { display: block; max-width: 100%; }
  gap: clamp(1rem, 2vw, 2rem) clamp(1rem, 2.2vw, 2.4rem);
 }
 .board-member { margin: 0; text-align: center; }
-/* Portraits at half size — sit centred in their cell, names lead. */
+/* Portraits ~10% larger, centred in their (now wider) cell. */
 .board-portrait {
-  width: 50%;
+  width: 52%;
  aspect-ratio: 1 / 1;
  margin: 0 auto 0.9rem;
  border-radius: var(--radius-lg);
@ -464,14 +487,14 @@ img { display: block; max-width: 100%; }
 }
 .bm-title {
  font-family: var(--font-sans);
-  font-size: clamp(0.74rem, 0.92vw, 0.84rem);
+  font-size: clamp(0.98rem, 1.21vw, 1.11rem);   /* +20%, then +10% */
  color: var(--ink-soft);
-  margin: 0 0 0.1rem;
+  margin: 0 0 0.15rem;
  line-height: 1.35;
 }
 .bm-company {
  font-family: var(--font-sans);
-  font-size: clamp(0.66rem, 0.82vw, 0.76rem);
+  font-size: clamp(0.87rem, 1.08vw, 1rem);  /* +20%, then +10% */
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink-dim);
@ -490,7 +513,7 @@ img { display: block; max-width: 100%; }
  grid-template-rows: 1fr auto;
  align-items: center;
  justify-items: center;
-  padding-bottom: clamp(4.5rem, 9vh, 6.5rem);
+  padding-bottom: clamp(6rem, 12vh, 9rem);   /* lift the supporter row off the bottom */
 }
 .mission-main {
  align-self: center;
@ -500,24 +523,29 @@ img { display: block; max-width: 100%; }
  gap: clamp(1.4rem, 3.5vh, 2.4rem);
 }
 .mission-fenja { width: clamp(240px, 32vw, 460px); height: auto; }
+/* Values left-aligned under the wordmark — same box width as the logo,
+   one line (it may run a touch past the logo's right edge). */
 .mission-values {
  font-family: var(--font-sans);
  font-weight: 600;
-  font-size: clamp(1rem, 1.8vw, 1.5rem);
+  font-size: clamp(1.36rem, 2.42vw, 2.04rem);   /* +40%, then -3% */
  letter-spacing: 0.01em;
  color: var(--ink);
  margin: 0;
+  width: clamp(240px, 32vw, 460px);
+  text-align: left;
+  white-space: nowrap;
 }
-.bifrost-logo.projbifrost { margin-top: clamp(0.3rem, 1.5vh, 1rem); }
-.bifrost-logo.projbifrost .word em { font-style: italic; }
-
-/* Foot — pinned to the bottom row of the slide. */
+/* Foot — pinned to the bottom row of the slide, full width so the logos
+   can spread out to the edges. */
 .mission-foot {
  align-self: end;
+  justify-self: stretch;
+  width: 100%;
  text-align: center;
  display: grid;
  justify-items: center;
-  gap: clamp(1.2rem, 3vh, 2rem);
+  gap: clamp(1.8rem, 4.5vh, 3rem);   /* lift the caption a little off the logos */
 }
 .mission-foot .partner-caption {
  font-size: clamp(0.85rem, 1.5vw, 1.2rem);
@ -527,14 +555,31 @@ img { display: block; max-width: 100%; }
  font-weight: 600;
  margin: 0;
 }
-/* Mission supporter logos — all the same height, bumped ~50%, with more air. */
-.mission-logos { gap: clamp(2.4rem, 6vw, 5.5rem); }
-.mission-logos .partner-logo img,
-.mission-logos .partner-logo.tall img {
-  height: clamp(36px, 4.4vw, 56px);
-  max-width: clamp(150px, 22vw, 280px);
+/* Mission supporter logos — wide spacing between them, with per-logo
+   size adjustments. Innovationsfonden is the largest footprint, BII and
+   Datatilsynet held back. (Innovationsfonden's PNG is cropped tight so its
+   height reads true.) */
+/* Spread across the full width, with an explicit horizontal margin on
+   every logo so each one carries its own breathing room (and the outer
+   marks no longer hug the screen edges). */
+.partner-row.mission-logos {
+  width: 100%;
+  flex-wrap: nowrap;
+  justify-content: space-between;
+  gap: 0;
+  padding-inline: 5%;   /* pull edges in → shrinks every space-between gap ~25% */
+}
+.mission-logos .partner-logo { margin-inline: clamp(0.32rem, 0.9vw, 1.09rem); }  /* -20%, then -20% */
+.mission-logos .partner-logo img {
+  height: clamp(34px, 4vw, 48px);
+  max-width: clamp(140px, 18vw, 230px);
  opacity: 0.82;
 }
+.mission-logos .partner-logo img.logo-inf  { height: clamp(40px, 4.8vw, 58px); max-width: clamp(200px, 26vw, 300px); }  /* +50% footprint */
+.mission-logos .partner-logo img.logo-bii  { height: clamp(27px, 3.2vw, 40px); }  /* -20% */
+.mission-logos .partner-logo img.logo-dt   { height: clamp(41px, 4.84vw, 59px); }   /* +5%, +10%, then +10% */
+.mission-logos .partner-logo img.logo-ds   { height: clamp(71px, 8.42vw, 101px); }   /* +15%, +20%, +20%, then +15% */
+.mission-logos .partner-logo img.logo-dcai { height: clamp(57px, 6.71vw, 80px); }   /* +15%, +20%, then +10% */

 /* Quiet partner-logo row (sandbox) */
 .partner-row {
@ -564,11 +609,22 @@ img { display: block; max-width: 100%; }
   optical weight matches the wide wordmark lockups beside them. */
 .partner-logo.tall img { height: clamp(34px, 4vw, 52px); }

-/* Larger, airier variant — sandbox slide: logos ~30% bigger than the
-   mission row, digitaliseringsstyrelsen a further 10% on top. */
-.partner-row.lg { gap: clamp(2.4rem, 6vw, 5rem); }
+/* Larger, airier variant — sandbox slide. Logos are wide wordmarks, so
+   they're sized as large as fits side by side (width-capped); ds is the
+   bigger of the two. */
+.partner-row.lg { gap: clamp(1.5rem, 4vw, 3rem); }
 .partner-row.lg .partner-logo img { height: clamp(39px, 4.7vw, 60px); opacity: 0.85; }
-.partner-row.lg .partner-logo img.ds-logo { height: clamp(43px, 5.2vw, 66px); }
+/* The two sandbox wordmarks sit side by side. */
+.sandbox-logos {
+  width: 100%;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  flex-wrap: nowrap;
+  gap: clamp(1.5rem, 4vw, 3rem);
+}
+.partner-row.lg .partner-logo img.ds-logo { height: clamp(84px, 10.15vw, 125px); max-width: min(60vw, 580px); }  /* -30% */
+.partner-row.lg .partner-logo img.dt-logo { height: clamp(59px, 6.86vw, 83px); max-width: min(45vw, 367px); }  /* -30% */

 /* ════════════════════ Slide 6 — Pause ════════════════════ */
 #slide-pause { }
@ -591,7 +647,7 @@ img { display: block; max-width: 100%; }
 }
 .pause-clock {
  font-family: var(--font-sans);
-  font-size: clamp(0.72rem, 0.95vw, 0.84rem);
+  font-size: clamp(1.08rem, 1.45vw, 1.26rem);   /* +50% */
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--ink-dim);
@ -721,47 +777,24 @@ img { display: block; max-width: 100%; }
  text-wrap: balance;
 }
 .section-title em { font-style: italic; font-weight: 460; color: var(--terracotta); }
-
-/* Reserved-points layout (slide 14) */
-.approach-points {
-  list-style: none;
-  margin: clamp(1.5rem, 4vh, 2.5rem) 0 0;
-  padding: 0;
-  display: grid;
-  gap: clamp(0.7rem, 1.6vh, 1.1rem);
-  width: min(640px, 100%);
-  text-align: left;
-}
-.approach-points li {
-  display: flex;
-  align-items: center;
-  gap: 1rem;
-  padding: clamp(0.85rem, 1.8vh, 1.15rem) clamp(1.1rem, 2vw, 1.5rem);
-  border: 1px dashed rgba(56,56,49,0.2);
-  border-radius: var(--radius-md);
-  color: var(--ink-dim);
-  background: rgba(255,252,247,0.35);
-}
-.approach-points li::before {
-  content: "";
-  width: 8px; height: 8px;
-  border-radius: 50%;
-  background: linear-gradient(120deg, var(--aurora-2), var(--aurora-4));
-  flex: 0 0 auto;
-}
-.approach-points .ph-text {
-  font-family: var(--font-serif);
-  font-style: italic;
-  font-size: clamp(0.95rem, 1.3vw, 1.1rem);
+/* One-line variant (Suverænitet divider) — fits on a single line, +25%. */
+.section-title.one-line {
+  max-width: none;
+  white-space: nowrap;
+  font-size: clamp(1.55rem, 3.85vw, 3.6rem);
 }

-/* ════════════════════ Slide 11 — Highlight boxes ════════════════════ */
-#slide-highlights .slide-inner { max-width: 1140px; }
-.highlights-head { text-align: center; margin-bottom: clamp(1.6rem, 4vh, 2.6rem); }
+/* ════════════════════ Slide 13 — risk boxes (icon-art styling) ════════════════════
+   The original card: a coloured gradient header with a line icon, then a
+   body of number / name / lead / two bullets. */
+.hl-inner { max-width: 1580px; }
+.highlights-head { text-align: center; margin-bottom: clamp(1.2rem, 3vh, 2.2rem); }
+.highlights-head .slide-title { font-size: clamp(2rem, 3.6vw, 3rem); }
 .highlight-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
-  gap: clamp(0.9rem, 1.8vw, 1.5rem);
+  gap: clamp(0.9rem, 1.6vw, 1.4rem);
+  align-items: stretch;
 }
 .highlight-box {
  position: relative;
@ -773,52 +806,129 @@ img { display: block; max-width: 100%; }
    0 18px 36px -22px rgba(56,56,49,0.28);
  display: flex;
  flex-direction: column;
-  min-height: clamp(300px, 44vh, 420px);
 }
 .highlight-art {
-  height: 42%;
+  position: relative;
+  height: clamp(160px, 23vh, 232px);
+  flex: 0 0 auto;
  display: grid;
  place-items: center;
-  position: relative;
  overflow: hidden;
 }
-.highlight-art svg { width: 56%; height: 56%; }
+.highlight-art svg { width: 38%; height: 38%; stroke: rgba(255,252,247,0.92); }
 .highlight-box[data-tone="terracotta"] .highlight-art { background: linear-gradient(150deg, #c98a78, #a4553b); }
-.highlight-box[data-tone="indigo"] .highlight-art { background: linear-gradient(150deg, #7b91a6, #5a6d83); }
-.highlight-box[data-tone="heather"] .highlight-art { background: linear-gradient(150deg, #a594a0, #6e5a86); }
-.highlight-box[data-tone="ochre"] .highlight-art { background: linear-gradient(150deg, #d4b478, #b08a3e); }
-.highlight-art svg { stroke: rgba(255,252,247,0.92); }
+.highlight-box[data-tone="indigo"]     .highlight-art { background: linear-gradient(150deg, #7b91a6, #5a6d83); }
+.highlight-box[data-tone="heather"]    .highlight-art { background: linear-gradient(150deg, #a594a0, #6e5a86); }
+.highlight-box[data-tone="ochre"]      .highlight-art { background: linear-gradient(150deg, #d4b478, #b08a3e); }
 .highlight-body {
-  padding: clamp(1rem, 1.8vw, 1.4rem);
+  padding: clamp(1.3rem, 2.1vw, 1.9rem);
  display: grid;
  gap: 0.5rem;
  align-content: start;
  flex: 1;
 }
 .highlight-num {
+  position: absolute;
+  top: clamp(0.7rem, 1.4vh, 1.1rem);
+  left: clamp(0.9rem, 1.5vw, 1.4rem);
  font-family: var(--font-serif);
  font-style: italic;
-  font-size: 0.85rem;
-  color: var(--ink-dim);
+  font-size: clamp(1.5rem, 2.1vw, 2rem);
+  line-height: 1;
+  color: rgba(255,252,247,0.9);
 }
 .highlight-name {
  font-family: var(--font-serif);
  font-weight: 400;
-  font-size: clamp(1.15rem, 1.7vw, 1.45rem);
-  line-height: 1.12;
+  font-size: clamp(1.55rem, 2.3vw, 2.1rem);
+  line-height: 1.1;
  letter-spacing: -0.015em;
  color: var(--ink);
  margin: 0;
 }
-.highlight-note {
+.highlight-lead {
  font-family: var(--font-sans);
-  font-size: clamp(0.78rem, 0.98vw, 0.9rem);
+  font-weight: 600;
+  font-size: clamp(1.15rem, 1.5vw, 1.45rem);
+  line-height: 1.34;
+  color: var(--ink);
+  margin: 0.35rem 0 0;
+}
+.highlight-bullets { list-style: none; margin: 0.35rem 0 0; padding: 0; display: grid; gap: 0.55rem; }
+.highlight-bullets li {
+  position: relative;
+  padding-left: 1.1rem;
+  font-family: var(--font-sans);
+  font-size: clamp(1.05rem, 1.35vw, 1.28rem);
+  line-height: 1.36;
  color: var(--ink-soft);
+}
+.highlight-bullets li::before {
+  content: "";
+  position: absolute;
+  left: 0; top: 0.55em;
+  width: 6px; height: 6px;
+  border-radius: 50%;
+  background: var(--ink-faint);
+}
+
+/* ════════════════════ Slide 16 — solution boxes (green text cards) ════════════════════ */
+.sol-inner { max-width: 1380px; }
+.solution-grid {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: clamp(0.8rem, 1.5vw, 1.4rem);
+  align-items: stretch;
+}
+.solution-box {
+  background: linear-gradient(180deg, rgba(109,140,124,0.12), rgba(255,252,247,0.65));
+  border-radius: var(--radius-md);
+  border-top: 3px solid var(--copper);
+  box-shadow:
+    0 0 0 0.5px rgba(56,56,49,0.06),
+    0 16px 32px -22px rgba(56,56,49,0.26);
+  padding: clamp(1.4rem, 2.1vw, 1.95rem) clamp(1.2rem, 1.7vw, 1.55rem);
+  display: grid;
+  gap: clamp(0.85rem, 1.7vh, 1.4rem);
+  align-content: start;
+  text-align: left;
+}
+.sol-head {
+  font-family: var(--font-sans);
+  font-weight: 700;
+  font-size: clamp(1.4rem, 1.85vw, 1.7rem);
+  letter-spacing: -0.01em;
+  line-height: 1.18;
+  color: var(--ink);
  margin: 0;
-  line-height: 1.45;
+}
+.sol-head .sol-num { color: var(--copper); }
+.sol-lead {
+  font-family: var(--font-serif);
+  font-size: clamp(1.4rem, 1.7vw, 1.62rem);
+  line-height: 1.3;
+  color: var(--ink);
+  margin: 0;
+}
+.sol-list { list-style: none; margin: 0; padding: 0; display: grid; gap: clamp(0.7rem, 1.4vh, 1.05rem); }
+.sol-list li {
+  position: relative;
+  padding-left: 1.15rem;
+  font-family: var(--font-sans);
+  font-size: clamp(1.25rem, 1.5vw, 1.42rem);
+  line-height: 1.38;
+  color: var(--ink-soft);
+}
+.sol-list li::before {
+  content: "";
+  position: absolute;
+  left: 0; top: 0.6em;
+  width: 6px; height: 6px;
+  border-radius: 50%;
+  background: var(--copper);
 }
@media (max-width: 980px) {
-  .highlight-grid { grid-template-columns: repeat(2, 1fr); }
+  .highlight-grid, .solution-grid { grid-template-columns: repeat(2, 1fr); }
 }

 /* ════════════════════ Slide 12 — Meme ════════════════════ */
@ -848,11 +958,11 @@ img { display: block; max-width: 100%; }
 }

 /* ════════════════════ Slide 15 — Regulatory sandbox ════════════════════ */
-.sandbox-inner { text-align: center; display: grid; justify-items: center; gap: clamp(1.6rem, 4vh, 2.6rem); max-width: 980px; align-content: center; }
+.sandbox-inner { text-align: center; display: grid; justify-items: center; gap: clamp(1.2rem, 3vh, 2rem); max-width: 980px; align-content: center; }
 .sandbox-title {
  font-family: var(--font-serif);
  font-weight: 360;
-  font-size: clamp(2.6rem, 5.6vw, 4.6rem);
+  font-size: clamp(2.86rem, 6.2vw, 5.1rem);   /* +10% */
  line-height: 1.06;
  letter-spacing: -0.025em;
  color: var(--ink);
@ -862,7 +972,7 @@ img { display: block; max-width: 100%; }
 }
 .sandbox-body {
  font-family: var(--font-serif);
-  font-size: clamp(1.15rem, 1.8vw, 1.5rem);
+  font-size: clamp(1.38rem, 2.2vw, 1.8rem);   /* +20% */
  line-height: 1.5;
  color: var(--ink-soft);
  margin: 0;
@ -871,7 +981,9 @@ img { display: block; max-width: 100%; }
 }

 /* ════════════════════ Slide 19 — Closing ════════════════════ */
-#slide-thanks .hero-text { gap: clamp(1.6rem, 4vh, 2.8rem); }
+/* "Tak for jeres rådgivning" sits above the arc; the full-size Project
+   Bifrost wordmark sits below it — a big gap splits them across the arc. */
+.thanks-text { gap: clamp(11rem, 28vh, 19rem); transform: translateY(-6vh); }
 .thanks-title {
  font-family: var(--font-serif);
  font-weight: 340;
@ -882,6 +994,8 @@ img { display: block; max-width: 100%; }
  line-height: 1;
 }
 .thanks-title em { font-style: italic; font-weight: 440; }
+/* "Project Bifrost" wordmark — same size as slide 1, sitting below the arc. */
+.thanks-bifrost { font-size: clamp(3rem, 8vw, 6.5rem); margin: 0; }

 /* Small responsive guard for very short viewports */
@media (max-height: 640px) {
--- a/assets/logos/innovationsfonden_logo_dk_teal_rgb_0.png
+++ b/assets/logos/innovationsfonden_logo_dk_teal_rgb_0.png
--- a/index.html
+++ b/index.html
@ -47,7 +47,7 @@
    <div class="hero-text reveal">
      <p class="hero-eyebrow">Velkommen til</p>
      <h1 class="bifrost-name"><span>Project</span> <span class="accent">Bifrost</span></h1>
-      <p class="hero-sub">001 Bifrost Advisory Meeting</p>
+      <p class="hero-sub">Advisory Meeting - 001</p>
    </div>
  </section>

@ -88,8 +88,7 @@
  <section class="slide" id="slide-board" data-label="Introduktioner">
    <div class="slide-inner">
      <div class="board-head reveal">
-        <p class="eyebrow center">Rådgivning &amp; vejledning</p>
-        <h2 class="slide-title">Mød Fenja AI&rsquo;s <em>Advisory Board</em></h2>
+        <h2 class="slide-title">Fenja AI&rsquo;s Advisory Board</h2>
      </div>
      <div class="board-grid reveal">
        <figure class="board-member">
@ -109,9 +108,9 @@
          </figcaption>
        </figure>
        <figure class="board-member">
-          <div class="board-portrait"><img src="assets/board/ulla-nygaard-eliassen.jpg" alt="Ulla Nygaard Eliassen" /></div>
+          <div class="board-portrait"><img src="assets/board/ulla-nygaard-eliassen.jpg" alt="Ulla Eliassen" /></div>
          <figcaption>
-            <p class="bm-name">Ulla Nygaard Eliassen</p>
+            <p class="bm-name">Ulla Eliassen</p>
            <p class="bm-title">Associeret direktør, forbedringsprojekter</p>
            <p class="bm-company">Novo Nordisk</p>
          </figcaption>
@ -165,30 +164,27 @@
    <div class="mission-main reveal">
      <img class="mission-fenja" src="assets/img/fenja-wordmark-black.svg" alt="Fenja AI" />
      <p class="mission-values">Sovereign. Trusted. Innovative.</p>
-      <span class="bifrost-logo projbifrost">
-        <svg class="arc" viewBox="0 0 100 50"><path d="M5 45 Q50 -6 95 45" fill="none" stroke="url(#bifrostAurora)" stroke-width="3.5" stroke-linecap="round"/></svg>
-        <span class="word">Project <em>Bifrost</em></span>
-      </span>
    </div>
    <div class="mission-foot">
      <p class="partner-caption">Støttet af &amp; i samarbejde med</p>
      <div class="partner-row mission-logos">
-        <div class="partner-logo"><img src="assets/logos/innovationsfonden_logo_dk_teal_rgb_0.png" alt="Innovationsfonden" /></div>
-        <div class="partner-logo"><img src="assets/logos/BII_Logo_Petroleum_RGB.png" alt="BioInnovation Institute" /></div>
-        <div class="partner-logo"><img src="assets/logos/datatilsynet.png" alt="Datatilsynet" /></div>
-        <div class="partner-logo"><img src="assets/logos/digitaliseringsstyrelsen.png" alt="Digitaliseringsstyrelsen" /></div>
-        <div class="partner-logo"><img src="assets/logos/dcai-logo-white.png" alt="Gefion · DCAI" /></div>
+        <div class="partner-logo"><img class="logo-inf" src="assets/logos/innovationsfonden_logo_dk_teal_rgb_0.png" alt="Innovationsfonden" /></div>
+        <div class="partner-logo"><img class="logo-bii" src="assets/logos/BII_Logo_Petroleum_RGB.png" alt="BioInnovation Institute" /></div>
+        <div class="partner-logo"><img class="logo-dt" src="assets/logos/datatilsynet.png" alt="Datatilsynet" /></div>
+        <div class="partner-logo"><img class="logo-ds" src="assets/logos/digitaliseringsstyrelsen.png" alt="Digitaliseringsstyrelsen" /></div>
+        <div class="partner-logo"><img class="logo-dcai" src="assets/logos/dcai-logo-white.png" alt="Gefion · DCAI" /></div>
      </div>
    </div>
  </section>

  <!-- ░░░ 5 — Big question ░░░ -->
-  <section class="slide" id="slide-q1" data-label="Spørgsmål">
+  <section class="slide q-slide" id="slide-q1" data-label="Spørgsmål">
    <div class="slide-inner reveal">
      <div class="question">
        <p class="question-text">&ldquo;Hvordan gør vi Projekt Bifrost til en <em>success</em> — for jer, for platformen, for dansk AI-suverænitet?&rdquo;</p>
      </div>
    </div>
+    <img class="q-fenja" src="assets/img/fenja-wordmark-black.svg" alt="Fenja AI" />
  </section>

  <!-- ░░░ 6 — Pause ░░░ -->
@ -213,7 +209,7 @@
        <section class="arch-group">
          <header class="arch-group-head">
            <span class="arch-group-label">Foundation</span>
-            <span class="arch-group-caption">Suveræn af design</span>
+            <span class="arch-group-caption">Din AI</span>
          </header>
          <div class="arch-cards c3">
            <article class="arch-card">
@ -303,12 +299,13 @@
  </section>

  <!-- ░░░ 9 — Question ░░░ -->
-  <section class="slide" id="slide-q2" data-label="Spørgsmål">
+  <section class="slide q-slide" id="slide-q2" data-label="Spørgsmål">
    <div class="slide-inner reveal">
      <div class="question">
        <p class="question-text">&ldquo;Hvilke konkrete AI-features ville skabe størst <em>værdi</em> for dig eller din organisation, hvis I fik adgang til dem i morgen?&rdquo;</p>
      </div>
    </div>
+    <img class="q-fenja" src="assets/img/fenja-wordmark-black.svg" alt="Fenja AI" />
  </section>

  <!-- ░░░ 10 — Roadmap ░░░ -->
@ -319,71 +316,87 @@
  </section>

  <!-- ░░░ 11 — Question ░░░ -->
-  <section class="slide" id="slide-q3" data-label="Spørgsmål">
+  <section class="slide q-slide" id="slide-q3" data-label="Spørgsmål">
    <div class="slide-inner reveal">
      <div class="question">
        <p class="question-text">&ldquo;Hvor ser I de største <em>barrierer</em> for praktisk anvendelse af AI i hverdagen?&rdquo;</p>
      </div>
    </div>
+    <img class="q-fenja" src="assets/img/fenja-wordmark-black.svg" alt="Fenja AI" />
  </section>

  <!-- ░░░ 12 — Section divider: Sovereignty ░░░ -->
  <section class="slide section-divider" id="slide-sov" data-label="Suverænitet">
    <div class="slide-inner reveal">
+      <h2 class="section-title one-line">Suverænitet, Sikkerhed &amp; Governance</h2>
      <img class="divider-fenja" src="assets/img/fenja-wordmark-black.svg" alt="Fenja AI" />
-      <h2 class="section-title">Suverænitet, Sikkerhed &amp; Governance</h2>
    </div>
  </section>

  <!-- ░░░ 13 — Highlight boxes ░░░ -->
  <section class="slide" id="slide-highlights" data-label="Risici">
-    <div class="slide-inner">
+    <div class="slide-inner hl-inner">
      <div class="highlights-head reveal">
-        <p class="eyebrow center">Hvorfor suverænitet betyder noget</p>
-        <h2 class="slide-title">Fire grunde til at <em>tænke sig om</em></h2>
+        <h2 class="slide-title">Hvorfor suverænitet er vigtigt når det gælder <em>AI</em></h2>
      </div>
      <div class="highlight-grid reveal">
        <article class="highlight-box" data-tone="indigo">
          <div class="highlight-art">
+            <span class="highlight-num">01</span>
            <svg viewBox="0 0 24 24" fill="none" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><path d="M6 16a4 4 0 0 1 0-8 5 5 0 0 1 9.6-1.5A4.5 4.5 0 0 1 18 16z"/><path d="M9 20l1.5-3M13 20l1.5-3"/></svg>
          </div>
          <div class="highlight-body">
-            <span class="highlight-num">01</span>
            <h3 class="highlight-name">US Cloud Act</h3>
-            <p class="highlight-note">Amerikansk lovgivning kan give myndigheder adgang til data hos amerikanske udbydere — uanset hvor data fysisk ligger.</p>
+            <p class="highlight-lead">Amerikanske myndigheder kan få adgang til dine data. Også når de ligger i EU.</p>
+            <ul class="highlight-bullets">
+              <li>Vælger du en amerikansk udbyder, gælder amerikansk lov. Også når data står i EU.</li>
+              <li>Microsoft har under ed indrømmet, at de ikke kan garantere suverænitet. Heller ikke i deres egen &ldquo;sovereign cloud&rdquo;.</li>
+            </ul>
          </div>
        </article>

        <article class="highlight-box" data-tone="terracotta">
          <div class="highlight-art">
+            <span class="highlight-num">02</span>
            <svg viewBox="0 0 24 24" fill="none" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3c2.8 2.6 2.8 15.4 0 18M12 3c-2.8 2.6-2.8 15.4 0 18"/></svg>
          </div>
          <div class="highlight-body">
-            <span class="highlight-num">02</span>
            <h3 class="highlight-name">Geopolitisk uro</h3>
-            <p class="highlight-note">Skiftende alliancer og handelspolitik gør afhængighed af enkelte landes teknologi til en strategisk risiko.</p>
+            <p class="highlight-lead">Alliancer skifter. Det gør ét lands teknologi til en risiko, du ikke selv styrer.</p>
+            <ul class="highlight-bullets">
+              <li>Told og eksportrestriktioner kan ramme uden varsel og sende prisen op.</li>
+              <li>Er du afhængig af ét lands teknologi, bliver din drift en brik i andres forhandlinger.</li>
+            </ul>
          </div>
        </article>

        <article class="highlight-box" data-tone="heather">
          <div class="highlight-art">
+            <span class="highlight-num">03</span>
            <svg viewBox="0 0 24 24" fill="none" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="8" r="3.4"/><path d="M5.5 20a6.5 6.5 0 0 1 13 0z"/><path d="M17 3l.9 1.9L20 5.3l-1.5 1.4.4 2.1L17 7.8l-1.9 1 .4-2.1L14 5.3l2.1-.4z"/></svg>
          </div>
          <div class="highlight-body">
-            <span class="highlight-num">03</span>
-            <h3 class="highlight-name">Fable 5 — kun for amerikanske statsborgere</h3>
-            <p class="highlight-note">Når de mest avancerede modeller forbeholdes bestemte nationaliteter, står resten uden adgang til frontteknologien.</p>
+            <h3 class="highlight-name">Fable 5 / Mythos</h3>
+            <p class="highlight-lead">En regering kan lukke din AI med ét brev.</p>
+            <ul class="highlight-bullets">
+              <li>Den 1. juni 2026 lukkede USA adgangen til Anthropics bedste modeller, få dage efter de var udkommet.</li>
+              <li>Alle brugere uden for USA mistede adgangen på timer. Uanset hvad kontrakten sagde.</li>
+            </ul>
          </div>
        </article>

        <article class="highlight-box" data-tone="ochre">
          <div class="highlight-art">
+            <span class="highlight-num">04</span>
            <svg viewBox="0 0 24 24" fill="none" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="11" width="14" height="9" rx="2"/><path d="M8 11V8a4 4 0 0 1 8 0v3"/><circle cx="12" cy="15.5" r="1.2"/></svg>
          </div>
          <div class="highlight-body">
-            <span class="highlight-num">04</span>
            <h3 class="highlight-name">Vendor lock-in</h3>
-            <p class="highlight-note">Bindes I til én leverandørs lukkede økosystem, mister I forhandlingskraft, fleksibilitet og kontrol over fremtiden.</p>
+            <p class="highlight-lead">Lock-in på data var til at leve med. På intelligensen er det en anden sag.</p>
+            <ul class="highlight-bullets">
+              <li>Vi så det med dataplatforme. Da udbyderne havde markedet, steg priserne.</li>
+              <li>Bind ikke hele forretningen til én udbyders model.</li>
+            </ul>
          </div>
        </article>
      </div>
@ -401,7 +414,7 @@
  </section>

  <!-- ░░░ 15 — Question ░░░ -->
-  <section class="slide" id="slide-q4" data-label="Spørgsmål">
+  <section class="slide q-slide" id="slide-q4" data-label="Spørgsmål">
    <div class="slide-inner reveal">
      <div class="question">
        <p class="question-text">&ldquo;Hvad er vigtigst for jer, når AI skal bruges <em>sikkert</em> og ansvarligt i en organisation?&rdquo;</p>
@ -410,41 +423,76 @@
        </p>
      </div>
    </div>
+    <img class="q-fenja" src="assets/img/fenja-wordmark-black.svg" alt="Fenja AI" />
  </section>

-  <!-- ░░░ 16 — Section divider + reserved points ░░░ -->
-  <section class="slide section-divider" id="slide-approach" data-label="Vores tilgang">
-    <div class="slide-inner reveal">
-      <img class="divider-fenja" src="assets/img/fenja-wordmark-black.svg" alt="Fenja AI" />
-      <h2 class="section-title">Vores tilgang til <em>Suverænitet</em>, Sikkerhed &amp; Governance</h2>
-      <ul class="approach-points" aria-label="Punkter tilføjes senere">
-        <li><span class="ph-text">Punkt tilføjes</span></li>
-        <li><span class="ph-text">Punkt tilføjes</span></li>
-        <li><span class="ph-text">Punkt tilføjes</span></li>
-        <li><span class="ph-text">Punkt tilføjes</span></li>
-      </ul>
+  <!-- ░░░ 16 — Our approach (solution boxes) ░░░ -->
+  <section class="slide" id="slide-approach" data-label="Vores tilgang">
+    <div class="slide-inner sol-inner">
+      <div class="highlights-head reveal">
+        <p class="eyebrow center">Vores tilgang til suverænitet, sikkerhed &amp; governance</p>
+        <h2 class="slide-title">Fire <em>svar</em> på de samme bekymringer</h2>
+      </div>
+      <div class="solution-grid reveal">
+        <article class="solution-box">
+          <p class="sol-head">Datasuverænitet by design</p>
+          <p class="sol-lead">Svaret på Cloud Act. Et EU-datacenter er ikke nok.</p>
+          <ul class="sol-list">
+            <li>Kører i jeres eget miljø. Data forlader aldrig jeres perimeter.</li>
+            <li>Ingen ekstern udbyder mellem dig og din intelligens. Ingen Cloud Act-bagdør.</li>
+          </ul>
+        </article>
+
+        <article class="solution-box">
+          <p class="sol-head">Driftssikkerhed &amp; kontinuitet</p>
+          <p class="sol-lead">Svaret på Fable 5-lukningen. Ingen kill-switch udefra.</p>
+          <ul class="sol-list">
+            <li>Modellen og vægtene ligger hos dig. Ingen kan slukke den med et brev.</li>
+            <li>Drift og failover er jeres egen. Ingen ekstern API at miste.</li>
+          </ul>
+        </article>
+
+        <article class="solution-box">
+          <p class="sol-head">Sikkerhed i flere lag</p>
+          <p class="sol-lead">Sikkerhed er en del af fundamentet, ikke en feature ovenpå.</p>
+          <ul class="sol-list">
+            <li>Kører bag jeres egne firewalls. Jeres sikkerhedsstack gælder også AI&rsquo;en.</li>
+            <li>Fuldt auditspor lokalt. Loggene forlader aldrig huset.</li>
+          </ul>
+        </article>
+
+        <article class="solution-box">
+          <p class="sol-head">Governance &amp; frihed fra lock-in</p>
+          <p class="sol-lead">Svaret på vendor lock-in og geopolitisk afhængighed.</p>
+          <ul class="sol-list">
+            <li>Modelagnostisk. Skift eller kombinér modeller uden at bygge om.</li>
+            <li>Ingen forbrugsbaseret afhængighed. Prisen kan ikke skrues op udefra.</li>
+          </ul>
+        </article>
+      </div>
    </div>
  </section>

  <!-- ░░░ 17 — Regulatory sandbox ░░░ -->
  <section class="slide" id="slide-sandbox" data-label="Sandkasse">
    <div class="slide-inner reveal sandbox-inner">
-      <h2 class="sandbox-title">Regulatorisk AI-sandkasse</h2>
+      <h2 class="sandbox-title">Den Regulatoriske<br>AI-sandkasse</h2>
      <p class="sandbox-body">Fenja AI er optaget i Den Regulatoriske AI-sandkasse — et forløb under Datatilsynet og Digitaliseringsstyrelsen, hvor udvalgte virksomheder udvikler og afprøver deres AI i tæt dialog med myndighederne og inden for de regulatoriske rammer. Vi er en ud af kun to virksomheder, som er blevet optaget i år.</p>
      <div class="partner-row lg sandbox-logos">
        <div class="partner-logo"><img class="ds-logo" src="assets/logos/digitaliseringsstyrelsen.png" alt="Digitaliseringsstyrelsen" /></div>
-        <div class="partner-logo"><img src="assets/logos/datatilsynet.png" alt="Datatilsynet" /></div>
+        <div class="partner-logo"><img class="dt-logo" src="assets/logos/datatilsynet.png" alt="Datatilsynet" /></div>
      </div>
    </div>
  </section>

  <!-- ░░░ 18 — Question ░░░ -->
-  <section class="slide" id="slide-q5" data-label="Spørgsmål">
+  <section class="slide q-slide" id="slide-q5" data-label="Spørgsmål">
    <div class="slide-inner reveal">
      <div class="question">
        <p class="question-text">&ldquo;Hvilke krav eller bekymringer skal være <em>håndteret</em>, før I ville være trygge ved at bruge en AI-platform på tværs af vigtige forretningsprocesser?&rdquo;</p>
      </div>
    </div>
+    <img class="q-fenja" src="assets/img/fenja-wordmark-black.svg" alt="Fenja AI" />
  </section>

  <!-- ░░░ 19 — Closing (inspired by the welcome arc) ░░░ -->
@ -456,16 +504,9 @@
        <path class="arc-thin" pathLength="1" d="M 80 420 Q 700 -20 1320 420"/>
      </svg>
    </div>
-    <div class="hero-text reveal">
-      <h2 class="thanks-title">Tak for <em>i dag</em></h2>
-      <div class="brand-lockup">
-        <img class="fenja-mark" src="assets/img/fenja-wordmark-black.svg" alt="Fenja AI" />
-        <span class="dot-sep">·</span>
-        <span class="bifrost-logo">
-          <svg class="arc" viewBox="0 0 100 50"><path d="M5 45 Q50 -6 95 45" fill="none" stroke="url(#bifrostAurora)" stroke-width="3.5" stroke-linecap="round"/></svg>
-          <span class="word"><em>Bifrost</em></span>
-        </span>
-      </div>
+    <div class="hero-text reveal thanks-text">
+      <h2 class="thanks-title">Tak for <em>jeres rådgivning</em></h2>
+      <p class="bifrost-name thanks-bifrost"><span>Project</span> <span class="accent">Bifrost</span></p>
    </div>
  </section>
Author	SHA1	Message	Date
Jonathan Hvid	4270d13d1e	deck: slide 4/13/16/17 content + sizing tweaks - slide 4: enlarge Datatilsynet +10%, Digitaliseringsstyrelsen +15%, DCAI +10% - slide 13: rewrite vendor lock-in second bullet - slide 16: drop box numbers, keep titles only - slide 17: sandbox logos side by side, -30% Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>	2026-06-19 10:12:31 +02:00
Jonathan Hvid	8a00360ed2	deck: slide 4 — tighten mission-logo spacing ~25% via row padding Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>	2026-06-18 16:19:46 +02:00
Jonathan Hvid	088de7292f	deck: slide 13 — wider boxes, taller colored header, numbers in color, new title Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>	2026-06-18 16:15:53 +02:00
Jonathan Hvid	9e156218d7	deck: slide 4 — enlarge Digitaliseringsstyrelsen +20%, tighten logo margins -20% Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>	2026-06-18 16:14:12 +02:00
Jonathan Hvid	1516a79d36	deck: slide 4 — tighten logo margins, enlarge dt/ds/dcai Reduce the per-logo margin ~20% so the marks sit a little closer, and grow Datatilsynet +10%, Digitaliseringsstyrelsen +20%, DCAI +20%. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>	2026-06-18 16:09:47 +02:00
Jonathan Hvid	1ee98e9ee8	deck: slide 4 — explicit horizontal margin on each supporter logo Add a per-logo margin-inline so every mark carries its own breathing room and the outer logos no longer hug the screen edges. Fix the flex-wrap so the row stays on one line (the later .partner-row rule was overriding nowrap). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>	2026-06-18 16:01:58 +02:00
Jonathan Hvid	7240e4bdc5	deck: fifth round — slide 3/4 positioning, bigger boxes, sandbox logos - Slide 3: lift only the title (transform), leaving the portrait grid put. - Slide 4: values on one line, left-aligned under the logo; drop the width cap on the supporter row so the logos spread on wide screens. - Slide 13: remove the eyebrow, retitle to 'Hvorfor suverænitet er vigtig for AI', and enlarge the cards + text (~double). - Slide 16: enlarge the solution-card text (~double) and re-fit boxes. - Slide 17: stack the two sandbox wordmarks so each can be large (side by side they clip); ds the bigger of the two. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>	2026-06-18 15:54:47 +02:00
Jonathan Hvid	c748ef1576	deck: fourth round — restore slide 13 cards, shorten box copy, logo tuning - Slide 13: back to the icon-art box styling (gradient header + line icon) with the shortened two-bullet copy. - Slide 16: independent green solution cards (own classes) with the shortened copy. - Slide 1: 'Velkommen til' lifted further; lower line shortened to 'Advisory Meeting - 001' and dropped lower. - Slide 3: title lifted further. - Slide 4: values -3% and left-aligned under the wordmark; supporter row now spans full width (Innovationsfonden hard left, DCAI hard right); Datatilsynet +5%, Digitaliseringsstyrelsen + DCAI +15%. - Slide 17: sandbox logos +30%. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>	2026-06-18 15:34:11 +02:00
Jonathan Hvid	c775e02d3d	deck: third round — content boxes, hero/logo polish - Slides 13 & 16: redesign the boxes as text-forward cards (number + title, bold lead, three bullets) with full new Danish copy; slide 16 becomes the green 'solutions' answer to slide 13's concerns. - Slide 1: 'Bifrost Advisory Meeting - 001' now matches 'Velkommen til' (uppercase sans, ink-dim); both +50%; eyebrow lifted, wordmark lowered. - Slide 3: title lifted, titles/companies +10%, portraits +10% spread wider (same air between people). - Slide 4: 'Sovereign. Trusted. Innovative.' +40%; logos spread edge to edge; DCAI + Digitaliseringsstyrelsen +10%, Datatilsynet +5%. - Slide 12: title above the logo, +25%. - Slide 17: title 'Den Regulatoriske AI-sandkasse' on two lines; Digitaliseringsstyrelsen +50%, Datatilsynet +30%. - Slide 19: full-size Project Bifrost wordmark below the arc. - Remove the dead reserved-points layout. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>	2026-06-18 15:10:24 +02:00
Jonathan Hvid	b95999bc04	deck: second round of board-meeting refinements - Slide 1: lift + enlarge 'Velkommen til', nudge 'Project Bifrost' down, change lower line to 'Bifrost Advisory Meeting - 001' at ~2x, upright. - Slide 3: drop 'Mød' + the eyebrow, plain (non-accent) title, shorten to 'Ulla Eliassen', titles/companies +20%. - Slide 4: remove the Project Bifrost lockup; wider logo spacing; lift caption + logos off the bottom; crop Innovationsfonden's padding and size it largest; BII -20%, Datatilsynet -10%. - Question slides: Fenja wordmark above the menu, text lifted ~10%. - Slide 6: clock +50%. - Slide 7: 'Suveræn af design' → 'Din AI'. - Slide 12: sovereignty divider title on one line. - Slide 17: title +10%, body +20%, Digitaliseringsstyrelsen +10%. - Slide 19: lift text above the arc, 'Tak for jeres rådgivning', and use the Project Bifrost wordmark instead of the Fenja lockup. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>	2026-06-18 14:17:00 +02:00