AdvisoryBoardMeeting_june2026/index.html
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

506 lines
24 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="da">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>001 Bifrost Advisory Meeting</title>
<link rel="stylesheet" href="assets/css/tokens.css" />
<link rel="stylesheet" href="assets/css/deck.css" />
</head>
<body>
<!-- Shared SVG defs: the Bifrost aurora gradient + soft glow, referenced
by every arc lockup and the spanning hero arc. -->
<svg width="0" height="0" style="position:absolute" aria-hidden="true" focusable="false">
<defs>
<linearGradient id="bifrostAurora" x1="0" x2="1" y1="0" y2="0">
<stop offset="0%" stop-color="#b48755" stop-opacity="0"/>
<stop offset="15%" stop-color="#b48755"/>
<stop offset="40%" stop-color="#a4553b"/>
<stop offset="65%" stop-color="#5c7b8e"/>
<stop offset="85%" stop-color="#6e5a86"/>
<stop offset="100%" stop-color="#6e5a86" stop-opacity="0"/>
</linearGradient>
<filter id="auroraGlow" x="-20%" y="-50%" width="140%" height="200%">
<feGaussianBlur stdDeviation="7"/>
</filter>
</defs>
</svg>
<!-- Persistent chrome -->
<a class="masthead" href="#slide-welcome" aria-label="Til forsiden">
<img src="assets/img/fenja-wordmark-black.svg" alt="Fenja AI" />
</a>
<div class="slide-counter" aria-hidden="true"><b id="counter-now">01</b> / <span id="counter-total">19</span></div>
<main class="deck" id="deck">
<!-- ░░░ 1 — Welcome — Project Bifrost arc reveal ░░░ -->
<section class="slide hero-slide" id="slide-welcome" data-label="Velkomst">
<div class="bifrost-arc" aria-hidden="true">
<svg viewBox="0 0 1400 500" preserveAspectRatio="xMidYMid meet">
<path class="arc-halo" pathLength="1" d="M 60 420 Q 700 -40 1340 420"/>
<path class="arc-main" pathLength="1" d="M 60 420 Q 700 -40 1340 420"/>
<path class="arc-thin" pathLength="1" d="M 80 420 Q 700 -20 1320 420"/>
</svg>
</div>
<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">Bifrost Advisory Meeting - 001</p>
</div>
</section>
<!-- ░░░ 2 — Agenda ░░░ -->
<section class="slide" id="slide-agenda" data-label="Agenda">
<div class="slide-inner reveal">
<h2 class="slide-title agenda-title">Agenda</h2>
<ul class="agenda-list">
<li class="agenda-row">
<span class="agenda-time">09:0009:30</span>
<span class="agenda-label">Velkomst og introduktioner</span>
</li>
<li class="agenda-row">
<span class="agenda-time">09:3010:20</span>
<span class="agenda-label">Project Bifrost &amp; Bifrost-portalen</span>
</li>
<li class="agenda-row is-break">
<span class="agenda-time">10:2010:35</span>
<span class="agenda-label">Pause</span>
</li>
<li class="agenda-row">
<span class="agenda-time">10:3511:20</span>
<span class="agenda-label">Features: platformdemo, roadmap og prioritering</span>
</li>
<li class="agenda-row">
<span class="agenda-time">11:2012:15</span>
<span class="agenda-label">Suverænitet, sikkerhed og governance</span>
</li>
<li class="agenda-row is-break">
<span class="agenda-time">12:1513:00</span>
<span class="agenda-label">Frokost</span>
</li>
</ul>
</div>
</section>
<!-- ░░░ 3 — Introductions / board ░░░ -->
<section class="slide" id="slide-board" data-label="Introduktioner">
<div class="slide-inner">
<div class="board-head reveal">
<h2 class="slide-title">Fenja AI&rsquo;s Advisory Board</h2>
</div>
<div class="board-grid reveal">
<figure class="board-member">
<div class="board-portrait"><img src="assets/board/soren-friis.jpg" alt="Søren Friis" /></div>
<figcaption>
<p class="bm-name">Søren Friis</p>
<p class="bm-title">IT-direktør</p>
<p class="bm-company">DSB</p>
</figcaption>
</figure>
<figure class="board-member">
<div class="board-portrait"><img src="assets/board/william-irving.jpg" alt="William Irving" /></div>
<figcaption>
<p class="bm-name">William Irving</p>
<p class="bm-title">Data- &amp; analysedirektør</p>
<p class="bm-company">Norlys</p>
</figcaption>
</figure>
<figure class="board-member">
<div class="board-portrait"><img src="assets/board/ulla-nygaard-eliassen.jpg" alt="Ulla Eliassen" /></div>
<figcaption>
<p class="bm-name">Ulla Eliassen</p>
<p class="bm-title">Associeret direktør, forbedringsprojekter</p>
<p class="bm-company">Novo Nordisk</p>
</figcaption>
</figure>
<figure class="board-member">
<div class="board-portrait"><img src="assets/board/anna-jessen.jpg" alt="Anna Jessen" /></div>
<figcaption>
<p class="bm-name">Anna Jessen</p>
<p class="bm-title">Direktør, Process Excellence &amp; Digitalisering</p>
<p class="bm-company">Novo Nordisk</p>
</figcaption>
</figure>
<figure class="board-member">
<div class="board-portrait"><img src="assets/board/mathies-laursen.jpg" alt="Mathies Laursen" /></div>
<figcaption>
<p class="bm-name">Mathies Laursen</p>
<p class="bm-title">Digitaliseringsdirektør (CDO)</p>
<p class="bm-company">Nationalbanken</p>
</figcaption>
</figure>
<figure class="board-member">
<div class="board-portrait"><img src="assets/board/torben-schutt.jpg" alt="Torben Schütt" /></div>
<figcaption>
<p class="bm-name">Torben Schütt</p>
<p class="bm-title">Kontorchef, Center for Cyber og Digitalisering</p>
<p class="bm-company">Forsvarsministeriet</p>
</figcaption>
</figure>
<figure class="board-member">
<div class="board-portrait"><img src="assets/board/mads-nyborg.jpg" alt="Mads Nyborg" /></div>
<figcaption>
<p class="bm-name">Mads Nyborg</p>
<p class="bm-title">Chefkonsulent, Data og Analyse</p>
<p class="bm-company">Københavns Kommune</p>
</figcaption>
</figure>
<figure class="board-member">
<div class="board-portrait"><img src="assets/board/hakon-daltveit.jpg" alt="Håkon Daltveit" /></div>
<figcaption>
<p class="bm-name">Håkon Daltveit</p>
<p class="bm-title">Chefkonsulent, Data og Analyse</p>
<p class="bm-company">Københavns Kommune</p>
</figcaption>
</figure>
</div>
</div>
</section>
<!-- ░░░ 4 — Fenja AI mission ░░░ -->
<section class="slide mission-slide" id="slide-mission" data-label="Mission">
<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>
</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 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 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 ░░░ -->
<section class="slide" id="slide-pause" data-label="Pause">
<div class="slide-inner reveal">
<p class="pause-clock">10:20 10:35</p>
<h2 class="pause-word">Pause</h2>
<p class="pause-sub">Vi fortsætter om et kvarter.</p>
</div>
</section>
<!-- ░░░ 7 — Platform architecture ░░░ -->
<section class="slide" id="slide-arch" data-label="Arkitektur">
<div class="slide-inner arch-inner">
<div class="arch-head reveal">
<p class="arch-title">Fenja AI Platform Architecture</p>
<p class="arch-sub">Simply Explained</p>
</div>
<div class="arch-frame reveal">
<span class="arch-frame-label">Everything Client-Managed</span>
<section class="arch-group">
<header class="arch-group-head">
<span class="arch-group-label">Foundation</span>
<span class="arch-group-caption">Din AI</span>
</header>
<div class="arch-cards c3">
<article class="arch-card">
<p class="ac-name">Sprogmodel</p>
<p class="ac-italic">State-of-the-art, open-source</p>
<p class="ac-mono">On-prem</p>
</article>
<article class="arch-card">
<p class="ac-name">Wiki</p>
<p class="ac-italic">Virksomheds- og domæneviden</p>
<p class="ac-mono">Organisation · Afdeling · Personlig</p>
</article>
<article class="arch-card">
<p class="ac-name">Rutiner &amp; hukommelse</p>
<p class="ac-italic">Hvordan Fenja arbejder i den</p>
<p class="ac-mono">Stand-ups · Faste opgaver · Arbejdshukommelse</p>
</article>
</div>
</section>
<section class="arch-group">
<header class="arch-group-head">
<span class="arch-group-label">Tools</span>
<span class="arch-group-caption">Hvordan Fenja handler</span>
</header>
<div class="arch-cards c4">
<article class="arch-card">
<p class="ac-name">Dokumentsøgning</p>
<p class="ac-italic">Find og citér</p>
<p class="ac-mono">RAG</p>
</article>
<article class="arch-card">
<p class="ac-name">Strukturerede data (fx SQL)</p>
<p class="ac-italic">Forespørg og udtræk</p>
<p class="ac-mono">NL → SQL</p>
</article>
<article class="arch-card">
<p class="ac-name">Systemhandlinger</p>
<p class="ac-italic">Læs og skriv</p>
<p class="ac-mono">API&rsquo;er · integrationer</p>
</article>
<article class="arch-card">
<p class="ac-name">Skræddersyede værktøjer</p>
<p class="ac-italic">Jeres specifikke arbejde</p>
<p class="ac-mono">Defineret af jer</p>
</article>
</div>
</section>
<section class="arch-group">
<header class="arch-group-head">
<span class="arch-group-label">Agents</span>
<span class="arch-group-caption">Hvordan Fenja skalerer</span>
</header>
<div class="arch-cards c4">
<article class="arch-card">
<p class="ac-name">Supervisor</p>
<p class="ac-italic">Planlæg og dirigér</p>
<p class="ac-mono">Orkestrering</p>
</article>
<article class="arch-card">
<p class="ac-name">Specialister</p>
<p class="ac-italic">Fokuseret ekspertise</p>
<p class="ac-mono">Subagenter</p>
</article>
<article class="arch-card">
<p class="ac-name">Skills</p>
<p class="ac-italic">Genbrugelig kapabilitet</p>
<p class="ac-mono">Portabel på tværs af specialister</p>
</article>
<article class="arch-card">
<p class="ac-name">Workflows</p>
<p class="ac-italic">Sammensat af jer</p>
<p class="ac-mono">Styret fra ende til ende</p>
</article>
</div>
</section>
</div>
</div>
</section>
<!-- ░░░ 8 — Demo ░░░ -->
<section class="slide solo-slide" id="slide-demo" data-label="Demo">
<div class="slide-inner reveal">
<h2 class="solo-word">Demo</h2>
</div>
</section>
<!-- ░░░ 9 — Question ░░░ -->
<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 ░░░ -->
<section class="slide solo-slide" id="slide-roadmap" data-label="Roadmap">
<div class="slide-inner reveal">
<h2 class="solo-word">Roadmap</h2>
</div>
</section>
<!-- ░░░ 11 — Question ░░░ -->
<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" />
</div>
</section>
<!-- ░░░ 13 — Highlight boxes ░░░ -->
<section class="slide" id="slide-highlights" data-label="Risici">
<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>
</div>
<div class="highlight-grid reveal">
<article class="highlight-box" data-tone="indigo">
<p class="hl-head"><span class="hl-num">01</span> — US Cloud Act</p>
<p class="hl-lead">Amerikanske myndigheder kan få adgang til dine data. Også når de ligger i EU.</p>
<ul class="hl-list">
<li>Vælger du en amerikansk udbyder, gælder amerikansk lov. Også selvom dine data står i et datacenter i EU.</li>
<li>Microsoft har under ed i fransk ret indrømmet, at de ikke kan garantere suverænitet. Heller ikke i deres egen &ldquo;sovereign cloud&rdquo;.</li>
<li>Et datacenter i EU er bare en adresse. Det er ejeren, der afgør, hvilken lov der gælder, ikke hvor maskinen står.</li>
</ul>
</article>
<article class="highlight-box" data-tone="terracotta">
<p class="hl-head"><span class="hl-num">02</span> — Geopolitisk uro</p>
<p class="hl-lead">Alliancer skifter. Det gør ét lands teknologi til en risiko, du ikke selv styrer.</p>
<ul class="hl-list">
<li>Handelspolitik kan vende hurtigt. Det gælder også hos nære partnere som USA.</li>
<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 forhandlinger, du ikke selv sidder med i.</li>
</ul>
</article>
<article class="highlight-box" data-tone="heather">
<p class="hl-head"><span class="hl-num">03</span> — Fable 5 / Mythos</p>
<p class="hl-lead">En regering kan lukke din AI med ét brev.</p>
<ul class="hl-list">
<li>Den 1. juni 2026 lukkede den amerikanske regering adgangen til Anthropics bedste modeller, få dage efter de var udkommet.</li>
<li>Det ramte alle brugere uden for USA. Sad du i Europa, mistede du adgangen, uanset hvad din kontrakt sagde.</li>
<li>Der kom intet varsel og ingen overgangsperiode. På få timer holdt integrationer og produkter op med at virke.</li>
</ul>
</article>
<article class="highlight-box" data-tone="ochre">
<p class="hl-head"><span class="hl-num">04</span> — Vendor lock-in</p>
<p class="hl-lead">Lock-in på data var til at leve med. På intelligensen er det en anden sag.</p>
<ul class="hl-list">
<li>Lock-in på dataplatforme var slemt nok. Nu er det selve den intelligens, der driver forretningen, der bliver bundet.</li>
<li>Vi så det med dataplatforme. Så snart udbyderne havde markedet, steg priserne.</li>
<li>Er din kerneproces bundet til én udbyders model, er det dem, der sætter prisen. Og du betaler.</li>
</ul>
</article>
</div>
</div>
</section>
<!-- ░░░ 14 — Meme ░░░ -->
<section class="slide" id="slide-meme" data-label="Meme">
<div class="slide-inner reveal">
<h2 class="meme-title">&ldquo;Sovereign Cloud&rdquo;</h2>
<div class="meme-frame">
<img src="assets/img/meme.jpg" alt="Sovereign Cloud meme" />
</div>
</div>
</section>
<!-- ░░░ 15 — Question ░░░ -->
<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>
<p class="question-prompts">
<span>Certificeringer?</span><span class="sep">·</span><span>Mennesker i processen?</span><span class="sep">·</span><span>At det kører lokalt?</span>
</p>
</div>
</div>
<img class="q-fenja" src="assets/img/fenja-wordmark-black.svg" alt="Fenja AI" />
</section>
<!-- ░░░ 16 — Our approach (solution boxes) ░░░ -->
<section class="slide" id="slide-approach" data-label="Vores tilgang">
<div class="slide-inner hl-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="highlight-grid solutions reveal">
<article class="highlight-box" data-tone="copper">
<p class="hl-head"><span class="hl-num">01</span> — Datasuverænitet by design</p>
<p class="hl-lead">Svaret på Cloud Act, og på at et EU-datacenter ikke er nok.</p>
<ul class="hl-list">
<li>Kører i jeres eget miljø, on-prem eller i egen sky. Data forlader aldrig jeres perimeter.</li>
<li>Vi ser aldrig jeres prompts eller data. Der er ingen kæde at lække igennem.</li>
<li>Ingen Cloud Act-eksponering. Der står ingen amerikansk udbyder mellem dig og din intelligens. For den sags skyld ingen ekstern udbyder overhovedet.</li>
</ul>
</article>
<article class="highlight-box" data-tone="copper">
<p class="hl-head"><span class="hl-num">02</span> — Driftssikkerhed &amp; kontinuitet</p>
<p class="hl-lead">Svaret på Fable 5-lukningen. Ingen kill-switch udefra.</p>
<ul class="hl-list">
<li>Modellen og vægtene ligger hos dig. Ingen kan slukke den udefra med et brev. Fable 5-scenariet kan ikke ske her.</li>
<li>Ingen ekstern API-afhængighed. Drift og failover ligger inden for jeres egen kontrol.</li>
<li>Du ejer livscyklussen. Ingen udefra kan tvinge dig til at opgradere eller lukke ned.</li>
</ul>
</article>
<article class="highlight-box" data-tone="copper">
<p class="hl-head"><span class="hl-num">03</span> — Sikkerhed i flere lag</p>
<p class="hl-lead">Her er sikkerhed en del af fundamentet. Ikke noget, der er sat ovenpå bagefter.</p>
<ul class="hl-list">
<li>Det hele kører bag jeres egne firewalls og adgangskontroller. Jeres eksisterende sikkerhedsstack gælder også for AI&rsquo;en.</li>
<li>Fuldt auditspor lokalt. I kan se, hvem der spurgte om hvad, hvornår, og hvilken model der svarede. Loggene forlader aldrig huset.</li>
<li>Løbende red-teaming og hærdede modeller leveret til jer, så sårbarheder bliver fanget, før de bliver til hændelser.</li>
</ul>
</article>
<article class="highlight-box" data-tone="copper">
<p class="hl-head"><span class="hl-num">04</span> — Governance &amp; frihed fra lock-in</p>
<p class="hl-lead">Svaret på vendor lock-in og geopolitisk afhængighed.</p>
<ul class="hl-list">
<li>Modelagnostisk, og det er dit at beholde. Skift eller kombinér modeller i dit eget miljø uden at bygge om.</li>
<li>Ingen forbrugsbaseret afhængighed. Prisen kan ikke skrues op, for driften ligger ikke i vores hænder.</li>
<li>Compliance, der kan revideres og ligger inden for jeres egen kontrol. Klar til EU AI Act og GDPR fra dag ét.</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">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 class="dt-logo" src="assets/logos/datatilsynet.png" alt="Datatilsynet" /></div>
</div>
</div>
</section>
<!-- ░░░ 18 — Question ░░░ -->
<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) ░░░ -->
<section class="slide hero-slide" id="slide-thanks" data-label="Tak">
<div class="bifrost-arc" aria-hidden="true">
<svg viewBox="0 0 1400 500" preserveAspectRatio="xMidYMid meet">
<path class="arc-halo" pathLength="1" d="M 60 420 Q 700 -40 1340 420"/>
<path class="arc-main" pathLength="1" d="M 60 420 Q 700 -40 1340 420"/>
<path class="arc-thin" pathLength="1" d="M 80 420 Q 700 -20 1320 420"/>
</svg>
</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>
</main>
<!-- Bottom dot-nav — built from the slides by deck.js -->
<div class="dot-nav-tray" aria-hidden="true"></div>
<nav class="dot-nav" id="dot-nav" aria-label="Slide-navigation"></nav>
<script src="assets/js/deck.js" defer></script>
</body>
</html>