{"id":30751,"date":"2026-05-19T23:33:02","date_gmt":"2026-05-19T23:33:02","guid":{"rendered":"https:\/\/www.othellointernational.com\/?page_id=30751"},"modified":"2026-06-23T12:06:16","modified_gmt":"2026-06-23T12:06:16","slug":"our-process","status":"publish","type":"page","link":"https:\/\/www.othellointernational.com\/th\/our-process\/","title":{"rendered":"\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32"},"content":{"rendered":"\n<!-- ===================================================================\n     OTHELLO INTERNATIONAL \u2014 OUR PROCESS \u00b7 INTERACTIVE \u2014 v11\n     URL: \/our-process\/\n     Two methodologies \u00b7 One operating standard \u00b7 Audit-grade\n     v11 vs v10: interactive aesthetic + 3 NEW SVG diagrams + tabs + accordion\n   =================================================================== -->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800;900&family=Fraunces:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=JetBrains+Mono:wght@400;500;600;700&family=Sarabun:wght@400;500;600&display=swap');\n\n.oth-process{\n  --k:#000;--k0:#050505;--k1:#0a0a0a;--k2:#141414;--k3:#1a1a1a;--k4:#1f1f1f;\n  --line:#242424;--line2:rgba(255,255,255,.06);\n  --r:#ED4036;--r1:#FF5046;--r2:#C2261C;--r3:#8a1a13;--r4:rgba(237,64,54,.1);\n  --w:#fff;--w1:rgba(255,255,255,.84);--w2:rgba(255,255,255,.60);--w3:rgba(255,255,255,.42);--w4:rgba(255,255,255,.20);\n  --gold:#d4af37;--gold1:#f4cf57;--g:#4ade80;--blue:#3b82f6;--amber:#f59e0b;--teal:#2dd4bf;--purple:#a78bfa;\n  --s:'Poppins',-apple-system,sans-serif;--d:'Fraunces',Georgia,serif;\n  --m:'JetBrains Mono',Menlo,monospace;--th:'Sarabun',sans-serif;\n  --ease:cubic-bezier(.16,1,.3,1);\n  font-family:var(--s);color:var(--w);background:var(--k);line-height:1.6;font-size:16px;\n  margin:0;padding:0;width:100%;overflow-x:hidden;scroll-behavior:smooth;scroll-padding-top:76px;\n}\n.oth-process *,.oth-process *::before,.oth-process *::after{box-sizing:border-box}\n.oth-process .wrap{max-width:1340px;margin:0 auto;padding:0 40px}\n.oth-process a:focus-visible,.oth-process button:focus-visible,.oth-process summary:focus-visible{outline:2px solid var(--r1);outline-offset:3px;border-radius:2px}\n\n\/* reveal animations *\/\n.oth-process [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform .9s var(--ease)}\n.oth-process [data-reveal].in{opacity:1;transform:translateY(0)}\n.oth-process [data-reveal-stagger] > *{opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease),transform .8s var(--ease)}\n.oth-process [data-reveal-stagger].in > *:nth-child(1){transition-delay:0s}\n.oth-process [data-reveal-stagger].in > *:nth-child(2){transition-delay:.06s}\n.oth-process [data-reveal-stagger].in > *:nth-child(3){transition-delay:.12s}\n.oth-process [data-reveal-stagger].in > *:nth-child(4){transition-delay:.18s}\n.oth-process [data-reveal-stagger].in > *:nth-child(5){transition-delay:.24s}\n.oth-process [data-reveal-stagger].in > *:nth-child(6){transition-delay:.30s}\n.oth-process [data-reveal-stagger].in > *:nth-child(7){transition-delay:.36s}\n.oth-process [data-reveal-stagger].in > *:nth-child(8){transition-delay:.42s}\n.oth-process [data-reveal-stagger].in > *{opacity:1;transform:translateY(0)}\n\n.oth-process .eyebrow{display:inline-flex;align-items:center;gap:14px;font-family:var(--m);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--r);margin-bottom:22px}\n.oth-process .eyebrow::before{content:\"\";width:36px;height:1px;background:var(--r)}\n.oth-process h2.title{font-size:clamp(34px,4.6vw,58px);line-height:1.06;font-weight:700;letter-spacing:-.025em;margin:0 0 22px;color:var(--w)}\n.oth-process h2.title em{font-family:var(--d);font-style:italic;font-weight:500;color:var(--r)}\n.oth-process .lead{font-size:17px;color:var(--w1);max-width:72ch;line-height:1.65}\n.oth-process .lead strong{color:var(--w);font-weight:600}\n.oth-process .lead em{font-family:var(--d);font-style:italic;color:var(--r);font-weight:500}\n.oth-process .lead a{color:var(--r);text-decoration:none;border-bottom:1px solid rgba(237,64,54,.4)}\n.oth-process .lead a:hover{border-bottom-color:var(--r)}\n.oth-process .section{padding:110px 0;background:var(--k);position:relative}\n.oth-process .section.alt{background:var(--k1)}\n.oth-process .section-head{margin-bottom:56px;max-width:920px}\n.oth-process .section-head.center{margin-left:auto;margin-right:auto;text-align:center}\n.oth-process .section-head.center .eyebrow{justify-content:center}\n.oth-process .section-head.center .eyebrow::after{content:\"\";width:36px;height:1px;background:var(--r);margin-left:14px}\n\n.oth-process .btn{display:inline-flex;align-items:center;gap:12px;padding:17px 30px;font-family:var(--s);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border-radius:4px;transition:all .35s var(--ease);cursor:pointer;border:2px solid;position:relative;overflow:hidden}\n.oth-process .btn::after{content:\"\u2192\";font-family:var(--d);font-style:italic;font-size:17px;transition:transform .3s var(--ease)}\n.oth-process .btn:hover::after{transform:translateX(5px)}\n.oth-process .btn-primary{background:var(--r);color:var(--w) !important;border-color:var(--r)}\n.oth-process .btn-primary:hover{background:var(--r1);border-color:var(--r1);transform:translateY(-3px);box-shadow:0 16px 40px rgba(237,64,54,.45)}\n.oth-process .btn-outline{background:transparent;color:var(--w) !important;border-color:var(--w4)}\n.oth-process .btn-outline:hover{background:var(--w);color:var(--k) !important;border-color:var(--w);transform:translateY(-3px)}\n\n@keyframes op-pulse{0%,100%{box-shadow:0 0 0 0 rgba(237,64,54,.6)}50%{box-shadow:0 0 0 10px rgba(237,64,54,0)}}\n@keyframes op-shimmer{0%{background-position:200% 50%}100%{background-position:-200% 50%}}\n@keyframes op-orbit{from{transform:rotate(0deg) translateX(60px) rotate(0deg)}to{transform:rotate(360deg) translateX(60px) rotate(-360deg)}}\n@keyframes op-glow{0%,100%{opacity:1}50%{opacity:.7}}\n\n\/* status strip *\/\n.oth-process .strip{background:var(--k1);border-bottom:1px solid var(--line);padding:12px 0;font-family:var(--m);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--w2)}\n.oth-process .strip-row{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}\n.oth-process .strip-row .l{display:flex;align-items:center;gap:12px}\n.oth-process .strip-dot{width:8px;height:8px;background:var(--r);border-radius:50%;animation:op-pulse 2s ease-in-out infinite}\n.oth-process .strip-row .r{color:var(--w3)}\n.oth-process .strip-row .r b{color:var(--w);font-weight:500}\n\n\/* breadcrumb *\/\n.oth-process .crumb{background:var(--k);border-bottom:1px solid var(--line);padding:18px 0;font-family:var(--m);font-size:11px;letter-spacing:.10em;text-transform:uppercase;color:var(--w3)}\n.oth-process .crumb a{color:var(--w2);text-decoration:none;transition:color .2s}\n.oth-process .crumb a:hover{color:var(--r)}\n.oth-process .crumb .sep{margin:0 12px;color:var(--w4)}\n.oth-process .crumb .here{color:var(--w)}\n\n\/* ============ HERO ============ *\/\n.oth-process .hero{padding:90px 0 120px;background:var(--k);position:relative;overflow:hidden}\n.oth-process .hero::before{content:\"\";position:absolute;inset:0;background:radial-gradient(ellipse 1400px 900px at 78% 25%,rgba(237,64,54,.22),transparent 60%),radial-gradient(ellipse 700px 500px at 12% 80%,rgba(237,64,54,.08),transparent 60%);pointer-events:none;animation:op-glow 8s ease-in-out infinite}\n.oth-process .hero::after{content:\"\";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:64px 64px;pointer-events:none;mask-image:radial-gradient(ellipse 1400px 800px at 50% 30%,black,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 1400px 800px at 50% 30%,black,transparent 75%)}\n.oth-process .hero-inner{position:relative;z-index:2}\n.oth-process .hero-tag{display:inline-flex;align-items:center;gap:14px;padding:10px 22px;background:rgba(237,64,54,.12);border:1px solid rgba(237,64,54,.35);border-radius:100px;font-family:var(--m);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--r1);font-weight:600;margin-bottom:30px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 0 30px rgba(237,64,54,.15)}\n.oth-process .hero-tag .dot{width:7px;height:7px;background:var(--r);border-radius:50%;animation:op-pulse 2s ease-in-out infinite}\n\n.oth-process .hero h1{font-size:clamp(36px,5.6vw,76px);line-height:1.04;font-weight:700;letter-spacing:-.035em;margin:0 0 30px;color:var(--w);max-width:22ch}\n.oth-process .hero h1 em{font-family:var(--d);font-style:italic;font-weight:500;color:var(--r);background:linear-gradient(90deg,var(--r) 0%,var(--r1) 30%,var(--gold) 50%,var(--r1) 70%,var(--r) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:op-shimmer 6s linear infinite}\n\n.oth-process .hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:56px;align-items:start;margin-top:24px}\n.oth-process .hero-left p{font-size:17px;line-height:1.7;color:var(--w1);margin:0 0 32px;max-width:64ch}\n.oth-process .hero-left p strong{color:var(--w);font-weight:600}\n.oth-process .hero-left p em{font-family:var(--d);font-style:italic;color:var(--r);font-weight:500}\n.oth-process .hero-left p a{color:var(--r);text-decoration:none;border-bottom:1px solid rgba(237,64,54,.4)}\n.oth-process .hero-left p .th{font-family:var(--th);color:var(--r1)}\n\n\/* stat cards animated *\/\n.oth-process .hs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:32px;position:relative;overflow:hidden}\n.oth-process .hs{background:var(--k1);padding:24px 20px;transition:all .4s var(--ease);position:relative;overflow:hidden;cursor:default}\n.oth-process .hs::before{content:\"\";position:absolute;inset:0;background:radial-gradient(circle at 50% 100%,rgba(237,64,54,.15),transparent 70%);opacity:0;transition:opacity .4s var(--ease)}\n.oth-process .hs:hover::before{opacity:1}\n.oth-process .hs:hover{background:var(--k3);transform:translateY(-3px)}\n.oth-process .hs .ic{width:28px;height:28px;color:var(--r);margin-bottom:14px;position:relative;z-index:2;transition:transform .4s var(--ease)}\n.oth-process .hs:hover .ic{transform:scale(1.15) rotate(-5deg)}\n.oth-process .hs .ic svg{width:100%;height:100%}\n.oth-process .hs .v{font-family:var(--d);font-style:italic;font-weight:500;font-size:28px;line-height:1;color:var(--r);margin-bottom:6px;letter-spacing:-.02em;position:relative;z-index:2;display:flex;align-items:baseline;gap:2px}\n.oth-process .hs .v .num{display:inline-block;min-width:1ch}\n.oth-process .hs .v .sm{font-size:.55em;color:var(--w2);font-style:normal;font-family:var(--m);font-weight:600;letter-spacing:.02em}\n.oth-process .hs .lb{font-family:var(--m);font-size:9.5px;letter-spacing:.10em;text-transform:uppercase;color:var(--w2);font-weight:600;margin-bottom:4px;line-height:1.3;position:relative;z-index:2}\n.oth-process .hs .sb{font-size:10.5px;color:var(--w3);line-height:1.4;position:relative;z-index:2}\n.oth-process .hctas{display:flex;gap:14px;flex-wrap:wrap}\n\n\/* hero right \u2014 Two-Methodology card *\/\n.oth-process .tm-card{background:linear-gradient(135deg,var(--k3) 0%,var(--k1) 100%);border:1px solid var(--line);padding:36px 30px;position:relative;overflow:hidden;transition:all .5s var(--ease)}\n.oth-process .tm-card:hover{box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 30px rgba(237,64,54,.15);border-color:rgba(237,64,54,.20)}\n.oth-process .tm-card::before{content:\"\";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--r) 0%,var(--gold) 100%);transition:width .35s var(--ease)}\n.oth-process .tm-card:hover::before{width:6px}\n.oth-process .tm-card::after{content:\"\";position:absolute;inset:0;background:radial-gradient(circle at 100% 0%,rgba(237,64,54,.18),transparent 50%);opacity:.5;transition:opacity .5s var(--ease);pointer-events:none}\n.oth-process .tm-card:hover::after{opacity:1}\n.oth-process .tm-lb{font-family:var(--m);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--r);margin-bottom:18px;display:flex;align-items:center;gap:8px;font-weight:600;position:relative;z-index:2}\n.oth-process .tm-lb::before{content:\"\u25cf\";color:var(--r);animation:op-pulse 2s ease-in-out infinite}\n.oth-process .tm-head{font-family:var(--d);font-style:italic;font-size:22px;font-weight:500;color:var(--w);letter-spacing:-.015em;line-height:1.2;margin-bottom:22px;position:relative;z-index:2}\n.oth-process .tm-head em{color:var(--r);font-weight:600}\n.oth-process .tm-rows{margin:0;padding:0;list-style:none;position:relative;z-index:2}\n.oth-process .tm-row{display:grid;grid-template-columns:70px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);align-items:center;transition:transform .3s var(--ease)}\n.oth-process .tm-row:last-child{border-bottom:0;padding-bottom:0}\n.oth-process .tm-row:first-child{padding-top:0}\n.oth-process .tm-row:hover{transform:translateX(4px)}\n.oth-process .tm-tag{font-family:var(--m);font-size:9px;font-weight:700;color:var(--r);letter-spacing:.10em;padding:3px 8px;background:rgba(237,64,54,.10);border:1px solid rgba(237,64,54,.30);border-radius:2px;text-align:center;text-transform:uppercase;transition:all .3s}\n.oth-process .tm-row:hover .tm-tag{background:rgba(237,64,54,.25);border-color:var(--r);color:var(--w)}\n.oth-process .tm-text{font-family:var(--s);font-size:13px;font-weight:500;color:var(--w);line-height:1.35}\n.oth-process .tm-card .tm-foot{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-family:var(--d);font-style:italic;font-size:13px;color:var(--w2);line-height:1.55;position:relative;z-index:2}\n.oth-process .tm-card .tm-foot em{color:var(--r);font-weight:500}\n\n@media (max-width:1024px){\n  .oth-process .hero-grid{grid-template-columns:1fr;gap:40px}\n  .oth-process .hs-grid{grid-template-columns:repeat(2,1fr)}\n}\n@media (max-width:600px){\n  .oth-process .wrap{padding:0 22px}\n  .oth-process .hero{padding:48px 0 64px}\n  .oth-process .section{padding:64px 0}\n  .oth-process .hero h1{font-size:34px}\n  .oth-process .hctas{flex-direction:column}\n  .oth-process .btn{justify-content:center;width:100%}\n}\n@media (prefers-reduced-motion:reduce){\n  .oth-process *,.oth-process *::before,.oth-process *::after{animation-duration:.01ms !important;transition-duration:.01ms !important}\n  .oth-process [data-reveal],.oth-process [data-reveal-stagger] > *{opacity:1 !important;transform:none !important}\n}\n<\/style>\n\n<div class=\"oth-process\" id=\"oth-process-top\">\n\n<!-- STATUS STRIP -->\n<div class=\"strip\">\n  <div class=\"wrap\"><div class=\"strip-row\">\n    <div class=\"l\"><span class=\"strip-dot\"><\/span>OUR PROCESS \u00b7 TWO METHODOLOGIES \u00b7 ONE OPERATING STANDARD \u00b7 AUDIT-GRADE<\/div>\n    <div class=\"r\">USG-origin \u00b7 ISO 17100 \u00b7 8-stage ESG \u00b7 GDPR \u00b7 PDPA \u00b7 <b>NDA from first email<\/b><\/div>\n  <\/div><\/div>\n<\/div>\n\n<!-- BREADCRUMB -->\n<div class=\"crumb\">\n  <div class=\"wrap\">\n    <a href=\"\/\">Othello<\/a>\n    <span class=\"sep\">\/<\/span>\n    <a href=\"\/company\/\">Company<\/a>\n    <span class=\"sep\">\/<\/span>\n    <span class=\"here\">Our Process<\/span>\n  <\/div>\n<\/div>\n\n<!-- ============ HERO ============ -->\n<section class=\"hero\">\n  <div class=\"wrap\"><div class=\"hero-inner\">\n    <div class=\"hero-tag\" data-reveal><span class=\"dot\"><\/span>\u2605 TWO METHODOLOGIES \u00b7 ONE OPERATING STANDARD \u00b7 USG-ORIGIN DISCIPLINE<\/div>\n    <h1 data-reveal>Two methodologies. <em>One operating standard.<\/em> Audit-grade.<\/h1>\n    <div class=\"hero-grid\">\n      <div class=\"hero-left\">\n        <p data-reveal><strong>Our Process is the operating methodology that turns a credentialed bench into deliverables clients can stake their disclosure, their bond programme, their regulatory filing, their rating-agency submission, or their corporate reputation on.<\/strong> The methodology runs <em>two distinct workflows under one operating standard<\/em>. The <strong>Translation methodology<\/strong> rests on ISO 17100:2015 TEP workflow \u00b7 CAT + Translation Memory architecture compounding savings across multi-year programmes \u00b7 multi-layered QA \u00b7 NDA-from-first-email confidentiality. The <strong>ESG Advisory methodology<\/strong> rests on an 8-stage engagement workflow (materiality \u2192 baseline \u2192 framework mapping \u2192 gap analysis \u2192 roadmap \u2192 implementation \u2192 disclosure\/assurance \u2192 monitoring) \u00b7 rating-agency engagement cycle across FTSE Russell \u00b7 MSCI \u00b7 CDP \u00b7 DJSI \u00b7 SET ESG \u00b7 CGR \u00b7 and the same audit-grade evidence trail. The methodology was set against <a href=\"\/why-othello\/\">US government translation procurement requirements<\/a> at the firm&#8217;s founding in 2020, and still governs every engagement today. <span class=\"th\">\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19 \u00b7 \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e44\u0e14\u0e49<\/span><\/p>\n        <div class=\"hs-grid\" data-reveal-stagger>\n          <div class=\"hs\">\n            <div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 11l3 3L22 4M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11\"\/><\/svg><\/div>\n            <div class=\"lb\">Translation<\/div>\n            <div class=\"v\"><span class=\"num\" data-count-to=\"17100\">17100<\/span><\/div>\n            <div class=\"sb\">ISO TEP \u00b7 CAT \u00b7 TM \u00b7 QA<\/div>\n          <\/div>\n          <div class=\"hs\">\n            <div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg><\/div>\n            <div class=\"lb\">ESG Advisory<\/div>\n            <div class=\"v\"><span class=\"num\" data-count-to=\"8\">8<\/span><span class=\"sm\">-stage<\/span><\/div>\n            <div class=\"sb\">Materiality \u2192 monitoring<\/div>\n          <\/div>\n          <div class=\"hs\">\n            <div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg><\/div>\n            <div class=\"lb\">Rating Cycle<\/div>\n            <div class=\"v\"><span class=\"num\" data-count-to=\"4.0\" data-count-decimals=\"1\">4.0<\/span><span class=\"sm\">\/5<\/span><\/div>\n            <div class=\"sb\">FTSE \u00b7 SET healthcare 2025<\/div>\n          <\/div>\n          <div class=\"hs\">\n            <div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0110 0v4\"\/><\/svg><\/div>\n            <div class=\"lb\">Confidentiality<\/div>\n            <div class=\"v\"><span class=\"num\" data-count-to=\"1\">1<\/span><\/div>\n            <div class=\"sb\">NDA \u00b7 day 1 \u00b7 GDPR + PDPA<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"hctas\" data-reveal>\n          <a href=\"\/contact\/\" class=\"btn btn-primary\">Engage The Process<\/a>\n          <a href=\"#architecture\" class=\"btn btn-outline\">See The Architecture<\/a>\n        <\/div>\n      <\/div>\n\n      <div data-reveal>\n        <div class=\"tm-card\">\n          <div class=\"tm-lb\">\u2605 THE TWO-METHODOLOGY ARCHITECTURE<\/div>\n          <div class=\"tm-head\">One operating standard. <em>Two workflows.<\/em> Six shared pillars.<\/div>\n          <ul class=\"tm-rows\">\n            <li class=\"tm-row\"><span class=\"tm-tag\">TRANS \u00b7 01<\/span><span class=\"tm-text\">ISO 17100:2015 TEP Workflow<\/span><\/li>\n            <li class=\"tm-row\"><span class=\"tm-tag\">TRANS \u00b7 02<\/span><span class=\"tm-text\">CAT + TM \u00b7 6-year termbase<\/span><\/li>\n            <li class=\"tm-row\"><span class=\"tm-tag\">ESG \u00b7 05<\/span><span class=\"tm-text\">8-Stage Engagement \u00b7 materiality lens<\/span><\/li>\n            <li class=\"tm-row\"><span class=\"tm-tag\">ESG \u00b7 06<\/span><span class=\"tm-text\">Rating Cycle \u00b7 FTSE \u00b7 MSCI \u00b7 CDP<\/span><\/li>\n            <li class=\"tm-row\"><span class=\"tm-tag\">BOTH \u00b7 03<\/span><span class=\"tm-text\">Quality Assurance \u00b7 KPI tracking<\/span><\/li>\n            <li class=\"tm-row\"><span class=\"tm-tag\">BOTH \u00b7 04<\/span><span class=\"tm-text\">NDA \u00b7 GDPR + PDPA \u00b7 in-house<\/span><\/li>\n          <\/ul>\n          <div class=\"tm-foot\"><em>USG-origin standard \u00b7<\/em> CDC + State Department founding work \u00b7 2020 \u00b7 still governs every engagement today.<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div><\/div>\n<\/section>\n\n<style>\n\/* ============ NEW TWO-METHODOLOGY ARCHITECTURE DIAGRAM ============ *\/\n.oth-process .arch-sec{padding:110px 0;background:var(--k1);position:relative;border-top:1px solid var(--line);overflow:hidden}\n.oth-process .arch-sec::before{content:\"\";position:absolute;top:-100px;left:50%;width:1200px;height:600px;background:radial-gradient(ellipse,rgba(237,64,54,.06),transparent 70%);transform:translateX(-50%);pointer-events:none}\n\n.oth-process .arch-wrap{background:linear-gradient(135deg,var(--k) 0%,var(--k2) 100%);border:1px solid var(--line);padding:40px 36px;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}\n.oth-process .arch-wrap::before{content:\"\";position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(180deg,var(--r) 0%,var(--gold) 100%)}\n.oth-process .arch-svg{display:block;width:100%;height:auto;min-width:920px;max-width:1240px;margin:0 auto}\n.oth-process .arch-svg text{font-family:var(--s)}\n.oth-process .arch-svg .ah{font-family:var(--m);font-size:10px;letter-spacing:1.4px;text-transform:uppercase;fill:var(--w2);font-weight:600}\n.oth-process .arch-svg .anm{font-family:var(--d);font-style:italic;font-size:20px;fill:var(--w);font-weight:600}\n.oth-process .arch-svg .ast{font-family:var(--s);font-size:12px;fill:var(--w1);font-weight:500}\n.oth-process .arch-svg .acat{font-family:var(--m);font-size:11px;letter-spacing:1.4px;text-transform:uppercase;fill:var(--r);font-weight:700}\n.oth-process .arch-svg .ash{font-family:var(--m);font-size:9.5px;letter-spacing:.8px;fill:var(--w3);font-weight:500}\n.oth-process .arch-svg .ag{font-family:var(--m);font-size:9px;letter-spacing:1px;text-transform:uppercase;fill:var(--gold);font-weight:700}\n.oth-process .arch-svg .top-bg{fill:url(#archTopGrad);stroke:rgba(237,64,54,.4);stroke-width:1}\n.oth-process .arch-svg .col-trans{fill:#0f0f0f;stroke:rgba(237,64,54,.3);stroke-width:1}\n.oth-process .arch-svg .col-esg{fill:#0f0f0f;stroke:rgba(237,64,54,.3);stroke-width:1}\n.oth-process .arch-svg .pillar-bg{fill:var(--k);stroke:var(--line);stroke-width:1;transition:all .3s}\n.oth-process .arch-svg .pillar-bg.featured{fill:#1a1a1a;stroke:var(--r);stroke-width:1.2}\n.oth-process .arch-svg .bot-bg{fill:url(#archBotGrad);stroke:rgba(212,175,55,.4);stroke-width:1}\n.oth-process .arch-svg .conn{stroke:rgba(237,64,54,.4);stroke-width:1.5;fill:none;stroke-dasharray:4,3}\n.oth-process .arch-svg .arrow{fill:var(--r)}\n\n\/* ============ TEP STAGES \u2014 interactive click-to-expand ============ *\/\n.oth-process .tep{padding:110px 0;background:var(--k);position:relative;border-top:1px solid var(--line);overflow:hidden}\n.oth-process .tep::before{content:\"\";position:absolute;top:20%;right:-15%;width:700px;height:700px;background:radial-gradient(circle,rgba(237,64,54,.06),transparent 70%);border-radius:50%;pointer-events:none;animation:op-orbit 25s linear infinite}\n\n.oth-process .tep-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:0;align-items:stretch;margin-bottom:36px;position:relative;z-index:2}\n.oth-process .tep-stage{background:var(--k2);border:1px solid var(--line);padding:28px 26px;position:relative;transition:all .35s var(--ease);display:flex;flex-direction:column;cursor:pointer;overflow:hidden}\n.oth-process .tep-stage::before{content:\"\";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--r) 0%,var(--gold) 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}\n.oth-process .tep-stage:hover::before,.oth-process .tep-stage.expanded::before{transform:scaleX(1)}\n.oth-process .tep-stage::after{content:\"\";position:absolute;top:0;right:0;width:240px;height:240px;background:radial-gradient(circle at 100% 0%,rgba(237,64,54,.12),transparent 70%);opacity:0;transition:opacity .4s;pointer-events:none}\n.oth-process .tep-stage:hover::after,.oth-process .tep-stage.expanded::after{opacity:1}\n.oth-process .tep-stage:hover,.oth-process .tep-stage.expanded{background:var(--k3);border-color:rgba(237,64,54,.45);transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.5)}\n.oth-process .tep-stage-num{font-family:var(--m);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--r);font-weight:700;margin-bottom:10px;position:relative;z-index:2}\n.oth-process .tep-stage-letter{font-family:var(--d);font-style:italic;font-size:80px;font-weight:600;color:var(--r);line-height:1;margin-bottom:12px;opacity:.85;transition:all .35s var(--ease);position:relative;z-index:2;letter-spacing:-.04em}\n.oth-process .tep-stage:hover .tep-stage-letter,.oth-process .tep-stage.expanded .tep-stage-letter{opacity:1;color:transparent;background:linear-gradient(90deg,var(--r),var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transform:scale(1.05)}\n.oth-process .tep-stage h4{font-family:var(--d);font-style:italic;font-size:22px;font-weight:600;color:var(--w);margin:0 0 10px;line-height:1.2;letter-spacing:-.01em;position:relative;z-index:2}\n.oth-process .tep-stage p{font-size:13px;line-height:1.65;color:var(--w1);margin:0 0 12px;position:relative;z-index:2}\n.oth-process .tep-stage p strong{color:var(--w);font-weight:600}\n.oth-process .tep-stage .ts-actor{font-family:var(--m);font-size:9.5px;letter-spacing:.10em;text-transform:uppercase;color:var(--w2);padding:8px 12px;background:var(--k1);border-left:3px solid var(--r);margin-top:auto;position:relative;z-index:2}\n.oth-process .tep-stage .ts-actor b{color:var(--r);font-weight:700}\n.oth-process .tep-arrow{display:flex;align-items:center;justify-content:center;padding:0 8px;font-family:var(--d);font-style:italic;color:var(--r);font-size:36px;font-weight:600;line-height:1}\n.oth-process .tep-arrow span{animation:op-arrow 2s ease-in-out infinite}\n@keyframes op-arrow{0%,100%{transform:translateX(0);opacity:.6}50%{transform:translateX(6px);opacity:1}}\n\n.oth-process .tep-foot{background:linear-gradient(135deg,rgba(237,64,54,.10) 0%,var(--k3) 100%);border:1px solid rgba(237,64,54,.30);padding:40px 40px;position:relative;overflow:hidden;transition:all .5s var(--ease)}\n.oth-process .tep-foot:hover{box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 60px rgba(237,64,54,.10);border-color:rgba(237,64,54,.5)}\n.oth-process .tep-foot::before{content:\"\";position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,var(--r) 0%,var(--gold) 100%)}\n.oth-process .tep-foot::after{content:\"ISO 17100\";position:absolute;top:-30px;right:-15px;font-family:var(--d);font-style:italic;font-size:clamp(120px,14vw,220px);line-height:1;color:var(--r);opacity:.06;font-weight:600;pointer-events:none}\n.oth-process .tep-foot .tf-eye{font-family:var(--m);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--r);font-weight:700;margin-bottom:14px;position:relative;z-index:2}\n.oth-process .tep-foot h3{font-family:var(--d);font-style:italic;font-size:24px;font-weight:500;color:var(--w);margin:0 0 16px;line-height:1.25;letter-spacing:-.01em;position:relative;z-index:2}\n.oth-process .tep-foot h3 em{color:var(--r);font-weight:600;font-style:italic}\n.oth-process .tep-foot p{font-size:14.5px;line-height:1.7;color:var(--w1);margin:0 0 14px;position:relative;z-index:2;max-width:84ch}\n.oth-process .tep-foot p strong{color:var(--w);font-weight:600}\n.oth-process .tep-foot p em{font-family:var(--d);font-style:italic;color:var(--r);font-weight:500}\n.oth-process .tep-rules{margin-top:18px;padding-top:18px;border-top:1px solid rgba(237,64,54,.20);display:grid;gap:8px;position:relative;z-index:2}\n.oth-process .tep-rules .tr-row{display:grid;grid-template-columns:60px 1fr;gap:14px;font-size:13.5px;align-items:start;padding:10px 14px;background:var(--k);border:1px solid var(--line);border-left:3px solid var(--r);transition:all .25s var(--ease)}\n.oth-process .tep-rules .tr-row:hover{background:var(--k2);transform:translateX(4px);border-left-width:5px}\n.oth-process .tep-rules .tr-row .trn{font-family:var(--m);font-size:10px;color:var(--r);font-weight:700;padding-top:2px;letter-spacing:.08em}\n.oth-process .tep-rules .tr-row .trt{color:var(--w1);line-height:1.55}\n.oth-process .tep-rules .tr-row .trt b{color:var(--w);font-weight:600}\n\n@media (max-width:1024px){\n  .oth-process .tep-flow{grid-template-columns:1fr;gap:14px}\n  .oth-process .tep-arrow{transform:rotate(90deg);padding:6px 0}\n}\n@media (max-width:600px){\n  .oth-process .tep-stage{padding:22px 20px}\n  .oth-process .tep-stage-letter{font-size:60px}\n  .oth-process .tep-foot{padding:28px 22px}\n  .oth-process .tep-rules .tr-row{grid-template-columns:1fr;gap:4px}\n}\n<\/style>\n\n<!-- ============ NEW: TWO-METHODOLOGY ARCHITECTURE SVG DIAGRAM ============ -->\n<section class=\"arch-sec\" id=\"architecture\">\n  <div class=\"wrap\">\n    <div class=\"section-head\" data-reveal>\n      <div class=\"eyebrow\">\u2605 The Two-Methodology Architecture \u00b7 Diagram 01<\/div>\n      <h2 class=\"title\">Two methodologies. <em>Six shared pillars. One operating standard.<\/em><\/h2>\n      <p class=\"lead\">A complete map of the operating architecture. <strong>The Translation methodology and the ESG Advisory methodology run as parallel workflows<\/strong> on top of a shared foundation: NDA-from-first-email, GDPR + PDPA compliant infrastructure, 100% in-house bench, bilingual EN\/TH lockstep with German channel, audit-grade evidence trail, and the founding USG-origin operating standard. <em>The architecture is identical regardless of whether the engagement is a 56-1 One Report, a green bond framework, an IFRS S2 disclosure, or a Big Law cross-border filing.<\/em><\/p>\n    <\/div>\n\n    <div class=\"arch-wrap\" data-reveal>\n      <svg class=\"arch-svg\" viewBox=\"0 0 1200 660\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <defs>\n          <linearGradient id=\"archTopGrad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n            <stop offset=\"0%\" stop-color=\"rgba(237,64,54,.18)\"\/>\n            <stop offset=\"50%\" stop-color=\"rgba(237,64,54,.30)\"\/>\n            <stop offset=\"100%\" stop-color=\"rgba(212,175,55,.20)\"\/>\n          <\/linearGradient>\n          <linearGradient id=\"archBotGrad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n            <stop offset=\"0%\" stop-color=\"rgba(212,175,55,.10)\"\/>\n            <stop offset=\"100%\" stop-color=\"rgba(237,64,54,.18)\"\/>\n          <\/linearGradient>\n        <\/defs>\n\n        <!-- TOP BANNER \u00b7 OPERATING STANDARD -->\n        <rect class=\"top-bg\" x=\"0\" y=\"0\" width=\"1200\" height=\"80\" rx=\"2\"\/>\n        <text class=\"acat\" x=\"600\" y=\"30\" text-anchor=\"middle\">\u2605 USG-ORIGIN OPERATING STANDARD \u00b7 2020 FOUNDING<\/text>\n        <text class=\"ast\" x=\"600\" y=\"56\" text-anchor=\"middle\">Federal Acquisition Regulation grade \u00b7 contractor verification \u00b7 documentation handling \u00b7 audit trail<\/text>\n\n        <!-- Two parallel columns -->\n        <!-- LEFT COLUMN \u00b7 TRANSLATION -->\n        <rect class=\"col-trans\" x=\"0\" y=\"100\" width=\"585\" height=\"380\" rx=\"2\"\/>\n        <text class=\"acat\" x=\"35\" y=\"135\">TRANSLATION METHODOLOGY<\/text>\n        <text class=\"ah\" x=\"35\" y=\"155\">ISO 17100:2015 anchored<\/text>\n\n        <!-- Trans Pillar 01: TEP -->\n        <rect class=\"pillar-bg featured\" x=\"35\" y=\"180\" width=\"245\" height=\"130\" rx=\"2\"\/>\n        <text class=\"ag\" x=\"50\" y=\"205\">PILLAR 01<\/text>\n        <text class=\"anm\" x=\"50\" y=\"235\">TEP Workflow<\/text>\n        <text class=\"ast\" x=\"50\" y=\"258\">Translation \u00b7 Editing \u00b7 Proofreading<\/text>\n        <text class=\"ash\" x=\"50\" y=\"278\">Three stages \u00b7 separated linguists<\/text>\n        <text class=\"ash\" x=\"50\" y=\"294\">ISO 17100:2015 Section 5.3<\/text>\n\n        <!-- Trans Pillar 02: CAT\/TM -->\n        <rect class=\"pillar-bg featured\" x=\"300\" y=\"180\" width=\"245\" height=\"130\" rx=\"2\"\/>\n        <text class=\"ag\" x=\"315\" y=\"205\">PILLAR 02<\/text>\n        <text class=\"anm\" x=\"315\" y=\"235\">CAT + TM<\/text>\n        <text class=\"ast\" x=\"315\" y=\"258\">Trados \u00b7 memoQ \u00b7 termbase<\/text>\n        <text class=\"ash\" x=\"315\" y=\"278\">6-year compounding asset<\/text>\n        <text class=\"ash\" x=\"315\" y=\"294\">15\u201360% TM leverage Year 2+<\/text>\n\n        <!-- Trans Pillar 03: Bilingual Lockstep -->\n        <rect class=\"pillar-bg\" x=\"35\" y=\"330\" width=\"510\" height=\"120\" rx=\"2\"\/>\n        <text class=\"ag\" x=\"50\" y=\"355\">EXCLUSIVE TO TRANSLATION<\/text>\n        <text class=\"anm\" x=\"50\" y=\"385\">Bilingual EN\/TH Lockstep \u00b7 German channel<\/text>\n        <text class=\"ast\" x=\"50\" y=\"410\">Parallel drafting \u00b7 not translate-then-publish<\/text>\n        <text class=\"ash\" x=\"50\" y=\"430\">SET-listed 56-1 \u00b7 sustainability \u00b7 regulatory filings<\/text>\n\n        <!-- RIGHT COLUMN \u00b7 ESG ADVISORY -->\n        <rect class=\"col-esg\" x=\"615\" y=\"100\" width=\"585\" height=\"380\" rx=\"2\"\/>\n        <text class=\"acat\" x=\"650\" y=\"135\">ESG ADVISORY METHODOLOGY<\/text>\n        <text class=\"ah\" x=\"650\" y=\"155\">Methodology-credentialed bench<\/text>\n\n        <!-- ESG Pillar 05: 8-Stage -->\n        <rect class=\"pillar-bg featured\" x=\"650\" y=\"180\" width=\"245\" height=\"130\" rx=\"2\"\/>\n        <text class=\"ag\" x=\"665\" y=\"205\">PILLAR 05<\/text>\n        <text class=\"anm\" x=\"665\" y=\"235\">8-Stage Engagement<\/text>\n        <text class=\"ast\" x=\"665\" y=\"258\">Materiality \u2192 monitoring<\/text>\n        <text class=\"ash\" x=\"665\" y=\"278\">Multi-year \u00b7 multi-stage \u00b7 cross-functional<\/text>\n        <text class=\"ash\" x=\"665\" y=\"294\">Specialist joins per stage<\/text>\n\n        <!-- ESG Pillar 06: Rating Cycle -->\n        <rect class=\"pillar-bg featured\" x=\"915\" y=\"180\" width=\"245\" height=\"130\" rx=\"2\"\/>\n        <text class=\"ag\" x=\"930\" y=\"205\">PILLAR 06<\/text>\n        <text class=\"anm\" x=\"930\" y=\"235\">Rating Cycle<\/text>\n        <text class=\"ast\" x=\"930\" y=\"258\">FTSE \u00b7 MSCI \u00b7 CDP \u00b7 DJSI \u00b7 SET<\/text>\n        <text class=\"ash\" x=\"930\" y=\"278\">12-month calendar \u00b7 6 agencies<\/text>\n        <text class=\"ash\" x=\"930\" y=\"294\">FTSE 4.0\/5.0 verifiable proof<\/text>\n\n        <!-- ESG Pillar 07: Assurance -->\n        <rect class=\"pillar-bg\" x=\"650\" y=\"330\" width=\"510\" height=\"120\" rx=\"2\"\/>\n        <text class=\"ag\" x=\"665\" y=\"355\">EXCLUSIVE TO ESG ADVISORY<\/text>\n        <text class=\"anm\" x=\"665\" y=\"385\">AA1000AS v3 Assurance \u00b7 Materiality lens<\/text>\n        <text class=\"ast\" x=\"665\" y=\"410\">Single materiality \u00b7 IFRS S2 \u00b7 Double materiality \u00b7 CSRD<\/text>\n        <text class=\"ash\" x=\"665\" y=\"430\">Inclusivity \u00b7 Materiality \u00b7 Responsiveness \u00b7 Impact<\/text>\n\n        <!-- Vertical divider between columns -->\n        <line x1=\"600\" y1=\"100\" x2=\"600\" y2=\"480\" stroke=\"rgba(237,64,54,.4)\" stroke-width=\"1\" stroke-dasharray=\"6,4\"\/>\n        <text class=\"ag\" x=\"600\" y=\"290\" text-anchor=\"middle\" transform=\"rotate(-90 600 290)\">\u2605 PARALLEL WORKFLOWS<\/text>\n\n        <!-- Connecting arrows to shared bottom -->\n        <path class=\"conn\" d=\"M150 460 L150 510\" \/>\n        <path class=\"conn\" d=\"M420 460 L420 510\" \/>\n        <path class=\"conn\" d=\"M780 460 L780 510\" \/>\n        <path class=\"conn\" d=\"M1050 460 L1050 510\" \/>\n        <polygon class=\"arrow\" points=\"150,520 144,510 156,510\"\/>\n        <polygon class=\"arrow\" points=\"420,520 414,510 426,510\"\/>\n        <polygon class=\"arrow\" points=\"780,520 774,510 786,510\"\/>\n        <polygon class=\"arrow\" points=\"1050,520 1044,510 1056,510\"\/>\n\n        <!-- BOTTOM BANNER \u00b7 4 SHARED PILLARS -->\n        <rect class=\"bot-bg\" x=\"0\" y=\"510\" width=\"1200\" height=\"140\" rx=\"2\"\/>\n        <text class=\"acat\" x=\"600\" y=\"540\" text-anchor=\"middle\">\u2605 FOUR SHARED PILLARS \u00b7 APPLY ACROSS BOTH METHODOLOGIES<\/text>\n\n        <!-- Shared Pillar 03: QA -->\n        <rect class=\"pillar-bg\" x=\"35\" y=\"555\" width=\"270\" height=\"80\" rx=\"2\"\/>\n        <text class=\"ag\" x=\"50\" y=\"578\">PILLAR 03<\/text>\n        <text class=\"anm\" x=\"50\" y=\"603\">Quality Assurance<\/text>\n        <text class=\"ash\" x=\"50\" y=\"623\">CAT QA \u00b7 error taxonomy \u00b7 KPI tracking<\/text>\n\n        <!-- Shared Pillar 04: NDA -->\n        <rect class=\"pillar-bg\" x=\"320\" y=\"555\" width=\"270\" height=\"80\" rx=\"2\"\/>\n        <text class=\"ag\" x=\"335\" y=\"578\">PILLAR 04<\/text>\n        <text class=\"anm\" x=\"335\" y=\"603\">NDA \u00b7 Confidentiality<\/text>\n        <text class=\"ash\" x=\"335\" y=\"623\">Day 1 \u00b7 GDPR + PDPA \u00b7 zero outsourcing<\/text>\n\n        <!-- Shared Pillar: In-House -->\n        <rect class=\"pillar-bg\" x=\"605\" y=\"555\" width=\"270\" height=\"80\" rx=\"2\"\/>\n        <text class=\"ag\" x=\"620\" y=\"578\">SHARED<\/text>\n        <text class=\"anm\" x=\"620\" y=\"603\">In-House Bench<\/text>\n        <text class=\"ash\" x=\"620\" y=\"623\">100% full-time \u00b7 methodology credentialed<\/text>\n\n        <!-- Shared Pillar: Bilingual -->\n        <rect class=\"pillar-bg\" x=\"890\" y=\"555\" width=\"270\" height=\"80\" rx=\"2\"\/>\n        <text class=\"ag\" x=\"905\" y=\"578\">SHARED<\/text>\n        <text class=\"anm\" x=\"905\" y=\"603\">Bilingual Discipline<\/text>\n        <text class=\"ash\" x=\"905\" y=\"623\">EN\/TH lockstep \u00b7 German channel<\/text>\n\n      <\/svg>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ TEP WORKFLOW \u00b7 interactive click-to-expand ============ -->\n<section class=\"tep\" id=\"tep\">\n  <div class=\"wrap\">\n    <div class=\"section-head\" data-reveal>\n      <div class=\"eyebrow\">Pillar 01 \u00b7 The TEP Workflow \u00b7 click any stage<\/div>\n      <h2 class=\"title\">Translation. Editing. Proofreading. <em>Three stages. Three separated specialists. Audit-grade evidence trail.<\/em><\/h2>\n      <p class=\"lead\">The substantive translation methodology required by <strong>ISO 17100:2015 \u2014 the international standard for translation services<\/strong> \u2014 runs on a strict three-stage workflow: <strong>Translation<\/strong> by a competent linguist matched to the source domain; <strong>Editing<\/strong> by a separate competent linguist comparing source to target for accuracy, completeness, and consistency; <strong>Proofreading<\/strong> by a third specialist reviewing against publication standards. <em>The separation is structural \u2014 the editor is never the translator.<\/em><\/p>\n    <\/div>\n\n    <div class=\"tep-flow\" data-reveal>\n      <div class=\"tep-stage\" data-tep-stage>\n        <div class=\"tep-stage-num\">STAGE 01 \u00b7 T<\/div>\n        <div class=\"tep-stage-letter\">T<\/div>\n        <h4>Translation<\/h4>\n        <p>A competent linguist matched to the source domain produces the target text. <strong>Domain-matched specialisation<\/strong>: legal, financial, technical, ESG \/ sustainability, regulatory, or government \u2014 never a generalist. Terminology pulled from the live termbase. Translation memory leverage applied across previously translated content. Source-to-target accuracy is the primary KPI.<\/p>\n        <div class=\"ts-actor\"><b>ACTOR:<\/b> Translator \u00b7 domain-matched \u00b7 ISO 17100-aligned<\/div>\n      <\/div>\n\n      <div class=\"tep-arrow\" aria-hidden=\"true\"><span>\u2192<\/span><\/div>\n\n      <div class=\"tep-stage\" data-tep-stage>\n        <div class=\"tep-stage-num\">STAGE 02 \u00b7 E<\/div>\n        <div class=\"tep-stage-letter\">E<\/div>\n        <h4>Editing<\/h4>\n        <p>A <strong>separate competent linguist<\/strong> performs bilingual revision \u2014 comparing source to target line-by-line for accuracy, completeness, terminology consistency, and register. <strong>The editor is never the translator<\/strong>. Substantive corrections logged with rationale. Terminology decisions flowed back into the termbase. For ESG advisory deliverables, methodology specialists join at this stage to validate substantive accuracy.<\/p>\n        <div class=\"ts-actor\"><b>ACTOR:<\/b> Editor \u00b7 separated from translator \u00b7 ISO 17100-required<\/div>\n      <\/div>\n\n      <div class=\"tep-arrow\" aria-hidden=\"true\"><span>\u2192<\/span><\/div>\n\n      <div class=\"tep-stage\" data-tep-stage>\n        <div class=\"tep-stage-num\">STAGE 03 \u00b7 P<\/div>\n        <div class=\"tep-stage-letter\">P<\/div>\n        <h4>Proofreading<\/h4>\n        <p>A <strong>third specialist reviews the target text against publication standards<\/strong> \u2014 typography, layout, numbering, table integrity, regulatory mark-up, citation formatting, and final readability. On regulatory-grade or assurance-grade deliverables, the proofreader is never the editor. <strong>For bilingual EN\/TH deliverables, both language versions are proofread in parallel<\/strong> to confirm lockstep.<\/p>\n        <div class=\"ts-actor\"><b>ACTOR:<\/b> Proofreader \u00b7 publication-standard discipline<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"tep-foot\" data-reveal>\n      <div class=\"tf-eye\">\u2605 THE STRUCTURAL SEPARATION \u00b7 ISO 17100:2015 SECTION 5.3<\/div>\n      <h3>Why the three-stage separation matters: <em>different eyes catch different errors.<\/em><\/h3>\n      <p>The TEP separation rests on a structural insight: <strong>a translator and an editor produce qualitatively different error profiles<\/strong>. A translator working under deadline against a complex source will sometimes carry forward a misreading or a terminology inconsistency that they themselves cannot see at the moment of drafting. A separated editor reviewing the same text against the source \u2014 with fresh eyes and editorial distance \u2014 catches those errors at much higher rates than self-review. The proofreader catches a different error class again: typographic, numerical, formatting, regulatory-citation. <em>This is why ISO 17100 requires the separation, why every Big Law and US government translation procurement specification requires it, and why Othello does not deviate from it regardless of timeline pressure or scope size.<\/em><\/p>\n      <p>The methodology applies uniformly across the four practice columns. <strong>Technical Translation<\/strong> deliverables run TEP with domain-matched specialists. <strong>ESG Advisory deliverables<\/strong> run TEP with the methodology-credentialed bench joining at the editing stage. <strong>Big Law cross-border work<\/strong> runs TEP with mutual NDA in place from first email. <strong>Interpretation<\/strong> work uses an analogous preparation\u2013delivery\u2013debrief discipline anchored to the same standard.<\/p>\n      <div class=\"tep-rules\">\n        <div class=\"tr-row\"><div class=\"trn\">RULE 01<\/div><div class=\"trt\"><b>Translator \u2260 Editor.<\/b> No self-review on production deliverables. Required by ISO 17100:2015 Section 5.3.1.<\/div><\/div>\n        <div class=\"tr-row\"><div class=\"trn\">RULE 02<\/div><div class=\"trt\"><b>Editor \u2260 Proofreader on regulatory-grade work.<\/b> Three-person separation for SET-listed 56-1, regulatory filings, and assurance deliverables.<\/div><\/div>\n        <div class=\"tr-row\"><div class=\"trn\">RULE 03<\/div><div class=\"trt\"><b>Domain matching at translation stage.<\/b> Legal \u00b7 financial \u00b7 technical \u00b7 ESG \u00b7 regulatory \u00b7 government \u2014 never a generalist on production work.<\/div><\/div>\n        <div class=\"tr-row\"><div class=\"trn\">RULE 04<\/div><div class=\"trt\"><b>Methodology specialist joins editing stage on ESG advisory.<\/b> The credentialed bench validates substantive terminology accuracy, not just linguistic accuracy.<\/div><\/div>\n        <div class=\"tr-row\"><div class=\"trn\">RULE 05<\/div><div class=\"trt\"><b>Bilingual lockstep proofread.<\/b> Both language versions proofread in parallel for EN\/TH deliverables \u2014 required for SET-listed regulatory filings.<\/div><\/div>\n        <div class=\"tr-row\"><div class=\"trn\">RULE 06<\/div><div class=\"trt\"><b>Audit-grade evidence trail.<\/b> Every stage timestamped, named linguist logged, remediation rationale recorded. Available to client on request.<\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* ============ CAT \/ TM ARCHITECTURE ============ *\/\n.oth-process .cat-sec{padding:110px 0;background:var(--k1);position:relative;border-top:1px solid var(--line);overflow:hidden}\n.oth-process .cat-sec::before{content:\"\";position:absolute;top:-100px;left:50%;width:1200px;height:600px;background:radial-gradient(ellipse,rgba(237,64,54,.06),transparent 70%);transform:translateX(-50%);pointer-events:none}\n\n.oth-process .cat-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:stretch;margin-bottom:40px;position:relative;z-index:2}\n.oth-process .cat-card{background:var(--k);border:1px solid var(--line);padding:36px 32px;position:relative;overflow:hidden;transition:all .45s var(--ease)}\n.oth-process .cat-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(0,0,0,.55);border-color:rgba(237,64,54,.4)}\n.oth-process .cat-card::before{content:\"\";position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(180deg,var(--r) 0%,var(--gold) 100%);transition:width .35s}\n.oth-process .cat-card:hover::before{width:7px}\n.oth-process .cat-card::after{content:\"\";position:absolute;top:0;right:0;width:240px;height:240px;background:radial-gradient(circle at 100% 0%,rgba(237,64,54,.14),transparent 70%);opacity:.5;transition:opacity .5s;pointer-events:none}\n.oth-process .cat-card:hover::after{opacity:1}\n.oth-process .cat-card .cc-label{font-family:var(--m);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--r);font-weight:700;margin-bottom:14px;position:relative;z-index:2}\n.oth-process .cat-card h3{font-family:var(--d);font-style:italic;font-size:22px;font-weight:600;color:var(--w);margin:0 0 16px;line-height:1.25;letter-spacing:-.01em;position:relative;z-index:2}\n.oth-process .cat-card h3 em{color:var(--r);font-style:italic;font-weight:500}\n.oth-process .cat-card p{font-size:13.5px;line-height:1.7;color:var(--w1);margin:0 0 12px;position:relative;z-index:2}\n.oth-process .cat-card p strong{color:var(--w);font-weight:600}\n.oth-process .cat-tools{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:8px;position:relative;z-index:2}\n.oth-process .cat-tools li{padding:12px 16px;background:var(--k1);border-left:3px solid var(--r);display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:center;font-size:13px;color:var(--w1);transition:all .25s var(--ease)}\n.oth-process .cat-tools li:hover{background:var(--k2);transform:translateX(4px);border-left-width:5px}\n.oth-process .cat-tools li b{color:var(--w);font-family:var(--d);font-style:italic;font-weight:600;font-size:14px}\n\n.oth-process .tm-arch{background:linear-gradient(135deg,rgba(237,64,54,.10) 0%,var(--k3) 100%);border:1px solid rgba(237,64,54,.30);padding:36px 32px;position:relative;overflow:hidden;display:flex;flex-direction:column;transition:all .5s var(--ease)}\n.oth-process .tm-arch:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(0,0,0,.55),0 0 40px rgba(237,64,54,.12);border-color:rgba(237,64,54,.5)}\n.oth-process .tm-arch::before{content:\"\";position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(180deg,var(--r) 0%,var(--gold) 100%)}\n.oth-process .tm-arch::after{content:\"TM\";position:absolute;top:-30px;right:-15px;font-family:var(--d);font-style:italic;font-size:clamp(100px,13vw,200px);line-height:1;color:var(--r);opacity:.06;font-weight:600;pointer-events:none}\n.oth-process .tm-arch .tm-eye{font-family:var(--m);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--r);font-weight:700;margin-bottom:14px;position:relative;z-index:2}\n.oth-process .tm-arch h3{font-family:var(--d);font-style:italic;font-size:22px;font-weight:600;color:var(--w);margin:0 0 16px;line-height:1.25;letter-spacing:-.01em;position:relative;z-index:2}\n.oth-process .tm-arch h3 em{color:var(--r);font-style:italic;font-weight:500}\n.oth-process .tm-arch p{font-size:13.5px;line-height:1.7;color:var(--w1);margin:0 0 12px;position:relative;z-index:2}\n.oth-process .tm-arch p strong{color:var(--w);font-weight:600}\n.oth-process .tm-stack{margin-top:auto;padding-top:18px;border-top:1px solid rgba(237,64,54,.20);display:grid;gap:10px;position:relative;z-index:2}\n.oth-process .tm-stack .tm-stk-row{display:grid;grid-template-columns:120px 1fr;gap:12px;font-size:12.5px;align-items:start;padding:8px 12px;background:var(--k);border:1px solid var(--line);border-left:3px solid var(--r);transition:all .25s var(--ease)}\n.oth-process .tm-stack .tm-stk-row:hover{background:var(--k2);transform:translateX(4px);border-left-width:5px}\n.oth-process .tm-stack .tm-stk-row .tmk{font-family:var(--m);font-size:10px;color:var(--w2);letter-spacing:.08em;text-transform:uppercase;font-weight:600;padding-top:1px}\n.oth-process .tm-stack .tm-stk-row .tmv{color:var(--w1);line-height:1.5}\n.oth-process .tm-stack .tm-stk-row .tmv b{color:var(--w);font-weight:600}\n\n\/* TM leverage discount table \u2014 interactive *\/\n.oth-process .lev-block{background:linear-gradient(135deg,var(--k) 0%,var(--k2) 100%);border:1px solid var(--line);padding:0;overflow:hidden;position:relative;z-index:2}\n.oth-process .lev-block::before{content:\"\";position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,var(--r) 0%,var(--gold) 100%);z-index:3}\n.oth-process .lev-header{background:var(--k1);padding:20px 28px 18px 36px;border-bottom:2px solid rgba(237,64,54,.3);display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px;font-family:var(--m);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--r);font-weight:700;position:relative;z-index:2}\n.oth-process .lev-row{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px;padding:16px 28px 16px 36px;border-bottom:1px solid var(--line);align-items:center;transition:all .3s var(--ease);position:relative;z-index:2}\n.oth-process .lev-row:last-child{border-bottom:0}\n.oth-process .lev-row:hover{background:var(--k3);transform:translateX(4px)}\n.oth-process .lev-row .lev-tier{font-family:var(--d);font-style:italic;font-size:16px;font-weight:600;color:var(--w);letter-spacing:-.005em}\n.oth-process .lev-row .lev-tier span{display:block;font-family:var(--m);font-size:10px;color:var(--w2);font-style:normal;font-weight:500;letter-spacing:.05em;margin-top:3px;text-transform:uppercase}\n.oth-process .lev-row .lev-match{font-family:var(--m);font-size:12.5px;color:var(--w1);font-weight:600;letter-spacing:.04em}\n.oth-process .lev-row .lev-pct{font-family:var(--d);font-style:italic;font-size:22px;font-weight:600;color:var(--r);letter-spacing:-.01em;transition:color .3s}\n.oth-process .lev-row:hover .lev-pct{color:transparent;background:linear-gradient(90deg,var(--r),var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}\n\n.oth-process .lev-foot{margin-top:22px;padding:16px 22px;background:linear-gradient(135deg,rgba(237,64,54,.08) 0%,var(--k) 100%);border:1px solid rgba(237,64,54,.25);border-left:4px solid var(--r);font-size:13.5px;color:var(--w1);line-height:1.65;transition:all .35s var(--ease)}\n.oth-process .lev-foot:hover{border-left-width:6px;transform:translateX(4px)}\n.oth-process .lev-foot b{color:var(--w);font-weight:600}\n.oth-process .lev-foot .lf-tag{font-family:var(--m);font-size:10px;letter-spacing:.14em;color:var(--r);font-weight:700;text-transform:uppercase;display:inline-block;margin-right:8px}\n\n@media (max-width:1024px){\n  .oth-process .cat-grid{grid-template-columns:1fr;gap:18px}\n}\n@media (max-width:600px){\n  .oth-process .cat-card,.oth-process .tm-arch{padding:24px 22px}\n  .oth-process .cat-tools li,.oth-process .tm-stack .tm-stk-row{grid-template-columns:1fr;gap:4px}\n  .oth-process .lev-header{display:none}\n  .oth-process .lev-row{grid-template-columns:1fr;gap:6px;padding:14px 20px}\n  .oth-process .lev-row .lev-pct{font-size:18px}\n}\n<\/style>\n\n<!-- ============ CAT \/ TM ARCHITECTURE \u2014 Pillar 02 ============ -->\n<section class=\"cat-sec\" id=\"cat-tm\">\n  <div class=\"wrap\">\n    <div class=\"section-head\" data-reveal>\n      <div class=\"eyebrow\">Pillar 02 \u00b7 CAT &amp; Translation Memory Architecture<\/div>\n      <h2 class=\"title\">The compounding factor. <em>Six-year termbase. CAT-driven consistency. TM-leverage savings on every repeat engagement.<\/em><\/h2>\n      <p class=\"lead\">Behind the TEP workflow sits the technology architecture that makes the methodology operationally scalable: <strong>Computer-Assisted Translation (CAT) tooling integrated with a six-year Translation Memory and termbase asset<\/strong>. Three structural advantages: <strong>terminology consistency at scale<\/strong> \u00b7 <strong>substantive savings on repeat or annual programmes via TM-leverage discount<\/strong> \u00b7 <strong>audit-grade traceability through CAT segment-level logging<\/strong>.<\/p>\n    <\/div>\n\n    <div class=\"cat-grid\">\n\n      <div class=\"cat-card\" data-reveal>\n        <div class=\"cc-label\">\u2605 THE CAT TOOL STACK<\/div>\n        <h3>Industry-standard CAT tooling. <em>Hemrudee \u00b7 Chantuk \u00b7 editorial bench.<\/em><\/h3>\n        <p>The firm&#8217;s editorial bench runs on the industry-standard CAT (Computer-Assisted Translation) stack. CAT tooling is not machine translation \u2014 it is <strong>segment-level human translation working against a TM lookup, terminology database, quality-check filters, and audit logging<\/strong>. Every segment is logged, every reuse traceable, every terminology decision propagated.<\/p>\n        <ul class=\"cat-tools\">\n          <li><b>SDL Trados Studio<\/b><span>Primary CAT environment \u00b7 TM + termbase + QA filters<\/span><\/li>\n          <li><b>memoQ<\/b><span>Secondary CAT environment \u00b7 cross-vendor compatibility \u00b7 TM portability<\/span><\/li>\n          <li><b>Subtitle Edit<\/b><span>Specialist tooling for audiovisual + subtitling work \u00b7 timecode-aligned<\/span><\/li>\n          <li><b>MTPE workflow<\/b><span>Machine Translation Post-Editing \u00b7 AI-augmented \u00b7 always human-anchored<\/span><\/li>\n          <li><b>Multimodal prompts<\/b><span>AI-augmented quality evaluation against structured rubrics<\/span><\/li>\n        <\/ul>\n        <p style=\"margin-top:14px\"><strong>The AI tooling layer<\/strong> \u2014 ChatGPT, Claude, Gemini, Copilot \u2014 is applied operationally inside CAT environments for translation memory work, glossary management, and prompt engineering for multimodal ESG content. <strong>AI tooling supports the human editorial bench; it does not replace it.<\/strong> Source material is never shared with consumer LLM endpoints that retain data.<\/p>\n      <\/div>\n\n      <div class=\"tm-arch\" data-reveal>\n        <div class=\"tm-eye\">\u2605 THE TRANSLATION MEMORY ARCHITECTURE<\/div>\n        <h3>Six years of bilingual disclosure work. <em>Compounding into one asset.<\/em><\/h3>\n        <p>The Translation Memory (TM) is the firm&#8217;s <strong>operationally significant compounding asset<\/strong>. Each ISO 17100 TEP cycle commits the approved bilingual segment back to the TM with metadata \u2014 domain, client (anonymised at TM level), source, validation date. <strong>Six years of work across 50+ ESG reports, 100+ annual reports, sustainability reports, 56-1 One Reports, regulatory filings, and Big Law cross-border deliverables<\/strong> has produced a TM asset that delivers fluency in the substantive terminology Thai listed companies use to disclose to the world.<\/p>\n        <p>The TM is augmented by a <strong>domain-segmented termbase<\/strong>: SET-listed sustainability conventions \u00b7 IFRS S2 climate disclosure terminology \u00b7 GRI Universal + Topic Standards \u00b7 ICMA Green Bond Principles + SLB framework \u00b7 Thailand Taxonomy and SEC Thailand 56-1 regulatory vocabulary \u00b7 AA1000AS assurance language \u00b7 Big Law cross-border legal terminology \u2014 all in <strong>bilingual EN\/TH lockstep<\/strong> with German channel coverage where required.<\/p>\n        <div class=\"tm-stack\">\n          <div class=\"tm-stk-row\"><span class=\"tmk\">Storage<\/span><span class=\"tmv\"><b>Othello-controlled infrastructure<\/b> \u00b7 GDPR + PDPA compliant \u00b7 no LLM-retention pipelines<\/span><\/div>\n          <div class=\"tm-stk-row\"><span class=\"tmk\">Languages<\/span><span class=\"tmv\">EN \u2194 TH primary \u00b7 DE \u2194 TH channel \u00b7 ASEAN regional via NDA-bound partners<\/span><\/div>\n          <div class=\"tm-stk-row\"><span class=\"tmk\">Domains<\/span><span class=\"tmv\">SET-listed \u00b7 IFRS S2 \u00b7 GRI \u00b7 ICMA GBP\/SLB \u00b7 Thailand Tax \u00b7 AA1000AS \u00b7 Big Law<\/span><\/div>\n          <div class=\"tm-stk-row\"><span class=\"tmk\">Governance<\/span><span class=\"tmv\">Head of Editorial &amp; Disclosure-managed \u00b7 TEP-validated \u00b7 audit-grade lineage<\/span><\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- TM LEVERAGE DISCOUNT TABLE -->\n    <div style=\"margin-top:8px;position:relative;z-index:2\" data-reveal>\n      <div class=\"eyebrow\" style=\"margin-bottom:18px\">\u2605 TM Leverage Discount \u00b7 Match-Tier Pricing<\/div>\n      <p style=\"font-size:14.5px;line-height:1.7;color:var(--w1);margin:0 0 24px;max-width:80ch\">For repeat clients and multi-year programmes \u2014 <strong>annual sustainability reports, recurring 56-1 One Reports, ongoing regulatory filings, annual ICMA framework refresh, and multi-year ESG advisory retainers<\/strong> \u2014 the TM produces materially better economics in Year 2 and beyond. New work is segmented against the TM at industry-standard match tiers, and pricing is graduated accordingly.<\/p>\n\n      <div class=\"lev-block\">\n        <div class=\"lev-header\">\n          <div>TIER \u00b7 MATCH TYPE<\/div>\n          <div>CAT MATCH RANGE<\/div>\n          <div>PRICING TREATMENT<\/div>\n        <\/div>\n        <div class=\"lev-row\"><div class=\"lev-tier\">Repetition <span>Internal segment repeat<\/span><\/div><div class=\"lev-match\">Identical \u00b7 in-document<\/div><div class=\"lev-pct\">15% of base rate<\/div><\/div>\n        <div class=\"lev-row\"><div class=\"lev-tier\">Context Match <span>100% match + surrounding match<\/span><\/div><div class=\"lev-match\">101% \u00b7 context-locked<\/div><div class=\"lev-pct\">15% of base rate<\/div><\/div>\n        <div class=\"lev-row\"><div class=\"lev-tier\">Exact Match <span>100% TM hit \u00b7 no context<\/span><\/div><div class=\"lev-match\">100% match<\/div><div class=\"lev-pct\">25% of base rate<\/div><\/div>\n        <div class=\"lev-row\"><div class=\"lev-tier\">High Fuzzy <span>Substantial TM reuse<\/span><\/div><div class=\"lev-match\">95\u201399% fuzzy<\/div><div class=\"lev-pct\">40% of base rate<\/div><\/div>\n        <div class=\"lev-row\"><div class=\"lev-tier\">Medium Fuzzy <span>Partial TM reuse<\/span><\/div><div class=\"lev-match\">75\u201394% fuzzy<\/div><div class=\"lev-pct\">60% of base rate<\/div><\/div>\n        <div class=\"lev-row\"><div class=\"lev-tier\">Low Fuzzy \/ New <span>Minimal or no TM hit<\/span><\/div><div class=\"lev-match\">0\u201374% fuzzy \/ new<\/div><div class=\"lev-pct\">100% base rate<\/div><\/div>\n      <\/div>\n\n      <div class=\"lev-foot\"><span class=\"lf-tag\">\u2605 REAL-WORLD EFFECT<\/span> A SET-listed sustainability report in Year 2 with substantive structural continuity to Year 1 typically realises <b>40\u201360% net cost reduction<\/b> via TM leverage compared to the equivalent first-year delivery \u2014 even with new substantive content layered in. The compounding is structurally why multi-year programmes deliver materially better economics than rotating vendors annually. Detailed pricing methodology runs on <a href=\"\/how-we-quote\/\" style=\"color:var(--r);text-decoration:none;border-bottom:1px solid rgba(237,64,54,.4)\">How We Quote<\/a>.<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* ============ ESG 8-STAGE TABBED INTERFACE ============ *\/\n.oth-process .esg-sec{padding:110px 0;background:var(--k);position:relative;border-top:1px solid var(--line);overflow:hidden}\n.oth-process .esg-sec::before{content:\"\";position:absolute;top:-100px;left:50%;width:1200px;height:600px;background:radial-gradient(ellipse,rgba(237,64,54,.06),transparent 70%);transform:translateX(-50%);pointer-events:none}\n\n\/* Tab navigation strip *\/\n.oth-process .est-nav{display:grid;grid-template-columns:repeat(8,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:0;position:relative;z-index:2}\n.oth-process .est-tab{background:var(--k1);border:0;padding:18px 8px;cursor:pointer;text-align:center;color:inherit;font:inherit;transition:all .35s var(--ease);position:relative;overflow:hidden;font-family:var(--s);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:88px}\n.oth-process .est-tab::before{content:\"\";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--r) 0%,var(--gold) 100%);transform:scaleX(0);transform-origin:center;transition:transform .35s var(--ease)}\n.oth-process .est-tab:hover{background:var(--k3)}\n.oth-process .est-tab.active{background:var(--k3)}\n.oth-process .est-tab.active::before{transform:scaleX(1)}\n.oth-process .est-tab .est-num{font-family:var(--d);font-style:italic;font-size:24px;font-weight:600;color:var(--r);line-height:1;letter-spacing:-.02em;margin-bottom:6px;transition:all .3s}\n.oth-process .est-tab.active .est-num,.oth-process .est-tab:hover .est-num{color:transparent;background:linear-gradient(90deg,var(--r),var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transform:scale(1.1)}\n.oth-process .est-tab .est-name{font-family:var(--s);font-size:10px;font-weight:600;color:var(--w);line-height:1.2;letter-spacing:.02em}\n\n\/* Tab panels *\/\n.oth-process .est-panels{position:relative;background:var(--k1);border:1px solid var(--line);border-top:0;min-height:420px;overflow:hidden}\n.oth-process .est-panel{position:absolute;inset:0;padding:48px 48px;opacity:0;visibility:hidden;transition:opacity .4s var(--ease),visibility .4s;display:grid;grid-template-columns:1fr 280px;gap:48px;align-items:start}\n.oth-process .est-panel.active{opacity:1;visibility:visible}\n.oth-process .est-panel::before{content:\"\";position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,var(--r) 0%,var(--gold) 100%)}\n.oth-process .est-head{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:center;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}\n.oth-process .est-letter{font-family:var(--d);font-style:italic;font-size:56px;font-weight:600;color:transparent;background:linear-gradient(135deg,var(--r),var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:.85;letter-spacing:-.04em}\n.oth-process .est-title h3{font-family:var(--d);font-style:italic;font-size:26px;font-weight:600;color:var(--w);margin:0 0 4px;line-height:1.2;letter-spacing:-.01em}\n.oth-process .est-title h3 em{color:var(--r);font-style:italic;font-weight:500}\n.oth-process .est-tag{font-family:var(--m);font-size:10px;letter-spacing:.10em;text-transform:uppercase;color:var(--r);font-weight:700}\n.oth-process .est-body p{font-size:14.5px;line-height:1.7;color:var(--w1);margin:0 0 14px}\n.oth-process .est-body p strong{color:var(--w);font-weight:600}\n.oth-process .est-body p em{font-family:var(--d);font-style:italic;color:var(--r);font-weight:500}\n\n.oth-process .est-spec{margin-top:14px;padding:14px 18px;background:var(--k);border:1px solid var(--line);border-left:3px solid var(--r);font-family:var(--m);font-size:10.5px;color:var(--w2);letter-spacing:.04em;line-height:1.6;transition:all .25s var(--ease)}\n.oth-process .est-spec:hover{border-left-width:5px;background:var(--k2)}\n.oth-process .est-spec b{color:var(--r);font-weight:700}\n\n.oth-process .est-side{background:var(--k);border:1px solid var(--line);padding:24px;position:relative;overflow:hidden}\n.oth-process .est-side::before{content:\"\";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--r)}\n.oth-process .est-side h5{font-family:var(--m);font-size:10px;letter-spacing:.14em;color:var(--r);text-transform:uppercase;font-weight:700;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--line)}\n.oth-process .est-side ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}\n.oth-process .est-side li{font-size:12.5px;color:var(--w1);padding-left:18px;position:relative;line-height:1.5;transition:padding-left .25s}\n.oth-process .est-side li:hover{padding-left:22px;color:var(--w)}\n.oth-process .est-side li::before{content:\"\u2192\";position:absolute;left:0;color:var(--r);font-family:var(--d);font-style:italic;font-weight:700;font-size:13px}\n.oth-process .est-side li b{color:var(--w);font-weight:600}\n\n\/* ============ DOUBLE MATERIALITY ============ *\/\n.oth-process .mat-sec{padding:110px 0;background:var(--k1);position:relative;border-top:1px solid var(--line);overflow:hidden}\n.oth-process .mat-block{background:linear-gradient(135deg,rgba(237,64,54,.10) 0%,var(--k3) 100%);border:1px solid rgba(237,64,54,.30);padding:56px 52px;position:relative;overflow:hidden;transition:all .5s var(--ease)}\n.oth-process .mat-block:hover{transform:translateY(-3px);box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 60px rgba(237,64,54,.10);border-color:rgba(237,64,54,.5)}\n.oth-process .mat-block::before{content:\"\";position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,var(--r) 0%,var(--gold) 100%)}\n.oth-process .mat-block::after{content:\"LENS\";position:absolute;top:-40px;right:-20px;font-family:var(--d);font-style:italic;font-size:clamp(160px,18vw,300px);line-height:1;color:var(--r);opacity:.07;font-weight:600;pointer-events:none}\n.oth-process .mat-block .mb-eye{font-family:var(--m);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--r);font-weight:700;margin-bottom:14px;position:relative;z-index:2}\n.oth-process .mat-block h3{font-family:var(--d);font-style:italic;font-size:clamp(26px,3.2vw,38px);font-weight:500;color:var(--w);margin:0 0 18px;line-height:1.2;letter-spacing:-.015em;position:relative;z-index:2}\n.oth-process .mat-block h3 em{font-style:italic;color:var(--r);font-weight:600}\n.oth-process .mat-block p{font-size:15px;line-height:1.7;color:var(--w1);margin:0 0 14px;position:relative;z-index:2;max-width:82ch}\n.oth-process .mat-block p strong{color:var(--w);font-weight:600}\n.oth-process .mat-block p em{font-family:var(--d);font-style:italic;color:var(--r);font-weight:500}\n\n.oth-process .lens-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;position:relative;z-index:2;margin-top:24px}\n.oth-process .lens-card{background:var(--k);border:1px solid var(--line);padding:24px 26px;position:relative;transition:all .35s var(--ease);overflow:hidden}\n.oth-process .lens-card::before{content:\"\";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--r) 0%,var(--gold) 100%);transform:scaleX(0);transform-origin:left;transition:transform .35s}\n.oth-process .lens-card:hover::before{transform:scaleX(1)}\n.oth-process .lens-card:hover{background:var(--k3);border-color:rgba(237,64,54,.4);transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.4)}\n.oth-process .lens-card .lc-label{font-family:var(--m);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--r);font-weight:700;margin-bottom:10px}\n.oth-process .lens-card h4{font-family:var(--d);font-style:italic;font-size:22px;font-weight:600;color:var(--w);margin:0 0 12px;line-height:1.2;letter-spacing:-.005em}\n.oth-process .lens-card p{font-size:13px;line-height:1.65;color:var(--w1);margin:0;max-width:none}\n.oth-process .lens-card p strong{color:var(--w);font-weight:600}\n.oth-process .lens-card .lc-frames{font-family:var(--m);font-size:10.5px;color:var(--r);font-weight:700;letter-spacing:.06em;margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);text-transform:uppercase}\n\n@media (max-width:1024px){\n  .oth-process .est-nav{grid-template-columns:repeat(4,1fr)}\n  .oth-process .est-tab{padding:14px 6px;min-height:72px}\n  .oth-process .est-tab .est-num{font-size:20px}\n  .oth-process .est-tab .est-name{font-size:9px}\n  .oth-process .est-panels{min-height:auto}\n  .oth-process .est-panel{position:relative;display:none;grid-template-columns:1fr;gap:24px;padding:30px}\n  .oth-process .est-panel.active{display:grid}\n  .oth-process .mat-block{padding:36px 28px}\n  .oth-process .lens-grid{grid-template-columns:1fr;gap:10px}\n}\n@media (max-width:600px){\n  .oth-process .est-nav{grid-template-columns:repeat(4,1fr);gap:1px}\n  .oth-process .est-tab{padding:12px 4px;min-height:60px}\n  .oth-process .est-tab .est-num{font-size:18px}\n  .oth-process .est-panel{padding:24px}\n  .oth-process .est-head{grid-template-columns:48px 1fr;gap:14px}\n  .oth-process .est-letter{font-size:42px}\n  .oth-process .mat-block{padding:28px 22px}\n}\n<\/style>\n\n<!-- ============ ESG 8-STAGE ENGAGEMENT \u2014 TABBED ============ -->\n<section class=\"esg-sec\" id=\"esg-engagement\">\n  <div class=\"wrap\">\n    <div class=\"section-head\" data-reveal>\n      <div class=\"eyebrow\">Pillar 05 \u00b7 The ESG Advisory Engagement Methodology \u00b7 click each stage<\/div>\n      <h2 class=\"title\">Eight stages. <em>From materiality to ongoing monitoring.<\/em> The methodology-credentialed bench joined per stage.<\/h2>\n      <p class=\"lead\">ESG Advisory engagements run a fundamentally different workflow from translation deliverables \u2014 substantive ESG advisory is <strong>multi-year, multi-stage, methodology-anchored, and stakeholder-engaged<\/strong>. The eight-stage engagement methodology is the operating standard across every <a href=\"\/esg-advisory\/\">ESG Advisory<\/a> engagement. <em>Click each stage below to see the detail and the methodology specialist who anchors it.<\/em><\/p>\n    <\/div>\n\n    <!-- Tab navigation -->\n    <div class=\"est-nav\" role=\"tablist\" data-reveal>\n      <button class=\"est-tab active\" data-est=\"01\" role=\"tab\" aria-selected=\"true\">\n        <span class=\"est-num\">01<\/span><span class=\"est-name\">Materiality<\/span>\n      <\/button>\n      <button class=\"est-tab\" data-est=\"02\" role=\"tab\"><span class=\"est-num\">02<\/span><span class=\"est-name\">Baseline<\/span><\/button>\n      <button class=\"est-tab\" data-est=\"03\" role=\"tab\"><span class=\"est-num\">03<\/span><span class=\"est-name\">Framework Mapping<\/span><\/button>\n      <button class=\"est-tab\" data-est=\"04\" role=\"tab\"><span class=\"est-num\">04<\/span><span class=\"est-name\">Gap Analysis<\/span><\/button>\n      <button class=\"est-tab\" data-est=\"05\" role=\"tab\"><span class=\"est-num\">05<\/span><span class=\"est-name\">Roadmap<\/span><\/button>\n      <button class=\"est-tab\" data-est=\"06\" role=\"tab\"><span class=\"est-num\">06<\/span><span class=\"est-name\">Implementation<\/span><\/button>\n      <button class=\"est-tab\" data-est=\"07\" role=\"tab\"><span class=\"est-num\">07<\/span><span class=\"est-name\">Disclosure &amp; Assurance<\/span><\/button>\n      <button class=\"est-tab\" data-est=\"08\" role=\"tab\"><span class=\"est-num\">08<\/span><span class=\"est-name\">Monitoring<\/span><\/button>\n    <\/div>\n\n    <!-- Tab panels -->\n    <div class=\"est-panels\">\n\n      <div class=\"est-panel active\" data-est-panel=\"01\">\n        <div class=\"est-body\">\n          <div class=\"est-head\">\n            <div class=\"est-letter\">\u2460<\/div>\n            <div class=\"est-title\"><div class=\"est-tag\">STAGE 01 \u00b7 ENTRY \u00b7 MATERIALITY ASSESSMENT<\/div><h3>Materiality <em>Assessment<\/em><\/h3><\/div>\n          <\/div>\n          <p>The substantive entry stage. <strong>Identify business units, geographies, and value chain stages in scope.<\/strong> Map internal and external stakeholders \u2014 investors, employees, suppliers, regulators, communities, NGOs. <strong>Single or double materiality<\/strong> per CSRD \/ ESRS regulatory lens decided here. Stakeholder surveys, structured interviews, and workshops feed into the materiality matrix.<\/p>\n          <p>The lens decision at this stage shapes <em>everything downstream<\/em> \u2014 scope, stakeholder engagement architecture, framework mapping, disclosure structure. <strong>Multi-jurisdiction Thai-listed corporates are guided through the practical implications of each regime before the engagement letter locks the scope.<\/strong><\/p>\n          <div class=\"est-spec\"><b>SPECIALIST:<\/b> Climate &amp; Sustainable Finance Lead + Frameworks Specialist<\/div>\n        <\/div>\n        <div class=\"est-side\">\n          <h5>\u2605 Outputs<\/h5>\n          <ul>\n            <li><b>Materiality matrix<\/b> \u00b7 double or single lens<\/li>\n            <li><b>Stakeholder map<\/b> \u00b7 internal + external<\/li>\n            <li><b>Scope definition<\/b> \u00b7 BUs \u00b7 geographies \u00b7 value chain<\/li>\n            <li><b>Lens decision<\/b> \u00b7 CSRD\/ESRS or IFRS S1\/S2<\/li>\n            <li><b>Engagement design<\/b> \u00b7 surveys + workshops<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n\n      <div class=\"est-panel\" data-est-panel=\"02\">\n        <div class=\"est-body\">\n          <div class=\"est-head\">\n            <div class=\"est-letter\">\u2461<\/div>\n            <div class=\"est-title\"><div class=\"est-tag\">STAGE 02 \u00b7 BASELINE &amp; MATURITY ASSESSMENT<\/div><h3>Baseline <em>Assessment<\/em><\/h3><\/div>\n          <\/div>\n          <p>Evaluate <strong>current ESG practices across each material topic<\/strong>. CXOs and department heads score current practices against industry standards and best-in-class peers. Output: a substantive baseline picture \u2014 <em>what the organisation already does well, where capability is emerging, where it is absent<\/em>.<\/p>\n          <p><strong>Peer benchmarking against sector peers and rating-agency leaders<\/strong> at this stage. The baseline becomes the reference against which Year 2+ improvement is measured.<\/p>\n          <div class=\"est-spec\"><b>SPECIALIST:<\/b> Sustainability Reporting Specialist + sector lead<\/div>\n        <\/div>\n        <div class=\"est-side\">\n          <h5>\u2605 Outputs<\/h5>\n          <ul>\n            <li><b>Maturity scorecard<\/b> \u00b7 per material topic<\/li>\n            <li><b>Peer benchmark<\/b> \u00b7 sector + rating-agency leaders<\/li>\n            <li><b>Capability mapping<\/b> \u00b7 strong \u00b7 emerging \u00b7 absent<\/li>\n            <li><b>Year 1 reference baseline<\/b> for Year 2+ improvement tracking<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n\n      <div class=\"est-panel\" data-est-panel=\"03\">\n        <div class=\"est-body\">\n          <div class=\"est-head\">\n            <div class=\"est-letter\">\u2462<\/div>\n            <div class=\"est-title\"><div class=\"est-tag\">STAGE 03 \u00b7 FRAMEWORK MAPPING<\/div><h3>Framework <em>Mapping<\/em><\/h3><\/div>\n          <\/div>\n          <p>Identify applicable regulations and reporting frameworks by <strong>geography, industry, size, and disclosure pathway<\/strong>. Map material topics to relevant standards: GRI Universal + Topic + Sector, IFRS S1\/S2, CSRD\/ESRS, TCFD, EU Taxonomy, CBAM, Thailand Taxonomy, SEC Thailand 56-1, AA1000AP.<\/p>\n          <p><strong>Cross-framework alignment to minimise duplication.<\/strong> The same disclosure content typically feeds multiple framework requirements when mapped properly \u2014 significantly reducing reporting burden in Year 2+.<\/p>\n          <div class=\"est-spec\"><b>SPECIALIST:<\/b> Climate &amp; Frameworks Specialist \u00b7 IFRS S1\/S2 + CSRD lead<\/div>\n        <\/div>\n        <div class=\"est-side\">\n          <h5>\u2605 Framework Coverage<\/h5>\n          <ul>\n            <li><b>GRI<\/b> Universal + Topic + Sector<\/li>\n            <li><b>IFRS S1 \/ S2<\/b> \u00b7 ISSB Foundation<\/li>\n            <li><b>CSRD \/ ESRS<\/b> \u00b7 EFRAG benchmarks<\/li>\n            <li><b>TCFD \u00b7 EU Taxonomy \u00b7 CBAM<\/b><\/li>\n            <li><b>Thailand Taxonomy \u00b7 SEC 56-1<\/b><\/li>\n            <li><b>AA1000AP<\/b> \u00b7 AccountAbility<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n\n      <div class=\"est-panel\" data-est-panel=\"04\">\n        <div class=\"est-body\">\n          <div class=\"est-head\">\n            <div class=\"est-letter\">\u2463<\/div>\n            <div class=\"est-title\"><div class=\"est-tag\">STAGE 04 \u00b7 GAP ANALYSIS<\/div><h3>Gap <em>Analysis<\/em><\/h3><\/div>\n          <\/div>\n          <p>Compare baseline vs framework requirements + investor expectations + industry standards. <strong>Categorised gap output<\/strong>: data gaps, policy gaps, disclosure gaps, governance gaps. Each gap mapped to a remediation pathway with <strong>effort, owner, and dependency identified<\/strong>.<\/p>\n          <p>Substantive depth on rating-agency exposure mapping where applicable \u2014 particularly for SET-listed corporates targeting FTSE Russell, DJSI, MSCI, CDP, or SET ESG improvement.<\/p>\n          <div class=\"est-spec\"><b>SPECIALIST:<\/b> Sustainability Reporting Specialist + Frameworks Specialist<\/div>\n        <\/div>\n        <div class=\"est-side\">\n          <h5>\u2605 Gap Categories<\/h5>\n          <ul>\n            <li><b>Data gaps<\/b> \u00b7 measurement + collection<\/li>\n            <li><b>Policy gaps<\/b> \u00b7 written governance<\/li>\n            <li><b>Disclosure gaps<\/b> \u00b7 format + frequency<\/li>\n            <li><b>Governance gaps<\/b> \u00b7 oversight + sign-off<\/li>\n            <li><b>Rating-agency exposure<\/b> mapping where applicable<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n\n      <div class=\"est-panel\" data-est-panel=\"05\">\n        <div class=\"est-body\">\n          <div class=\"est-head\">\n            <div class=\"est-letter\">\u2464<\/div>\n            <div class=\"est-title\"><div class=\"est-tag\">STAGE 05 \u00b7 ROADMAP DEVELOPMENT<\/div><h3>Roadmap <em>Development<\/em><\/h3><\/div>\n          <\/div>\n          <p>Translate gap analysis into a structured action plan with <strong>short-term, medium-term, and long-term ESG goals + KPIs<\/strong>. Owners assigned per workstream. Resource requirements, dependencies, and milestones identified.<\/p>\n          <p><strong>Roadmap signed off at board \/ sustainability committee level.<\/strong> Annual cycle planning for multi-year retainer engagements \u2014 Year 2+ engagements transition into the implementation\u2013disclosure\u2013monitoring rotation.<\/p>\n          <div class=\"est-spec\"><b>SPECIALIST:<\/b> Climate &amp; Sustainable Finance Lead \u00b7 roadmap signoff<\/div>\n        <\/div>\n        <div class=\"est-side\">\n          <h5>\u2605 Roadmap Components<\/h5>\n          <ul>\n            <li><b>Short-term goals<\/b> \u00b7 6\u201312 months<\/li>\n            <li><b>Medium-term goals<\/b> \u00b7 1\u20133 years<\/li>\n            <li><b>Long-term goals<\/b> \u00b7 3\u201310 years \u00b7 Net Zero<\/li>\n            <li><b>KPI architecture<\/b> per material topic<\/li>\n            <li><b>Board \/ committee sign-off<\/b><\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n\n      <div class=\"est-panel\" data-est-panel=\"06\">\n        <div class=\"est-body\">\n          <div class=\"est-head\">\n            <div class=\"est-letter\">\u2465<\/div>\n            <div class=\"est-title\"><div class=\"est-tag\">STAGE 06 \u00b7 IMPLEMENTATION<\/div><h3>Implementation<\/h3><\/div>\n          <\/div>\n          <p>Operational delivery against the roadmap. <strong>Data collection system architecture, policy updates, governance changes, capacity building, and training.<\/strong> Platform integration where relevant \u2014 SET Carbon Project platform, internal carbon pricing systems, climate finance platforms.<\/p>\n          <p><strong>Cross-functional team coordination<\/strong> across sustainability, finance, operations, HR, and procurement. This is the multi-year operational phase \u2014 typically the longest stage on the engagement.<\/p>\n          <div class=\"est-spec\"><b>SPECIALIST:<\/b> stage lead varies by workstream \u2014 bench-wide<\/div>\n        <\/div>\n        <div class=\"est-side\">\n          <h5>\u2605 Workstreams<\/h5>\n          <ul>\n            <li><b>Data collection systems<\/b> \u00b7 architecture<\/li>\n            <li><b>Policy updates<\/b> \u00b7 written governance<\/li>\n            <li><b>Capacity building<\/b> \u00b7 internal training<\/li>\n            <li><b>Platform integration<\/b> \u00b7 SET Carbon \u00b7 ICP<\/li>\n            <li><b>Cross-functional coordination<\/b><\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n\n      <div class=\"est-panel\" data-est-panel=\"07\">\n        <div class=\"est-body\">\n          <div class=\"est-head\">\n            <div class=\"est-letter\">\u2466<\/div>\n            <div class=\"est-title\"><div class=\"est-tag\">STAGE 07 \u00b7 DISCLOSURE &amp; ASSURANCE<\/div><h3>Disclosure &amp; <em>Assurance<\/em><\/h3><\/div>\n          <\/div>\n          <p>Publish per framework \u2014 <strong>bilingual sustainability report, IFRS S2 climate disclosure, 56-1 One Report ESG section, ICMA framework + allocation report + impact report, rating-agency submission<\/strong>. The Translation methodology TEP workflow runs here.<\/p>\n          <p><strong>AA1000AS v3 sustainability assurance<\/strong> where commissioned \u2014 assesses adherence to four AccountAbility Principles: <em>Inclusivity, Materiality, Responsiveness, Impact<\/em>.<\/p>\n          <div class=\"est-spec\"><b>SPECIALIST:<\/b> Climate &amp; Carbon Lead (AA1000AS ACSAP) \u00b7 Editorial bench<\/div>\n        <\/div>\n        <div class=\"est-side\">\n          <h5>\u2605 Disclosure Channels<\/h5>\n          <ul>\n            <li><b>Sustainability report<\/b> \u00b7 bilingual EN\/TH<\/li>\n            <li><b>IFRS S2 climate disclosure<\/b><\/li>\n            <li><b>56-1 One Report<\/b> \u00b7 ESG section<\/li>\n            <li><b>ICMA framework<\/b> + allocation + impact<\/li>\n            <li><b>Rating-agency submission<\/b><\/li>\n            <li><b>AA1000AS v3 assurance<\/b> where commissioned<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n\n      <div class=\"est-panel\" data-est-panel=\"08\">\n        <div class=\"est-body\">\n          <div class=\"est-head\">\n            <div class=\"est-letter\">\u2467<\/div>\n            <div class=\"est-title\"><div class=\"est-tag\">STAGE 08 \u00b7 MONITORING &amp; CONTINUOUS IMPROVEMENT<\/div><h3>Monitoring &amp; <em>Continuous Improvement<\/em><\/h3><\/div>\n          <\/div>\n          <p><strong>Annual review against roadmap KPIs.<\/strong> Investor and rating-agency feedback incorporated. Material topic refresh per CSRD double-materiality refresh cycle.<\/p>\n          <p><strong>Next-cycle planning<\/strong> \u2014 Year 2+ engagements typically transition from baseline + gap + roadmap structure to <em>implementation + disclosure + continuous improvement structure<\/em> on annual rotation. The methodology becomes operationally lean as the substantive operating system matures.<\/p>\n          <div class=\"est-spec\"><b>SPECIALIST:<\/b> full bench available \u00b7 workstream-specific<\/div>\n        <\/div>\n        <div class=\"est-side\">\n          <h5>\u2605 Continuous Improvement<\/h5>\n          <ul>\n            <li><b>Annual KPI review<\/b><\/li>\n            <li><b>Rating-agency feedback<\/b> incorporated<\/li>\n            <li><b>Material topic refresh<\/b><\/li>\n            <li><b>Year 2+ lean cycle<\/b><\/li>\n            <li><b>Bench retainer rotation<\/b><\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ DOUBLE MATERIALITY ============ -->\n<section class=\"mat-sec\" id=\"materiality\">\n  <div class=\"wrap\">\n    <div class=\"section-head\" data-reveal>\n      <div class=\"eyebrow\">\u2605 The Materiality Entry Stage \u00b7 Where The Methodology Diverges<\/div>\n      <h2 class=\"title\">Single materiality. Double materiality. <em>The lens shapes everything downstream.<\/em><\/h2>\n      <p class=\"lead\">The most consequential methodology decision on every ESG advisory engagement is which materiality lens applies. The two regimes lead to <strong>materially different scope<\/strong>, stakeholder engagement architecture, framework mapping, and disclosure structure. <strong>For Thai SET-listed corporates with European institutional investor coverage, with EU customer base, or with CSRD-affected subsidiaries<\/strong>, the operationally important regime is increasingly double materiality.<\/p>\n    <\/div>\n\n    <div class=\"mat-block\" data-reveal>\n      <div class=\"mb-eye\">\u2605 THE LENS DECISION \u00b7 POSITIONED EXPLICITLY AT SCOPING<\/div>\n      <h3>Multi-jurisdiction Thai-listed corporates are guided through <em>the practical implications of each regime<\/em> before the engagement letter locks the scope.<\/h3>\n      <p>Othello&#8217;s materiality methodology positions the lens decision explicitly at scoping rather than defaulting to single materiality. Multi-jurisdiction Thai-listed corporates are guided through the <strong>practical implications of each regime<\/strong> \u2014 including the substantive cost difference, the stakeholder engagement intensity difference, and the cross-framework alignment opportunity.<\/p>\n      <div class=\"lens-grid\" data-reveal-stagger>\n        <div class=\"lens-card\">\n          <div class=\"lc-label\">LENS 01 \u00b7 FINANCIAL MATERIALITY<\/div>\n          <h4>Single <em style=\"font-style:italic;color:var(--r);font-family:var(--d);font-weight:500\">materiality<\/em><\/h4>\n          <p>Impact of ESG issues on <strong>enterprise value, financial performance, and risk profile<\/strong>. Investor-anchored lens. The lens used by <strong>IFRS S1 \/ IFRS S2<\/strong> as set by the International Sustainability Standards Board (ISSB) under the IFRS Foundation. Default lens for many SET-listed corporates with primarily Thai institutional investor coverage.<\/p>\n          <div class=\"lc-frames\">\u2605 IFRS S1 \u00b7 IFRS S2 \u00b7 ISSB \u00b7 SASB legacy<\/div>\n        <\/div>\n        <div class=\"lens-card\">\n          <div class=\"lc-label\">LENS 02 \u00b7 IMPACT + FINANCIAL MATERIALITY<\/div>\n          <h4>Double <em style=\"font-style:italic;color:var(--r);font-family:var(--d);font-weight:500\">materiality<\/em><\/h4>\n          <p>Both <strong>impact on enterprise value<\/strong> AND <strong>impact of the organisation on people and environment<\/strong>. Required by CSRD. Two distinct stakeholder engagement workstreams. The lens used by <strong>GRI Universal Standards<\/strong> historically and now the regulatory lens under CSRD \/ ESRS for in-scope EU and EU-adjacent entities.<\/p>\n          <div class=\"lc-frames\">\u2605 CSRD \u00b7 ESRS \u00b7 GRI Universal \u00b7 EFRAG benchmarks<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* ============ RATING AGENCY 12-MONTH CALENDAR DIAGRAM ============ *\/\n.oth-process .cal-sec{padding:110px 0;background:var(--k);position:relative;border-top:1px solid var(--line);overflow:hidden}\n.oth-process .cal-sec::before{content:\"\";position:absolute;top:-100px;right:-15%;width:900px;height:900px;background:radial-gradient(circle,rgba(237,64,54,.06),transparent 70%);border-radius:50%;pointer-events:none}\n\n.oth-process .cal-wrap{background:linear-gradient(135deg,var(--k1) 0%,var(--k2) 100%);border:1px solid var(--line);padding:40px 36px;position:relative;overflow:auto;-webkit-overflow-scrolling:touch;z-index:2}\n.oth-process .cal-wrap::before{content:\"\";position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(180deg,var(--r) 0%,var(--gold) 100%)}\n.oth-process .cal-svg{display:block;width:100%;height:auto;min-width:920px;max-width:1240px;margin:0 auto}\n.oth-process .cal-svg text{font-family:var(--s)}\n.oth-process .cal-svg .ch{font-family:var(--m);font-size:11px;letter-spacing:1.4px;text-transform:uppercase;fill:var(--w2);font-weight:700}\n.oth-process .cal-svg .cmon{font-family:var(--m);font-size:10px;letter-spacing:1px;text-transform:uppercase;fill:var(--w1);font-weight:600}\n.oth-process .cal-svg .cag{font-family:var(--d);font-style:italic;font-size:13px;fill:var(--w);font-weight:600;letter-spacing:-.005em}\n.oth-process .cal-svg .ccat{font-family:var(--m);font-size:9px;letter-spacing:.7px;text-transform:uppercase;fill:var(--w3);font-weight:500}\n.oth-process .cal-svg .cphase{font-family:var(--m);font-size:9px;letter-spacing:.5px;fill:var(--w);font-weight:700}\n.oth-process .cal-svg .row-bg{fill:var(--k);stroke:var(--line);stroke-width:1}\n.oth-process .cal-svg .row-bg.alt{fill:var(--k1)}\n.oth-process .cal-svg .hdr-bg{fill:#1a1a1a;stroke:rgba(237,64,54,.4);stroke-width:1}\n.oth-process .cal-svg .month-div{stroke:var(--line);stroke-width:.5}\n.oth-process .cal-svg .phase-r1{fill:rgba(237,64,54,.10);stroke:rgba(237,64,54,.30);stroke-width:1}\n.oth-process .cal-svg .phase-r2{fill:rgba(237,64,54,.25);stroke:rgba(237,64,54,.50);stroke-width:1}\n.oth-process .cal-svg .phase-r3{fill:rgba(237,64,54,.45);stroke:var(--r);stroke-width:1}\n.oth-process .cal-svg .phase-r4{fill:var(--r);stroke:var(--r1);stroke-width:1}\n.oth-process .cal-svg .phase-gold{fill:rgba(212,175,55,.25);stroke:rgba(212,175,55,.6);stroke-width:1}\n\n.oth-process .cal-legend{display:flex;justify-content:center;gap:20px;margin-top:24px;flex-wrap:wrap;font-family:var(--m);font-size:10px;letter-spacing:.10em;text-transform:uppercase;color:var(--w2);font-weight:600}\n.oth-process .clr{display:flex;align-items:center;gap:8px}\n.oth-process .clr::before{content:\"\";width:14px;height:14px;border-radius:2px;display:inline-block}\n.oth-process .clr.r1::before{background:rgba(237,64,54,.10);border:1px solid rgba(237,64,54,.30)}\n.oth-process .clr.r2::before{background:rgba(237,64,54,.25);border:1px solid rgba(237,64,54,.50)}\n.oth-process .clr.r3::before{background:rgba(237,64,54,.45);border:1px solid var(--r)}\n.oth-process .clr.r4::before{background:var(--r);border:1px solid var(--r1)}\n.oth-process .clr.gold::before{background:rgba(212,175,55,.25);border:1px solid rgba(212,175,55,.6)}\n\n\/* ============ FTSE Russell Panel + Multi-Agency ============ *\/\n.oth-process .rating-sec{padding:110px 0;background:var(--k1);position:relative;border-top:1px solid var(--line);overflow:hidden}\n.oth-process .ratings-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:stretch;margin-bottom:0;position:relative;z-index:2}\n\n.oth-process .ftse-panel{background:linear-gradient(135deg,rgba(237,64,54,.10) 0%,var(--k3) 100%);border:1px solid rgba(237,64,54,.30);padding:40px 36px;position:relative;overflow:hidden;transition:all .5s var(--ease)}\n.oth-process .ftse-panel:hover{transform:translateY(-3px);box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 40px rgba(237,64,54,.12);border-color:rgba(237,64,54,.5)}\n.oth-process .ftse-panel::before{content:\"\";position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,var(--r) 0%,var(--gold) 100%)}\n.oth-process .ftse-panel::after{content:\"FTSE\";position:absolute;top:-30px;right:-15px;font-family:var(--d);font-style:italic;font-size:clamp(100px,13vw,200px);line-height:1;color:var(--r);opacity:.06;font-weight:600;pointer-events:none}\n.oth-process .ftse-panel .fp-label{font-family:var(--m);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--r);font-weight:700;margin-bottom:14px;position:relative;z-index:2}\n.oth-process .ftse-panel h3{font-family:var(--d);font-style:italic;font-size:24px;font-weight:600;color:var(--w);margin:0 0 16px;line-height:1.2;letter-spacing:-.01em;position:relative;z-index:2}\n.oth-process .ftse-panel h3 em{font-style:italic;color:var(--r);font-weight:500}\n.oth-process .ftse-panel p{font-size:14px;line-height:1.7;color:var(--w1);margin:0 0 14px;position:relative;z-index:2;max-width:78ch}\n.oth-process .ftse-panel p strong{color:var(--w);font-weight:600}\n.oth-process .ftse-panel p a{color:var(--r);text-decoration:none;border-bottom:1px solid rgba(237,64,54,.4)}\n\n.oth-process .ag-card{background:var(--k);border:1px solid var(--line);padding:32px 28px;display:flex;flex-direction:column;transition:all .5s var(--ease)}\n.oth-process .ag-card:hover{transform:translateY(-3px);box-shadow:0 24px 60px rgba(0,0,0,.5);border-color:rgba(237,64,54,.4)}\n.oth-process .ag-card .ag-label{font-family:var(--m);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--r);font-weight:700;margin-bottom:14px}\n.oth-process .ag-card h3{font-family:var(--d);font-style:italic;font-size:20px;font-weight:600;color:var(--w);margin:0 0 18px;line-height:1.2;letter-spacing:-.005em}\n.oth-process .ag-rows{display:grid;gap:8px}\n.oth-process .ag-row{background:var(--k1);border:1px solid var(--line);border-left:3px solid var(--r);padding:12px 16px;display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:center;transition:all .25s}\n.oth-process .ag-row:hover{background:var(--k3);transform:translateX(4px);border-left-width:5px}\n.oth-process .ag-row .ag-name{font-family:var(--d);font-style:italic;font-size:14px;font-weight:600;color:var(--w);letter-spacing:-.005em}\n.oth-process .ag-row .ag-meta{font-size:11.5px;color:var(--w1);line-height:1.45}\n.oth-process .ag-row .ag-meta b{color:var(--r);font-weight:600}\n\n.oth-process .ag-foot{margin-top:18px;padding:14px 18px;background:var(--k1);border:1px solid var(--line);border-left:3px solid var(--r);font-family:var(--m);font-size:11px;color:var(--w2);line-height:1.6;letter-spacing:.02em;transition:all .25s}\n.oth-process .ag-foot:hover{border-left-width:5px;background:var(--k2)}\n.oth-process .ag-foot b{color:var(--r);font-weight:700}\n\n@media (max-width:1024px){\n  .oth-process .ratings-grid{grid-template-columns:1fr;gap:18px}\n  .oth-process .ftse-panel,.oth-process .ag-card{padding:28px 22px}\n}\n@media (max-width:600px){\n  .oth-process .cal-wrap{padding:24px 18px}\n  .oth-process .ratings-grid{grid-template-columns:1fr}\n  .oth-process .ag-row{grid-template-columns:1fr;gap:4px}\n}\n<\/style>\n\n<!-- ============ NEW: RATING AGENCY 12-MONTH CALENDAR DIAGRAM ============ -->\n<section class=\"cal-sec\" id=\"rating-cycle\">\n  <div class=\"wrap\">\n    <div class=\"section-head\" data-reveal>\n      <div class=\"eyebrow\">\u2605 The Rating Agency 12-Month Calendar \u00b7 Diagram 02<\/div>\n      <h2 class=\"title\">Six rating agencies. <em>One twelve-month calendar.<\/em> Each on its own clock.<\/h2>\n      <p class=\"lead\">Rating-agency-facing engagement is a <strong>cyclical, time-bound discipline<\/strong> separate from the general 8-stage advisory engagement. <em>Each rating agency runs its own research cycle, submission window, and methodology version<\/em> \u2014 and <strong>missing the cut-off date for an annual reporting cycle means waiting twelve months<\/strong> for the next opportunity. Below: the full 12-month calendar showing how all six agencies overlap across the year.<\/p>\n    <\/div>\n\n    <div class=\"cal-wrap\" data-reveal>\n      <svg class=\"cal-svg\" viewBox=\"0 0 1200 540\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <!-- Header: month labels -->\n        <rect class=\"hdr-bg\" x=\"0\" y=\"0\" width=\"280\" height=\"42\"\/>\n        <text class=\"ch\" x=\"20\" y=\"27\">RATING AGENCY \u00b7 CYCLE<\/text>\n\n        <!-- 12 month columns -->\n        <g>\n          <rect class=\"hdr-bg\" x=\"280\" y=\"0\" width=\"76\" height=\"42\"\/><text class=\"cmon\" x=\"318\" y=\"27\" text-anchor=\"middle\">JAN<\/text>\n          <rect class=\"hdr-bg\" x=\"356\" y=\"0\" width=\"76\" height=\"42\"\/><text class=\"cmon\" x=\"394\" y=\"27\" text-anchor=\"middle\">FEB<\/text>\n          <rect class=\"hdr-bg\" x=\"432\" y=\"0\" width=\"76\" height=\"42\"\/><text class=\"cmon\" x=\"470\" y=\"27\" text-anchor=\"middle\">MAR<\/text>\n          <rect class=\"hdr-bg\" x=\"508\" y=\"0\" width=\"76\" height=\"42\"\/><text class=\"cmon\" x=\"546\" y=\"27\" text-anchor=\"middle\">APR<\/text>\n          <rect class=\"hdr-bg\" x=\"584\" y=\"0\" width=\"76\" height=\"42\"\/><text class=\"cmon\" x=\"622\" y=\"27\" text-anchor=\"middle\">MAY<\/text>\n          <rect class=\"hdr-bg\" x=\"660\" y=\"0\" width=\"76\" height=\"42\"\/><text class=\"cmon\" x=\"698\" y=\"27\" text-anchor=\"middle\">JUN<\/text>\n          <rect class=\"hdr-bg\" x=\"736\" y=\"0\" width=\"76\" height=\"42\"\/><text class=\"cmon\" x=\"774\" y=\"27\" text-anchor=\"middle\">JUL<\/text>\n          <rect class=\"hdr-bg\" x=\"812\" y=\"0\" width=\"76\" height=\"42\"\/><text class=\"cmon\" x=\"850\" y=\"27\" text-anchor=\"middle\">AUG<\/text>\n          <rect class=\"hdr-bg\" x=\"888\" y=\"0\" width=\"76\" height=\"42\"\/><text class=\"cmon\" x=\"926\" y=\"27\" text-anchor=\"middle\">SEP<\/text>\n          <rect class=\"hdr-bg\" x=\"964\" y=\"0\" width=\"76\" height=\"42\"\/><text class=\"cmon\" x=\"1002\" y=\"27\" text-anchor=\"middle\">OCT<\/text>\n          <rect class=\"hdr-bg\" x=\"1040\" y=\"0\" width=\"76\" height=\"42\"\/><text class=\"cmon\" x=\"1078\" y=\"27\" text-anchor=\"middle\">NOV<\/text>\n          <rect class=\"hdr-bg\" x=\"1116\" y=\"0\" width=\"76\" height=\"42\"\/><text class=\"cmon\" x=\"1154\" y=\"27\" text-anchor=\"middle\">DEC<\/text>\n        <\/g>\n\n        <!-- ROW 1: FTSE Russell -->\n        <rect class=\"row-bg\" x=\"0\" y=\"46\" width=\"280\" height=\"68\"\/>\n        <text class=\"cag\" x=\"20\" y=\"72\">FTSE Russell<\/text>\n        <text class=\"ccat\" x=\"20\" y=\"92\">Jun\u2013Mar annual cycle<\/text>\n        <text class=\"ccat\" x=\"20\" y=\"106\">14 Themes \u00b7 300+ indicators<\/text>\n        <!-- FTSE bars: SID review Oct-Nov, Data analysis Nov, Publish Dec, SID review Jan-Feb, Cut-off Mar -->\n        <rect class=\"phase-r2\" x=\"964\" y=\"56\" width=\"76\" height=\"48\"\/><text class=\"cphase\" x=\"1002\" y=\"84\" text-anchor=\"middle\">SID<\/text>\n        <rect class=\"phase-r3\" x=\"1040\" y=\"56\" width=\"76\" height=\"48\"\/><text class=\"cphase\" x=\"1078\" y=\"84\" text-anchor=\"middle\">ANALYSIS<\/text>\n        <rect class=\"phase-r4\" x=\"1116\" y=\"56\" width=\"76\" height=\"48\"\/><text class=\"cphase\" x=\"1154\" y=\"84\" text-anchor=\"middle\" fill=\"var(--w)\">PUBLISH<\/text>\n        <rect class=\"phase-r2\" x=\"280\" y=\"56\" width=\"76\" height=\"48\"\/><text class=\"cphase\" x=\"318\" y=\"84\" text-anchor=\"middle\">SID<\/text>\n        <rect class=\"phase-r2\" x=\"356\" y=\"56\" width=\"76\" height=\"48\"\/><text class=\"cphase\" x=\"394\" y=\"84\" text-anchor=\"middle\">SID<\/text>\n        <rect class=\"phase-r4\" x=\"432\" y=\"56\" width=\"76\" height=\"48\"\/><text class=\"cphase\" x=\"470\" y=\"84\" text-anchor=\"middle\" fill=\"var(--w)\">CUT-OFF<\/text>\n        <rect class=\"phase-r1\" x=\"660\" y=\"56\" width=\"76\" height=\"48\"\/><text class=\"cphase\" x=\"698\" y=\"84\" text-anchor=\"middle\">DATA<\/text>\n        <rect class=\"phase-r1\" x=\"736\" y=\"56\" width=\"76\" height=\"48\"\/><text class=\"cphase\" x=\"774\" y=\"84\" text-anchor=\"middle\">DATA<\/text>\n        <rect class=\"phase-r1\" x=\"812\" y=\"56\" width=\"76\" height=\"48\"\/><text class=\"cphase\" x=\"850\" y=\"84\" text-anchor=\"middle\">DATA<\/text>\n        <rect class=\"phase-r3\" x=\"888\" y=\"56\" width=\"76\" height=\"48\"\/><text class=\"cphase\" x=\"926\" y=\"84\" text-anchor=\"middle\">CUT-OFF<\/text>\n\n        <!-- ROW 2: S&P CSA \/ DJSI -->\n        <rect class=\"row-bg alt\" x=\"0\" y=\"118\" width=\"280\" height=\"68\"\/>\n        <text class=\"cag\" x=\"20\" y=\"144\">S&amp;P CSA \u00b7 DJSI<\/text>\n        <text class=\"ccat\" x=\"20\" y=\"164\">Apr\u2013Jul questionnaire<\/text>\n        <text class=\"ccat\" x=\"20\" y=\"178\">Sep DJSI index review<\/text>\n        <rect class=\"phase-r2\" x=\"508\" y=\"128\" width=\"76\" height=\"48\"\/><text class=\"cphase\" x=\"546\" y=\"156\" text-anchor=\"middle\">CSA<\/text>\n        <rect class=\"phase-r2\" x=\"584\" y=\"128\" width=\"76\" height=\"48\"\/><text class=\"cphase\" x=\"622\" y=\"156\" text-anchor=\"middle\">CSA<\/text>\n        <rect class=\"phase-r2\" x=\"660\" y=\"128\" width=\"76\" height=\"48\"\/><text class=\"cphase\" x=\"698\" y=\"156\" text-anchor=\"middle\">CSA<\/text>\n        <rect class=\"phase-r3\" x=\"736\" y=\"128\" width=\"76\" height=\"48\"\/><text class=\"cphase\" x=\"774\" y=\"156\" text-anchor=\"middle\">DEADLINE<\/text>\n        <rect class=\"phase-r4\" x=\"888\" y=\"128\" width=\"76\" height=\"48\"\/><text class=\"cphase\" x=\"926\" y=\"156\" text-anchor=\"middle\" fill=\"var(--w)\">DJSI<\/text>\n\n        <!-- ROW 3: MSCI -->\n        <rect class=\"row-bg\" x=\"0\" y=\"190\" width=\"280\" height=\"68\"\/>\n        <text class=\"cag\" x=\"20\" y=\"216\">MSCI ESG<\/text>\n        <text class=\"ccat\" x=\"20\" y=\"236\">Rolling \u00b7 quarterly updates<\/text>\n        <text class=\"ccat\" x=\"20\" y=\"250\">Key Issues + controversies<\/text>\n        <rect class=\"phase-r2\" x=\"432\" y=\"200\" width=\"76\" height=\"48\"\/><text class=\"cphase\" x=\"470\" y=\"228\" text-anchor=\"middle\">Q1<\/text>\n        <rect class=\"phase-r2\" x=\"660\" y=\"200\" width=\"76\" height=\"48\"\/><text class=\"cphase\" x=\"698\" y=\"228\" text-anchor=\"middle\">Q2<\/text>\n        <rect class=\"phase-r2\" x=\"888\" y=\"200\" width=\"76\" height=\"48\"\/><text class=\"cphase\" x=\"926\" y=\"228\" text-anchor=\"middle\">Q3<\/text>\n        <rect class=\"phase-r2\" x=\"1116\" y=\"200\" width=\"76\" height=\"48\"\/><text class=\"cphase\" x=\"1154\" y=\"228\" text-anchor=\"middle\">Q4<\/text>\n\n        <!-- ROW 4: Sustainalytics -->\n        <rect class=\"row-bg alt\" x=\"0\" y=\"262\" width=\"280\" height=\"68\"\/>\n        <text class=\"cag\" x=\"20\" y=\"288\">Sustainalytics<\/text>\n        <text class=\"ccat\" x=\"20\" y=\"308\">Continuous MEI updates<\/text>\n        <text class=\"ccat\" x=\"20\" y=\"322\">Morningstar Globes cross-linked<\/text>\n        <rect class=\"phase-r1\" x=\"280\" y=\"272\" width=\"912\" height=\"48\"\/>\n        <text class=\"cphase\" x=\"736\" y=\"300\" text-anchor=\"middle\">CONTINUOUS \u00b7 MATERIAL ESG ISSUE UPDATES YEAR-ROUND<\/text>\n\n        <!-- ROW 5: CDP -->\n        <rect class=\"row-bg\" x=\"0\" y=\"334\" width=\"280\" height=\"68\"\/>\n        <text class=\"cag\" x=\"20\" y=\"360\">CDP \u00b7 Climate<\/text>\n        <text class=\"ccat\" x=\"20\" y=\"380\">Apr opens \u00b7 Jul deadline<\/text>\n        <text class=\"ccat\" x=\"20\" y=\"394\">D\u2212 \u2192 A scoring scale<\/text>\n        <rect class=\"phase-r2\" x=\"508\" y=\"344\" width=\"76\" height=\"48\"\/><text class=\"cphase\" x=\"546\" y=\"372\" text-anchor=\"middle\">OPEN<\/text>\n        <rect class=\"phase-r2\" x=\"584\" y=\"344\" width=\"76\" height=\"48\"\/><text class=\"cphase\" x=\"622\" y=\"372\" text-anchor=\"middle\">CDP<\/text>\n        <rect class=\"phase-r2\" x=\"660\" y=\"344\" width=\"76\" height=\"48\"\/><text class=\"cphase\" x=\"698\" y=\"372\" text-anchor=\"middle\">CDP<\/text>\n        <rect class=\"phase-r3\" x=\"736\" y=\"344\" width=\"76\" height=\"48\"\/><text class=\"cphase\" x=\"774\" y=\"372\" text-anchor=\"middle\">DEADLINE<\/text>\n        <rect class=\"phase-r2\" x=\"964\" y=\"344\" width=\"76\" height=\"48\"\/><text class=\"cphase\" x=\"1002\" y=\"372\" text-anchor=\"middle\">SCORE<\/text>\n        <rect class=\"phase-r2\" x=\"1040\" y=\"344\" width=\"76\" height=\"48\"\/><text class=\"cphase\" x=\"1078\" y=\"372\" text-anchor=\"middle\">SCORE<\/text>\n        <rect class=\"phase-r4\" x=\"1116\" y=\"344\" width=\"76\" height=\"48\"\/><text class=\"cphase\" x=\"1154\" y=\"372\" text-anchor=\"middle\" fill=\"var(--w)\">PUBLISH<\/text>\n\n        <!-- ROW 6: SET ESG + CGR -->\n        <rect class=\"row-bg alt\" x=\"0\" y=\"406\" width=\"280\" height=\"68\"\/>\n        <text class=\"cag\" x=\"20\" y=\"432\">SET ESG \u00b7 CGR<\/text>\n        <text class=\"ccat\" x=\"20\" y=\"452\">Thai annual cycle<\/text>\n        <text class=\"ccat\" x=\"20\" y=\"466\">SET AAA\u2192C \u00b7 IOD 5-Star<\/text>\n        <rect class=\"phase-gold\" x=\"280\" y=\"416\" width=\"76\" height=\"48\"\/><text class=\"cphase\" x=\"318\" y=\"444\" text-anchor=\"middle\" fill=\"var(--gold)\">SUBMIT<\/text>\n        <rect class=\"phase-gold\" x=\"356\" y=\"416\" width=\"76\" height=\"48\"\/><text class=\"cphase\" x=\"394\" y=\"444\" text-anchor=\"middle\" fill=\"var(--gold)\">SUBMIT<\/text>\n        <rect class=\"phase-gold\" x=\"432\" y=\"416\" width=\"76\" height=\"48\"\/><text class=\"cphase\" x=\"470\" y=\"444\" text-anchor=\"middle\" fill=\"var(--gold)\">SUBMIT<\/text>\n        <rect class=\"phase-r2\" x=\"660\" y=\"416\" width=\"76\" height=\"48\"\/><text class=\"cphase\" x=\"698\" y=\"444\" text-anchor=\"middle\">REVIEW<\/text>\n        <rect class=\"phase-r2\" x=\"736\" y=\"416\" width=\"76\" height=\"48\"\/><text class=\"cphase\" x=\"774\" y=\"444\" text-anchor=\"middle\">REVIEW<\/text>\n        <rect class=\"phase-r2\" x=\"812\" y=\"416\" width=\"76\" height=\"48\"\/><text class=\"cphase\" x=\"850\" y=\"444\" text-anchor=\"middle\">REVIEW<\/text>\n        <rect class=\"phase-r4\" x=\"888\" y=\"416\" width=\"76\" height=\"48\"\/><text class=\"cphase\" x=\"926\" y=\"444\" text-anchor=\"middle\" fill=\"var(--w)\">SET ESG<\/text>\n        <rect class=\"phase-r4\" x=\"964\" y=\"416\" width=\"76\" height=\"48\"\/><text class=\"cphase\" x=\"1002\" y=\"444\" text-anchor=\"middle\" fill=\"var(--w)\">CGR<\/text>\n\n        <!-- Bottom helper note -->\n        <text class=\"ccat\" x=\"600\" y=\"510\" text-anchor=\"middle\">\u2605 THE 12-MONTH CALENDAR \u00b7 MULTI-AGENCY CROSS-WALK \u00b7 SAME DISCLOSURE CONTENT FEEDS ALL 6 CYCLES<\/text>\n      <\/svg>\n\n      <div class=\"cal-legend\">\n        <div class=\"clr r1\">Data collection<\/div>\n        <div class=\"clr r2\">Active engagement window<\/div>\n        <div class=\"clr r3\">Cut-off \/ Deadline<\/div>\n        <div class=\"clr r4\">Publication \/ Index release<\/div>\n        <div class=\"clr gold\">Thai annual cycle<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ FTSE Russell Panel + Multi-Agency ============ -->\n<section class=\"rating-sec\">\n  <div class=\"wrap\">\n    <div class=\"section-head\" data-reveal>\n      <div class=\"eyebrow\">Pillar 06 \u00b7 The Rating Agency Engagement Cycle<\/div>\n      <h2 class=\"title\">FTSE Russell. <em>The verifiable cross-anchor proof.<\/em><\/h2>\n      <p class=\"lead\">Othello&#8217;s rating-agency methodology is anchored by Kittichai&#8217;s verifiable cross-anchor proof: a <strong>SET-listed healthcare operator FTSE Russell ESG 4.0\/5.0 in 2025<\/strong> \u2014 independently verifiable through FTSE Russell&#8217;s published score data \u2014 plus sustained SET ESG &#8220;AA&#8221; rating 2024\u20132025 and Thai IOD 5-Star CGR 2025 on the same operator.<\/p>\n    <\/div>\n\n    <div class=\"ratings-grid\">\n\n      <div class=\"ftse-panel\" data-reveal>\n        <div class=\"fp-label\">\u2605 FTSE RUSSELL \u00b7 METHODOLOGY v1.1 \u00b7 AUG 2025<\/div>\n        <h3>FTSE Russell ESG: <em>June-to-March annual research cycle.<\/em><\/h3>\n        <p><strong>FTSE Russell&#8217;s ESG company research relies on publicly disclosed information only \u2014 no questionnaires sent to issuers<\/strong>. The methodology runs across 14 Themes within 3 Pillars (Environmental, Social, Governance), with <strong>300+ individual indicator assessments<\/strong> applied to each company&#8217;s unique circumstances. Each Theme assigned an Exposure level (High \/ Medium \/ Low \/ Negligible \/ N\/A) via rules-based methodology drawing on FTSE Industry Classification Benchmark (ICB) Subsector and revenue concentration.<\/p>\n        <p>The research cycle runs <strong>June to the following March<\/strong>. Index reviews use FTSE ESG data based on the company&#8217;s <strong>Annual Report and Sustainability Report or Integrated Report<\/strong>, published by the <strong>last business day of March<\/strong> (June review) and <strong>last business day of September<\/strong> (December review). Data Analysis runs October\u2013November (December review) and April\u2013May (June review). <strong>Companies have ~4 weeks via the web-based Sustainable Investment Data (SID) portal<\/strong> to review and provide feedback. Post-publication clarification available for up to 10 indicators per company.<\/p>\n        <p><strong>Othello&#8217;s FTSE Russell-facing workstream<\/strong> covers indicator-by-indicator gap analysis against the 14 Themes, public disclosure remediation (because FTSE Russell only uses public information \u2014 non-public data does not improve the score), SID portal feedback round preparation, and cross-walk coordination across DJSI \/ CSA, MSCI, CDP, Sustainalytics, and the Thai SET ESG + IOD CGR cycles where the same disclosure content feeds multiple rating-agency assessments.<\/p>\n      <\/div>\n\n      <div class=\"ag-card\" data-reveal>\n        <div class=\"ag-label\">\u2605 THE OTHER FIVE MAJOR CYCLES<\/div>\n        <h3>Each rating agency on its own clock.<\/h3>\n        <div class=\"ag-rows\">\n          <div class=\"ag-row\"><div class=\"ag-name\">S&amp;P CSA<\/div><div class=\"ag-meta\"><b>Apr\u2013Jul<\/b> CSA questionnaire \u00b7 <b>Sep<\/b> DJSI index review \u00b7 invited universe<\/div><\/div>\n          <div class=\"ag-row\"><div class=\"ag-name\">MSCI ESG<\/div><div class=\"ag-meta\">Rolling cycle \u00b7 <b>quarterly<\/b> updates \u00b7 Key Issues + controversies + ITR<\/div><\/div>\n          <div class=\"ag-row\"><div class=\"ag-name\">Sustainalytics<\/div><div class=\"ag-meta\">Rolling \u00b7 <b>continuous<\/b> Material ESG Issues \u00b7 Morningstar Globes cross-linked<\/div><\/div>\n          <div class=\"ag-row\"><div class=\"ag-name\">CDP<\/div><div class=\"ag-meta\"><b>Apr<\/b> opens \u00b7 <b>Jul<\/b> deadline \u00b7 <b>Q4<\/b> scoring \u00b7 D\u2212 \u2192 A \u00b7 Climate \u00b7 Water \u00b7 Forests<\/div><\/div>\n          <div class=\"ag-row\"><div class=\"ag-name\">FTSE Russell<\/div><div class=\"ag-meta\"><b>Jun\u2013Mar<\/b> annual cycle \u00b7 <b>Mar \/ Sep<\/b> cut-off \u00b7 14 Themes \u00b7 300+ indicators<\/div><\/div>\n          <div class=\"ag-row\"><div class=\"ag-name\">SET ESG \u00b7 CGR<\/div><div class=\"ag-meta\"><b>Annual<\/b> Thai cycle \u00b7 SET-listed \u00b7 AAA \u2192 C tiers \u00b7 IOD 5-Star CGR<\/div><\/div>\n        <\/div>\n        <div class=\"ag-foot\"><b>\u2605 CROSS-CYCLE COORDINATION \u00b7<\/b> Multi-rating-agency engagements coordinate disclosure content so same substantive material feeds the FTSE SID portal \u00b7 S&amp;P CSA questionnaire \u00b7 CDP submission \u00b7 MSCI \/ Sustainalytics analyst engagement \u00b7 SET ESG + CGR Thai annual cycles. Methodology runs on a <b>12-month calendar<\/b> with named specialist coordination across all six cycles.<\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* ============ QA \u00b7 3 dramatic hover cards ============ *\/\n.oth-process .qa-sec{padding:110px 0;background:var(--k);position:relative;border-top:1px solid var(--line);overflow:hidden}\n.oth-process .qa-sec::before{content:\"\";position:absolute;bottom:-200px;left:50%;width:1200px;height:600px;background:radial-gradient(ellipse,rgba(237,64,54,.08),transparent 70%);transform:translateX(-50%);pointer-events:none}\n\n.oth-process .qa-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:36px;position:relative;z-index:2}\n.oth-process .qa-card{background:var(--k1);border:1px solid var(--line);padding:32px 28px;position:relative;transition:all .45s var(--ease);display:flex;flex-direction:column;overflow:hidden;min-height:360px;cursor:default}\n.oth-process .qa-card::before{content:\"\";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(237,64,54,.16),transparent 70%);opacity:0;transition:opacity .45s var(--ease)}\n.oth-process .qa-card:hover::before{opacity:1}\n.oth-process .qa-card::after{content:\"\";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--r) 0%,var(--gold) 100%);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}\n.oth-process .qa-card:hover::after{transform:scaleX(1)}\n.oth-process .qa-card:hover{background:var(--k3);border-color:rgba(237,64,54,.5);transform:translateY(-8px);box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 30px rgba(237,64,54,.12)}\n.oth-process .qa-card .qc-icon{width:48px;height:48px;background:rgba(237,64,54,.10);border:1.5px solid rgba(237,64,54,.30);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--r);margin-bottom:18px;transition:all .35s var(--ease);position:relative;z-index:2}\n.oth-process .qa-card:hover .qc-icon{transform:rotate(-8deg) scale(1.1);background:rgba(237,64,54,.20);border-color:var(--r)}\n.oth-process .qa-card .qc-icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\n.oth-process .qa-card .qc-num{font-family:var(--m);font-size:10px;letter-spacing:.14em;color:var(--r);font-weight:700;margin-bottom:8px;position:relative;z-index:2}\n.oth-process .qa-card h4{font-family:var(--d);font-style:italic;font-size:20px;font-weight:600;color:var(--w);margin:0 0 10px;line-height:1.2;letter-spacing:-.01em;position:relative;z-index:2}\n.oth-process .qa-card h4 em{color:var(--r);font-style:italic;font-weight:500}\n.oth-process .qa-card p{font-size:13px;line-height:1.65;color:var(--w1);margin:0 0 12px;flex:0 0 auto;position:relative;z-index:2}\n.oth-process .qa-card p strong{color:var(--w);font-weight:600}\n.oth-process .qa-card ul{list-style:none;padding:0;margin:10px 0 0;position:relative;z-index:2;flex:1}\n.oth-process .qa-card ul li{font-size:12px;line-height:1.55;color:var(--w1);padding:6px 0 6px 18px;position:relative;border-bottom:1px dashed var(--line);transition:padding-left .2s}\n.oth-process .qa-card ul li:hover{padding-left:22px;color:var(--w)}\n.oth-process .qa-card ul li:last-child{border-bottom:0}\n.oth-process .qa-card ul li::before{content:\"\u2713\";position:absolute;left:0;color:var(--r);font-weight:700}\n.oth-process .qa-card ul li b{color:var(--w);font-weight:600}\n\n\/* Error taxonomy block *\/\n.oth-process .err-block{background:linear-gradient(135deg,rgba(237,64,54,.08) 0%,var(--k3) 100%);border:1px solid rgba(237,64,54,.30);padding:40px 40px;position:relative;overflow:hidden;transition:all .5s var(--ease)}\n.oth-process .err-block:hover{box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 60px rgba(237,64,54,.10);border-color:rgba(237,64,54,.5)}\n.oth-process .err-block::before{content:\"\";position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,var(--r) 0%,var(--gold) 100%)}\n.oth-process .err-block::after{content:\"QA\";position:absolute;top:-30px;right:-15px;font-family:var(--d);font-style:italic;font-size:clamp(120px,14vw,220px);line-height:1;color:var(--r);opacity:.06;font-weight:600;pointer-events:none}\n.oth-process .err-block .eb-eye{font-family:var(--m);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--r);font-weight:700;margin-bottom:14px;position:relative;z-index:2}\n.oth-process .err-block h3{font-family:var(--d);font-style:italic;font-size:24px;font-weight:500;color:var(--w);margin:0 0 16px;line-height:1.25;position:relative;z-index:2}\n.oth-process .err-block h3 em{color:var(--r);font-weight:600;font-style:italic}\n.oth-process .err-block p{font-size:14.5px;line-height:1.7;color:var(--w1);margin:0 0 18px;position:relative;z-index:2;max-width:80ch}\n.oth-process .err-block p strong{color:var(--w);font-weight:600}\n.oth-process .err-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;position:relative;z-index:2}\n.oth-process .err-cat{background:var(--k);border:1px solid var(--line);padding:14px 18px;display:grid;grid-template-columns:60px 1fr auto;gap:14px;align-items:center;transition:all .25s var(--ease)}\n.oth-process .err-cat:hover{border-color:rgba(237,64,54,.4);background:var(--k2);transform:translateX(4px)}\n.oth-process .err-cat .ec-num{font-family:var(--m);font-size:10.5px;color:var(--r);font-weight:700;letter-spacing:.08em}\n.oth-process .err-cat .ec-name{font-size:13px;color:var(--w);font-weight:500}\n.oth-process .err-cat .ec-name span{display:block;font-family:var(--m);font-size:10px;color:var(--w2);font-weight:400;margin-top:2px}\n.oth-process .err-cat .ec-tier{font-family:var(--m);font-size:9.5px;letter-spacing:.10em;text-transform:uppercase;padding:3px 8px;border-radius:2px;font-weight:700;white-space:nowrap}\n.oth-process .ec-critical{background:var(--r);color:var(--w)}\n.oth-process .ec-major{background:rgba(237,64,54,.25);color:var(--r1);border:1px solid rgba(237,64,54,.40)}\n.oth-process .ec-minor{background:rgba(255,255,255,.06);color:var(--w1);border:1px solid var(--line)}\n\n\/* ============ NDA gradient panel + commitments ============ *\/\n.oth-process .nda-sec{padding:110px 0;background:var(--k1);position:relative;border-top:1px solid var(--line);overflow:hidden}\n.oth-process .nda-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:stretch;margin-bottom:36px;position:relative;z-index:2}\n\n.oth-process .nda-panel{background:linear-gradient(135deg,rgba(237,64,54,.12) 0%,var(--k3) 100%);border:1px solid rgba(237,64,54,.30);padding:44px 40px;position:relative;overflow:hidden;transition:all .5s var(--ease)}\n.oth-process .nda-panel:hover{transform:translateY(-4px);box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 60px rgba(237,64,54,.12);border-color:rgba(237,64,54,.5)}\n.oth-process .nda-panel::before{content:\"\";position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,var(--r) 0%,var(--gold) 100%)}\n.oth-process .nda-panel::after{content:\"NDA\";position:absolute;top:-40px;right:-20px;font-family:var(--d);font-style:italic;font-size:clamp(140px,16vw,260px);line-height:1;color:var(--r);opacity:.07;font-weight:600;pointer-events:none}\n.oth-process .nda-stamp{display:inline-flex;align-items:center;gap:10px;padding:9px 16px;background:var(--r);color:var(--w);border-radius:4px;font-family:var(--m);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;margin-bottom:22px;position:relative;z-index:2;box-shadow:0 6px 20px rgba(237,64,54,.4)}\n.oth-process .nda-stamp::before{content:\"\u2605\"}\n.oth-process .nda-panel h3{font-family:var(--d);font-style:italic;font-size:clamp(24px,3vw,32px);font-weight:500;color:var(--w);margin:0 0 18px;line-height:1.2;letter-spacing:-.01em;position:relative;z-index:2}\n.oth-process .nda-panel h3 em{font-style:italic;color:var(--r);font-weight:600}\n.oth-process .nda-panel p{font-size:14.5px;line-height:1.7;color:var(--w1);margin:0 0 14px;position:relative;z-index:2;max-width:78ch}\n.oth-process .nda-panel p strong{color:var(--w);font-weight:600}\n.oth-process .nda-panel p a{color:var(--r);text-decoration:none;border-bottom:1px solid rgba(237,64,54,.4)}\n\n.oth-process .nda-infra{background:var(--k);border:1px solid var(--line);padding:40px 36px;display:flex;flex-direction:column;transition:all .5s var(--ease)}\n.oth-process .nda-infra:hover{transform:translateY(-3px);box-shadow:0 24px 60px rgba(0,0,0,.5);border-color:rgba(237,64,54,.4)}\n.oth-process .nda-infra .ni-label{font-family:var(--m);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--r);font-weight:700;margin-bottom:14px}\n.oth-process .nda-infra h3{font-family:var(--d);font-style:italic;font-size:22px;font-weight:600;color:var(--w);margin:0 0 18px;line-height:1.2;letter-spacing:-.01em}\n.oth-process .nda-infra h3 em{color:var(--r);font-style:italic;font-weight:500}\n.oth-process .nda-infra ul{list-style:none;padding:0;margin:0}\n.oth-process .nda-infra ul li{font-size:13px;line-height:1.55;color:var(--w1);padding:10px 0 10px 22px;position:relative;border-bottom:1px dashed var(--line);transition:padding-left .25s var(--ease)}\n.oth-process .nda-infra ul li:hover{padding-left:26px;color:var(--w)}\n.oth-process .nda-infra ul li:last-child{border-bottom:0}\n.oth-process .nda-infra ul li::before{content:\"\u2713\";position:absolute;left:0;color:var(--r);font-weight:700}\n.oth-process .nda-infra ul li b{color:var(--w);font-weight:600}\n\n\/* NDA commitments *\/\n.oth-process .nda-commits{background:var(--k);border:1px solid var(--line);padding:40px 40px;position:relative;z-index:2;transition:all .35s var(--ease)}\n.oth-process .nda-commits:hover{box-shadow:0 24px 60px rgba(0,0,0,.5);border-color:rgba(237,64,54,.4)}\n.oth-process .nda-commits .nc-label{font-family:var(--m);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--r);font-weight:700;margin-bottom:14px}\n.oth-process .nda-commits h3{font-family:var(--d);font-style:italic;font-size:24px;font-weight:600;color:var(--w);margin:0 0 22px;line-height:1.25;letter-spacing:-.01em}\n.oth-process .nda-commits .nc-rows{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}\n.oth-process .nda-commits .nc-row{background:var(--k1);border:1px solid var(--line);border-left:3px solid var(--r);padding:14px 18px;display:grid;grid-template-columns:36px 1fr;gap:14px;align-items:start;transition:all .25s var(--ease)}\n.oth-process .nda-commits .nc-row:hover{background:var(--k2);transform:translateX(4px);border-left-width:5px}\n.oth-process .nda-commits .nc-row .nc-num{font-family:var(--m);font-size:10px;color:var(--r);font-weight:700;letter-spacing:.08em;padding-top:3px}\n.oth-process .nda-commits .nc-row .nc-body{font-size:12.5px;line-height:1.6;color:var(--w1)}\n.oth-process .nda-commits .nc-row .nc-body b{color:var(--w);font-weight:600;font-family:var(--d);font-style:italic;font-size:13.5px;display:block;margin-bottom:3px;letter-spacing:-.005em}\n\n@media (max-width:1024px){\n  .oth-process .qa-grid{grid-template-columns:1fr;gap:14px}\n  .oth-process .err-categories{grid-template-columns:1fr}\n  .oth-process .nda-grid{grid-template-columns:1fr;gap:18px}\n  .oth-process .nda-commits .nc-rows{grid-template-columns:1fr}\n}\n@media (max-width:600px){\n  .oth-process .qa-card{padding:24px 22px;min-height:auto}\n  .oth-process .err-block{padding:28px 22px}\n  .oth-process .nda-panel,.oth-process .nda-infra,.oth-process .nda-commits{padding:28px 22px}\n}\n<\/style>\n\n<!-- ============ QA \u00b7 Pillar 03 ============ -->\n<section class=\"qa-sec\" id=\"qa\">\n  <div class=\"wrap\">\n    <div class=\"section-head\" data-reveal>\n      <div class=\"eyebrow\">Pillar 03 \u00b7 Quality Assurance \u00b7 Applies to Both Methodologies<\/div>\n      <h2 class=\"title\">Multi-layered QA. <em>ISO 17100 structural separation + categorised error remediation + KPI tracking.<\/em><\/h2>\n      <p class=\"lead\">ISO 17100 establishes the <strong>baseline TEP separation<\/strong> \u2014 but the substantive quality assurance methodology sits in three additional layers that wrap around the workflow. Together they produce <strong>audit-grade quality output<\/strong> \u2014 the operationally defensible deliverable that procurement teams reference in formal evaluation.<\/p>\n    <\/div>\n\n    <div class=\"qa-grid\" data-reveal-stagger>\n\n      <div class=\"qa-card\">\n        <div class=\"qc-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 11l3 3L22 4\"\/><path d=\"M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11\"\/><\/svg><\/div>\n        <div class=\"qc-num\">LAYER 01<\/div>\n        <h4>CAT-driven <em>QA filtering<\/em><\/h4>\n        <p>Automated segment-level QA checks run inside the CAT environment <strong>before the deliverable leaves the editing stage<\/strong>. Failures flagged for editorial remediation; clean passes logged into the evidence trail.<\/p>\n        <ul>\n          <li><b>Terminology consistency<\/b> \u00b7 termbase-anchored<\/li>\n          <li><b>Number \/ unit \/ currency<\/b> \u00b7 regex-matched<\/li>\n          <li><b>Format integrity<\/b> \u00b7 tag preservation<\/li>\n          <li><b>Forbidden term flags<\/b> \u00b7 client-specific<\/li>\n          <li><b>Length governance<\/b> \u00b7 regulatory limits<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"qa-card\">\n        <div class=\"qc-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg><\/div>\n        <div class=\"qc-num\">LAYER 02<\/div>\n        <h4>Categorised <em>error remediation<\/em><\/h4>\n        <p>Errors caught at editing, proofreading, or client-review stage are <strong>categorised against a defined error taxonomy<\/strong> with Critical \u00b7 Major \u00b7 Minor severity tiers. Critical errors trigger immediate escalation.<\/p>\n        <ul>\n          <li><b>Critical:<\/b> regulatory mistranslation \u00b7 numerical inversion<\/li>\n          <li><b>Major:<\/b> terminology inconsistency \u00b7 register error<\/li>\n          <li><b>Minor:<\/b> punctuation \u00b7 typography<\/li>\n          <li><b>Logged with rationale<\/b> \u00b7 feeds back into termbase<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"qa-card\">\n        <div class=\"qc-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 00-3-3.87\"\/><path d=\"M16 3.13a4 4 0 010 7.75\"\/><\/svg><\/div>\n        <div class=\"qc-num\">LAYER 03<\/div>\n        <h4>Client <em>review cycle &amp; KPI<\/em><\/h4>\n        <p>Structured post-delivery process with <strong>named reviewer-on-engagement<\/strong>, defined revision rounds, and post-delivery KPI tracking. Client feedback flows back into termbase updates.<\/p>\n        <ul>\n          <li><b>Named reviewer-on-engagement<\/b> \u00b7 accountability<\/li>\n          <li><b>Defined revision rounds<\/b> \u00b7 scope-locked<\/li>\n          <li><b>KPI:<\/b> on-time \u00b7 error rate \u00b7 revision count<\/li>\n          <li><b>Programmatic engagement reviews<\/b> \u00b7 annual<\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n\n    <!-- ERROR CATEGORY TAXONOMY -->\n    <div class=\"err-block\" data-reveal>\n      <div class=\"eb-eye\">\u2605 ERROR CATEGORY TAXONOMY \u00b7 SEVERITY-TIERED REMEDIATION<\/div>\n      <h3>Six error categories. <em>Three severity tiers.<\/em> One remediation methodology.<\/h3>\n      <p>The error taxonomy is operationally important because <strong>it lets editors, proofreaders, and clients converse about quality in shared technical vocabulary<\/strong> rather than impressionistic feedback. Every flagged item is logged with category, severity tier, source segment, remediated rendering, and rationale \u2014 and the log feeds back into the termbase and the linguist briefing for the next deliverable.<\/p>\n      <div class=\"err-categories\">\n        <div class=\"err-cat\"><div class=\"ec-num\">CAT 01<\/div><div class=\"ec-name\">Regulatory \/ Legal mistranslation<span>Statutory authority \u00b7 regulatory citation \u00b7 binding instrument<\/span><\/div><div class=\"ec-tier ec-critical\">Critical<\/div><\/div>\n        <div class=\"err-cat\"><div class=\"ec-num\">CAT 02<\/div><div class=\"ec-name\">Numerical inversion<span>Figure \u00b7 percentage \u00b7 currency \u00b7 date error<\/span><\/div><div class=\"ec-tier ec-critical\">Critical<\/div><\/div>\n        <div class=\"err-cat\"><div class=\"ec-num\">CAT 03<\/div><div class=\"ec-name\">Terminology inconsistency<span>Same source term \u00b7 different target renderings<\/span><\/div><div class=\"ec-tier ec-major\">Major<\/div><\/div>\n        <div class=\"err-cat\"><div class=\"ec-num\">CAT 04<\/div><div class=\"ec-name\">Stylistic register break<span>Formal\/informal \u00b7 technical\/lay \u00b7 audience mismatch<\/span><\/div><div class=\"ec-tier ec-major\">Major<\/div><\/div>\n        <div class=\"err-cat\"><div class=\"ec-num\">CAT 05<\/div><div class=\"ec-name\">Format \/ layout \/ typography<span>Spacing \u00b7 punctuation \u00b7 table integrity<\/span><\/div><div class=\"ec-tier ec-minor\">Minor<\/div><\/div>\n        <div class=\"err-cat\"><div class=\"ec-num\">CAT 06<\/div><div class=\"ec-name\">Stylistic improvement<span>Optimised rendering \u00b7 client preference<\/span><\/div><div class=\"ec-tier ec-minor\">Minor<\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ NDA \u00b7 Pillar 04 ============ -->\n<section class=\"nda-sec\" id=\"nda\">\n  <div class=\"wrap\">\n    <div class=\"section-head\" data-reveal>\n      <div class=\"eyebrow\">Pillar 04 \u00b7 NDA &amp; Confidentiality \u00b7 Applies to Both Methodologies<\/div>\n      <h2 class=\"title\">Mutual NDA on day one. <em>GDPR + PDPA compliant. Zero outsourcing. Zero LLM retention.<\/em><\/h2>\n      <p class=\"lead\">Confidentiality is not a commercial commitment that gets bolted onto an engagement \u2014 it is a <strong>structural feature of how Othello operates as a firm<\/strong>. The methodology was set against US government translation procurement requirements at the firm&#8217;s founding in 2020, and still governs every engagement today across Big Law, SET-listed corporates, the UN system, multilateral institutions, and the ESG advisory practice.<\/p>\n    <\/div>\n\n    <div class=\"nda-grid\">\n\n      <div class=\"nda-panel\" data-reveal>\n        <div class=\"nda-stamp\">NDA-FROM-FIRST-EMAIL \u00b7 USG-ORIGIN COMMERCIAL STANDARD<\/div>\n        <h3>The structural commercial commitment: <em>nothing crosses without mutual NDA in place.<\/em><\/h3>\n        <p>Three substantive commitments. <strong>(1) Mutual NDA before source material crosses.<\/strong> Default Othello NDA template available on request; client templates reviewed and signed within one business day if standard terms apply. NDA is signed at <strong>first email \u2014 not at engagement scoping, not at RFP response, not at sample delivery<\/strong>.<\/p>\n        <p><strong>(2) Confidentiality covers the entire engagement lifecycle.<\/strong> Scoping conversations, source review, deliverable drafting, post-delivery, and reference disclosure are all covered. References for procurement evaluation are available <em>under mutual NDA at procurement stage<\/em> \u2014 not publicly listed on the website.<\/p>\n        <p><strong>(3) The bench is 100% in-house.<\/strong> No source material is shared with external freelancers, no outsourcing to overseas vendors, no submission to consumer LLM endpoints that retain source data. Translation Memory and termbase assets are stored on Othello-controlled infrastructure with GDPR + PDPA compliant data handling. The named bench is the bench \u2014 <a href=\"\/our-team\/\">documented on Our Team<\/a> with verifiable credentials.<\/p>\n      <\/div>\n\n      <div class=\"nda-infra\" data-reveal>\n        <div class=\"ni-label\">\u2605 INFRASTRUCTURE STACK<\/div>\n        <h3>GDPR + PDPA. <em>Othello-controlled.<\/em><\/h3>\n        <ul>\n          <li><b>Othello-controlled storage<\/b> \u00b7 no cloud LLM retention<\/li>\n          <li><b>GDPR-compliant<\/b> \u00b7 EU Regulation 2016\/679 \u00b7 SCC cross-border<\/li>\n          <li><b>PDPA-compliant<\/b> \u00b7 Thailand B.E. 2562 \u00b7 effective June 2022<\/li>\n          <li><b>Designated DPO contact<\/b> \u00b7 operational at firm level<\/li>\n          <li><b>Audit-grade evidence trail<\/b> \u00b7 ISO 17100 lineage preserved<\/li>\n          <li><b>Defined retention periods<\/b> \u00b7 secure deletion programmatic<\/li>\n          <li><b>72-hour breach notification<\/b> \u00b7 GDPR-aligned<\/li>\n          <li><b>Data subject rights workflow<\/b> \u00b7 all six rights<\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n\n    <!-- NDA STRUCTURAL COMMITMENTS -->\n    <div class=\"nda-commits\" data-reveal>\n      <div class=\"nc-label\">\u2605 NDA-FROM-FIRST-EMAIL \u00b7 OPERATIONAL COMMITMENTS<\/div>\n      <h3>What the NDA-first standard actually covers<\/h3>\n      <div class=\"nc-rows\">\n        <div class=\"nc-row\">\n          <div class=\"nc-num\">01<\/div>\n          <div class=\"nc-body\"><b>Scoping conversation<\/b>Mutual NDA signed before any client source material is reviewed. 30-minute scoping call covers engagement substance, timeline, and confidentiality requirements \u2014 under NDA throughout.<\/div>\n        <\/div>\n        <div class=\"nc-row\">\n          <div class=\"nc-num\">02<\/div>\n          <div class=\"nc-body\"><b>Source material exchange<\/b>Source material crosses only after NDA in place. Default Othello template available; client templates reviewed and signed within one business day if standard terms apply.<\/div>\n        <\/div>\n        <div class=\"nc-row\">\n          <div class=\"nc-num\">03<\/div>\n          <div class=\"nc-body\"><b>RFP response under NDA<\/b>Formal RFP processes responded to under mutual NDA \u2014 methodology, named bench credentials, capacity allocation, pricing structure all delivered under NDA.<\/div>\n        <\/div>\n        <div class=\"nc-row\">\n          <div class=\"nc-num\">04<\/div>\n          <div class=\"nc-body\"><b>Engagement letter scope-lock<\/b>Specific bench specialists named in engagement letter. No specialist substitution mid-engagement without client written notification. Audit-grade evidence trail across every TEP stage.<\/div>\n        <\/div>\n        <div class=\"nc-row\">\n          <div class=\"nc-num\">05<\/div>\n          <div class=\"nc-body\"><b>Post-delivery confidentiality<\/b>Engagement materials retained on Othello-controlled infrastructure for the agreed retention period \u00b7 client-specific termbase + TM segments either segregated or anonymised per client preference.<\/div>\n        <\/div>\n        <div class=\"nc-row\">\n          <div class=\"nc-num\">06<\/div>\n          <div class=\"nc-body\"><b>Reference disclosure under NDA<\/b>Specific Othello-supported engagements not disclosed publicly without explicit client written authorisation. References for procurement evaluation provided under mutual NDA at procurement stage.<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* ============ ENGAGEMENT PATH \u00b7 interactive timeline ============ *\/\n.oth-process .eng-sec{padding:110px 0;background:var(--k);position:relative;border-top:1px solid var(--line);overflow:hidden}\n.oth-process .eng-sec::before{content:\"\";position:absolute;top:20%;left:-15%;width:700px;height:700px;background:radial-gradient(circle,rgba(237,64,54,.06),transparent 70%);border-radius:50%;pointer-events:none;animation:op-orbit 30s linear infinite reverse}\n\n.oth-process .eng-flow{position:relative;padding:24px 0;max-width:980px}\n.oth-process .eng-line{position:absolute;left:38px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent 0%,var(--r) 8%,var(--gold) 50%,var(--r) 92%,transparent 100%)}\n.oth-process .eng-item{position:relative;padding-left:108px;padding-bottom:24px}\n.oth-process .eng-item:last-child{padding-bottom:0}\n.oth-process .eng-dot{position:absolute;left:25px;top:12px;width:28px;height:28px;background:var(--k);border:3px solid var(--r);border-radius:50%;z-index:2;display:flex;align-items:center;justify-content:center;font-family:var(--m);font-size:10px;font-weight:700;color:var(--r);transition:all .35s var(--ease)}\n.oth-process .eng-item:hover .eng-dot{background:var(--r);color:var(--w);transform:scale(1.15);box-shadow:0 0 20px rgba(237,64,54,.5)}\n.oth-process .eng-card{background:var(--k2);border:1px solid var(--line);padding:24px 28px;position:relative;transition:all .35s var(--ease);overflow:hidden}\n.oth-process .eng-card::before{content:\"\";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--r) 0%,var(--gold) 100%);transform:scaleY(0);transform-origin:top;transition:transform .35s var(--ease)}\n.oth-process .eng-card:hover::before{transform:scaleY(1)}\n.oth-process .eng-card::after{content:\"\";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle at 100% 0%,rgba(237,64,54,.10),transparent 70%);opacity:0;transition:opacity .35s;pointer-events:none}\n.oth-process .eng-card:hover::after{opacity:1}\n.oth-process .eng-card:hover{background:var(--k3);transform:translateX(8px);border-color:rgba(237,64,54,.4);box-shadow:0 16px 40px rgba(0,0,0,.4)}\n.oth-process .eng-card .ec-time{font-family:var(--m);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--r);font-weight:700;margin-bottom:6px;position:relative;z-index:2}\n.oth-process .eng-card h4{font-family:var(--d);font-style:italic;font-size:20px;font-weight:600;color:var(--w);margin:0 0 8px;line-height:1.2;letter-spacing:-.005em;position:relative;z-index:2}\n.oth-process .eng-card h4 em{color:var(--r);font-style:italic;font-weight:500}\n.oth-process .eng-card p{font-size:13.5px;line-height:1.65;color:var(--w1);margin:0;position:relative;z-index:2}\n.oth-process .eng-card p strong{color:var(--w);font-weight:600}\n.oth-process .eng-card p a{color:var(--r);text-decoration:none;border-bottom:1px solid rgba(237,64,54,.4)}\n\n\/* ============ RFP block \u00b7 8-row matrix ============ *\/\n.oth-process .rfp-sec{padding:110px 0;background:var(--k1);position:relative;border-top:1px solid var(--line);overflow:hidden}\n.oth-process .rfp-block{background:linear-gradient(135deg,var(--k) 0%,var(--k2) 100%);border:2px solid var(--r);padding:56px 48px;position:relative;overflow:hidden;transition:all .5s var(--ease)}\n.oth-process .rfp-block:hover{transform:translateY(-3px);box-shadow:0 40px 100px rgba(0,0,0,.6),0 0 60px rgba(237,64,54,.18)}\n.oth-process .rfp-block::before{content:\"PROCESS\";position:absolute;top:-40px;right:-20px;font-family:var(--d);font-style:italic;font-size:clamp(140px,17vw,300px);line-height:1;color:var(--r);opacity:.06;font-weight:600;pointer-events:none}\n.oth-process .rfp-block::after{content:\"\";position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,var(--r) 0%,var(--gold) 100%)}\n.oth-process .rfp-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:start;position:relative;z-index:2}\n.oth-process .rfp-left .eyebrow{margin-bottom:18px}\n.oth-process .rfp-left h2{font-size:clamp(28px,3.6vw,42px);line-height:1.1;font-weight:700;letter-spacing:-.025em;margin:0 0 18px;color:var(--w)}\n.oth-process .rfp-left h2 em{font-family:var(--d);font-style:italic;font-weight:500;color:var(--r)}\n.oth-process .rfp-left p{font-size:14.5px;line-height:1.7;color:var(--w1);margin:0 0 14px}\n.oth-process .rfp-left p strong{color:var(--w);font-weight:600}\n.oth-process .rfp-left p a{color:var(--r);text-decoration:none;border-bottom:1px solid rgba(237,64,54,.4)}\n.oth-process .rfp-matrix{display:grid;gap:8px}\n.oth-process .rfp-row{background:var(--k1);border:1px solid var(--line);padding:14px 20px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;transition:all .3s var(--ease)}\n.oth-process .rfp-row:hover{border-color:rgba(237,64,54,.4);background:var(--k3);transform:translateX(6px)}\n.oth-process .rfp-row .num{font-family:var(--m);font-size:11px;font-weight:700;color:var(--r);min-width:22px;letter-spacing:.08em}\n.oth-process .rfp-row .req{font-size:13.5px;color:var(--w);font-weight:500}\n.oth-process .rfp-row .req span{display:block;font-family:var(--m);font-size:10.5px;color:var(--w2);font-weight:400;margin-top:3px;letter-spacing:.02em}\n.oth-process .rfp-row .met{font-family:var(--m);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--g);background:rgba(74,222,128,.10);border:1px solid rgba(74,222,128,.35);padding:5px 11px;border-radius:100px;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}\n.oth-process .rfp-row .met::before{content:\"\u2713\";font-weight:700}\n\n@media (max-width:1024px){\n  .oth-process .rfp-grid{grid-template-columns:1fr;gap:32px}\n  .oth-process .rfp-block{padding:36px 28px}\n  .oth-process .eng-line{left:28px}\n  .oth-process .eng-item{padding-left:84px}\n  .oth-process .eng-dot{left:14px}\n}\n@media (max-width:600px){\n  .oth-process .rfp-block{padding:28px 22px}\n  .oth-process .eng-line{left:18px}\n  .oth-process .eng-item{padding-left:60px;padding-bottom:18px}\n  .oth-process .eng-dot{left:5px;width:24px;height:24px;font-size:9px}\n  .oth-process .eng-card{padding:18px 20px}\n}\n<\/style>\n\n<!-- ============ ENGAGEMENT PATH \u00b7 timeline ============ -->\n<section class=\"eng-sec\" id=\"engagement\">\n  <div class=\"wrap\">\n    <div class=\"section-head\" data-reveal>\n      <div class=\"eyebrow\">From First Contact to Work Beginning<\/div>\n      <h2 class=\"title\">The engagement path. <em>Five steps. Three to ten business days. NDA-first throughout.<\/em><\/h2>\n      <p class=\"lead\">The substantive engagement path from first contact through work-beginning runs five defined steps. Standard timeline is <strong>three to ten business days<\/strong> depending on scope complexity. For formal RFP processes, standard response is <strong>three to five business days<\/strong> covering methodology approach, named bench credentials, capacity allocation, pricing structure, related-methodology track record, and integration with adjacent practice areas \u2014 all under mutual NDA.<\/p>\n    <\/div>\n\n    <div class=\"eng-flow\" data-reveal-stagger>\n      <div class=\"eng-line\"><\/div>\n\n      <div class=\"eng-item\">\n        <div class=\"eng-dot\">01<\/div>\n        <div class=\"eng-card\">\n          <div class=\"ec-time\">FIRST CONTACT \u00b7 BUSINESS DAY 0<\/div>\n          <h4>Scoping <em>outreach<\/em><\/h4>\n          <p>First contact via <a href=\"mailto:info@othelloshop.com\">info@othelloshop.com<\/a>, <a href=\"tel:+6628592145\">+66 02-859-2145<\/a>, or the contact form. Sets up a <strong>30-minute scoping call<\/strong> to understand engagement substance, timeline, and confidentiality requirements. Conducted in English or Thai per client preference.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"eng-item\">\n        <div class=\"eng-dot\">02<\/div>\n        <div class=\"eng-card\">\n          <div class=\"ec-time\">DAY 1 \u00b7 MUTUAL NDA<\/div>\n          <h4>Mutual NDA <em>signed before source crosses<\/em><\/h4>\n          <p>Default Othello NDA template available on request. <strong>Client templates reviewed and signed within one business day if standard terms apply<\/strong>. NDA covers scoping conversation, source review, deliverable drafting, post-delivery, and reference disclosure \u2014 the full engagement lifecycle.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"eng-item\">\n        <div class=\"eng-dot\">03<\/div>\n        <div class=\"eng-card\">\n          <div class=\"ec-time\">DAYS 1\u20133 \u00b7 SOURCE EXCHANGE<\/div>\n          <h4>Scope brief + <em>source material under NDA<\/em><\/h4>\n          <p>Source material exchanged on Othello-controlled infrastructure under NDA. <strong>Methodology approach identified, named bench specialists matched to substantive scope, engagement structure proposed<\/strong>. For ESG advisory engagements, the methodology-credentialed bench reviews source material to identify the specific specialists for the engagement letter.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"eng-item\">\n        <div class=\"eng-dot\">04<\/div>\n        <div class=\"eng-card\">\n          <div class=\"ec-time\">BUSINESS HOUR 1 \u00b7 POST-NDA<\/div>\n          <h4>Quote delivered <em>within one business hour<\/em><\/h4>\n          <p>Following source material + signed NDA receipt, <strong>quote delivered within one business hour during Bangkok business hours<\/strong>. Fixed-fee structure for translation deliverables; tier-priced structure for ESG advisory engagements (<a href=\"\/how-we-quote\/\">see How We Quote<\/a>). Scope locked at quote acceptance; timeline committed at engagement letter signing.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"eng-item\">\n        <div class=\"eng-dot\">05<\/div>\n        <div class=\"eng-card\">\n          <div class=\"ec-time\">ENGAGEMENT LETTER \u00b7 WORK BEGINS<\/div>\n          <h4>Engagement letter signed \u00b7 <em>TEP workflow initiated<\/em><\/h4>\n          <p>Engagement letter names the <strong>specific bench specialists assigned to the engagement<\/strong> \u2014 with no specialist substitution mid-engagement without client written notification. <strong>ISO 17100 TEP workflow initiated<\/strong> with audit-grade evidence trail across every stage. Client review cycle, revision rounds, and KPI tracking commitments documented in the engagement letter at signing.<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ RFP BLOCK \u00b7 8-row matrix ============ -->\n<section class=\"rfp-sec\" id=\"rfp\">\n  <div class=\"wrap\">\n    <div class=\"rfp-block\" data-reveal>\n      <div class=\"rfp-grid\">\n        <div class=\"rfp-left\">\n          <div class=\"eyebrow\">For Procurement Teams<\/div>\n          <h2>Running an RFP <em>for institutional-grade translation or advisory?<\/em><\/h2>\n          <p>Othello is built for institutional procurement. <strong>Every standard methodology requirement is met<\/strong>: ISO 17100:2015 translation services discipline, named-bench-on-engagement-letter standard, audit-grade evidence trail, mutual NDA from first email, GDPR + PDPA compliance, in-house specialist bench with zero outsourcing, and the founding-era US government procurement-grade discipline.<\/p>\n          <p>Standard RFP response is <strong>three to five business days<\/strong>. Quote turnaround on engagement scoping is <strong>one business hour<\/strong> following NDA + scope brief receipt. The methodology documentation runs across this page, the <a href=\"\/our-team\/\">Our Team<\/a> bench page, and the <a href=\"\/how-we-quote\/\">How We Quote<\/a> pricing methodology \u2014 together they form the institutional procurement package.<\/p>\n          <div style=\"margin-top:28px\">\n            <a href=\"\/contact\/\" class=\"btn btn-primary\">Request Proposal<\/a>\n          <\/div>\n        <\/div>\n        <div class=\"rfp-matrix\" data-reveal-stagger>\n          <div class=\"rfp-row\"><div class=\"num\">01<\/div><div class=\"req\">ISO 17100:2015 TEP discipline<span>Translator \u2260 Editor \u00b7 Three-stage separation \u00b7 audit-grade trail<\/span><\/div><div class=\"met\">Met<\/div><\/div>\n          <div class=\"rfp-row\"><div class=\"num\">02<\/div><div class=\"req\">CAT + TM architecture<span>Trados \u00b7 memoQ \u00b7 6-year termbase \u00b7 TM leverage discount<\/span><\/div><div class=\"met\">Met<\/div><\/div>\n          <div class=\"rfp-row\"><div class=\"num\">03<\/div><div class=\"req\">Multi-layered QA<span>CAT filtering \u00b7 error categorisation \u00b7 KPI tracking<\/span><\/div><div class=\"met\">Met<\/div><\/div>\n          <div class=\"rfp-row\"><div class=\"num\">04<\/div><div class=\"req\">Mutual NDA from first email<span>Scoping \u00b7 RFP \u00b7 source \u00b7 post-delivery \u00b7 reference disclosure<\/span><\/div><div class=\"met\">Met<\/div><\/div>\n          <div class=\"rfp-row\"><div class=\"num\">05<\/div><div class=\"req\">GDPR + PDPA compliant<span>EU + Thai data protection \u00b7 SCC cross-border mechanisms<\/span><\/div><div class=\"met\">Met<\/div><\/div>\n          <div class=\"rfp-row\"><div class=\"num\">06<\/div><div class=\"req\">100% in-house \u00b7 no LLM retention<span>No freelance \u00b7 no overseas vendor \u00b7 no consumer LLM endpoints<\/span><\/div><div class=\"met\">Met<\/div><\/div>\n          <div class=\"rfp-row\"><div class=\"num\">07<\/div><div class=\"req\">Named bench on engagement letter<span>Scope-matched specialists \u00b7 no substitution mid-engagement<\/span><\/div><div class=\"met\">Met<\/div><\/div>\n          <div class=\"rfp-row\"><div class=\"num\">08<\/div><div class=\"req\">USG-origin procurement-grade<span>Founded 2020 against FAR-grade contractor standards<\/span><\/div><div class=\"met\">Met<\/div><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* ============ FAQ ACCORDION \u00b7 v12 style ============ *\/\n.oth-process .faq-sec{padding:110px 0;background:var(--k);position:relative;border-top:1px solid var(--line);overflow:hidden}\n.oth-process .faqs{max-width:920px;margin:0 auto}\n.oth-process .faq{border:1px solid var(--line);background:var(--k2);margin-bottom:10px;border-radius:6px;overflow:hidden;transition:all .35s var(--ease);position:relative}\n.oth-process .faq::before{content:\"\";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--r) 0%,var(--gold) 100%);transform:scaleY(0);transform-origin:top;transition:transform .35s var(--ease)}\n.oth-process .faq[open]::before{transform:scaleY(1)}\n.oth-process .faq[open]{border-color:rgba(237,64,54,.4);background:var(--k3);box-shadow:0 12px 30px rgba(0,0,0,.4)}\n.oth-process .faq summary{list-style:none;cursor:pointer;padding:22px 28px;display:grid;grid-template-columns:64px minmax(0,1fr) 32px;gap:18px;align-items:center;font-size:15.5px;font-weight:600;color:var(--w);transition:background .25s}\n.oth-process .faq summary::-webkit-details-marker{display:none}\n.oth-process .faq summary:hover{background:rgba(255,255,255,.02)}\n.oth-process .faq-num{font-family:var(--m);font-size:11px;font-weight:700;letter-spacing:.10em;color:var(--r)}\n.oth-process .faq-icon{width:30px;height:30px;border:2px solid var(--r);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:var(--r);transition:all .35s var(--ease)}\n.oth-process .faq[open] .faq-icon{background:var(--r);color:var(--w);transform:rotate(45deg)}\n.oth-process .faq-body{padding:0 28px 26px 110px}\n.oth-process .faq-body p{font-size:14.5px;line-height:1.75;color:var(--w1);margin:0 0 12px}\n.oth-process .faq-body p:last-child{margin-bottom:0}\n.oth-process .faq-body p strong{color:var(--w);font-weight:600}\n.oth-process .faq-body p em{font-family:var(--d);font-style:italic;color:var(--r);font-weight:500}\n.oth-process .faq-body a{color:var(--r);text-decoration:none;border-bottom:1px solid rgba(237,64,54,.4)}\n\n\/* ============ FINAL CTA \u00b7 shimmer ============ *\/\n.oth-process .cta-sec{background:radial-gradient(ellipse 1000px 700px at 50% 0%,rgba(237,64,54,.22),transparent 60%),radial-gradient(ellipse 800px 500px at 50% 100%,rgba(212,175,55,.10),transparent 60%),var(--k);padding:130px 0;text-align:center;position:relative;overflow:hidden;border-top:1px solid var(--line)}\n.oth-process .cta-sec::before{content:\"\";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;pointer-events:none;mask-image:radial-gradient(ellipse 1200px 700px at 50% 50%,black,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 1200px 700px at 50% 50%,black,transparent 75%)}\n.oth-process .cta-content{position:relative;z-index:2;max-width:920px;margin:0 auto;padding:0 32px}\n.oth-process .cta-content h2{font-size:clamp(34px,5.2vw,64px);line-height:1.04;font-weight:700;letter-spacing:-.03em;color:var(--w);margin:0 auto 24px;max-width:22ch}\n.oth-process .cta-content h2 em{font-family:var(--d);font-style:italic;font-weight:500;color:var(--r);background:linear-gradient(90deg,var(--r) 0%,var(--r1) 30%,var(--gold) 50%,var(--r1) 70%,var(--r) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:op-shimmer 6s linear infinite}\n.oth-process .cta-content p{font-size:16.5px;line-height:1.7;color:var(--w1);max-width:74ch;margin:0 auto 44px}\n.oth-process .cta-content p strong{color:var(--w);font-weight:600}\n.oth-process .cta-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.oth-process .cta-note{margin-top:36px;font-family:var(--m);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--w2);line-height:1.8}\n.oth-process .cta-note b{color:var(--r);font-weight:700}\n.oth-process .cta-note a{color:inherit;text-decoration:none;transition:color .2s}\n.oth-process .cta-note a:hover{color:var(--w)}\n.oth-process .cta-note .sep{color:var(--r)}\n\n.oth-process .endline{padding:32px 0;text-align:center;font-family:var(--m);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--w2);background:var(--k);border-top:1px solid var(--line)}\n.oth-process .endline .r{color:var(--r)}\n\n@media (max-width:600px){\n  .oth-process .faq summary{padding:18px 22px;gap:12px;grid-template-columns:48px 1fr 26px;font-size:14px}\n  .oth-process .faq-body{padding:0 22px 22px 82px}\n  .oth-process .cta-sec{padding:72px 0}\n}\n<\/style>\n\n<!-- ============ FAQ ============ -->\n<section class=\"faq-sec\" id=\"faqs\">\n  <div class=\"wrap\">\n    <div class=\"section-head center\" data-reveal>\n      <div class=\"eyebrow\">Common Questions<\/div>\n      <h2 class=\"title\">What procurement teams <em>verify about the methodology.<\/em><\/h2>\n    <\/div>\n    <div class=\"faqs\">\n\n      <details class=\"faq\" data-reveal><summary><span class=\"faq-num\">Q.01<\/span><span>What exactly is the ISO 17100:2015 TEP workflow \u2014 and why does separation matter?<\/span><span class=\"faq-icon\">+<\/span><\/summary><div class=\"faq-body\"><p>ISO 17100:2015 is the international standard for translation services. It specifies the substantive translation workflow, linguist competencies, terminology management, technology infrastructure, and engagement process required of a translation service provider. The <strong>TEP workflow \u2014 Translation, Editing, Proofreading<\/strong> \u2014 runs as three distinct stages with structural separation: <strong>the editor is never the translator<\/strong>, and on regulatory-grade or assurance-grade deliverables, <strong>the proofreader is never the editor<\/strong>.<\/p><p>The separation rests on a structural insight: a translator and an editor produce qualitatively different error profiles. A translator working under deadline against a complex source will sometimes carry forward a misreading or a terminology inconsistency that they themselves cannot see at the moment of drafting. A separated editor reviewing the same text against the source \u2014 with fresh eyes and editorial distance \u2014 catches those errors at materially higher rates than self-review. <em>This is why every Big Law procurement specification and every US government translation contract requires the separation<\/em>, and why Othello does not deviate from it regardless of timeline pressure or scope size.<\/p><\/div><\/details>\n\n      <details class=\"faq\" data-reveal><summary><span class=\"faq-num\">Q.02<\/span><span>What CAT tools does the firm use \u2014 and how does Translation Memory actually work?<\/span><span class=\"faq-icon\">+<\/span><\/summary><div class=\"faq-body\"><p>The firm&#8217;s editorial bench runs on the industry-standard CAT (Computer-Assisted Translation) stack: <strong>SDL Trados Studio<\/strong> as the primary CAT environment, <strong>memoQ<\/strong> as a secondary environment for cross-vendor compatibility and TM portability, and <strong>Subtitle Edit<\/strong> for audiovisual \/ subtitling work. CAT tooling is not machine translation \u2014 it is segment-level human translation operating against a Translation Memory lookup, terminology database, quality-check filters, and audit logging. Every segment is logged, every reuse traceable, every terminology decision propagated.<\/p><p>Translation Memory (TM) is the structural compounding asset. Each ISO 17100 TEP cycle commits the approved bilingual segment back to the TM with metadata \u2014 domain, client (anonymised at TM level), source, validation date. <strong>Six years of work across 50+ ESG reports, 100+ annual reports, sustainability reports, 56-1 One Reports, regulatory filings, and Big Law cross-border deliverables<\/strong> has produced a TM asset that delivers fluency in the substantive terminology Thai listed companies use to disclose to the world.<\/p><\/div><\/details>\n\n      <details class=\"faq\" data-reveal><summary><span class=\"faq-num\">Q.03<\/span><span>How does the TM leverage discount actually translate into savings on multi-year programmes?<\/span><span class=\"faq-icon\">+<\/span><\/summary><div class=\"faq-body\"><p>For repeat clients and multi-year programmes \u2014 annual sustainability reports, recurring 56-1 One Reports, ongoing regulatory filings, annual ICMA framework refresh, and multi-year ESG advisory retainers \u2014 the TM produces materially better economics in Year 2 and beyond. New work is segmented against the TM at industry-standard match tiers, and pricing is graduated accordingly: <strong>Repetition and Context Match at 15% of base rate \u00b7 Exact Match at 25% \u00b7 High Fuzzy (95\u201399%) at 40% \u00b7 Medium Fuzzy (75\u201394%) at 60% \u00b7 Low Fuzzy \/ new content at 100% base rate<\/strong>.<\/p><p>Real-world effect: a SET-listed sustainability report in Year 2 with substantive structural continuity to Year 1 typically realises <strong>40\u201360% net cost reduction<\/strong> via TM leverage compared to the equivalent first-year delivery \u2014 <em>even with new substantive content layered in<\/em>. The compounding is structurally why multi-year programmes deliver materially better economics than rotating vendors annually. Detailed pricing methodology runs on <a href=\"\/how-we-quote\/\">How We Quote<\/a>.<\/p><\/div><\/details>\n\n      <details class=\"faq\" data-reveal><summary><span class=\"faq-num\">Q.04<\/span><span>How does Othello&#8217;s QA methodology differ from &#8220;translation plus proofread&#8221;?<\/span><span class=\"faq-icon\">+<\/span><\/summary><div class=\"faq-body\"><p>&#8220;Translation plus proofread&#8221; is the entry-level translation product \u2014 a translator drafts the target, a proofreader runs a final-pass review, and the deliverable is shipped. This does not satisfy ISO 17100:2015 requirements and is not used for institutional procurement work. <strong>Othello&#8217;s QA methodology runs three additional layers on top of the baseline TEP separation<\/strong>: (1) CAT-driven QA filtering at segment level \u2014 terminology consistency, number\/unit\/currency verification, format integrity, tag preservation, forbidden term flags \u2014 run automatically before the deliverable leaves the editing stage; (2) categorised error remediation against a six-category taxonomy with Critical\/Major\/Minor severity tiers; (3) structured client review cycle with named reviewer-on-engagement, defined revision rounds, and post-delivery KPI tracking.<\/p><p>The error taxonomy is operationally important because <em>it lets editors, proofreaders, and clients converse about quality in shared technical vocabulary<\/em> rather than impressionistic feedback. Critical errors: regulatory mistranslation, numerical inversion, legal authority misattribution. Major errors: terminology inconsistency, stylistic register break. Minor errors: typography, spacing, formatting. Every flagged item is logged with category, severity tier, source segment, remediated rendering, and rationale.<\/p><\/div><\/details>\n\n      <details class=\"faq\" data-reveal><summary><span class=\"faq-num\">Q.05<\/span><span>What does &#8220;NDA from first email&#8221; actually cover \u2014 and when does the NDA get signed?<\/span><span class=\"faq-icon\">+<\/span><\/summary><div class=\"faq-body\"><p>Three substantive structural commitments. <strong>(1) Mutual NDA before source material crosses.<\/strong> Default Othello NDA template available on request; client templates reviewed and signed within one business day if standard terms apply. NDA is signed at <strong>first email \u2014 not at engagement scoping, not at RFP response, not at sample delivery<\/strong>. <strong>(2) Confidentiality covers the entire engagement lifecycle<\/strong> \u2014 scoping conversations, source review, deliverable drafting, post-delivery, and reference disclosure. Specific Othello-supported engagements are not disclosed publicly without explicit client written authorisation.<\/p><p><strong>(3) The bench is 100% in-house<\/strong> \u2014 no source material is shared with external freelancers, no outsourcing to overseas vendors, no submission to consumer LLM endpoints that retain source data. Translation Memory and termbase assets are stored on Othello-controlled infrastructure with GDPR + PDPA compliant data handling. <em>The methodology was set against US government translation procurement requirements at the firm&#8217;s founding in 2020<\/em>, when Federal Acquisition Regulation\u2013grade contractor verification, documentation handling, and audit trail defined what serious translation work looked like.<\/p><\/div><\/details>\n\n      <details class=\"faq\" data-reveal><summary><span class=\"faq-num\">Q.06<\/span><span>How does GDPR + PDPA compliance interact with the translation methodology?<\/span><span class=\"faq-icon\">+<\/span><\/summary><div class=\"faq-body\"><p>Both regimes apply in parallel. <strong>GDPR (EU Regulation 2016\/679) has extraterritorial scope<\/strong> \u2014 it applies to any organisation processing personal data of EU\/EEA residents, regardless of where the organisation is located. Operationally relevant for Othello when clients are EU institutional buyers, when source documents contain EU personal data subjects, when European institutional investors will receive the translated output, or when the engagement involves cross-border data transfers to\/from the EEA. GDPR-aligned operations cover lawful basis, data minimisation, retention limits, cross-border transfer via Standard Contractual Clauses, incident response within 72 hours, data subject rights, and designated data protection contact.<\/p><p><strong>Thailand&#8217;s PDPA (Personal Data Protection Act B.E. 2562 \/ 2019, effective June 2022)<\/strong> is structurally modelled on GDPR with Thai-specific adaptations. PDPA compliance is required for any entity operating in Thailand processing personal data of Thai residents \u2014 which covers virtually every Othello engagement. For multinational engagements where both apply, the operational compliance regime is <em>the union of the two<\/em> \u2014 meeting whichever requirement is more stringent on each operational dimension.<\/p><\/div><\/details>\n\n      <details class=\"faq\" data-reveal><summary><span class=\"faq-num\">Q.07<\/span><span>Does Othello use AI \/ LLMs in the workflow \u2014 and how is data protected?<\/span><span class=\"faq-icon\">+<\/span><\/summary><div class=\"faq-body\"><p>Yes \u2014 selectively, and always with human editorial anchor. <strong>AI tooling is applied operationally inside CAT environments for translation memory work, glossary management, multimodal prompt engineering, and AI-augmented quality evaluation<\/strong> against structured rubrics. The editorial bench operates Machine Translation Post-Editing (MTPE) workflow as a specialist capability \u2014 particularly for high-volume multilingual content where TM coverage alone is insufficient. AI fluency on the bench covers ChatGPT, Claude, Gemini, and Copilot at operational level.<\/p><p><strong>Source material is never shared with consumer LLM endpoints that retain data<\/strong>. The substantive translation, editing, and proofreading remain human-anchored throughout every TEP stage. <em>AI tooling supports the human editorial bench; it does not replace it.<\/em> For institutional clients with elevated confidentiality requirements (Big Law, US government, SET-listed pre-disclosure), the engagement letter explicitly documents AI tooling boundaries \u2014 including absolute exclusion of consumer LLM endpoints from source material processing where required.<\/p><\/div><\/details>\n\n      <details class=\"faq\" data-reveal><summary><span class=\"faq-num\">Q.08<\/span><span>What&#8217;s the timeline from first contact to work beginning?<\/span><span class=\"faq-icon\">+<\/span><\/summary><div class=\"faq-body\"><p>Five defined steps, typically <strong>three to ten business days<\/strong> from first contact to work beginning depending on scope complexity. <strong>Step 1 (Business Day 0)<\/strong> \u2014 first contact via email, phone, or contact form sets up a 30-minute scoping call. <strong>Step 2 (Day 1)<\/strong> \u2014 mutual NDA signed before any source material crosses; default Othello template available on request, client templates reviewed and signed within one business day if standard terms apply. <strong>Step 3 (Days 1\u20133)<\/strong> \u2014 scope brief and source material exchange under NDA; methodology approach identified, named bench specialists matched to substantive scope, engagement structure proposed.<\/p><p><strong>Step 4 (Business Hour 1 post-NDA)<\/strong> \u2014 quote delivered within one business hour of source material + signed NDA receipt during Bangkok business hours; fixed-fee structure for translation, tier-priced structure for ESG advisory engagements. <strong>Step 5<\/strong> \u2014 engagement letter signed, ISO 17100 TEP workflow initiated. <em>For formal RFP processes<\/em>, standard response is three to five business days covering methodology approach, named bench credentials, capacity allocation, pricing structure, related-methodology track record, and integration with adjacent practice areas \u2014 all under mutual NDA.<\/p><\/div><\/details>\n\n      <details class=\"faq\" data-reveal><summary><span class=\"faq-num\">Q.09<\/span><span>How does the methodology actually show up on a specific deliverable \u2014 walk through one example?<\/span><span class=\"faq-icon\">+<\/span><\/summary><div class=\"faq-body\"><p>Worked example: a SET-listed corporate engages Othello for a <strong>bilingual EN\/TH sustainability report<\/strong> structured to GRI Universal + Topic Standards, with IFRS S2 climate disclosure section and AA1000AS-aligned materiality assessment narrative. <strong>Step 1<\/strong>: scoping call under NDA; methodology approach proposed combining the editorial bench (Head of Editorial &amp; Disclosure + Editorial Specialist for bilingual lockstep) with the methodology-credentialed ESG bench (GRI specialist + IFRS S2 specialist + materiality specialist). <strong>Step 2<\/strong>: engagement letter signed; named specialists committed; ISO 17100 TEP workflow initiated.<\/p><p><strong>Step 3 (TEP Stage T)<\/strong>: domain-matched translators draft bilingual target text against the source; TM leverage applied at 100%\/95%\/75% match tiers; termbase pulls validated terminology. <strong>Step 4 (TEP Stage E)<\/strong>: separated editors run bilingual revision; ESG methodology specialists join at editing stage to validate substantive accuracy; CAT-driven QA filters run automatically. <strong>Step 5 (TEP Stage P)<\/strong>: third-stage proofreaders run both language versions in parallel for bilingual lockstep verification; audit-grade evidence trail finalised. <strong>Year 2<\/strong>: 40\u201360% net cost reduction via TM leverage on the Year 1 substantive content with new material layered in.<\/p><\/div><\/details>\n\n      <details class=\"faq\" data-reveal><summary><span class=\"faq-num\">Q.10<\/span><span>How does the ESG Advisory methodology differ from the Translation TEP workflow?<\/span><span class=\"faq-icon\">+<\/span><\/summary><div class=\"faq-body\"><p>The Translation TEP workflow (Translator \u2192 Editor \u2192 Proofreader) is a <strong>three-stage in-document workflow<\/strong> with named linguist separation per ISO 17100:2015. The <strong>ESG Advisory methodology is an eight-stage cross-functional engagement workflow<\/strong> running across multiple months or years: Materiality Assessment \u2192 Baseline &amp; Maturity Assessment \u2192 Framework Mapping \u2192 Gap Analysis \u2192 Roadmap Development \u2192 Implementation \u2192 Disclosure &amp; Assurance \u2192 Monitoring &amp; Continuous Improvement.<\/p><p>The two methodologies converge at the <strong>Disclosure stage<\/strong>. Every ESG advisory engagement that produces a substantive deliverable \u2014 a bilingual sustainability report, a 56-1 One Report ESG section, an IFRS S2 climate disclosure, an ICMA Green Bond Framework, an AA1000AS assurance statement \u2014 runs the ISO 17100 TEP editorial workflow as part of the Disclosure stage. <em>The methodology-credentialed bench joins the engagement at the stage matching their substantive expertise<\/em>: Climate &amp; Sustainable Finance Lead at materiality and roadmap; Frameworks Specialist at framework mapping and gap analysis; Sustainability Reporting Specialist at baseline and rating-agency-facing work; Climate &amp; Carbon Lead at AA1000AS assurance; Editorial bench at every disclosure stage.<\/p><\/div><\/details>\n\n      <details class=\"faq\" data-reveal><summary><span class=\"faq-num\">Q.11<\/span><span>Single materiality or double materiality \u2014 how is the lens decided at scoping?<\/span><span class=\"faq-icon\">+<\/span><\/summary><div class=\"faq-body\"><p>The materiality lens is the most consequential methodology decision on every ESG advisory engagement because it shapes <strong>scope, stakeholder engagement architecture, framework mapping, and disclosure structure<\/strong> across all eight downstream stages. <strong>Single materiality<\/strong> looks at the impact of ESG issues on enterprise value, financial performance, and risk profile \u2014 the lens used by IFRS S1 \/ IFRS S2 as set by the ISSB under the IFRS Foundation. <strong>Double materiality<\/strong> looks at both financial materiality AND the impact of the organisation on people and the environment \u2014 the lens required by CSRD \/ ESRS for in-scope EU and EU-adjacent entities.<\/p><p><strong>The lens decision is positioned explicitly at scoping<\/strong> rather than defaulting to single materiality. For Thai SET-listed corporates with European institutional investor coverage, with EU customer base, with CSRD-affected subsidiaries, or with CBAM exposure on the export side, <em>the operationally important regime is increasingly double materiality<\/em>. EFRAG benchmarks set the double-materiality methodology reference; ISSB \/ IFRS Foundation S1\/S2 set the single-materiality methodology reference.<\/p><\/div><\/details>\n\n      <details class=\"faq\" data-reveal><summary><span class=\"faq-num\">Q.12<\/span><span>How does the FTSE Russell rating-agency engagement cycle actually work?<\/span><span class=\"faq-icon\">+<\/span><\/summary><div class=\"faq-body\"><p>FTSE Russell&#8217;s ESG company research <strong>relies on publicly disclosed information only \u2014 FTSE Russell does not send questionnaires to issuers<\/strong>. The methodology version is v1.1 (August 2025), running 300+ individual indicator assessments across 14 Themes within 3 Pillars (Environmental, Social, Governance). <strong>The research cycle runs June to the following March<\/strong>, with index reviews using FTSE ESG data based on the company&#8217;s Annual Report and Sustainability Report or Integrated Report published by the last business day of March (for the June review) and September (for the December review). Data Analysis runs October\u2013November (December review) and April\u2013May (June review).<\/p><p><strong>Companies have approximately four weeks via the web-based Sustainable Investment Data (SID) portal<\/strong> to review the FTSE Russell analysis and provide feedback. Post-publication clarification is available for up to 10 indicators per company. <strong>Othello&#8217;s FTSE Russell-facing workstream<\/strong> covers indicator-by-indicator gap analysis against the 14 Themes, public disclosure remediation, SID portal feedback round preparation, and cross-walk coordination across DJSI \/ CSA, MSCI, CDP, Sustainalytics, and the Thai SET ESG + IOD CGR cycles. Verifiable cross-anchor proof: <em>a SET-listed healthcare operator&#8217;s FTSE Russell ESG Score of 4.0\/5.0 in 2025<\/em>.<\/p><\/div><\/details>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ FINAL CTA ============ -->\n<section class=\"cta-sec\" id=\"contact\">\n  <div class=\"cta-content\">\n    <h2 data-reveal>Two methodologies. <em>One operating standard.<\/em> Audit-grade.<\/h2>\n    <p data-reveal>Othello&#8217;s Our Process runs two methodologies under one operating standard. <strong>Translation methodology<\/strong>: ISO 17100:2015 TEP workflow \u00b7 CAT + Translation Memory architecture \u00b7 6-year termbase compounding \u00b7 multi-layered QA \u00b7 NDA from first email. <strong>ESG Advisory methodology<\/strong>: 8-stage engagement workflow \u00b7 double-materiality lens per CSRD\/ESRS or single-materiality per IFRS S2 \u00b7 rating-agency engagement cycle across FTSE Russell, MSCI, Sustainalytics, CDP, DJSI, SET ESG, CGR \u00b7 AA1000AS v3 assurance where commissioned. All on GDPR + PDPA compliant in-house infrastructure with zero outsourcing. Standard RFP response three to five business days. Quote turnaround one business hour following NDA + scope brief receipt.<\/p>\n    <div class=\"cta-buttons\" data-reveal>\n      <a href=\"\/contact\/\" class=\"btn btn-primary\">Engage The Process<\/a>\n      <a href=\"\/our-team\/\" class=\"btn btn-outline\">Meet The Bench<\/a>\n    <\/div>\n    <div class=\"cta-note\" data-reveal>\n      <a href=\"tel:+6628592145\"><b>+66 02-859-2145<\/b><\/a> <span class=\"sep\">\u00b7<\/span> <a href=\"mailto:info@othelloshop.com\"><b>info@othelloshop.com<\/b><\/a><br>\n      Unit 12-03, Chartered Square <span class=\"sep\">\u00b7<\/span> 152 N Sathon Rd<br>\n      Si Lom <span class=\"sep\">\u00b7<\/span> Bang Rak <span class=\"sep\">\u00b7<\/span> Bangkok 10500 <span class=\"sep\">\u00b7<\/span> Thailand\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ ENDLINE ============ -->\n<div class=\"endline\">\n  Company <span class=\"r\">\u00b7<\/span> Our Process <span class=\"r\">\u00b7<\/span> Translation Methodology <span class=\"r\">\u00b7<\/span> ESG Advisory Methodology <span class=\"r\">\u00b7<\/span> Audit-Grade Across Every Deliverable <span class=\"r\">\u2014<\/span> Othello International\n<\/div>\n\n<\/div>\n<!-- \/.oth-process PAGE END -->\n\n<script>\n(function(){\n  if (typeof window === 'undefined' || typeof document === 'undefined') return;\n  var root = document.querySelector('.oth-process');\n  if (!root) return;\n\n  \/\/ SCROLL REVEALS via IntersectionObserver\n  var revealEls = root.querySelectorAll('[data-reveal], [data-reveal-stagger]');\n  if ('IntersectionObserver' in window && revealEls.length){\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(e){\n        if (e.isIntersecting){\n          e.target.classList.add('in');\n          \/\/ ANIMATED COUNTERS \u2014 fire when parent reveals\n          var counters = e.target.querySelectorAll('[data-count-to]');\n          counters.forEach(function(c){\n            if (c.dataset.counted) return;\n            c.dataset.counted = '1';\n            var target = parseFloat(c.getAttribute('data-count-to')) || 0;\n            var decimals = parseInt(c.getAttribute('data-count-decimals') || '0', 10);\n            var dur = 1600;\n            var t0 = performance.now();\n            function step(now){\n              var p = Math.min((now - t0) \/ dur, 1);\n              var eased = 1 - Math.pow(1 - p, 3);\n              var val = target * eased;\n              c.textContent = decimals > 0 ? val.toFixed(decimals) : Math.round(val).toLocaleString();\n              if (p < 1) requestAnimationFrame(step);\n              else c.textContent = decimals > 0 ? target.toFixed(decimals) : Math.round(target).toLocaleString();\n            }\n            requestAnimationFrame(step);\n          });\n          io.unobserve(e.target);\n        }\n      });\n    }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n    revealEls.forEach(function(el){ io.observe(el); });\n  } else {\n    \/\/ fallback \u2014 show everything and snap counters to final\n    revealEls.forEach(function(el){ el.classList.add('in'); });\n    root.querySelectorAll('[data-count-to]').forEach(function(c){\n      var target = parseFloat(c.getAttribute('data-count-to')) || 0;\n      var decimals = parseInt(c.getAttribute('data-count-decimals') || '0', 10);\n      c.textContent = decimals > 0 ? target.toFixed(decimals) : Math.round(target).toLocaleString();\n    });\n  }\n\n  \/\/ TEP STAGE CLICK-TO-EXPAND\n  var tepStages = root.querySelectorAll('[data-tep-stage]');\n  tepStages.forEach(function(s){\n    s.addEventListener('click', function(){\n      s.classList.toggle('expanded');\n    });\n  });\n\n  \/\/ ESG 8-STAGE TABS\n  var tabs = root.querySelectorAll('.est-tab[data-est]');\n  var panels = root.querySelectorAll('.est-panel[data-est-panel]');\n  tabs.forEach(function(tab){\n    tab.addEventListener('click', function(){\n      var id = tab.getAttribute('data-est');\n      tabs.forEach(function(t){ t.classList.remove('active'); t.setAttribute('aria-selected', 'false'); });\n      tab.classList.add('active');\n      tab.setAttribute('aria-selected', 'true');\n      panels.forEach(function(p){\n        if (p.getAttribute('data-est-panel') === id) p.classList.add('active');\n        else p.classList.remove('active');\n      });\n    });\n  });\n})();\n<\/script>\n\n\n","protected":false},"excerpt":{"rendered":"<p>OUR PROCESS \u00b7 TWO METHODOLOGIES \u00b7 ONE OPERATING STANDARD \u00b7 AUDIT-GRADE USG-origin \u00b7 ISO 17100 \u00b7 8-stage ESG \u00b7 GDPR \u00b7 PDPA \u00b7 NDA from first email Othello \/ Company \/ Our Process \u2605 TWO METHODOLOGIES \u00b7 ONE OPERATING STANDARD \u00b7 USG-ORIGIN DISCIPLINE Two methodologies. One operating standard. Audit-grade. Our Process is the operating methodology [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_yoast_wpseo_title":"Our Process | Othello International","_yoast_wpseo_metadesc":"Our Process \u2014 Othello International \u2014 institutional bilingual (Thai\u2013English) translation and ESG advisory for SET-listed companies in Bangkok.","_yoast_wpseo_focuskw":"our process","_yoast_wpseo_canonical":"","rank_math_title":"Our Process | Othello International","rank_math_description":"Our Process \u2014 Othello International \u2014 institutional bilingual (Thai\u2013English) translation and ESG advisory for SET-listed companies in Bangkok.","rank_math_focus_keyword":"our process","rank_math_canonical_url":"","_yoast_wpseo_meta-robots-noindex":"","_yoast_wpseo_meta-robots-nofollow":"","_yoast_wpseo_opengraph-title":"","_yoast_wpseo_opengraph-description":"","_yoast_wpseo_twitter-title":"","_yoast_wpseo_twitter-description":"","footnotes":"","rank_math_robots":["index"]},"class_list":["post-30751","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.othellointernational.com\/th\/wp-json\/wp\/v2\/pages\/30751","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.othellointernational.com\/th\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.othellointernational.com\/th\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.othellointernational.com\/th\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.othellointernational.com\/th\/wp-json\/wp\/v2\/comments?post=30751"}],"version-history":[{"count":2,"href":"https:\/\/www.othellointernational.com\/th\/wp-json\/wp\/v2\/pages\/30751\/revisions"}],"predecessor-version":[{"id":31119,"href":"https:\/\/www.othellointernational.com\/th\/wp-json\/wp\/v2\/pages\/30751\/revisions\/31119"}],"wp:attachment":[{"href":"https:\/\/www.othellointernational.com\/th\/wp-json\/wp\/v2\/media?parent=30751"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}