{"id":17,"date":"2020-01-06T15:33:38","date_gmt":"2020-01-06T15:33:38","guid":{"rendered":"https:\/\/avadawebsites.wpengine.com\/interior-design\/?page_id=17"},"modified":"2026-05-07T17:39:32","modified_gmt":"2026-05-07T21:39:32","slug":"a-propos","status":"publish","type":"page","link":"https:\/\/lepetitroast.com\/fr\/about-us\/","title":{"rendered":"\u00c0 propos de moi"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1320.8px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:25px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:25px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><!-- Avada code block: about\/index.html -- self-contained, paste as-is -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,400..700;1,9..144,400..700&family=Inter+Tight:wght@300..700&family=Caveat:wght@500;600&display=swap\">\n\n<script>\n  \/\/ Language detection \u2014 reads <html lang>. Any value starting with \"fr\" renders French (Qu\u00e9bec).\n  var isFr = (document.documentElement.lang || '').toLowerCase().indexOf('fr') === 0;\n<\/script>\n\n<style id=\"lpr-bilingual\">\n.lpr[data-lang=\"en\"] .lpr-fr,\n.lpr[data-lang=\"fr\"] .lpr-en { display: none !important; }\n<\/style>\n\n<script>\n  (function(){\n    var existing = document.querySelector('meta[name=\"viewport\"]');\n    var content = 'width=device-width, initial-scale=1, viewport-fit=cover';\n    if (existing) {\n      existing.setAttribute('content', content);\n    } else {\n      var m = document.createElement('meta');\n      m.name = 'viewport';\n      m.setAttribute('content', content);\n      document.head.appendChild(m);\n    }\n  })();\n<\/script>\n\n<script id=\"lpr-strip-avada-typography\">\n(function(){\n  function strip(){\n    document.querySelectorAll('.lpr .fusion-responsive-typography-calculated').forEach(function(el){\n      el.classList.remove('fusion-responsive-typography-calculated');\n      el.style.removeProperty('--fontSize');\n      el.style.removeProperty('line-height');\n      el.removeAttribute('data-fontsize');\n      el.removeAttribute('data-lineheight');\n    });\n  }\n  strip();\n  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', strip);\n  window.addEventListener('load', strip);\n  var t;\n  window.addEventListener('resize', function(){ clearTimeout(t); t = setTimeout(strip, 100); });\n})();\n<\/script>\n\n<style id=\"lpr-avada-container-escape\">\nmain.clearfix.width-100:has(.lpr),\nmain.clearfix.width-100:has(.lpr) > .fusion-row {\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n  margin-left: 0 !important;\n  margin-right: 0 !important;\n  max-width: 100% !important;\n  width: 100% !important;\n}\n.fusion-fullwidth:has(.lpr),\n.fusion-builder-row:has(.lpr),\n.fusion-layout-column:has(.lpr),\n.fusion-column-wrapper:has(.lpr),\n.fusion-text:has(.lpr) {\n  overflow: visible !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n  margin-left: 0 !important;\n  margin-right: 0 !important;\n  max-width: 100% !important;\n  width: 100% !important;\n}\n<\/style>\n\n<style id=\"lpr-inner-width-safety\">\nhtml, body {\n  max-width: 100vw !important;\n  overflow-x: hidden !important;\n}\n.lpr .container {\n  width: 100% !important;\n  box-sizing: border-box !important;\n}\n@media (max-width: 1240px) {\n  .lpr .principle-grid {\n    max-width: 100% !important;\n  }\n}\n.lpr .about-hero-inner > *,\n.lpr .hero-inner > *,\n.lpr .principle-grid > *,\n.lpr .thomas-grid > *,\n.lpr .featured-grid > *,\n.lpr .cards-grid > *,\n.lpr .picks-grid > *,\n.lpr .how-grid > *,\n.lpr .why-grid > *,\n.lpr .shop-grid > * {\n  min-width: 0 !important;\n  max-width: 100% !important;\n}\n.lpr p,\n.lpr h1, .lpr h2, .lpr h3, .lpr h4, .lpr h5, .lpr h6,\n.lpr li, .lpr blockquote {\n  overflow-wrap: break-word !important;\n  word-wrap: break-word !important;\n  min-width: 0 !important;\n}\n.lpr > section {\n  width: 100% !important;\n  max-width: 100% !important;\n  box-sizing: border-box !important;\n}\n<\/style>\n\n<style id=\"lpr-mobile-safety\">\nhtml, body {\n  max-width: 100vw;\n  overflow-x: hidden;\n}\n.lpr {\n  max-width: 100% !important;\n  overflow-x: hidden !important;\n  box-sizing: border-box !important;\n}\n.lpr * { box-sizing: border-box; }\n.lpr section,\n.lpr img,\n.lpr svg {\n  max-width: 100% !important;\n}\n.lpr h1, .lpr h2, .lpr h3, .lpr p {\n  overflow-wrap: break-word;\n  word-break: normal;\n}\n@media (max-width: 500px) {\n  .lpr h1 { font-size: clamp(36px, 10vw, 56px) !important; line-height: 1.05 !important; }\n  .lpr h2 { font-size: clamp(30px, 8vw, 44px) !important; line-height: 1.05 !important; }\n}\n<\/style>\n\n<style id=\"avada-hardening\">\n.lpr, .lpr * { box-sizing: border-box; }\n.lpr { display: block; width: 100%; max-width: none; }\n\n.lpr h1, .lpr h2, .lpr h3, .lpr h4, .lpr h5, .lpr h6,\n.lpr p, .lpr ul, .lpr ol, .lpr figure, .lpr blockquote {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n.lpr ul, .lpr ol { padding-left: 0; list-style: none; }\n\n.lpr img { max-width: 100%; height: auto; display: block; }\n\n.lpr a { text-decoration: none; color: inherit; }\n.lpr .btn, .lpr .btn-primary, .lpr .btn-ghost, .lpr .btn-dark,\n.lpr .pcard-add, .lpr .link-u { text-decoration: none !important; }\n\n.lpr section { width: 100%; max-width: none; display: block; }\n\n\/* About page hero grid *\/\n.lpr .about-hero-inner {\n  display: grid !important;\n  grid-template-columns: 1.1fr 0.9fr !important;\n  gap: 80px !important;\n  direction: ltr !important;\n  align-items: center !important;\n  text-align: left !important;\n}\n.lpr .about-hero-inner > .about-hero-copy {\n  grid-column: 1 \/ 2 !important;\n  grid-row: 1 !important;\n  order: 0 !important;\n  text-align: left;\n}\n.lpr .about-hero-inner > .about-hero-art {\n  grid-column: 2 \/ 3 !important;\n  grid-row: 1 !important;\n  order: 1 !important;\n  position: relative;\n  justify-self: center;\n  width: 100%;\n  max-width: 460px;\n  aspect-ratio: 4 \/ 5;\n}\n.lpr .about-portrait, .lpr .about-portrait img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n}\n.lpr .about-portrait img { object-fit: cover; }\n\n\/* Thomas Q&A *\/\n.lpr .thomas-grid {\n  display: grid !important;\n  grid-template-columns: 0.9fr 1.1fr !important;\n  gap: 80px !important;\n  direction: ltr !important;\n  align-items: start !important;\n  text-align: left !important;\n}\n.lpr .thomas-grid > .thomas-art {\n  grid-column: 1 \/ 2 !important;\n  grid-row: 1 !important;\n  order: 0 !important;\n  position: relative;\n  justify-self: center;\n  width: 100%;\n  max-width: 400px;\n}\n.lpr .thomas-grid > .thomas-copy {\n  grid-column: 2 \/ 3 !important;\n  grid-row: 1 !important;\n  order: 1 !important;\n}\n.lpr .thomas-portrait { position: relative; aspect-ratio: 4 \/ 5; }\n.lpr .thomas-portrait img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }\n\n@media (max-width: 960px) {\n  .lpr .about-hero-inner { grid-template-columns: 1fr !important; gap: 56px !important; }\n  .lpr .about-hero-inner > .about-hero-copy { grid-column: 1 \/ 2 !important; grid-row: 1 !important; }\n  .lpr .about-hero-inner > .about-hero-art  { grid-column: 1 \/ 2 !important; grid-row: 2 !important; max-width: 340px; margin: 0 auto; }\n  .lpr .thomas-grid { grid-template-columns: 1fr !important; gap: 80px !important; }\n  .lpr .thomas-grid > .thomas-art  { grid-column: 1 \/ 2 !important; grid-row: 1 !important; max-width: 320px; margin: 0 auto; }\n  .lpr .thomas-grid > .thomas-copy { grid-column: 1 \/ 2 !important; grid-row: 2 !important; }\n  .lpr .thomas-copy h2 { line-height: 1.1 !important; }\n  .lpr .thomas-badge { padding-bottom: 16px !important; }\n}\n\n\/* Principle sections \u2014 head LEFT, body RIGHT *\/\n.lpr .principle-grid {\n  display: grid !important;\n  grid-template-columns: 320px 1fr !important;\n  gap: 80px !important;\n  align-items: start !important;\n  direction: ltr !important;\n  max-width: 1200px !important;\n  margin: 0 auto !important;\n}\n.lpr .principle-grid > .principle-head {\n  grid-column: 1 \/ 2 !important;\n  grid-row: 1 !important;\n  order: 0 !important;\n}\n.lpr .principle-grid > .principle-body {\n  grid-column: 2 \/ 3 !important;\n  grid-row: 1 !important;\n  order: 1 !important;\n}\n@media (max-width: 960px) {\n  .lpr .principle-grid { grid-template-columns: 1fr !important; gap: 32px !important; }\n  .lpr .principle-grid > .principle-head { grid-column: 1 \/ 2 !important; grid-row: 1 !important; position: static !important; }\n  .lpr .principle-grid > .principle-body { grid-column: 1 \/ 2 !important; grid-row: 2 !important; }\n}\n\n.lpr .hero-eyebrow + h1 { margin-top: 16px; }\n.lpr h1 + .hero-sub { margin-top: 20px; }\n.lpr .hero-sub + .hero-ctas { margin-top: 28px; }\n.lpr .sec h2 + .lead { margin-top: 12px; }\n.lpr .hero-ctas { display: flex !important; flex-wrap: wrap; gap: 14px; }\n<\/style>\n\n<style>\n\/* =========================================================\n   Le Petit Roast -- shared tokens & primitives (subset)\n   ========================================================= *\/\n:root {\n  --cream-50:  #FBF4E3;\n  --cream-100: #F5E9CC;\n  --cream-200: #ECDCAE;\n  --cream-300: #D8C088;\n  --honey-500: #E8C576;\n  --honey-300: #F4DCA6;\n  --roast-900: #2A1B10;\n  --roast-800: #3D2A1D;\n  --roast-700: #5A3E2A;\n  --roast-600: #7A5A40;\n  --roast-500: #9C7A5C;\n  --ember-700: #A34A1A;\n  --ember-600: #C4601F;\n  --ember-500: #DE813E;\n  --ember-300: #F0B37F;\n\n  --bg: var(--cream-50);\n  --ink: var(--roast-900);\n  --ink-2: var(--roast-700);\n  --ink-muted: var(--roast-500);\n  --line: var(--cream-300);\n\n  --font-display: \"Fraunces\", Georgia, serif;\n  --font-body: \"Inter Tight\", -apple-system, system-ui, sans-serif;\n  --font-hand: \"Caveat\", cursive;\n\n  --r-md: 12px;\n  --r-lg: 20px;\n  --r-pill: 999px;\n\n  --shadow-sm: 0 1px 2px rgba(61, 42, 29, 0.08);\n  --shadow-md: 0 10px 28px -10px rgba(61, 42, 29, 0.22);\n  --shadow-lg: 0 24px 56px -18px rgba(61, 42, 29, 0.3);\n\n  --container: 1240px;\n}\n* { box-sizing: border-box; }\nhtml, body { margin: 0; padding: 0; }\nbody {\n  background: var(--bg);\n  color: var(--ink);\n  font-family: var(--font-body);\n  font-size: 17px;\n  line-height: 1.6;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\nimg { max-width: 100%; display: block; }\na { color: inherit; text-decoration: none; }\nbutton { font: inherit; cursor: pointer; border: none; background: none; }\n::selection { background: var(--ember-300); color: var(--roast-900); }\n\n.container { max-width: var(--container); margin: 0 auto; padding: 0 32px; }\n@media (max-width: 700px) { .container { padding: 0 20px; } }\n@media (max-width: 430px) { .container { padding: 0 16px; } }\n\n.hand {\n  font-family: var(--font-hand);\n  font-weight: 600;\n  color: var(--ember-600);\n  display: inline-block;\n  transform: rotate(-2deg);\n}\n\n\/* Buttons *\/\n.btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 15px 28px;\n  font-family: var(--font-body);\n  font-size: 16px;\n  font-weight: 600;\n  border: 1.5px solid transparent;\n  border-radius: var(--r-pill);\n  cursor: pointer;\n  transition: all 220ms cubic-bezier(0.2, 0.7, 0.2, 1);\n  line-height: 1;\n  white-space: nowrap;\n}\n.btn:hover { transform: translateY(-1px); }\n.btn svg { width: 16px; height: 16px; transition: transform 260ms cubic-bezier(0.2,0.7,0.2,1); }\n.btn:hover svg { transform: translateX(3px); }\n.btn-primary { background: var(--ember-600); color: #fff; }\n.btn-primary:hover { background: var(--ember-700); }\n.btn-ghost { background: transparent; color: var(--ink); border-color: var(--ink); }\n.btn-ghost:hover { background: var(--ink); color: var(--cream-50); }\n\n.link-u {\n  display: inline-flex;\n  align-items: baseline;\n  gap: 6px;\n  font-weight: 600;\n  color: var(--ink);\n  position: relative;\n  padding-bottom: 2px;\n}\n.link-u::after {\n  content: \"\";\n  position: absolute; left: 0; right: 0; bottom: 0;\n  height: 2px;\n  background: var(--ember-500);\n  transform-origin: left;\n  transition: transform 260ms cubic-bezier(0.2,0.7,0.2,1);\n}\n\n\/* ===== Section generic ===== *\/\n.sec { padding: 96px 0; }\n.sec-label { display: inline-block; font-size: 13px; font-weight: 600; color: var(--ember-600); margin-bottom: 12px; }\n<\/style>\n\n<style>\n\/* =========================================================\n   About page -- color + type\n   ========================================================= *\/\n\n\/* ---------- Hero ---------- *\/\n.about-hero {\n  background: linear-gradient(165deg, #6B3A1E 0%, #4A2615 100%);\n  padding: 64px 0 96px;\n  position: relative;\n  overflow: hidden;\n}\n.about-hero::before {\n  content: \"\";\n  position: absolute;\n  left: -10%;\n  top: 20%;\n  width: 340px; height: 340px;\n  background: radial-gradient(circle, rgba(240, 179, 127, 0.16), transparent 70%);\n  pointer-events: none;\n}\n.about-hero-inner {\n  display: grid;\n  grid-template-columns: 1.1fr 0.9fr;\n  gap: 80px;\n  align-items: center;\n  position: relative;\n}\n.about-eyebrow {\n  font-family: var(--font-body);\n  font-size: 13px;\n  font-weight: 600;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: var(--ember-300);\n  margin-bottom: 20px;\n}\n.about-hero h1 {\n  font-family: var(--font-display);\n  font-weight: 400;\n  font-size: clamp(56px, 8vw, 108px);\n  line-height: 0.95;\n  letter-spacing: -0.035em;\n  color: var(--cream-50);\n  margin: 0 0 28px;\n}\n.about-hero h1 .hand {\n  font-family: var(--font-hand);\n  font-weight: 600;\n  color: var(--ember-300);\n  font-style: normal;\n  letter-spacing: -0.01em;\n  font-size: 1.02em;\n  display: inline-block;\n  transform: rotate(-2deg);\n  margin-left: -4px;\n}\n.about-lede {\n  font-family: var(--font-display);\n  font-weight: 300;\n  font-style: italic;\n  font-size: clamp(20px, 2vw, 26px);\n  line-height: 1.45;\n  color: rgba(251, 244, 227, 0.82);\n  max-width: 46ch;\n  margin: 0 0 28px;\n}\n.about-hero-meta {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px 14px;\n  font-family: var(--font-body);\n  font-size: 14px;\n  font-weight: 500;\n  color: rgba(251, 244, 227, 0.6);\n  letter-spacing: 0.02em;\n}\n.about-hero-meta .sep { color: var(--ember-300); }\n\n.about-hero-art {\n  position: relative;\n  justify-self: center;\n  width: 100%;\n  max-width: 460px;\n  aspect-ratio: 4 \/ 5;\n}\n.about-portrait {\n  position: absolute;\n  inset: 0;\n  transform: rotate(-2deg);\n  transition: transform 400ms ease;\n  filter: drop-shadow(0 40px 48px rgba(61, 42, 29, 0.22)) drop-shadow(0 8px 16px rgba(61, 42, 29, 0.12));\n  border-radius: 8px;\n  overflow: hidden;\n  background: var(--cream-200, #efe6d6);\n}\n.about-portrait:hover { transform: rotate(-2deg) translateY(-4px); }\n.about-portrait img {\n  width: 100%; height: 100%;\n  object-fit: cover;\n  display: block;\n}\n.about-sticker {\n  position: absolute;\n  top: 24px; right: 8px;\n  z-index: 2;\n  background: var(--ember-500);\n  color: var(--cream-50);\n  font-family: var(--font-hand);\n  font-weight: 600;\n  font-size: 22px;\n  padding: 10px 18px;\n  border-radius: 999px;\n  transform: rotate(6deg);\n  box-shadow: 0 8px 20px -6px rgba(222, 129, 62, 0.5);\n}\n.about-caption {\n  position: absolute;\n  bottom: -48px; left: 50%;\n  transform: translateX(-50%) rotate(-2deg);\n  font-family: var(--font-hand);\n  font-size: 22px;\n  color: rgba(251, 244, 227, 0.7);\n  white-space: nowrap;\n}\n\n.story-num {\n  font-family: var(--font-hand);\n  font-weight: 600;\n  font-size: 32px;\n  color: var(--ember-600);\n  transform: rotate(-3deg);\n  display: inline-block;\n  margin-bottom: 12px;\n  letter-spacing: 0.02em;\n}\n\n\/* ---------- Long-form story ---------- *\/\n.story-long {\n  background: var(--cream-50);\n  padding: 96px 0;\n}\n.story-col {\n  max-width: 720px;\n  margin: 0 auto;\n}\n.story-long h2 {\n  font-family: var(--font-display);\n  font-weight: 400;\n  font-size: clamp(44px, 6vw, 72px);\n  line-height: 1;\n  letter-spacing: -0.035em;\n  color: var(--ink);\n  margin: 0 0 48px;\n}\n.story-long h2 .hand {\n  font-family: var(--font-hand);\n  font-weight: 600;\n  color: var(--ember-600);\n  font-style: normal;\n  font-size: 1em;\n}\n.story-long p {\n  font-family: var(--font-body);\n  font-size: 19px;\n  line-height: 1.7;\n  color: var(--ink-2);\n  margin: 0 0 22px;\n  max-width: 68ch;\n  text-wrap: pretty;\n}\n.story-long p strong { font-weight: 600; color: var(--ink); }\n\n.pull {\n  font-family: var(--font-display);\n  font-weight: 400;\n  font-style: italic;\n  font-size: clamp(28px, 3.2vw, 40px);\n  line-height: 1.2;\n  letter-spacing: -0.015em;\n  color: var(--ink);\n  margin: 40px 0;\n  padding: 4px 0 4px 28px;\n  border-left: 3px solid var(--ember-500);\n  max-width: 26ch;\n}\n.pull em { font-style: italic; color: var(--ember-600); }\n\n\/* ---------- Principle blocks ---------- *\/\n.principle-cream-50 { background: var(--cream-50); }\n.principle-cream-100 { background: var(--cream-100); }\n\n.principle-grid {\n  display: grid;\n  grid-template-columns: 280px 1fr;\n  gap: 80px;\n  align-items: start;\n  max-width: 1040px;\n  margin: 0 auto;\n}\n.principle-head { position: sticky; top: 120px; }\n.principle-head .story-num { margin-bottom: 10px; }\n.principle-head h2 {\n  font-family: var(--font-display);\n  font-weight: 400;\n  font-size: clamp(36px, 4.5vw, 56px);\n  line-height: 1;\n  letter-spacing: -0.03em;\n  color: var(--ink);\n  margin: 0;\n}\n.principle-head h2 .hand {\n  font-family: var(--font-hand);\n  font-weight: 600;\n  color: var(--ember-600);\n  font-style: normal;\n  font-size: 1em;\n}\n.principle-body p {\n  font-family: var(--font-body);\n  font-size: 18px;\n  line-height: 1.7;\n  color: var(--ink-2);\n  margin: 0 0 18px;\n  max-width: 58ch;\n  text-wrap: pretty;\n}\n.principle-body p.kicker {\n  font-family: var(--font-display);\n  font-style: italic;\n  font-weight: 400;\n  font-size: 22px;\n  line-height: 1.4;\n  color: var(--ink);\n  margin-top: 24px;\n  padding-top: 22px;\n  border-top: 1px solid rgba(61, 42, 29, 0.1);\n  max-width: 48ch;\n}\n.hand-inline {\n  font-family: var(--font-hand);\n  font-weight: 600;\n  color: var(--ember-600);\n  font-size: 1.15em;\n  font-style: normal;\n}\n\n\/* ---------- Thomas Q&A ---------- *\/\n.thomas {\n  background: var(--roast-900);\n  color: var(--cream-100);\n  padding: 112px 0;\n  position: relative;\n  overflow: hidden;\n}\n.thomas::before {\n  content: \"\";\n  position: absolute;\n  right: -12%; top: 10%;\n  width: 420px; height: 420px;\n  background: radial-gradient(circle, rgba(222, 129, 62, 0.15), transparent 70%);\n  pointer-events: none;\n}\n.thomas-grid {\n  display: grid;\n  grid-template-columns: 0.8fr 1.2fr;\n  gap: 80px;\n  align-items: start;\n  position: relative;\n}\n.thomas-art {\n  position: sticky;\n  top: 120px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 24px;\n}\n.thomas-portrait {\n  width: 100%;\n  max-width: 360px;\n  aspect-ratio: 4 \/ 5;\n  position: relative;\n  transform: rotate(-2deg);\n  filter: drop-shadow(0 40px 60px rgba(0, 0, 0, 0.4));\n  border-radius: 8px;\n  overflow: hidden;\n  background: #2a1910;\n}\n.thomas-portrait img {\n  width: 100%; height: 100%;\n  object-fit: cover;\n  display: block;\n}\n.thomas-badge { text-align: center; padding-top: 8px; }\n.thomas-name {\n  font-family: var(--font-display);\n  font-weight: 400;\n  font-size: 36px;\n  letter-spacing: -0.02em;\n  color: var(--cream-50);\n  line-height: 1;\n}\n.thomas-role {\n  font-family: var(--font-hand);\n  font-size: 22px;\n  color: var(--honey-500);\n  margin-top: 6px;\n  transform: rotate(-2deg);\n  display: inline-block;\n}\n\n.thomas-copy .sec-label { color: var(--honey-500); }\n.thomas-copy h2 {\n  font-family: var(--font-display);\n  font-weight: 400;\n  font-size: clamp(40px, 5vw, 60px);\n  line-height: 1;\n  letter-spacing: -0.03em;\n  color: var(--cream-50);\n  margin: 0 0 48px;\n}\n.thomas-copy h2 .hand {\n  font-family: var(--font-hand);\n  font-weight: 600;\n  color: var(--honey-500);\n  font-style: normal;\n  font-size: 1em;\n}\n\n.qa {\n  list-style: none;\n  margin: 0 0 44px;\n  padding: 0;\n  counter-reset: qa;\n}\n.qa li {\n  counter-increment: qa;\n  padding: 28px 0;\n  border-top: 1px solid var(--roast-800);\n  position: relative;\n  padding-left: 52px;\n}\n.qa li:last-child { border-bottom: 1px solid var(--roast-800); }\n.qa li::before {\n  content: counter(qa, decimal-leading-zero);\n  position: absolute;\n  left: 0; top: 32px;\n  font-family: var(--font-display);\n  font-style: italic;\n  font-weight: 400;\n  font-size: 20px;\n  color: var(--ember-500);\n  letter-spacing: 0.04em;\n}\n.qa h3 {\n  font-family: var(--font-display);\n  font-weight: 500;\n  font-size: 22px;\n  line-height: 1.25;\n  letter-spacing: -0.01em;\n  color: var(--cream-50);\n  margin: 0 0 10px;\n}\n.qa p {\n  font-family: var(--font-body);\n  font-size: 17px;\n  line-height: 1.65;\n  color: var(--cream-100);\n  opacity: 0.82;\n  margin: 0;\n  max-width: 56ch;\n  text-wrap: pretty;\n}\n.thomas-cta { margin-top: 8px; }\n\n\/* ---------- Closing CTA ---------- *\/\n.about-close {\n  background: var(--cream-100);\n  padding: 112px 0;\n  text-align: center;\n}\n.about-close-inner {\n  max-width: 640px;\n  margin: 0 auto;\n}\n.about-close .sec-label {\n  justify-content: center;\n  display: inline-flex;\n  margin-bottom: 14px;\n}\n.about-close h2 {\n  font-family: var(--font-display);\n  font-weight: 400;\n  font-size: clamp(40px, 5.5vw, 64px);\n  line-height: 1.02;\n  letter-spacing: -0.03em;\n  color: var(--ink);\n  margin: 0 0 20px;\n}\n.about-close h2 .hand {\n  font-family: var(--font-hand);\n  font-weight: 600;\n  color: var(--ember-600);\n  font-style: normal;\n  font-size: 1em;\n}\n.about-close p {\n  font-family: var(--font-display);\n  font-style: italic;\n  font-weight: 300;\n  font-size: 22px;\n  line-height: 1.5;\n  color: var(--ink-2);\n  margin: 0 auto 32px;\n  max-width: 40ch;\n}\n\n\/* Existing breakpoints *\/\n@media (max-width: 960px) {\n  .about-hero-inner { grid-template-columns: 1fr; gap: 80px; }\n  .about-hero-art { max-width: 340px; }\n  .principle-grid { grid-template-columns: 1fr; gap: 32px; }\n  .principle-head { position: static; }\n  .thomas-grid { grid-template-columns: 1fr; gap: 56px; }\n  .thomas-art { position: static; }\n}\n@media (max-width: 640px) {\n  .about-hero { padding: 48px 0 72px; }\n  .story-long, .principle, .thomas, .about-close { padding: 72px 0; }\n  .about-hero h1 { font-size: clamp(44px, 12vw, 72px); }\n  .pull { font-size: 24px; margin: 28px 0; padding-left: 20px; }\n  .qa li { padding-left: 40px; }\n  .qa li::before { font-size: 16px; top: 30px; }\n}\n<\/style>\n\n<style id=\"lpr-about-mobile-polish\">\n\/* =========================================================\n   Mobile-friendly polish \u2014 About page.\n   Layered ON TOP of base rules; only narrow viewports change.\n   Goals: tighter rhythm, thumb-friendly CTAs, calmer hero,\n   no portrait sticker overflow, sane long-read leading.\n   ========================================================= *\/\n\n\/* ---------- Tablet & below ---------- *\/\n@media (max-width: 820px) {\n  .about-hero { padding: 56px 0 80px; }\n  .about-hero h1 { margin-bottom: 24px; }\n  .about-lede { font-size: 19px; }\n\n  .story-long { padding: 80px 0; }\n  .story-long h2 { margin-bottom: 36px; }\n  .story-long p { font-size: 18px; line-height: 1.65; }\n\n  .principle-grid { gap: 28px; }\n  .principle-body p { font-size: 17px; }\n  .principle-body p.kicker { font-size: 20px; }\n\n  .thomas { padding: 88px 0; }\n  .thomas-copy h2 { margin-bottom: 36px; }\n  .qa li { padding: 24px 0 24px 48px; }\n  .qa h3 { font-size: 21px; }\n  .qa p { font-size: 16.5px; }\n\n  .about-close { padding: 88px 0; }\n}\n\n\/* ---------- Phone (\u2264640px) ---------- *\/\n@media (max-width: 640px) {\n  \/* Hero \u2014 tighter, sticker pulled in so it never clips *\/\n  .about-hero { padding: 44px 0 64px; }\n  .about-hero h1 { margin-bottom: 20px; }\n  .about-lede { font-size: 17.5px; line-height: 1.5; margin-bottom: 22px; }\n  .about-hero-meta { font-size: 13px; gap: 8px 12px; }\n\n  .about-hero-art { max-width: 300px; }\n  .about-sticker {\n    top: 14px; right: 4px;\n    font-size: 18px;\n    padding: 7px 14px;\n  }\n  .about-caption {\n    font-size: 18px;\n    bottom: -38px;\n  }\n\n  \/* Long-form \u2014 readable column *\/\n  .story-long { padding: 64px 0; }\n  .story-long h2 { font-size: clamp(36px, 9vw, 48px); margin-bottom: 28px; }\n  .story-long p { font-size: 17px; line-height: 1.7; margin-bottom: 18px; }\n\n  .pull {\n    font-size: 22px;\n    margin: 24px 0;\n    padding: 2px 0 2px 16px;\n    line-height: 1.25;\n  }\n\n  \/* Principle sections *\/\n  .sec.principle, .principle { padding: 64px 0 !important; }\n  .principle-grid { gap: 20px; }\n  .principle-head h2 { font-size: clamp(32px, 8vw, 44px); }\n  .story-num { font-size: 28px; margin-bottom: 8px; }\n  .principle-body p { font-size: 16.5px; line-height: 1.65; margin-bottom: 16px; }\n  .principle-body p.kicker {\n    font-size: 19px;\n    margin-top: 20px;\n    padding-top: 18px;\n    line-height: 1.4;\n  }\n\n  \/* Thomas \u2014 give Q&A air, larger tap target on CTA *\/\n  .thomas { padding: 64px 0; }\n  .thomas-portrait { max-width: 280px; margin: 0 auto; }\n  .thomas-name { font-size: 30px; }\n  .thomas-role { font-size: 19px; }\n\n  .thomas-copy h2 {\n    font-size: clamp(32px, 8.5vw, 44px);\n    line-height: 1.05 !important;\n    margin-bottom: 28px;\n  }\n\n  .qa { margin-bottom: 32px; }\n  .qa li {\n    padding: 20px 0 20px 36px;\n  }\n  .qa li::before { font-size: 14px; top: 24px; }\n  .qa h3 { font-size: 19px; line-height: 1.3; }\n  .qa p { font-size: 16px; line-height: 1.6; }\n\n  \/* Full-width CTAs on phone \u2014 easier thumb reach *\/\n  .thomas-cta,\n  .about-close .btn {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    padding: 16px 24px;\n    min-height: 52px;\n    box-sizing: border-box;\n  }\n\n  \/* Closing CTA \u2014 sized for phone *\/\n  .about-close { padding: 64px 0; }\n  .about-close h2 { font-size: clamp(32px, 8.5vw, 48px); margin-bottom: 16px; }\n  .about-close p { font-size: 18px; margin-bottom: 24px; }\n}\n\n\/* ---------- Small phones (\u2264430px) ---------- *\/\n@media (max-width: 430px) {\n  .about-hero { padding: 36px 0 56px; }\n  .about-hero h1 { font-size: clamp(40px, 13vw, 56px); margin-bottom: 16px; }\n  .about-lede { font-size: 16.5px; }\n  .about-hero-art { max-width: 260px; }\n  .about-sticker { font-size: 17px; padding: 6px 12px; }\n  .about-caption { font-size: 17px; bottom: -32px; }\n\n  .story-long h2 { font-size: clamp(32px, 9.5vw, 42px); margin-bottom: 24px; }\n  .story-long p { font-size: 16.5px; }\n\n  .pull { font-size: 20px; padding-left: 14px; }\n\n  .principle-head h2 { font-size: clamp(28px, 8.5vw, 38px); }\n\n  .thomas-copy h2 { font-size: clamp(28px, 9vw, 40px); }\n  .qa li { padding-left: 32px; }\n  .qa li::before { font-size: 13px; }\n  .qa h3 { font-size: 18px; }\n  .qa p { font-size: 15.5px; }\n\n  .about-close h2 { font-size: clamp(28px, 9vw, 42px); }\n  .about-close p { font-size: 17px; }\n}\n\n\/* ---------- Extra-small (\u2264360px) safety ---------- *\/\n@media (max-width: 360px) {\n  .about-hero h1 { font-size: 38px; }\n  .story-long h2 { font-size: 30px; }\n  .principle-head h2 { font-size: 28px; }\n  .thomas-copy h2 { font-size: 28px; }\n  .about-close h2 { font-size: 28px; }\n}\n<\/style>\n\n<!-- ============ HERO ============ -->\n<div class=\"lpr\" data-lang=\"en\">\n<script>\n  (function(){\n    var root = document.currentScript.parentElement;\n    if (root && root.classList.contains(\"lpr\")) root.dataset.lang = (typeof isFr !== \"undefined\" && isFr) ? \"fr\" : \"en\";\n  })();\n<\/script>\n<section class=\"about-hero\">\n  <div class=\"container about-hero-inner\">\n    <div class=\"about-hero-copy\">\n      <div class=\"about-eyebrow lpr-en\">About me<\/div>\n      <div class=\"about-eyebrow lpr-fr\">\u00c0 propos<\/div>\n      <h1 class=\"lpr-en\">The one-person<br><span class=\"hand\">roastery.<\/span><\/h1>\n      <h1 class=\"lpr-fr\">La micro-torr\u00e9faction.<br><span class=\"hand\">Une seule personne.<\/span><\/h1>\n      <p class=\"about-lede lpr-en\">Small-batch roasted in Montreal. Traceable beans, honest prices, no jargon.<\/p>\n      <p class=\"about-lede lpr-fr\">Torr\u00e9fi\u00e9 en petits lots \u00e0 Montr\u00e9al. Grains tra\u00e7ables, prix honn\u00eates, sans jargon.<\/p>\n      <div class=\"about-hero-meta\">\n        <span class=\"lpr-en\">Montreal, QC<\/span>\n        <span class=\"lpr-fr\">Montr\u00e9al, QC<\/span>\n        <span class=\"sep\">-<\/span>\n        <span class=\"lpr-en\">Roasting since '24<\/span>\n        <span class=\"lpr-fr\">Torr\u00e9facteur depuis 2024<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"about-hero-art\">\n      <div class=\"about-portrait\" aria-label=\"Thomas, founder of Le Petit Roast\">\n        <img decoding=\"async\" src=\"https:\/\/lepetitroast.com\/wp-content\/uploads\/2026\/04\/Thomas-Founder-of-Le-Petit-Roast-e1775409407403.webp\" alt=\"Thomas, founder of Le Petit Roast, at work in his Montreal micro-roastery\" loading=\"lazy\" data-alt-fr=\"Thomas, fondateur de Le Petit Roast, au travail dans sa micro-torr\u00e9faction montr\u00e9alaise\">\n      <\/div>\n      <div class=\"about-sticker lpr-en\">hi, I'm Thomas<\/div>\n      <div class=\"about-sticker lpr-fr\">salut, moi c'est Thomas<\/div>\n      <div class=\"about-caption lpr-en\">one person, one roaster<\/div>\n      <div class=\"about-caption lpr-fr\">une personne, une torr\u00e9faction<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ HOW IT STARTED ============ -->\n<section class=\"sec story-long\">\n  <div class=\"container principle-grid\">\n    <div class=\"principle-head\">\n      <h2 class=\"lpr-en\">How it <span class=\"hand\">started.<\/span><\/h2>\n      <h2 class=\"lpr-fr\">Comment \u00e7a a <span class=\"hand\">commenc\u00e9.<\/span><\/h2>\n    <\/div>\n    <div class=\"principle-body\">\n\n    <p class=\"lpr-en\">For years, coffee was just the thing I drank on autopilot. Instant, every morning, no questions asked. It did the job.<\/p>\n    <p class=\"lpr-en\">I'm a software engineer. My default response to anything interesting is to take it apart. Coffee, eventually, was no exception.<\/p>\n    <p class=\"lpr-fr\">Pendant des ann\u00e9es, le caf\u00e9, c'\u00e9tait juste ce que je buvais machinalement. Instantan\u00e9, chaque matin, sans me poser de questions. \u00c7a faisait la job.<\/p>\n    <p class=\"lpr-fr\">Je suis ing\u00e9nieur logiciel. Quand quelque chose me pique la curiosit\u00e9, j'ai besoin de comprendre comment \u00e7a marche. Avec le caf\u00e9, pareil.<\/p>\n\n    <p class=\"lpr-en\">Then I bought an espresso machine -- mostly out of curiosity -- and everything changed. I started paying attention to what was actually in the cup. That led me to specialty coffee, and once you taste the difference, there's no going back.<\/p>\n    <p class=\"lpr-fr\">Puis j'ai achet\u00e9 une machine \u00e0 espresso \u2014 surtout par curiosit\u00e9 \u2014 et tout a chang\u00e9. J'ai commenc\u00e9 \u00e0 porter attention \u00e0 ce qu'il y avait vraiment dans la tasse. \u00c7a m'a men\u00e9 au caf\u00e9 de sp\u00e9cialit\u00e9, et une fois que tu go\u00fbtes \u00e0 la diff\u00e9rence, tu ne reviens pas en arri\u00e8re.<\/p>\n\n    <p class=\"lpr-en\">It became a ritual. Every new city, every trip, I'd track down the local specialty coffee spot. I also started trying small roasters as a hobby -- and found some incredible surprises along the way. Different origins, different roasters, different approaches -- that's how I fell in love with what coffee can actually be.<\/p>\n    <p class=\"lpr-fr\">C'est devenu un rituel. Chaque nouvelle ville, chaque voyage, je cherchais le caf\u00e9 de sp\u00e9cialit\u00e9 local. J'ai aussi commenc\u00e9 \u00e0 essayer des petits torr\u00e9facteurs par passion \u2014 et trouv\u00e9 des surprises incroyables en cours de route. Origines diff\u00e9rentes, torr\u00e9facteurs diff\u00e9rents, approches diff\u00e9rentes \u2014 c'est comme \u00e7a que je suis tomb\u00e9 amoureux de ce que le caf\u00e9 peut vraiment \u00eatre.<\/p>\n\n    <blockquote class=\"pull lpr-en\">\n      What happens <em>before<\/em> the bag?\n    <\/blockquote>\n    <blockquote class=\"pull lpr-fr\">\n      Qu'est-ce qui se passe <em>avant<\/em> le sac?\n    <\/blockquote>\n\n    <p class=\"lpr-en\">Eventually the curiosity went one step further: what happens before the bag? I got my hands on some leftover green beans and started experimenting -- a pan on the stove, then the oven, then a small gas burner with a drum. It was rough, but the coffee was alive in a way store-bought never was.<\/p>\n    <p class=\"lpr-fr\">Finalement la curiosit\u00e9 est all\u00e9e plus loin : qu'est-ce qui se passe avant le sac? J'ai mis la main sur des grains verts qui tra\u00eenaient et j'ai commenc\u00e9 \u00e0 exp\u00e9rimenter \u2014 une po\u00eale sur le feu, puis le four, puis un petit br\u00fbleur \u00e0 gaz avec un tambour. C'\u00e9tait rudimentaire, mais le caf\u00e9 \u00e9tait vivant d'une fa\u00e7on que celui du commerce ne l'est jamais.<\/p>\n\n    <p class=\"lpr-en\">Friends got curious, tried what I was roasting, and actually liked it. Some of them started asking to buy beans. At the same time, I was curious about what it would take to actually launch something in the coffee industry. The hobby and the ambition lined up -- and <strong>Le Petit Roast<\/strong> was born, a one-person micro-roastery in Montreal.<\/p>\n    <p class=\"lpr-fr\">La curiosit\u00e9 a gagn\u00e9 certains amis, qui ont go\u00fbt\u00e9 ce que je torr\u00e9fiais, et ont vraiment aim\u00e9. Certains ont commenc\u00e9 \u00e0 me demander d'acheter des grains. En m\u00eame temps, je me demandais ce que \u00e7a prendrait pour vraiment lancer quelque chose dans le caf\u00e9. Le passe-temps et l'ambition se sont align\u00e9s \u2014 et <strong>Le Petit Roast<\/strong> est n\u00e9, une micro-torr\u00e9faction d'une seule personne \u00e0 Montr\u00e9al.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ HOW I ROAST ============ -->\n<section class=\"sec principle principle-cream-100\">\n  <div class=\"container principle-grid\">\n    <div class=\"principle-head\">\n      <h2 class=\"lpr-en\">How I <span class=\"hand\">roast.<\/span><\/h2>\n      <h2 class=\"lpr-fr\">Comment je <span class=\"hand\">torr\u00e9fie.<\/span><\/h2>\n    <\/div>\n    <div class=\"principle-body\">\n      <p class=\"lpr-en\">Every batch is roasted with precision and intention. I profile each roast so the coffee you loved is the coffee that comes back \u2014 batch after batch.<\/p>\n      <p class=\"lpr-fr\">Chaque lot est torr\u00e9fi\u00e9 avec pr\u00e9cision et intention. Je profile chaque torr\u00e9faction pour que le caf\u00e9 que tu as aim\u00e9 soit celui qui revient \u2014 lot apr\u00e8s lot.<\/p>\n      <p class=\"lpr-en\">Every coffee is dialed in based on its origin, density, and processing method. Light and bright Ethiopian? Different approach than a full-bodied Brazilian. That's the whole point.<\/p>\n      <p class=\"lpr-fr\">Chaque caf\u00e9 est ajust\u00e9 selon son origine, sa densit\u00e9 et sa m\u00e9thode de traitement. Un \u00e9thiopien clair et \u00e9clatant? Approche diff\u00e9rente d'un br\u00e9silien rond et cors\u00e9. C'est tout l'int\u00e9r\u00eat.<\/p>\n      <p class=\"kicker lpr-en\">I roast in small batches, about once a week. Nothing sits on a shelf for long. What you get is days or weeks from roast date \u2014 not months.<\/p>\n      <p class=\"kicker lpr-fr\">Je torr\u00e9fie en petits lots, environ une fois par semaine. Rien ne reste longtemps sur une tablette. Ce que tu re\u00e7ois a \u00e9t\u00e9 torr\u00e9fi\u00e9 il y a des jours ou des semaines \u2014 pas des mois.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ HOW I SOURCE ============ -->\n<section class=\"sec principle principle-cream-50\">\n  <div class=\"container principle-grid\">\n    <div class=\"principle-head\">\n      <h2 class=\"lpr-en\">How I <span class=\"hand\">source.<\/span><\/h2>\n      <h2 class=\"lpr-fr\">Comment je <span class=\"hand\">s\u00e9lectionne.<\/span><\/h2>\n    <\/div>\n    <div class=\"principle-body\">\n      <p class=\"lpr-en\">I work with Canadian specialty importers who share full traceability -- farm or cooperative, region, altitude, processing method, and cupping scores.<\/p>\n      <p class=\"lpr-fr\">Je travaille avec des importateurs canadiens de caf\u00e9s de sp\u00e9cialit\u00e9 qui partagent une tra\u00e7abilit\u00e9 compl\u00e8te \u2014 ferme ou coop\u00e9rative, r\u00e9gion, altitude, m\u00e9thode de traitement et scores de cupping.<\/p>\n      <p class=\"lpr-en\">The lineup stays small on purpose. A handful of <a class=\"link-u\" href=\"\/#picks\">single origins<\/a> \u2014 one that tastes like jasmine and tea, one that's all chocolate and hazelnut, a decaf that'll fool you into thinking it's not \u2014 plus one espresso blend I'm genuinely proud of.<\/p>\n      <p class=\"lpr-fr\">La s\u00e9lection reste petite, volontairement. Quelques <a class=\"link-u\" href=\"\/fr\/#picks\">simples origines<\/a> \u2014 un qui go\u00fbte le jasmin et le th\u00e9, un tout en chocolat et noisette, un d\u00e9caf qui va te faire oublier que c'est du d\u00e9caf \u2014 plus un assemblage espresso dont je suis vraiment fier.<\/p>\n      <p class=\"kicker lpr-en\">If something doesn't clear my bar, it doesn't make the shelf.<\/p>\n      <p class=\"kicker lpr-fr\">Si quelque chose ne passe pas mon test, \u00e7a ne se rend pas sur la tablette.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ WHY LE PETIT ============ -->\n<section class=\"sec principle principle-cream-100\">\n  <div class=\"container principle-grid\">\n    <div class=\"principle-head\">\n      <h2 class=\"lpr-en\">Why <span class=\"hand\">\"Le Petit\".<\/span><\/h2>\n      <h2 class=\"lpr-fr\">Pourquoi <span class=\"hand\">\u00ab Le Petit \u00bb.<\/span><\/h2>\n    <\/div>\n    <div class=\"principle-body\">\n      <p class=\"lpr-en\">Because small is the point. I'm not trying to scale into a warehouse operation.<\/p>\n      <p class=\"lpr-fr\">Parce que c'est justement \u00e7a le but : rester petit. Je n'essaie pas de devenir une grosse usine.<\/p>\n      <p class=\"lpr-en\">Sourcing, roasting, packaging, design, shipping, social media, website, finances... basically everything. When you're a one-person roastery, your job title is <span class=\"hand-inline\">\"yes.\"<\/span><\/p>\n      <p class=\"lpr-fr\">Sourcing, torr\u00e9faction, emballage, design, exp\u00e9dition, r\u00e9seaux sociaux, site web, finances... pratiquement tout. Quand tu fais tout toi-m\u00eame, ton titre de poste, c'est <span class=\"hand-inline\">\u00ab oui \u00bb.<\/span><\/p>\n      <p class=\"kicker lpr-en\">You're not buying from a brand -- you're buying from a person.<\/p>\n      <p class=\"kicker lpr-fr\">Tu n'ach\u00e8tes pas d'une marque \u2014 tu ach\u00e8tes d'une personne.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ THOMAS Q&A (dark) ============ -->\n<section class=\"sec thomas\">\n  <div class=\"container thomas-grid\">\n\n    <div class=\"thomas-art\">\n      <div class=\"thomas-portrait\">\n        <img decoding=\"async\" src=\"https:\/\/lepetitroast.com\/wp-content\/uploads\/2026\/04\/Thomas-Founder-of-Le-Petit-Roast-e1775409407403.webp\" alt=\"Portrait of Thomas, founder of Le Petit Roast\" loading=\"lazy\" data-alt-fr=\"Portrait de Thomas, fondateur de Le Petit Roast\">\n      <\/div>\n      <div class=\"thomas-badge\">\n        <div class=\"thomas-name\">Thomas<\/div>\n        <div class=\"thomas-role lpr-en\">Founder & Roaster<\/div>\n        <div class=\"thomas-role lpr-fr\">Fondateur & torr\u00e9facteur<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"thomas-copy\">\n      <div class=\"sec-label lpr-en\">A few questions<\/div>\n      <div class=\"sec-label lpr-fr\">Quelques questions<\/div>\n      <h2 class=\"lpr-en\">Ten minutes <span class=\"hand\">with Thomas.<\/span><\/h2>\n      <h2 class=\"lpr-fr\">Dix minutes <span class=\"hand\">avec Thomas.<\/span><\/h2>\n\n      <ol class=\"qa\">\n        <li>\n          <h3 class=\"lpr-en\">How do you take your coffee?<\/h3>\n          <h3 class=\"lpr-fr\">Tu le prends comment, ton caf\u00e9?<\/h3>\n          <p class=\"lpr-en\">Black, always. If I can't drink it black, the roast needs work.<\/p>\n          <p class=\"lpr-fr\">Noir, toujours. Si je ne peux pas le boire noir, c'est que la torr\u00e9faction a besoin de travail.<\/p>\n        <\/li>\n        <li>\n          <h3 class=\"lpr-en\">Favorite origin?<\/h3>\n          <h3 class=\"lpr-fr\">Origine pr\u00e9f\u00e9r\u00e9e?<\/h3>\n          <p class=\"lpr-en\">Depends on the day and the mood. That's the whole point of specialty coffee -- there's always something different to reach for.<\/p>\n          <p class=\"lpr-fr\">\u00c7a d\u00e9pend du jour et de l'humeur. C'est tout l'int\u00e9r\u00eat du caf\u00e9 de sp\u00e9cialit\u00e9 \u2014 il y a toujours autre chose \u00e0 aller chercher.<\/p>\n        <\/li>\n        <li>\n          <h3 class=\"lpr-en\">Favorite part of roasting?<\/h3>\n          <h3 class=\"lpr-fr\">Partie pr\u00e9f\u00e9r\u00e9e de la torr\u00e9faction?<\/h3>\n          <p class=\"lpr-en\">The smell. When the beans start developing and the whole room changes -- that moment never gets old. And first crack -- there's nothing like hearing it hit. You know something good is happening before you even check the numbers.<\/p>\n          <p class=\"lpr-fr\">L'odeur. Quand les grains commencent \u00e0 se d\u00e9velopper et que toute la pi\u00e8ce change \u2014 je ne me lasse jamais de ce moment-l\u00e0. Et le premier craquement \u2014 rien ne vaut le moment o\u00f9 \u00e7a se d\u00e9clenche. Tu sais que quelque chose de bon se passe avant m\u00eame de regarder les chiffres.<\/p>\n        <\/li>\n        <li>\n          <h3 class=\"lpr-en\">What are you working on right now?<\/h3>\n          <h3 class=\"lpr-fr\">Sur quoi tu travailles en ce moment?<\/h3>\n          <p class=\"lpr-en\">I recently got a Kaffelogic and I'm learning a ton from it. I also buy small quantities of green beans for myself just to experiment -- trying different profiles, pushing things further, seeing what each coffee can do. That's how I sample and choose the right beans and profiles before committing to a full batch. Every coffee has a sweet spot -- I want to find it.<\/p>\n          <p class=\"lpr-fr\">Je me suis r\u00e9cemment procur\u00e9 un Kaffelogic et j'apprends beaucoup en m'en servant. J'ach\u00e8te aussi de petites quantit\u00e9s de grains verts juste pour exp\u00e9rimenter \u2014 essayer des profils diff\u00e9rents, pousser les choses plus loin, voir ce que chaque caf\u00e9 peut donner. C'est comme \u00e7a que je teste et choisis les bons grains et profils avant de m'engager sur un lot complet. Chaque caf\u00e9 a un sweet spot \u2014 je veux le trouver.<\/p>\n        <\/li>\n        <li>\n          <h3 class=\"lpr-en\">Anything outside of coffee?<\/h3>\n          <h3 class=\"lpr-fr\">Quelque chose en dehors du caf\u00e9?<\/h3>\n          <p class=\"lpr-en\">I've built a few tools around coffee to run Le Petit Roast the way I want \u2014 tracking beans, profiles, batches. Same obsession, different screen.<\/p>\n          <p class=\"lpr-fr\">J'ai construit quelques outils autour du caf\u00e9 pour g\u00e9rer Le Petit Roast comme je le veux \u2014 suivi des grains, profils, lots. M\u00eame obsession, \u00e9cran diff\u00e9rent.<\/p>\n        <\/li>\n      <\/ol>\n\n      <a class=\"btn btn-primary thomas-cta\" href=\"https:\/\/lepetitroast.com\/contact-us\/\" data-href-fr=\"https:\/\/lepetitroast.com\/fr\/contactez-nous\/\">\n        <span class=\"lpr-en\">Got a question? Say hi<\/span>\n        <span class=\"lpr-fr\">Une question? \u00c9cris-moi<\/span>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- ============ CLOSING CTA ============ -->\n<section class=\"sec about-close\">\n  <div class=\"container about-close-inner\">\n    <div class=\"sec-label lpr-en\">Simply great coffee<\/div>\n    <div class=\"sec-label lpr-fr\">Simplement du bon caf\u00e9<\/div>\n    <h2 class=\"lpr-en\">Roasted with intention. <br><span class=\"hand\">Priced honestly.<\/span><\/h2>\n    <h2 class=\"lpr-fr\">Torr\u00e9fi\u00e9 avec intention. <br><span class=\"hand\">Prix juste.<\/span><\/h2>\n    <p class=\"lpr-en\">Specialty coffee from Montreal, made to be enjoyed -- not overthought.<\/p>\n    <p class=\"lpr-fr\">Du caf\u00e9 de sp\u00e9cialit\u00e9 montr\u00e9alais, fait pour \u00eatre savour\u00e9 \u2014 pas surpens\u00e9.<\/p>\n    <a class=\"btn btn-primary\" href=\"\/coffees\/\" data-href-fr=\"\/fr\/cafes\/\">\n      <span class=\"lpr-en\">See the coffees<\/span>\n      <span class=\"lpr-fr\">Voir les caf\u00e9s<\/span>\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n    <\/a>\n  <\/div>\n<\/section>\n\n\n<script>\n  (function(){\n    if (typeof isFr === 'undefined' || !isFr) return;\n    document.querySelectorAll('.lpr [data-href-fr]').forEach(function(a){\n      a.setAttribute('href', a.dataset.hrefFr);\n    });\n    document.querySelectorAll('.lpr [data-alt-fr]').forEach(function(img){\n      img.alt = img.dataset.altFr;\n    });\n  })();\n<\/script>\n\n<style id=\"lpr-polish-patch\">\n\/* ---- A11y: focus rings on every tappable control ---- *\/\n.lpr a:focus-visible,\n.lpr button:focus-visible,\n.lpr summary:focus-visible,\n.lpr .chip:focus-visible,\n.lpr .switch:focus-within .switch-track,\n.lpr input:focus-visible + .switch-track {\n  outline: 2px solid var(--ember-600);\n  outline-offset: 3px;\n  border-radius: 999px;\n}\n.lpr .btn:focus-visible {\n  outline: 3px solid var(--ember-700);\n  outline-offset: 2px;\n}\n\n\/* ---- Contrast bump: primary CTA on cream needs ember-700 for AA ---- *\/\n.lpr .btn-primary {\n  background: var(--ember-700) !important;\n}\n.lpr .btn-primary:hover {\n  background: var(--roast-900) !important;\n}\n\n\/* ---- Reduced motion ---- *\/\n@media (prefers-reduced-motion: reduce) {\n  .lpr *,\n  .lpr *::before,\n  .lpr *::after {\n    animation-duration: 0.001ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.001ms !important;\n  }\n  .lpr .btn:hover,\n  .lpr .pcard:hover,\n  .lpr .coffee-card:hover,\n  .lpr .pick:hover .pick-bag,\n  .lpr .about-portrait:hover,\n  .lpr .hero-bag:hover { transform: none !important; }\n  .lpr .hero-scroll svg { animation: none !important; }\n}\n\n\/* ---- 44px min tap target on chips & decaf switch ---- *\/\n@media (max-width: 820px) {\n  .lpr .chip { min-height: 44px; padding: 10px 14px; }\n  .lpr .switch { min-height: 44px; }\n}\n\n\/* ---- Caveat readability floor: never below 16px ---- *\/\n.lpr .hand,\n.lpr .hand-inline,\n.lpr .hero-signature {\n  font-size: max(1em, 16px);\n}\n\n\/* ---- Homepage hero: photo-first on phone (when .hero-inner exists) ---- *\/\n@media (max-width: 700px) {\n  .lpr .hero.hero-cream .hero-inner {\n    display: flex !important;\n    flex-direction: column !important;\n  }\n  .lpr .hero.hero-cream .hero-inner > .hero-art { order: -1; margin-bottom: 16px; }\n  .lpr .hero.hero-cream .hero-inner > .hero-copy { order: 1; }\n}\n\n\/* ---- Hero CTAs full-width on phone for thumb reach ---- *\/\n@media (max-width: 480px) {\n  .lpr .hero.hero-cream .hero-ctas { flex-direction: column; align-items: stretch; gap: 10px; }\n  .lpr .hero.hero-cream .hero-ctas .btn {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    padding: 16px 24px;\n    min-height: 52px;\n    box-sizing: border-box;\n  }\n}\n\n\/* ---- About hero meta: stack on smallest phones (\u2264380px) ---- *\/\n@media (max-width: 380px) {\n  .lpr .about-hero-meta {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n  .lpr .about-hero-meta .sep { display: none; }\n}\n\n\/* ---- Coffees: bigger reset button in empty state ---- *\/\n.lpr .shop-empty .btn-reset-big {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  margin-top: 14px;\n  padding: 12px 22px;\n  min-height: 44px;\n  background: var(--ember-700);\n  color: var(--cream-50);\n  border: none;\n  border-radius: 999px;\n  font-family: var(--font-body);\n  font-weight: 600;\n  font-size: 14px;\n  cursor: pointer;\n  transition: background 200ms;\n}\n.lpr .shop-empty .btn-reset-big:hover { background: var(--roast-900); }\n\n\/* ---- Decaf switch: focus state for keyboard ---- *\/\n.lpr .switch input:focus-visible + .switch-track {\n  box-shadow: 0 0 0 3px rgba(196, 96, 31, 0.4);\n}\n<\/style>\n\n<script id=\"lpr-polish-script\">\n(function(){\n  var lpr = document.querySelector('.lpr');\n  if (!lpr) return;\n\n  \/\/ ----- Image perf: LCP candidates eager, others async -----\n  var lcpSelectors = ['.hero-bag img', '.about-portrait img', '.shop-hero img'];\n  var lcpImg = null;\n  for (var i = 0; i < lcpSelectors.length && !lcpImg; i++) {\n    lcpImg = lpr.querySelector(lcpSelectors[i]);\n  }\n  if (lcpImg) {\n    lcpImg.setAttribute('fetchpriority', 'high');\n    lcpImg.setAttribute('loading', 'eager');\n    lcpImg.setAttribute('decoding', 'async');\n  }\n  lpr.querySelectorAll('img').forEach(function(img){\n    if (img === lcpImg) return;\n    if (!img.hasAttribute('decoding')) img.setAttribute('decoding', 'async');\n    if (!img.hasAttribute('loading')) img.setAttribute('loading', 'lazy');\n  });\n\n  \/\/ ----- Coffees: persist filter <details> open state, default open first visit -----\n  var details = lpr.querySelector('.shop-filters-details');\n  if (details) {\n    var KEY = 'lpr.shopFiltersOpen';\n    var stored = null;\n    try { stored = localStorage.getItem(KEY); } catch (e) {}\n    if (stored === null) {\n      details.open = true;            \/\/ first visit: show filters\n    } else {\n      details.open = stored === '1';\n    }\n    details.addEventListener('toggle', function(){\n      try { localStorage.setItem(KEY, details.open ? '1' : '0'); } catch (e) {}\n    });\n  }\n\n  \/\/ ----- Coffees: bigger reset button in empty state -----\n  var emptyBox = lpr.querySelector('.shop-empty');\n  if (emptyBox && !emptyBox.querySelector('.btn-reset-big')) {\n    var isFrLang = lpr.dataset.lang === 'fr';\n    var btn = document.createElement('button');\n    btn.type = 'button';\n    btn.className = 'btn-reset-big';\n    btn.innerHTML = '<svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M3 12a9 9 0 1 0 3-6.7\"\/><path d=\"M3 4v5h5\"\/><\/svg>' +\n                    '<span>' + (isFrLang ? 'Tout r\u00e9initialiser' : 'Reset all filters') + '<\/span>';\n    btn.addEventListener('click', function(){\n      if (typeof window.resetFilters === 'function') window.resetFilters();\n    });\n    emptyBox.appendChild(btn);\n  }\n})();\n<\/script>\n\n<\/div><!-- \/.lpr -->\n<\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>About Me | Le Petit Roast<\/title>\n<meta name=\"description\" content=\"One person, one roaster. Specialty coffee roasted to order in Montreal. Traceable beans, small batches, zero pretension.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/lepetitroast.com\/fr\/a-propos\/\" \/>\n<meta property=\"og:locale\" content=\"fr_CA\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"About Me | Le Petit Roast\" \/>\n<meta property=\"og:description\" content=\"One person, one roaster. Specialty coffee roasted to order in Montreal. Traceable beans, small batches, zero pretension.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/lepetitroast.com\/fr\/a-propos\/\" \/>\n<meta property=\"og:site_name\" content=\"Le Petit Roast\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-07T21:39:32+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimation du temps de lecture\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/lepetitroast.com\\\/about-us\\\/\",\"url\":\"https:\\\/\\\/lepetitroast.com\\\/about-us\\\/\",\"name\":\"About Me | Le Petit Roast\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/lepetitroast.com\\\/#website\"},\"datePublished\":\"2020-01-06T15:33:38+00:00\",\"dateModified\":\"2026-05-07T21:39:32+00:00\",\"description\":\"One person, one roaster. Specialty coffee roasted to order in Montreal. Traceable beans, small batches, zero pretension.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/lepetitroast.com\\\/about-us\\\/#breadcrumb\"},\"inLanguage\":\"fr-CA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/lepetitroast.com\\\/about-us\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/lepetitroast.com\\\/about-us\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/lepetitroast.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"About Me\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/lepetitroast.com\\\/#website\",\"url\":\"https:\\\/\\\/lepetitroast.com\\\/\",\"name\":\"Le Petit Roast\",\"description\":\"Good coffee doesn\u2019t have to be complicated.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/lepetitroast.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-CA\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Qui Suis-Je ? | Le Petit Roast","description":"Un torr\u00e9facteur, une obsession. Caf\u00e9 de sp\u00e9cialit\u00e9 torr\u00e9fi\u00e9 sur commande \u00e0 Montr\u00e9al. Petits lots, z\u00e9ro pr\u00e9tention.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/lepetitroast.com\/fr\/a-propos\/","og_locale":"fr_CA","og_type":"article","og_title":"About Me | Le Petit Roast","og_description":"One person, one roaster. Specialty coffee roasted to order in Montreal. Traceable beans, small batches, zero pretension.","og_url":"https:\/\/lepetitroast.com\/fr\/a-propos\/","og_site_name":"Le Petit Roast","article_modified_time":"2026-05-07T21:39:32+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimation du temps de lecture":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/lepetitroast.com\/about-us\/","url":"https:\/\/lepetitroast.com\/about-us\/","name":"Qui Suis-Je ? | Le Petit Roast","isPartOf":{"@id":"https:\/\/lepetitroast.com\/#website"},"datePublished":"2020-01-06T15:33:38+00:00","dateModified":"2026-05-07T21:39:32+00:00","description":"Un torr\u00e9facteur, une obsession. Caf\u00e9 de sp\u00e9cialit\u00e9 torr\u00e9fi\u00e9 sur commande \u00e0 Montr\u00e9al. Petits lots, z\u00e9ro pr\u00e9tention.","breadcrumb":{"@id":"https:\/\/lepetitroast.com\/about-us\/#breadcrumb"},"inLanguage":"fr-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/lepetitroast.com\/about-us\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/lepetitroast.com\/about-us\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/lepetitroast.com\/"},{"@type":"ListItem","position":2,"name":"About Me"}]},{"@type":"WebSite","@id":"https:\/\/lepetitroast.com\/#website","url":"https:\/\/lepetitroast.com\/","name":"Le Petit Roast","description":"Good coffee doesn\u2019t have to be complicated.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/lepetitroast.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-CA"}]}},"_links":{"self":[{"href":"https:\/\/lepetitroast.com\/fr\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lepetitroast.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lepetitroast.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lepetitroast.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lepetitroast.com\/fr\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":20,"href":"https:\/\/lepetitroast.com\/fr\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":113413,"href":"https:\/\/lepetitroast.com\/fr\/wp-json\/wp\/v2\/pages\/17\/revisions\/113413"}],"wp:attachment":[{"href":"https:\/\/lepetitroast.com\/fr\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}