```html
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Jovana (Jo) Knutsen — Prospective Doctoral Student</title>
  <meta name="description" content="Jovana (Jo) Knutsen — Cognitive Science, Philosophy of Mind, Linguistics, Complexity. Research on meaning, agency, and interpretive costs in AI-mediated learning." />
  <link rel="stylesheet" href="styles.css" />
</head>

<body>
  <header class="site-header">
    <div class="container">
      <a class="skip-link" href="#main">Skip to content</a>

      <div class="topbar">
        <div>
          <h1 class="name">Jovana (Jo) Knutsen</h1>
          <p class="tagline">Prospective Doctoral Student · Cognitive Science &amp; Philosophy of Mind · Linguistics · Complexity</p>
        </div>

        <nav class="nav" aria-label="Primary">
          <a href="#about">About</a>
          <a href="#now">Now</a>
          <a href="#research">Research</a>
          <a href="#publications">Publications</a>
          <a href="#teaching">Teaching</a>
          <a href="#experience">Experience</a>
          <a href="#citizenship">Citizenship</a>
          <a href="#contact">Contact</a>
        </nav>
      </div>

      <div class="hero">
        <div class="hero-grid">
          <div class="hero-copy">
            <p class="lead">
              I study how meaning and agency are shaped when human learning and knowledge-building are mediated by increasingly capable generative AI systems,
              with particular attention to interpretation costs, context updates, and threshold dynamics between noise and structure.
            </p>

            <div class="buttons">
              <a class="button" href="#publications">Publications</a>
              <a class="button button-ghost" href="cv.pdf">Download CV (PDF)</a>
            </div>

            <p class="epigraph">Ἀπὸ τοῦ ἡλίου μετάστηθι.</p>
          </div>

          <div class="hero-art" aria-hidden="true">
            <!-- Update the filename if yours differs -->
            <img src="assets/ill/research.png" alt="" loading="eager" decoding="async" />
          </div>
        </div>
      </div>
    </div>
  </header>

  <main id="main" class="container">
    <section id="about" class="section">
      <div class="section-title">
        <img class="section-icon" src="assets/ill/about.png" alt="" aria-hidden="true" loading="lazy" decoding="async" />
        <h2>About</h2>
      </div>
      <p>
        I work at the intersection of cognitive science, computational linguistics/NLP, human–machine interaction, and philosophy of mind.
        My central interest is the cognitive and physiological “threshold moments” where structure emerges:
        critical points between chaos and order, randomness and recognition, noise and meaning.
      </p>
      <p>
        Alongside academic work, I’ve led and built applied data-science and AI initiatives in higher education and industry
        (including program design, organizational transformation, and research advisory).
        I also maintain an enduring interest in craft and skill: knitting, mental model building, and the patient work of learning systems—human and technical—well enough to improve them.
      </p>
    </section>

    <section id="now" class="section">
      <div class="section-title">
        <img class="section-icon" src="assets/ill/now.png" alt="" aria-hidden="true" loading="lazy" decoding="async" />
        <h2>Now</h2>
      </div>
      <ul class="bullets">
        <li>M.A. student in Linguistics, University of Oslo (ongoing)</li>
        <li>Executive in Residence (NLP &amp; Data Analysis), BI Norwegian Business School (ongoing)</li>
        <li>Teaching Assistant (Statistics in R for language students), University of Oslo (ongoing)</li>
        <li>Co-founder / daglig leder / researcher, Kanna AS (ongoing)</li>
      </ul>

      <p class="kicker">
        <strong>Research keywords:</strong>
        Discourse processing · meaning &amp; context update · cognitive ergonomics · interpretive load · generative AI · human–machine interaction · philosophy of mind · experimental design · text analysis
      </p>
    </section>

    <section id="research" class="section">
      <div class="section-title">
        <img class="section-icon" src="assets/ill/research.png" alt="" aria-hidden="true" loading="lazy" decoding="async" />
        <h2>Research</h2>
      </div>

      <h3>Research focus</h3>
      <p>
        My work asks what happens to human understanding when fluent language is cheap. In contemporary cognitive ecologies, people can share public symbols with AI systems
        while lacking shared grounding and stable interpretive mappings. This creates a practical and theoretical problem: coordination can look successful while the interpretive work,
        and its costs, shift in non-obvious ways.
      </p>

      <h3>I approach these questions from</h3>
      <ul class="bullets">
        <li><strong>Cognitive science</strong>, including representational and predictive frameworks for how agents stabilize meaning under uncertainty.</li>
        <li><strong>Computational linguistics/NLP</strong>, focusing on discourse, context management, and measurable properties of text that track interpretive effort.</li>
        <li><strong>Philosophy of mind and language</strong>, focusing on what it means to understand, to be responsible for commitments, and to coordinate meaning with others.</li>
      </ul>

      <h3>Current themes</h3>
      <div class="grid">
        <article class="card">
          <h4>Cognitive ergonomics of discourse</h4>
          <p>How textual structure, coherence cues, and discourse-level organization change the cost profile of interpretation for human readers.</p>
        </article>
        <article class="card">
          <h4>Meaning under AI mediation</h4>
          <p>How generative text affects attention, memory encoding, and epistemic agency—especially when users treat fluent output as a substitute for grounded understanding.</p>
        </article>
        <article class="card">
          <h4>Threshold dynamics: noise → structure</h4>
          <p>Where and how interpretation “tips” from confusion into recognition (and back), and what linguistic cues reliably move the system across that boundary.</p>
        </article>
      </div>

      <h3>Methods and competencies</h3>
      <ul class="bullets">
        <li>Research design in behavioral/cognitive experiments: task design, manipulation design, operationalization, construct validity</li>
        <li>Mixed-methods analysis: quantitative modeling + structured qualitative analysis</li>
        <li>Text analysis in Python (incl. NLP) and statistics/visualization in R</li>
      </ul>
    </section>

    <section id="publications" class="section">
      <div class="section-title">
        <img class="section-icon" src="assets/ill/publications.png" alt="" aria-hidden="true" loading="lazy" decoding="async" />
        <h2>Publications &amp; Writing</h2>
      </div>

      <h3>Peer-reviewed / academic and evaluated work</h3>
      <ol class="refs">
        <li>
          Rasmussen, J., Knutsen (Karajanov), J., &amp; Arnulf, J. K. (2024).
          <em>Styrer og bærekraft: Norske børsnoterte selskap møter forventninger med kontroll heller enn strategi.</em>
          MAGMA. (Contributed code and classification logic for governance-theory-driven language grouping.)
        </li>
        <li>
          <em>The Geography of Doubt: Demarcation, Anthropocentric Vulnerability, and the Epistemic Currency of Science</em>
          (Aarhus University, evaluated with top grade; currently being polished for submission).
        </li>
        <li>
          Master’s thesis (University of Oslo):
          <em>Ergonomics of Discourse: Measuring Interpreter Load Indices in Human- and Large Language Model-Generated Text</em>
          (in revision/polish for submission and publication; submitted as a talk to SALC 2026).
        </li>
      </ol>

      <h3>Selected applied/commercial research (Gartner)</h3>
      <ul class="bullets">
        <li>“Uncover the Hidden Impact of AI Automation on Your Organization”, ID G00794951 — Gartner (by Jo Karajanov, Mary Mesaglio)</li>
        <li>“How Executive Leaders Can Reframe Bias With Generative AI”, ID G00793053 — Gartner (by Mordecai, Jo Karajanov)</li>
        <li>“9 Trust and Ethical Implications of Generative AI”, ID G00795391 — Gartner (by Bart Willemsen, Jo Karajanov)</li>
      </ul>

      <h3>Current writing interests</h3>
      <ul class="bullets">
        <li>Cognitive ergonomics, interpretive load, and discourse-level meaning</li>
        <li>Human–AI interaction as a cognitive ecology</li>
        <li>Epistemic agency and responsibility under fluent automation</li>
        <li>Governance language, organizational narratives, and measurable rhetoric</li>
      </ul>
    </section>

    <section id="teaching" class="section">
      <div class="section-title">
        <img class="section-icon" src="assets/ill/teaching.png" alt="" aria-hidden="true" loading="lazy" decoding="async" />
        <h2>Teaching</h2>
      </div>

      <h3>Teaching philosophy</h3>
      <p>
        My teaching is practical, concept-driven, and respectful of the learner: I treat methods as tools for thinking, and gamify wherever possible.
        By “gamify” I do not mean the insistence on points and levels, and instead mean that I respect the role of (obstacle course) design and meaningful effort.
        Gamification, in this sense, is about making the abstract knowledge students need to attain a tool to be used in the pursuit of a tangible, recognizable goal.
        I aim to reduce intimidation, increase agency, and build durable intuition—especially around statistics, coding, and research design.
      </p>

      <h3>University of Oslo</h3>
      <ul class="bullets">
        <li><strong>Teaching Assistant — Introduction to Statistical Analysis for Language Students (R)</strong> (Autumn 2024; Autumn 2025)</li>
        <li>Taught statistics and coding in R to language students</li>
        <li>Created synthetic datasets and authored learning games (including a “Forensic Linguistics Lab”) to support applied learning and retention</li>
      </ul>

      <h3>Earlier teaching (selected)</h3>
      <p>
        <strong>Lecturer — Academic English &amp; Research Methodology for Game Developers</strong> (Technische Universität Köln / Cologne Game Lab).
        Topics included game theory, cognitive biases, immersion, creative co-construction, and teamwork in non-linear systems.
      </p>
    </section>

    <section id="experience" class="section">
      <div class="section-title">
        <img class="section-icon" src="assets/ill/experience.png" alt="" aria-hidden="true" loading="lazy" decoding="async" />
        <h2>Experience</h2>
      </div>

      <h3>Current / recent roles</h3>
      <ul class="bullets">
        <li><strong>Executive in Residence — NLP &amp; Data Analysis, BI Norwegian Business School (Oslo)</strong>. Research into the language of annual and sustainability reports; corporate governance disclosures and structures; published output in MAGMA.</li>
        <li><strong>Co-founder / daglig leder / researcher — Kanna AS (Oslo)</strong>. An independent research vehicle enabling focused project work and research collaborations (mostly paused while studying).</li>
        <li><strong>Senior Director, Analyst — Gartner (Berlin/Munich/Oslo)</strong>. Research, analytics, and advisory on machine learning and generative AI; publication-quality applied research outputs.</li>
      </ul>

      <h3>Higher education leadership</h3>
      <ul class="bullets">
        <li><strong>Chief Information Officer — Frankfurt School of Finance &amp; Management (Frankfurt am Main)</strong>. Led transformation strategies toward data-driven management; cloud migration; designed and directed an AI Initiative and opened an AI Lab.</li>
        <li><strong>Academic Programme Director — MSc Applied Data Science</strong>. Designed, staffed, and recruited for the program and achieved accreditation in the first year.</li>
      </ul>

      <h3>Earlier professional work</h3>
      <p>
        I also worked as an in-company business English trainer across multiple large organizations in Germany, focusing on professional communication and practical skill-building.
      </p>

      <h3>Earlier creative/industry work (a bit of trivia)</h3>
      <p>
        <strong>Voice-Over Direction (Game Development).</strong> Before moving fully into higher education leadership and research, I worked as a Voice-Over (VO) Director in game development.
        The work combined narrative editing, casting calls, and directing voice actors remotely.
      </p>
    </section>

    <section id="citizenship" class="section">
      <h2>Volunteering &amp; Academic Citizenship</h2>
      <ul class="bullets">
        <li>University of Oslo — Studentrepresentasjon i UHRs nasjonale fagorgan / Student representative in UHR's national academic councils: HFM2-LING Lingvistikk (October 2025 – Present)</li>
        <li>University of Oslo — Member, “Kunstig intelligens i analyse av språk og språkdidaktikk”, ILN (January 2025 – Present)</li>
        <li>Oslo Fireside Knits — Organizer (Jan 2024 – Present). Community knitting group focused on slow fashion and sustainable garment making; designed and delivered a curriculum covering traditional knitting skills.</li>
        <li>Venturing Women Lab — Technical Mentor for a short course (March 2024 – May 2024)</li>
      </ul>
    </section>

    <section id="contact" class="section">
      <h2>Contact &amp; Connect</h2>
      <ul class="bullets">
        <li><strong>Email:</strong> <a href="mailto:jovanak@uio.no">jovanak@uio.no</a></li>
        <li><strong>ORCID:</strong> <a href="https://orcid.org/0009-0002-2775-5676" rel="me">To my ORCID page</a></li>
        <li><strong>LinkedIn:</strong> <a href="https://www.linkedin.com/in/jo-knutsen/" rel="me">To my LinkedIn page</a></li>
      </ul>

      <p class="fineprint">
        © <span id="year"></span> Jovana (Jo) Knutsen. Built as a lightweight static site.
      </p>
    </section>
  </main>

  <script>
    document.getElementById("year").textContent = new Date().getFullYear();
  </script>
</body>
</html>
```

```css
:root{
  --bg: #0b0c0f;
  --fg: #e9e9ee;
  --muted: #b8b8c5;
  --card: rgba(255,255,255,0.06);
  --line: rgba(255,255,255,0.12);
  --link: #cfd6ff;
}

*{ box-sizing: border-box; }
html, body { margin: 0; padding: 0; }

body{
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  background: var(--bg);
  color: var(--fg);
  line-height: 1.6;
}

.container{
  width: min(980px, calc(100% - 40px));
  margin: 0 auto;
}

.site-header{
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(900px 380px at 18% 0%, rgba(80,160,255,0.18), transparent 60%),
    radial-gradient(900px 380px at 78% 0%, rgba(255,80,80,0.14), transparent 62%),
    var(--bg);
}

.skip-link{
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.skip-link:focus{
  left: 20px;
  top: 20px;
  width: auto;
  height: auto;
  padding: 10px 12px;
  background: #11131a;
  border: 1px solid var(--line);
  border-radius: 10px;
}

.topbar{
  padding: 26px 0 10px;
  display: flex;
  gap: 18px;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

.name{
  font-size: 28px;
  margin: 0 0 6px;
  letter-spacing: 0.2px;
}

.tagline{
  margin: 0;
  color: var(--muted);
  max-width: 70ch;
}

.nav{
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  padding-top: 6px;
}

.nav a{
  color: var(--muted);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  padding-bottom: 2px;
}

.nav a:hover{
  color: var(--fg);
  border-bottom-color: var(--line);
}

.hero{
  padding: 18px 0 28px;
}

.hero-grid{
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 18px;
  align-items: center;
}

.hero-copy{ min-width: 0; }

.lead{
  font-size: 18px;
  color: var(--fg);
  max-width: 85ch;
  margin: 8px 0 16px;
}

.buttons{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 10px 0 10px;
}

.button{
  display: inline-block;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(207,214,255,0.15);
  border: 1px solid rgba(207,214,255,0.25);
  color: var(--fg);
  text-decoration: none;
}

.button:hover{
  background: rgba(207,214,255,0.20);
}

.button-ghost{
  background: transparent;
  border: 1px solid var(--line);
  color: var(--muted);
}

.button-ghost:hover{
  color: var(--fg);
  border-color: rgba(207,214,255,0.25);
}

.epigraph{
  margin: 14px 0 0;
  color: var(--muted);
  font-style: italic;
}

.hero-art{
  border: 1px solid var(--line);
  background: var(--card);
  border-radius: 22px;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  box-shadow: 0 20px 60px rgba(0,0,0,0.35);
}

.hero-art img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.section{
  padding: 28px 0;
  border-bottom: 1px solid var(--line);
  scroll-margin-top: 24px;
}

.section:last-child{ border-bottom: none; }

.section-title{
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 10px;
}

.section-title h2{
  margin: 0;
  font-size: 20px;
}

.section-icon{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  border: 1px solid var(--line);
  object-fit: cover;
  box-shadow: 0 10px 24px rgba(0,0,0,0.25);
}

h3{
  margin: 18px 0 8px;
  font-size: 16px;
  color: var(--fg);
}

h4{
  margin: 0 0 6px;
  font-size: 15px;
}

p{ margin: 10px 0; color: var(--fg); }

a{ color: var(--link); }
a:hover{ color: #ffffff; }

.bullets{
  margin: 10px 0 0;
  padding-left: 18px;
}

.bullets li{
  margin: 6px 0;
  color: var(--fg);
}

.kicker{ color: var(--muted); }

.grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 10px;
}

.card{
  border: 1px solid var(--line);
  background: var(--card);
  border-radius: 16px;
  padding: 12px 12px 10px;
}

.card p{
  color: var(--muted);
  margin: 0;
}

.refs{
  margin: 10px 0 0;
  padding-left: 18px;
}

.refs li{
  margin: 10px 0;
  color: var(--fg);
}

.fineprint{
  color: var(--muted);
  font-size: 13px;
  margin-top: 10px;
}

@media (max-width: 880px){
  .grid{ grid-template-columns: 1fr; }
  .hero-grid{ grid-template-columns: 1fr; }
}
```
/* --- Global safety: never let images blow out layout --- */
img{
  max-width: 100%;
  height: auto;
}

/* --- Subtitle icon next to the tagline --- */
.subtitle{
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}

.subtitle-icon{
  width: 22px;
  height: 22px;
  border-radius: 8px;
  border: 1px solid var(--line);
  object-fit: cover;
  flex: 0 0 auto;
}

