{"id":13,"date":"2026-09-04T06:45:46","date_gmt":"2026-09-04T05:45:46","guid":{"rendered":"https:\/\/brandzonweb.com\/?page_id=13"},"modified":"2026-10-15T12:47:30","modified_gmt":"2026-10-15T11:47:30","slug":"home","status":"publish","type":"page","link":"https:\/\/brandzonweb.com\/","title":{"rendered":"Home"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&display=swap\">\n\n<!-- Brandz on Web Hero -->\n<div class=\"bow-gh\" id=\"bow-gh-root\" data-fullbleed=\"1\" data-pad=\"standard\">\n  <canvas class=\"bow-gh__base\" aria-hidden=\"true\"><\/canvas>\n  <canvas class=\"bow-gh__canvas\" aria-hidden=\"true\"><\/canvas>\n  <div class=\"bow-gh__fb\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"bow-gh__decor\" aria-hidden=\"true\">\n    <span class=\"bow-gh__pos\" data-a=\"-36\" data-o=\"120\"><span class=\"bow-gh__card\" style=\"--t:13s;--d:-3s\"><i><\/i><b>Digital Growth<\/b><em>Strategy &amp; performance<\/em><\/span><\/span>\n    <span class=\"bow-gh__pos\" data-a=\"34\" data-o=\"110\"><span class=\"bow-gh__card\" style=\"--t:15s;--d:-9s\"><i><\/i><b>Brand Strategy<\/b><em>Identity &amp; positioning<\/em><\/span><\/span>\n    <span class=\"bow-gh__pos\" data-a=\"-50\" data-o=\"100\" data-m=\"0\"><span class=\"bow-gh__card\" style=\"--t:16s;--d:-12s\"><i><\/i><b>Web &amp; E-commerce<\/b><em>Design &amp; build<\/em><\/span><\/span>\n    <span class=\"bow-gh__pos\" data-a=\"48\" data-o=\"90\" data-m=\"0\"><span class=\"bow-gh__card\" style=\"--t:14s;--d:-5s\"><i><\/i><b>Search Visibility<\/b><em>SEO &amp; content<\/em><\/span><\/span>\n  <\/div>\n\n  <div class=\"bow-gh__content\">\n    <div class=\"bow-gh__inner\">\n      <p class=\"bow-gh__eyebrow\">Digital marketing &amp; IT solutions<\/p>\n      <h1 class=\"bow-gh__title\">Digital ideas.<br><em>Global<\/em> possibilities.<\/h1>\n      <p class=\"bow-gh__sub\">Strategy, creativity and technology built to move brands forward.<\/p>\n\n      <div class=\"bow-gh__cta\">\n        <a class=\"bow-gh__btn\" href=\"#contact\">Start a Project<\/a>\n        <a class=\"bow-gh__link\" href=\"#services\">Explore Our Capabilities <span aria-hidden=\"true\">&rarr;<\/span><\/a>\n      <\/div>\n\n      <ul class=\"bow-gh__strip\">\n        <li><span>Focus<\/span><b>Digital growth<\/b><\/li>\n        <li><span>Craft<\/span><b>Websites &amp; IT solutions<\/b><\/li>\n        <li><span>Approach<\/span><b>Strategy-led, tech-driven<\/b><\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n.bow-gh{--coral:#F06450;--globe:#F4573F;--bg:#101114;--bg2:#18191D;--light:#F7F6F3;--muted:#A8A9AF;--bow-u:1;--bow-maxw:1240px;--bow-px:32px;--bow-pt:100px;\n  position:relative;width:100%;max-width:none;height:var(--bow-h,100vh);height:var(--bow-h,100svh);min-height:560px;overflow:hidden;border-radius:0;isolation:isolate;touch-action:pan-y pinch-zoom;\n  background:radial-gradient(90% 50% at 50% 100%,rgba(240,100,80,.06),transparent 70%),radial-gradient(120% 70% at 50% 0%,#16171b 0%,var(--bg) 62%);\n  color:var(--light);font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;box-sizing:border-box;-webkit-text-size-adjust:100%;text-size-adjust:100%}\n@media(max-width:980px){.bow-gh{--bow-maxw:100%;--bow-px:28px;--bow-pt:72px}}\n@media(max-width:767px){.bow-gh{--bow-maxw:100%;--bow-px:20px;--bow-pt:56px}}\n.bow-gh[data-pad=\"compact\"]{--bow-pt:64px}\n@media(max-width:980px){.bow-gh[data-pad=\"compact\"]{--bow-pt:48px}}\n@media(max-width:767px){.bow-gh[data-pad=\"compact\"]{--bow-pt:36px}}\n.bow-gh *,.bow-gh *::before,.bow-gh *::after{box-sizing:border-box}\n.bow-gh__base,.bow-gh__canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;pointer-events:none}\n.bow-gh__fb{display:none;position:absolute;left:-6%;top:58%;width:112%;aspect-ratio:1\/1;border-radius:50%;z-index:0;\n  background:radial-gradient(circle,rgba(247,246,243,.5) 1px,transparent 1.7px) 0 0\/10px 10px;\n  -webkit-mask-image:radial-gradient(circle,#000 62%,transparent 71%);mask-image:radial-gradient(circle,#000 62%,transparent 71%)}\n.bow-gh--fallback .bow-gh__fb{display:block}\n.bow-gh--fallback .bow-gh__base,.bow-gh--fallback .bow-gh__canvas{display:none}\n.bow-gh__decor{position:absolute;inset:0;z-index:1;pointer-events:none}\n.bow-gh__pos{position:absolute;left:0;top:0;transform:translate(-50%,-50%);white-space:nowrap;visibility:hidden}\n.bow-gh__pos.is-on{visibility:visible}\n.bow-gh__card{font-size:calc(12px*var(--bow-u));display:grid;grid-template-columns:auto 1fr;column-gap:.75em;align-items:center;padding:.75em 1.15em .75em .9em;\n  background:rgba(24,25,29,.78);border:1px solid rgba(247,246,243,.09);border-radius:1em;opacity:0;animation:bow-gh-float var(--t,13s) ease-in-out var(--d,0s) infinite}\n.bow-gh__card i{grid-row:1\/3;width:1.85em;height:1.85em;border-radius:.58em;background:rgba(240,100,80,.14);position:relative}\n.bow-gh__card i::after{content:\"\";position:absolute;inset:.58em;border-radius:50%;background:var(--coral)}\n.bow-gh__card b{font-family:'DM Sans',system-ui,sans-serif;font-weight:700;font-size:1.04em;line-height:1.2;color:var(--light)}\n.bow-gh__card em{font-style:normal;font-size:.92em;color:var(--muted);line-height:1.3}\n@keyframes bow-gh-float{0%{opacity:0;transform:translateY(10px)}14%{opacity:.95;transform:translateY(0)}70%{opacity:.95;transform:translateY(-6px)}90%,100%{opacity:0;transform:translateY(-14px)}}\n.bow-gh__pill{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:.6em;padding:.55em .95em;border-radius:999px;background:rgba(247,246,243,.95);\n  border:1px solid rgba(16,17,20,.10);box-shadow:0 6px 18px rgba(0,0,0,.38),0 1px 2px rgba(0,0,0,.25);color:#17181c;font-family:'DM Sans',system-ui,sans-serif;font-weight:600;\n  font-size:calc(11.5px*var(--bow-u));line-height:1;letter-spacing:.015em;white-space:nowrap;opacity:0;pointer-events:none;will-change:transform,opacity}\n.bow-gh__pill i{width:.46em;height:.46em;border-radius:50%;background:var(--globe);flex:none}\n.bow-gh__pill--in{background:rgba(24,25,29,.92);border-color:rgba(247,246,243,.14);color:#E2E0DA;font-weight:500;box-shadow:0 6px 16px rgba(0,0,0,.35)}\n.bow-gh__pill--in i{background:#A8A9AF}\n\/* Nashik label: white text on a dark surface with a coral edge; marker and ring stay coral *\/\n.bow-gh__pill--hl{background:rgba(16,17,20,.94);color:#FFFFFF;font-weight:700;padding:.65em 1.1em;border:1px solid rgba(244,87,63,.7);box-shadow:0 8px 24px rgba(244,87,63,.22),0 2px 6px rgba(0,0,0,.45)}\n.bow-gh__pill--hl i{background:var(--globe)}\n.bow-gh__content{position:absolute;z-index:2;left:0;right:0;top:0;width:100%;padding-top:var(--bow-pt);text-align:center}\n.bow-gh__inner{width:100%;max-width:var(--bow-maxw);margin-left:auto;margin-right:auto;padding-left:var(--bow-px);padding-right:var(--bow-px)}\n#bow-gh-root .bow-gh__eyebrow{margin:0 0 calc(16px*var(--bow-u));padding:0;font-family:'DM Sans',sans-serif;font-weight:500;font-size:calc(11.5px*var(--bow-u));line-height:1;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}\n#bow-gh-root .bow-gh__title{margin:0;padding:0;font-family:\"Iowan Old Style\",\"Palatino Linotype\",Palatino,Georgia,serif;font-weight:500;font-size:clamp(32px,min(4.7vw,8.2vh),calc(76px*var(--bow-u)));line-height:1.04;letter-spacing:-.035em;color:var(--light);text-transform:none;text-wrap:balance}\n#bow-gh-root .bow-gh__title em{font-style:italic;font-weight:400;color:var(--coral)}\n#bow-gh-root .bow-gh__sub{margin:calc(18px*var(--bow-u)) auto 0;padding:0;max-width:calc(480px*var(--bow-u));font-size:calc(16px*var(--bow-u));line-height:1.55;color:var(--muted)}\n.bow-gh__cta{margin-top:calc(26px*var(--bow-u));display:flex;gap:calc(22px*var(--bow-u));justify-content:center;align-items:center;flex-wrap:wrap}\n\/* Primary CTA: white text in every state (default, hover, focus, active, visited) *\/\n#bow-gh-root .bow-gh__btn{display:inline-block;padding:.86em 1.7em;border-radius:999px;background:var(--coral);color:#FFFFFF;font-family:'DM Sans',sans-serif;font-weight:700;font-size:calc(14px*var(--bow-u));line-height:1;text-decoration:none;transition:transform .25s ease,background .25s ease}\n#bow-gh-root .bow-gh__btn:visited,#bow-gh-root .bow-gh__btn:hover,#bow-gh-root .bow-gh__btn:focus,#bow-gh-root .bow-gh__btn:focus-visible,#bow-gh-root .bow-gh__btn:active{color:#FFFFFF}\n#bow-gh-root .bow-gh__btn:hover{background:#E0503A;transform:translateY(-1px)}\n#bow-gh-root .bow-gh__btn:focus-visible{outline:2px solid #FFFFFF;outline-offset:3px}\n#bow-gh-root .bow-gh__link{color:var(--light);font-family:'DM Sans',sans-serif;font-weight:500;font-size:calc(14px*var(--bow-u));line-height:1;text-decoration:none;opacity:.85}\n#bow-gh-root .bow-gh__link:hover{opacity:1;color:var(--coral)}\n#bow-gh-root .bow-gh__strip{list-style:none;margin:clamp(22px,4.2vh,60px) auto 0;padding:0;width:100%;max-width:1040px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(247,246,243,.08);border-bottom:1px solid rgba(247,246,243,.08)}\n#bow-gh-root .bow-gh__strip li{margin:0;padding:calc(17px*var(--bow-u)) 12px;position:relative;list-style:none}\n#bow-gh-root .bow-gh__strip li+li::before{content:\"\";position:absolute;left:0;top:26%;bottom:26%;width:1px;background:rgba(247,246,243,.08)}\n#bow-gh-root .bow-gh__strip span{display:block;font-family:'DM Sans',sans-serif;font-weight:500;font-size:calc(10.5px*var(--bow-u));line-height:1;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}\n#bow-gh-root .bow-gh__strip b{display:block;margin-top:calc(10px*var(--bow-u));font-family:'DM Sans',sans-serif;font-weight:700;font-size:calc(14px*var(--bow-u));line-height:1.2;color:var(--light)}\n@media(max-width:980px){#bow-gh-root .bow-gh__title{font-size:clamp(30px,6.4vw,64px)}#bow-gh-root .bow-gh__strip li{padding-top:14px;padding-bottom:14px}}\n@media(min-width:981px) and (max-height:760px){#bow-gh-root .bow-gh__strip{display:none}}\n@media(max-width:767px){\n  #bow-gh-root .bow-gh__title{font-size:clamp(26px,7.2vw,52px)}\n  #bow-gh-root .bow-gh__sub{font-size:15px;max-width:340px}\n  #bow-gh-root .bow-gh__strip{display:none}\n  .bow-gh__pos[data-m=\"0\"],.bow-gh__pill--nm{display:none}\n  .bow-gh__cta{gap:14px;margin-top:22px}\n  .bow-gh__card{font-size:11.5px;padding:.6em .85em .6em .65em}\n  .bow-gh__card em{display:none}\n  .bow-gh__card i{grid-row:auto;width:1.4em;height:1.4em}\n  .bow-gh__card i::after{inset:.42em}\n}\n@media(max-width:380px){#bow-gh-root .bow-gh__eyebrow{letter-spacing:.16em;font-size:10.5px}#bow-gh-root .bow-gh__sub{font-size:14px}}\n@media(max-height:520px) and (orientation:landscape){\n  .bow-gh .bow-gh__content{padding-top:20px}\n  #bow-gh-root .bow-gh__eyebrow,#bow-gh-root .bow-gh__sub,#bow-gh-root .bow-gh__strip{display:none}\n  #bow-gh-root .bow-gh__title{font-size:clamp(22px,5vw,38px)}\n  .bow-gh__cta{margin-top:14px}\n  .bow-gh__pos[data-m=\"0\"]{display:none}\n}\n@media(prefers-reduced-motion:reduce){.bow-gh__card{animation:none;opacity:.9}#bow-gh-root .bow-gh__btn{transition:none}}\n<\/style>\n\n<script>\n(function(){\n  'use strict';\n  var root=document.getElementById('bow-gh-root');\n  if(!root||root.getAttribute('data-bow-init'))return;\n  root.setAttribute('data-bow-init','1');\n  try{init();}catch(err){root.classList.add('bow-gh--fallback');}\n\n  function init(){\n    var D2R=Math.PI\/180,TAU=Math.PI*2,CRGB='244,87,63';\n\n    \/* ---- Tuning values ---------------------------------------------------\n       TILT_*: downward camera tilt in degrees (positive = the northern part of the globe leans toward the viewer;\n               the previous view looked slightly south, which squashed Europe and Russia).\n       DROP_*: how far the whole globe sits lower, in px at reference scale. *\/\n    var TILT_D=17,TILT_M=13,DROP_D=14,DROP_M=8;\n\n    \/* Curated longitude compression (Atlantic only). Display longitude D is then mapped onto a\n       sphere section: sphere angle = sa * (D - Dc) \/ half, so every element shares one curved surface. *\/\n    function warp(l){return l<=-58?l+18:(l<=-12?-40+(l+58)*28\/46:l);}\n    function unwarp(D){if(D>180)return null;return D<=-40?D-18:(D<=-12?-58+(D+40)*46\/28:D);}\n\n    \/* ---------- Coastlines [lon,lat,...] ---------- *\/\n    var NA=[-168,66,-162,70,-156,71,-141,70,-128,70,-115,68,-95,72,-85,70,-80,63,-94,59,-93,52,-82,52,-79,56,-77,62,-70,60,-64,60,-61,56,-56,52,-66,45,-70,43,-74,40,-76,35,-81,31,-80,26,-82,26,-84,30,-89,30,-94,29,-97,26,-97,22,-94,18,-90,21,-87,21,-88,16,-84,15,-83,10,-79,9,-77,8,-80,7,-84,9,-87,13,-92,14,-97,16,-105,20,-106,23,-112,29,-110,23,-115,30,-117,33,-121,35,-124,40,-124,47,-128,51,-134,57,-141,60,-150,60,-158,57,-164,55,-158,59,-166,62];\n    var AF=[-17,21,-13,28,-9,33,-6,36,10,37,20,33,32,31,34,28,38,20,43,12,51,12,48,5,40,-3,40,-15,35,-24,32,-29,27,-34,19,-35,15,-27,12,-17,13,-8,9,-1,9,4,4,6,-5,5,-12,7,-17,13];\n    var EU=[-9,37,-9,43,-2,43.5,-1,46,-4.5,48.5,2,51,8,54,9,57,10,54,14,54,20,55,21,57,24,59,30,60,33,66,40,67,44,68,60,69,70,73,80,73,100,77,112,74,130,72,140,72,160,70,170,70,180,68,180,65,178,62,165,60,160,54,156,51,155,58,142,59,137,54,141,52,140,48,133,43,129,41,128,35,126,35,126,38,125,40,121,40,122,37,119,35,121,31,122,28,117,23,110.5,21.2,108,21.6,106.7,20.3,105.8,18.8,107.5,16.3,109.2,12.5,107,10.4,105,8.7,103,10.4,100.8,13.3,99.9,11.5,99.2,9.5,100.2,7,101.4,6.6,103.4,4.6,103.5,2.4,104.1,1.4,103.4,1.5,101.3,2.9,100.4,5.6,99.8,7.6,98.4,8.2,98.7,10.5,98.6,12.8,97.8,15.5,97.5,16.8,96.3,16.6,95.3,15.9,94.3,18.4,93.2,20.2,92.3,21.2,91.8,22.6,90.2,22,89,21.7,87.5,21.6,86.8,20.3,85,19.5,83.3,17.7,82.3,16.5,80.8,15.5,80.3,13.2,79.8,11.5,79.3,10.2,78.2,8.8,77.5,8.1,76.5,9,76.2,10,75.3,12,74.7,13.5,74,15,73.4,16.8,72.9,19,72.8,20.5,72.7,21.2,72.5,22.3,72.2,21.4,71,20.8,70.1,21,69,22.3,70.2,22.9,68.5,23.3,67.5,24.2,66.5,25.4,62,25,57,26,56,27,51,28,48,30,50,26,56,25,57,23,59.5,22.5,55,17,44,13,43,16,39,22,35,28,33,31,35,33,36,36,30,36,27,37,26,40,28,41,23,40,22,37,19,41,14,45,12,45,13,43,16,41,18,40,16,38,12,42,9,44,3,43,0,39,-2,37,-5,36];\n    var SC=[5,59,5,62,14,67,20,70,28,71,30,69,28,66,25,65,21,63,19,60,17,57,13,56,11,59];\n    var GB=[-5,50,1,51,2,53,-2,56,-5,58,-6,56,-3,54,-5,52],IE=[-10,52,-6,52,-6,55,-9,54];\n    var JP=[130,31,134,33,140,35,142,40,142,45,140,42,138,38,132,35];\n    var SL=[79.8,6,81.8,7,81.2,8.6,80.2,9.8,79.8,8.5,79.9,7];\n    var TW=[120,22,121.5,25,122,24.5,121,22],HN=[108.7,19,110.5,20,111,19.5,109.5,18.2];\n    var PH=[120,18,122,18,124,12,126,7,122,8,120,14],SU=[95,5,98,4,106,-3,104,-6,100,-2];\n    var BO=[109,1,117,7,119,1,116,-4,111,-3],JA=[105,-6,114,-8,106,-7.5];\n    var REL=[NA,EU,SC,GB,IE,JP,SL,TW,HN,PH,SU,BO,JA],BGL=[AF];\n    var WATER=[\n      [27.8,42,28.5,44.5,30.5,46,33,45.5,34.5,44.5,36.5,45.2,38,47,40,47,41.5,43,41.5,41.5,38,41,35,42,32,41.5,29,41.2],\n      [47,45,49,46.5,53,46.5,53.5,44,51,41,53.8,40,53.8,37,50.5,37,49,38.5,49,40.5,50.2,40.5,48,42,47,43.5]\n    ];\n    var INDIA=[\n      68.15,23.95,68.8,24.35,69.6,24.25,70.1,24.4,70.25,25.2,70.4,25.75,69.9,26.7,70.05,27.6,70.6,28.0,72.0,28.9,73.1,29.25,73.9,29.9,74.4,30.4,74.6,30.95,74.55,31.6,74.8,31.95,74.6,32.5,\n      74.2,32.75,73.75,33.1,73.4,33.65,73.1,34.3,73.0,35.0,72.8,35.6,72.95,36.2,73.8,36.9,74.6,37.05,75.4,37.0,75.9,36.7,76.5,36.6,77.2,36.3,77.85,35.5,79.0,35.6,80.0,35.5,80.3,34.8,79.7,33.9,79.4,33.0,78.8,32.4,78.7,31.9,78.7,31.3,79.3,31.0,80.2,30.6,81.0,30.2,\n      80.5,29.8,80.1,29.2,80.1,28.7,80.6,28.5,81.2,28.1,82.0,27.9,82.7,27.5,83.4,27.4,84.2,27.3,84.7,27.0,85.4,26.7,86.0,26.6,87.0,26.4,88.1,26.4,88.15,27.1,88.0,27.6,88.1,27.9,88.55,28.1,88.9,27.8,88.8,27.3,88.95,26.9,89.5,26.7,90.4,26.85,91.5,26.8,92.05,26.87,\n      91.65,27.75,92.0,28.2,92.9,28.0,93.5,28.65,94.3,29.2,95.0,29.3,95.7,29.1,96.2,28.4,96.9,28.3,97.35,28.2,97.1,27.6,96.4,27.3,95.6,26.9,95.1,26.3,94.75,25.5,94.5,25.1,94.3,24.3,94.5,24.0,93.6,23.5,93.3,23.0,93.1,22.3,92.9,22.0,\n      92.4,22.4,92.35,22.9,91.6,22.95,91.2,23.1,91.15,23.7,91.5,24.1,92.1,24.4,92.0,24.9,91.7,25.1,91.0,25.2,90.2,25.2,89.85,25.35,89.8,26.0,89.3,26.3,88.9,26.5,88.45,26.35,88.45,26.1,88.35,25.6,88.1,25.25,88.0,24.8,88.3,24.4,88.65,23.9,88.95,23.3,89.0,22.6,89.05,22.0,88.9,21.7,\n      88.1,21.65,87.45,21.5,87.0,21.5,86.9,20.8,86.75,20.3,86.2,19.95,85.8,19.8,85.4,19.45,84.9,19.2,84.4,18.8,83.95,18.3,83.3,17.7,82.7,17.2,82.3,16.9,81.8,16.4,81.2,15.95,80.9,15.75,80.6,15.7,80.2,15.4,80.15,14.4,80.3,13.5,80.3,13.1,80.1,12.5,79.85,11.9,79.85,10.8,79.85,10.3,79.4,10.2,78.9,9.45,78.15,8.85,77.55,8.08,\n      76.9,8.5,76.55,9.0,76.25,9.95,75.9,10.8,75.75,11.3,75.35,11.9,74.95,12.6,74.8,12.9,74.65,13.5,74.4,14.2,74.1,14.8,73.9,15.4,73.75,15.9,73.3,16.9,73.15,17.6,72.95,18.3,72.85,19.0,72.75,19.7,72.75,20.4,72.75,20.9,72.65,21.4,72.55,21.95,72.6,22.35,72.35,22.2,72.15,21.8,72.1,21.3,71.5,20.95,71.0,20.72,70.4,20.85,70.0,21.2,69.6,21.65,69.2,22.0,68.97,22.25,69.0,22.5,69.6,22.4,70.0,22.6,70.4,22.95,70.2,23.05,69.7,22.8,69.3,22.85,68.7,23.2,68.45,23.6\n    ];\n\n    function boxes(l){return l.map(function(p){var a=1e9,b=-1e9,c=1e9,d=-1e9;for(var i=0;i<p.length;i+=2){a=Math.min(a,p[i]);b=Math.max(b,p[i]);c=Math.min(c,p[i+1]);d=Math.max(d,p[i+1]);}return[a,b,c,d];});}\n    var RB=boxes(REL),BB=boxes(BGL),WB=boxes(WATER),IB=boxes([INDIA])[0];\n    function inPoly(p,lon,lat){var ins=false;for(var i=0,j=p.length-2;i<p.length;j=i,i+=2){var xi=p[i],yi=p[i+1],xj=p[j],yj=p[j+1];if(((yi>lat)!==(yj>lat))&&(lon<(xj-xi)*(lat-yi)\/(yj-yi)+xi))ins=!ins;}return ins;}\n    function hit(l,bx,lon,lat){for(var k=0;k<l.length;k++){var b=bx[k];if(lon<b[0]||lon>b[1]||lat<b[2]||lat>b[3])continue;if(inPoly(l[k],lon,lat))return true;}return false;}\n    function inIndia(lon,lat){return lon>=IB[0]&&lon<=IB[1]&&lat>=IB[2]&&lat<=IB[3]&&inPoly(INDIA,lon,lat);}\n\n    \/* 0.5 degree land mask: 0 water, 1 land, 2 backdrop, 3 India (peninsula coast follows the India outline) *\/\n    var MW=720,MH=360,MASK=new Uint8Array(MW*MH);\n    for(var mj=24;mj<210;mj++){\n      var mlat=90-(mj+.5)*.5;\n      for(var mi=0;mi<MW;mi++){\n        var mlon=-180+(mi+.5)*.5,v=0;\n        if(inIndia(mlon,mlat))v=3;\n        else if(mlon>=68.3&&mlat>=5&&mlat<=23.4&&(mlon<=87.5||(mlon<=88.3&&mlat<=22)))v=inPoly(SL,mlon,mlat)?1:0;\n        else{v=hit(REL,RB,mlon,mlat)?1:(hit(BGL,BB,mlon,mlat)?2:0);if(v&&hit(WATER,WB,mlon,mlat))v=0;}\n        MASK[mj*MW+mi]=v;\n      }\n    }\n    function landAt(lat,lon){\n      var i=Math.floor((lon+180)*2),j=Math.floor((90-lat)*2);\n      if(i<0)i+=MW;if(i>=MW)i-=MW;if(i<0)i=0;if(j<0)j=0;if(j>=MH)j=MH-1;\n      return MASK[j*MW+i];\n    }\n    function landD(lat,D){var r=unwarp(D);return r===null?0:landAt(lat,r);}\n    function hash(i){var h=Math.imul(i^61,2654435761)>>>0;h^=h>>>15;h=Math.imul(h,2246822519)>>>0;return(h%10000)\/10000;}\n    function sstep(a,b,x){x=Math.max(0,Math.min(1,(x-a)\/(b-a)));return x*x*(3-2*x);}\n    function clamp(x,a,b){return Math.max(a,Math.min(b,x));}\n\n    \/* India outline (densified, display longitude) *\/\n    var IL=[],ID=[];\n    (function(){var n=INDIA.length\/2;for(var i=0;i<n;i++){var x0=INDIA[i*2],y0=INDIA[i*2+1],j=(i+1)%n,x1=INDIA[j*2],y1=INDIA[j*2+1],sg=Math.max(1,Math.ceil(Math.max(Math.abs(x1-x0),Math.abs(y1-y0))\/.45));for(var s=0;s<sg;s++){var t=s\/sg;IL.push(y0+(y1-y0)*t);ID.push(warp(x0+(x1-x0)*t));}}})();\n    var INDN=IL.length,IX0=new Float32Array(INDN+1),IY0=new Float32Array(INDN+1),IZ0=new Float32Array(INDN+1);\n\n    \/* ---------- Nashik (single origin) and destinations ---------- *\/\n    var NL=19.9975,ND=73.7898,NV=[0,0,0];\n    \/* intl:1 = international route. m:1 = kept on phones. st:1 = labelled when motion is reduced. dx,dy = preferred label offset. *\/\n    var DEST=[\n      {n:'London, UK',        lat:51.51,lon:-.13,   dx:-56,dy:-30,intl:1,m:1,st:1},\n      {n:'New York, USA',     lat:40.71,lon:-74.0,  dx:-46,dy:36, intl:1,m:1,st:1},\n      {n:'California, USA',   lat:36.78,lon:-119.42,dx:-40,dy:34, intl:1},\n      {n:'Toronto, Canada',   lat:43.65,lon:-79.38, dx:-52,dy:-34,intl:1},\n      {n:'Paris, France',     lat:48.86,lon:2.35,   dx:-4, dy:40, intl:1},\n      {n:'Frankfurt, Germany',lat:50.11,lon:8.68,   dx:48, dy:-34,intl:1},\n      {n:'Moscow, Russia',    lat:55.75,lon:37.62,  dx:52, dy:-30,intl:1,m:1,st:1},\n      {n:'Shanghai, China',   lat:31.23,lon:121.47, dx:-50,dy:-30,intl:1,m:1,st:1},\n      {n:'Singapore',         lat:1.35, lon:103.82, dx:-50,dy:26, intl:1,m:1,st:1},\n      {n:'Bangkok, Thailand', lat:13.76,lon:100.5,  dx:56, dy:-28,intl:1},\n      {n:'Mumbai',   lat:19.08,lon:72.88,dx:-80,dy:-6, m:1,st:1},\n      {n:'Pune',     lat:18.52,lon:73.86,dx:-72,dy:26},\n      {n:'Delhi',    lat:28.61,lon:77.21,dx:40, dy:-38,m:1},\n      {n:'Bengaluru',lat:12.97,lon:77.59,dx:54, dy:18},\n      {n:'Hyderabad',lat:17.39,lon:78.49,dx:60, dy:-8},\n      {n:'Ahmedabad',lat:23.02,lon:72.57,dx:-74,dy:-34}\n    ];\n    var NASH={dx:-96,dy:-54,sm:0,prev:0};\n    var decor=root.querySelector('.bow-gh__decor');\n    function makePill(text,cls){var el=document.createElement('span');el.className='bow-gh__pill'+(cls?' '+cls:'');el.innerHTML='<i><\/i>';el.appendChild(document.createTextNode(text));decor.appendChild(el);return el;}\n    DEST.forEach(function(d,j){\n      d.D=warp(d.lon);d.v=[0,0,0];d.ob=d.intl?(.34+.14*hash(j*13+5)):0;d.spd=.07+.05*hash(j+2);d.pph=hash(j*7+11);\n      d.sm=0;d.prev=0;d.on=false;d.start=0;d.act=true;d.vis=false;d.w=90;d.h=26;d.cdx=d.dx;d.cdy=d.dy;d.x=0;d.y=0;d.z=0;d.bx=0;d.by=0;d.route=null;\n      d.el=makePill(d.n,(d.intl?'':'bow-gh__pill--in ')+(d.m?'':'bow-gh__pill--nm'));\n    });\n    NASH.el=makePill('Nashik, India','bow-gh__pill--hl');\n\n    \/* ---------- State ---------- *\/\n    var base=root.querySelector('.bow-gh__base'),canvas=root.querySelector('.bow-gh__canvas'),content=root.querySelector('.bow-gh__content'),\n        inner=root.querySelector('.bow-gh__inner'),strip=root.querySelector('.bow-gh__strip'),fbEl=root.querySelector('.bow-gh__fb');\n    var ctx=canvas.getContext('2d'),bctx=base.getContext('2d');\n    if(!ctx||!bctx)throw new Error('no 2d context');\n    var W=0,H=0,dpr=1,gtop=0,cb=0,yTop=0,avail=0,pad=0,mobile=false,U=1,LW=1,padX=20,sc=1,spPx=8,drop=0,edgeY=0;\n    \/* sphere-section camera *\/\n    var DLO=-104,DHI=124,Dc=10,half=114,sa=1,pk=.3,tl=.3,ct=1,st=0,pfm=.79,sx=900,sy=500,cx=0,cy=0;\n    var tx=0,par=0,parT=0,parA=12,drA=28,PER=36,NX=0,NY=0,NZ=0,ready=false;\n    var raf=0,last=0,visible=true,running=false,destroyed=false,ro=null,io=null,rt=0;\n    var reduce=!!(window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches);\n    var items=[].slice.call(root.querySelectorAll('.bow-gh__pos'));\n    var cardRects=[],lastPlaced=[],DESTA=[],order=[],ptr=0,nextAt=0,SHOW=6,STEP=1.3,MAXL=6;\n    var NBK=6,NBUCK=4*NBK*2,BA=[],BR=[],BC=[],P=[0,0,0],Q=[0,0,0],TMP=[0,0,0];\n    var NP=0,DX=null,DY=null,BS=null,GR=[];\n\n    \/* ONE projection for everything: unit vector on the curved surface -> downward tilt -> perspective -> screen *\/\n    function vec(lat,D,o){var l=(D-Dc)\/half*sa,c=Math.cos(lat*D2R);o[0]=c*Math.sin(l);o[1]=Math.sin(lat*D2R);o[2]=c*Math.cos(l);return o;}\n    function pjb(v,o){var Yp=v[1]*ct-v[2]*st,Zp=v[1]*st+v[2]*ct,pf=1\/(1+pk*(1-Zp));o[0]=cx+sx*v[0]*pf;o[1]=cy-sy*Yp*pf;o[2]=Zp;}\n    function pj(v,o){pjb(v,o);o[0]+=tx;}\n    function outside(o){var dx=o[0]-cx-tx,dy=o[1]-cy,rx=sx*pfm,ry=sy*pfm;return dx*dx\/(rx*rx)+dy*dy\/(ry*ry)>1;}\n\n    function makeRoute(A,B){\n      var d=A[0]*B[0]+A[1]*B[1]+A[2]*B[2],om=Math.acos(clamp(d,-1,1)),so=Math.sin(om);\n      var lift=.012+.085*Math.pow(om,.9),n=Math.max(8,Math.min(56,Math.ceil(om*44))),arr=new Float32Array((n+1)*3);\n      for(var s=0;s<=n;s++){\n        var t=s\/n,w1=Math.sin((1-t)*om)\/so,w2=Math.sin(t*om)\/so,e=1+lift*Math.sin(Math.PI*t);\n        arr[s*3]=(A[0]*w1+B[0]*w2)*e;arr[s*3+1]=(A[1]*w1+B[1]*w2)*e;arr[s*3+2]=(A[2]*w1+B[2]*w2)*e;\n      }\n      return{a:arr,n:n};\n    }\n    function routeAt(r,k,o){var i=k*3;TMP[0]=r.a[i];TMP[1]=r.a[i+1];TMP[2]=r.a[i+2];pj(TMP,o);}\n    function routePoint(r,t,o){var f=t*r.n,s=Math.min(r.n-1,f|0),u=f-s,a=r.a,i=s*3;\n      TMP[0]=a[i]+(a[i+3]-a[i])*u;TMP[1]=a[i+1]+(a[i+4]-a[i+1])*u;TMP[2]=a[i+2]+(a[i+5]-a[i+2])*u;pj(TMP,o);}\n\n    function prepBuckets(){\n      var baseR=Math.min(5,spPx*.22),COL=['#D8D6CF','#F7F6F3','#B4B2AB','#F2EEE8'],RM=[1,1.18,.8,1.12];\n      for(var c=0;c<4;c++)for(var kz=0;kz<NBK;kz++)for(var v=0;v<2;v++){\n        var b=(c*NBK+kz)*2+v,zA=(kz+.5)\/NBK,al;\n        if(c===0)al=(.10+.62*zA)*(v?1:.74);else if(c===1)al=(.28+.72*zA)*(v?1:.85);else if(c===2)al=(.05+.26*zA)*(v?1:.7);else al=(.24+.72*zA)*(v?1:.86);\n        BA[b]=al;BR[b]=baseR*(.4+.6*zA)*RM[c];BC[b]=COL[c];\n      }\n    }\n\n    \/* Static curved dotted land (positions never change; only the shared horizontal offset tx is added per frame) *\/\n    function buildDots(){\n      var sl=clamp(spPx\/(sy*.0113),.8,2.6),so=clamp(spPx\/(sx*(sa\/half)*.63),.7,3.2),n=0,row=0,tmpV=[0,0,0],p=[0,0,0];\n      var xs=[],ys=[],bk=[],lat,D;\n      for(lat=-8;lat<=78;lat+=sl,row++){\n        for(D=DLO-6+(row&1)*so\/2;D<=DHI+6;D+=so){\n          var L=landD(lat,D);if(!L)continue;n++;\n          if(L===2&&hash(n+31)<.45)continue;\n          vec(lat,D,tmpV);pjb(tmpV,p);\n          if(p[2]<.05||p[0]<-8||p[0]>W+8||p[1]<gtop-6||p[1]>H+4)continue;\n          var ux=(p[0]-W\/2)\/(W\/2),bl=edgeY-64*U*ux*ux;\n          var ff=(1-sstep(bl-46*U,bl,p[1]))*sstep(-10,80,p[0])*sstep(-10,80,W-p[0])*sstep(gtop-6,gtop+36,p[1]);\n          var dv=Math.pow(p[2],.6)*ff;if(dv<.05)continue;\n          var cls=L===3?3:(L===2?2:((!landD(lat+sl,D)||!landD(lat-sl,D)||!landD(lat,D+so)||!landD(lat,D-so))?1:0));\n          var kz=Math.min(NBK-1,(dv*NBK)|0);\n          xs.push(p[0]);ys.push(p[1]);bk.push((cls*NBK+kz)*2+(hash(n+977)>.5?1:0));\n        }\n      }\n      NP=xs.length;\n      var cnt=new Uint32Array(NBUCK+1),i;\n      for(i=0;i<NP;i++)cnt[bk[i]+1]++;\n      for(i=0;i<NBUCK;i++)cnt[i+1]+=cnt[i];\n      BS=new Uint32Array(cnt);DX=new Float32Array(NP);DY=new Float32Array(NP);\n      var pos=new Uint32Array(cnt);\n      for(i=0;i<NP;i++){var q=pos[bk[i]]++;DX[q]=xs[i];DY[q]=ys[i];}\n    }\n    function buildGrid(){\n      GR=[];var lat,D,p=[0,0,0],v=[0,0,0],pts;\n      function line(list){var n=list.length,gx=new Float32Array(n),gy=new Float32Array(n),gz=new Float32Array(n);\n        for(var i=0;i<n;i++){vec(list[i][0],list[i][1],v);pjb(v,p);gx[i]=p[0];gy[i]=p[1];gz[i]=p[2];}GR.push([gx,gy,gz]);}\n      for(lat=-10;lat<=70;lat+=10){pts=[];for(D=DLO-12;D<=DHI+12;D+=4)pts.push([lat,D]);line(pts);}\n      for(D=Math.ceil((DLO-6)\/15)*15;D<=DHI+6;D+=15){pts=[];for(lat=-10;lat<=78;lat+=4)pts.push([lat,D]);line(pts);}\n    }\n\n    function drawBase(){\n      var bw=W+2*pad;\n      bctx.setTransform(dpr,0,0,dpr,0,0);bctx.clearRect(0,0,bw,H);\n      bctx.save();bctx.translate(cx+pad,cy);bctx.scale(sx*pfm,sy*pfm);\n      var g=bctx.createRadialGradient(0,0,.96,0,0,1.14);\n      g.addColorStop(0,'rgba('+CRGB+',.13)');g.addColorStop(.35,'rgba('+CRGB+',.04)');g.addColorStop(1,'rgba('+CRGB+',0)');\n      bctx.fillStyle=g;bctx.beginPath();bctx.arc(0,0,1.14,0,TAU);bctx.fill();\n      var f=bctx.createRadialGradient(0,-.6,0,0,0,1);\n      f.addColorStop(0,'#24252b');f.addColorStop(.5,'#191b1f');f.addColorStop(1,'#111216');\n      bctx.fillStyle=f;bctx.beginPath();bctx.arc(0,0,1,0,TAU);bctx.fill();\n      var rim=bctx.createRadialGradient(0,0,.9,0,0,1);\n      rim.addColorStop(0,'rgba(247,246,243,0)');rim.addColorStop(.8,'rgba(247,246,243,.05)');rim.addColorStop(1,'rgba(247,246,243,.17)');\n      bctx.fillStyle=rim;bctx.beginPath();bctx.arc(0,0,1,0,TAU);bctx.fill();\n      bctx.restore();\n    }\n\n    function fullBleed(){\n      if(root.getAttribute('data-fullbleed')==='0')return;\n      root.style.width='100%';root.style.marginLeft='0px';\n      var l=root.getBoundingClientRect().left,vw=document.documentElement.clientWidth||window.innerWidth;\n      root.style.width=vw+'px';root.style.marginLeft=(-l)+'px';\n    }\n    function contentRects(){\n      var rr=root.getBoundingClientRect(),out=[],rg=document.createRange();\n      function add(r){if(r&&r.width>0&&r.height>0)out.push({x:r.left-rr.left,y:r.top-rr.top,w:r.width,h:r.height});}\n      ['.bow-gh__eyebrow','.bow-gh__title'].forEach(function(s){var el=inner.querySelector(s);if(!el)return;rg.selectNodeContents(el);add(rg.getBoundingClientRect());});\n      ['.bow-gh__sub','.bow-gh__btn','.bow-gh__link','.bow-gh__strip'].forEach(function(s){var el=inner.querySelector(s);if(el)add(el.getBoundingClientRect());});\n      return out;\n    }\n    function hitAny(r,list,p){for(var i=0;i<list.length;i++){var o=list[i];if(r.x<o.x+o.w+p&&r.x+r.w>o.x-p&&r.y<o.y+o.h+p&&r.y+r.h>o.y-p)return true;}return false;}\n\n    function layout(){\n      fullBleed();\n      W=root.clientWidth;if(!W)return;\n      var vh=window.innerHeight||800;mobile=W<=767;var tablet=W<=980;\n      padX=parseFloat(getComputedStyle(inner).paddingLeft)||20;\n      if(W>980){var s=Math.min(W\/1440,vh\/810);U=1+(s-1)*.7;}else if(W>767){U=.95+(W-768)\/213*.1;}else{U=W<380?.88:(W<430?.95:1);}\n      U=clamp(U,.85,2.2);root.style.setProperty('--bow-u',U.toFixed(3));\n\n      cb=content.offsetTop+content.offsetHeight;\n      var rr=root.getBoundingClientRect(),stripOn=strip&&strip.offsetHeight>0;\n      if(stripOn){var sr=strip.getBoundingClientRect();gtop=(sr.top-rr.top)+sr.height*.3;}else{gtop=cb+(mobile?10:16)*U;}\n      var capMin=mobile?290:(tablet?330:Math.max(300,260*U));\n      root.style.minHeight=Math.ceil(gtop+capMin)+'px';\n      H=root.clientHeight;if(!H)return;\n      dpr=Math.max(1,Math.min(window.devicePixelRatio||1,2,Math.sqrt(9e6\/(W*H))));\n      drop=(mobile?DROP_M:DROP_D)*U;      \/* globe sits this much lower *\/\n      edgeY=H-6+drop*.9;                  \/* rounded lower contour follows the globe down *\/\n\n      \/* Wide-angle curated globe section with a downward camera tilt (tl).\n         Desktop\/tablet show North America to China, phones show Moscow to China. *\/\n      if(mobile){DLO=14;DHI=128;sa=40*D2R;tl=TILT_M*D2R;}else{DLO=-104;DHI=124;sa=56*D2R;tl=TILT_D*D2R;}\n      Dc=(DLO+DHI)\/2;half=(DHI-DLO)\/2;pk=.3;ct=Math.cos(tl);st=Math.sin(tl);\n      pfm=0;for(var z=0;z<=1.0001;z+=.01){var rz=Math.sqrt(Math.max(0,1-z*z))\/(1+pk*(1-z));if(rz>pfm)pfm=rz;}\n      drA=mobile?7:Math.min(30,W*.018);parA=mobile?0:12*U;\n      pad=Math.ceil(drA+parA)+10;\n      base.style.left=(-pad)+'px';base.style.right='auto';base.style.width=(W+2*pad)+'px';base.style.willChange='transform';\n      base.width=Math.round((W+2*pad)*dpr);base.height=Math.round(H*dpr);\n      canvas.width=Math.round(W*dpr);canvas.height=Math.round(H*dpr);\n\n      DEST.forEach(function(d){d.act=(d.D>=DLO-3&&d.D<=DHI+3)&&(!mobile||!!d.m);vec(d.lat,d.D,d.v);});\n      vec(NL,ND,NV);\n\n      \/* Fit the projection to the destination network so nothing is cropped *\/\n      var keys=[[NL,ND],[8.1,77.5],[1.35,warp(103.82)]];\n      DEST.forEach(function(d){if(d.act)keys.push([d.lat,d.D]);});\n      var minX=1e9,maxX=-1e9,minY=1e9,maxY=-1e9,kv=[0,0,0];\n      keys.forEach(function(k){\n        vec(k[0],k[1],kv);\n        var Yp=kv[1]*ct-kv[2]*st,Zp=kv[1]*st+kv[2]*ct,pf=1\/(1+pk*(1-Zp)),xu=kv[0]*pf,yu=-Yp*pf;\n        if(xu<minX)minX=xu;if(xu>maxX)maxX=xu;if(yu<minY)minY=yu;if(yu>maxY)maxY=yu;\n      });\n      var m=mobile?14:Math.max(26,W*.025),mx=m+drA+parA;\n      yTop=gtop+(mobile?12:20)*U;avail=Math.max(120,H-yTop-10);\n      var botM=(mobile?24:34)*U;\n      sx=(W-2*mx)\/(maxX-minX);cx=mx-sx*minX;\n      var u0=(76.5-Dc)\/half,l0=u0*sa,p0=22*D2R;\n      var dYp0=Math.cos(p0)*ct+Math.sin(p0)*Math.cos(l0)*st;\n      var syIso=sx*(sa\/half)\/D2R*Math.cos(p0)*Math.cos(l0)\/dYp0;\n      var span=maxY-minY,fitSy=(avail-botM-drop*.4)\/span;\n      sy=clamp(fitSy,.85*syIso,(mobile?1.5:1.25)*syIso);\n      var slack=Math.max(0,avail-botM-drop*.4-span*sy);\n      cy=yTop+slack*.6-sy*minY+drop;      \/* + drop moves the whole globe downward *\/\n\n      LW=Math.max(1,Math.min(2,sy\/420));spPx=clamp(sx\/150,6,9.5);sc=clamp(sx\/1150,.62,1.4);\n      fbEl.style.top=(gtop+H*.04)+'px';\n\n      \/* static geometry *\/\n      var i,p=[0,0,0],v=[0,0,0];\n      for(i=0;i<INDN;i++){vec(IL[i],ID[i],v);pjb(v,p);IX0[i]=p[0];IY0[i]=p[1];IZ0[i]=p[2];}\n      IX0[INDN]=IX0[0];IY0[INDN]=IY0[0];IZ0[INDN]=IZ0[0];\n      buildDots();buildGrid();prepBuckets();drawBase();\n\n      DEST.forEach(function(d){d.route=makeRoute(NV,d.v);pjb(d.v,p);d.bx=p[0];d.by=p[1];});\n      pjb(NV,p);var NBX=p[0],NBY=p[1];\n\n      DESTA=DEST.filter(function(d){return d.act;});\n      var I=DESTA.filter(function(d){return d.intl;}),Dm=DESTA.filter(function(d){return !d.intl;}),ii=0,di=0;\n      order=[];\n      while(ii<I.length||di<Dm.length){if(ii<I.length)order.push(I[ii++]);if(ii<I.length)order.push(I[ii++]);if(di<Dm.length)order.push(Dm[di++]);}\n      ptr=0;STEP=mobile?2.2:1.3;SHOW=mobile?5.5:6;MAXL=mobile?3:6;\n      DEST.forEach(function(d){d.w=d.el.offsetWidth;d.h=d.el.offsetHeight;});\n      NASH.w=NASH.el.offsetWidth;NASH.h=NASH.el.offsetHeight;\n\n      \/* Service cards: tucked into the open lower corners left by the rounded lower contour *\/\n      var obst=contentRects();\n      DEST.forEach(function(d){if(d.act)obst.push({x:d.bx-34,y:d.by-24,w:68,h:48});});\n      obst.push({x:NBX-34,y:NBY-24,w:68,h:48});\n      var CAND=[[.09,0],[.91,0],[.26,0],[.74,0],[.09,-70],[.91,-70],[.42,0],[.58,0],[.09,-140],[.91,-140]];\n      cardRects=[];\n      items.forEach(function(el){\n        var w=el.offsetWidth,h=el.offsetHeight;\n        if(!w){el.classList.remove('is-on');return;}\n        var ok=false;\n        for(var c=0;c<CAND.length&&!ok;c++){\n          var x=clamp(W*CAND[c][0],w\/2+padX,W-w\/2-padX),y=H-14-h\/2+CAND[c][1],rc={x:x-w\/2,y:y-h\/2,w:w,h:h};\n          if(y-h\/2<gtop+30)continue;\n          if(!hitAny(rc,obst,8)&&!hitAny(rc,cardRects,10)){el.style.left=x+'px';el.style.top=y+'px';cardRects.push(rc);ok=true;}\n        }\n        el.classList.toggle('is-on',ok);\n      });\n      ready=true;\n    }\n\n    function drawIndia(now){\n      var pulse=reduce?.5:(.5+.5*Math.sin(now*1.3));\n      function path(){var pv=false;ctx.beginPath();for(var k=0;k<=INDN;k++){var vis=IZ0[k]>.03;if(vis){if(pv)ctx.lineTo(IX0[k]+tx,IY0[k]);else ctx.moveTo(IX0[k]+tx,IY0[k]);}pv=vis;}}\n      ctx.lineJoin='round';ctx.lineCap='round';\n      path();ctx.lineWidth=5*LW;ctx.strokeStyle='rgba('+CRGB+','+(.07+.08*pulse).toFixed(3)+')';ctx.stroke();\n      path();ctx.lineWidth=Math.max(1.2,1.3*LW);ctx.strokeStyle='rgba('+CRGB+',.95)';ctx.stroke();\n    }\n\n    function drawRoutes(now){\n      var pr=Math.max(1,Math.min(1.8,sx\/1100)),pinR=Math.max(2,Math.min(5,spPx*.3));\n      var j,d,r,s,k,q,t,tt,v,a,yf,e,sm,px,py,pv,bs,ex,ey,ez;\n\n      \/* Domestic: thin dashed neutral lines from Nashik *\/\n      ctx.save();ctx.setLineDash([3*pr,5*pr]);ctx.lineWidth=LW;\n      for(j=0;j<DEST.length;j++){\n        d=DEST[j];if(d.intl||!d.vis)continue;\n        r=d.route;ctx.strokeStyle='rgba(247,246,243,'+(.13+.32*d.sm).toFixed(3)+')';\n        ctx.beginPath();pv=false;\n        for(s=0;s<=r.n;s++){routeAt(r,s,P);v=P[2]>.02||outside(P);if(v){if(pv)ctx.lineTo(P[0],P[1]);else ctx.moveTo(P[0],P[1]);}pv=v;}\n        ctx.stroke();\n      }\n      ctx.restore();\n\n      \/* International: Nashik -> destination, arcs that wrap over the curved surface *\/\n      ctx.lineCap='round';\n      for(j=0;j<DEST.length;j++){\n        d=DEST[j];if(!d.intl||!d.vis)continue;\n        r=d.route;sm=d.sm;bs=d.ob+.34*sm;px=0;py=0;pv=false;\n        for(s=0;s<=r.n;s++){\n          routeAt(r,s,P);v=P[2]>.02||outside(P);\n          if(v&&pv){\n            t=s\/r.n;yf=sstep(gtop-6,gtop+44,(py+P[1])*.5);a=bs*(.55+.45*Math.sin(Math.PI*t))*yf;\n            if(a>.01){\n              if(sm>.05){ctx.lineWidth=3.6*LW;ctx.strokeStyle='rgba('+CRGB+','+(a*.2).toFixed(3)+')';ctx.beginPath();ctx.moveTo(px,py);ctx.lineTo(P[0],P[1]);ctx.stroke();}\n              ctx.lineWidth=(1.2+.5*sm)*LW;ctx.strokeStyle='rgba('+CRGB+','+a.toFixed(3)+')';ctx.beginPath();ctx.moveTo(px,py);ctx.lineTo(P[0],P[1]);ctx.stroke();\n            }\n          }\n          px=P[0];py=P[1];pv=v;\n        }\n        ex=P[0];ey=P[1];ez=P[2];\n        if(!reduce){\n          for(q=0;q<2;q++){\n            t=(now*d.spd+d.pph+q*.5)%1;\n            for(k=0;k<5;k++){\n              tt=t-k*.017;if(tt<.005)break;\n              routePoint(r,tt,P);if(!(P[2]>.02||outside(P)))continue;\n              yf=sstep(gtop-6,gtop+44,P[1]);e=Math.sin(Math.PI*tt)*yf*(1-k*.2);if(e<=.01)continue;\n              if(k===0){\n                ctx.fillStyle='rgba('+CRGB+','+(.22*e).toFixed(3)+')';ctx.beginPath();ctx.arc(P[0],P[1],4.8*pr,0,TAU);ctx.fill();\n                ctx.fillStyle='rgba('+CRGB+','+Math.min(1,.45+.55*e).toFixed(3)+')';ctx.beginPath();ctx.arc(P[0],P[1],1.9*pr,0,TAU);ctx.fill();\n              }else{\n                ctx.fillStyle='rgba('+CRGB+','+(.5*e).toFixed(3)+')';ctx.beginPath();ctx.arc(P[0],P[1],Math.max(.6,(1.7-.25*k)*pr),0,TAU);ctx.fill();\n              }\n            }\n          }\n        }\n        \/* destination ring + arrowhead aligned with the final route direction *\/\n        if(ez>.04){\n          var af=sstep(gtop+2,Math.max(gtop+30,cb-6),ey)*sstep(.04,.3,ez);\n          if(af>.02){\n            k=Math.max(2,Math.round(r.n*.09));routeAt(r,r.n-k,Q);\n            var ux=ex-Q[0],uy=ey-Q[1],ul=Math.sqrt(ux*ux+uy*uy),r0=pinR*1.5;\n            if(ul>2){\n              ux\/=ul;uy\/=ul;\n              var ax=ex-ux*(r0+1),ay=ey-uy*(r0+1),L=9*pr,Wd=4.2*pr;\n              ctx.fillStyle='rgba('+CRGB+','+(af*(.72+.28*sm)).toFixed(3)+')';\n              ctx.beginPath();ctx.moveTo(ax,ay);ctx.lineTo(ax-ux*L-uy*Wd,ay-uy*L+ux*Wd);ctx.lineTo(ax-ux*L+uy*Wd,ay-uy*L-ux*Wd);ctx.closePath();ctx.fill();\n            }\n            ctx.lineWidth=1.2*LW;ctx.strokeStyle='rgba('+CRGB+','+(af*.75).toFixed(3)+')';ctx.beginPath();ctx.arc(ex,ey,r0,0,TAU);ctx.stroke();\n            ctx.fillStyle='rgba('+CRGB+','+af.toFixed(3)+')';ctx.beginPath();ctx.arc(ex,ey,pinR*.5,0,TAU);ctx.fill();\n          }\n        }\n      }\n    }\n\n    function writePill(o,tgt,x,y){\n      o.sm+=(tgt-o.sm)*(reduce?1:.2);\n      if(o.sm<.004&&o.sm>0&&tgt===0)o.sm=0;\n      if(o.sm>.004||o.prev>.004){o.el.style.opacity=o.sm.toFixed(3);o.el.style.transform='translate3d('+x.toFixed(1)+'px,'+y.toFixed(1)+'px,0) translate(-50%,-50%)';}\n      o.prev=o.sm;\n    }\n    function schedule(now){\n      if(reduce||now<nextAt||!order.length)return;\n      var act=0,i,d;\n      for(i=0;i<DESTA.length;i++)if(DESTA[i].on)act++;\n      if(act>=MAXL){nextAt=now+.5;return;}\n      var ymin=cb+6,tries=order.length;\n      while(tries--){\n        d=order[ptr%order.length];ptr++;\n        if(d.on||!d.w||!d.vis||d.z<.3||d.x<40||d.x>W-40||d.y>H-34)continue;\n        var cands=[[d.dx,d.dy],[-d.dx,d.dy],[d.dx,-d.dy],[-d.dx,-d.dy],[0,-46],[0,46],[0,70],[70,64],[-70,64]],hw=d.w\/2+8,hh=d.h\/2+4;\n        for(var c=0;c<cands.length;c++){\n          var x=d.x+cands[c][0]*sc,y=d.y+cands[c][1]*sc;\n          if(y-hh<=ymin||y+hh>=H-10||x-hw<=10||x+hw>=W-10)continue;\n          if(hitAny({x:x-hw,y:y-hh,w:hw*2,h:hh*2},lastPlaced,6))continue;\n          d.cdx=cands[c][0];d.cdy=cands[c][1];d.on=true;d.start=now;nextAt=now+STEP;return;\n        }\n      }\n      nextAt=now+.6;\n    }\n    function drawMarkersAndLabels(now){\n      var pinR=Math.max(2,Math.min(5,spPx*.3)),j,d,ymin=cb+6,side=10,placed=cardRects.slice(),fl=reduce?0:1;\n      schedule(now);\n\n      \/* Nashik: coral origin marker with pulsing rings *\/\n      var nf=sstep(.02,.3,NZ);\n      if(nf>0&&NY>gtop&&NY<H){\n        var g=ctx.createRadialGradient(NX,NY,0,NX,NY,pinR*7);\n        g.addColorStop(0,'rgba('+CRGB+','+(.5*nf).toFixed(3)+')');g.addColorStop(1,'rgba('+CRGB+',0)');\n        ctx.fillStyle=g;ctx.beginPath();ctx.arc(NX,NY,pinR*7,0,TAU);ctx.fill();\n        ctx.lineWidth=Math.max(1,LW);\n        if(reduce){ctx.strokeStyle='rgba('+CRGB+','+(.4*nf).toFixed(3)+')';ctx.beginPath();ctx.arc(NX,NY,pinR*4,0,TAU);ctx.stroke();}\n        else{for(var q=0;q<2;q++){var ph=((now\/2.6)+q*.5)%1;ctx.strokeStyle='rgba('+CRGB+','+(nf*(1-ph)*.6).toFixed(3)+')';ctx.beginPath();ctx.arc(NX,NY,pinR*2+ph*34*Math.max(.8,sc),0,TAU);ctx.stroke();}}\n        ctx.fillStyle='rgba('+CRGB+','+nf.toFixed(3)+')';ctx.beginPath();ctx.arc(NX,NY,pinR*1.7,0,TAU);ctx.fill();\n        ctx.fillStyle='rgba(16,17,20,'+nf.toFixed(3)+')';ctx.beginPath();ctx.arc(NX,NY,pinR*.65,0,TAU);ctx.fill();\n      }\n      if(NASH.w){\n        var ntx=NX+NASH.dx*sc+(fl?Math.sin(now*.7)*2*sc:0),nty=NY+NASH.dy*sc+(fl?Math.cos(now*.6)*2.4*sc:0),nhw=NASH.w\/2+8,nhh=NASH.h\/2+4;\n        var nin=(nty-nhh>ymin&&nty+nhh<H-10&&ntx-nhw>side&&ntx+nhw<W-side)?1:0,ntg=sstep(.12,.38,NZ)*nin;\n        if(ntg>.02)placed.push({x:ntx-nhw,y:nty-nhh,w:nhw*2,h:nhh*2});\n        if(NASH.sm>.02){ctx.lineWidth=LW;ctx.strokeStyle='rgba('+CRGB+','+(.6*NASH.sm).toFixed(3)+')';ctx.beginPath();ctx.moveTo(NX,NY);ctx.lineTo(ntx,nty);ctx.stroke();}\n        writePill(NASH,ntg,ntx,nty);\n      }\n\n      for(j=0;j<DEST.length;j++){\n        d=DEST[j];\n        if(!d.vis){if(d.on)d.on=false;writePill(d,0,d.x,d.y);continue;}\n        if(!d.intl&&d.y>gtop&&d.y<H){ctx.globalAlpha=Math.min(1,d.z*1.4)*.8;ctx.strokeStyle='#F7F6F3';ctx.lineWidth=LW;ctx.beginPath();ctx.arc(d.x,d.y,pinR*.7,0,TAU);ctx.stroke();ctx.globalAlpha=1;}\n        var en=0;\n        if(reduce){en=d.st?1:0;}\n        else if(d.on){var u=(now-d.start)\/SHOW;if(u>=1)d.on=false;else en=sstep(0,.14,u)*(1-sstep(.82,1,u));}\n        var lx=d.x+d.cdx*sc+(fl?Math.sin(now*.7+j*1.7)*2.2*sc:0),ly=d.y+d.cdy*sc+(fl?Math.cos(now*.6+j*1.3)*2.6*sc:0),hw=d.w\/2+8,hh=d.h\/2+4;\n        var inV=(ly-hh>ymin&&ly+hh<H-10&&lx-hw>side&&lx+hw<W-side)?1:0,tg=d.w?en*sstep(.1,.3,d.z)*inV:0;\n        if(tg>.02){var rc={x:lx-hw,y:ly-hh,w:hw*2,h:hh*2};if(hitAny(rc,placed,2))tg=0;else placed.push(rc);}\n        if(d.sm>.02){ctx.lineWidth=LW;ctx.strokeStyle=d.intl?'rgba('+CRGB+','+(.5*d.sm).toFixed(3)+')':'rgba(247,246,243,'+(.3*d.sm).toFixed(3)+')';ctx.beginPath();ctx.moveTo(d.x,d.y);ctx.lineTo(lx,ly);ctx.stroke();}\n        writePill(d,tg,lx,ly);\n      }\n      lastPlaced=placed;\n    }\n\n    function draw(){\n      if(!ready)return;\n      var now=performance.now()\/1000,i,j,b;\n      \/* the single horizontal offset shared by globe body, dots, grid, India, routes, markers and labels *\/\n      tx=reduce?0:drA*Math.sin(now*TAU\/PER)+par;\n      base.style.transform='translate3d('+tx.toFixed(2)+'px,0,0)';\n      ctx.setTransform(dpr,0,0,dpr,0,0);ctx.clearRect(0,0,W,H);\n\n      \/* Curved graticule, clipped to the rounded lower contour *\/\n      var ae=edgeY-64*U;\n      ctx.save();ctx.beginPath();ctx.moveTo(0,gtop);ctx.lineTo(W,gtop);ctx.lineTo(W,ae);ctx.quadraticCurveTo(W\/2,edgeY+64*U,0,ae);ctx.closePath();ctx.clip();\n      ctx.beginPath();\n      for(i=0;i<GR.length;i++){\n        var gx=GR[i][0],gy=GR[i][1],gz=GR[i][2],pv=false;\n        for(j=0;j<gx.length;j++){\n          var vis=gz[j]>.06;\n          if(vis){if(pv)ctx.lineTo(gx[j]+tx,gy[j]);else ctx.moveTo(gx[j]+tx,gy[j]);}\n          pv=vis;\n        }\n      }\n      ctx.lineWidth=LW;ctx.strokeStyle='rgba(247,246,243,.06)';ctx.stroke();\n      ctx.restore();\n\n      \/* Depth-aware dotted land (nearer = larger and brighter, limb = smaller and fainter) *\/\n      for(b=0;b<NBUCK;b++){\n        var s0=BS[b],e0=BS[b+1];\n        if(e0>s0){\n          var r=BR[b];ctx.globalAlpha=BA[b];ctx.fillStyle=BC[b];ctx.beginPath();\n          for(j=s0;j<e0;j++){var qx=DX[j]+tx,qy=DY[j];ctx.moveTo(qx+r,qy);ctx.arc(qx,qy,r,0,TAU);}\n          ctx.fill();\n        }\n      }\n      ctx.globalAlpha=1;\n\n      \/* screen positions of Nashik and every destination (same projection) *\/\n      pj(NV,P);NX=P[0];NY=P[1];NZ=P[2];\n      for(j=0;j<DEST.length;j++){\n        var d=DEST[j];pj(d.v,P);d.x=P[0];d.y=P[1];d.z=P[2];\n        d.vis=d.act&&d.z>.12&&d.x>8&&d.x<W-8&&d.y>gtop-10&&d.y<H-2;\n      }\n\n      ctx.save();ctx.beginPath();ctx.rect(0,gtop+1,W,H);ctx.clip();drawIndia(now);ctx.restore();\n      drawRoutes(now);\n      drawMarkersAndLabels(now);\n    }\n\n    function frame(t){\n      raf=0;\n      if(destroyed)return;\n      if(!root.isConnected){destroy();return;}\n      if(!running||!visible)return;\n      raf=requestAnimationFrame(frame);\n      if(t-last<30)return;\n      var dt=last?Math.min(.1,(t-last)\/1000):0;last=t;\n      par+=(parT-par)*(1-Math.exp(-dt*3));\n      draw();\n    }\n    function start(){if(reduce||running||destroyed)return;running=true;last=0;if(!raf)raf=requestAnimationFrame(frame);}\n    function stop(){running=false;if(raf){cancelAnimationFrame(raf);raf=0;}}\n\n    \/* Mouse: tiny horizontal parallax only; eases back to the normal drift on leave *\/\n    function onPMove(e){if(reduce||e.pointerType!=='mouse'||!parA)return;var r=root.getBoundingClientRect();parT=clamp(((e.clientX-r.left)\/r.width)*2-1,-1,1)*parA;}\n    function onPLeave(){parT=0;}\n\n    function destroy(){\n      destroyed=true;stop();\n      if(ro)ro.disconnect();if(io)io.disconnect();clearTimeout(rt);\n      window.removeEventListener('resize',onResize);window.removeEventListener('orientationchange',onResize);window.removeEventListener('load',onResize);\n      document.removeEventListener('visibilitychange',onVis);root.removeEventListener('pointermove',onPMove);root.removeEventListener('pointerleave',onPLeave);\n    }\n    function onResize(){clearTimeout(rt);rt=setTimeout(function(){if(destroyed)return;layout();draw();},100);}\n    function onVis(){if(document.hidden)stop();else if(visible)start();}\n\n    layout();draw();\n    window.addEventListener('resize',onResize);\n    window.addEventListener('orientationchange',onResize);\n    window.addEventListener('load',onResize);\n    document.addEventListener('visibilitychange',onVis);\n    if('ResizeObserver' in window){ro=new ResizeObserver(onResize);ro.observe(root);ro.observe(content);if(root.parentElement)ro.observe(root.parentElement);}\n    if(document.fonts&&document.fonts.ready)document.fonts.ready.then(onResize);\n    if(!reduce){root.addEventListener('pointermove',onPMove,{passive:true});root.addEventListener('pointerleave',onPLeave,{passive:true});}\n    if('IntersectionObserver' in window){io=new IntersectionObserver(function(e){visible=e[0].isIntersecting;if(visible)start();else stop();},{threshold:0});io.observe(root);}\n    start();\n  }\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_1 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_1 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_1 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><section id=\"bow-growth-section\" aria-labelledby=\"bow-title\">\n<style>\n#bow-growth-section{\n  --bow-bg:#F7F5F0; --bow-white:#fff; --bow-ink:#18212B; --bow-slate:#68717C;\n  --bow-coral:#F06450; --bow-line:#E6E2DC; --bow-tint:#FBEAE6;\n  --bow-hero:#0B1016; \/* match your hero's dark background *\/\n  position:relative; width:100%; overflow:hidden; box-sizing:border-box;\n  background:var(--bow-bg); color:var(--bow-ink); isolation:isolate;\n  font-family:inherit; line-height:1.5;\n}\n#bow-growth-section *,#bow-growth-section *::before,#bow-growth-section *::after{box-sizing:border-box}\n\n\/* ---------- Transition from the dark hero ---------- *\/\n#bow-growth-section .bow-edge{position:relative;height:clamp(110px,13vw,190px);background:var(--bow-bg);z-index:1}\n#bow-growth-section .bow-edge svg{position:absolute;left:0;top:0;width:100%;height:100%;display:block}\n#bow-growth-section .bow-edge .bow-wave{height:100%}\n#bow-growth-section .bow-drift path{stroke-dasharray:3 9;fill:none;stroke-linecap:round}\n\n\/* ---------- Background texture ---------- *\/\n#bow-growth-section .bow-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;\n  background-image:linear-gradient(rgba(24,33,43,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(24,33,43,.05) 1px,transparent 1px);\n  background-size:64px 64px;\n  -webkit-mask-image:linear-gradient(180deg,transparent 5%,#000 30%,#000 70%,transparent 100%);\n  mask-image:linear-gradient(180deg,transparent 5%,#000 30%,#000 70%,transparent 100%)}\n#bow-growth-section .bow-bg::after{content:\"\";position:absolute;width:clamp(420px,52vw,780px);aspect-ratio:1;border-radius:50%;\n  border:1px solid rgba(240,100,80,.28);right:-14%;top:16%}\n#bow-growth-section .bow-bg::before{content:\"\";position:absolute;width:260px;aspect-ratio:1;border-radius:50%;\n  background:radial-gradient(circle,var(--bow-tint),transparent 70%);left:-80px;bottom:6%}\n\n\/* ---------- Layout ---------- *\/\n#bow-growth-section .bow-wrap{position:relative;max-width:1240px;margin:0 auto;\n  padding:clamp(24px,4vw,56px) clamp(20px,4vw,40px) clamp(72px,9vw,140px);\n  display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6.4fr);gap:clamp(32px,5vw,80px);align-items:start}\n\n\/* ---------- Copy ---------- *\/\n#bow-growth-section .bow-eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 clamp(22px,3vw,36px);\n  font-size:.74rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--bow-slate)}\n#bow-growth-section .bow-eyebrow::before{content:\"\";width:44px;height:1px;background:var(--bow-coral)}\n#bow-growth-section .bow-title{margin:0 0 clamp(22px,3vw,34px);padding:0;\n  font-family:\"Iowan Old Style\",\"Palatino Linotype\",Palatino,Georgia,serif;font-weight:500;\n  font-size:clamp(2.9rem,5.6vw,5.6rem);line-height:1;letter-spacing:-.025em;color:var(--bow-ink)}\n#bow-growth-section .bow-title span{display:block}\n#bow-growth-section .bow-title .bow-l3{font-style:italic;font-weight:400;color:var(--bow-slate);margin-top:.12em}\n#bow-growth-section .bow-title em{font-style:italic;color:var(--bow-coral);position:relative;display:inline-block}\n#bow-growth-section .bow-title em::after{content:\"\";position:absolute;left:2%;right:0;bottom:.06em;height:2px;background:var(--bow-coral);\n  transform-origin:left;opacity:.5}\n#bow-growth-section .bow-lead{margin:0 0 clamp(28px,3.5vw,40px);max-width:30em;font-size:clamp(1rem,1.25vw,1.15rem);color:var(--bow-slate)}\n#bow-growth-section .bow-cta{display:inline-flex;align-items:center;gap:14px;padding:6px 0;min-height:48px;\n  font-size:1rem;font-weight:600;color:var(--bow-ink);text-decoration:none;position:relative}\n#bow-growth-section .bow-cta::after{content:\"\";position:absolute;left:0;right:62px;bottom:4px;height:1px;background:var(--bow-ink);\n  transform-origin:left;transition:background .3s,right .3s}\n#bow-growth-section .bow-arrow{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;\n  border:1px solid var(--bow-ink);font-size:1.05rem;transition:background .3s,color .3s,border-color .3s,transform .3s}\n#bow-growth-section .bow-cta:hover::after,#bow-growth-section .bow-cta:focus-visible::after{background:var(--bow-coral)}\n#bow-growth-section .bow-cta:hover .bow-arrow,#bow-growth-section .bow-cta:focus-visible .bow-arrow{background:var(--bow-coral);border-color:var(--bow-coral);color:#fff;transform:translate(3px,-3px)}\n#bow-growth-section .bow-cta:focus-visible{outline:2px solid var(--bow-coral);outline-offset:4px}\n\n\/* ---------- Connected visual (desktop) ---------- *\/\n#bow-growth-section .bow-stage{position:relative;width:100%;aspect-ratio:100\/118}\n#bow-growth-section .bow-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}\n#bow-growth-section .bow-links path{fill:none;stroke:var(--bow-coral);stroke-width:.24;stroke-linecap:round}\n#bow-growth-section .bow-links .bow-dash{stroke:var(--bow-ink);stroke-width:.2;stroke-dasharray:.6 1.2;opacity:.45}\n#bow-growth-section .bow-node{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;\n  background:var(--bow-white);border:2px solid var(--bow-coral);z-index:3;pointer-events:none}\n#bow-growth-section .bow-node::after{content:\"\";position:absolute;inset:-7px;border-radius:50%;border:1px solid rgba(240,100,80,.35)}\n#bow-growth-section .bow-node.bow-end{background:var(--bow-coral);width:10px;height:10px;margin:-5px 0 0 -5px;border:0}\n#bow-growth-section .bow-list{list-style:none;margin:0;padding:0;position:absolute;inset:0}\n#bow-growth-section .bow-item{position:absolute;margin:0;padding:0;z-index:2}\n#bow-growth-section .bow-i1{left:0;top:0;width:66%}\n#bow-growth-section .bow-i2{left:38%;top:35%;width:58%}\n#bow-growth-section .bow-i3{left:6%;top:68%;width:64%}\n\n#bow-growth-section .bow-card{position:relative;isolation:isolate;background:var(--bow-white);border:1px solid var(--bow-line);border-radius:6px;\n  padding:clamp(22px,2.6vw,36px);box-shadow:0 18px 40px -22px rgba(24,33,43,.25);\n  transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .4s}\n#bow-growth-section .bow-card::before{content:\"\";position:absolute;inset:0;z-index:-1;border-radius:6px;transition:transform .4s cubic-bezier(.2,.7,.2,1)}\n#bow-growth-section .bow-i1 .bow-card::before{background:var(--bow-tint);transform:translate(12px,12px)}\n#bow-growth-section .bow-i2 .bow-card{border-top:3px solid var(--bow-coral)}\n#bow-growth-section .bow-i2 .bow-card::before{border:1px solid var(--bow-line);transform:translate(-10px,10px)}\n#bow-growth-section .bow-i3 .bow-card::before{background:var(--bow-bg);border:1px dashed rgba(240,100,80,.55);transform:translate(10px,10px)}\n#bow-growth-section .bow-num{display:block;margin-bottom:.5em;font-family:\"Iowan Old Style\",\"Palatino Linotype\",Palatino,Georgia,serif;\n  font-style:italic;line-height:.9;color:var(--bow-coral);transition:transform .4s}\n#bow-growth-section .bow-i1 .bow-num{font-size:clamp(3.4rem,6vw,5.6rem)}\n#bow-growth-section .bow-i2 .bow-num{font-size:clamp(2.4rem,4vw,3.6rem)}\n#bow-growth-section .bow-i3 .bow-num{font-size:clamp(2rem,3.2vw,3rem);color:var(--bow-ink)}\n#bow-growth-section .bow-card h3{margin:0 0 .6em;padding:0;font-size:clamp(1.1rem,1.7vw,1.5rem);line-height:1.2;font-weight:600;letter-spacing:-.01em;color:var(--bow-ink)}\n#bow-growth-section .bow-i1 .bow-card h3{font-size:clamp(1.25rem,2.1vw,1.85rem)}\n#bow-growth-section .bow-card p{margin:0;font-size:clamp(.92rem,1.05vw,1rem);color:var(--bow-slate)}\n@media (hover:hover){\n  #bow-growth-section .bow-card:hover{transform:translateY(-6px);border-color:rgba(240,100,80,.5);box-shadow:0 26px 48px -22px rgba(24,33,43,.32)}\n  #bow-growth-section .bow-card:hover::before{transform:translate(0,0)}\n  #bow-growth-section .bow-card:hover .bow-num{transform:translateX(4px)}\n}\n\n\/* ---------- Entrance (only when JS is active) ---------- *\/\n#bow-growth-section.bow-js .bow-reveal{opacity:0;transform:translateY(22px);\n  transition:opacity .8s ease var(--d,0s),transform .8s cubic-bezier(.2,.7,.2,1) var(--d,0s)}\n#bow-growth-section.bow-js .bow-links path.bow-draw{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s ease var(--d,.5s)}\n#bow-growth-section.bow-js .bow-links .bow-dash{opacity:0;transition:opacity 1s ease 1.6s}\n#bow-growth-section.bow-js .bow-node{opacity:0;transform:scale(.4);transition:opacity .5s ease var(--d,.6s),transform .5s ease var(--d,.6s)}\n#bow-growth-section.bow-js .bow-title em::after{transform:scaleX(0);transition:transform .9s ease 1s}\n#bow-growth-section.bow-in .bow-reveal{opacity:1;transform:none}\n#bow-growth-section.bow-in .bow-links path.bow-draw{stroke-dashoffset:0}\n#bow-growth-section.bow-in .bow-links .bow-dash{opacity:.45}\n#bow-growth-section.bow-in .bow-node{opacity:1;transform:none}\n#bow-growth-section.bow-in .bow-title em::after{transform:scaleX(1)}\n\n\/* ---------- Tablet ---------- *\/\n@media (max-width:1100px){\n  #bow-growth-section .bow-wrap{grid-template-columns:minmax(0,1fr);gap:56px}\n  #bow-growth-section .bow-stage{max-width:720px;margin:0 auto;width:100%}\n  #bow-growth-section .bow-title br{display:none}\n}\n\n\/* ---------- Mobile: compact vertical flow ---------- *\/\n@media (max-width:700px){\n  #bow-growth-section .bow-stage{aspect-ratio:auto;max-width:none;padding-left:34px}\n  #bow-growth-section .bow-links,#bow-growth-section .bow-node{display:none}\n  #bow-growth-section .bow-list{position:relative;inset:auto;display:flex;flex-direction:column;gap:30px}\n  #bow-growth-section .bow-list::before{content:\"\";position:absolute;left:-23px;top:10px;bottom:10px;width:1px;\n    background:linear-gradient(var(--bow-coral),rgba(240,100,80,.15));transform-origin:top}\n  #bow-growth-section .bow-item{position:relative;left:auto!important;top:auto!important;width:100%!important}\n  #bow-growth-section .bow-item::before{content:\"\";position:absolute;left:-30px;top:30px;width:14px;height:14px;border-radius:50%;\n    background:var(--bow-white);border:2px solid var(--bow-coral);z-index:3}\n  #bow-growth-section .bow-i1 .bow-card::before{transform:translate(6px,6px)}\n  #bow-growth-section .bow-i2 .bow-card::before{transform:translate(-4px,6px)}\n  #bow-growth-section .bow-i3 .bow-card::before{transform:translate(6px,6px)}\n  #bow-growth-section .bow-i1 .bow-num{font-size:3.2rem}\n  #bow-growth-section .bow-i2 .bow-num,#bow-growth-section .bow-i3 .bow-num{font-size:2.6rem}\n  #bow-growth-section .bow-card h3,#bow-growth-section .bow-i1 .bow-card h3{font-size:1.2rem}\n  #bow-growth-section .bow-card p{font-size:.95rem}\n  #bow-growth-section.bow-js .bow-list::before{transform:scaleY(0);transition:transform 1.4s ease .3s}\n  #bow-growth-section.bow-in .bow-list::before{transform:scaleY(1)}\n}\n\n\/* ---------- Reduced motion ---------- *\/\n@media (prefers-reduced-motion:reduce){\n  #bow-growth-section *,#bow-growth-section *::before,#bow-growth-section *::after{transition:none!important;animation:none!important}\n  #bow-growth-section.bow-js .bow-reveal,#bow-growth-section.bow-js .bow-node{opacity:1;transform:none}\n  #bow-growth-section.bow-js .bow-links path.bow-draw{stroke-dashoffset:0}\n  #bow-growth-section.bow-js .bow-links .bow-dash{opacity:.45}\n  #bow-growth-section.bow-js .bow-title em::after{transform:none}\n  #bow-growth-section.bow-js .bow-list::before{transform:none}\n}\n  \/* ---------- Compact spacing override ---------- *\/\n#bow-growth-section .bow-edge{height:clamp(80px,9vw,130px)}\n#bow-growth-section .bow-wrap{padding-top:clamp(8px,2vw,24px);padding-bottom:clamp(48px,6vw,80px);gap:clamp(28px,4vw,56px)}\n#bow-growth-section .bow-title{font-size:clamp(2.6rem,4.8vw,4.8rem);margin-bottom:clamp(16px,2vw,24px)}\n#bow-growth-section .bow-eyebrow{margin-bottom:clamp(14px,2vw,22px)}\n#bow-growth-section .bow-stage{--bow-gap:clamp(34px,4vw,52px)}\n#bow-growth-section .bow-card{padding:clamp(16px,1.8vw,24px)}\n#bow-growth-section .bow-num{margin-bottom:.3em}\n#bow-growth-section .bow-i1 .bow-num{font-size:clamp(2.4rem,3.8vw,3.4rem)}\n#bow-growth-section .bow-i2 .bow-num{font-size:clamp(2rem,3vw,2.6rem)}\n#bow-growth-section .bow-i3 .bow-num{font-size:clamp(1.8rem,2.6vw,2.3rem)}\n#bow-growth-section .bow-card h3{margin-bottom:.4em;font-size:clamp(1.05rem,1.4vw,1.25rem)}\n#bow-growth-section .bow-i1 .bow-card h3{font-size:clamp(1.15rem,1.7vw,1.5rem)}\n#bow-growth-section .bow-card p{font-size:clamp(.88rem,1vw,.95rem);line-height:1.5}\n@media (max-width:1100px){#bow-growth-section .bow-wrap{gap:36px}}\n@media (max-width:700px){\n  #bow-growth-section .bow-stage{--bow-gap:20px}\n  #bow-growth-section .bow-i1 .bow-num{font-size:2.4rem}\n  #bow-growth-section .bow-i2 .bow-num,#bow-growth-section .bow-i3 .bow-num{font-size:2rem}\n  #bow-growth-section .bow-card h3,#bow-growth-section .bow-i1 .bow-card h3{font-size:1.1rem}\n}\n<\/style>\n\n<!-- Dark-to-light transition -->\n<div class=\"bow-edge\" aria-hidden=\"true\">\n  <svg class=\"bow-wave\" viewBox=\"0 0 1440 140\" preserveAspectRatio=\"none\">\n    <path d=\"M0 0H1440V70C1180 150 880 30 560 85C340 123 160 120 0 90Z\" fill=\"#0B1016\"\/>\n    <path d=\"M0 90C160 120 340 123 560 85C880 30 1180 150 1440 70\" fill=\"none\" stroke=\"#F06450\" stroke-opacity=\".55\" stroke-width=\"1\" vector-effect=\"non-scaling-stroke\"\/>\n  <\/svg>\n  <svg class=\"bow-drift\" viewBox=\"0 0 1440 200\" preserveAspectRatio=\"xMidYMin slice\">\n    <path d=\"M180 30C330 150 560 190 800 128\" stroke=\"#F06450\" stroke-opacity=\".6\" stroke-width=\"1.2\"\/>\n    <path d=\"M1010 40V196\" stroke=\"#F06450\" stroke-opacity=\".5\" stroke-width=\"1.2\"\/>\n    <circle cx=\"180\" cy=\"30\" r=\"3\" fill=\"#fff\" fill-opacity=\".7\"\/>\n    <circle cx=\"420\" cy=\"18\" r=\"2\" fill=\"#fff\" fill-opacity=\".45\"\/>\n    <circle cx=\"640\" cy=\"44\" r=\"2.5\" fill=\"#F06450\"\/>\n    <circle cx=\"1010\" cy=\"40\" r=\"3\" fill=\"#fff\" fill-opacity=\".7\"\/>\n    <circle cx=\"1180\" cy=\"26\" r=\"2\" fill=\"#fff\" fill-opacity=\".45\"\/>\n    <circle cx=\"800\" cy=\"128\" r=\"4\" fill=\"#F06450\"\/>\n    <circle cx=\"1010\" cy=\"196\" r=\"5\" fill=\"#FAF9F6\" stroke=\"#F06450\" stroke-width=\"2\"\/>\n    <circle cx=\"300\" cy=\"176\" r=\"2.5\" fill=\"#18212B\" fill-opacity=\".35\"\/>\n    <circle cx=\"1300\" cy=\"160\" r=\"2.5\" fill=\"#18212B\" fill-opacity=\".3\"\/>\n  <\/svg>\n<\/div>\n<div class=\"bow-bg\" aria-hidden=\"true\"><\/div>\n\n<div class=\"bow-wrap\">\n  <div class=\"bow-copy\">\n    <p class=\"bow-eyebrow bow-reveal\">Brandz on Web \/ Our Approach<\/p>\n    <h2 class=\"bow-title bow-reveal\" id=\"bow-title\" style=\"--d:.1s\">\n      <span>Beyond<\/span><span>Visibility.<\/span><span class=\"bow-l3\">Built for<\/span><span><em>Growth.<\/em><\/span>\n    <\/h2>\n    <p class=\"bow-lead bow-reveal\" style=\"--d:.25s\">We bring strategy, technology and creative execution together to help businesses build a stronger digital presence and turn it into measurable progress.<\/p>\n    <a class=\"bow-cta bow-reveal\" href=\"#\" style=\"--d:.4s\">Explore What We Do <span class=\"bow-arrow\" aria-hidden=\"true\">\u2197<\/span><\/a>\n  <\/div>\n\n  <div class=\"bow-stage\">\n    <svg class=\"bow-links\" viewBox=\"0 0 100 118\" aria-hidden=\"true\" focusable=\"false\">\n      <path class=\"bow-draw\" pathLength=\"1\" style=\"--d:.7s\" d=\"M66 10C90 8 104 30 96 49\"\/>\n      <path class=\"bow-draw\" pathLength=\"1\" style=\"--d:1.3s\" d=\"M38 56C18 58 8 66 22 72C32 76 46 74 46 80.2\"\/>\n      <path class=\"bow-dash\" d=\"M70 88C84 88 92 96 88 108\"\/>\n    <\/svg>\n    <span class=\"bow-node\" style=\"left:66%;top:8.5%;--d:.7s\" aria-hidden=\"true\"><\/span>\n    <span class=\"bow-node\" style=\"left:96%;top:41.5%;--d:1.2s\" aria-hidden=\"true\"><\/span>\n    <span class=\"bow-node\" style=\"left:38%;top:47.5%;--d:1.4s\" aria-hidden=\"true\"><\/span>\n    <span class=\"bow-node\" style=\"left:46%;top:68%;--d:2s\" aria-hidden=\"true\"><\/span>\n    <span class=\"bow-node\" style=\"left:70%;top:74.6%;--d:2.1s\" aria-hidden=\"true\"><\/span>\n    <span class=\"bow-node bow-end\" style=\"left:88%;top:91.5%;--d:2.4s\" aria-hidden=\"true\"><\/span>\n\n    <ol class=\"bow-list\">\n      <li class=\"bow-item bow-i1 bow-reveal\" style=\"--d:.3s\"><div class=\"bow-card\">\n        <span class=\"bow-num\">01<\/span>\n        <h3>Strategy That Moves Business Forward<\/h3>\n        <p>Clear direction, audience insights and growth-focused planning aligned with business objectives.<\/p>\n      <\/div><\/li>\n      <li class=\"bow-item bow-i2 bow-reveal\" style=\"--d:.55s\"><div class=\"bow-card\">\n        <span class=\"bow-num\">02<\/span>\n        <h3>Digital Experiences That Convert<\/h3>\n        <p>High-quality websites, landing pages and digital experiences designed to turn attention into meaningful action.<\/p>\n      <\/div><\/li>\n      <li class=\"bow-item bow-i3 bow-reveal\" style=\"--d:.8s\"><div class=\"bow-card\">\n        <span class=\"bow-num\">03<\/span>\n        <h3>Marketing Connected to Performance<\/h3>\n        <p>Campaigns, search visibility, analytics and optimization working together to create a more effective digital ecosystem.<\/p>\n      <\/div><\/li>\n    <\/ol>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  var root=document.getElementById('bow-growth-section');\n  if(!root)return;\n  var reduce=window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  \/* Full-width breakout: same method as the hero *\/\n  function fullBleed(){\n    root.style.width='100%';root.style.marginLeft='0px';\n    var l=root.getBoundingClientRect().left,\n        vw=document.documentElement.clientWidth||window.innerWidth;\n    root.style.width=vw+'px';root.style.marginLeft=(-l)+'px';\n  }\n  fullBleed();\n  var rt;\n  function onResize(){clearTimeout(rt);rt=setTimeout(fullBleed,100);}\n  window.addEventListener('resize',onResize);\n  window.addEventListener('orientationchange',onResize);\n  window.addEventListener('load',onResize);\n  if('ResizeObserver' in window&&root.parentElement){new ResizeObserver(onResize).observe(root.parentElement);}\n\n  \/* Entrance animation *\/\n  root.classList.add('bow-js');\n  function show(){root.classList.add('bow-in');}\n  if(reduce||!('IntersectionObserver' in window)){show();return;}\n  var io=new IntersectionObserver(function(e){\n    if(e[0].isIntersecting){show();io.disconnect();}\n  },{threshold:.15});\n  io.observe(root);\n  setTimeout(function(){\n    if(!root.classList.contains('bow-in')&&root.getBoundingClientRect().top<window.innerHeight){show();}\n  },1200);\n})();\n<\/script>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_2 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_2 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_2 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_2 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><section id=\"bow-services-section\" aria-labelledby=\"bow-s-title\">\n<style>\n#bow-services-section{\n  --bow-bg:#F7F5F0; --bow-white:#fff; --bow-ink:#18212B; --bow-slate:#68717C;\n  --bow-coral:#F06450; --bow-line:#E6E2DC; --bow-tint:#FBEAE6;\n  --bow-serif:\"Iowan Old Style\",\"Palatino Linotype\",Palatino,Georgia,serif;\n  position:relative;width:100%;overflow:hidden;box-sizing:border-box;isolation:isolate;\nbackground:linear-gradient(180deg,#F7F5F0 0%,#fff 40%,#FBFAF7 100%);\n  color:var(--bow-ink);font-family:inherit;line-height:1.5}\n#bow-services-section *,#bow-services-section *::before,#bow-services-section *::after{box-sizing:border-box}\n#bow-services-section .bow-s-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}\n\n\/* Background *\/\n#bow-services-section .bow-s-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}\n#bow-services-section .bow-s-bg::before{content:\"\";position:absolute;right:0;top:0;width:55%;height:46%;\n  background:radial-gradient(circle,rgba(24,33,43,.16) 1px,transparent 1.6px) 0 0\/22px 22px;\n  -webkit-mask-image:linear-gradient(225deg,#000,transparent 70%);mask-image:linear-gradient(225deg,#000,transparent 70%)}\n#bow-services-section .bow-s-bg::after{content:\"\";position:absolute;width:clamp(300px,38vw,560px);aspect-ratio:1;border-radius:50%;\n  border:1px solid rgba(240,100,80,.25);left:-12%;bottom:-18%}\n\n\/* Layout *\/\n#bow-services-section .bow-s-wrap{max-width:1240px;margin:0 auto;padding:clamp(56px,8vw,120px) clamp(20px,4vw,40px) clamp(64px,8vw,120px)}\n#bow-services-section .bow-s-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,80px);\n  align-items:end;margin-bottom:clamp(36px,5vw,72px)}\n#bow-services-section .bow-s-eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 clamp(16px,2vw,26px);\n  font-size:.74rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--bow-slate)}\n#bow-services-section .bow-s-eyebrow::before{content:\"\";width:44px;height:1px;background:var(--bow-coral)}\n#bow-services-section .bow-s-title{margin:0;padding:0;font-family:var(--bow-serif);font-weight:500;\n  font-size:clamp(2.2rem,4.6vw,4.4rem);line-height:1.04;letter-spacing:-.025em;color:var(--bow-ink)}\n#bow-services-section .bow-s-title em{font-style:italic;color:var(--bow-coral)}\n#bow-services-section .bow-s-kicker{margin:0 0 14px;font-family:var(--bow-serif);font-size:clamp(1.15rem,1.8vw,1.55rem);\n  font-style:italic;color:var(--bow-ink);display:flex;align-items:center;gap:12px}\n#bow-services-section .bow-s-kicker::before{content:\"\";width:9px;height:9px;border-radius:50%;background:var(--bow-coral);flex:none}\n#bow-services-section .bow-s-lead{margin:0;max-width:32em;font-size:clamp(.98rem,1.2vw,1.1rem);color:var(--bow-slate)}\n\n\/* Explorer: base = stacked, all open (works without JS) *\/\n#bow-services-section .bow-s-explorer{position:relative}\n#bow-services-section .bow-s-list{list-style:none;margin:0;padding:0}\n#bow-services-section .bow-s-item{margin:0;padding:0;border-top:1px solid var(--bow-line)}\n#bow-services-section .bow-s-item:last-child{border-bottom:1px solid var(--bow-line)}\n#bow-services-section .bow-s-btn{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(14px,2vw,22px);align-items:center;\n  width:100%;min-height:64px;margin:0;padding:clamp(16px,2vw,24px) 0 clamp(16px,2vw,24px) 26px;text-align:left;\n  background:none;border:0;border-radius:0;color:var(--bow-slate);font:inherit;cursor:pointer;transition:color .3s,background .4s}\n#bow-services-section .bow-s-btn:focus-visible{outline:2px solid var(--bow-coral);outline-offset:-2px}\n#bow-services-section .bow-s-n{font-family:var(--bow-serif);font-style:italic;font-size:clamp(1.6rem,2.4vw,2.2rem);line-height:1;\n  min-width:1.6em;color:rgba(104,113,124,.7);transition:color .3s,transform .4s}\n#bow-services-section .bow-s-name{font-size:clamp(1.08rem,1.6vw,1.45rem);font-weight:600;line-height:1.2;letter-spacing:-.01em}\n#bow-services-section .bow-s-name small{display:block;margin-top:5px;font-size:.76rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--bow-slate)}\n#bow-services-section .bow-s-chev{position:relative;width:34px;height:34px;border:1px solid var(--bow-line);border-radius:50%;flex:none;transition:background .3s,border-color .3s,transform .4s}\n#bow-services-section .bow-s-chev::before,#bow-services-section .bow-s-chev::after{content:\"\";position:absolute;left:50%;top:50%;width:12px;height:1.5px;\n  background:var(--bow-ink);transform:translate(-50%,-50%);transition:transform .4s,background .3s}\n#bow-services-section .bow-s-chev::after{transform:translate(-50%,-50%) rotate(90deg)}\n#bow-services-section .is-active .bow-s-chev{background:var(--bow-coral);border-color:var(--bow-coral);transform:rotate(180deg)}\n#bow-services-section .is-active .bow-s-chev::before,#bow-services-section .is-active .bow-s-chev::after{background:#fff}\n#bow-services-section .is-active .bow-s-chev::after{transform:translate(-50%,-50%) rotate(0)}\n#bow-services-section .is-active .bow-s-btn{color:var(--bow-ink);background:linear-gradient(90deg,var(--bow-tint),transparent 85%)}\n#bow-services-section .is-active .bow-s-n{color:var(--bow-coral)}\n#bow-services-section .bow-s-marker{display:none}\n\n\/* Panel *\/\n#bow-services-section .bow-s-in{position:relative;padding:6px 0 26px 26px;display:flex;flex-direction:column;overflow:hidden}\n#bow-services-section .bow-s-pn{display:none;margin:0;font-family:var(--bow-serif);font-style:italic;line-height:.85;color:var(--bow-coral);font-size:clamp(4rem,8vw,7rem)}\n#bow-services-section .bow-s-ptitle{display:none;margin:.15em 0 clamp(18px,2vw,28px);font-size:clamp(1.4rem,2.4vw,2.1rem);line-height:1.12;font-weight:700;letter-spacing:-.02em;max-width:11em}\n#bow-services-section .bow-s-art{float:right;width:84px;height:84px;margin:0 0 8px 14px;overflow:visible;animation:bow-s-bob 7s ease-in-out infinite}\n#bow-services-section .bow-s-subs{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:1fr;column-gap:36px;clear:both}\n#bow-services-section .bow-s-subs li{position:relative;margin:0;padding:11px 0 11px 20px;border-bottom:1px solid var(--bow-line);font-size:.97rem;line-height:1.35;transition:padding .3s,color .3s}\n#bow-services-section .bow-s-subs li::before{content:\"\";position:absolute;left:0;top:1.2em;width:6px;height:6px;border-radius:50%;background:var(--bow-coral)}\n#bow-services-section .bow-s-link{display:inline-flex;align-items:center;gap:12px;min-height:48px;align-self:flex-start;margin-top:auto;\n  font-weight:600;color:var(--bow-ink);text-decoration:none;position:relative}\n#bow-services-section .bow-s-link::after{content:\"\";position:absolute;left:0;right:56px;bottom:5px;height:1px;background:var(--bow-ink);transition:background .3s}\n#bow-services-section .bow-s-arr{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--bow-ink);transition:.3s}\n#bow-services-section .bow-s-link:hover::after,#bow-services-section .bow-s-link:focus-visible::after{background:var(--bow-coral)}\n#bow-services-section .bow-s-link:hover .bow-s-arr,#bow-services-section .bow-s-link:focus-visible .bow-s-arr{background:var(--bow-coral);border-color:var(--bow-coral);color:#fff;transform:translate(3px,-3px)}\n#bow-services-section .bow-s-link:focus-visible{outline:2px solid var(--bow-coral);outline-offset:4px}\n@media (hover:hover){\n  #bow-services-section .bow-s-subs li:hover{padding-left:26px;color:var(--bow-coral)}\n  #bow-services-section .bow-s-btn:hover .bow-s-n{transform:translateX(4px)}\n  #bow-services-section .bow-s-btn:hover{color:var(--bow-ink)}\n}\n\n\/* Art animation *\/\n@keyframes bow-s-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}\n@keyframes bow-s-dr{from{stroke-dasharray:320;stroke-dashoffset:320}to{stroke-dasharray:320;stroke-dashoffset:0}}\n#bow-services-section .is-active .bow-s-draw{animation:bow-s-dr 1.5s ease forwards}\n\n\/* JS-enhanced: accordion (mobile\/tablet) *\/\n#bow-services-section.bow-s-js .bow-s-panel{display:grid;grid-template-rows:0fr;visibility:hidden;\n  transition:grid-template-rows .5s cubic-bezier(.2,.7,.2,1),visibility 0s linear .5s}\n#bow-services-section.bow-s-js .bow-s-panel>.bow-s-in{min-height:0;padding-top:0;padding-bottom:0}\n#bow-services-section.bow-s-js .is-active .bow-s-panel{grid-template-rows:1fr;visibility:visible;transition-delay:0s}\n#bow-services-section.bow-s-js .is-active .bow-s-panel>.bow-s-in{padding-top:6px;padding-bottom:26px}\n#bow-services-section.bow-s-js .bow-s-in{transition:padding .5s}\n\n\/* Entrance *\/\n#bow-services-section.bow-s-js .bow-s-reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease var(--d,0s),transform .8s cubic-bezier(.2,.7,.2,1) var(--d,0s)}\n#bow-services-section.bow-s-in .bow-s-reveal{opacity:1;transform:none}\n\n@media (min-width:560px){#bow-services-section .bow-s-subs{grid-template-columns:1fr 1fr}}\n@media (max-width:900px){\n  #bow-services-section .bow-s-head{grid-template-columns:minmax(0,1fr);align-items:start}\n}\n@media (max-width:480px){#bow-services-section .bow-s-art{display:none}#bow-services-section .bow-s-btn{padding-left:18px}#bow-services-section .bow-s-in{padding-left:18px}}\n\n\/* Desktop: featured panel + selector list *\/\n@media (min-width:901px){\n  #bow-services-section .bow-s-list{width:39%}\n  #bow-services-section.bow-s-js .bow-s-marker{display:block;position:absolute;left:0;top:var(--y,0);height:var(--h,80px);width:3px;\n    background:var(--bow-coral);border-radius:2px;transition:top .5s cubic-bezier(.2,.7,.2,1),height .5s cubic-bezier(.2,.7,.2,1);z-index:2}\n  #bow-services-section .bow-s-chev{display:none}\n  #bow-services-section.bow-s-js .bow-s-btn{grid-template-columns:auto 1fr}\n  #bow-services-section.bow-s-js .bow-s-panel{display:block;position:absolute;top:0;bottom:0;left:calc(39% + clamp(24px,4vw,64px));right:0;\n    opacity:0;transform:translateX(18px);visibility:hidden;\n    transition:opacity .45s ease,transform .6s cubic-bezier(.2,.7,.2,1),visibility 0s linear .45s}\n  #bow-services-section.bow-s-js .is-active .bow-s-panel{opacity:1;transform:none;visibility:visible;transition-delay:0s}\n  #bow-services-section.bow-s-js .bow-s-panel>.bow-s-in,#bow-services-section.bow-s-js .is-active .bow-s-panel>.bow-s-in{\n    height:100%;padding:clamp(28px,3.4vw,52px);background:var(--bow-white);border:1px solid var(--bow-line);border-radius:10px;\n    box-shadow:0 30px 60px -34px rgba(24,33,43,.3);min-height:auto}\n  #bow-services-section.bow-s-js .bow-s-in::before{content:\"\";position:absolute;left:0;top:0;height:3px;width:0;background:var(--bow-coral);transition:width .8s ease .15s}\n  #bow-services-section.bow-s-js .is-active .bow-s-in::before{width:100%}\n  #bow-services-section .bow-s-in::after{content:\"\";position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;border-radius:50%;background:var(--bow-tint);opacity:.7;z-index:0}\n  #bow-services-section .bow-s-in>*{position:relative;z-index:1}\n  #bow-services-section .bow-s-pn,#bow-services-section .bow-s-ptitle{display:block}\n  #bow-services-section .bow-s-art{position:absolute;top:clamp(24px,3vw,44px);right:clamp(24px,3vw,44px);float:none;width:clamp(120px,15vw,190px);height:auto;margin:0}\n  #bow-services-section .bow-s-subs{margin-bottom:28px}\n}\n\n@media (prefers-reduced-motion:reduce){\n  #bow-services-section *,#bow-services-section *::before,#bow-services-section *::after{transition:none!important;animation:none!important}\n  #bow-services-section.bow-s-js .bow-s-reveal{opacity:1;transform:none}\n}\n<\/style>\n\n<div class=\"bow-s-bg\" aria-hidden=\"true\"><\/div>\n<div class=\"bow-s-wrap\">\n  <header class=\"bow-s-head\">\n    <div>\n      <p class=\"bow-s-eyebrow bow-s-reveal\">What we bring to the table<\/p>\n      <h2 class=\"bow-s-title bow-s-reveal\" id=\"bow-s-title\" style=\"--d:.1s\">Everything Your Business Needs to <em>Move Forward.<\/em><\/h2>\n    <\/div>\n    <div class=\"bow-s-reveal\" style=\"--d:.2s\">\n      <p class=\"bow-s-kicker\">Digital Capabilities. Connected.<\/p>\n      <p class=\"bow-s-lead\">From building a distinctive brand to engineering digital experiences and driving measurable growth, we bring the right capabilities together to move your business forward.<\/p>\n    <\/div>\n  <\/header>\n\n  <div class=\"bow-s-explorer bow-s-reveal\" style=\"--d:.3s\">\n    <ul class=\"bow-s-list\">\n\n      <li class=\"bow-s-item is-active\">\n        <button class=\"bow-s-btn\" type=\"button\" id=\"bow-s-b1\" aria-expanded=\"true\" aria-controls=\"bow-s-p1\">\n          <span class=\"bow-s-n\">01<\/span><span class=\"bow-s-name\">Performance &amp; Growth<small>8 services<\/small><\/span><span class=\"bow-s-chev\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"bow-s-panel\" id=\"bow-s-p1\" role=\"region\" aria-labelledby=\"bow-s-b1\"><div class=\"bow-s-in\">\n          <svg class=\"bow-s-art\" viewBox=\"0 0 200 200\" fill=\"none\" stroke=\"#18212B\" stroke-width=\"1.5\" aria-hidden=\"true\" focusable=\"false\">\n            <path d=\"M20 180H190M20 180V20\" opacity=\".4\"\/><path d=\"M20 150H190M20 120H190M20 90H190M20 60H190\" opacity=\".12\"\/>\n            <rect x=\"46\" y=\"140\" width=\"16\" height=\"40\" fill=\"#FBEAE6\" stroke=\"none\"\/><rect x=\"86\" y=\"120\" width=\"16\" height=\"60\" fill=\"#FBEAE6\" stroke=\"none\"\/><rect x=\"126\" y=\"86\" width=\"16\" height=\"94\" fill=\"#FBEAE6\" stroke=\"none\"\/>\n            <polyline class=\"bow-s-draw\" points=\"30,160 70,130 100,140 140,80 175,42\" stroke=\"#F06450\" stroke-width=\"2.5\" stroke-linejoin=\"round\"\/>\n            <circle cx=\"70\" cy=\"130\" r=\"5\" fill=\"#fff\" stroke=\"#F06450\" stroke-width=\"2\"\/><circle cx=\"140\" cy=\"80\" r=\"5\" fill=\"#fff\" stroke=\"#F06450\" stroke-width=\"2\"\/><circle cx=\"175\" cy=\"42\" r=\"6\" fill=\"#F06450\" stroke=\"none\"\/>\n          <\/svg>\n          <p class=\"bow-s-pn\" aria-hidden=\"true\">01<\/p>\n          <h3 class=\"bow-s-ptitle\">Performance &amp; Growth<\/h3>\n          <ul class=\"bow-s-subs\">\n            <li>Performance Marketing<\/li><li>Digital Marketing<\/li><li>Search Engine Marketing<\/li><li>E-commerce Marketing<\/li>\n            <li>Conversion Rate Optimization<\/li><li>Lead Generation<\/li><li>Analytics &amp; Tracking<\/li><li>Marketing Automation<\/li>\n          <\/ul>\n          <a class=\"bow-s-link\" href=\"#\">Explore Services <span class=\"bow-s-arr\" aria-hidden=\"true\">\u2197<\/span><span class=\"bow-s-sr\">: Performance &amp; Growth<\/span><\/a><!-- replace # with page URL -->\n        <\/div><\/div>\n      <\/li>\n\n      <li class=\"bow-s-item\">\n        <button class=\"bow-s-btn\" type=\"button\" id=\"bow-s-b2\" aria-expanded=\"false\" aria-controls=\"bow-s-p2\">\n          <span class=\"bow-s-n\">02<\/span><span class=\"bow-s-name\">Brand &amp; Marketing<small>7 services<\/small><\/span><span class=\"bow-s-chev\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"bow-s-panel\" id=\"bow-s-p2\" role=\"region\" aria-labelledby=\"bow-s-b2\"><div class=\"bow-s-in\">\n          <svg class=\"bow-s-art\" viewBox=\"0 0 200 200\" fill=\"none\" stroke=\"#18212B\" stroke-width=\"1.5\" aria-hidden=\"true\" focusable=\"false\">\n            <circle cx=\"82\" cy=\"100\" r=\"56\"\/><circle class=\"bow-s-draw\" cx=\"122\" cy=\"100\" r=\"56\" stroke=\"#F06450\" stroke-width=\"2.5\"\/>\n            <rect x=\"62\" y=\"62\" width=\"76\" height=\"76\" transform=\"rotate(45 100 100)\" opacity=\".35\"\/>\n            <circle cx=\"100\" cy=\"100\" r=\"5\" fill=\"#F06450\" stroke=\"none\"\/><circle cx=\"26\" cy=\"100\" r=\"3.5\" fill=\"#18212B\" stroke=\"none\"\/><circle cx=\"178\" cy=\"100\" r=\"3.5\" fill=\"#18212B\" stroke=\"none\"\/>\n          <\/svg>\n          <p class=\"bow-s-pn\" aria-hidden=\"true\">02<\/p>\n          <h3 class=\"bow-s-ptitle\">Brand &amp; Marketing<\/h3>\n          <ul class=\"bow-s-subs\">\n            <li>Brand Development &amp; Building<\/li><li>Brand Strategy<\/li><li>Social Media Marketing<\/li><li>Content Strategy<\/li>\n            <li>Graphic Design<\/li><li>Campaign Design<\/li><li>Campaign Creative<\/li>\n          <\/ul>\n          <a class=\"bow-s-link\" href=\"#\">Explore Services <span class=\"bow-s-arr\" aria-hidden=\"true\">\u2197<\/span><span class=\"bow-s-sr\">: Brand &amp; Marketing<\/span><\/a><!-- replace # with page URL -->\n        <\/div><\/div>\n      <\/li>\n\n      <li class=\"bow-s-item\">\n        <button class=\"bow-s-btn\" type=\"button\" id=\"bow-s-b3\" aria-expanded=\"false\" aria-controls=\"bow-s-p3\">\n          <span class=\"bow-s-n\">03<\/span><span class=\"bow-s-name\">Search &amp; Visibility<small>6 services<\/small><\/span><span class=\"bow-s-chev\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"bow-s-panel\" id=\"bow-s-p3\" role=\"region\" aria-labelledby=\"bow-s-b3\"><div class=\"bow-s-in\">\n          <svg class=\"bow-s-art\" viewBox=\"0 0 200 200\" fill=\"none\" stroke=\"#18212B\" stroke-width=\"1.5\" aria-hidden=\"true\" focusable=\"false\">\n            <circle cx=\"150\" cy=\"50\" r=\"76\" stroke-dasharray=\"3 7\" opacity=\".4\" transform=\"translate(-60 60)\"\/>\n            <circle cx=\"88\" cy=\"88\" r=\"52\"\/><circle cx=\"88\" cy=\"88\" r=\"32\" opacity=\".4\"\/>\n            <path class=\"bow-s-draw\" d=\"M126 126L176 176\" stroke=\"#F06450\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n            <circle cx=\"88\" cy=\"88\" r=\"5\" fill=\"#F06450\" stroke=\"none\"\/><circle cx=\"62\" cy=\"72\" r=\"3.5\" fill=\"#18212B\" stroke=\"none\"\/><circle cx=\"108\" cy=\"104\" r=\"3.5\" fill=\"#18212B\" stroke=\"none\"\/>\n          <\/svg>\n          <p class=\"bow-s-pn\" aria-hidden=\"true\">03<\/p>\n          <h3 class=\"bow-s-ptitle\">Search &amp; Visibility<\/h3>\n          <ul class=\"bow-s-subs\">\n            <li>Search Engine Optimization (SEO)<\/li><li>Search Engine Marketing (SEM)<\/li><li>Local SEO<\/li>\n            <li>Business Listing<\/li><li>Product Submission<\/li><li>Search Visibility Optimization<\/li>\n          <\/ul>\n          <a class=\"bow-s-link\" href=\"#\">Explore Services <span class=\"bow-s-arr\" aria-hidden=\"true\">\u2197<\/span><span class=\"bow-s-sr\">: Search &amp; Visibility<\/span><\/a><!-- replace # with page URL -->\n        <\/div><\/div>\n      <\/li>\n\n      <li class=\"bow-s-item\">\n        <button class=\"bow-s-btn\" type=\"button\" id=\"bow-s-b4\" aria-expanded=\"false\" aria-controls=\"bow-s-p4\">\n          <span class=\"bow-s-n\">04<\/span><span class=\"bow-s-name\">Web &amp; E-commerce<small>6 services<\/small><\/span><span class=\"bow-s-chev\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"bow-s-panel\" id=\"bow-s-p4\" role=\"region\" aria-labelledby=\"bow-s-b4\"><div class=\"bow-s-in\">\n          <svg class=\"bow-s-art\" viewBox=\"0 0 200 200\" fill=\"none\" stroke=\"#18212B\" stroke-width=\"1.5\" aria-hidden=\"true\" focusable=\"false\">\n            <rect x=\"24\" y=\"40\" width=\"152\" height=\"120\" rx=\"8\"\/><path d=\"M24 66H176\"\/>\n            <circle cx=\"41\" cy=\"53\" r=\"3\" fill=\"#F06450\" stroke=\"none\"\/><circle cx=\"53\" cy=\"53\" r=\"3\" fill=\"#18212B\" stroke=\"none\" opacity=\".4\"\/><circle cx=\"65\" cy=\"53\" r=\"3\" fill=\"#18212B\" stroke=\"none\" opacity=\".4\"\/>\n            <rect x=\"40\" y=\"82\" width=\"62\" height=\"56\" fill=\"#FBEAE6\" stroke=\"none\"\/>\n            <path class=\"bow-s-draw\" d=\"M116 90H158M116 106H158M116 122H142\" stroke=\"#18212B\" opacity=\".6\"\/>\n            <rect x=\"116\" y=\"136\" width=\"30\" height=\"12\" rx=\"6\" fill=\"#F06450\" stroke=\"none\"\/>\n            <path d=\"M150 128L168 150L158 152L154 162Z\" fill=\"#fff\" stroke=\"#18212B\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n          <p class=\"bow-s-pn\" aria-hidden=\"true\">04<\/p>\n          <h3 class=\"bow-s-ptitle\">Web &amp; E-commerce<\/h3>\n          <ul class=\"bow-s-subs\">\n            <li>Website Design &amp; Development<\/li><li>WordPress Development<\/li><li>E-commerce Website Design<\/li>\n            <li>Landing Pages<\/li><li>Website Optimization<\/li><li>Conversion-Focused Web Design<\/li>\n          <\/ul>\n          <a class=\"bow-s-link\" href=\"#\">Explore Services <span class=\"bow-s-arr\" aria-hidden=\"true\">\u2197<\/span><span class=\"bow-s-sr\">: Web &amp; E-commerce<\/span><\/a><!-- replace # with page URL -->\n        <\/div><\/div>\n      <\/li>\n\n      <li class=\"bow-s-item\">\n        <button class=\"bow-s-btn\" type=\"button\" id=\"bow-s-b5\" aria-expanded=\"false\" aria-controls=\"bow-s-p5\">\n          <span class=\"bow-s-n\">05<\/span><span class=\"bow-s-name\">Digital Infrastructure<small>6 services<\/small><\/span><span class=\"bow-s-chev\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"bow-s-panel\" id=\"bow-s-p5\" role=\"region\" aria-labelledby=\"bow-s-b5\"><div class=\"bow-s-in\">\n          <svg class=\"bow-s-art\" viewBox=\"0 0 200 200\" fill=\"none\" stroke=\"#18212B\" stroke-width=\"1.5\" aria-hidden=\"true\" focusable=\"false\">\n            <rect x=\"40\" y=\"132\" width=\"120\" height=\"28\" rx=\"7\"\/><rect x=\"40\" y=\"92\" width=\"120\" height=\"28\" rx=\"7\" fill=\"#FBEAE6\"\/><rect x=\"40\" y=\"52\" width=\"120\" height=\"28\" rx=\"7\"\/>\n            <path class=\"bow-s-draw\" d=\"M100 160V30\" stroke=\"#F06450\" stroke-width=\"2\" stroke-dasharray=\"4 5\"\/>\n            <circle cx=\"100\" cy=\"28\" r=\"6\" fill=\"#F06450\" stroke=\"none\"\/>\n            <circle cx=\"58\" cy=\"146\" r=\"3.5\" fill=\"#18212B\" stroke=\"none\"\/><circle cx=\"58\" cy=\"106\" r=\"3.5\" fill=\"#18212B\" stroke=\"none\"\/><circle cx=\"58\" cy=\"66\" r=\"3.5\" fill=\"#18212B\" stroke=\"none\"\/>\n            <path d=\"M126 146H146M126 106H146M126 66H146\" opacity=\".5\"\/>\n          <\/svg>\n          <p class=\"bow-s-pn\" aria-hidden=\"true\">05<\/p>\n          <h3 class=\"bow-s-ptitle\">Digital Infrastructure<\/h3>\n          <ul class=\"bow-s-subs\">\n            <li>Web Hosting<\/li><li>Business Listing &amp; Management<\/li><li>Product Submission<\/li>\n            <li>Website Maintenance<\/li><li>Technical Support<\/li><li>Digital Setup &amp; Infrastructure<\/li>\n          <\/ul>\n          <a class=\"bow-s-link\" href=\"#\">Explore Services <span class=\"bow-s-arr\" aria-hidden=\"true\">\u2197<\/span><span class=\"bow-s-sr\">: Digital Infrastructure<\/span><\/a><!-- replace # with page URL -->\n        <\/div><\/div>\n      <\/li>\n\n    <\/ul>\n    <span class=\"bow-s-marker\" aria-hidden=\"true\"><\/span>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  var root=document.getElementById('bow-services-section');\n  if(!root)return;\n  var reduce=window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var desk=window.matchMedia('(min-width:901px)');\n  var explorer=root.querySelector('.bow-s-explorer'),marker=root.querySelector('.bow-s-marker');\n  var items=[].slice.call(root.querySelectorAll('.bow-s-item'));\n  var btns=items.map(function(li){return li.querySelector('.bow-s-btn');});\n  var rt;\n\n  \/* Full-width breakout (same method as the hero) *\/\n  function fullBleed(){\n    root.style.width='100%';root.style.marginLeft='0px';\n    var l=root.getBoundingClientRect().left,vw=document.documentElement.clientWidth||window.innerWidth;\n    root.style.width=vw+'px';root.style.marginLeft=(-l)+'px';\n  }\n\n  function activeIndex(){for(var i=0;i<items.length;i++)if(items[i].classList.contains('is-active'))return i;return -1;}\n  function mark(){\n    var i=activeIndex();if(i<0||!desk.matches)return;\n    marker.style.setProperty('--y',items[i].offsetTop+'px');\n    marker.style.setProperty('--h',btns[i].offsetHeight+'px');\n  }\n  function measure(){\n    explorer.style.minHeight='';\n    if(!desk.matches)return;\n    var max=0;\n    items.forEach(function(li){var n=li.querySelector('.bow-s-in');if(n)max=Math.max(max,n.scrollHeight);});\n    explorer.style.minHeight=max+'px';\n  }\n  function set(i,open){\n    items.forEach(function(li,k){\n      var on=(k===i)&&open;\n      li.classList.toggle('is-active',on);\n      btns[k].setAttribute('aria-expanded',on?'true':'false');\n    });\n    mark();\n  }\n  function relayout(){fullBleed();measure();mark();}\n  function onResize(){clearTimeout(rt);rt=setTimeout(relayout,100);}\n\n  root.classList.add('bow-s-js');\n  fullBleed();measure();mark();\n\n  btns.forEach(function(b,i){\n    b.addEventListener('click',function(){\n      if(desk.matches)set(i,true);\n      else set(i,!items[i].classList.contains('is-active'));\n    });\n    b.addEventListener('focus',function(){if(desk.matches&&activeIndex()!==i)set(i,true);});\n    b.addEventListener('keydown',function(e){\n      var k=e.key,n=-1;\n      if(k==='ArrowDown')n=(i+1)%btns.length;\n      else if(k==='ArrowUp')n=(i-1+btns.length)%btns.length;\n      else if(k==='Home')n=0;\n      else if(k==='End')n=btns.length-1;\n      if(n>-1){e.preventDefault();btns[n].focus();}\n    });\n    items[i].addEventListener('pointerenter',function(e){\n      if(e.pointerType==='mouse'&&desk.matches&&activeIndex()!==i)set(i,true);\n    });\n  });\n  if(!desk.matches&&activeIndex()<0)set(0,true);\n  if(desk.addEventListener)desk.addEventListener('change',function(){if(activeIndex()<0)set(0,true);relayout();});\n\n  window.addEventListener('resize',onResize);\n  window.addEventListener('orientationchange',onResize);\n  window.addEventListener('load',onResize);\n  if(document.fonts&&document.fonts.ready)document.fonts.ready.then(onResize);\n  if('ResizeObserver' in window&&root.parentElement)new ResizeObserver(onResize).observe(root.parentElement);\n\n  \/* Entrance *\/\n  function show(){root.classList.add('bow-s-in');}\n  if(reduce||!('IntersectionObserver' in window)){show();return;}\n  var io=new IntersectionObserver(function(e){if(e[0].isIntersecting){show();io.disconnect();}},{threshold:.12});\n  io.observe(root);\n  setTimeout(function(){if(!root.classList.contains('bow-s-in')&&root.getBoundingClientRect().top<window.innerHeight){show();}},1200);\n})();\n<\/script>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_3 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_3 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_3 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_3 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- BRANDZ ON WEB \u2014 SELECTED WORK SECTION -->\n<!-- Divi: Use a full-width section. Set row width to 100% and max-width to 100%, with 0 horizontal padding. -->\n<!-- Width system: same full-bleed method as the hero (data-fullbleed=\"1\"). Set data-fullbleed=\"0\" to turn it off. -->\n<!-- Breakpoints: desktop >980 | tablet 768-980 | phone <=767 | small phone <=380 -->\n\n<section id=\"bow-work-section\" data-fullbleed=\"1\" aria-labelledby=\"bow-work-title\">\n\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500&family=Manrope:wght@600;700;800&display=swap\">\n\n<style>\n\/* =========================================================\n   1. ROOT + LAYOUT\n   Outer section = full browser width (set by the full-bleed script).\n   Inner wrap = max-width container with side padding.\n========================================================= *\/\n#bow-work-section {\n  --w-ink: #18212B;\n  --w-slate: #68717C;\n  --w-coral: #F06450;\n  --w-line: #E6E2DC;\n  --w-head: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;\n  --w-g: clamp(20px, 2.6vw, 32px);\n  --w-s3: clamp(20px, 2.2vw, 28px);\n  --w-s5: clamp(44px, 5.5vw, 76px);\n  --w-s6: clamp(64px, 8vw, 112px);\n  --bow-maxw: 1240px;\n  --bow-px: 32px;\n  --bow-pv: clamp(72px, 9vw, 128px);\n\n  position: relative;\n  display: block;\n  width: 100%;\n  max-width: none;\n  min-width: 0;\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n  overflow-x: clip;\n  background: #FFFFFF;\n  color: var(--w-ink);\n  font-family: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;\n  font-size: 16px;\n  line-height: 1.55;\n  -webkit-text-size-adjust: 100%;\n  text-size-adjust: 100%;\n}\n\n@media (max-width: 980px) { #bow-work-section { --bow-maxw: 100%; --bow-px: 28px; --bow-pv: 76px; } }\n@media (max-width: 767px) { #bow-work-section { --bow-maxw: 100%; --bow-px: 20px; --bow-pv: 64px; } }\n\n#bow-work-section *,\n#bow-work-section *::before,\n#bow-work-section *::after { box-sizing: border-box; }\n\n#bow-work-section .bow-work-wrap {\n  width: 100%;\n  max-width: var(--bow-maxw);\n  min-width: 0;\n  margin-left: auto;\n  margin-right: auto;\n  padding: var(--bow-pv) var(--bow-px);\n}\n\n#bow-work-section .bow-work-12 {\n  display: grid;\n  grid-template-columns: repeat(12, minmax(0, 1fr));\n  column-gap: var(--w-g);\n}\n\n#bow-work-section figure,\n#bow-work-section header,\n#bow-work-section p,\n#bow-work-section h2,\n#bow-work-section h3 { max-width: 100%; }\n\n#bow-work-section img,\n#bow-work-section svg { max-width: 100%; }\n\n\/* =========================================================\n   2. INTRO\n========================================================= *\/\n#bow-work-section .bow-work-head {\n  position: relative;\n  padding-top: var(--w-s3);\n  margin-bottom: var(--w-s5);\n  border-top: 1px solid var(--w-line);\n  row-gap: var(--w-s3);\n}\n\n#bow-work-section .bow-work-head::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: -1px;\n  width: 56px;\n  height: 2px;\n  background: var(--w-coral);\n}\n\n#bow-work-section .bow-work-eyebrow {\n  grid-column: 1 \/ -1;\n  display: flex;\n  justify-content: space-between;\n  gap: 16px;\n  margin: 0 0 var(--w-s3);\n  padding: 0;\n  font-size: .74rem;\n  font-weight: 500;\n  letter-spacing: .22em;\n  text-transform: uppercase;\n  color: var(--w-slate);\n}\n\n#bow-work-section .bow-work-title {\n  grid-column: 1 \/ 9;\n  margin: 0;\n  padding: 0;\n  font-family: var(--w-head);\n  font-weight: 800;\n  text-transform: none;\n  font-size: clamp(2rem, 4.1vw, 3.4rem);\n  line-height: 1.06;\n  letter-spacing: -.035em;\n  color: var(--w-ink);\n  text-wrap: balance;\n}\n\n#bow-work-section .bow-work-title span { display: block; }\n#bow-work-section .bow-work-title em { font-style: normal; color: var(--w-coral); }\n\n#bow-work-section .bow-work-lead {\n  grid-column: 9 \/ 13;\n  align-self: end;\n  margin: 0;\n  padding: 0 0 .5rem;\n  font-size: clamp(.98rem, 1.1vw, 1.06rem);\n  color: var(--w-slate);\n}\n\n\/* =========================================================\n   3. PROJECT BASE LAYOUT\n========================================================= *\/\n#bow-work-section .bow-work-show,\n#bow-work-section .bow-work-proj,\n#bow-work-section .bow-work-visual,\n#bow-work-section .bow-work-art,\n#bow-work-section .bow-work-meta,\n#bow-work-section .bow-work-panel,\n#bow-work-section .bow-work-pin { min-width: 0; max-width: 100%; }\n\n#bow-work-section .bow-work-proj { display: block; }\n#bow-work-section .bow-work-proj + .bow-work-proj { margin-top: var(--w-s5); }\n\n#bow-work-section .bow-work-visual {\n  position: relative;\n  margin: 0;\n  overflow: hidden;\n  background: #fff;\n  border: 1px solid var(--w-line);\n  border-radius: 2px;\n}\n\n#bow-work-section .bow-work-cap {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--w-line);\n  font-size: .66rem;\n  font-weight: 500;\n  letter-spacing: .14em;\n  text-transform: uppercase;\n  color: var(--w-slate);\n}\n\n#bow-work-section .bow-work-cap span:first-child {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  color: var(--w-ink);\n}\n\n#bow-work-section .bow-work-cap span:first-child::before {\n  content: \"\";\n  width: 6px;\n  height: 6px;\n  flex: 0 0 6px;\n  border-radius: 50%;\n  background: var(--w-coral);\n}\n\n#bow-work-section .bow-work-art { width: 100%; overflow: hidden; }\n\n#bow-work-section .bow-work-art svg {\n  display: block;\n  width: 100%;\n  height: auto;\n  transform-origin: 50% 50%;\n  transition: transform 1s cubic-bezier(.2, .7, .2, 1);\n}\n\n#bow-work-section .bow-work-visual::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  height: 3px;\n  width: 0;\n  background: var(--w-coral);\n  transition: width .7s cubic-bezier(.2, .7, .2, 1);\n}\n\n#bow-work-section .bow-work-sv { transition: transform .9s cubic-bezier(.2, .7, .2, 1); }\n\n@media (hover: hover) {\n  #bow-work-section .bow-work-visual:hover::after { width: 100%; }\n  #bow-work-section .bow-work-visual:hover .bow-work-art svg { transform: scale(1.02); }\n  #bow-work-section .bow-work-visual:hover .bow-work-float { transform: translate(-8px, -8px); }\n  #bow-work-section .bow-work-visual:hover .bow-work-float2 { transform: translate(6px, 6px); }\n}\n\n\/* =========================================================\n   4. PROJECT TEXT\n========================================================= *\/\n#bow-work-section .bow-work-meta { padding-top: var(--w-s3); }\n\n#bow-work-section .bow-work-hd {\n  margin: 0;\n  padding: 0;\n  font-family: var(--w-head);\n  text-transform: none;\n}\n\n#bow-work-section .bow-work-hl {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr);\n  column-gap: clamp(16px, 2.4vw, 28px);\n  align-items: start;\n  min-width: 0;\n  color: inherit;\n  text-decoration: none;\n}\n\n#bow-work-section .bow-work-hl:focus-visible { outline: 2px solid var(--w-coral); outline-offset: 6px; }\n\n#bow-work-section .bow-work-n {\n  font-weight: 800;\n  font-size: clamp(2.6rem, 8vw, 3.6rem);\n  line-height: .88;\n  letter-spacing: -.05em;\n  color: var(--w-coral);\n  transition: color .3s;\n}\n\n#bow-work-section .bow-work-cat {\n  display: block;\n  margin: 0 0 10px;\n  font-family: 'DM Sans', sans-serif;\n  font-size: .7rem;\n  font-weight: 500;\n  letter-spacing: .16em;\n  text-transform: uppercase;\n  color: var(--w-slate);\n}\n\n#bow-work-section .bow-work-t {\n  display: block;\n  font-weight: 800;\n  font-size: clamp(1.35rem, 3.4vw, 1.9rem);\n  line-height: 1.1;\n  letter-spacing: -.03em;\n  color: var(--w-ink);\n  text-wrap: balance;\n  overflow-wrap: anywhere;\n  transition: color .35s;\n}\n\n#bow-work-section .bow-work-pad { min-width: 0; padding-top: 16px; }\n\n#bow-work-section .bow-work-desc {\n  max-width: 34em;\n  margin: 0;\n  padding: 0;\n  font-size: clamp(.95rem, 1.02vw, 1rem);\n  color: var(--w-slate);\n}\n\n#bow-work-section .bow-work-foot {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 4px 16px;\n  max-width: 34em;\n  margin-top: var(--w-s3);\n  padding-top: 4px;\n  border-top: 1px solid var(--w-line);\n}\n\n#bow-work-section .bow-work-concept {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: .66rem;\n  font-weight: 500;\n  letter-spacing: .14em;\n  text-transform: uppercase;\n  color: var(--w-slate);\n}\n\n#bow-work-section .bow-work-concept::before {\n  content: \"\";\n  width: 6px;\n  height: 6px;\n  flex: 0 0 6px;\n  border-radius: 50%;\n  background: var(--w-coral);\n}\n\n\/* =========================================================\n   5. LINKS + CLOSING\n========================================================= *\/\n#bow-work-section .bow-work-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  min-height: 44px;\n  font-family: var(--w-head);\n  font-weight: 700;\n  font-size: .9rem;\n  color: var(--w-ink);\n  text-decoration: none;\n}\n\n#bow-work-section .bow-work-link span {\n  padding-bottom: 3px;\n  background:\n    linear-gradient(var(--w-coral), var(--w-coral)) 0 100% \/ 0 2px no-repeat,\n    linear-gradient(var(--w-line), var(--w-line)) 0 100% \/ 100% 1px no-repeat;\n  transition: background-size .45s cubic-bezier(.2, .7, .2, 1);\n}\n\n#bow-work-section .bow-work-link i { font-style: normal; transition: transform .35s, color .3s; }\n\n#bow-work-section .bow-work-link:hover span,\n#bow-work-section .bow-work-link:focus-visible span { background-size: 100% 2px, 100% 1px; }\n\n#bow-work-section .bow-work-link:hover i,\n#bow-work-section .bow-work-link:focus-visible i { transform: translate(4px, -4px); color: var(--w-coral); }\n\n#bow-work-section .bow-work-link:focus-visible { outline: 2px solid var(--w-coral); outline-offset: 4px; }\n\n#bow-work-section .bow-work-end {\n  display: flex;\n  align-items: center;\n  gap: var(--w-s3);\n  margin-top: var(--w-s6);\n}\n\n#bow-work-section .bow-work-end::before { content: \"\"; flex: 1; height: 1px; background: var(--w-line); }\n\n#bow-work-section .bow-work-end .bow-work-link {\n  font-size: clamp(1.15rem, 2vw, 1.6rem);\n  font-weight: 800;\n  letter-spacing: -.02em;\n}\n\n#bow-work-section .bow-work-note {\n  max-width: 48em;\n  margin: var(--w-s3) 0 0;\n  padding: 0;\n  font-size: .82rem;\n  color: var(--w-slate);\n}\n\n\/* =========================================================\n   6. DESKTOP SHOWCASE (desktop > 980px)\n   Only activates when JavaScript adds .bow-work-js.\n========================================================= *\/\n@media (min-width: 981px) {\n  #bow-work-section.bow-work-js .bow-work-show {\n    display: grid;\n    grid-template-columns: repeat(12, minmax(0, 1fr));\n    column-gap: var(--w-g);\n    grid-template-rows: repeat(3, auto) 1fr;\n    align-items: start;\n  }\n\n  #bow-work-section.bow-work-js .bow-work-proj { display: contents; }\n\n  #bow-work-section.bow-work-js .bow-work-meta {\n    grid-column: 1 \/ 6;\n    position: relative;\n    padding: var(--w-s3) 0;\n    border-top: 1px solid var(--w-line);\n  }\n\n  #bow-work-section.bow-work-js .bow-work-p1 .bow-work-meta { grid-row: 1; }\n  #bow-work-section.bow-work-js .bow-work-p2 .bow-work-meta { grid-row: 2; }\n  #bow-work-section.bow-work-js .bow-work-p3 .bow-work-meta { grid-row: 3; border-bottom: 1px solid var(--w-line); }\n\n  #bow-work-section.bow-work-js .bow-work-meta::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: -1px;\n    height: 2px;\n    width: 0;\n    background: var(--w-coral);\n    transition: width .7s cubic-bezier(.2, .7, .2, 1);\n  }\n\n  #bow-work-section.bow-work-js .is-active .bow-work-meta::before { width: 100%; }\n\n  #bow-work-section.bow-work-js .bow-work-hl { grid-template-columns: 56px minmax(0, 1fr); }\n\n  #bow-work-section.bow-work-js .bow-work-n {\n    font-size: .95rem;\n    letter-spacing: .02em;\n    line-height: 1.5;\n    padding-top: 2px;\n    color: rgba(24, 33, 43, .35);\n  }\n\n  #bow-work-section.bow-work-js .is-active .bow-work-n { color: var(--w-coral); }\n\n  #bow-work-section.bow-work-js .bow-work-t {\n    font-size: clamp(1.55rem, 2.6vw, 2.4rem);\n    color: rgba(24, 33, 43, .38);\n  }\n\n  #bow-work-section.bow-work-js .is-active .bow-work-t,\n  #bow-work-section.bow-work-js .bow-work-meta:hover .bow-work-t { color: var(--w-ink); }\n\n  #bow-work-section.bow-work-js .bow-work-panel {\n    display: grid;\n    grid-template-rows: 0fr;\n    visibility: hidden;\n    transition:\n      grid-template-rows .55s cubic-bezier(.2, .7, .2, 1),\n      visibility 0s linear .55s;\n  }\n\n  #bow-work-section.bow-work-js .bow-work-pin { min-height: 0; overflow: hidden; }\n  #bow-work-section.bow-work-js .bow-work-pad { padding-left: 56px; }\n\n  #bow-work-section.bow-work-js .is-active .bow-work-panel {\n    grid-template-rows: 1fr;\n    visibility: visible;\n    transition-delay: 0s;\n  }\n\n  #bow-work-section.bow-work-js .bow-work-visual {\n    grid-column: 7 \/ 13;\n    grid-row: 1 \/ 5;\n    position: sticky;\n    top: clamp(72px, 10vh, 120px);\n    align-self: start;\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    transform: translateX(18px);\n    transition:\n      opacity .45s ease,\n      transform .7s cubic-bezier(.2, .7, .2, 1),\n      visibility 0s linear .45s;\n  }\n\n  #bow-work-section.bow-work-js .is-active .bow-work-visual {\n    opacity: 1;\n    visibility: visible;\n    pointer-events: auto;\n    transform: none;\n    transition-delay: 0s;\n  }\n\n  #bow-work-section.bow-work-js .is-active .bow-work-sv {\n    animation: bow-work-in .8s cubic-bezier(.2, .7, .2, 1) var(--d, 0s) backwards;\n  }\n\n  #bow-work-section.bow-work-js .is-active .bow-work-draw {\n    stroke-dasharray: 700;\n    animation: bow-work-dr 1.4s ease .2s backwards;\n  }\n}\n\n\/* =========================================================\n   7. RESPONSIVE (padding handled by --bow-px \/ --bow-pv above)\n========================================================= *\/\n@media (max-width: 980px) {\n  #bow-work-section .bow-work-title,\n  #bow-work-section .bow-work-lead { grid-column: 1 \/ -1; }\n\n  #bow-work-section .bow-work-lead { padding: 0; }\n}\n\n@media (min-width: 768px) and (max-width: 980px) {\n  #bow-work-section .bow-work-title { font-size: clamp(2.2rem, 5vw, 3.2rem); }\n  #bow-work-section .bow-work-lead { max-width: 650px; }\n}\n\n@media (max-width: 767px) {\n  #bow-work-section .bow-work-title { font-size: clamp(1.85rem, 8vw, 2.4rem); line-height: 1.08; }\n  #bow-work-section .bow-work-lead { font-size: 15px; line-height: 1.7; }\n\n  #bow-work-section .bow-work-end { flex-direction: column; align-items: flex-start; gap: 4px; }\n  #bow-work-section .bow-work-end::before { display: none; }\n\n  #bow-work-section .bow-work-hl { column-gap: 16px; }\n\n  #bow-work-section .bow-work-visual,\n  #bow-work-section .bow-work-art,\n  #bow-work-section .bow-work-art svg { width: 100%; max-width: 100%; }\n\n  #bow-work-section .bow-work-proj + .bow-work-proj { margin-top: 48px; }\n  #bow-work-section .bow-work-ann { display: none; }\n  #bow-work-section .bow-work-cap { padding: 10px 12px; }\n  #bow-work-section .bow-work-eyebrow span:last-child { display: none; }\n}\n\n@media (max-width: 380px) {\n  #bow-work-section .bow-work-cap { font-size: .6rem; letter-spacing: .1em; gap: 8px; }\n  #bow-work-section .bow-work-n { font-size: 2.2rem; }\n}\n\n\/* =========================================================\n   8. ENTRANCE ANIMATIONS\n========================================================= *\/\n#bow-work-section.bow-work-anim .bow-work-reveal {\n  opacity: 0;\n  transform: translateY(22px);\n  transition:\n    opacity .85s ease var(--d, 0s),\n    transform .85s cubic-bezier(.2, .7, .2, 1) var(--d, 0s);\n}\n\n#bow-work-section.bow-work-anim .bow-work-reveal.is-in { opacity: 1; transform: none; }\n\n@keyframes bow-work-in { from { opacity: 0; transform: translateY(16px); } }\n@keyframes bow-work-dr { from { stroke-dashoffset: 700; } }\n\n@media (prefers-reduced-motion: reduce) {\n  #bow-work-section *,\n  #bow-work-section *::before,\n  #bow-work-section *::after { transition: none !important; animation: none !important; }\n\n  #bow-work-section.bow-work-anim .bow-work-reveal { opacity: 1; transform: none; }\n}\n<\/style>\n\n<div class=\"bow-work-wrap\">\n\n  <!-- INTRO -->\n  <header class=\"bow-work-head bow-work-12 bow-work-reveal\">\n    <p class=\"bow-work-eyebrow\">\n      <span>Selected Work<\/span>\n      <span>(01\u201303) Concept projects<\/span>\n    <\/p>\n\n    <h2 class=\"bow-work-title\" id=\"bow-work-title\">\n      <span>Good Ideas.<\/span>\n      <span>Thoughtfully <em>Executed.<\/em><\/span>\n    <\/h2>\n\n    <p class=\"bow-work-lead\">\n      Explore how thoughtful design, digital strategy, and technology come together to create meaningful business experiences.\n    <\/p>\n  <\/header>\n\n  <!-- PROJECT SHOWCASE -->\n  <div class=\"bow-work-show\">\n\n    <!-- ===================================================\n         PROJECT 01 \u2014 WEBSITE DESIGN\n    ==================================================== -->\n    <article class=\"bow-work-proj bow-work-p1 is-active\" id=\"bow-work-project-1\">\n\n      <figure class=\"bow-work-visual\">\n        <figcaption class=\"bow-work-cap\">\n          <span>Fig. 01 \/ 03<\/span>\n          <span>Illustrative concept<\/span>\n        <\/figcaption>\n\n        <div class=\"bow-work-art bow-work-reveal\">\n          <svg viewBox=\"0 0 700 600\" role=\"img\" aria-label=\"Illustrative concept: a website in a browser window with a mobile view, numbered design notes and a brand palette.\" focusable=\"false\">\n            <defs>\n              <pattern id=\"bow-work-d1\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\">\n                <circle cx=\"1\" cy=\"1\" r=\"1\" fill=\"#E6E2DC\"\/>\n              <\/pattern>\n            <\/defs>\n\n            <rect width=\"700\" height=\"600\" fill=\"url(#bow-work-d1)\"\/>\n\n            <g class=\"bow-work-ann\">\n              <path class=\"bow-work-draw\" d=\"M60 44H530M60 38V50M530 38V50\" fill=\"none\" stroke=\"#68717C\"\/>\n              <text x=\"295\" y=\"34\" text-anchor=\"middle\" font-family=\"'DM Sans',sans-serif\" font-size=\"10\" letter-spacing=\"1.6\" fill=\"#68717C\">12-COLUMN GRID \/ 1240 CONTAINER<\/text>\n            <\/g>\n\n            <g class=\"bow-work-sv\" style=\"--d:.05s\">\n              <rect x=\"76\" y=\"86\" width=\"470\" height=\"330\" fill=\"none\" stroke=\"#18212B\" stroke-opacity=\".22\"\/>\n              <rect x=\"60\" y=\"70\" width=\"470\" height=\"330\" fill=\"#fff\" stroke=\"#18212B\"\/>\n              <path d=\"M60 102H530\" stroke=\"#E6E2DC\"\/>\n              <circle cx=\"76\" cy=\"86\" r=\"3.5\" fill=\"#F06450\"\/>\n              <circle cx=\"88\" cy=\"86\" r=\"3.5\" fill=\"#E6E2DC\"\/>\n              <circle cx=\"100\" cy=\"86\" r=\"3.5\" fill=\"#E6E2DC\"\/>\n              <rect x=\"190\" y=\"79\" width=\"200\" height=\"14\" fill=\"#E9EEF2\"\/>\n              <circle cx=\"82\" cy=\"126\" r=\"6\" fill=\"#F06450\"\/>\n              <rect x=\"94\" y=\"122\" width=\"34\" height=\"8\" fill=\"#18212B\"\/>\n              <g fill=\"#68717C\" fill-opacity=\".5\">\n                <rect x=\"330\" y=\"124\" width=\"28\" height=\"5\"\/>\n                <rect x=\"372\" y=\"124\" width=\"28\" height=\"5\"\/>\n                <rect x=\"414\" y=\"124\" width=\"28\" height=\"5\"\/>\n              <\/g>\n              <rect x=\"454\" y=\"114\" width=\"56\" height=\"22\" fill=\"#18212B\"\/>\n\n              <g font-family=\"Manrope,sans-serif\" font-weight=\"800\" font-size=\"30\" letter-spacing=\"-1.2\" fill=\"#18212B\">\n                <text x=\"82\" y=\"190\">Ideas that move<\/text>\n                <text x=\"82\" y=\"224\">your business<tspan fill=\"#F06450\">.<\/tspan><\/text>\n              <\/g>\n\n              <g fill=\"#68717C\" fill-opacity=\".4\">\n                <rect x=\"82\" y=\"246\" width=\"200\" height=\"5\"\/>\n                <rect x=\"82\" y=\"258\" width=\"160\" height=\"5\"\/>\n              <\/g>\n\n              <rect x=\"82\" y=\"282\" width=\"100\" height=\"30\" fill=\"#F06450\"\/>\n              <rect x=\"192\" y=\"282\" width=\"86\" height=\"30\" fill=\"none\" stroke=\"#18212B\"\/>\n\n              <g font-family=\"Manrope,sans-serif\" font-weight=\"700\" font-size=\"11\" text-anchor=\"middle\">\n                <text x=\"132\" y=\"301\" fill=\"#fff\">Get started<\/text>\n                <text x=\"235\" y=\"301\" fill=\"#18212B\">Our work<\/text>\n              <\/g>\n\n              <circle cx=\"440\" cy=\"236\" r=\"72\" fill=\"none\" stroke=\"#E6E2DC\"\/>\n              <circle cx=\"440\" cy=\"236\" r=\"48\" fill=\"none\" stroke=\"#18212B\"\/>\n              <circle cx=\"474\" cy=\"206\" r=\"16\" fill=\"#F06450\"\/>\n              <path class=\"bow-work-draw\" d=\"M356 292C392 206 464 170 512 204\" fill=\"none\" stroke=\"#F06450\" stroke-width=\"1.5\"\/>\n\n              <g fill=\"none\" stroke=\"#E6E2DC\">\n                <rect x=\"82\" y=\"340\" width=\"128\" height=\"44\"\/>\n                <rect x=\"222\" y=\"340\" width=\"128\" height=\"44\"\/>\n                <rect x=\"362\" y=\"340\" width=\"128\" height=\"44\"\/>\n              <\/g>\n\n              <g fill=\"#18212B\">\n                <rect x=\"92\" y=\"352\" width=\"34\" height=\"5\"\/>\n                <rect x=\"232\" y=\"352\" width=\"34\" height=\"5\"\/>\n                <rect x=\"372\" y=\"352\" width=\"34\" height=\"5\"\/>\n              <\/g>\n\n              <g fill=\"#68717C\" fill-opacity=\".4\">\n                <rect x=\"92\" y=\"364\" width=\"84\" height=\"4\"\/>\n                <rect x=\"232\" y=\"364\" width=\"84\" height=\"4\"\/>\n                <rect x=\"372\" y=\"364\" width=\"84\" height=\"4\"\/>\n              <\/g>\n\n              <g font-family=\"'DM Sans',sans-serif\" font-size=\"10\" font-weight=\"700\" text-anchor=\"middle\" fill=\"#fff\">\n                <circle cx=\"352\" cy=\"180\" r=\"9\" fill=\"#F06450\"\/>\n                <text x=\"352\" y=\"183.5\">1<\/text>\n                <circle cx=\"182\" cy=\"297\" r=\"9\" fill=\"#F06450\"\/>\n                <text x=\"182\" y=\"300.5\">2<\/text>\n                <circle cx=\"512\" cy=\"204\" r=\"9\" fill=\"#F06450\"\/>\n                <text x=\"512\" y=\"207.5\">3<\/text>\n              <\/g>\n            <\/g>\n\n            <g class=\"bow-work-sv bow-work-float\" style=\"--d:.25s\">\n              <rect x=\"440\" y=\"262\" width=\"140\" height=\"290\" rx=\"14\" fill=\"#fff\" stroke=\"#18212B\" stroke-width=\"1.5\"\/>\n              <rect x=\"488\" y=\"272\" width=\"44\" height=\"5\" rx=\"2.5\" fill=\"#E6E2DC\"\/>\n              <circle cx=\"462\" cy=\"304\" r=\"5\" fill=\"#F06450\"\/>\n              <rect x=\"472\" y=\"301\" width=\"34\" height=\"6\" fill=\"#18212B\"\/>\n\n              <g font-family=\"Manrope,sans-serif\" font-weight=\"800\" font-size=\"16\" letter-spacing=\"-.5\" fill=\"#18212B\">\n                <text x=\"458\" y=\"346\">Ideas that<\/text>\n                <text x=\"458\" y=\"366\">move<tspan fill=\"#F06450\">.<\/tspan><\/text>\n              <\/g>\n\n              <circle cx=\"510\" cy=\"420\" r=\"34\" fill=\"none\" stroke=\"#18212B\"\/>\n              <circle cx=\"526\" cy=\"406\" r=\"11\" fill=\"#F06450\"\/>\n              <rect x=\"458\" y=\"500\" width=\"104\" height=\"28\" fill=\"#F06450\"\/>\n            <\/g>\n\n            <g class=\"bow-work-ann bow-work-sv\" style=\"--d:.4s\" font-family=\"'DM Sans',sans-serif\" font-size=\"12\" fill=\"#18212B\">\n              <g fill=\"#F06450\">\n                <circle cx=\"68\" cy=\"452\" r=\"8\"\/>\n                <circle cx=\"68\" cy=\"480\" r=\"8\"\/>\n                <circle cx=\"68\" cy=\"508\" r=\"8\"\/>\n              <\/g>\n\n              <g font-size=\"9\" font-weight=\"700\" text-anchor=\"middle\" fill=\"#fff\">\n                <text x=\"68\" y=\"455.5\">1<\/text>\n                <text x=\"68\" y=\"483.5\">2<\/text>\n                <text x=\"68\" y=\"511.5\">3<\/text>\n              <\/g>\n\n              <text x=\"86\" y=\"456\">Clear messaging<\/text>\n              <text x=\"86\" y=\"484\">Focused action<\/text>\n              <text x=\"86\" y=\"512\">Visual rhythm<\/text>\n\n              <rect x=\"60\" y=\"540\" width=\"22\" height=\"22\" fill=\"#18212B\"\/>\n              <rect x=\"88\" y=\"540\" width=\"22\" height=\"22\" fill=\"#F06450\"\/>\n              <rect x=\"116\" y=\"540\" width=\"22\" height=\"22\" fill=\"#68717C\"\/>\n              <rect x=\"144\" y=\"540\" width=\"22\" height=\"22\" fill=\"#E6E2DC\"\/>\n              <text x=\"180\" y=\"555\" font-size=\"10\" letter-spacing=\"1.6\" fill=\"#68717C\">BRAND PALETTE<\/text>\n              <text x=\"262\" y=\"520\" font-family=\"Manrope,sans-serif\" font-weight=\"800\" font-size=\"64\" letter-spacing=\"-3\">Aa<\/text>\n              <circle cx=\"352\" cy=\"504\" r=\"5\" fill=\"#F06450\"\/>\n              <text x=\"262\" y=\"548\" font-size=\"10\" letter-spacing=\"1.6\" fill=\"#68717C\">MANROPE \/ DM SANS<\/text>\n            <\/g>\n          <\/svg>\n        <\/div>\n      <\/figure>\n\n      <div class=\"bow-work-meta bow-work-reveal\">\n        <h3 class=\"bow-work-hd\">\n          <a class=\"bow-work-hl\" href=\"#bow-work-project-1\">\n            <span class=\"bow-work-n\" aria-hidden=\"true\">01<\/span>\n            <span>\n              <span class=\"bow-work-cat\">Web Design &amp; Development<\/span>\n              <span class=\"bow-work-t\">Digital Experiences That Move Business Forward<\/span>\n            <\/span>\n          <\/a>\n        <\/h3>\n\n        <div class=\"bow-work-panel\">\n          <div class=\"bow-work-pin\">\n            <div class=\"bow-work-pad\">\n              <p class=\"bow-work-desc\">A modern website built around clear messaging, considered interactions, and a frictionless user journey.<\/p>\n              <div class=\"bow-work-foot\">\n                <a class=\"bow-work-link\" href=\"#bow-work-project-1\"><span>View Project<\/span><i aria-hidden=\"true\">\u2197<\/i><\/a>\n                <span class=\"bow-work-concept\">Illustrative concept<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/article>\n\n    <!-- ===================================================\n         PROJECT 02 \u2014 BRANDING\n    ==================================================== -->\n    <article class=\"bow-work-proj bow-work-p2\" id=\"bow-work-project-2\">\n\n      <figure class=\"bow-work-visual\">\n        <figcaption class=\"bow-work-cap\">\n          <span>Fig. 02 \/ 03<\/span>\n          <span>Illustrative concept<\/span>\n        <\/figcaption>\n\n        <div class=\"bow-work-art bow-work-reveal\" style=\"--d:.1s\">\n          <svg viewBox=\"0 0 700 600\" role=\"img\" aria-label=\"Illustrative concept: a brand identity sheet with a geometric mark, type specimen, colour palette, business cards and packaging.\" focusable=\"false\">\n            <defs>\n              <pattern id=\"bow-work-d2\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\">\n                <circle cx=\"1\" cy=\"1\" r=\"1\" fill=\"#E6E2DC\"\/>\n              <\/pattern>\n            <\/defs>\n\n            <rect width=\"700\" height=\"600\" fill=\"url(#bow-work-d2)\"\/>\n\n            <g class=\"bow-work-ann\">\n              <rect x=\"52\" y=\"62\" width=\"256\" height=\"256\" fill=\"none\" stroke=\"#F06450\" stroke-dasharray=\"4 5\"\/>\n              <text x=\"52\" y=\"52\" font-family=\"'DM Sans',sans-serif\" font-size=\"10\" letter-spacing=\"1.6\" fill=\"#68717C\">CLEAR SPACE \/ LOGO MARK<\/text>\n            <\/g>\n\n            <g class=\"bow-work-sv\" style=\"--d:.05s\">\n              <rect x=\"80\" y=\"90\" width=\"200\" height=\"200\" fill=\"#18212B\"\/>\n              <circle cx=\"280\" cy=\"290\" r=\"100\" fill=\"#F06450\"\/>\n              <path class=\"bow-work-draw\" d=\"M80 290A200 200 0 0 1 280 90\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"\/>\n              <circle cx=\"80\" cy=\"290\" r=\"5\" fill=\"#F06450\"\/>\n            <\/g>\n\n            <g class=\"bow-work-sv\" style=\"--d:.2s\">\n              <text x=\"400\" y=\"210\" font-family=\"Manrope,sans-serif\" font-weight=\"800\" font-size=\"150\" letter-spacing=\"-6\" fill=\"#18212B\">Aa<\/text>\n              <circle cx=\"606\" cy=\"196\" r=\"10\" fill=\"#F06450\"\/>\n\n              <g class=\"bow-work-ann\" font-family=\"'DM Sans',sans-serif\" font-size=\"12\">\n                <text x=\"400\" y=\"246\" font-weight=\"700\" fill=\"#18212B\">Manrope<\/text>\n                <text x=\"400\" y=\"262\" fill=\"#68717C\">Headlines, 600\u2013800<\/text>\n                <text x=\"400\" y=\"288\" font-weight=\"700\" fill=\"#18212B\">DM Sans<\/text>\n                <text x=\"400\" y=\"304\" fill=\"#68717C\">Body copy, 400\u2013500<\/text>\n              <\/g>\n\n              <path d=\"M400 322H640\" stroke=\"#E6E2DC\"\/>\n            <\/g>\n\n            <g class=\"bow-work-sv\" style=\"--d:.3s\">\n              <rect x=\"80\" y=\"400\" width=\"104\" height=\"64\" fill=\"#18212B\"\/>\n              <rect x=\"196\" y=\"400\" width=\"104\" height=\"64\" fill=\"#F06450\"\/>\n              <rect x=\"312\" y=\"400\" width=\"104\" height=\"64\" fill=\"#68717C\"\/>\n              <rect x=\"428\" y=\"400\" width=\"104\" height=\"64\" fill=\"#E6E2DC\"\/>\n              <rect x=\"544\" y=\"400\" width=\"104\" height=\"64\" fill=\"#FBEAE6\" stroke=\"#E6E2DC\"\/>\n\n              <g class=\"bow-work-ann\" font-family=\"'DM Sans',sans-serif\" font-size=\"9\" letter-spacing=\"1.6\" fill=\"#68717C\">\n                <text x=\"80\" y=\"482\">INK<\/text>\n                <text x=\"196\" y=\"482\">CORAL<\/text>\n                <text x=\"312\" y=\"482\">SLATE<\/text>\n                <text x=\"428\" y=\"482\">LINE<\/text>\n                <text x=\"544\" y=\"482\">TINT<\/text>\n              <\/g>\n            <\/g>\n\n            <g class=\"bow-work-sv bow-work-float2\" style=\"--d:.4s\">\n              <g transform=\"rotate(-4 175 540)\">\n                <rect x=\"90\" y=\"502\" width=\"170\" height=\"76\" fill=\"#fff\" stroke=\"#18212B\"\/>\n              <\/g>\n\n              <g transform=\"rotate(3 325 540)\">\n                <rect x=\"240\" y=\"500\" width=\"170\" height=\"76\" fill=\"#18212B\"\/>\n                <circle cx=\"262\" cy=\"520\" r=\"6\" fill=\"#F06450\"\/>\n                <rect x=\"262\" y=\"550\" width=\"70\" height=\"4\" fill=\"#fff\" fill-opacity=\".8\"\/>\n                <rect x=\"262\" y=\"560\" width=\"46\" height=\"4\" fill=\"#fff\" fill-opacity=\".4\"\/>\n              <\/g>\n\n              <polygon points=\"470,524 560,500 650,524 560,550\" fill=\"#fff\" stroke=\"#18212B\"\/>\n              <polygon points=\"470,524 560,550 560,586 470,560\" fill=\"#fff\" stroke=\"#18212B\"\/>\n              <polygon points=\"560,550 650,524 650,560 560,586\" fill=\"#18212B\"\/>\n              <circle cx=\"515\" cy=\"549\" r=\"9\" fill=\"#F06450\"\/>\n            <\/g>\n          <\/svg>\n        <\/div>\n      <\/figure>\n\n      <div class=\"bow-work-meta bow-work-reveal\" style=\"--d:.1s\">\n        <h3 class=\"bow-work-hd\">\n          <a class=\"bow-work-hl\" href=\"#bow-work-project-2\">\n            <span class=\"bow-work-n\" aria-hidden=\"true\">02<\/span>\n            <span>\n              <span class=\"bow-work-cat\">Branding &amp; Creative<\/span>\n              <span class=\"bow-work-t\">A Clearer Brand. A Stronger Presence.<\/span>\n            <\/span>\n          <\/a>\n        <\/h3>\n\n        <div class=\"bow-work-panel\">\n          <div class=\"bow-work-pin\">\n            <div class=\"bow-work-pad\">\n              <p class=\"bow-work-desc\">A cohesive identity that connects brand personality, meaningful messaging, and consistent digital communication.<\/p>\n              <div class=\"bow-work-foot\">\n                <a class=\"bow-work-link\" href=\"#bow-work-project-2\"><span>View Project<\/span><i aria-hidden=\"true\">\u2197<\/i><\/a>\n                <span class=\"bow-work-concept\">Illustrative concept<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/article>\n\n    <!-- ===================================================\n         PROJECT 03 \u2014 DIGITAL GROWTH\n    ==================================================== -->\n    <article class=\"bow-work-proj bow-work-p3\" id=\"bow-work-project-3\">\n\n      <figure class=\"bow-work-visual\">\n        <figcaption class=\"bow-work-cap\">\n          <span>Fig. 03 \/ 03<\/span>\n          <span>Illustrative concept<\/span>\n        <\/figcaption>\n\n        <div class=\"bow-work-art bow-work-reveal\" style=\"--d:.2s\">\n          <svg viewBox=\"0 0 700 600\" role=\"img\" aria-label=\"Illustrative concept: marketing channels flowing into a landing page and an analytics dashboard, with a conversion funnel below.\" focusable=\"false\">\n            <defs>\n              <pattern id=\"bow-work-d3\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\">\n                <circle cx=\"1\" cy=\"1\" r=\"1\" fill=\"#E6E2DC\"\/>\n              <\/pattern>\n            <\/defs>\n\n            <rect width=\"700\" height=\"600\" fill=\"url(#bow-work-d3)\"\/>\n\n            <text class=\"bow-work-ann\" x=\"40\" y=\"116\" font-family=\"'DM Sans',sans-serif\" font-size=\"9\" letter-spacing=\"1.6\" fill=\"#68717C\">CHANNELS<\/text>\n\n            <g fill=\"none\" stroke=\"#18212B\" stroke-opacity=\".3\">\n              <path class=\"bow-work-draw\" d=\"M148 146C190 146 190 262 230 262\"\/>\n              <path class=\"bow-work-draw\" d=\"M148 192C190 192 190 262 230 262\"\/>\n              <path class=\"bow-work-draw\" d=\"M148 284C190 284 190 262 230 262\"\/>\n            <\/g>\n\n            <path class=\"bow-work-draw\" d=\"M148 238C190 238 190 262 230 262\" fill=\"none\" stroke=\"#F06450\" stroke-width=\"1.8\"\/>\n\n            <g class=\"bow-work-sv\" style=\"--d:.05s\" font-family=\"'DM Sans',sans-serif\" font-size=\"11\" fill=\"#18212B\">\n              <g fill=\"#fff\" stroke=\"#E6E2DC\">\n                <rect x=\"40\" y=\"130\" width=\"108\" height=\"32\"\/>\n                <rect x=\"40\" y=\"176\" width=\"108\" height=\"32\"\/>\n                <rect x=\"40\" y=\"222\" width=\"108\" height=\"32\"\/>\n                <rect x=\"40\" y=\"268\" width=\"108\" height=\"32\"\/>\n              <\/g>\n\n              <g fill=\"#F06450\">\n                <circle cx=\"54\" cy=\"146\" r=\"3.5\"\/>\n                <circle cx=\"54\" cy=\"192\" r=\"3.5\"\/>\n                <circle cx=\"54\" cy=\"238\" r=\"3.5\"\/>\n                <circle cx=\"54\" cy=\"284\" r=\"3.5\"\/>\n              <\/g>\n\n              <text x=\"66\" y=\"150\">Search<\/text>\n              <text x=\"66\" y=\"196\">Social<\/text>\n              <text x=\"66\" y=\"242\">Email<\/text>\n              <text x=\"66\" y=\"288\">Direct<\/text>\n            <\/g>\n\n            <g class=\"bow-work-sv\" style=\"--d:.2s\">\n              <rect x=\"242\" y=\"112\" width=\"200\" height=\"320\" fill=\"none\" stroke=\"#18212B\" stroke-opacity=\".22\"\/>\n              <rect x=\"230\" y=\"100\" width=\"200\" height=\"320\" fill=\"#fff\" stroke=\"#18212B\"\/>\n              <path d=\"M230 126H430\" stroke=\"#E6E2DC\"\/>\n              <circle cx=\"244\" cy=\"113\" r=\"3.5\" fill=\"#F06450\"\/>\n              <circle cx=\"256\" cy=\"113\" r=\"3.5\" fill=\"#E6E2DC\"\/>\n\n              <g font-family=\"Manrope,sans-serif\" font-weight=\"800\" font-size=\"17\" letter-spacing=\"-.6\" fill=\"#18212B\">\n                <text x=\"246\" y=\"164\">Start the<\/text>\n                <text x=\"246\" y=\"186\">conversation<tspan fill=\"#F06450\">.<\/tspan><\/text>\n              <\/g>\n\n              <g fill=\"#68717C\" fill-opacity=\".4\">\n                <rect x=\"246\" y=\"200\" width=\"150\" height=\"4\"\/>\n                <rect x=\"246\" y=\"210\" width=\"110\" height=\"4\"\/>\n              <\/g>\n\n              <rect x=\"246\" y=\"226\" width=\"168\" height=\"62\" fill=\"#E9EEF2\"\/>\n              <circle cx=\"352\" cy=\"258\" r=\"20\" fill=\"none\" stroke=\"#18212B\"\/>\n              <circle cx=\"364\" cy=\"248\" r=\"8\" fill=\"#F06450\"\/>\n\n              <g fill=\"#fff\" stroke=\"#E6E2DC\">\n                <rect x=\"246\" y=\"302\" width=\"168\" height=\"22\"\/>\n                <rect x=\"246\" y=\"330\" width=\"168\" height=\"22\"\/>\n              <\/g>\n\n              <rect x=\"246\" y=\"362\" width=\"168\" height=\"30\" fill=\"#F06450\"\/>\n              <text x=\"330\" y=\"381\" text-anchor=\"middle\" font-family=\"Manrope,sans-serif\" font-weight=\"700\" font-size=\"11\" fill=\"#fff\">Send enquiry<\/text>\n            <\/g>\n\n            <path d=\"M430 262H470\" stroke=\"#F06450\" stroke-width=\"1.8\" stroke-dasharray=\"4 4\"\/>\n            <circle cx=\"430\" cy=\"262\" r=\"4\" fill=\"#fff\" stroke=\"#F06450\" stroke-width=\"2\"\/>\n\n            <g class=\"bow-work-sv bow-work-float\" style=\"--d:.35s\">\n              <rect x=\"482\" y=\"142\" width=\"190\" height=\"232\" fill=\"none\" stroke=\"#18212B\" stroke-opacity=\".22\"\/>\n              <rect x=\"470\" y=\"130\" width=\"190\" height=\"232\" fill=\"#fff\" stroke=\"#18212B\"\/>\n              <rect x=\"484\" y=\"144\" width=\"60\" height=\"7\" fill=\"#18212B\"\/>\n              <circle cx=\"642\" cy=\"148\" r=\"4\" fill=\"#F06450\"\/>\n\n              <g fill=\"none\" stroke=\"#E6E2DC\">\n                <rect x=\"484\" y=\"164\" width=\"52\" height=\"38\"\/>\n                <rect x=\"544\" y=\"164\" width=\"52\" height=\"38\"\/>\n                <rect x=\"604\" y=\"164\" width=\"42\" height=\"38\"\/>\n              <\/g>\n\n              <g fill=\"#18212B\">\n                <rect x=\"492\" y=\"174\" width=\"26\" height=\"5\"\/>\n                <rect x=\"552\" y=\"174\" width=\"26\" height=\"5\"\/>\n              <\/g>\n\n              <rect x=\"612\" y=\"174\" width=\"26\" height=\"5\" fill=\"#F06450\"\/>\n\n              <g stroke=\"#E6E2DC\">\n                <path d=\"M484 232H646\"\/>\n                <path d=\"M484 256H646\"\/>\n                <path d=\"M484 280H646\"\/>\n                <path d=\"M484 304H646\"\/>\n              <\/g>\n\n              <path d=\"M484 336L520 314L556 320L592 282L628 290L646 252V336Z\" fill=\"#F06450\" fill-opacity=\".12\"\/>\n              <polyline class=\"bow-work-draw\" points=\"484,336 520,314 556,320 592,282 628,290 646,252\" fill=\"none\" stroke=\"#F06450\" stroke-width=\"2.5\" stroke-linejoin=\"round\"\/>\n              <circle cx=\"592\" cy=\"282\" r=\"4.5\" fill=\"#fff\" stroke=\"#F06450\" stroke-width=\"2\"\/>\n              <circle cx=\"646\" cy=\"252\" r=\"5\" fill=\"#F06450\"\/>\n            <\/g>\n\n            <text class=\"bow-work-ann\" x=\"40\" y=\"450\" font-family=\"'DM Sans',sans-serif\" font-size=\"9\" letter-spacing=\"1.6\" fill=\"#68717C\">CONVERSION FLOW<\/text>\n\n            <g class=\"bow-work-sv\" style=\"--d:.5s\" font-family=\"'DM Sans',sans-serif\" font-size=\"11\">\n              <rect x=\"40\" y=\"462\" width=\"620\" height=\"26\" fill=\"#E9EEF2\"\/>\n              <rect x=\"130\" y=\"494\" width=\"440\" height=\"26\" fill=\"#E6E2DC\"\/>\n              <rect x=\"220\" y=\"526\" width=\"260\" height=\"26\" fill=\"#F06450\"\/>\n\n              <g class=\"bow-work-ann\">\n                <text x=\"54\" y=\"479\" fill=\"#18212B\">Attention<\/text>\n                <text x=\"144\" y=\"511\" fill=\"#18212B\">Landing page<\/text>\n                <text x=\"234\" y=\"543\" fill=\"#fff\" font-weight=\"700\">Action<\/text>\n              <\/g>\n            <\/g>\n          <\/svg>\n        <\/div>\n      <\/figure>\n\n      <div class=\"bow-work-meta bow-work-reveal\" style=\"--d:.2s\">\n        <h3 class=\"bow-work-hd\">\n          <a class=\"bow-work-hl\" href=\"#bow-work-project-3\">\n            <span class=\"bow-work-n\" aria-hidden=\"true\">03<\/span>\n            <span>\n              <span class=\"bow-work-cat\">Digital Growth<\/span>\n              <span class=\"bow-work-t\">Digital Experiences Built to Convert.<\/span>\n            <\/span>\n          <\/a>\n        <\/h3>\n\n        <div class=\"bow-work-panel\">\n          <div class=\"bow-work-pin\">\n            <div class=\"bow-work-pad\">\n              <p class=\"bow-work-desc\">A conversion-focused concept that connects audience engagement, intuitive landing pages, and measurable business objectives.<\/p>\n              <div class=\"bow-work-foot\">\n                <a class=\"bow-work-link\" href=\"#bow-work-project-3\"><span>View Project<\/span><i aria-hidden=\"true\">\u2197<\/i><\/a>\n                <span class=\"bow-work-concept\">Illustrative concept<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/article>\n\n  <\/div>\n\n  <!-- CLOSING CTA -->\n  <div class=\"bow-work-end bow-work-reveal\">\n    <a class=\"bow-work-link\" href=\"#bow-work-section\">\n      <span>Explore Our Work<\/span>\n      <i aria-hidden=\"true\">\u2197<\/i>\n    <\/a>\n  <\/div>\n\n  <p class=\"bow-work-note bow-work-reveal\">\n    These three projects are illustrative concepts that show our design approach. They are not client case studies and contain no real results.\n  <\/p>\n\n<\/div>\n\n<script>\n(function () {\n  'use strict';\n\n  var root = document.getElementById('bow-work-section');\n  if (!root || root.dataset.bowWorkInitialized === 'true') return;\n\n  root.dataset.bowWorkInitialized = 'true';\n\n  \/* Full-bleed: outer section = full browser width (scrollbar excluded), same method as the hero.\n     Set data-fullbleed=\"0\" on the section to turn this off. *\/\n  function fullBleed() {\n    if (root.getAttribute('data-fullbleed') === '0') return;\n    root.style.width = '100%';\n    root.style.marginLeft = '0px';\n    var left = root.getBoundingClientRect().left;\n    var vw = document.documentElement.clientWidth || window.innerWidth;\n    root.style.width = vw + 'px';\n    root.style.marginLeft = (-left) + 'px';\n  }\n\n  fullBleed();\n\n  var resizeTimer = 0;\n  function onResize() {\n    clearTimeout(resizeTimer);\n    resizeTimer = setTimeout(fullBleed, 100);\n  }\n\n  window.addEventListener('resize', onResize);\n  window.addEventListener('orientationchange', onResize);\n  window.addEventListener('load', onResize);\n\n  if ('ResizeObserver' in window && root.parentElement) {\n    new ResizeObserver(onResize).observe(root.parentElement);\n  }\n\n  var reduceMotion = window.matchMedia &&\n    window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  var desktop = window.matchMedia('(min-width: 981px)');\n  var projects = Array.prototype.slice.call(\n    root.querySelectorAll('.bow-work-proj')\n  );\n\n  var links = projects.map(function (project) {\n    return project.querySelector('.bow-work-hl');\n  });\n\n  root.classList.add('bow-work-js');\n\n  function setActive(index) {\n    projects.forEach(function (project, i) {\n      var active = i === index;\n\n      project.classList.toggle('is-active', active);\n\n      if (active) {\n        links[i].setAttribute('aria-current', 'true');\n      } else {\n        links[i].removeAttribute('aria-current');\n      }\n    });\n  }\n\n  setActive(0);\n\n  projects.forEach(function (project, index) {\n    var headingLink = links[index];\n    var meta = project.querySelector('.bow-work-meta');\n\n    if (meta) {\n      meta.addEventListener('pointerenter', function (event) {\n        if (event.pointerType === 'mouse' && desktop.matches) {\n          setActive(index);\n        }\n      });\n    }\n\n    if (headingLink) {\n      headingLink.addEventListener('focus', function () {\n        if (desktop.matches) {\n          setActive(index);\n        }\n      });\n\n      \/* On desktop, first click selects an inactive project.\n         Clicking the active project follows its link. *\/\n      headingLink.addEventListener('click', function (event) {\n        if (desktop.matches && !project.classList.contains('is-active')) {\n          event.preventDefault();\n          setActive(index);\n        }\n      });\n    }\n  });\n\n  \/* Reveal animation *\/\n  var revealElements = Array.prototype.slice.call(\n    root.querySelectorAll('.bow-work-reveal')\n  );\n\n  function revealAll() {\n    revealElements.forEach(function (element) {\n      element.classList.add('is-in');\n    });\n  }\n\n  if (reduceMotion || !('IntersectionObserver' in window)) {\n    revealAll();\n    return;\n  }\n\n  root.classList.add('bow-work-anim');\n\n  var observer = new IntersectionObserver(function (entries) {\n    entries.forEach(function (entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('is-in');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, {\n    threshold: 0.06,\n    rootMargin: '0px 0px -4% 0px'\n  });\n\n  revealElements.forEach(function (element) {\n    observer.observe(element);\n  });\n\n  \/* Fallback: never leave content hidden if observation is interrupted *\/\n  window.setTimeout(revealAll, 4500);\n})();\n<\/script>\n\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_4 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_4 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_4 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_4 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- ============================================================\n  Brandz on Web \u2014 \"More Than a Service Provider.\" section\n  Paste into a single Divi Code Module (no header\/footer included).\n  Width: full-bleed method copied from the hero (data-fullbleed=\"1\"), inner container max 1240px.\n  Breakpoints match the hero: desktop >980 | tablet 768-980 | phone <=767 | small phone <=380.\n  ============================================================ -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500&family=Manrope:wght@500;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n#bow-why-section{\n  --bow-coral:#F06450;\n  --bow-coral-deep:#CF4431;\n  --bow-ink:#18212B;\n  --bow-slate:#68717C;\n  --bow-bg:#F5F7F8;\n  --bow-line:rgba(24,33,43,.14);\n  --bow-maxw:1240px;\n  --bow-px:32px;\n  --bow-pv:clamp(72px,10vw,140px);\n  position:relative;\n  display:block;\n  width:100%;\n  max-width:none;\n  min-width:0;\n  margin:0;\n  padding:var(--bow-pv) 0 calc(var(--bow-pv) * .9);\n  background:var(--bow-bg);\n  color:var(--bow-ink);\n  border-top:1px solid var(--bow-line);\n  font-family:\"DM Sans\",system-ui,-apple-system,\"Segoe UI\",Roboto,Arial,sans-serif;\n  overflow:hidden;\n  overflow:clip;\n  box-sizing:border-box;\n}\n#bow-why-section *,\n#bow-why-section *::before,\n#bow-why-section *::after{box-sizing:border-box}\n#bow-why-section .bow-inner{\n  width:100%;\n  max-width:var(--bow-maxw);\n  min-width:0;\n  margin-left:auto;\n  margin-right:auto;\n  padding-left:var(--bow-px);\n  padding-right:var(--bow-px);\n}\n@media (max-width:980px){#bow-why-section{--bow-maxw:100%;--bow-px:28px}}\n@media (max-width:767px){#bow-why-section{--bow-maxw:100%;--bow-px:20px}}\n\n\/* ---------- Top: headline + visual ---------- *\/\n#bow-why-section .bow-top{\n  display:grid;\n  grid-template-columns:minmax(0,5fr) minmax(0,6fr);\n  gap:clamp(32px,6vw,96px);\n  align-items:center;\n}\n#bow-why-section .bow-head{min-width:0}\n#bow-why-section .bow-title{\n  margin:0;\n  padding:0;\n  font-family:\"Manrope\",system-ui,sans-serif;\n  font-weight:800;\n  font-size:clamp(2.5rem,5.4vw,4.9rem);\n  line-height:1.02;\n  letter-spacing:-.04em;\n  color:var(--bow-ink);\n  text-transform:none;\n}\n#bow-why-section .bow-title span{display:block}\n#bow-why-section .bow-title .bow-title-2{color:var(--bow-coral)}\n#bow-why-section .bow-intro{\n  margin:clamp(24px,3vw,36px) 0 0;\n  padding:0 0 0 22px;\n  max-width:440px;\n  border-left:2px solid var(--bow-coral);\n  font-size:clamp(1rem,1.2vw,1.125rem);\n  line-height:1.7;\n  color:var(--bow-slate);\n}\n#bow-why-section .bow-cta{\n  display:inline-flex;\n  align-items:center;\n  gap:14px;\n  margin-top:clamp(28px,3.4vw,44px);\n  padding:17px 26px;\n  border-radius:999px;\n  background:var(--bow-ink);\n  color:#fff;\n  font-family:\"Manrope\",system-ui,sans-serif;\n  font-weight:700;\n  font-size:.975rem;\n  line-height:1.2;\n  text-decoration:none;\n  max-width:100%;\n  transition:background-color .3s ease,color .3s ease,transform .3s ease;\n}\n#bow-why-section .bow-cta:hover{background:var(--bow-coral);color:var(--bow-ink);transform:translateY(-2px)}\n#bow-why-section .bow-cta:focus-visible,\n#bow-why-section .bow-item:focus-visible{outline:3px solid var(--bow-coral);outline-offset:4px}\n#bow-why-section .bow-cta-arrow{display:inline-block;transition:transform .3s ease}\n#bow-why-section .bow-cta:hover .bow-cta-arrow{transform:translate(3px,-3px)}\n\n\/* ---------- Visual ---------- *\/\n#bow-why-section .bow-visual{min-width:0;width:100%}\n#bow-why-section .bow-svg{display:block;width:100%;max-width:100%;height:auto;overflow:visible}\n#bow-why-section .bow-ring{fill:none;stroke:var(--bow-ink);stroke-opacity:.14;stroke-width:1}\n#bow-why-section .bow-ring-dash{stroke-dasharray:3 7;stroke-opacity:.3}\n#bow-why-section .bow-draw{fill:none;stroke:var(--bow-ink);stroke-opacity:.45;stroke-width:1.25;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}\n#bow-why-section .bow-draw-coral{stroke:var(--bow-coral);stroke-opacity:1;stroke-width:1.75}\n#bow-why-section .bow-node-bg{fill:#fff;stroke:var(--bow-ink);stroke-width:1.25;transition:fill .3s ease,stroke .3s ease}\n#bow-why-section .bow-icon{fill:none;stroke:var(--bow-ink);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s ease}\n#bow-why-section .bow-dot{fill:var(--bow-coral)}\n#bow-why-section .bow-label{font-family:\"Manrope\",system-ui,sans-serif;font-weight:700;font-size:13px;fill:var(--bow-ink);transition:fill .3s ease}\n#bow-why-section .bow-node{transform-box:fill-box;transform-origin:center}\n#bow-why-section .bow-node.is-active .bow-node-bg{fill:var(--bow-coral);stroke:var(--bow-coral)}\n#bow-why-section .bow-node.is-active .bow-icon{stroke:#fff}\n#bow-why-section .bow-node.is-active .bow-label{fill:var(--bow-coral-deep)}\n#bow-why-section .bow-core-text{font-family:\"Manrope\",system-ui,sans-serif;font-weight:800;font-size:26px;fill:#fff}\n#bow-why-section .bow-orbit{transform-box:view-box;transform-origin:280px 280px;animation:bow-spin 36s linear infinite}\n#bow-why-section .bow-orbit-rev{animation-duration:54s;animation-direction:reverse}\n#bow-why-section .bow-pulse{transform-box:fill-box;transform-origin:center;animation:bow-pulse 3.6s ease-out infinite}\n@keyframes bow-spin{to{transform:rotate(360deg)}}\n@keyframes bow-pulse{0%{transform:scale(1);opacity:.5}100%{transform:scale(2.3);opacity:0}}\n\n\/* ---------- Differentiators ---------- *\/\n#bow-why-section .bow-list{\n  list-style:none;\n  margin:clamp(56px,8vw,112px) 0 0;\n  padding:0;\n  display:grid;\n  grid-template-columns:repeat(4,minmax(0,1fr));\n  gap:0 clamp(20px,2.6vw,40px);\n  align-items:start;\n}\n#bow-why-section .bow-item{\n  position:relative;\n  min-width:0;\n  margin:0;\n  padding:26px 0 8px;\n  border-top:1px solid var(--bow-line);\n  outline-offset:6px;\n  cursor:default;\n}\n#bow-why-section .bow-item:nth-child(even){margin-top:clamp(36px,5vw,72px)}\n#bow-why-section .bow-item::before{\n  content:\"\";\n  position:absolute;\n  top:-1px;left:0;\n  width:100%;height:2px;\n  background:var(--bow-coral);\n  transform:scaleX(0);\n  transform-origin:left;\n  transition:transform .55s cubic-bezier(.2,.7,.2,1);\n}\n#bow-why-section .bow-item:hover::before,\n#bow-why-section .bow-item:focus-visible::before,\n#bow-why-section .bow-item.is-active::before{transform:scaleX(1)}\n#bow-why-section .bow-num{\n  display:block;\n  margin:0 0 22px;\n  font-family:\"Manrope\",system-ui,sans-serif;\n  font-weight:800;\n  font-size:clamp(2.2rem,3.4vw,3.1rem);\n  line-height:1;\n  letter-spacing:-.04em;\n  color:transparent;\n  -webkit-text-stroke:1.25px var(--bow-ink);\n  transition:color .35s ease,-webkit-text-stroke-color .35s ease,transform .35s ease;\n}\n#bow-why-section .bow-item:hover .bow-num,\n#bow-why-section .bow-item:focus-visible .bow-num,\n#bow-why-section .bow-item.is-active .bow-num{color:var(--bow-coral);-webkit-text-stroke-color:var(--bow-coral);transform:translateX(6px)}\n#bow-why-section .bow-item-title{\n  margin:0 0 12px;\n  padding:0;\n  font-family:\"Manrope\",system-ui,sans-serif;\n  font-weight:700;\n  font-size:clamp(1.05rem,1.5vw,1.3rem);\n  line-height:1.25;\n  letter-spacing:-.02em;\n  color:var(--bow-ink);\n  text-transform:none;\n}\n#bow-why-section .bow-item-text{\n  margin:0;\n  max-width:30ch;\n  font-size:.975rem;\n  line-height:1.65;\n  color:var(--bow-slate);\n}\n\n\/* ---------- Scroll reveal (only active when JS adds .bow-js) ---------- *\/\n#bow-why-section.bow-js [data-bow-reveal]{\n  opacity:0;\n  transform:translateY(20px);\n  transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);\n  transition-delay:var(--bow-d,0s);\n}\n#bow-why-section.bow-js [data-bow-reveal].is-in{opacity:1;transform:none}\n#bow-why-section.bow-js .bow-item[data-bow-reveal].is-in{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}\n#bow-why-section.bow-js .bow-visual[data-bow-reveal]{transform:none}\n#bow-why-section.bow-js .bow-visual:not(.is-in) .bow-draw{stroke-dashoffset:1}\n#bow-why-section.bow-js .bow-visual:not(.is-in) .bow-ring,\n#bow-why-section.bow-js .bow-visual:not(.is-in) .bow-orbit{opacity:0}\n#bow-why-section.bow-js .bow-visual:not(.is-in) .bow-node{opacity:0;transform:scale(.6)}\n#bow-why-section.bow-js .bow-draw{transition:stroke-dashoffset 1.8s cubic-bezier(.4,0,.2,1) .2s}\n#bow-why-section.bow-js .bow-ring,\n#bow-why-section.bow-js .bow-orbit{transition:opacity 1.2s ease .3s}\n#bow-why-section.bow-js .bow-node{transition:opacity .6s ease,transform .7s cubic-bezier(.2,.8,.2,1)}\n#bow-why-section.bow-js .bow-node:nth-of-type(1){transition-delay:.9s}\n#bow-why-section.bow-js .bow-node:nth-of-type(2){transition-delay:1.05s}\n#bow-why-section.bow-js .bow-node:nth-of-type(3){transition-delay:1.2s}\n#bow-why-section.bow-js .bow-node:nth-of-type(4){transition-delay:1.35s}\n\n\/* ---------- Responsive ---------- *\/\n@media (max-width:980px){\n  #bow-why-section .bow-top{grid-template-columns:minmax(0,1fr);gap:40px}\n  #bow-why-section .bow-visual{max-width:540px;margin:0 auto}\n  #bow-why-section .bow-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}\n  #bow-why-section .bow-item{margin-top:0;margin-bottom:40px}\n  #bow-why-section .bow-item:nth-child(even){margin-top:48px;margin-bottom:0}\n  #bow-why-section .bow-item:nth-child(4){margin-bottom:0}\n}\n@media (max-width:767px){\n  #bow-why-section .bow-list{grid-template-columns:minmax(0,1fr);gap:0}\n  #bow-why-section .bow-item,\n  #bow-why-section .bow-item:nth-child(even){margin-top:0;margin-bottom:32px}\n  #bow-why-section .bow-item:last-child{margin-bottom:0}\n  #bow-why-section .bow-item-text{max-width:none}\n  #bow-why-section .bow-label{font-size:15px}\n}\n@media (max-width:380px){\n  #bow-why-section .bow-inner{padding-left:18px;padding-right:18px}\n  #bow-why-section .bow-title{font-size:2.3rem}\n  #bow-why-section .bow-intro{padding-left:16px}\n  #bow-why-section .bow-cta{width:100%;justify-content:space-between;padding:16px 20px;font-size:.92rem}\n}\n\n\/* ---------- Reduced motion ---------- *\/\n@media (prefers-reduced-motion:reduce){\n  #bow-why-section *,\n  #bow-why-section *::before,\n  #bow-why-section *::after{animation:none!important;transition:none!important}\n  #bow-why-section.bow-js [data-bow-reveal]{opacity:1!important;transform:none!important}\n  #bow-why-section.bow-js .bow-visual:not(.is-in) .bow-draw{stroke-dashoffset:0}\n  #bow-why-section.bow-js .bow-visual:not(.is-in) .bow-ring,\n  #bow-why-section.bow-js .bow-visual:not(.is-in) .bow-orbit,\n  #bow-why-section.bow-js .bow-visual:not(.is-in) .bow-node{opacity:1;transform:none}\n}\n<\/style>\n\n<section id=\"bow-why-section\" data-fullbleed=\"1\" aria-labelledby=\"bow-why-title\">\n  <div class=\"bow-inner\">\n\n    <div class=\"bow-top\">\n      <div class=\"bow-head\" data-bow-reveal>\n        <h2 class=\"bow-title\" id=\"bow-why-title\">\n          <span>More Than a Service Provider.<\/span>\n          <span class=\"bow-title-2\">Your Partner in Progress.<\/span>\n        <\/h2>\n        <p class=\"bow-intro\">We bring strategy, creativity, marketing, and technology together to help businesses build a stronger digital presence and move forward with clarity.<\/p>\n        <a class=\"bow-cta\" href=\"\/contact\">Let\u2019s Build Something Meaningful <span class=\"bow-cta-arrow\" aria-hidden=\"true\">\u2197<\/span><\/a>\n      <\/div>\n\n      <div class=\"bow-visual\" data-bow-reveal>\n        <svg class=\"bow-svg\" viewBox=\"0 0 560 560\" role=\"img\" aria-labelledby=\"bow-svg-t bow-svg-d\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <title id=\"bow-svg-t\">Strategy, creativity, technology and growth connected around Brandz on Web<\/title>\n          <desc id=\"bow-svg-d\">Four connected nodes orbit a central coral mark, showing how strategy, creativity, technology and growth work as one system.<\/desc>\n\n          <!-- rings -->\n          <circle class=\"bow-ring\" cx=\"280\" cy=\"280\" r=\"250\"\/>\n          <circle class=\"bow-ring bow-ring-dash\" cx=\"280\" cy=\"280\" r=\"200\"\/>\n          <circle class=\"bow-ring\" cx=\"280\" cy=\"280\" r=\"130\"\/>\n          <circle class=\"bow-ring\" cx=\"280\" cy=\"280\" r=\"70\"\/>\n\n          <!-- orbiting dots -->\n          <g class=\"bow-orbit\"><circle class=\"bow-dot\" cx=\"410\" cy=\"280\" r=\"5\"\/><\/g>\n          <g class=\"bow-orbit bow-orbit-rev\"><circle cx=\"280\" cy=\"80\" r=\"3.5\" fill=\"#18212B\"\/><\/g>\n\n          <!-- connections -->\n          <path class=\"bow-draw bow-draw-coral\" pathLength=\"1\" d=\"M120 130 Q280 60 440 130 Q510 280 440 430 Q280 500 120 430 Q50 280 120 130 Z\"\/>\n          <path class=\"bow-draw\" pathLength=\"1\" d=\"M280 280 L120 130\"\/>\n          <path class=\"bow-draw\" pathLength=\"1\" d=\"M280 280 L440 130\"\/>\n          <path class=\"bow-draw\" pathLength=\"1\" d=\"M280 280 L440 430\"\/>\n          <path class=\"bow-draw\" pathLength=\"1\" d=\"M280 280 L120 430\"\/>\n\n          <!-- core -->\n          <circle class=\"bow-dot bow-pulse\" cx=\"280\" cy=\"280\" r=\"26\" style=\"opacity:.4\"\/>\n          <circle class=\"bow-dot\" cx=\"280\" cy=\"280\" r=\"26\"\/>\n          <text class=\"bow-core-text\" x=\"280\" y=\"289\" text-anchor=\"middle\">B<\/text>\n\n          <!-- nodes -->\n          <g class=\"bow-node\" data-node=\"1\">\n            <circle class=\"bow-node-bg\" cx=\"120\" cy=\"130\" r=\"34\"\/>\n            <g class=\"bow-icon\" transform=\"translate(120 130)\"><circle cx=\"0\" cy=\"0\" r=\"11\"\/><circle cx=\"0\" cy=\"0\" r=\"4\"\/><path d=\"M0 -17V-11M0 11V17M-17 0H-11M11 0H17\"\/><\/g>\n            <text class=\"bow-label\" x=\"120\" y=\"188\" text-anchor=\"middle\">Strategy<\/text>\n          <\/g>\n          <g class=\"bow-node\" data-node=\"2\">\n            <circle class=\"bow-node-bg\" cx=\"440\" cy=\"130\" r=\"34\"\/>\n            <g class=\"bow-icon\" transform=\"translate(440 130)\"><path d=\"M-14 8C-8 -16 0 16 6 -6S12 -4 14 -10\"\/><circle cx=\"14\" cy=\"-10\" r=\"1.5\"\/><\/g>\n            <text class=\"bow-label\" x=\"440\" y=\"188\" text-anchor=\"middle\">Creativity<\/text>\n          <\/g>\n          <g class=\"bow-node\" data-node=\"3\">\n            <circle class=\"bow-node-bg\" cx=\"440\" cy=\"430\" r=\"34\"\/>\n            <g class=\"bow-icon\" transform=\"translate(440 430)\"><path d=\"M-7 -9L-15 0L-7 9M7 -9L15 0L7 9M3 -12L-3 12\"\/><\/g>\n            <text class=\"bow-label\" x=\"440\" y=\"488\" text-anchor=\"middle\">Technology<\/text>\n          <\/g>\n          <g class=\"bow-node\" data-node=\"4\">\n            <circle class=\"bow-node-bg\" cx=\"120\" cy=\"430\" r=\"34\"\/>\n            <g class=\"bow-icon\" transform=\"translate(120 430)\"><path d=\"M-12 11V5M-4 11V-1M4 11V-6M12 11V-13\"\/><\/g>\n            <text class=\"bow-label\" x=\"120\" y=\"488\" text-anchor=\"middle\">Growth<\/text>\n          <\/g>\n        <\/svg>\n      <\/div>\n    <\/div>\n\n    <ol class=\"bow-list\">\n      <li class=\"bow-item\" tabindex=\"0\" data-node=\"1\" data-bow-reveal style=\"--bow-d:.05s\">\n        <span class=\"bow-num\" aria-hidden=\"true\">01<\/span>\n        <h3 class=\"bow-item-title\">Strategy Before Execution<\/h3>\n        <p class=\"bow-item-text\">We start with your goals, audience and market, so every decision that follows has a reason.<\/p>\n      <\/li>\n      <li class=\"bow-item\" tabindex=\"0\" data-node=\"2\" data-bow-reveal style=\"--bow-d:.15s\">\n        <span class=\"bow-num\" aria-hidden=\"true\">02<\/span>\n        <h3 class=\"bow-item-title\">Creative Thinking, Clear Purpose<\/h3>\n        <p class=\"bow-item-text\">Ideas matter when they move a business forward. Ours are made to be understood and acted on.<\/p>\n      <\/li>\n      <li class=\"bow-item\" tabindex=\"0\" data-node=\"3\" data-bow-reveal style=\"--bow-d:.25s\">\n        <span class=\"bow-num\" aria-hidden=\"true\">03<\/span>\n        <h3 class=\"bow-item-title\">Marketing Meets Technology<\/h3>\n        <p class=\"bow-item-text\">Campaigns, websites and systems are planned together, so growth never stalls between teams.<\/p>\n      <\/li>\n      <li class=\"bow-item\" tabindex=\"0\" data-node=\"4\" data-bow-reveal style=\"--bow-d:.35s\">\n        <span class=\"bow-num\" aria-hidden=\"true\">04<\/span>\n        <h3 class=\"bow-item-title\">Built Around Your Business<\/h3>\n        <p class=\"bow-item-text\">No fixed packages. We shape the work around your size, stage and priorities.<\/p>\n      <\/li>\n    <\/ol>\n\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  var root = document.getElementById('bow-why-section');\n  if (!root) return;\n\n  \/* Full-bleed: outer section = full browser width (scrollbar excluded), same method as the hero.\n     Set data-fullbleed=\"0\" on the <section> to turn this off. *\/\n  function fullBleed() {\n    if (root.getAttribute('data-fullbleed') === '0') return;\n    root.style.width = '100%';\n    root.style.marginLeft = '0px';\n    var left = root.getBoundingClientRect().left;\n    var vw = document.documentElement.clientWidth || window.innerWidth;\n    root.style.width = vw + 'px';\n    root.style.marginLeft = (-left) + 'px';\n  }\n  fullBleed();\n  var rt = 0;\n  function onResize() { clearTimeout(rt); rt = setTimeout(fullBleed, 100); }\n  window.addEventListener('resize', onResize);\n  window.addEventListener('orientationchange', onResize);\n  window.addEventListener('load', onResize);\n  if ('ResizeObserver' in window && root.parentElement) {\n    new ResizeObserver(onResize).observe(root.parentElement);\n  }\n\n  var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  \/* Hover \/ focus on a list item highlights its node in the graphic (works without IO) *\/\n  var nodes = root.querySelectorAll('.bow-node');\n  var items = root.querySelectorAll('.bow-item');\n  function setActive(id, on) {\n    for (var i = 0; i < nodes.length; i++) {\n      if (nodes[i].getAttribute('data-node') === id) {\n        nodes[i].classList.toggle('is-active', on);\n      }\n    }\n  }\n  Array.prototype.forEach.call(items, function (item) {\n    var id = item.getAttribute('data-node');\n    item.addEventListener('mouseenter', function () { setActive(id, true); });\n    item.addEventListener('mouseleave', function () { setActive(id, false); });\n    item.addEventListener('focus', function () { setActive(id, true); });\n    item.addEventListener('blur', function () { setActive(id, false); });\n  });\n\n  \/* Scroll reveal: content stays fully visible unless IO exists and motion is allowed *\/\n  if (reduce || !('IntersectionObserver' in window)) return;\n\n  root.classList.add('bow-js');\n  var targets = root.querySelectorAll('[data-bow-reveal]');\n  var io = new IntersectionObserver(function (entries) {\n    entries.forEach(function (entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('is-in');\n        io.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.15, rootMargin: '0px 0px -6% 0px' });\n\n  Array.prototype.forEach.call(targets, function (el) { io.observe(el); });\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_5 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_5 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_5 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_5 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- BRANDZ ON WEB \u2014 OUR PROCESS SECTION -->\n<!-- Divi: Use a full-width section. Set row width to 100% and max-width to 100%, with 0 horizontal padding. -->\n<!-- No JavaScript width calculations or negative margins. Divi section\/row settings control full width. -->\n\n<section id=\"bow-process-section\" aria-labelledby=\"bow-process-title\">\n\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500&family=Manrope:wght@600;700;800&display=swap\">\n\n<style>\n\/* =========================================================\n   1. ROOT + LAYOUT SAFEGUARDS\n========================================================= *\/\n#bow-process-section {\n  --p-ink: #18212B;\n  --p-slate: #68717C;\n  --p-coral: #F06450;\n  --p-coral-deep: #CF4431;\n  --p-soft: #F5F7F8;\n  --p-line: #E3E6E9;\n  --p-head: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;\n  --p-gap: clamp(20px, 2.6vw, 32px);\n  --p-size: clamp(132px, 14vw, 176px);\n  --p-off: clamp(40px, 5vw, 64px);\n\n  position: relative !important;\n  inset-inline: auto !important;\n  transform: none !important;\n  display: block;\n  width: 100% !important;\n  max-width: 100% !important;\n  min-width: 0;\n  margin-inline: 0 !important;\n  padding: 0;\n  box-sizing: border-box;\n  overflow-x: clip;\n  background: #FFFFFF;\n  color: var(--p-ink);\n  font-family: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;\n  font-size: 16px;\n  line-height: 1.55;\n  -webkit-text-size-adjust: 100%;\n  text-size-adjust: 100%;\n}\n\n#bow-process-section *,\n#bow-process-section *::before,\n#bow-process-section *::after { box-sizing: border-box; }\n\n#bow-process-section .bow-p-wrap {\n  width: 100%;\n  max-width: 1240px;\n  min-width: 0;\n  margin-inline: auto;\n  padding: clamp(72px, 9vw, 128px) clamp(20px, 4vw, 40px);\n}\n\n#bow-process-section svg,\n#bow-process-section p,\n#bow-process-section h2,\n#bow-process-section h3 { max-width: 100%; }\n\n\/* =========================================================\n   2. HEADER\n========================================================= *\/\n#bow-process-section .bow-p-head {\n  max-width: 880px;\n  margin: 0 auto clamp(56px, 7vw, 96px);\n  text-align: center;\n}\n\n#bow-process-section .bow-p-title {\n  margin: 0;\n  padding: 0;\n  font-family: var(--p-head);\n  font-weight: 800;\n  text-transform: none;\n  font-size: clamp(2rem, 4.5vw, 3.9rem);\n  line-height: 1.06;\n  letter-spacing: -.035em;\n  color: var(--p-ink);\n  text-wrap: balance;\n}\n\n#bow-process-section .bow-p-title > span { display: block; }\n\n#bow-process-section .bow-p-by {\n  position: relative;\n  display: inline-block !important;\n  margin-top: .08em;\n  color: var(--p-coral);\n}\n\n#bow-process-section .bow-p-ul {\n  position: absolute;\n  left: 0;\n  bottom: -.2em;\n  width: 100%;\n  height: .26em;\n  overflow: visible;\n  clip-path: inset(-6px 0 -6px 0);\n  transition: clip-path 1.2s cubic-bezier(.5, 0, .2, 1) .5s;\n}\n\n#bow-process-section .bow-p-lead {\n  max-width: 620px;\n  margin: clamp(26px, 3vw, 38px) auto 0;\n  padding: 0;\n  font-size: clamp(1rem, 1.15vw, 1.1rem);\n  line-height: 1.7;\n  color: var(--p-slate);\n}\n\n\/* =========================================================\n   3. PROCESS FLOW\n   Desktop: four stages stepping down and up along one path.\n========================================================= *\/\n#bow-process-section .bow-p-flow {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  column-gap: var(--p-gap);\n  align-items: start;\n}\n\n#bow-process-section .bow-p-stage {\n  position: relative;\n  min-width: 0;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  outline: none;\n}\n\n#bow-process-section .bow-p-stage:nth-child(even) { margin-top: var(--p-off); }\n\n\/* Illustration panel *\/\n#bow-process-section .bow-p-panel {\n  position: relative;\n  width: var(--p-size);\n  aspect-ratio: 1 \/ 1;\n  background: var(--p-soft);\n  border: 1px solid var(--p-line);\n  transition: border-color .4s ease, background-color .4s ease;\n}\n\n#bow-process-section .bow-p-panel svg {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n#bow-process-section .bow-p-panel::before,\n#bow-process-section .bow-p-panel::after {\n  content: \"\";\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  border: 0 solid var(--p-coral);\n  transition: width .4s ease, height .4s ease;\n  pointer-events: none;\n}\n\n#bow-process-section .bow-p-panel::before { top: -1px; left: -1px; border-top-width: 2px; border-left-width: 2px; }\n#bow-process-section .bow-p-panel::after { right: -1px; bottom: -1px; border-right-width: 2px; border-bottom-width: 2px; }\n\n#bow-process-section .bow-p-pt {\n  position: absolute;\n  top: 50%;\n  width: 11px;\n  height: 11px;\n  margin-top: -5.5px;\n  border-radius: 50%;\n  background: #fff;\n  border: 2px solid var(--p-coral);\n  display: none;\n}\n\n#bow-process-section .bow-p-pt-l { left: -6px; }\n#bow-process-section .bow-p-pt-r { right: -6px; }\n#bow-process-section .bow-p-stage:not(:first-child) .bow-p-pt-l { display: block; }\n#bow-process-section .bow-p-stage:not(:last-child) .bow-p-pt-r { display: block; }\n\n\/* Connectors *\/\n#bow-process-section .bow-p-conn {\n  position: absolute;\n  left: var(--p-size);\n  width: calc(100% - var(--p-size) + var(--p-gap));\n  height: var(--p-off);\n  overflow: visible;\n  pointer-events: none;\n}\n\n#bow-process-section .bow-p-stage:nth-child(odd) .bow-p-conn { top: calc(var(--p-size) \/ 2); }\n#bow-process-section .bow-p-stage:nth-child(even) .bow-p-conn { top: calc(var(--p-size) \/ 2 - var(--p-off)); }\n\n#bow-process-section .bow-p-conn svg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: visible; }\n#bow-process-section .bow-p-conn path { fill: none; vector-effect: non-scaling-stroke; }\n#bow-process-section .bow-p-track { stroke: #C9CFD5; stroke-width: 1; stroke-dasharray: 2 5; }\n#bow-process-section .bow-p-run { stroke: var(--p-coral); stroke-width: 2; stroke-linecap: round; }\n\n#bow-process-section .bow-p-runwrap {\n  position: absolute;\n  inset: 0;\n  clip-path: inset(-4px 0 -4px 0);\n  transition: clip-path 1s cubic-bezier(.5, 0, .2, 1);\n}\n\n\/* Stage text *\/\n#bow-process-section .bow-p-body { padding-top: clamp(22px, 2.4vw, 30px); min-width: 0; }\n\n#bow-process-section .bow-p-step {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin: 0 0 14px;\n}\n\n#bow-process-section .bow-p-num {\n  font-family: var(--p-head);\n  font-weight: 800;\n  font-size: 1rem;\n  line-height: 1;\n  letter-spacing: .02em;\n  color: var(--p-coral-deep);\n}\n\n#bow-process-section .bow-p-rail { display: inline-flex; gap: 4px; }\n#bow-process-section .bow-p-rail i { display: block; width: 22px; height: 3px; background: var(--p-line); transition: background-color .4s ease; }\n#bow-process-section .bow-p-rail i.on { background: var(--p-coral); }\n\n#bow-process-section .bow-p-name {\n  margin: 0 0 10px;\n  padding: 0;\n  font-family: var(--p-head);\n  font-weight: 800;\n  text-transform: none;\n  font-size: clamp(1.15rem, 1.7vw, 1.5rem);\n  line-height: 1.15;\n  letter-spacing: -.025em;\n  color: var(--p-ink);\n  text-wrap: balance;\n}\n\n#bow-process-section .bow-p-text {\n  max-width: 32ch;\n  margin: 0;\n  padding: 0;\n  font-size: .96rem;\n  line-height: 1.65;\n  color: var(--p-slate);\n}\n\n\/* Hover + keyboard focus *\/\n@media (hover: hover) {\n  #bow-process-section .bow-p-stage:hover .bow-p-panel { border-color: var(--p-coral); background: #fff; }\n  #bow-process-section .bow-p-stage:hover .bow-p-panel::before,\n  #bow-process-section .bow-p-stage:hover .bow-p-panel::after { width: 22px; height: 22px; }\n  #bow-process-section .bow-p-stage:hover .bow-p-rail i { background: var(--p-coral); }\n}\n\n#bow-process-section .bow-p-stage:focus-visible .bow-p-panel { border-color: var(--p-coral); background: #fff; outline: 2px solid var(--p-coral); outline-offset: 5px; }\n#bow-process-section .bow-p-stage:focus-visible .bow-p-panel::before,\n#bow-process-section .bow-p-stage:focus-visible .bow-p-panel::after { width: 22px; height: 22px; }\n\n\/* Illustration details *\/\n#bow-process-section .bow-p-sweep { transform-box: view-box; transform-origin: 80px 80px; }\n#bow-process-section .bow-p-draw { stroke-dasharray: 1; stroke-dashoffset: 0; }\n#bow-process-section .bow-p-pop { transform-box: fill-box; transform-origin: center; }\n#bow-process-section .bow-p-shape { transition: transform .7s cubic-bezier(.2, .7, .2, 1); }\n#bow-process-section .bow-p-bar { transform-box: fill-box; transform-origin: 50% 100%; transition: transform .6s cubic-bezier(.2, .7, .2, 1) calc(var(--k) * 60ms); }\n\n#bow-process-section .bow-p-stage:hover .bow-p-sweep,\n#bow-process-section .bow-p-stage:focus-visible .bow-p-sweep { animation: bow-p-spin 3.4s linear infinite; }\n\n#bow-process-section .bow-p-stage:hover .bow-p-draw,\n#bow-process-section .bow-p-stage:focus-visible .bow-p-draw { animation: bow-p-redraw 1.3s ease; }\n\n#bow-process-section .bow-p-stage:hover .bow-p-sa,\n#bow-process-section .bow-p-stage:focus-visible .bow-p-sa { transform: translate(5px, 5px); }\n#bow-process-section .bow-p-stage:hover .bow-p-sb,\n#bow-process-section .bow-p-stage:focus-visible .bow-p-sb { transform: translate(-6px, -6px); }\n#bow-process-section .bow-p-stage:hover .bow-p-sc,\n#bow-process-section .bow-p-stage:focus-visible .bow-p-sc { transform: translateY(-5px); }\n\n#bow-process-section .bow-p-stage:hover .bow-p-bar,\n#bow-process-section .bow-p-stage:focus-visible .bow-p-bar { transform: scaleY(1.12); }\n\n@keyframes bow-p-spin { to { transform: rotate(360deg); } }\n@keyframes bow-p-redraw { from { stroke-dashoffset: 1; } }\n\n\/* =========================================================\n   4. CLOSING MESSAGE\n========================================================= *\/\n#bow-process-section .bow-p-close {\n  display: flex;\n  align-items: center;\n  gap: clamp(16px, 2.4vw, 28px);\n  margin-top: clamp(64px, 8vw, 112px);\n}\n\n#bow-process-section .bow-p-close::before,\n#bow-process-section .bow-p-close .bow-p-line { content: \"\"; flex: 1; height: 1px; background: var(--p-line); }\n\n#bow-process-section .bow-p-close-text {\n  margin: 0;\n  padding: 0;\n  text-align: center;\n  font-family: var(--p-head);\n  font-weight: 700;\n  font-size: clamp(1rem, 1.7vw, 1.3rem);\n  line-height: 1.4;\n  letter-spacing: -.015em;\n  color: var(--p-ink);\n}\n\n#bow-process-section .bow-p-close-text span { display: inline-block; margin: 0 .2em; }\n#bow-process-section .bow-p-close-text span:last-child { color: var(--p-coral-deep); }\n\n#bow-process-section .bow-p-arrow { flex: none; width: 28px; height: 12px; overflow: visible; }\n\n\/* =========================================================\n   5. TABLET \/ MOBILE: vertical flowing path\n========================================================= *\/\n@media (max-width: 999px) {\n  #bow-process-section { --p-size: 128px; }\n\n  #bow-process-section .bow-p-wrap { padding: 76px 28px; }\n\n  #bow-process-section .bow-p-flow { grid-template-columns: minmax(0, 1fr); row-gap: 0; }\n\n  #bow-process-section .bow-p-stage,\n  #bow-process-section .bow-p-stage:nth-child(even) {\n    display: grid;\n    grid-template-columns: var(--p-size) minmax(0, 1fr);\n    column-gap: clamp(20px, 4vw, 36px);\n    margin-top: 0;\n    padding-bottom: 48px;\n  }\n\n  #bow-process-section .bow-p-stage:last-child { padding-bottom: 0; }\n\n  #bow-process-section .bow-p-conn,\n  #bow-process-section .bow-p-pt { display: none !important; }\n\n  #bow-process-section .bow-p-body { padding-top: 4px; align-self: center; }\n\n  \/* Vertical spine linking panels *\/\n  #bow-process-section .bow-p-stage:not(:last-child)::before,\n  #bow-process-section .bow-p-stage:not(:last-child)::after {\n    content: \"\";\n    position: absolute;\n    left: calc(var(--p-size) \/ 2 - .5px);\n    top: var(--p-size);\n    bottom: 0;\n    width: 1px;\n  }\n\n  #bow-process-section .bow-p-stage:not(:last-child)::before {\n    background: repeating-linear-gradient(to bottom, #C9CFD5 0 3px, transparent 3px 8px);\n  }\n\n  #bow-process-section .bow-p-stage:not(:last-child)::after {\n    width: 2px;\n    left: calc(var(--p-size) \/ 2 - 1px);\n    background: var(--p-coral);\n    transform-origin: top;\n    transition: transform .9s cubic-bezier(.5, 0, .2, 1);\n  }\n}\n\n@media (min-width: 768px) and (max-width: 999px) {\n  #bow-process-section .bow-p-head { max-width: 700px; }\n  #bow-process-section .bow-p-text { max-width: 44ch; }\n}\n\n@media (max-width: 767px) {\n  #bow-process-section { --p-size: 104px; }\n  #bow-process-section .bow-p-wrap { padding: 64px 20px; }\n  #bow-process-section .bow-p-head { text-align: left; }\n  #bow-process-section .bow-p-lead { margin-left: 0; font-size: 15px; }\n  #bow-process-section .bow-p-title { font-size: clamp(1.85rem, 8vw, 2.4rem); }\n  #bow-process-section .bow-p-stage,\n  #bow-process-section .bow-p-stage:nth-child(even) { padding-bottom: 40px; }\n  #bow-process-section .bow-p-close { flex-direction: column; align-items: flex-start; gap: 16px; }\n  #bow-process-section .bow-p-close::before,\n  #bow-process-section .bow-p-close .bow-p-line { width: 100%; flex: none; }\n  #bow-process-section .bow-p-close-text { text-align: left; }\n  #bow-process-section .bow-p-close-text span { display: block; margin: 0; }\n  #bow-process-section .bow-p-close .bow-p-line { display: none; }\n}\n\n@media (max-width: 380px) {\n  #bow-process-section { --p-size: 88px; }\n  #bow-process-section .bow-p-wrap { padding-left: 16px; padding-right: 16px; }\n  #bow-process-section .bow-p-stage,\n  #bow-process-section .bow-p-stage:nth-child(even) { column-gap: 16px; }\n  #bow-process-section .bow-p-rail i { width: 16px; }\n  #bow-process-section .bow-p-text { font-size: .9rem; }\n}\n\n\/* =========================================================\n   6. ENTRANCE ANIMATIONS\n   Content is visible by default. Hidden states apply only\n   when JavaScript adds .bow-p-js (IntersectionObserver + motion allowed).\n========================================================= *\/\n#bow-process-section.bow-p-js [data-bow-reveal] {\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity .8s ease var(--d, 0s), transform .8s cubic-bezier(.2, .7, .2, 1) var(--d, 0s);\n}\n\n#bow-process-section.bow-p-js [data-bow-reveal].is-in { opacity: 1; transform: none; }\n\n#bow-process-section.bow-p-js .bow-p-stage[data-bow-reveal] { --d: calc(var(--i) * .2s); }\n\n\/* connectors draw left to right after the panel appears *\/\n#bow-process-section.bow-p-js .bow-p-stage:not(.is-in) .bow-p-runwrap { clip-path: inset(-4px 100% -4px 0); }\n#bow-process-section.bow-p-js .bow-p-stage.is-in .bow-p-runwrap { transition-delay: calc(var(--i) * .2s + .45s); }\n\n\/* headline underline *\/\n#bow-process-section.bow-p-js .bow-p-head:not(.is-in) .bow-p-ul { clip-path: inset(-6px 100% -6px 0); }\n\n\/* mobile spine *\/\n@media (max-width: 999px) {\n  #bow-process-section.bow-p-js .bow-p-stage:not(.is-in):not(:last-child)::after { transform: scaleY(0); }\n  #bow-process-section.bow-p-js .bow-p-stage.is-in:not(:last-child)::after { transition-delay: calc(var(--i) * .1s + .4s); }\n}\n\n\/* illustration entrances *\/\n#bow-process-section.bow-p-js .bow-p-stage:not(.is-in) .bow-p-draw { stroke-dashoffset: 1; }\n#bow-process-section.bow-p-js .bow-p-stage:not(.is-in) .bow-p-bar { transform: scaleY(0); }\n#bow-process-section.bow-p-js .bow-p-stage:not(.is-in) .bow-p-pop { opacity: 0; transform: scale(.4); }\n#bow-process-section.bow-p-js .bow-p-stage:not(.is-in) .bow-p-shape { opacity: 0; }\n#bow-process-section.bow-p-js .bow-p-draw { transition: stroke-dashoffset 1.3s cubic-bezier(.4, 0, .2, 1) calc(var(--i) * .2s + .3s); }\n#bow-process-section.bow-p-js .bow-p-pop { transition: opacity .5s ease, transform .6s cubic-bezier(.2, .8, .2, 1); transition-delay: calc(var(--i) * .2s + .5s); }\n#bow-process-section.bow-p-js .bow-p-shape { transition: transform .7s cubic-bezier(.2, .7, .2, 1), opacity .6s ease; }\n\n\/* =========================================================\n   7. REDUCED MOTION\n========================================================= *\/\n@media (prefers-reduced-motion: reduce) {\n  #bow-process-section *,\n  #bow-process-section *::before,\n  #bow-process-section *::after { transition: none !important; animation: none !important; }\n\n  #bow-process-section.bow-p-js [data-bow-reveal] { opacity: 1 !important; transform: none !important; }\n  #bow-process-section.bow-p-js .bow-p-stage:not(.is-in) .bow-p-runwrap,\n  #bow-process-section.bow-p-js .bow-p-head:not(.is-in) .bow-p-ul { clip-path: inset(-6px 0 -6px 0) !important; }\n}\n<\/style>\n\n<div class=\"bow-p-wrap\">\n\n  <!-- HEADER -->\n  <header class=\"bow-p-head\" data-bow-reveal>\n    <h2 class=\"bow-p-title\" id=\"bow-process-title\">\n      <span>Good Work Doesn\u2019t Happen by Accident.<\/span>\n      <span class=\"bow-p-by\">It Happens by Design.\n        <svg class=\"bow-p-ul\" viewBox=\"0 0 400 14\" preserveAspectRatio=\"none\" aria-hidden=\"true\" focusable=\"false\">\n          <path d=\"M2 9C70 2 130 13 200 7S330 3 398 8\" fill=\"none\" stroke=\"#F06450\" stroke-width=\"3\" stroke-linecap=\"round\" vector-effect=\"non-scaling-stroke\"\/>\n        <\/svg>\n      <\/span>\n    <\/h2>\n    <p class=\"bow-p-lead\">From the first conversation to continuous improvement, every step has a purpose \u2014 bringing strategy, creativity, and technology together to move your business forward.<\/p>\n  <\/header>\n\n  <!-- PROCESS FLOW -->\n  <ol class=\"bow-p-flow\" aria-label=\"Our process in four stages\">\n\n    <!-- 01 DISCOVER -->\n    <li class=\"bow-p-stage\" tabindex=\"0\" style=\"--i:0\" data-bow-reveal>\n      <div class=\"bow-p-panel\">\n        <i class=\"bow-p-pt bow-p-pt-l\"><\/i><i class=\"bow-p-pt bow-p-pt-r\"><\/i>\n        <svg viewBox=\"0 0 160 160\" aria-hidden=\"true\" focusable=\"false\">\n          <defs>\n            <pattern id=\"bow-p-d1\" width=\"12\" height=\"12\" patternUnits=\"userSpaceOnUse\"><circle cx=\"1\" cy=\"1\" r=\".9\" fill=\"#D5DADF\"\/><\/pattern>\n          <\/defs>\n          <rect width=\"160\" height=\"160\" fill=\"url(#bow-p-d1)\"\/>\n          <g fill=\"none\" stroke=\"#18212B\">\n            <circle cx=\"80\" cy=\"80\" r=\"18\" stroke-opacity=\".3\"\/>\n            <circle cx=\"80\" cy=\"80\" r=\"36\" stroke-opacity=\".3\"\/>\n            <circle cx=\"80\" cy=\"80\" r=\"54\" stroke-opacity=\".3\"\/>\n            <path d=\"M80 18V142M18 80H142\" stroke-opacity=\".12\"\/>\n          <\/g>\n          <g class=\"bow-p-sweep\">\n            <path d=\"M80 80L134 80A54 54 0 0 0 118.2 41.8Z\" fill=\"#F06450\" fill-opacity=\".16\"\/>\n            <path d=\"M80 80H134\" stroke=\"#F06450\" stroke-width=\"1.6\"\/>\n          <\/g>\n          <circle class=\"bow-p-pop\" cx=\"112\" cy=\"58\" r=\"5\" fill=\"#F06450\"\/>\n          <circle class=\"bow-p-pop\" cx=\"52\" cy=\"98\" r=\"3.5\" fill=\"#18212B\"\/>\n          <circle class=\"bow-p-pop\" cx=\"98\" cy=\"112\" r=\"3.5\" fill=\"#18212B\"\/>\n          <circle class=\"bow-p-pop\" cx=\"62\" cy=\"50\" r=\"2.5\" fill=\"#18212B\"\/>\n          <circle cx=\"80\" cy=\"80\" r=\"3.5\" fill=\"#18212B\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"bow-p-body\">\n        <p class=\"bow-p-step\"><span class=\"bow-p-num\">01<\/span><span class=\"bow-p-rail\" aria-hidden=\"true\"><i class=\"on\"><\/i><i><\/i><i><\/i><i><\/i><\/span><\/p>\n        <h3 class=\"bow-p-name\">Discover &amp; Understand<\/h3>\n        <p class=\"bow-p-text\">We learn about your business, audience, challenges, and goals before recommending a direction.<\/p>\n      <\/div>\n      <div class=\"bow-p-conn\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" focusable=\"false\"><path class=\"bow-p-track\" d=\"M0 0C50 0 50 100 100 100\"\/><\/svg>\n        <div class=\"bow-p-runwrap\"><svg viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" focusable=\"false\"><path class=\"bow-p-run\" d=\"M0 0C50 0 50 100 100 100\"\/><\/svg><\/div>\n      <\/div>\n    <\/li>\n\n    <!-- 02 STRATEGIZE -->\n    <li class=\"bow-p-stage\" tabindex=\"0\" style=\"--i:1\" data-bow-reveal>\n      <div class=\"bow-p-panel\">\n        <i class=\"bow-p-pt bow-p-pt-l\"><\/i><i class=\"bow-p-pt bow-p-pt-r\"><\/i>\n        <svg viewBox=\"0 0 160 160\" aria-hidden=\"true\" focusable=\"false\">\n          <defs>\n            <pattern id=\"bow-p-d2\" width=\"12\" height=\"12\" patternUnits=\"userSpaceOnUse\"><circle cx=\"1\" cy=\"1\" r=\".9\" fill=\"#D5DADF\"\/><\/pattern>\n          <\/defs>\n          <rect width=\"160\" height=\"160\" fill=\"url(#bow-p-d2)\"\/>\n          <path d=\"M20 40H140M20 80H140M20 120H140M40 20V140M80 20V140M120 20V140\" stroke=\"#18212B\" stroke-opacity=\".08\" fill=\"none\"\/>\n          <path d=\"M32 120L68 88L100 102L128 46\" fill=\"none\" stroke=\"#18212B\" stroke-opacity=\".3\" stroke-dasharray=\"3 4\"\/>\n          <path class=\"bow-p-draw\" pathLength=\"1\" d=\"M32 120L68 88L100 102L128 46\" fill=\"none\" stroke=\"#F06450\" stroke-width=\"2.2\" stroke-linejoin=\"round\" stroke-linecap=\"round\"\/>\n          <g fill=\"#fff\" stroke=\"#18212B\" stroke-width=\"1.5\">\n            <circle class=\"bow-p-pop\" cx=\"32\" cy=\"120\" r=\"4.5\"\/>\n            <circle class=\"bow-p-pop\" cx=\"68\" cy=\"88\" r=\"4.5\"\/>\n            <circle class=\"bow-p-pop\" cx=\"100\" cy=\"102\" r=\"4.5\"\/>\n          <\/g>\n          <path class=\"bow-p-pop\" d=\"M128 46V24L146 31L128 38\" fill=\"#F06450\" stroke=\"#F06450\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/>\n          <circle class=\"bow-p-pop\" cx=\"128\" cy=\"46\" r=\"4\" fill=\"#F06450\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"bow-p-body\">\n        <p class=\"bow-p-step\"><span class=\"bow-p-num\">02<\/span><span class=\"bow-p-rail\" aria-hidden=\"true\"><i class=\"on\"><\/i><i class=\"on\"><\/i><i><\/i><i><\/i><\/span><\/p>\n        <h3 class=\"bow-p-name\">Strategize &amp; Plan<\/h3>\n        <p class=\"bow-p-text\">We turn insights into a focused roadmap, selecting the right services, channels, and technology for your objectives.<\/p>\n      <\/div>\n      <div class=\"bow-p-conn\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" focusable=\"false\"><path class=\"bow-p-track\" d=\"M0 100C50 100 50 0 100 0\"\/><\/svg>\n        <div class=\"bow-p-runwrap\"><svg viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" focusable=\"false\"><path class=\"bow-p-run\" d=\"M0 100C50 100 50 0 100 0\"\/><\/svg><\/div>\n      <\/div>\n    <\/li>\n\n    <!-- 03 CREATE -->\n    <li class=\"bow-p-stage\" tabindex=\"0\" style=\"--i:2\" data-bow-reveal>\n      <div class=\"bow-p-panel\">\n        <i class=\"bow-p-pt bow-p-pt-l\"><\/i><i class=\"bow-p-pt bow-p-pt-r\"><\/i>\n        <svg viewBox=\"0 0 160 160\" aria-hidden=\"true\" focusable=\"false\">\n          <defs>\n            <pattern id=\"bow-p-d3\" width=\"12\" height=\"12\" patternUnits=\"userSpaceOnUse\"><circle cx=\"1\" cy=\"1\" r=\".9\" fill=\"#D5DADF\"\/><\/pattern>\n          <\/defs>\n          <rect width=\"160\" height=\"160\" fill=\"url(#bow-p-d3)\"\/>\n          <path d=\"M122 28V44M114 36H130M30 130V146M22 138H38\" stroke=\"#18212B\" stroke-opacity=\".5\" fill=\"none\"\/>\n          <path d=\"M30 118C52 150 108 150 128 116\" fill=\"none\" stroke=\"#F06450\" stroke-width=\"1.4\" stroke-dasharray=\"2 4\"\/>\n          <g fill=\"#fff\" stroke=\"#18212B\" stroke-width=\"1.2\">\n            <rect x=\"27\" y=\"115\" width=\"6\" height=\"6\"\/>\n            <rect x=\"125\" y=\"113\" width=\"6\" height=\"6\"\/>\n          <\/g>\n          <rect class=\"bow-p-shape bow-p-sa\" x=\"30\" y=\"58\" width=\"56\" height=\"56\" fill=\"none\" stroke=\"#18212B\" stroke-width=\"1.6\"\/>\n          <circle class=\"bow-p-shape bow-p-sb\" cx=\"100\" cy=\"88\" r=\"27\" fill=\"#F06450\" fill-opacity=\".92\"\/>\n          <path class=\"bow-p-shape bow-p-sc\" d=\"M50 28H92L71 62Z\" fill=\"#fff\" stroke=\"#18212B\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"bow-p-body\">\n        <p class=\"bow-p-step\"><span class=\"bow-p-num\">03<\/span><span class=\"bow-p-rail\" aria-hidden=\"true\"><i class=\"on\"><\/i><i class=\"on\"><\/i><i class=\"on\"><\/i><i><\/i><\/span><\/p>\n        <h3 class=\"bow-p-name\">Create &amp; Execute<\/h3>\n        <p class=\"bow-p-text\">We bring the strategy to life through thoughtful design, digital marketing, and technology-driven solutions.<\/p>\n      <\/div>\n      <div class=\"bow-p-conn\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" focusable=\"false\"><path class=\"bow-p-track\" d=\"M0 0C50 0 50 100 100 100\"\/><\/svg>\n        <div class=\"bow-p-runwrap\"><svg viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" focusable=\"false\"><path class=\"bow-p-run\" d=\"M0 0C50 0 50 100 100 100\"\/><\/svg><\/div>\n      <\/div>\n    <\/li>\n\n    <!-- 04 MEASURE -->\n    <li class=\"bow-p-stage\" tabindex=\"0\" style=\"--i:3\" data-bow-reveal>\n      <div class=\"bow-p-panel\">\n        <i class=\"bow-p-pt bow-p-pt-l\"><\/i><i class=\"bow-p-pt bow-p-pt-r\"><\/i>\n        <svg viewBox=\"0 0 160 160\" aria-hidden=\"true\" focusable=\"false\">\n          <defs>\n            <pattern id=\"bow-p-d4\" width=\"12\" height=\"12\" patternUnits=\"userSpaceOnUse\"><circle cx=\"1\" cy=\"1\" r=\".9\" fill=\"#D5DADF\"\/><\/pattern>\n          <\/defs>\n          <rect width=\"160\" height=\"160\" fill=\"url(#bow-p-d4)\"\/>\n          <path d=\"M24 128H136\" stroke=\"#18212B\" stroke-opacity=\".5\"\/>\n          <g>\n            <rect class=\"bow-p-bar\" style=\"--k:0\" x=\"36\" y=\"106\" width=\"16\" height=\"22\" fill=\"#18212B\" fill-opacity=\".18\"\/>\n            <rect class=\"bow-p-bar\" style=\"--k:1\" x=\"62\" y=\"90\" width=\"16\" height=\"38\" fill=\"#18212B\" fill-opacity=\".18\"\/>\n            <rect class=\"bow-p-bar\" style=\"--k:2\" x=\"88\" y=\"72\" width=\"16\" height=\"56\" fill=\"#18212B\" fill-opacity=\".18\"\/>\n            <rect class=\"bow-p-bar\" style=\"--k:3\" x=\"114\" y=\"52\" width=\"16\" height=\"76\" fill=\"#F06450\"\/>\n          <\/g>\n          <polyline class=\"bow-p-draw\" pathLength=\"1\" points=\"44,98 70,82 96,62 122,40\" fill=\"none\" stroke=\"#18212B\" stroke-width=\"1.6\" stroke-linejoin=\"round\" stroke-linecap=\"round\"\/>\n          <g fill=\"#fff\" stroke=\"#18212B\" stroke-width=\"1.5\">\n            <circle class=\"bow-p-pop\" cx=\"44\" cy=\"98\" r=\"3.5\"\/>\n            <circle class=\"bow-p-pop\" cx=\"70\" cy=\"82\" r=\"3.5\"\/>\n            <circle class=\"bow-p-pop\" cx=\"96\" cy=\"62\" r=\"3.5\"\/>\n            <circle class=\"bow-p-pop\" cx=\"122\" cy=\"40\" r=\"3.5\"\/>\n          <\/g>\n          <path class=\"bow-p-pop\" d=\"M26 46A13 13 0 0 1 52 46M52 46L47 41M52 46L46.5 49\" fill=\"none\" stroke=\"#F06450\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"bow-p-body\">\n        <p class=\"bow-p-step\"><span class=\"bow-p-num\">04<\/span><span class=\"bow-p-rail\" aria-hidden=\"true\"><i class=\"on\"><\/i><i class=\"on\"><\/i><i class=\"on\"><\/i><i class=\"on\"><\/i><\/span><\/p>\n        <h3 class=\"bow-p-name\">Measure &amp; Grow<\/h3>\n        <p class=\"bow-p-text\">We track performance, learn from real results, and continuously improve to support sustainable growth.<\/p>\n      <\/div>\n    <\/li>\n\n  <\/ol>\n\n  <!-- CLOSING MICRO-MESSAGE -->\n  <div class=\"bow-p-close\" data-bow-reveal>\n    <p class=\"bow-p-close-text\">\n      <span>One clear direction.<\/span>\n      <span>Four connected stages.<\/span>\n      <span>Continuous progress.<\/span>\n    <\/p>\n    <span class=\"bow-p-line\"><\/span>\n    <svg class=\"bow-p-arrow\" viewBox=\"0 0 28 12\" aria-hidden=\"true\" focusable=\"false\">\n      <path d=\"M0 6H26M20 1L26 6L20 11\" fill=\"none\" stroke=\"#F06450\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n    <\/svg>\n  <\/div>\n\n<\/div>\n\n<script>\n(function () {\n  'use strict';\n\n  var root = document.getElementById('bow-process-section');\n  if (!root || root.dataset.bowPInit === 'true') return;\n  root.dataset.bowPInit = 'true';\n\n  var reduce = window.matchMedia &&\n    window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  if (reduce || !('IntersectionObserver' in window)) return;\n\n  root.classList.add('bow-p-js');\n\n  var targets = root.querySelectorAll('[data-bow-reveal]');\n  var io = new IntersectionObserver(function (entries) {\n    entries.forEach(function (entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('is-in');\n        io.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.18, rootMargin: '0px 0px -5% 0px' });\n\n  Array.prototype.forEach.call(targets, function (el) { io.observe(el); });\n})();\n<\/script>\n\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_6 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_6 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_6 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_6 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- BRANDZ ON WEB \u2014 CLIENT EXPERIENCES SECTION -->\n<!-- Divi: Use a full-width section. Set row width to 100% and max-width to 100%, with 0 horizontal padding. -->\n<!-- Width: full-bleed method copied from the hero (data-fullbleed=\"1\"). Set data-fullbleed=\"0\" on the <section> to turn it off. -->\n<!-- Breakpoints match the hero: desktop >980 | tablet 768-980 | phone <=767 | small phone <=380 -->\n<!--\n  PLACEHOLDER CONTENT: all names, roles and company names below are sample text.\n  Replace them (and confirm the quotes are real, approved client feedback) before publishing.\n  Once replaced, set data-placeholder=\"false\" on the <section> tag to hide the \"Placeholder\" labels.\n-->\n\n<section id=\"bow-testimonials-section\" data-fullbleed=\"1\" data-placeholder=\"true\" aria-labelledby=\"bow-testimonials-title\">\n\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500&family=Manrope:wght@600;700;800&display=swap\">\n\n<style>\n\/* =========================================================\n   1. ROOT + LAYOUT SAFEGUARDS\n========================================================= *\/\n#bow-testimonials-section {\n  --t-ink: #18212B;\n  --t-slate: #59626D;\n  --t-coral: #F06450;\n  --t-coral-deep: #CF4431;\n  --t-bg: #F4F1EC;\n  --t-line: #DDD7CD;\n  --t-head: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;\n  --t-gap: clamp(18px, 2.2vw, 28px);\n  --bow-maxw: 1240px;\n  --bow-px: 32px;\n  --bow-pv: clamp(72px, 9vw, 128px);\n\n  position: relative;\n  display: block;\n  width: 100%;\n  max-width: none;\n  min-width: 0;\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n  overflow-x: clip;\n  background: var(--t-bg);\n  color: var(--t-ink);\n  font-family: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;\n  font-size: 16px;\n  line-height: 1.55;\n  -webkit-text-size-adjust: 100%;\n  text-size-adjust: 100%;\n}\n\n@media (max-width: 980px) { #bow-testimonials-section { --bow-maxw: 100%; --bow-px: 28px; --bow-pv: 76px; } }\n@media (max-width: 767px) { #bow-testimonials-section { --bow-maxw: 100%; --bow-px: 20px; --bow-pv: 64px; } }\n\n#bow-testimonials-section *,\n#bow-testimonials-section *::before,\n#bow-testimonials-section *::after { box-sizing: border-box; }\n\n\/* Outer section = full browser width (set by the full-bleed script). Inner wrap = max-width container. *\/\n#bow-testimonials-section .bow-t-wrap {\n  width: 100%;\n  max-width: var(--bow-maxw);\n  min-width: 0;\n  margin-left: auto;\n  margin-right: auto;\n  padding: var(--bow-pv) var(--bow-px);\n}\n\n#bow-testimonials-section svg,\n#bow-testimonials-section p,\n#bow-testimonials-section h2,\n#bow-testimonials-section h3,\n#bow-testimonials-section figure,\n#bow-testimonials-section blockquote { max-width: 100%; }\n\n#bow-testimonials-section figure,\n#bow-testimonials-section blockquote { margin: 0; padding: 0; border: 0; }\n\n\/* =========================================================\n   2. HEADER (centered, symmetrical)\n========================================================= *\/\n#bow-testimonials-section .bow-t-head {\n  max-width: 780px;\n  margin: 0 auto clamp(48px, 6vw, 80px);\n  text-align: center;\n}\n\n#bow-testimonials-section .bow-t-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 14px;\n  margin: 0 0 clamp(18px, 2vw, 26px);\n  padding: 0;\n  font-size: .74rem;\n  font-weight: 500;\n  letter-spacing: .22em;\n  text-transform: uppercase;\n  color: var(--t-slate);\n}\n\n#bow-testimonials-section .bow-t-eyebrow::before,\n#bow-testimonials-section .bow-t-eyebrow::after {\n  content: \"\";\n  width: 28px;\n  height: 2px;\n  flex: none;\n  background: var(--t-coral);\n}\n\n#bow-testimonials-section .bow-t-title {\n  margin: 0;\n  padding: 0;\n  font-family: var(--t-head);\n  font-weight: 800;\n  text-transform: none;\n  font-size: clamp(2rem, 4.3vw, 3.6rem);\n  line-height: 1.06;\n  letter-spacing: -.035em;\n  color: var(--t-ink);\n  text-wrap: balance;\n}\n\n#bow-testimonials-section .bow-t-title span { display: block; }\n#bow-testimonials-section .bow-t-title .bow-t-t2 { color: var(--t-coral); }\n\n#bow-testimonials-section .bow-t-lead {\n  max-width: 580px;\n  margin: clamp(20px, 2.4vw, 30px) auto 0;\n  padding: 0;\n  font-size: clamp(1rem, 1.12vw, 1.07rem);\n  line-height: 1.7;\n  color: var(--t-slate);\n}\n\n\/* =========================================================\n   3. THREE EQUAL CARDS\n========================================================= *\/\n#bow-testimonials-section .bow-t-grid {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  grid-auto-rows: 1fr;\n  gap: var(--t-gap);\n  align-items: stretch;\n}\n\n#bow-testimonials-section .bow-t-item {\n  display: flex;\n  min-width: 0;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n#bow-testimonials-section .bow-t-card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  width: 100%;\n  min-width: 0;\n  padding: clamp(26px, 2.6vw, 38px);\n  background: #FFFFFF;\n  border: 1px solid var(--t-line);\n  transition: border-color .4s ease, transform .5s cubic-bezier(.2, .7, .2, 1);\n}\n\n\/* coral rule that draws across the top on hover \/ focus *\/\n#bow-testimonials-section .bow-t-card::before {\n  content: \"\";\n  position: absolute;\n  top: -1px;\n  left: -1px;\n  height: 2px;\n  width: 0;\n  background: var(--t-coral);\n  transition: width .6s cubic-bezier(.2, .7, .2, 1);\n}\n\n@media (hover: hover) {\n  #bow-testimonials-section .bow-t-card:hover { transform: translateY(-4px); border-color: #CFC8BC; }\n  #bow-testimonials-section .bow-t-card:hover::before { width: calc(100% + 2px); }\n  #bow-testimonials-section .bow-t-card:hover .bow-t-glyph { transform: translateX(6px); }\n  #bow-testimonials-section .bow-t-card:hover .bow-t-motif .mv { transform: translateX(3px); }\n}\n\n#bow-testimonials-section .bow-t-card:focus-visible {\n  outline: 2px solid var(--t-coral);\n  outline-offset: 4px;\n}\n\n#bow-testimonials-section .bow-t-card:focus-visible::before { width: calc(100% + 2px); }\n\n\/* top row: review label + motif *\/\n#bow-testimonials-section .bow-t-top {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  margin: 0 0 clamp(20px, 2.2vw, 28px);\n  padding: 0 0 18px;\n  border-bottom: 1px solid var(--t-line);\n}\n\n#bow-testimonials-section .bow-t-label {\n  font-family: var(--t-head);\n  font-weight: 800;\n  font-size: .8rem;\n  line-height: 1;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n  color: var(--t-coral-deep);\n}\n\n#bow-testimonials-section .bow-t-motif { display: block; width: 56px; height: 32px; flex: none; overflow: visible; }\n#bow-testimonials-section .bow-t-motif .mv { transition: transform .6s cubic-bezier(.2, .7, .2, 1); }\n\n#bow-testimonials-section .bow-t-glyph {\n  display: block;\n  width: 34px;\n  height: 23px;\n  margin: 0 0 18px;\n  fill: var(--t-coral);\n  transition: transform .5s cubic-bezier(.2, .7, .2, 1);\n}\n\n\/* quote grows to push attribution to the same baseline in every card *\/\n#bow-testimonials-section .bow-t-quote {\n  flex: 1 1 auto;\n  margin: 0;\n  padding: 0;\n}\n\n#bow-testimonials-section .bow-t-quote p {\n  margin: 0;\n  padding: 0;\n  font-family: var(--t-head);\n  font-weight: 600;\n  font-size: clamp(1.02rem, 1.3vw, 1.18rem);\n  line-height: 1.55;\n  letter-spacing: -.012em;\n  color: var(--t-ink);\n}\n\n#bow-testimonials-section .bow-t-by {\n  display: grid;\n  grid-template-columns: 48px minmax(0, 1fr);\n  column-gap: 14px;\n  align-items: center;\n  margin-top: clamp(24px, 2.6vw, 32px);\n  padding-top: 20px;\n  border-top: 1px solid var(--t-line);\n}\n\n#bow-testimonials-section .bow-t-avatar { display: block; width: 48px; height: 48px; }\n\n#bow-testimonials-section .bow-t-name {\n  display: block;\n  font-family: var(--t-head);\n  font-weight: 800;\n  font-size: .96rem;\n  line-height: 1.25;\n  font-style: normal;\n  color: var(--t-ink);\n}\n\n#bow-testimonials-section .bow-t-role {\n  display: block;\n  margin-top: 2px;\n  font-size: .88rem;\n  line-height: 1.4;\n  color: var(--t-slate);\n}\n\n#bow-testimonials-section .bow-t-ph {\n  display: inline-block;\n  margin-top: 8px;\n  padding: 3px 8px;\n  border: 1px dashed var(--t-coral-deep);\n  font-size: .66rem;\n  font-weight: 500;\n  letter-spacing: .08em;\n  line-height: 1.4;\n  text-transform: uppercase;\n  color: var(--t-coral-deep);\n}\n\n#bow-testimonials-section[data-placeholder=\"false\"] .bow-t-ph { display: none; }\n\n\/* =========================================================\n   4. CLOSING LINE + CTA\n========================================================= *\/\n#bow-testimonials-section .bow-t-close {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 22px;\n  margin-top: clamp(48px, 6vw, 80px);\n  text-align: center;\n}\n\n#bow-testimonials-section .bow-t-close-text {\n  display: flex;\n  align-items: center;\n  gap: clamp(16px, 2.4vw, 28px);\n  width: 100%;\n  max-width: 720px;\n  margin: 0;\n  padding: 0;\n  font-family: var(--t-head);\n  font-weight: 700;\n  font-size: clamp(1rem, 1.6vw, 1.25rem);\n  line-height: 1.4;\n  letter-spacing: -.015em;\n  color: var(--t-ink);\n}\n\n#bow-testimonials-section .bow-t-close-text::before,\n#bow-testimonials-section .bow-t-close-text::after {\n  content: \"\";\n  flex: 1;\n  height: 1px;\n  background: var(--t-line);\n}\n\n#bow-testimonials-section .bow-t-close-text span { flex: none; max-width: 100%; }\n\n#bow-testimonials-section .bow-t-cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  min-height: 44px;\n  padding: 11px 22px;\n  border: 1px solid var(--t-ink);\n  border-radius: 999px;\n  font-family: var(--t-head);\n  font-weight: 700;\n  font-size: .92rem;\n  line-height: 1.2;\n  color: var(--t-ink);\n  text-decoration: none;\n  transition: background-color .3s ease, border-color .3s ease, color .3s ease;\n}\n\n#bow-testimonials-section .bow-t-cta i { font-style: normal; transition: transform .3s ease; }\n\n#bow-testimonials-section .bow-t-cta:hover,\n#bow-testimonials-section .bow-t-cta:focus-visible { background: var(--t-coral); border-color: var(--t-coral); color: var(--t-ink); }\n\n#bow-testimonials-section .bow-t-cta:hover i,\n#bow-testimonials-section .bow-t-cta:focus-visible i { transform: translate(3px, -3px); }\n\n#bow-testimonials-section .bow-t-cta:focus-visible { outline: 2px solid var(--t-ink); outline-offset: 4px; }\n\n\/* =========================================================\n   5. RESPONSIVE\n   Desktop\/tablet landscape: 3 equal columns.\n   Below 860px: one column of equal-width cards (avoids an orphaned third card).\n========================================================= *\/\n@media (max-width: 980px) {\n  #bow-testimonials-section .bow-t-card { padding: 24px; }\n  #bow-testimonials-section .bow-t-by { grid-template-columns: 44px minmax(0, 1fr); column-gap: 12px; }\n  #bow-testimonials-section .bow-t-avatar { width: 44px; height: 44px; }\n}\n\n@media (max-width: 860px) {\n  #bow-testimonials-section .bow-t-grid {\n    grid-template-columns: minmax(0, 1fr);\n    grid-auto-rows: auto;\n    max-width: 640px;\n    margin-inline: auto;\n  }\n\n  #bow-testimonials-section .bow-t-card { padding: clamp(24px, 4vw, 32px); }\n  #bow-testimonials-section .bow-t-quote p { font-size: 1.08rem; }\n}\n\n@media (max-width: 767px) {\n  #bow-testimonials-section .bow-t-title { font-size: clamp(1.85rem, 8vw, 2.4rem); }\n  #bow-testimonials-section .bow-t-lead { font-size: 15px; }\n  #bow-testimonials-section .bow-t-close-text::before,\n  #bow-testimonials-section .bow-t-close-text::after { display: none; }\n  #bow-testimonials-section .bow-t-close-text { justify-content: center; }\n}\n\n@media (max-width: 380px) {\n  #bow-testimonials-section .bow-t-card { padding: 22px 18px; }\n  #bow-testimonials-section .bow-t-eyebrow::before,\n  #bow-testimonials-section .bow-t-eyebrow::after { width: 16px; }\n  #bow-testimonials-section .bow-t-eyebrow { gap: 10px; letter-spacing: .16em; }\n  #bow-testimonials-section .bow-t-cta { width: 100%; justify-content: center; }\n}\n\n\/* =========================================================\n   6. ENTRANCE ANIMATIONS\n   Content is visible by default. Hidden states apply only\n   when JavaScript adds .bow-t-js (IntersectionObserver + motion allowed).\n========================================================= *\/\n#bow-testimonials-section.bow-t-js [data-bow-reveal] {\n  opacity: 0;\n  transform: translateY(18px);\n  transition: opacity .8s ease var(--d, 0s), transform .8s cubic-bezier(.2, .7, .2, 1) var(--d, 0s);\n}\n\n#bow-testimonials-section.bow-t-js [data-bow-reveal].is-in { opacity: 1; transform: none; }\n\n\/* cards: reveal first, then restore their hover transition *\/\n#bow-testimonials-section.bow-t-js .bow-t-item[data-bow-reveal] .bow-t-card { transition: border-color .4s ease, transform .5s cubic-bezier(.2, .7, .2, 1); }\n\n\/* =========================================================\n   7. REDUCED MOTION\n========================================================= *\/\n@media (prefers-reduced-motion: reduce) {\n  #bow-testimonials-section *,\n  #bow-testimonials-section *::before,\n  #bow-testimonials-section *::after { transition: none !important; animation: none !important; }\n\n  #bow-testimonials-section.bow-t-js [data-bow-reveal] { opacity: 1 !important; transform: none !important; }\n}\n<\/style>\n\n<!-- Reusable quotation glyph -->\n<svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\" focusable=\"false\">\n  <defs>\n    <symbol id=\"bow-t-glyph\" viewBox=\"0 0 120 80\">\n      <path d=\"M3 50C3 24 20 6 46 2C34 10 30 20 28 32Z\"\/>\n      <circle cx=\"26\" cy=\"54\" r=\"24\"\/>\n      <path transform=\"translate(64 0)\" d=\"M3 50C3 24 20 6 46 2C34 10 30 20 28 32Z\"\/>\n      <circle cx=\"90\" cy=\"54\" r=\"24\"\/>\n    <\/symbol>\n  <\/defs>\n<\/svg>\n\n<div class=\"bow-t-wrap\">\n\n  <!-- HEADER -->\n  <header class=\"bow-t-head\" data-bow-reveal>\n    <p class=\"bow-t-eyebrow\">Client experiences<\/p>\n    <h2 class=\"bow-t-title\" id=\"bow-testimonials-title\">\n      <span>Good Partnerships.<\/span>\n      <span class=\"bow-t-t2\">Meaningful Progress.<\/span>\n    <\/h2>\n    <p class=\"bow-t-lead\">We believe the best digital outcomes come from clear communication, thoughtful collaboration, and a shared vision for growth.<\/p>\n  <\/header>\n\n  <!-- THREE EQUAL TESTIMONIALS (placeholder names and companies) -->\n  <ul class=\"bow-t-grid\">\n\n    <!-- REVIEW 01 -->\n    <li class=\"bow-t-item\" data-bow-reveal style=\"--d:0s\">\n      <figure class=\"bow-t-card\" tabindex=\"0\">\n        <div class=\"bow-t-top\">\n          <span class=\"bow-t-label\">Review 01<\/span>\n          <svg class=\"bow-t-motif\" viewBox=\"0 0 56 32\" aria-hidden=\"true\" focusable=\"false\">\n            <g fill=\"none\" stroke=\"#18212B\" stroke-opacity=\".4\" stroke-width=\"1.2\">\n              <path d=\"M4 28A24 24 0 0 1 28 4\"\/>\n              <path d=\"M12 28A16 16 0 0 1 28 12\"\/>\n              <path d=\"M20 28A8 8 0 0 1 28 20\"\/>\n            <\/g>\n            <circle class=\"mv\" cx=\"44\" cy=\"8\" r=\"4\" fill=\"#F06450\"\/>\n          <\/svg>\n        <\/div>\n        <svg class=\"bow-t-glyph\" viewBox=\"0 0 120 80\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#bow-t-glyph\"\/><\/svg>\n        <blockquote class=\"bow-t-quote\">\n          <p>\u201cWorking with Brandz on Web felt like having a team that understood both our vision and the bigger picture. Every detail had a purpose, and the experience felt collaborative from start to finish.\u201d<\/p>\n        <\/blockquote>\n        <figcaption class=\"bow-t-by\">\n          <svg class=\"bow-t-avatar\" viewBox=\"0 0 48 48\" aria-hidden=\"true\" focusable=\"false\">\n            <circle cx=\"24\" cy=\"24\" r=\"23\" fill=\"#F4F1EC\" stroke=\"#DDD7CD\"\/>\n            <circle cx=\"24\" cy=\"24\" r=\"14\" fill=\"none\" stroke=\"#18212B\" stroke-opacity=\".35\"\/>\n            <circle cx=\"24\" cy=\"24\" r=\"6\" fill=\"none\" stroke=\"#18212B\"\/>\n            <circle cx=\"36\" cy=\"13\" r=\"3.5\" fill=\"#F06450\"\/>\n          <\/svg>\n          <div>\n            <cite class=\"bow-t-name\">Client Name<\/cite>\n            <span class=\"bow-t-role\">Role \u00b7 Company Name<\/span>\n            <span class=\"bow-t-ph\">Placeholder \u00b7 replace<\/span>\n          <\/div>\n        <\/figcaption>\n      <\/figure>\n    <\/li>\n\n    <!-- REVIEW 02 -->\n    <li class=\"bow-t-item\" data-bow-reveal style=\"--d:.12s\">\n      <figure class=\"bow-t-card\" tabindex=\"0\">\n        <div class=\"bow-t-top\">\n          <span class=\"bow-t-label\">Review 02<\/span>\n          <svg class=\"bow-t-motif\" viewBox=\"0 0 56 32\" aria-hidden=\"true\" focusable=\"false\">\n            <g fill=\"none\" stroke=\"#18212B\" stroke-opacity=\".4\" stroke-width=\"1.2\">\n              <path d=\"M4 6H36M4 16H36M4 26H36\"\/>\n            <\/g>\n            <path class=\"mv\" d=\"M36 6L50 16L36 26\" fill=\"none\" stroke=\"#F06450\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <svg class=\"bow-t-glyph\" viewBox=\"0 0 120 80\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#bow-t-glyph\"\/><\/svg>\n        <blockquote class=\"bow-t-quote\">\n          <p>\u201cThey brought clarity to our ideas and helped us approach our digital presence with a more considered strategy.\u201d<\/p>\n        <\/blockquote>\n        <figcaption class=\"bow-t-by\">\n          <svg class=\"bow-t-avatar\" viewBox=\"0 0 48 48\" aria-hidden=\"true\" focusable=\"false\">\n            <circle cx=\"24\" cy=\"24\" r=\"23\" fill=\"#F4F1EC\" stroke=\"#DDD7CD\"\/>\n            <circle cx=\"24\" cy=\"24\" r=\"14\" fill=\"none\" stroke=\"#18212B\" stroke-opacity=\".35\"\/>\n            <circle cx=\"24\" cy=\"24\" r=\"6\" fill=\"none\" stroke=\"#18212B\"\/>\n            <circle cx=\"36\" cy=\"13\" r=\"3.5\" fill=\"#F06450\"\/>\n          <\/svg>\n          <div>\n            <cite class=\"bow-t-name\">Client Name<\/cite>\n            <span class=\"bow-t-role\">Role \u00b7 Company Name<\/span>\n            <span class=\"bow-t-ph\">Placeholder \u00b7 replace<\/span>\n          <\/div>\n        <\/figcaption>\n      <\/figure>\n    <\/li>\n\n    <!-- REVIEW 03 -->\n    <li class=\"bow-t-item\" data-bow-reveal style=\"--d:.24s\">\n      <figure class=\"bow-t-card\" tabindex=\"0\">\n        <div class=\"bow-t-top\">\n          <span class=\"bow-t-label\">Review 03<\/span>\n          <svg class=\"bow-t-motif\" viewBox=\"0 0 56 32\" aria-hidden=\"true\" focusable=\"false\">\n            <g fill=\"#18212B\" fill-opacity=\".4\">\n              <circle cx=\"8\" cy=\"6\" r=\"1.8\"\/><circle cx=\"20\" cy=\"6\" r=\"1.8\"\/><circle cx=\"32\" cy=\"6\" r=\"1.8\"\/>\n              <circle cx=\"8\" cy=\"16\" r=\"1.8\"\/><circle cx=\"20\" cy=\"16\" r=\"1.8\"\/><circle cx=\"32\" cy=\"16\" r=\"1.8\"\/>\n              <circle cx=\"8\" cy=\"26\" r=\"1.8\"\/><circle cx=\"20\" cy=\"26\" r=\"1.8\"\/><circle cx=\"32\" cy=\"26\" r=\"1.8\"\/>\n            <\/g>\n            <circle class=\"mv\" cx=\"44\" cy=\"16\" r=\"4\" fill=\"#F06450\"\/>\n          <\/svg>\n        <\/div>\n        <svg class=\"bow-t-glyph\" viewBox=\"0 0 120 80\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#bow-t-glyph\"\/><\/svg>\n        <blockquote class=\"bow-t-quote\">\n          <p>\u201cThoughtful communication, creative problem-solving, and a strong focus on what our business actually needed.\u201d<\/p>\n        <\/blockquote>\n        <figcaption class=\"bow-t-by\">\n          <svg class=\"bow-t-avatar\" viewBox=\"0 0 48 48\" aria-hidden=\"true\" focusable=\"false\">\n            <circle cx=\"24\" cy=\"24\" r=\"23\" fill=\"#F4F1EC\" stroke=\"#DDD7CD\"\/>\n            <circle cx=\"24\" cy=\"24\" r=\"14\" fill=\"none\" stroke=\"#18212B\" stroke-opacity=\".35\"\/>\n            <circle cx=\"24\" cy=\"24\" r=\"6\" fill=\"none\" stroke=\"#18212B\"\/>\n            <circle cx=\"36\" cy=\"13\" r=\"3.5\" fill=\"#F06450\"\/>\n          <\/svg>\n          <div>\n            <cite class=\"bow-t-name\">Client Name<\/cite>\n            <span class=\"bow-t-role\">Role \u00b7 Company Name<\/span>\n            <span class=\"bow-t-ph\">Placeholder \u00b7 replace<\/span>\n          <\/div>\n        <\/figcaption>\n      <\/figure>\n    <\/li>\n\n  <\/ul>\n\n  <!-- CLOSING LINE + CTA -->\n  <div class=\"bow-t-close\" data-bow-reveal>\n    <p class=\"bow-t-close-text\"><span>Great work starts with a great partnership.<\/span><\/p>\n    <a class=\"bow-t-cta\" href=\"\/contact\"><span>Let\u2019s Talk About Your Project<\/span><i aria-hidden=\"true\">\u2197<\/i><\/a>\n  <\/div>\n\n<\/div>\n\n<script>\n(function () {\n  'use strict';\n\n  var root = document.getElementById('bow-testimonials-section');\n  if (!root || root.dataset.bowTInit === 'true') return;\n  root.dataset.bowTInit = 'true';\n\n  var reduce = window.matchMedia &&\n    window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  \/* Full-bleed: outer section = full browser width (scrollbar excluded), same method as the hero. *\/\n  function fullBleed() {\n    if (root.getAttribute('data-fullbleed') === '0') return;\n    root.style.width = '100%';\n    root.style.marginLeft = '0px';\n    var left = root.getBoundingClientRect().left;\n    var vw = document.documentElement.clientWidth || window.innerWidth;\n    root.style.width = vw + 'px';\n    root.style.marginLeft = (-left) + 'px';\n  }\n\n  fullBleed();\n\n  var resizeTimer = 0;\n  function onResize() {\n    clearTimeout(resizeTimer);\n    resizeTimer = setTimeout(fullBleed, 100);\n  }\n\n  window.addEventListener('resize', onResize);\n  window.addEventListener('orientationchange', onResize);\n  window.addEventListener('load', onResize);\n\n  if ('ResizeObserver' in window && root.parentElement) {\n    new ResizeObserver(onResize).observe(root.parentElement);\n  }\n\n  \/* Without IntersectionObserver or with reduced motion, everything stays visible. *\/\n  if (reduce || !('IntersectionObserver' in window)) return;\n\n  root.classList.add('bow-t-js');\n\n  var targets = root.querySelectorAll('[data-bow-reveal]');\n  var io = new IntersectionObserver(function (entries) {\n    entries.forEach(function (entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('is-in');\n        io.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.12, rootMargin: '0px 0px -5% 0px' });\n\n  Array.prototype.forEach.call(targets, function (el) { io.observe(el); });\n})();\n<\/script>\n\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_7 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_7 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_7 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_7 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\">\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap\">\n\n<section id=\"bow-final-cta-section\" data-fullbleed=\"1\" aria-labelledby=\"bow-final-cta-title\">\n  <div class=\"bow-fcta__shell\">\n\n    <div class=\"bow-fcta__topline\">\n      <p class=\"bow-fcta__eyebrow\">HAVE SOMETHING IN MIND?<\/p>\n      <p class=\"bow-fcta__topnote\">Your next chapter starts here<\/p>\n    <\/div>\n\n    <div class=\"bow-fcta__grid\">\n\n      <div class=\"bow-fcta__copy\">\n        <p class=\"bow-fcta__kicker\">A good idea deserves a great beginning.<\/p>\n\n        <h2 class=\"bow-fcta__title\" id=\"bow-final-cta-title\">\n          <span>Let's Build<\/span>\n          <span>What's <em>Next.<\/em><\/span>\n        <\/h2>\n\n        <p class=\"bow-fcta__description\">\n          Whether you're building a brand, growing your digital presence,\n          or looking for smarter technology solutions, let's turn your\n          next big idea into a clear plan for progress.\n        <\/p>\n\n        <div class=\"bow-fcta__actions\">\n          <!-- Replace # with your Contact page URL -->\n          <a class=\"bow-fcta__primary\" href=\"#\" data-bow-fcta-link=\"contact\">\n            <span>Start a Conversation<\/span>\n            <span class=\"bow-fcta__arrow\" aria-hidden=\"true\">\u2197<\/span>\n          <\/a>\n\n          <!-- Replace # with your Services page URL or section anchor -->\n          <a class=\"bow-fcta__secondary\" href=\"#\" data-bow-fcta-link=\"services\">\n            Explore Our Services <span aria-hidden=\"true\">\u2192<\/span>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"bow-fcta__art\">\n        <svg viewBox=\"0 0 460 460\" role=\"img\"\n             aria-labelledby=\"bow-fcta-svg-title bow-fcta-svg-desc\"\n             xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <title id=\"bow-fcta-svg-title\">Ideas connected to forward momentum<\/title>\n          <desc id=\"bow-fcta-svg-desc\">\n            A bespoke coral line connects creative elements and an idea card\n            to symbolise collaboration, innovation, and progress.\n          <\/desc>\n\n          <defs>\n            <linearGradient id=\"bow-fcta-card-fill\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n              <stop offset=\"0%\" stop-color=\"#FFFFFF\"\/>\n              <stop offset=\"100%\" stop-color=\"#F8F1EA\"\/>\n            <\/linearGradient>\n          <\/defs>\n\n          <circle class=\"bow-fcta__orbit\" cx=\"230\" cy=\"230\" r=\"169\"\/>\n          <circle class=\"bow-fcta__orbit bow-fcta__orbit--dashed\" cx=\"230\" cy=\"230\" r=\"194\"\/>\n          <ellipse class=\"bow-fcta__orbit\" cx=\"230\" cy=\"230\" rx=\"135\" ry=\"177\"\n                   transform=\"rotate(39 230 230)\"\/>\n\n          <g class=\"bow-fcta__orbit-dot\">\n            <circle cx=\"230\" cy=\"36\" r=\"5\" fill=\"#F06450\"\/>\n            <circle cx=\"230\" cy=\"36\" r=\"11\" fill=\"none\"\n                    stroke=\"#F06450\" stroke-opacity=\".25\"\/>\n          <\/g>\n\n          <circle cx=\"84\" cy=\"135\" r=\"3.5\" fill=\"#D9D0C6\"\/>\n          <circle cx=\"371\" cy=\"117\" r=\"4\" fill=\"#F06450\" fill-opacity=\".7\"\/>\n          <circle cx=\"359\" cy=\"342\" r=\"3\" fill=\"#C5B9AC\"\/>\n          <circle cx=\"109\" cy=\"356\" r=\"4\" fill=\"#F06450\" fill-opacity=\".55\"\/>\n\n          <path d=\"M104 91h16M112 83v16M360 209h12M366 203v12\"\n                stroke=\"#F06450\" stroke-width=\"1.3\" stroke-linecap=\"round\"\/>\n\n          <path class=\"bow-fcta__flow\"\n                pathLength=\"580\"\n                d=\"M79 274\n                   C105 274 108 228 139 228\n                   C163 228 160 286 194 286\n                   C224 286 211 185 252 185\n                   C287 185 285 236 316 236\n                   C345 236 348 172 385 172\"\/>\n\n          <circle class=\"bow-fcta__node\" cx=\"79\" cy=\"274\" r=\"10\"\/>\n          <circle cx=\"79\" cy=\"274\" r=\"3\" fill=\"#F06450\"\/>\n\n          <g transform=\"translate(130 219)\">\n            <circle class=\"bow-fcta__node-muted\" cx=\"9\" cy=\"9\" r=\"15\"\/>\n            <circle cx=\"5\" cy=\"7\" r=\"3\" fill=\"#F06450\"\/>\n            <circle cx=\"13\" cy=\"7\" r=\"3\" fill=\"#E6B6AC\"\/>\n            <path d=\"M0 16c1-5 8-5 9 0M8 16c1-5 8-5 9 0\"\n                  fill=\"none\" stroke=\"#68717C\" stroke-width=\"1.4\"\n                  stroke-linecap=\"round\"\/>\n          <\/g>\n\n          <g class=\"bow-fcta__idea\">\n            <rect x=\"164\" y=\"111\" width=\"143\" height=\"151\" rx=\"4\"\n                  fill=\"#D8CEC3\" opacity=\".35\"\n                  transform=\"rotate(-5 235 186) translate(5 8)\"\/>\n\n            <rect class=\"bow-fcta__card\" x=\"159\" y=\"105\" width=\"143\" height=\"151\"\n                  rx=\"4\" fill=\"url(#bow-fcta-card-fill)\"\n                  transform=\"rotate(-5 230 180)\"\/>\n\n            <g transform=\"rotate(-5 230 180)\">\n              <circle cx=\"182\" cy=\"129\" r=\"3\" fill=\"#F06450\"\/>\n              <circle cx=\"192\" cy=\"129\" r=\"3\" fill=\"#E9C3BA\"\/>\n              <circle cx=\"202\" cy=\"129\" r=\"3\" fill=\"#DDD4CB\"\/>\n\n              <path d=\"M181 151h66\" stroke=\"#E8E1D9\"\/>\n              <text x=\"181\" y=\"173\" class=\"bow-fcta__svg-label\">IDEA<\/text>\n              <text x=\"181\" y=\"190\" class=\"bow-fcta__svg-sub\">Think differently.<\/text>\n\n              <path d=\"M181 207h86M181 221h47\" stroke=\"#E8E1D9\"\/>\n              <rect x=\"181\" y=\"233\" width=\"28\" height=\"4\" rx=\"2\" fill=\"#F06450\"\/>\n              <rect x=\"214\" y=\"233\" width=\"18\" height=\"4\" rx=\"2\" fill=\"#D7CDC3\"\/>\n            <\/g>\n          <\/g>\n\n          <g transform=\"translate(313 125)\">\n            <path d=\"M0 -14L3 -3L14 0L3 3L0 14L-3 3L-14 0L-3 -3Z\"\n                  fill=\"#F06450\"\/>\n            <circle cx=\"18\" cy=\"-17\" r=\"2\" fill=\"#D5C6B8\"\/>\n            <circle cx=\"-17\" cy=\"15\" r=\"2.5\" fill=\"#E8B1A5\"\/>\n          <\/g>\n\n          <g transform=\"translate(366 154)\">\n            <circle r=\"20\" fill=\"#F06450\" fill-opacity=\".09\"\/>\n            <circle class=\"bow-fcta__node\" r=\"12\"\/>\n            <path d=\"M-5 0h10M1 -5l5 5-5 5\"\n                  fill=\"none\" stroke=\"#F06450\" stroke-width=\"2\"\n                  stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/g>\n\n          <g transform=\"translate(277 292)\">\n            <path d=\"M0 0h42\" stroke=\"#F06450\" stroke-width=\"1.5\"\/>\n            <text x=\"0\" y=\"20\" class=\"bow-fcta__svg-label\">MAKE IT MOVE<\/text>\n            <text x=\"0\" y=\"36\" class=\"bow-fcta__svg-sub\">From thought to momentum<\/text>\n          <\/g>\n\n          <path d=\"M107 335C147 367 202 372 246 348\"\n                fill=\"none\" stroke=\"#D8D0C7\" stroke-width=\"1.2\"\n                stroke-linecap=\"round\" stroke-dasharray=\"2 6\"\/>\n          <circle cx=\"246\" cy=\"348\" r=\"5\" fill=\"#F8F6F2\"\n                  stroke=\"#F06450\" stroke-width=\"1.5\"\/>\n        <\/svg>\n      <\/div>\n    <\/div>\n\n    <div class=\"bow-fcta__bottom\">\n      <p class=\"bow-fcta__closing\">\n        <span class=\"bow-fcta__closing-mark\" aria-hidden=\"true\">\u2733<\/span>\n        <span>Good things happen when the right ideas meet the right team.<\/span>\n      <\/p>\n      <p class=\"bow-fcta__index\">BRANDZ ON WEB <span>\u00b7<\/span> LET'S MAKE IT HAPPEN<\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* =====================================================\n   BRANDZ ON WEB \u2014 FINAL CTA\n   Full-width outer section + 1240px inner container\n   All styles scoped to this section\n===================================================== *\/\n\n#bow-final-cta-section {\n  --fcta-coral: #F06450;\n  --fcta-coral-dark: #D94F3D;\n  --fcta-ink: #18212B;\n  --fcta-slate: #68717C;\n  --fcta-bg: #F8F6F2;\n  --fcta-line: #E9E4DE;\n  --fcta-max: 1240px;\n  --fcta-pad: 40px;\n  --fcta-top: 112px;\n\n  position: relative;\n  isolation: isolate;\n  display: block;\n  width: 100%;\n  max-width: none;\n  margin: 0;\n  padding: 0;\n  overflow: hidden;\n  border-radius: 0;\n  background: var(--fcta-bg);\n  color: var(--fcta-ink);\n  font-family: \"DM Sans\", Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-size-adjust: 100%;\n  text-size-adjust: 100%;\n}\n\n#bow-final-cta-section *,\n#bow-final-cta-section *::before,\n#bow-final-cta-section *::after {\n  box-sizing: border-box;\n}\n\n#bow-final-cta-section .bow-fcta__shell {\n  position: relative;\n  width: 100%;\n  max-width: var(--fcta-max);\n  margin-inline: auto;\n  padding: var(--fcta-top) var(--fcta-pad) 32px;\n}\n\n#bow-final-cta-section .bow-fcta__topline {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  padding-bottom: 24px;\n  border-bottom: 1px solid var(--fcta-line);\n}\n\n#bow-final-cta-section .bow-fcta__eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin: 0;\n  padding: 0;\n  color: var(--fcta-coral-dark);\n  font-size: 11px;\n  font-weight: 700;\n  line-height: 1.5;\n  letter-spacing: .19em;\n  text-transform: uppercase;\n}\n\n#bow-final-cta-section .bow-fcta__eyebrow::before {\n  content: \"\";\n  width: 25px;\n  height: 2px;\n  flex: 0 0 auto;\n  background: var(--fcta-coral);\n}\n\n#bow-final-cta-section .bow-fcta__topnote {\n  margin: 0;\n  color: var(--fcta-slate);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: .09em;\n  text-transform: uppercase;\n  text-align: right;\n}\n\n#bow-final-cta-section .bow-fcta__grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);\n  align-items: center;\n  gap: clamp(36px, 6vw, 90px);\n  padding-block: 65px 70px;\n}\n\n#bow-final-cta-section .bow-fcta__copy {\n  position: relative;\n  z-index: 2;\n  min-width: 0;\n}\n\n#bow-final-cta-section .bow-fcta__kicker {\n  margin: 0 0 22px;\n  padding: 0;\n  color: var(--fcta-slate);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 1.7;\n}\n\n#bow-final-cta-section .bow-fcta__title {\n  max-width: 760px;\n  margin: 0;\n  padding: 0;\n  color: var(--fcta-ink);\n  font-family: \"Manrope\", Arial, sans-serif;\n  font-size: clamp(52px, 6.1vw, 83px);\n  font-weight: 700;\n  letter-spacing: -.078em;\n  line-height: 1.035;\n  text-wrap: balance;\n}\n\n#bow-final-cta-section .bow-fcta__title > span {\n  display: block;\n}\n\n#bow-final-cta-section .bow-fcta__title em {\n  position: relative;\n  display: inline-block;\n  color: var(--fcta-coral);\n  font-style: normal;\n}\n\n#bow-final-cta-section .bow-fcta__title em::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  right: -2%;\n  bottom: -7px;\n  height: 9px;\n  border-top: 2px solid var(--fcta-coral);\n  border-radius: 50%;\n  transform: rotate(-2deg);\n}\n\n#bow-final-cta-section .bow-fcta__description {\n  max-width: 535px;\n  margin: 32px 0 0;\n  padding: 0;\n  color: var(--fcta-slate);\n  font-size: 15px;\n  font-weight: 400;\n  line-height: 1.95;\n}\n\n#bow-final-cta-section .bow-fcta__actions {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 24px;\n  margin-top: 35px;\n}\n\n#bow-final-cta-section .bow-fcta__primary {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 27px;\n  min-height: 58px;\n  padding: 0 23px;\n  border: 1px solid var(--fcta-coral);\n  border-radius: 3px;\n  background: var(--fcta-coral);\n  color: #fff;\n  font-family: \"DM Sans\", Arial, sans-serif;\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.4;\n  text-decoration: none;\n  transition: background .22s ease, border-color .22s ease,\n              transform .22s ease, box-shadow .22s ease;\n}\n\n#bow-final-cta-section .bow-fcta__primary:hover {\n  transform: translateY(-3px);\n  border-color: var(--fcta-coral-dark);\n  background: var(--fcta-coral-dark);\n  box-shadow: 0 12px 28px rgba(240,100,80,.19);\n  color: #fff;\n}\n\n#bow-final-cta-section .bow-fcta__arrow {\n  display: inline-block;\n  font-size: 18px;\n  font-weight: 400;\n  line-height: 1;\n  transition: transform .22s ease;\n}\n\n#bow-final-cta-section .bow-fcta__primary:hover .bow-fcta__arrow {\n  transform: translate(3px,-3px);\n}\n\n#bow-final-cta-section .bow-fcta__secondary {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 13px 0;\n  border-bottom: 1px solid transparent;\n  color: var(--fcta-ink);\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.5;\n  text-decoration: none;\n  transition: color .2s ease, border-color .2s ease;\n}\n\n#bow-final-cta-section .bow-fcta__secondary span {\n  color: var(--fcta-coral);\n  font-size: 17px;\n  font-weight: 400;\n  transition: transform .2s ease;\n}\n\n#bow-final-cta-section .bow-fcta__secondary:hover {\n  border-color: var(--fcta-coral);\n  color: var(--fcta-coral-dark);\n}\n\n#bow-final-cta-section .bow-fcta__secondary:hover span {\n  transform: translateX(4px);\n}\n\n#bow-final-cta-section a:focus-visible {\n  outline: 3px solid var(--fcta-ink);\n  outline-offset: 5px;\n}\n\n\/* Graphic *\/\n#bow-final-cta-section .bow-fcta__art {\n  position: relative;\n  display: grid;\n  place-items: center;\n  width: 100%;\n  max-width: 460px;\n  aspect-ratio: 1;\n  justify-self: end;\n  isolation: isolate;\n}\n\n#bow-final-cta-section .bow-fcta__art::before {\n  content: \"\";\n  position: absolute;\n  z-index: -1;\n  width: 76%;\n  aspect-ratio: 1;\n  border: 1px solid rgba(240,100,80,.11);\n  border-radius: 50%;\n  background: radial-gradient(circle at 35% 28%,\n    rgba(255,255,255,.96),\n    rgba(255,255,255,.7) 30%,\n    rgba(240,100,80,.075) 69%,\n    rgba(240,100,80,.025));\n}\n\n#bow-final-cta-section .bow-fcta__art svg {\n  display: block;\n  width: 100%;\n  height: auto;\n  overflow: visible;\n}\n\n#bow-final-cta-section .bow-fcta__orbit {\n  fill: none;\n  stroke: #DDD6CE;\n  stroke-width: 1;\n}\n\n#bow-final-cta-section .bow-fcta__orbit--dashed {\n  stroke: #D8D0C7;\n  stroke-dasharray: 3 8;\n}\n\n#bow-final-cta-section .bow-fcta__flow {\n  fill: none;\n  stroke: var(--fcta-coral);\n  stroke-width: 2.6;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  stroke-dasharray: 580;\n  stroke-dashoffset: 0;\n}\n\n#bow-final-cta-section .bow-fcta__node {\n  fill: var(--fcta-bg);\n  stroke: var(--fcta-coral);\n  stroke-width: 2;\n}\n\n#bow-final-cta-section .bow-fcta__node-muted {\n  fill: #fff;\n  stroke: #C7BEB4;\n  stroke-width: 1.5;\n}\n\n#bow-final-cta-section .bow-fcta__card {\n  stroke: #E8E1D9;\n  stroke-width: 1;\n}\n\n#bow-final-cta-section .bow-fcta__svg-label {\n  fill: var(--fcta-ink);\n  font-family: \"DM Sans\", Arial, sans-serif;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n}\n\n#bow-final-cta-section .bow-fcta__svg-sub {\n  fill: var(--fcta-slate);\n  font-family: \"DM Sans\", Arial, sans-serif;\n  font-size: 9px;\n  font-weight: 500;\n  letter-spacing: .7px;\n}\n\n#bow-final-cta-section .bow-fcta__idea {\n  transform-origin: 230px 180px;\n  animation: bow-fcta-float 7s ease-in-out infinite;\n}\n\n#bow-final-cta-section .bow-fcta__orbit-dot {\n  transform-origin: 230px 230px;\n  animation: bow-fcta-orbit 22s linear infinite;\n}\n\n@keyframes bow-fcta-float {\n  0%,100% { transform: translateY(0); }\n  50% { transform: translateY(-8px); }\n}\n\n@keyframes bow-fcta-orbit {\n  from { transform: rotate(0); }\n  to { transform: rotate(360deg); }\n}\n\n\/* Footer-facing finish *\/\n#bow-final-cta-section .bow-fcta__bottom {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 28px;\n  min-height: 75px;\n  padding-top: 20px;\n  border-top: 1px solid var(--fcta-line);\n}\n\n#bow-final-cta-section .bow-fcta__closing {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin: 0;\n  padding: 0;\n  color: var(--fcta-slate);\n  font-size: 12px;\n  line-height: 1.8;\n}\n\n#bow-final-cta-section .bow-fcta__closing-mark {\n  display: inline-flex;\n  flex: 0 0 25px;\n  align-items: center;\n  justify-content: center;\n  width: 25px;\n  height: 25px;\n  border: 1px solid rgba(240,100,80,.35);\n  border-radius: 50%;\n  color: var(--fcta-coral);\n  font-size: 13px;\n}\n\n#bow-final-cta-section .bow-fcta__index {\n  margin: 0;\n  padding: 0;\n  color: #9A9B9B;\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: .14em;\n  white-space: nowrap;\n}\n\n#bow-final-cta-section .bow-fcta__index span {\n  color: var(--fcta-coral);\n}\n\n\/* Tablet *\/\n@media (max-width: 980px) {\n  #bow-final-cta-section {\n    --fcta-pad: 28px;\n    --fcta-top: 84px;\n  }\n\n  #bow-final-cta-section .bow-fcta__grid {\n    grid-template-columns: minmax(0,1.15fr) minmax(230px,.85fr);\n    gap: 28px;\n    padding-block: 55px 58px;\n  }\n\n  #bow-final-cta-section .bow-fcta__title {\n    font-size: clamp(47px,6.5vw,64px);\n  }\n\n  #bow-final-cta-section .bow-fcta__description {\n    font-size: 14px;\n    line-height: 1.85;\n  }\n\n  #bow-final-cta-section .bow-fcta__art {\n    width: 110%;\n    max-width: 350px;\n    margin-right: -5%;\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n  #bow-final-cta-section {\n    --fcta-pad: 20px;\n    --fcta-top: 62px;\n  }\n\n  #bow-final-cta-section .bow-fcta__topline {\n    align-items: flex-start;\n    padding-bottom: 18px;\n  }\n\n  #bow-final-cta-section .bow-fcta__eyebrow {\n    gap: 9px;\n    font-size: 10px;\n    letter-spacing: .14em;\n  }\n\n  #bow-final-cta-section .bow-fcta__eyebrow::before {\n    width: 18px;\n  }\n\n  #bow-final-cta-section .bow-fcta__topnote {\n    max-width: 105px;\n    font-size: 9px;\n    line-height: 1.7;\n  }\n\n  #bow-final-cta-section .bow-fcta__grid {\n    grid-template-columns: minmax(0,1fr);\n    gap: 18px;\n    padding-block: 42px 28px;\n  }\n\n  #bow-final-cta-section .bow-fcta__kicker {\n    margin-bottom: 17px;\n    font-size: 12px;\n  }\n\n  #bow-final-cta-section .bow-fcta__title {\n    font-size: clamp(44px,10.8vw,65px);\n    letter-spacing: -.075em;\n    line-height: 1.06;\n  }\n\n  #bow-final-cta-section .bow-fcta__description {\n    margin-top: 24px;\n    font-size: 14px;\n    line-height: 1.85;\n  }\n\n  #bow-final-cta-section .bow-fcta__actions {\n    gap: 12px 22px;\n    margin-top: 27px;\n  }\n\n  #bow-final-cta-section .bow-fcta__primary {\n    min-height: 54px;\n    gap: 19px;\n    padding-inline: 17px;\n    font-size: 12px;\n  }\n\n  #bow-final-cta-section .bow-fcta__secondary {\n    font-size: 12px;\n  }\n\n  #bow-final-cta-section .bow-fcta__art {\n    width: min(100%,350px);\n    max-width: 350px;\n    margin: 0 auto;\n    justify-self: center;\n  }\n\n  #bow-final-cta-section .bow-fcta__bottom {\n    align-items: flex-start;\n    flex-direction: column;\n    gap: 12px;\n    padding-top: 19px;\n  }\n\n  #bow-final-cta-section .bow-fcta__closing {\n    align-items: flex-start;\n    font-size: 11px;\n  }\n\n  #bow-final-cta-section .bow-fcta__index {\n    padding-left: 37px;\n    font-size: 9px;\n  }\n}\n\n@media (max-width: 380px) {\n  #bow-final-cta-section {\n    --fcta-pad: 16px;\n    --fcta-top: 48px;\n  }\n\n  #bow-final-cta-section .bow-fcta__topnote {\n    max-width: 78px;\n    font-size: 8px;\n  }\n\n  #bow-final-cta-section .bow-fcta__title {\n    font-size: clamp(39px,11vw,45px);\n  }\n\n  #bow-final-cta-section .bow-fcta__description {\n    font-size: 13px;\n  }\n\n  #bow-final-cta-section .bow-fcta__actions {\n    align-items: flex-start;\n    flex-direction: column;\n    gap: 9px;\n  }\n\n  #bow-final-cta-section .bow-fcta__art {\n    max-width: 290px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #bow-final-cta-section .bow-fcta__idea,\n  #bow-final-cta-section .bow-fcta__orbit-dot {\n    animation: none !important;\n  }\n\n  #bow-final-cta-section .bow-fcta__primary,\n  #bow-final-cta-section .bow-fcta__secondary,\n  #bow-final-cta-section .bow-fcta__arrow,\n  #bow-final-cta-section .bow-fcta__secondary span {\n    transition: none !important;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  \"use strict\";\n\n  var root = document.getElementById(\"bow-final-cta-section\");\n  if (!root || root.getAttribute(\"data-bow-fcta-init\")) return;\n\n  root.setAttribute(\"data-bow-fcta-init\", \"1\");\n\n  \/*\n   * Full-width layout:\n   * Align the section to the viewport without negative-margin CSS hacks.\n   * The parent Divi section\/row should have zero horizontal padding.\n   *\/\n  function setFullWidth() {\n    if (!root.isConnected || root.getAttribute(\"data-fullbleed\") === \"0\") return;\n\n    root.style.width = \"100%\";\n    root.style.maxWidth = \"none\";\n    root.style.marginLeft = \"0px\";\n    root.style.marginRight = \"0px\";\n\n    var left = root.getBoundingClientRect().left;\n    var viewportWidth = document.documentElement.clientWidth || window.innerWidth;\n\n    root.style.width = viewportWidth + \"px\";\n    root.style.marginLeft = (-left) + \"px\";\n  }\n\n  \/*\n   * TODO: Replace these with your real WordPress page URLs.\n   *\/\n  var destinations = {\n    contact: \"#\",\n    services: \"#\"\n  };\n\n  root.querySelectorAll(\"[data-bow-fcta-link]\").forEach(function (link) {\n    var key = link.getAttribute(\"data-bow-fcta-link\");\n    if (destinations[key]) link.setAttribute(\"href\", destinations[key]);\n  });\n\n  var resizeTimer;\n  var resizeObserver = null;\n\n  function update() {\n    window.clearTimeout(resizeTimer);\n    resizeTimer = window.setTimeout(setFullWidth, 80);\n  }\n\n  setFullWidth();\n\n  window.addEventListener(\"resize\", update, { passive: true });\n  window.addEventListener(\"orientationchange\", update, { passive: true });\n  window.addEventListener(\"load\", update);\n\n  if (\"ResizeObserver\" in window) {\n    resizeObserver = new ResizeObserver(update);\n    resizeObserver.observe(root);\n    if (root.parentElement) resizeObserver.observe(root.parentElement);\n  }\n\n  if (document.fonts && document.fonts.ready) {\n    document.fonts.ready.then(update).catch(function () {});\n  }\n})();\n<\/script>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/brandzonweb.com\/index.php\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brandzonweb.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brandzonweb.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brandzonweb.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brandzonweb.com\/index.php\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":39,"href":"https:\/\/brandzonweb.com\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":118,"href":"https:\/\/brandzonweb.com\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions\/118"}],"wp:attachment":[{"href":"https:\/\/brandzonweb.com\/index.php\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}