{"id":714,"date":"2026-03-25T16:57:34","date_gmt":"2026-03-25T15:57:34","guid":{"rendered":"https:\/\/kellynauleau.com\/?page_id=714"},"modified":"2026-03-27T16:46:23","modified_gmt":"2026-03-27T15:46:23","slug":"home","status":"publish","type":"page","link":"https:\/\/kellynauleau.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"714\" class=\"elementor elementor-714\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c8540f e-flex e-con-boxed e-con e-parent\" data-id=\"6c8540f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-878f0e6 elementor-widget elementor-widget-html\" data-id=\"878f0e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Kelly Nauleau \u2014 Strat\u00e9gie Narrative<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Rufina:ital,wght@0,400;0,700;1,400&family=Poppins:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  :root {\n    --ink: #222222;\n    --white: #ffffff;\n    --gray-light: #f5f4f2;\n    --gray-mid: #d0cdc8;\n    --gray-soft: #8a8880;\n    --serif: 'Rufina', Georgia, serif;\n    --sans: 'Poppins', sans-serif;\n  }\n\n  html, body {\n    height: 100%;\n    scroll-behavior: smooth;\n  }\n\n  body {\n    background: var(--ink);\n    color: var(--white);\n    font-family: var(--sans);\n    font-weight: 300;\n    font-size: 16px;\n    line-height: 1.7;\n    overflow-x: hidden;\n    display: flex;\n    flex-direction: column;\n    min-height: 100vh;\n  }\n\n  \/* \u2500\u2500\u2500 HEADER \u2500\u2500\u2500 *\/\n.portal-header {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding: 1.5rem 3rem;\n  position: relative;\n  z-index: 10;\n}\n\n.portal-brand {\n  display: flex;\n  align-items: baseline;\n  gap: 1rem;\n}\n\n.portal-name {\n  font-family: var(--sans);\n  font-size: 1rem;\n  font-weight: 500;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: var(--white);\n}\n\n.portal-subbrand {\n  font-family: var(--sans);\n  font-size: 0.9rem;\n  font-weight: 300;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: var(--gray-soft);\n}\n\n.portal-sig-icon {\n  width: 36px;\n  opacity: 1;\n  filter: invert(1);\n}\n\n.portal-question-wrap {\n  padding: 0.2rem 3rem 0.5rem;\n  text-align: center;\n}\n\n.portal-question {\n  font-family: var(--serif);\n  font-size: clamp(2rem, 4vw, 2.2rem);\n  font-weight: 400;\n  font-style: italic;\n  color: var(--white);\n  line-height: 0.9rem;\n}\n\n\n  \/* \u2500\u2500\u2500 PORTAL \u2500\u2500\u2500 *\/\n  .portal {\n    flex: 1;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    position: relative;\n  }\n\n  \/* Ligne centrale *\/\n  .portal::after {\n    content: '';\n    position: absolute;\n    top: 8%;\n    bottom: 8%;\n    left: 50%;\n    width: 1px;\n    background: #2a2a2a;\n    pointer-events: none;\n  }\n\n  \/* \u2500\u2500\u2500 PANELS \u2500\u2500\u2500 *\/\n  .portal-panel {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    padding: 4rem 5rem;\n    min-height: 80vh;\n    position: relative;\n    text-decoration: none;\n    color: inherit;\n    overflow: hidden;\n    cursor: pointer;\n  }\n\n  \/* Image de fond au hover *\/\n  .portal-panel-bg {\n    position: absolute;\n    inset: 0;\n    background-size: cover;\n    background-position: center;\n    filter: grayscale(100%) contrast(1.1);\n    opacity: 0;\n    transition: opacity 0.6s ease;\n    z-index: 0;\n  }\n\n  \/* Overlay sombre par-dessus l'image *\/\n  .portal-panel::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: var(--ink);\n    opacity: 0.88;\n    transition: opacity 0.4s ease;\n    z-index: 1;\n  }\n\n  .portal-panel:hover .portal-panel-bg { opacity: 0.4; }\n  .portal-panel:hover::before { opacity: 0.75; }\n\n  \/* Num\u00e9ro d\u00e9coratif *\/\n  .portal-num {\n    position: absolute;\n    top: 2.5rem;\n    left: 4rem;\n    font-family: var(--serif);\n    font-size: 8rem;\n    font-weight: 700;\n    color: rgba(255,255,255,0.04);\n    line-height: 1;\n    pointer-events: none;\n    user-select: none;\n    z-index: 2;\n  }\n\n  \/* Contenu *\/\n  .portal-content {\n    position: relative;\n    z-index: 3;\n  }\n\n  .portal-label {\n    font-family: var(--sans);\n    font-size: 0.58rem;\n    font-weight: 500;\n    letter-spacing: 0.3em;\n    text-transform: uppercase;\n    color: var(--gray-soft);\n    margin-bottom: 1.5rem;\n    transition: color 0.3s;\n  }\n\n  .portal-panel:hover .portal-label { color: var(--gray-mid); }\n\n  .portal-title {\n    font-family: var(--serif);\n    font-size: clamp(2rem, 3vw, 3rem);\n    font-weight: 400;\n    line-height: 1.15;\n    color: var(--white);\n    margin-bottom: 1.5rem;\n  }\n\n  .portal-title em {\n    font-style: italic;\n    color: var(--gray-mid);\n  }\n\n  .portal-desc {\n    font-family: var(--sans);\n    font-size: 0.75rem;\n    font-weight: 300;\n    color: #555;\n    line-height: 1.7;\n    max-width: 32ch;\n    margin-bottom: 2.5rem;\n    border-left: 1px solid #333;\n    padding-left: 1.2rem;\n    transition: color 0.3s, border-color 0.3s;\n  }\n\n  .portal-panel:hover .portal-desc {\n    color: var(--gray-soft);\n    border-color: #444;\n  }\n\n  .portal-enter {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.7rem;\n    font-family: var(--sans);\n    font-size: 0.6rem;\n    font-weight: 500;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: #444;\n    transition: color 0.3s, gap 0.3s;\n  }\n\n  .portal-panel:hover .portal-enter {\n    color: var(--white);\n    gap: 1.1rem;\n  }\n\n  .portal-enter-arrow {\n    font-size: 0.95rem;\n    transition: transform 0.3s;\n  }\n\n  .portal-panel:hover .portal-enter-arrow {\n    transform: translate(3px, -3px);\n  }\n\n  \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\n  .footer-strip {\n    border-top: 1px solid #2a2a2a;\n    padding: 1.5rem 5rem !important;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-shrink: 0;\n    flex-direction: row !important;      \/* \u2190 s'assurer que c'est bien row *\/\n  text-align: left !important;\n  }\n\n  .footer-strip a, .footer-strip span {\n    font-family: var(--sans);\n    font-size: 0.65rem;\n    font-weight: 300;\n    color: #3a3a3a;\n    text-decoration: none;\n    letter-spacing: 0.05em;\n  }\n\n  .footer-strip a:hover { color: var(--gray-soft); }\n\n  \/* \u2500\u2500\u2500 REVEAL \u2500\u2500\u2500 *\/\n  .reveal { opacity: 0; transform: translateY(16px); transition: opacity 0.7s ease, transform 0.7s ease; }\n  .reveal.visible { opacity: 1; transform: translateY(0); }\n\n  \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n@media (max-width: 900px) {\n  .portal { grid-template-columns: 1fr; }\n  .portal::after { display: none; }\n  \n  \/* \u2500 Header mobile \u2500 *\/\n  .portal-header {\n    padding: 1.5rem 2rem;\n    flex-direction: column;      \/* \u2190 empiler verticalement *\/\n    align-items: flex-start;     \/* \u2190 aligner \u00e0 gauche *\/\n    gap: 0.3rem;\n  }\n  .portal-brand {\n    flex-direction: column;      \/* \u2190 Kelly Nauleau puis Narrative Strategy l'une sous l'autre *\/\n    align-items: flex-start;\n    gap: 0.2rem;\n  }\n  .portal-sig-icon { display: none; }  \/* \u2190 masquer le logo sur mobile *\/\n.portal-question-wrap {\n  padding: 0.5rem 2rem 1rem;\n  text-align: left;\n}\n.portal-question {\n  font-size: clamp(1.4rem, 8vw, 1.8rem);\n  line-height: 1.2; \/* \u2190 plus petit sur mobile *\/\n}\n\n  .portal-panel-bg {\n    opacity: 0.25;   \/* \u2190 visible en permanence sur mobile *\/\n  }\n  .portal-panel::before {\n    opacity: 0.82;   \/* \u2190 overlay un peu moins opaque pour laisser passer l'image *\/\n  }\n\n  .portal-panel { min-height: 60vh; padding: 3rem 2.5rem; }\n  .portal-num { font-size: 5rem; left: 2.5rem; }\n  .footer-strip { padding: 1.2rem 2rem; flex-direction: column; gap: 0.5rem; text-align: center; }\n}\n\n  \/* Switcher TranslatePress \u2014 version int\u00e9gr\u00e9e *\/\n.trp-language-switcher-container {\n  position: fixed !important;\n  bottom: 1.5rem !important;\n  right: 1.5rem !important;\n  z-index: 999;\n}\n\n.trp-language-switcher {\n  background: var(--ink) !important;\n  border: 1px solid #333 !important;\n  border-radius: 0 !important;\n  padding: 0.4rem 0.9rem !important;\n  font-family: 'Poppins', sans-serif !important;\n  font-size: 0.65rem !important;\n  font-weight: 500 !important;\n  letter-spacing: 0.15em !important;\n  text-transform: uppercase !important;\n  color: var(--gray-soft) !important;\n  box-shadow: none !important;\n}\n\n.trp-language-switcher:hover {\n  border-color: var(--gray-mid) !important;\n  color: var(--white) !important;\n}\n\n.trp-language-switcher a,\n.trp-language-switcher span {\n  color: inherit !important;\n  font-size: inherit !important;\n}\n\n\/* Masquer le drapeau si souhait\u00e9 *\/\n.trp-language-switcher img {\n  display: none !important;\n}\n\n<\/style>\n<\/head>\n<body>\n\n<!-- HEADER -->\n<header class=\"portal-header\">\n  <div class=\"portal-brand\">\n    <span class=\"portal-name\">Kelly Nauleau<\/span>\n    <span class=\"portal-subbrand\">Narrative Strategy &amp; Brand Architecture<\/span>\n  <\/div>\n  <img decoding=\"async\" src=\"https:\/\/kellynauleau.com\/wp-content\/uploads\/2026\/01\/Fichier-1.svg\"\n       alt=\"\" class=\"portal-sig-icon\">\n<\/header>\n\n<div class=\"portal-question-wrap\">\n  <h1 class=\"portal-question\"><\/h1>\n<\/div>\n<\/header>\n\n<!-- PORTAL -->\n<main class=\"portal\">\n\n  <!-- PANEL 1 \u2014 Destinations -->\n  <a href=\"https:\/\/kellynauleau.com\/en\/destinations\/\" class=\"portal-panel reveal\">\n    <div class=\"portal-panel-bg\" style=\"background-image: url('https:\/\/kellynauleau.com\/wp-content\/uploads\/2026\/03\/USATrip\u00a9KellyNauleau-634.jpg');\"><\/div>\n    <div class=\"portal-num\" aria-hidden=\"true\">01<\/div>\n    <div class=\"portal-content\">\n      <p class=\"portal-label\">Destinations &amp; Heritage<\/p>\n      <h2 class=\"portal-title\">A <em>destination<\/em> \u2014<br>heritage, hospitality,<br>culture<\/h2>\n      <p class=\"portal-desc\">Narrative strategy for cultural sites, independent hotels, and territorial brands crossing markets.<\/p>\n      <span class=\"portal-enter\">Enter <span class=\"portal-enter-arrow\">\u2197<\/span><\/span>\n    <\/div>\n  <\/a>\n\n  <!-- PANEL 2 \u2014 Entrepreneurs -->\n  <a href=\"https:\/\/kellynauleau.com\/en\/brands\/\" class=\"portal-panel reveal\">\n    <div class=\"portal-panel-bg\" style=\"background-image: url('https:\/\/kellynauleau.com\/wp-content\/uploads\/2026\/03\/VW_PARIS\u00a9KellyNauleau-51.jpg');\"><\/div>\n    <div class=\"portal-num\" aria-hidden=\"true\">02<\/div>\n    <div class=\"portal-content\">\n      <p class=\"portal-label\">Entrepreneurs &amp; Brands<\/p>\n      <h2 class=\"portal-title\">A <em>brand<\/em> \u2014<br>independent, creative,<br>growing<\/h2>\n      <p class=\"portal-desc\">Narrative architecture for independent founders and creative brands building a singular identity.<\/p>\n      <span class=\"portal-enter\">Enter <span class=\"portal-enter-arrow\">\u2197<\/span><\/span>\n    <\/div>\n  <\/a>\n\n<\/main>\n\n<!-- FOOTER -->\n<footer class=\"footer-strip\">\n  <a href=\"https:\/\/www.pinterest.com\/nomadlines\/\">nomadlines.co<\/a>\n  <span>kellynauleau.com<\/span>\n  <span>2026<\/span>\n<\/footer>\n\n<script>\nconst reveals = document.querySelectorAll('.reveal');\nconst io = new IntersectionObserver((entries) => {\n  entries.forEach((e, i) => {\n    if (e.isIntersecting) {\n      setTimeout(() => e.target.classList.add('visible'), i * 150);\n      io.unobserve(e.target);\n    }\n  });\n}, { threshold: 0.05 });\nreveals.forEach(el => io.observe(el));\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Kelly Nauleau \u2014 Strat\u00e9gie Narrative Kelly Nauleau Strat\u00e9gie Narrative &amp; Architecture de Marque 01 Destinations &#038; Patrimoine Une destination \u2014patrimoine, hospitalit\u00e9,culture Strat\u00e9gie narrative pour les sites culturels, h\u00f4tels ind\u00e9pendants et marques territoriales \u00e0 l&rsquo;international. Entrer \u2197 02 Entrepreneurs &#038; Marques Une marque \u2014ind\u00e9pendante, cr\u00e9ative,en croissance Architecture narrative pour les fondateurs ind\u00e9pendants et les marques cr\u00e9atives [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"iawp_total_views":94,"footnotes":""},"class_list":["post-714","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kellynauleau.com\/en\/wp-json\/wp\/v2\/pages\/714","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kellynauleau.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kellynauleau.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kellynauleau.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/kellynauleau.com\/en\/wp-json\/wp\/v2\/comments?post=714"}],"version-history":[{"count":74,"href":"https:\/\/kellynauleau.com\/en\/wp-json\/wp\/v2\/pages\/714\/revisions"}],"predecessor-version":[{"id":917,"href":"https:\/\/kellynauleau.com\/en\/wp-json\/wp\/v2\/pages\/714\/revisions\/917"}],"wp:attachment":[{"href":"https:\/\/kellynauleau.com\/en\/wp-json\/wp\/v2\/media?parent=714"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}