<!doctype html>
<!--
  trentpower.fr · language vestibule

  the publication exists as two static editions: /en-au/ (the author's
  edition, written in australian english) and /fr/ (a machine-translated
  rendering). the root is the edition-choice page shown to first
  visitors. a stored choice (localStorage tp-lang) routes returning
  visitors straight through to their edition on a fresh load; the gate
  may also be dismissed (×, esc, scrim click) and the visitor lands on
  the stored edition, or /en-au/ if none is stored. with no
  JavaScript the gate is shown to everyone and the two ordinary
  <a href> choices resolve the route. the root is the x-default entry
  point and is indexable as the neutral threshold; the rich editorial
  graph lives on the editions.
-->
<html lang="en-AU" dir="ltr">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
  <meta name="format-detection" content="telephone=no">
  <meta name="color-scheme" content="light dark">
  <meta name="theme-color" content="#FAF7F0">

  <!-- scripts · language preference, local only — sets the vestibule's
       display language from a stored choice. data-preferred-lang keeps
       the simple 'en'/'fr' value the rest of the site uses; html lang
       maps to the BCP47 tag ('en-AU' or 'fr') so the document language
       claim stays precise. NEVER redirects: the root is a deliberate
       choice page on every visit. -->
  <script>(()=>{const e=document.documentElement;let s='';try{s=localStorage.getItem('tp-lang')||''}catch(_){}const l=(s==='en'||s==='fr')?s:'en';e.dataset.preferredLang=l;e.lang=l==='en'?'en-AU':'fr';if(s==='en'||s==='fr')e.dataset.returning='true';e.classList.add('js');try{const m=localStorage.getItem('tp-theme');if(m==='dark'||m==='light')e.dataset.theme=m}catch(_){}})();</script>

  <!-- head · language vestibule metadata -->
  <title>Choose an edition. · Trent Power</title>
  <meta name="description" content="Client strategy, growth systems and cultural adoption at global scale">
  <meta name="robots" content="index, follow">
  <meta name="referrer" content="no-referrer">
  <link rel="canonical" href="https://trentpower.fr/">
  <link rel="alternate" hreflang="en-AU" href="https://trentpower.fr/en-au/">
  <link rel="alternate" hreflang="fr" href="https://trentpower.fr/fr/">
  <link rel="alternate" hreflang="x-default" href="https://trentpower.fr/">

  <link rel="icon" href="/favicon.ico" sizes="any">
  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
  <link rel="manifest" href="/manifest.webmanifest" type="application/manifest+json">

  <link rel="stylesheet" href="/styles.css?v=2026-05-23.d73a065e" integrity="sha384-jsLOFfd+NWjpdmWzZMcp+iz29oJdegRsgBRP+HM3Epzq72lclJkqgNDCKfSkEtEc">

  <!-- head · structured data -->
  <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "Person",
      "@id": "https://trentpower.fr/#trent-power",
      "name": "Trent Power",
      "url": "https://trentpower.fr/en-au/"
    },
    {
      "@type": "WebSite",
      "@id": "https://trentpower.fr/#website",
      "name": "Trent Power",
      "description": "Client strategy, growth systems and cultural adoption at global scale",
      "url": "https://trentpower.fr/",
      "author": {
        "@id": "https://trentpower.fr/#trent-power"
      },
      "publisher": {
        "@id": "https://trentpower.fr/#trent-power"
      },
      "copyrightYear": 2026,
      "copyrightHolder": {
        "@id": "https://trentpower.fr/#trent-power"
      },
      "inLanguage": [
        "en-AU",
        "fr"
      ],
      "dateModified": "2026-05-23T00:00:00+00:00"
    },
    {
      "@type": "WebPage",
      "@id": "https://trentpower.fr/#language-gate",
      "url": "https://trentpower.fr/",
      "name": "Choose an edition",
      "isPartOf": {
        "@id": "https://trentpower.fr/#website"
      },
      "inLanguage": [
        "en-AU",
        "fr"
      ],
      "about": {
        "@id": "https://trentpower.fr/#website"
      }
    }
  ]
}
  </script>

</head>
<body class="language-gate" data-page="language-gate" data-surface="editorial">

<!-- background · the real homepage masthead + hero, sliced from the
     homepage build. data-page="home" so the homepage's own geometry
     resolves — / and /en/ are one composition. inert, aria-hidden. -->
<div class="gate-background" data-page="home" aria-hidden="true" inert>
<!-- body · masthead -->
<header class="site-header" data-component="site-header">
  <div class="nav">
    <div class="nav-inner">
      <a class="nav-mark" href="/" aria-current="page"><span>Trent</span> <span>Power</span></a>
    </div>
  </div>
</header>

<!-- body · primary content -->
<main class="site" tabindex="-1">
  <article class="home-profile">

    <!-- primary · 01 · positioning -->
    <header class="hero">
      <p class="hero-kicker"><bdi>Trent Power</bdi></p>
      <p class="hero-statement hero-statement--broken"><span data-gate="en">Client strategy,<br><mark>growth systems,</mark><br>and cultural adoption<br>at global scale.</span><span data-gate="fr">Stratégie client,<br><mark>systèmes de croissance,</mark><br>et adoption culturelle<br>à l’échelle mondiale.</span></p>
      <p class="hero-body"><span data-gate="en">I lead client strategy at Group level, focusing on the systems, governance, and ways
of working that turn client relationships into long-term value. My work sits at the
intersection of strategy, technology, and human relationships, with a focus on impact
that scales and endures.</span><span data-gate="fr">Je pilote la stratégie client au niveau du Groupe, en me concentrant sur les systèmes,
la gouvernance et les façons de travailler qui transforment les relations clients en
valeur à long terme. Mon travail se situe à l’intersection de la stratégie, de la
technologie et des relations humaines, avec un impact qui se déploie à grande échelle
et dans la durée.</span></p>
    </header>
    </article>
  </main>

</div>

<!-- scrim · shared modal shell scrim; warm dimming layer over the
     publication. on mobile it also becomes the vertical-centring
     container for the card. -->
<div class="modal-shell-scrim is-active" id="lang-gate-scrim">

  <!-- language gate · server-rendered, works with no JavaScript;
       the two choices are ordinary <a href> links. uses the unified
       modal shell shared with verify and access. -->
  <section class="shell"
           id="lang-gate"
           role="dialog"
           aria-modal="true"
           aria-labelledby="lang-gate-title"
           aria-describedby="lang-gate-copy">
    <button class="shell-close" id="lang-close" type="button"
            aria-label="Close and continue to the last-read edition">×</button>
    <h1 class="shell-title" id="lang-gate-title">
      <span data-gate="en">Choose an edition.</span><span data-gate="fr">Choisissez une édition.</span>
    </h1>
    <p class="shell-lede" id="lang-gate-copy">
      <span data-when="first">
        <span data-gate="en">The publication is written in English.<br>A machine-translated French rendering is available.</span><span data-gate="fr">Cette publication est rédigée en anglais.<br>Une version française, traduite par machine, est disponible.</span>
      </span>
      <span data-when="return">
        <span data-gate="en">Last read in English.</span><span data-gate="fr">Dernière lecture en français.</span>
      </span>
    </p>

    <hr class="shell-rule">
    <div class="body-region">
      <div class="lang-row">
        <a class="lang-cell" href="/en-au/" data-lang-choice="en"
           aria-label="Read the author’s edition in English, written in Australian English">
          <span class="lang-name">English <span class="arrow" aria-hidden="true">→</span></span>
          <span class="lang-caption">
            <span data-gate="en"><span>Author’s edition</span><span>Australian English</span></span><span data-gate="fr"><span>Édition originale</span><span>anglais australien</span></span>
          </span>
        </a>
        <span class="divider" aria-hidden="true"></span>
        <a class="lang-cell" href="/fr/" data-lang-choice="fr"
           aria-label="Read the machine-translated French rendering">
          <span class="lang-name">Français <span class="arrow" aria-hidden="true">→</span></span>
          <span class="lang-caption">
            <span data-gate="en"><span>Machine-translated</span><span>rendering</span></span><span data-gate="fr"><span>Version traduite</span><span>automatiquement</span></span>
          </span>
        </a>
      </div>
    </div>
  </section>

</div>

<!-- scripts · language preference, local only -->
<!-- fonts.js must run on the gate too: it adds html.fonts-ready,
     which the hero-reveal CSS gates on. without it the hero inside
     .gate-background sits at opacity:0 and never animates in. -->
<script src="/js/fonts.js?v=2026-05-23.d73a065e" integrity="sha384-hqccZnNIbxh/tvycK1UR5+oe9gifY+gHe/QZiwKcEtJa3RWkSjMIUQhb3jZRfx01" defer></script>
<script src="/js/language-gate.js" integrity="sha384-w8lcFNOk4JP10zCh5cilyvfKEdTjePLvmEx4qMfLON8PE9zfGmTcL4ara+wyV+j4" defer></script>
</body>
</html>
