{"id":2,"date":"2026-05-12T16:14:45","date_gmt":"2026-05-12T16:14:45","guid":{"rendered":"https:\/\/vincenzo.co.za\/?page_id=2"},"modified":"2026-09-13T14:22:18","modified_gmt":"2026-09-13T12:22:18","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/vincenzo.co.za\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3602656 e-flex e-con-boxed e-con e-parent\" data-id=\"3602656\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e5adc86 elementor-widget elementor-widget-html\" data-id=\"e5adc86\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&amp;family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&amp;display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}\r\n:root{--gold:#c9a84c;--gold-l:#e8c97a;--gold-dk:#6b5826;}\r\nbody{font-family:'DM Sans',sans-serif;font-weight:300;cursor:none;}\r\n\r\n#vvb{position:fixed;inset:0;width:100vw;height:100dvh;z-index:9999;overflow:hidden;background:#e8e6e1;}\r\n\r\n#cur{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--gold);pointer-events:none;z-index:999;transform:translate(-50%,-50%);transition:width .3s cubic-bezier(.16,1,.3,1),height .3s cubic-bezier(.16,1,.3,1),background .25s;}\r\n#cur.big{width:52px;height:52px;opacity:.7;}\r\n#cur.inv{background:var(--gold-l);}\r\n\r\nnav{position:absolute;top:0;left:0;right:0;z-index:200;padding:1.8rem 4rem;display:flex;justify-content:space-between;align-items:center;background:#1a1a1a;border-bottom:1px solid rgba(232,230,225,.08);transition:background .35s ease,border-color .35s ease;}\r\n\/* page 1 is the only section with no bar - the hero runs full bleed behind it *\/\r\n#vvb:has(#s1.on) nav{background:transparent;border-bottom-color:transparent;}\r\n.nl{font-family:'Bebas Neue',sans-serif;font-size:1.3rem;letter-spacing:.15em;color:var(--gold);text-decoration:none;}\r\n.nr{display:flex;gap:2.5rem;list-style:none;}\r\n.nr a{color:var(--gold);text-decoration:none;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;opacity:.65;transition:opacity .35s ease;}\r\n.nr a:hover{opacity:1;}\r\n\/* page 1 has no bar, so the nav sits on the light hero - graphite there, gold on the dark bar everywhere else *\/\r\n#vvb:has(#s1.on) .nl{color:var(--gold-dk);}\r\n#vvb:has(#s1.on) .nr a{color:var(--gold-dk);}\r\n\/* mobile hamburger *\/\r\n.nt{display:none;background:none;border:0;padding:.4rem 0;cursor:pointer;flex-direction:column;gap:5px;width:26px;}\r\n.nt span{display:block;height:2px;width:24px;background:var(--gold);transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .2s ease;}\r\n#vvb:has(#s1.on) .nt span{background:var(--gold-dk);}\r\n.nt.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}\r\n.nt.open span:nth-child(2){opacity:0;}\r\n.nt.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}\r\n.mm{position:absolute;inset:0;z-index:190;background:#1a1a1a;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;}\r\n.mm.open{opacity:1;pointer-events:all;}\r\n.mm ul{list-style:none;text-align:center;}\r\n.mm a{display:block;font-family:'Bebas Neue',sans-serif;font-size:2.1rem;letter-spacing:.14em;color:var(--gold);text-decoration:none;padding:.75rem 2rem;}\r\n\r\n#zo{position:absolute;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;background:transparent;}\r\n#zt{font-family:'Bebas Neue',sans-serif;font-size:11vw;line-height:1;letter-spacing:.02em;white-space:nowrap;transform:scale(1);transform-origin:center center;}\r\n\r\n.sec{position:absolute;inset:0;opacity:0;pointer-events:none;overflow:hidden;z-index:10;transition:opacity .15s ease;}\r\n.sec.on{opacity:1;pointer-events:all;}\r\n\r\n#s1{background:#e8e6e1;}\r\n.h-wrap{position:absolute;inset:0;}\r\n.h-sharp,.h-blur{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;}\r\n.h-sharp{z-index:1;}\r\n.h-blur{z-index:2;opacity:0 !important;}\r\n#bc{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;}\r\n.h-ov{display:none;}\r\n.h-con{position:absolute;z-index:5;bottom:8rem;left:4rem;right:4rem;}\r\n.h-eye{font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-dk);margin-bottom:1rem;opacity:0;animation:fu .8s .4s forwards;}\r\n.h-nm{font-family:'Bebas Neue',sans-serif;line-height:.88;overflow:hidden;}\r\n.h-l1{font-size:clamp(6rem,15vw,18rem);display:block;opacity:0;transform:translateY(108%);animation:lu 1.1s cubic-bezier(.16,1,.3,1) .55s forwards;color:#1a1a1a;text-shadow:0 2px 20px rgba(232,230,225,.4);}\r\n.h-l2{font-size:clamp(1.4rem,2.8vw,3.8rem);letter-spacing:.08em;display:block;opacity:0;transform:translateY(108%);animation:lu 1.1s cubic-bezier(.16,1,.3,1) .75s forwards;color:var(--gold-dk);}\r\n.h-sub{margin-top:2rem;display:flex;justify-content:space-between;align-items:flex-end;opacity:0;animation:fu .8s 1.1s forwards;}\r\n.h-tl{font-size:clamp(.78rem,1vw,.92rem);color:rgba(26,26,26,.85);line-height:1.85;max-width:290px;}\r\n.h-sc{position:absolute;bottom:-3rem;left:50%;transform:translateX(-50%);font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:#1a1a1a;display:flex;flex-direction:column;align-items:center;gap:.4rem;white-space:nowrap;z-index:6;}\r\n.scl{width:1px;height:40px;background:#1a1a1a;}\r\n.h-hint{position:absolute;z-index:5;bottom:2rem;left:3rem;font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-dk);opacity:.9;animation:pulse 2s infinite;}\r\n\r\n#s2{background:#1a1a1a;display:flex;align-items:center;justify-content:center;padding:5rem 4rem;overflow-y:auto;}\r\n.a-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;max-width:1200px;width:100%;}\r\n.a-tag{font-size:.6rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem;opacity:0;}\r\n.a-hl{font-family:'Bebas Neue',sans-serif;font-size:clamp(3.5rem,7.5vw,8.5rem);line-height:.88;color:#e8e6e1;overflow:hidden;}\r\n.a-w{display:block;opacity:0;transform:translateY(100%);}\r\n.a-w.gd{color:var(--gold);}\r\n.a-body{opacity:0;}\r\n.a-body p{font-size:clamp(.82rem,1.05vw,.97rem);line-height:1.92;color:rgba(232,230,225,.72);margin-bottom:1.2rem;}\r\n.a-body p strong{color:#e8e6e1;font-weight:500;}\r\n\r\n#s3{background:#f0ede8;overflow-y:auto;padding:7rem 4rem 4rem;}\r\n.wh{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid rgba(26,26,26,.1);padding-top:2rem;margin-bottom:5rem;}\r\n.w-hl{font-family:'Bebas Neue',sans-serif;font-size:clamp(4rem,9vw,10rem);line-height:.88;color:#1a1a1a;overflow:hidden;}\r\n.w-hl span{display:block;opacity:0;transform:translateY(100%);}\r\n.wc{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(26,26,26,.55);}\r\n.wg{display:flex;flex-direction:column;gap:5rem;}\r\n.wi{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;opacity:0;transform:translateY(60px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);}\r\n.wi.vis{opacity:1;transform:translateY(0);}\r\n.wi:nth-child(even){direction:rtl;}\r\n.wi:nth-child(even)>*{direction:ltr;}\r\n.wt{position:relative;overflow:hidden;aspect-ratio:16\/10;background:#1a1a1a;}\r\n.wt img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;transform:scale(1.18);transition:transform .85s cubic-bezier(.16,1,.3,1);}\r\n.wt:hover img{transform:scale(1.04);}\r\n.wtg{position:absolute;top:1rem;right:1rem;background:var(--gold);color:#fff;font-size:.52rem;letter-spacing:.14em;text-transform:uppercase;padding:.28rem .65rem;font-weight:500;}\r\n.wi-info{padding:1rem 0;}\r\n.wi-ag{font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:.7rem;}\r\n.wi-nm{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.2rem,3.8vw,4.2rem);line-height:.92;color:#1a1a1a;margin-bottom:.9rem;}\r\n.wi-ds{font-size:.8rem;color:rgba(26,26,26,.62);line-height:1.8;max-width:360px;margin-bottom:1.4rem;}\r\n.wi-lk{display:inline-flex;align-items:center;gap:.55rem;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:#1a1a1a;text-decoration:none;border-bottom:1px solid rgba(26,26,26,.2);padding-bottom:.28rem;transition:border-color .2s,gap .2s,color .2s;}\r\n.wi-lk:hover{border-color:var(--gold);color:var(--gold);gap:.9rem;}\r\n\r\n#s4{background:#1a1a1a;}\r\n.hi{max-width:980px;width:100%;}\r\n.hh{border-top:1px solid rgba(232,230,225,.07);padding-top:2rem;margin-bottom:4rem;display:flex;justify-content:space-between;align-items:baseline;}\r\n.h-hl{font-family:'Bebas Neue',sans-serif;font-size:clamp(3.5rem,7.5vw,8.5rem);line-height:.88;color:#e8e6e1;overflow:hidden;}\r\n.h-hl span{display:block;opacity:0;transform:translateY(100%);}\r\n.hl{list-style:none;}\r\n.hli{position:relative;padding:1.8rem 0;border-bottom:1px solid rgba(232,230,225,.05);overflow:hidden;cursor:default;transition:border-color .4s ease;}\r\n.hli:hover{border-color:var(--gold);}\r\n.hbg{position:absolute;inset:0;opacity:0;transition:opacity .5s;z-index:0;}\r\n.hli:hover .hbg{opacity:1;}\r\n.hr{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto auto;align-items:start;gap:2rem;}\r\n.h-ag{font-family:'Bebas Neue',sans-serif;font-size:clamp(1.8rem,3.5vw,3.2rem);line-height:1;color:#e8e6e1;transition:color .3s;}\r\n.hli:hover .h-ag{color:var(--gold);}\r\n.h-ro{font-size:.68rem;color:rgba(232,230,225,.5);text-align:right;line-height:1.6;padding-top:.35rem;transition:color .3s;}\r\n.hli:hover .h-ro{color:rgba(232,230,225,.72);}\r\n.h-yr{font-size:.6rem;color:var(--gold);letter-spacing:.12em;white-space:nowrap;text-align:right;padding-top:.55rem;}\r\n.h-de{position:relative;z-index:1;font-size:.76rem;color:rgba(232,230,225,.45);line-height:1.78;margin-top:.55rem;max-width:560px;transition:color .3s;}\r\n.hli:hover .h-de{color:rgba(232,230,225,.62);}\r\n\r\n.c-tag{font-size:.6rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:1.4rem;opacity:0;transform:translateY(12px);transition:opacity .6s .1s ease,transform .6s .1s ease;}\r\n.c-tag.cr-visible{opacity:1;transform:translateY(0);}\r\n.c-hl{font-family:'Bebas Neue',sans-serif;font-size:clamp(4.5rem,12vw,14rem);line-height:.84;text-align:center;color:#e8e6e1;overflow:hidden;margin-bottom:3rem;}\r\n.c-hl span{display:block;opacity:0;transform:translateY(100%);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);}\r\n.c-hl.cr-visible span:nth-child(1){opacity:1;transform:translateY(0);transition-delay:.15s;}\r\n.c-hl.cr-visible span:nth-child(2){opacity:1;transform:translateY(0);transition-delay:.3s;}\r\n.c-hl.cr-visible span:nth-child(3){opacity:1;transform:translateY(0);transition-delay:.45s;}\r\n.c-icons{display:flex;gap:2.8rem;align-items:center;margin-bottom:3.5rem;opacity:0;transform:translateY(16px);transition:opacity .7s .65s ease,transform .7s .65s ease;}\r\n.c-icons.cr-visible{opacity:1;transform:translateY(0);}\r\n.ci{display:flex;flex-direction:column;align-items:center;gap:.7rem;text-decoration:none;color:#e8e6e1;opacity:.35;transition:opacity .25s,color .25s;}\r\n.ci:hover{opacity:1;color:var(--gold);}\r\n.ci svg{width:24px;height:24px;fill:currentColor;}\r\n.ci span{font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;}\r\n\r\n.g-wrap{width:100%;border-top:1px solid rgba(232,230,225,.05);padding-top:1.8rem;}\r\n.g-lbl{font-size:.56rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(232,230,225,.45);text-align:center;margin-bottom:1.4rem;}\r\n.g-out{position:relative;width:100%;overflow:hidden;}\r\n.g-out::before,.g-out::after{content:'';position:absolute;top:0;bottom:0;width:18%;z-index:2;pointer-events:none;}\r\n.g-out::before{left:0;background:linear-gradient(to right,#0d0d0d,transparent);}\r\n.g-out::after{right:0;background:linear-gradient(to left,#0d0d0d,transparent);}\r\n.g-strip{display:flex;gap:.7rem;overflow-x:auto;padding-bottom:1rem;scrollbar-width:none;cursor:grab;user-select:none;}\r\n.g-strip::-webkit-scrollbar{display:none;}\r\n\r\n#lb{position:absolute;inset:0;z-index:800;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;gap:1.2rem;pointer-events:none;transition:background .35s ease;}\r\n#lb.open{background:rgba(0,0,0,.92);pointer-events:all;}\r\n#lb-img{max-width:82vw;max-height:88vh;object-fit:contain;transform:scale(0.08);opacity:0;transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .4s ease;border-radius:2px;flex-shrink:0;}\r\n#lb.open #lb-img{transform:scale(1);opacity:1;}\r\n#lb-close{position:absolute;top:1.5rem;right:2rem;font-size:1.8rem;color:rgba(232,230,225,.6);cursor:pointer;transition:color .2s,opacity .3s;font-family:sans-serif;font-weight:300;line-height:1;opacity:0;pointer-events:none;}\r\n#lb-close:hover{color:var(--gold);}\r\n#lb.open #lb-close{opacity:1;pointer-events:all;}\r\n#lb-prev,#lb-next{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:rgba(13,13,13,.7);border:1px solid rgba(201,168,76,.35);color:var(--gold);font-size:1.1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,border-color .2s,opacity .3s;opacity:0;pointer-events:none;}\r\n#lb-prev:hover,#lb-next:hover{background:rgba(201,168,76,.18);border-color:var(--gold);}\r\n#lb.open #lb-prev,#lb.open #lb-next{opacity:1;pointer-events:all;}\r\n.gi{flex:0 0 290px;height:182px;overflow:hidden;filter:grayscale(65%) brightness(.55);transition:filter .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);cursor:grab;}\r\n.gi.cf{filter:grayscale(0%) brightness(1);transform:scale(1.06);}\r\n.gi img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;transform:scale(1.18);}\r\nfooter{width:100%;border-top:1px solid rgba(232,230,225,.1);padding:1.4rem 0;display:flex;flex-direction:column;gap:1.5rem;font-size:.58rem;color:rgba(232,230,225,.4);letter-spacing:.1em;text-transform:uppercase;margin-top:1.4rem;background:#0d0d0d;}\r\n.footer-top{display:flex;justify-content:space-between;width:100%;}\r\n.icon-strip{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;width:100%;padding-bottom:.5rem;}\r\n.icon-strip img{height:40px;width:40px;object-fit:contain;opacity:.7;transition:opacity .25s,transform .25s;border-radius:8px;}\r\n.icon-strip img:hover{opacity:1;transform:scale(1.12);}\r\n\r\n@keyframes fu{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}\r\n@keyframes lu{from{opacity:0;transform:translateY(108%)}to{opacity:1;transform:translateY(0)}}\r\n@keyframes pulse{0%,100%{opacity:.22}50%{opacity:.58}}\r\n\r\n.s-in .a-tag{animation:fu .6s .08s forwards;}\r\n.s-in .a-w:nth-child(1){animation:lu .8s .12s cubic-bezier(.16,1,.3,1) forwards;}\r\n.s-in .a-w:nth-child(2){animation:lu .8s .26s cubic-bezier(.16,1,.3,1) forwards;}\r\n.s-in .a-w:nth-child(3){animation:lu .8s .4s cubic-bezier(.16,1,.3,1) forwards;}\r\n.s-in .a-w:nth-child(4){animation:lu .8s .54s cubic-bezier(.16,1,.3,1) forwards;}\r\n.s-in .a-body{animation:fu .75s .65s forwards;}\r\n.s-in .w-hl span:nth-child(1){animation:lu .8s .08s cubic-bezier(.16,1,.3,1) forwards;}\r\n.s-in .w-hl span:nth-child(2){animation:lu .8s .22s cubic-bezier(.16,1,.3,1) forwards;}\r\n.s-in .h-hl span:nth-child(1){animation:lu .8s .08s cubic-bezier(.16,1,.3,1) forwards;}\r\n.s-in .h-hl span:nth-child(2){animation:lu .8s .22s cubic-bezier(.16,1,.3,1) forwards;}\r\n.s-in .c-tag{animation:fu .6s .08s forwards;}\r\n.s-in .c-hl span:nth-child(1){animation:lu .9s .12s cubic-bezier(.16,1,.3,1) forwards;}\r\n.s-in .c-hl span:nth-child(2){animation:lu .9s .28s cubic-bezier(.16,1,.3,1) forwards;}\r\n.s-in .c-hl span:nth-child(3){animation:lu .9s .44s cubic-bezier(.16,1,.3,1) forwards;}\r\n.s-in .c-icons{animation:fu .7s .65s forwards;}\r\n\r\n@media(max-width:768px){\r\n  .a-grid,.wi{grid-template-columns:1fr;}\r\n  .wi:nth-child(even){direction:ltr;}\r\n  nav{padding:1rem 1.5rem;justify-content:flex-start;}\r\n  .nr{display:none;}\r\n  .nt{display:flex;}\r\n  .nl{margin-left:auto;}\r\n  #s2{padding:5rem 1.5rem 2rem;}\r\n  #s3{padding:5rem 1.5rem 2rem;}\r\n  #s4{padding:5rem 1.5rem 0 !important;}\r\n  .hr{grid-template-columns:1fr;}\r\n  .h-sc,.h-hint{display:none !important;}\r\n  #bc{display:none !important;}   \/* no draw effect on mobile - show the clear image *\/\r\n  .wh{flex-direction:column;gap:.5rem;margin-bottom:3rem;}\r\n  .hh{flex-direction:column;gap:.8rem;}\r\n  .h-con{bottom:4rem;left:1.2rem;right:1.2rem;}\r\n  .h-l1{font-size:clamp(3.2rem,18vw,6rem);}\r\n  .h-l2{font-size:clamp(.85rem,4.2vw,1.5rem);}\r\n  .h-eye{font-size:.55rem;margin-bottom:.6rem;}\r\n  .h-sub{margin-top:.8rem;}\r\n  .h-tl{font-size:.72rem;line-height:1.7;max-width:100%;}\r\n  .a-grid{gap:2rem;}\r\n  .a-hl{font-size:clamp(2.8rem,12vw,5rem);}\r\n  .wi{gap:1.8rem;}\r\n  .wi-nm{font-size:clamp(1.8rem,7vw,3rem);}\r\n  .h-hl{font-size:clamp(2.5rem,10vw,5rem);}\r\n  .h-ag{font-size:clamp(1.4rem,6vw,2.4rem);}\r\n  .hr{gap:1rem;}\r\n  .c-hl{font-size:clamp(3rem,16vw,8rem);}\r\n  .c-icons{gap:1.8rem;}\r\n  .gi{flex:0 0 200px;height:128px;}\r\n}\r\n@media(hover:none) and (pointer:coarse){\r\n  #cur{display:none !important;}\r\n  #bc{display:none !important;}   \/* touch: no cursor to reveal with, so no blur layer *\/\r\n  body{cursor:auto;}\r\n  a,button,.wt,.hli,.gi{cursor:pointer;}\r\n  .h-sc,.h-hint{display:none !important;}\r\n}\r\n<\/style>\r\n\r\n<div id=\"vvb\">\r\n<div id=\"cur\"><\/div>\r\n<nav>\r\n  <button id=\"nt\" class=\"nt\" type=\"button\" aria-label=\"Menu\" aria-expanded=\"false\" onclick=\"toggleMenu();return false;\"><span><\/span><span><\/span><span><\/span><\/button>\r\n  <a href=\"#\" class=\"nl\" onclick=\"gto(0);return false;\">VVB<\/a>\r\n  <ul class=\"nr\">\r\n    <li><a href=\"#\" onclick=\"gto(1);return false;\">About<\/a><\/li>\r\n    <li><a href=\"#\" onclick=\"gto(2);return false;\">Work<\/a><\/li>\r\n    <li><a href=\"#\" onclick=\"ghistory();return false;\">History<\/a><\/li>\r\n    <li><a href=\"#\" onclick=\"gcontact();return false;\">Contact<\/a><\/li>\r\n  <\/ul>\r\n<\/nav>\r\n<div id=\"mm\" class=\"mm\">\r\n  <ul>\r\n    <li><a href=\"#\" onclick=\"mgo(1);return false;\">About<\/a><\/li>\r\n    <li><a href=\"#\" onclick=\"mgo(2);return false;\">Work<\/a><\/li>\r\n    <li><a href=\"#\" onclick=\"mhistory();return false;\">History<\/a><\/li>\r\n    <li><a href=\"#\" onclick=\"mcontact();return false;\">Contact<\/a><\/li>\r\n  <\/ul>\r\n<\/div>\r\n<div id=\"zo\"><div id=\"zt\"><\/div><\/div>\r\n\r\n<div id=\"s1\" class=\"sec on\">\r\n  <div class=\"h-wrap\">\r\n    <img class=\"h-sharp\" src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/reveal-scaled.jpg alt=\"Vincenzo\">\r\n    <img class=\"h-blur\" id=\"blurImg\" src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/blur-1-scaled.jpg alt=\"\">\r\n    <canvas id=\"bc\"><\/canvas>\r\n  <\/div>\r\n  <div class=\"h-ov\"><\/div>\r\n  <div class=\"h-con\">\r\n    <p class=\"h-eye\">Creative Director &nbsp;&middot;&nbsp; Art Director &nbsp;&middot;&nbsp; Concept Creator<\/p>\r\n    <h1 class=\"h-nm\">\r\n      <span class=\"h-l1\">VINCENZO<\/span>\r\n      <span class=\"h-l2\">AKA VINCENT VAN DER BYL<\/span>\r\n    <\/h1>\r\n    <div class=\"h-sub\">\r\n      <p class=\"h-tl\">A decade of real world advertising.<br>Ideas that sell. Work that moves.<\/p>\r\n    <\/div>\r\n    <div class=\"h-sc\"><span class=\"scl\"><\/span>Scroll to explore<\/div>\r\n  <\/div>\r\n  <p class=\"h-hint\">Move cursor over image to reveal<\/p>\r\n<\/div>\r\n\r\n<div id=\"s2\" class=\"sec\">\r\n  <div class=\"a-grid\">\r\n    <div>\r\n      <p class=\"a-tag\">About Creative<\/p>\r\n      <h2 class=\"a-hl\">\r\n        <span class=\"a-w\">BUILT FROM<\/span>\r\n        <span class=\"a-w\">THE REAL<\/span>\r\n        <span class=\"a-w gd\">WORLD.<\/span>\r\n      <\/h2>\r\n    <\/div>\r\n    <div class=\"a-body\">\r\n      <p>A decade on real shoots, with real clients, under people who built real businesses. No safety net, no brief handed down. Just the work, and figuring out what it actually needed to land.<\/p>\r\n      <p>That start taught me how a shoot day really runs when things go sideways, how a budget behaves once real costs hit it, and what it feels like to hand work over and watch, months later, whether it did its job.<\/p>\r\n      <p>Since then, I've pitched, budgeted, produced and delivered for some of the biggest brands in South Africa. I've seen what it costs when a campaign doesn't land, and that's shaped how I think about creative work. I care just as much about whether something works as I do about whether it's genuinely cool. Not one traded off against the other. Both, always.<strong> I know what it costs when the work does not sell.<\/strong><\/p>\r\n      <p>This is what I bring:<\/p>\r\n      <p><strong>real experience, real outcomes, and a genuine love for making cool sh*t! That makes people do stuff.<\/strong><\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div id=\"s3\" class=\"sec\">\r\n  <div class=\"wh\">\r\n    <h2 class=\"w-hl\"><span>SELECTED<\/span><span>WORK<\/span><\/h2>\r\n    <span class=\"wc\">Career Highlights &nbsp; 2021 \u2014 2025<\/span>\r\n  <\/div>\r\n  <div class=\"wg\">\r\n    <div class=\"wi\">\r\n      <div class=\"wt\"><img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/betking.jpg alt=\"BetKing\"><span class=\"wtg\">Film \/ TVC<\/span><\/div>\r\n      <div class=\"wi-info\">\r\n        <p class=\"wi-ag\">Grid Worldwide JHB<\/p>\r\n        <h3 class=\"wi-nm\">THAT WORLD<br>KUP FEELING<\/h3>\r\n        <p class=\"wi-ds\">Off the BetKing \"That Feeling\" platform, we launched a World Cup campaign that captured the raw emotion of the game and took it to global audiences.<\/p>\r\n        <a href=\"https:\/\/www.behance.net\/gallery\/216028813\/BETKING-Football-Worldcup-TVC\" target=\"_blank\" class=\"wi-lk\">View on Behance &rarr;<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"wi\">\r\n      <div class=\"wt\"><img decoding=\"async\" src=\"https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/okgroup.png\" alt=\"OK Group\"><span class=\"wtg\">TVC \/ Retail<\/span><\/div>\r\n      <div class=\"wi-info\">\r\n        <p class=\"wi-ag\">Ogilvy Cape Town<\/p>\r\n        <h3 class=\"wi-nm\">WIN A<br>BAKKIE TVC<\/h3>\r\n        <p class=\"wi-ds\">Using the hype of an annual event to build excitement around a bakkie giveaway for OK Group across South Africa and Swaziland.<\/p>\r\n        <a href=\"https:\/\/www.behance.net\/gallery\/135870585\/OK-Group-Win-A-Bakkie-Season-(SASwazi)\" target=\"_blank\" class=\"wi-lk\">View on Behance &rarr;<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"wi\">\r\n      <div class=\"wt\"><img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/cansa-scaled.jpg alt=\"CANSA\"><span class=\"wtg\">Purpose \/ OOH<\/span><\/div>\r\n      <div class=\"wi-info\">\r\n        <p class=\"wi-ag\">Grid Cape Town<\/p>\r\n        <h3 class=\"wi-nm\">CHECK THEM<br>OUT<\/h3>\r\n        <p class=\"wi-ds\">A campaign that used fruit and stickers to highlight breast cancer awareness. While customers checked out their produce, they were reminded to check themselves.<\/p>\r\n        <a href=\"https:\/\/www.behance.net\/gallery\/235859795\/Breast-Cancer-Awareness-Campaign\" target=\"_blank\" class=\"wi-lk\">View on Behance &rarr;<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"wi\">\r\n      <div class=\"wt\"><img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/loeries-scaled.jpg alt=\"Loeries\"><span class=\"wtg\">Brand Identity<\/span><\/div>\r\n      <div class=\"wi-info\">\r\n        <p class=\"wi-ag\">Grid Cape Town<\/p>\r\n        <h3 class=\"wi-nm\">BLOOD SWEAT<br>AND TEARS<\/h3>\r\n        <p class=\"wi-ds\">A rebrand and relaunch of the Loeries Awards. Loeries Silver winner. Collateral that showed how hard work and craft pays off.<\/p>\r\n        <a href=\"https:\/\/www.behance.net\/gallery\/235859461\/Loeries-refresh-2023\" target=\"_blank\" class=\"wi-lk\">View on Behance &rarr;<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"wi\">\r\n      <div class=\"wt\"><img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/rmb.jpg alt=\"RMB\"><span class=\"wtg\">Campaign<\/span><\/div>\r\n      <div class=\"wi-info\">\r\n        <p class=\"wi-ag\">Grid Cape Town<\/p>\r\n        <h3 class=\"wi-nm\">TALENT IS HOW<br>WE DO BOTH<\/h3>\r\n        <p class=\"wi-ds\">Showcasing how RMB Private Wealth seamlessly integrates two key business elements to drive exceptional client outcomes.<\/p>\r\n        <a href=\"https:\/\/www.behance.net\/gallery\/235858277\/RMB-Private-Wealth-Talent-is-how-we-do-both\" target=\"_blank\" class=\"wi-lk\">View on Behance &rarr;<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"wi\">\r\n      <div class=\"wt\"><img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/arts-scaled.jpg alt=\"Standard Bank Arts\"><span class=\"wtg\">Brand System<\/span><\/div>\r\n      <div class=\"wi-info\">\r\n        <p class=\"wi-ag\">M+C Saatchi Abel JHB<\/p>\r\n        <h3 class=\"wi-nm\">STANDARD BANK<br>ARTS<\/h3>\r\n        <p class=\"wi-ds\">Rebrand and redesign of the Standard Bank arts portfolio. Three major events launched: National Arts Festival, SB ArtsLAB and Joy of Jazz.<\/p>\r\n        <a href=\"https:\/\/www.behance.net\/gallery\/239883167\/Standard-Bank-Brand-Arts-Sponsorship\" target=\"_blank\" class=\"wi-lk\">View on Behance &rarr;<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"wi\">\r\n      <div class=\"wt\"><img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/dstv.jpg alt=\"DStv\"><span class=\"wtg\">Digital \/ Retail<\/span><\/div>\r\n      <div class=\"wi-info\">\r\n        <p class=\"wi-ag\">Grid Worldwide<\/p>\r\n        <h3 class=\"wi-nm\">DSTV FESTIVE<br>CAMPAIGN<\/h3>\r\n        <p class=\"wi-ds\">Ad of the month winner. Retail heavy comms driving awareness of new DStv products and pushing signups across the festive season.<\/p>\r\n        <a href=\"https:\/\/www.behance.net\/gallery\/235859097\/DSTV-Festive-campaign-2024\" target=\"_blank\" class=\"wi-lk\">View on Behance &rarr;<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div id=\"s4\" class=\"sec\" style=\"overflow-y:auto;display:block;padding:7rem 4rem 0;background:#1a1a1a;\">\r\n  <div class=\"hi\" style=\"max-width:980px;margin:0 auto 6rem;\">\r\n    <div class=\"hh\">\r\n      <h2 class=\"h-hl\"><span>WORK<\/span><span>HISTORY<\/span><\/h2>\r\n      <span class=\"wc\" style=\"color:rgba(232,230,225,.25)\">2016 \u2014 2026<\/span>\r\n    <\/div>\r\n    <ul class=\"hl\">\r\n      <li class=\"hli\">\r\n        <div class=\"hbg\" style=\"background:linear-gradient(105deg,rgba(201,168,76,.1),transparent 55%);\"><\/div>\r\n        <div class=\"hr\"><p class=\"h-ag\">Independent Creative<\/p><div class=\"h-ro\">AI Consultant \/ Systems Builder \/ Vibe Coder \/ Creative Director<br>Johannesburg<\/div><div class=\"h-yr\">2026<\/div><\/div>\r\n        <p class=\"h-de\">Clients: Armada, Lacey IT, Discernment Holdings and Elan Rouche. Built bespoke operational systems enabling companies to run lean with short staff and low capacity. Consulting and training in AI tools, workflows and execution strategies to drive output at scale.<\/p>\r\n      <\/li>\r\n      <li class=\"hli\">\r\n        <div class=\"hbg\" style=\"background:linear-gradient(105deg,rgba(201,168,76,.1),transparent 55%);\"><\/div>\r\n        <div class=\"hr\"><p class=\"h-ag\">AMMIRELLA GROUP<\/p><div class=\"h-ro\">Founder \/ Creative Director<br>Johannesburg<\/div><div class=\"h-yr\">2026<\/div><\/div>\r\n        <p class=\"h-de\">Founded and run a group of six software companies. Own the design language, engineering standard and governance model applied identically across every company in the group.<\/p>\r\n      <\/li>\r\n      <li class=\"hli\">\r\n        <div class=\"hbg\" style=\"background:linear-gradient(105deg,rgba(201,168,76,.1),transparent 55%);\"><\/div>\r\n        <div class=\"hr\"><p class=\"h-ag\">M+C Saatchi Abel<\/p><div class=\"h-ro\">Concept Creative<br>Johannesburg<\/div><div class=\"h-yr\">2025<\/div><\/div>\r\n        <p class=\"h-de\">Joined the Standard Bank Arts portfolio, reshaped the visual direction within six months and delivered a complete design system across three flagship events including Joy of Jazz.<\/p>\r\n      <\/li>\r\n      <li class=\"hli\">\r\n        <div class=\"hbg\" style=\"background:linear-gradient(105deg,rgba(201,168,76,.1),transparent 55%);\"><\/div>\r\n        <div class=\"hr\"><p class=\"h-ag\">Grid Worldwide<\/p><div class=\"h-ro\">Concept Creative \/ Art Director<br>Cape Town + Johannesburg<\/div><div class=\"h-yr\">2022 \u2014 2025<\/div><\/div>\r\n        <p class=\"h-de\">One of the first creatives in the Cape Town office. Worked across JHB and CPT on RMB, FNB, Absa, BetKing, Loeries and MultiChoice Group. Helped shape agency culture through creative excellence committees.<\/p>\r\n      <\/li>\r\n      <li class=\"hli\">\r\n        <div class=\"hbg\" style=\"background:linear-gradient(105deg,rgba(201,168,76,.1),transparent 55%);\"><\/div>\r\n        <div class=\"hr\"><p class=\"h-ag\">Ogilvy SA<\/p><div class=\"h-ro\">Graduate Art Director<br>Johannesburg<\/div><div class=\"h-yr\">2021 \u2014 2022<\/div><\/div>\r\n        <p class=\"h-de\">Graduate Art Director on Castle, Carling Black Label, Audi, PEP and OK Group. Contributed to brainstorming and campaign rollouts while absorbing everything possible from world class creative leadership.<\/p>\r\n      <\/li>\r\n      <li class=\"hli\">\r\n        <div class=\"hbg\" style=\"background:linear-gradient(105deg,rgba(201,168,76,.1),transparent 55%);\"><\/div>\r\n        <div class=\"hr\"><p class=\"h-ag\">UJFM 95.4<\/p><div class=\"h-ro\">Brand Manager \/ Content Creator<br>Johannesburg<\/div><div class=\"h-yr\">2020<\/div><\/div>\r\n        <p class=\"h-de\">Redesigned and developed the UJFM brand language across all digital touchpoints. During the COVID lockdown, created online content to keep the brand active and engaged when the station could not air.<\/p>\r\n      <\/li>\r\n      <li class=\"hli\">\r\n        <div class=\"hbg\" style=\"background:linear-gradient(105deg,rgba(201,168,76,.1),transparent 55%);\"><\/div>\r\n        <div class=\"hr\"><p class=\"h-ag\">The Bowery JHB<\/p><div class=\"h-ro\">Brand Manager \/ Food Photographer<br>Johannesburg<\/div><div class=\"h-yr\">2016 \u2014 2018<\/div><\/div>\r\n        <p class=\"h-de\">Brand manager and food photographer under a mentor from advertising. Menu design, logo design, food photography, client service and event space design. Later managed the Tuckshop branch inside Ogilvy JHB.<\/p>\r\n      <\/li>\r\n    <\/ul>\r\n  <\/div>\r\n  <div style=\"display:flex;flex-direction:column;align-items:center;padding:2rem 0 3rem;border-top:1px solid rgba(232,230,225,.06);\">\r\n    <p class=\"c-tag\" id=\"contactTag\">Available for opportunities<\/p>\r\n    <h2 class=\"c-hl\" id=\"contactHl\" style=\"margin-bottom:3rem;\"><span>LET'S<\/span><span>MAKE<\/span><span>WORK<\/span><\/h2>\r\n    <div class=\"c-icons\" id=\"contactIcons\">\r\n      <a href=\"https:\/\/www.behance.net\/vincentvander4\" target=\"_blank\" class=\"ci\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M22 7h-7V5h7v2zm1.726 10c-.442 1.297-2.029 3-5.101 3-3.074 0-5.564-1.729-5.564-5.675 0-3.91 2.325-5.92 5.466-5.92 3.082 0 4.964 1.782 5.375 4.426.078.506.109 1.188.095 2.14H15.97c.13 3.211 3.483 3.312 4.588 2.029H23.72zm-7.726-3h3.427c-.123-1.979-1.043-2.402-1.701-2.402-.726 0-1.565.506-1.726 2.402zM8 10H5V5h3c1.993 0 3 .97 3 2.5S9.993 10 8 10zm-3 1h3.5c2.311 0 3.5 1.134 3.5 3 0 1.98-1.373 3-3.5 3H5v-6z\"\/><\/svg>\r\n        <span>Behance<\/span>\r\n      <\/a>\r\n      <a href=\"https:\/\/www.linkedin.com\/in\/vincent-van-der-byl-10047b132\/\" target=\"_blank\" class=\"ci\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg>\r\n        <span>LinkedIn<\/span>\r\n      <\/a>\r\n      <a href=\"https:\/\/www.instagram.com\/justhandsome_unreel\/\" target=\"_blank\" class=\"ci\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg>\r\n        <span>Instagram<\/span>\r\n      <\/a>\r\n      <a href=\"mailto:vincentvanderbyl@gmail.com\" class=\"ci\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M24 5.457v13.909c0 .904-.732 1.636-1.636 1.636h-3.819V11.73L12 16.64l-6.545-4.91v9.273H1.636A1.636 1.636 0 010 19.366V5.457c0-.401.144-.777.401-1.066l8.91 6.682L12 13.09l2.69-2.016 8.909-6.682c.257.289.401.665.401 1.066zM12 10.458L2.636 3.818h18.728L12 10.458z\"\/><\/svg>\r\n        <span>Email<\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"g-wrap\">\r\n    <p class=\"g-lbl\">More Work<\/p>\r\n    <div class=\"g-out\">\r\n      <div class=\"g-strip\" id=\"gs\">\r\n        <div class=\"gi\"><img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/g1-scaled.jpg alt=\"\"><\/div>\r\n        <div class=\"gi\"><img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/g2-scaled.jpg alt=\"\"><\/div>\r\n        <div class=\"gi\"><img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/g3-scaled.jpg alt=\"\"><\/div>\r\n        <div class=\"gi\"><img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/g4-scaled.jpg alt=\"\"><\/div>\r\n        <div class=\"gi\"><img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/g5-scaled.jpg alt=\"\"><\/div>\r\n        <div class=\"gi\"><img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/g6-scaled.jpg alt=\"\"><\/div>\r\n        <div class=\"gi\"><img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/g7-scaled.jpg alt=\"\"><\/div>\r\n        <div class=\"gi\"><img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/g8-scaled.jpg alt=\"\"><\/div>\r\n        <div class=\"gi\"><img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/g9-scaled.jpg alt=\"\"><\/div>\r\n        <div class=\"gi\"><img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/g10-scaled.jpg alt=\"\"><\/div>\r\n        <div class=\"gi\"><img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/g11-scaled.jpg alt=\"\"><\/div>\r\n        <div class=\"gi\"><img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/g12-scaled.jpg alt=\"\"><\/div>\r\n        <div class=\"gi\"><img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/g13-scaled.jpg alt=\"\"><\/div>\r\n        <div class=\"gi\"><img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/g14-scaled.jpg alt=\"\"><\/div>\r\n        <div class=\"gi\"><img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/g15-scaled.jpg alt=\"\"><\/div>\r\n        <div class=\"gi\"><img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/g16-scaled.jpg alt=\"\"><\/div>\r\n        <div class=\"gi\"><img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/g17-scaled.jpg alt=\"\"><\/div>\r\n        <div class=\"gi\"><img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/g18-scaled.jpg alt=\"\"><\/div>\r\n        <div class=\"gi\"><img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/g19-scaled.jpg alt=\"\"><\/div>\r\n        <div class=\"gi\"><img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/g20-scaled.jpg alt=\"\"><\/div>\r\n        <div class=\"gi\"><img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/g21-scaled.jpg alt=\"\"><\/div>\r\n        <div class=\"gi\"><img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/g22-scaled.jpg alt=\"\"><\/div>\r\n        <div class=\"gi\"><img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/g23-scaled.jpg alt=\"\"><\/div>\r\n        <div class=\"gi\"><img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/g24-scaled.jpg alt=\"\"><\/div>\r\n        <div class=\"gi\"><img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/g25-scaled.jpg alt=\"\"><\/div>\r\n        <div class=\"gi\"><img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/g26-scaled.jpg alt=\"\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <footer>\r\n    <div class=\"icon-strip\">\r\n      <img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/icon01.jpg alt=\"Adobe CC\">\r\n      <img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/icon02.jpg alt=\"InDesign\">\r\n      <img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/icon03.jpg alt=\"After Effects\">\r\n      <img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/icon04.jpg alt=\"Illustrator\">\r\n      <img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/icon05.jpg alt=\"Photoshop\">\r\n      <img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/icon06.jpg alt=\"Premiere\">\r\n      <img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/icon07.jpg alt=\"Claude\">\r\n      <img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/icon08.jpg alt=\"Google\">\r\n      <img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/icon09.jpg alt=\"Higgsfield\">\r\n      <img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/icon10.jpg alt=\"KREA\">\r\n      <img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/icon11.jpg alt=\"Suno\">\r\n      <img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/icon12.jpg alt=\"Inkscape\">\r\n      <img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/icon13.jpg alt=\"FL Studio\">\r\n      <img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/icon14.jpg alt=\"Virtual DJ\">\r\n      <img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/icon15.jpg alt=\"Canva\">\r\n      <img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/icon16.jpg alt=\"Figma\">\r\n      <img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/icon17.jpg alt=\"Keynote\">\r\n      <img src=https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/icon18.jpg alt=\"PowerPoint\">\r\n    <\/div>\r\n    <div class=\"footer-top\">\r\n      <span>&copy; 2025 Vincent Van Der Byl<\/span>\r\n      <span>JHB &nbsp;&middot;&nbsp; SA<\/span>\r\n    <\/div>\r\n  <\/footer>\r\n<\/div>\r\n\r\n<div id=\"lb\">\r\n  <span id=\"lb-close\">&times;<\/span>\r\n  <button id=\"lb-prev\">&#8592;<\/button>\r\n  <img decoding=\"async\" id=\"lb-img\" src=\"\" alt=\"\">\r\n  <button id=\"lb-next\">&#8594;<\/button>\r\n<\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.body.appendChild(document.getElementById('vvb'));\r\nconst vvb=document.getElementById('vvb');\r\nconst cur=document.getElementById('cur');\r\nlet mx=-200,my=-200;\r\ndocument.addEventListener('mousemove',e=>{mx=e.clientX;my=e.clientY;cur.style.left=mx+'px';cur.style.top=my+'px';});\r\ndocument.querySelectorAll('a,button,.wt,.hli,.gi').forEach(el=>{\r\n  el.addEventListener('mouseenter',()=>cur.classList.add('big'));\r\n  el.addEventListener('mouseleave',()=>cur.classList.remove('big'));\r\n});\r\n\r\nconst SIDS=['s1','s2','s3','s4'];\r\nconst BGS=['#e8e6e1','#1a1a1a','#f0ede8','#1a1a1a'];\r\nconst ZC=[\r\n  {t:'VINCENZO',tc:'#1a1a1a',fc:'#1a1a1a'},\r\n  {t:'ABOUT',tc:'#e8e6e1',fc:'#f0ede8'},\r\n  {t:'THE WORK',tc:'#1a1a1a',fc:'#1a1a1a'},\r\n  {t:'HISTORY',tc:'#c9a84c',fc:'#0d0d0d'},\r\n];\r\nlet cur_s=0,busy=false;\r\nconst zo=document.getElementById('zo');\r\nconst zt=document.getElementById('zt');\r\n\r\nfunction h2r(h){const r=parseInt(h.slice(1,3),16),g=parseInt(h.slice(3,5),16),b=parseInt(h.slice(5,7),16);return[r,g,b];}\r\n\r\nfunction zoomGo(from,to){\r\n  busy=true;\r\n  const cfg=ZC[from];\r\n  zt.textContent=cfg.t;zt.style.color=cfg.tc;\r\n  zo.style.opacity='1';zo.style.background='transparent';\r\n  zt.style.transform='scale(1)';zt.style.opacity='1';\r\n  const [r,g,b]=h2r(cfg.fc);\r\n  const dur1=700,start1=performance.now();\r\n  function p1(now){\r\n    const t=Math.min((now-start1)\/dur1,1);\r\n    const e3=t<.5?4*t*t*t:1-Math.pow(-2*t+2,3)\/2;\r\n    zt.style.transform=`scale(${1+e3*32})`;\r\n    zt.style.opacity=t<.55?1:1-((t-.55)\/.45);\r\n    zo.style.background=`rgba(${r},${g},${b},${Math.min(t*2.2,1)})`;\r\n    if(t<1){requestAnimationFrame(p1);}\r\n    else{\r\n      document.getElementById(SIDS[from]).classList.remove('on');\r\n      vvb.style.background=BGS[to];\r\n      const nel=document.getElementById(SIDS[to]);\r\n      nel.classList.add('on');nel.classList.remove('s-in');\r\n      void nel.offsetWidth;nel.classList.add('s-in');\r\n      updateNav(to);\r\n      if(to===2)initWO();\r\n      if(to===3){setTimeout(()=>{\r\n        const ct=document.getElementById('contactTag');\r\n        const ch=document.getElementById('contactHl');\r\n        const ci=document.getElementById('contactIcons');\r\n        if(ct){ct.classList.remove('cr-visible');void ct.offsetWidth;ct.classList.add('cr-visible');}\r\n        if(ch){ch.classList.remove('cr-visible');void ch.offsetWidth;ch.classList.add('cr-visible');}\r\n        if(ci){ci.classList.remove('cr-visible');void ci.offsetWidth;ci.classList.add('cr-visible');}\r\n      },600);}\r\n      const start2=performance.now(),dur2=500;\r\n      function p2(n2){\r\n        const t2=Math.min((n2-start2)\/dur2,1);\r\n        zo.style.opacity=1-t2;\r\n        if(t2<1){requestAnimationFrame(p2);}\r\n        else{zo.style.opacity='0';zo.style.background='transparent';zt.style.transform='scale(1)';busy=false;}\r\n      }\r\n      requestAnimationFrame(p2);\r\n    }\r\n  }\r\n  requestAnimationFrame(p1);\r\n}\r\n\r\nfunction gto(idx){if(busy||idx===cur_s||idx<0||idx>=SIDS.length)return;const f=cur_s;cur_s=idx;zoomGo(f,idx);}\r\n\r\n\/* mobile menu - .nr is display:none under 768px, so this is the only way through on a phone *\/\r\nfunction setMenu(open){\r\n  const m=document.getElementById('mm'),b=document.getElementById('nt');\r\n  if(!m||!b)return;\r\n  m.classList.toggle('open',open);\r\n  b.classList.toggle('open',open);\r\n  b.setAttribute('aria-expanded',open?'true':'false');\r\n}\r\nfunction toggleMenu(){const m=document.getElementById('mm');setMenu(!(m&&m.classList.contains('open')));}\r\nfunction mgo(i){setMenu(false);gto(i);}\r\n\r\n\/* Contact is not its own section - it sits inside s4 below Work History,\r\n   and the gallery sits below IT, so scroll to the block, not to the end. *\/\r\nfunction scrollToContact(){\r\n  const s4=document.getElementById('s4');\r\n  if(!s4)return;\r\n  const top=s4.scrollHeight;              \/* Contact snaps to the very bottom *\/\r\n  s4.scrollTop=top;\r\n  try{s4.scrollTo({top:top,behavior:'smooth'});}catch(e){}\r\n}\r\nfunction gcontact(){\r\n  if(cur_s===3){scrollToContact();return;}\r\n  gto(3);\r\n  setTimeout(scrollToContact,1300);   \/* after the 700+500ms wipe finishes *\/\r\n}\r\nfunction mcontact(){setMenu(false);gcontact();}\r\n\r\n\/* History and Contact are the SAME section (s4). gto() early-returns when you are\r\n   already on it, so each needs to set the scroll position itself. *\/\r\nfunction scrollHistoryTop(){const s4=document.getElementById('s4');if(!s4)return;\r\n  s4.scrollTop=0;try{s4.scrollTo({top:0,behavior:'smooth'});}catch(e){}}\r\nfunction ghistory(){\r\n  if(cur_s===3){scrollHistoryTop();return;}\r\n  gto(3);\r\n  setTimeout(scrollHistoryTop,1300);\r\n}\r\nfunction mhistory(){setMenu(false);ghistory();}\r\n\r\nlet lw=0;\r\nwindow.addEventListener('wheel',e=>{\r\n  const now=Date.now();if(now-lw<520)return;\r\n  const a=document.getElementById(SIDS[cur_s]);\r\n  const oy=getComputedStyle(a).overflowY;\r\n  const sc=a.scrollHeight>a.clientHeight+2&&(oy==='auto'||oy==='scroll');\r\n  if(sc){\r\n    const ab=a.scrollTop+a.clientHeight>=a.scrollHeight-4;\r\n    const at=a.scrollTop<=4;\r\n    if(e.deltaY>0&&!ab)return;\r\n    if(e.deltaY<0&&!at)return;\r\n  }\r\n  lw=now;\r\n  if(e.deltaY>30)gto(cur_s+1);else if(e.deltaY<-30)gto(cur_s-1);\r\n},{passive:true});\r\n\r\nlet ty=0,txStart=0;\r\nwindow.addEventListener('touchstart',e=>{\r\n  if(e.target.closest('#gs'))return;\r\n  ty=e.touches[0].clientY;txStart=e.touches[0].clientX;\r\n},{passive:true});\r\nwindow.addEventListener('touchend',e=>{\r\n  if(e.target.closest('#gs'))return;\r\n  const dy=ty-e.changedTouches[0].clientY;\r\n  const dx=txStart-e.changedTouches[0].clientX;\r\n  if(Math.abs(dx)>Math.abs(dy))return;\r\n  if(Math.abs(dy)>55){\r\n    const a=document.getElementById(SIDS[cur_s]);\r\n    const oy=getComputedStyle(a).overflowY;\r\n  const sc=a.scrollHeight>a.clientHeight+2&&(oy==='auto'||oy==='scroll');\r\n    if(sc){\r\n      const ab=a.scrollTop+a.clientHeight>=a.scrollHeight-4;\r\n      const at=a.scrollTop<=4;\r\n      if(dy>0&&!ab)return;if(dy<0&&!at)return;\r\n    }\r\n    if(dy>0)gto(cur_s+1);else gto(cur_s-1);\r\n  }\r\n});\r\n\r\nconst bc=document.getElementById('bc');\r\nconst bx2=bc.getContext('2d');\r\nconst blurImg=document.getElementById('blurImg');\r\nconst maskCanvas=document.createElement('canvas');\r\nconst mCtx=maskCanvas.getContext('2d');\r\nlet bpx=-999,bpy=-999,bph=false;\r\nfunction rbc(){const W=window.innerWidth,H=window.innerHeight;bc.width=W;bc.height=H;maskCanvas.width=W;maskCanvas.height=H;mCtx.fillStyle='rgba(0,0,0,1)';mCtx.fillRect(0,0,W,H);}\r\nrbc();\r\nwindow.addEventListener('resize',rbc);\r\nblurImg.style.opacity='0';\r\nfunction cutHole(x,y,r){mCtx.save();mCtx.globalCompositeOperation='destination-out';const g=mCtx.createRadialGradient(x,y,0,x,y,r);g.addColorStop(0,'rgba(0,0,0,1)');g.addColorStop(0.5,'rgba(0,0,0,0.9)');g.addColorStop(0.85,'rgba(0,0,0,0.2)');g.addColorStop(1,'rgba(0,0,0,0)');mCtx.fillStyle=g;mCtx.beginPath();mCtx.arc(x,y,r,0,Math.PI*2);mCtx.fill();mCtx.restore();}\r\nconst s1e=document.getElementById('s1');\r\ns1e.addEventListener('mousemove',e=>{bpx=e.clientX;bpy=e.clientY;bph=true;cutHole(bpx,bpy,170);if(Math.random()>.5)cutHole(bpx+(Math.random()-.5)*80,bpy+(Math.random()-.5)*80,55+Math.random()*55);});\r\ns1e.addEventListener('mouseleave',()=>{bph=false;});\r\nfunction bloop(){\r\n  const W=bc.width,H=bc.height;bx2.clearRect(0,0,W,H);\r\n  if(blurImg.complete&&blurImg.naturalWidth>0){\r\n    const iw=blurImg.naturalWidth,ih=blurImg.naturalHeight;\r\n    const scale=Math.max(W\/iw,H\/ih);\r\n    const dw=iw*scale,dh=ih*scale;\r\n    bx2.drawImage(blurImg,(W-dw)\/2,(H-dh)\/2,dw,dh);\r\n    bx2.save();bx2.globalCompositeOperation='destination-in';bx2.drawImage(maskCanvas,0,0);bx2.restore();\r\n    if(bph){bx2.save();bx2.globalCompositeOperation='destination-out';bx2.globalAlpha=0.4;const g=bx2.createRadialGradient(bpx,bpy,0,bpx,bpy,110);g.addColorStop(0,'rgba(0,0,0,0.6)');g.addColorStop(0.6,'rgba(0,0,0,0.15)');g.addColorStop(1,'rgba(0,0,0,0)');bx2.fillStyle=g;bx2.beginPath();bx2.arc(bpx,bpy,110,0,Math.PI*2);bx2.fill();bx2.restore();}\r\n  }else{bx2.fillStyle='rgba(232,230,225,1)';bx2.fillRect(0,0,W,H);}\r\n  requestAnimationFrame(bloop);\r\n}\r\nconst COARSE=window.matchMedia&&window.matchMedia('(hover:none) and (pointer:coarse)').matches;\r\nif(COARSE){ bc.style.display='none'; }   \/* clear image, no reveal layer *\/\r\nelse { bloop(); }\r\n\r\nfunction initWO(){\r\n  const items=document.querySelectorAll('.wi');\r\n  const ob=new IntersectionObserver(es=>{es.forEach((e,i)=>{if(e.isIntersecting)setTimeout(()=>e.target.classList.add('vis'),i*90);});},{threshold:.1,root:document.getElementById('s3')});\r\n  items.forEach(i=>ob.observe(i));\r\n}\r\ninitWO();\r\n\r\nconst gs=document.getElementById('gs');\r\nlet gAuto=true;\r\nfunction gFocus(){const items=gs.querySelectorAll('.gi');const cc=gs.scrollLeft+gs.clientWidth\/2;let cl=null,cd=Infinity;items.forEach(i=>{const ic=i.offsetLeft+i.offsetWidth\/2;const d=Math.abs(ic-cc);if(d<cd){cd=d;cl=i;}});items.forEach(i=>i.classList.toggle('cf',i===cl));}\r\ngs.addEventListener('scroll',gFocus,{passive:true});\r\nfunction gRun(){if(gAuto&&cur_s===3){gs.scrollLeft+=.9;if(gs.scrollLeft>=gs.scrollWidth-gs.clientWidth)gs.scrollLeft=0;gFocus();}requestAnimationFrame(gRun);}\r\ngRun();gFocus();\r\n\r\nlet isDragging=false,dragStartX=0,dragScrollStart=0,totalDrag=0;\r\nconst DRAG_THRESHOLD=6;\r\ngs.addEventListener('mousedown',e=>{isDragging=true;gAuto=false;dragStartX=e.clientX;dragScrollStart=gs.scrollLeft;totalDrag=0;gs.style.cursor='grabbing';e.preventDefault();});\r\nwindow.addEventListener('mousemove',e=>{if(!isDragging)return;const dx=e.clientX-dragStartX;totalDrag=Math.abs(dx);gs.scrollLeft=dragScrollStart-dx;gFocus();});\r\nwindow.addEventListener('mouseup',e=>{if(!isDragging)return;gs.style.cursor='grab';const wasTap=totalDrag<DRAG_THRESHOLD;isDragging=false;setTimeout(()=>{gAuto=true;},2000);if(wasTap){const target=e.target.closest('.gi');if(target){const img=target.querySelector('img');if(img)openLB(img.src);}}});\r\nlet tDragStartX=0,tScrollStart=0,tTotalDrag=0;\r\ngs.addEventListener('touchstart',e=>{gAuto=false;tDragStartX=e.touches[0].clientX;tScrollStart=gs.scrollLeft;tTotalDrag=0;},{passive:true});\r\ngs.addEventListener('touchmove',e=>{const dx=e.touches[0].clientX-tDragStartX;tTotalDrag=Math.abs(dx);gs.scrollLeft=tScrollStart-dx;gFocus();},{passive:true});\r\ngs.addEventListener('touchend',e=>{setTimeout(()=>{gAuto=true;},2000);if(tTotalDrag<DRAG_THRESHOLD){const target=e.target.closest('.gi');if(target){const img=target.querySelector('img');if(img)openLB(img.src);}}});\r\ngs.addEventListener('mouseleave',()=>{if(!isDragging)gAuto=true;});\r\n\r\nconst lb=document.getElementById('lb');\r\nconst lbImg=document.getElementById('lb-img');\r\nconst lbClose=document.getElementById('lb-close');\r\nconst giImgs=[...document.querySelectorAll('.gi img')].map(i=>i.src);\r\nlet lbCurrent=0;\r\nfunction openLB(src){lbCurrent=giImgs.indexOf(src);if(lbCurrent===-1)lbCurrent=0;lbImg.src=giImgs[lbCurrent];lb.classList.add('open');}\r\nfunction closeLB(){lb.classList.remove('open');setTimeout(()=>{lbImg.src='';},400);}\r\nfunction lbPrev(){lbCurrent=(lbCurrent-1+giImgs.length)%giImgs.length;lbImg.style.opacity='0';setTimeout(()=>{lbImg.src=giImgs[lbCurrent];lbImg.style.opacity='1';},180);}\r\nfunction lbNext(){lbCurrent=(lbCurrent+1)%giImgs.length;lbImg.style.opacity='0';setTimeout(()=>{lbImg.src=giImgs[lbCurrent];lbImg.style.opacity='1';},180);}\r\nconst lbPrevBtn=document.getElementById('lb-prev');\r\nconst lbNextBtn=document.getElementById('lb-next');\r\nlbPrevBtn.addEventListener('click',e=>{e.stopPropagation();lbPrev();});\r\nlbNextBtn.addEventListener('click',e=>{e.stopPropagation();lbNext();});\r\n[lbPrevBtn,lbNextBtn].forEach(b=>{b.addEventListener('mouseenter',()=>cur.classList.add('big'));b.addEventListener('mouseleave',()=>cur.classList.remove('big'));});\r\nlbClose.addEventListener('click',closeLB);\r\nlb.addEventListener('click',e=>{if(e.target===lb)closeLB();});\r\ndocument.addEventListener('keydown',e=>{if(e.key==='Escape')closeLB();if(e.key==='ArrowLeft')lbPrev();if(e.key==='ArrowRight')lbNext();});\r\n\r\nvvb.style.background=BGS[0];\r\nfunction updateNav(idx){\r\n  const n=document.querySelector('nav');\r\n  const hide=idx===0;\r\n  \/* page 1 hides the wordmark and the links so the hero runs clean - but NOT the\r\n     hamburger, which is the only way through on a phone (.nr is display:none there) *\/\r\n  n.style.opacity='1';\r\n  n.style.pointerEvents='all';\r\n  const nl=n.querySelector('.nl'), nr=n.querySelector('.nr');\r\n  if(nl){nl.style.opacity=hide?'0':'1';nl.style.pointerEvents=hide?'none':'all';}\r\n  if(nr){nr.style.opacity=hide?'0':'1';nr.style.pointerEvents=hide?'none':'all';}\r\n}\r\nupdateNav(0);\r\n\r\ndocument.getElementById('s4').addEventListener('scroll',function(){\r\n  const ct=document.getElementById('contactTag');\r\n  if(!ct)return;\r\n  if(ct.getBoundingClientRect().top<window.innerHeight*.95){\r\n    ct.classList.add('cr-visible');\r\n    const ch=document.getElementById('contactHl');\r\n    const ci=document.getElementById('contactIcons');\r\n    if(ch)ch.classList.add('cr-visible');\r\n    if(ci)ci.classList.add('cr-visible');\r\n  }\r\n},{passive:true});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ff0e002 e-flex e-con-boxed e-con e-parent\" data-id=\"ff0e002\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6fd007e e-flex e-con-boxed e-con e-parent\" data-id=\"6fd007e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-04ea3a3 e-con e-atomic-element e-flexbox-base \" data-id=\"04ea3a3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"04ea3a3\">\n    \t\t\t<img decoding=\"async\" class=\"e-image-base \" data-interaction-id=\"ffca0b2\" src=\"https:\/\/vincenzo.co.za\/wp-content\/plugins\/elementor\/assets\/images\/placeholder-v4.svg\" alt=\"\"\/>\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-7dbaa50 e-flex e-con-boxed e-con e-parent\" data-id=\"7dbaa50\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-64404e6 e-con e-atomic-element e-flexbox-base \" data-id=\"64404e6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"64404e6\">\n    \t\t\t<img decoding=\"async\" class=\"e-image-base \" data-interaction-id=\"792d767\" src=\"https:\/\/vincenzo.co.za\/wp-content\/plugins\/elementor\/assets\/images\/placeholder-v4.svg\" alt=\"\"\/>\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-7aa9aa4 e-flex e-con-boxed e-con e-parent\" data-id=\"7aa9aa4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1535e19 e-flex e-con-boxed e-con e-parent\" data-id=\"1535e19\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3986d12 e-flex e-con-boxed e-con e-parent\" data-id=\"3986d12\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-801f530 e-flex e-con-boxed e-con e-parent\" data-id=\"801f530\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-df82fe6 e-con e-atomic-element e-div-block-base \" data-id=\"df82fe6\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"df82fe6\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-0f83421 e-flex e-con-boxed e-con e-parent\" data-id=\"0f83421\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e338c4e e-flex e-con-boxed e-con e-parent\" data-id=\"e338c4e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e5af82c e-flex e-con-boxed e-con e-parent\" data-id=\"e5af82c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fca1bbc e-flex e-con-boxed e-con e-parent\" data-id=\"fca1bbc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-adb6091 e-flex e-con-boxed e-con e-parent\" data-id=\"adb6091\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-35cae85 e-flex e-con-boxed e-con e-parent\" data-id=\"35cae85\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b3c10ed e-flex e-con-boxed e-con e-parent\" data-id=\"b3c10ed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d576ff4 e-flex e-con-boxed e-con e-parent\" data-id=\"d576ff4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-96e97f4 e-flex e-con-boxed e-con e-parent\" data-id=\"96e97f4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-203e85b e-flex e-con-boxed e-con e-parent\" data-id=\"203e85b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a841485 e-flex e-con-boxed e-con e-parent\" data-id=\"a841485\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-60bd416 e-flex e-con-boxed e-con e-parent\" data-id=\"60bd416\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9b209e1 e-flex e-con-boxed e-con e-parent\" data-id=\"9b209e1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3d70fd1 e-flex e-con-boxed e-con e-parent\" data-id=\"3d70fd1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1aec819 e-flex e-con-boxed e-con e-parent\" data-id=\"1aec819\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c6ad999 e-flex e-con-boxed e-con e-parent\" data-id=\"c6ad999\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>VVB About Work History Contact About Work History Contact Creative Director &nbsp;&middot;&nbsp; Art Director &nbsp;&middot;&nbsp; Concept Creator VINCENZO AKA VINCENT VAN DER BYL A decade of real world advertising.Ideas that sell. Work that moves. Scroll to explore Move cursor over image to reveal About Creative BUILT FROM THE REAL WORLD. A decade on real shoots, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home - Vincenzo<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/vincenzo.co.za\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - Vincenzo\" \/>\n<meta property=\"og:description\" content=\"VVB About Work History Contact About Work History Contact Creative Director &nbsp;&middot;&nbsp; Art Director &nbsp;&middot;&nbsp; Concept Creator VINCENZO AKA VINCENT VAN DER BYL A decade of real world advertising.Ideas that sell. Work that moves. Scroll to explore Move cursor over image to reveal About Creative BUILT FROM THE REAL WORLD. A decade on real shoots, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vincenzo.co.za\/\" \/>\n<meta property=\"og:site_name\" content=\"Vincenzo\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-13T12:22:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/okgroup.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"15 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/vincenzo.co.za\\\/\",\"url\":\"https:\\\/\\\/vincenzo.co.za\\\/\",\"name\":\"Home - Vincenzo\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/vincenzo.co.za\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/vincenzo.co.za\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/vincenzo.co.za\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/vincenzo.co.za\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/okgroup.png\",\"datePublished\":\"2026-05-12T16:14:45+00:00\",\"dateModified\":\"2026-09-13T12:22:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/vincenzo.co.za\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/vincenzo.co.za\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/vincenzo.co.za\\\/#primaryimage\",\"url\":\"https:\\\/\\\/vincenzo.co.za\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/okgroup.png\",\"contentUrl\":\"https:\\\/\\\/vincenzo.co.za\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/okgroup.png\",\"width\":1200,\"height\":675},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/vincenzo.co.za\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/vincenzo.co.za\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/vincenzo.co.za\\\/#website\",\"url\":\"https:\\\/\\\/vincenzo.co.za\\\/\",\"name\":\"Vincenzo\",\"description\":\"AKA VINCENT VAN DER BYL\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/vincenzo.co.za\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - Vincenzo","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/vincenzo.co.za\/","og_locale":"en_US","og_type":"article","og_title":"Home - Vincenzo","og_description":"VVB About Work History Contact About Work History Contact Creative Director &nbsp;&middot;&nbsp; Art Director &nbsp;&middot;&nbsp; Concept Creator VINCENZO AKA VINCENT VAN DER BYL A decade of real world advertising.Ideas that sell. Work that moves. Scroll to explore Move cursor over image to reveal About Creative BUILT FROM THE REAL WORLD. A decade on real shoots, [&hellip;]","og_url":"https:\/\/vincenzo.co.za\/","og_site_name":"Vincenzo","article_modified_time":"2026-09-13T12:22:18+00:00","og_image":[{"url":"https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/okgroup.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"15 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/vincenzo.co.za\/","url":"https:\/\/vincenzo.co.za\/","name":"Home - Vincenzo","isPartOf":{"@id":"https:\/\/vincenzo.co.za\/#website"},"primaryImageOfPage":{"@id":"https:\/\/vincenzo.co.za\/#primaryimage"},"image":{"@id":"https:\/\/vincenzo.co.za\/#primaryimage"},"thumbnailUrl":"https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/okgroup.png","datePublished":"2026-05-12T16:14:45+00:00","dateModified":"2026-09-13T12:22:18+00:00","breadcrumb":{"@id":"https:\/\/vincenzo.co.za\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vincenzo.co.za\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/vincenzo.co.za\/#primaryimage","url":"https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/okgroup.png","contentUrl":"https:\/\/vincenzo.co.za\/wp-content\/uploads\/2026\/08\/okgroup.png","width":1200,"height":675},{"@type":"BreadcrumbList","@id":"https:\/\/vincenzo.co.za\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/vincenzo.co.za\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/vincenzo.co.za\/#website","url":"https:\/\/vincenzo.co.za\/","name":"Vincenzo","description":"AKA VINCENT VAN DER BYL","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/vincenzo.co.za\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/vincenzo.co.za\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vincenzo.co.za\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vincenzo.co.za\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vincenzo.co.za\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vincenzo.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":60,"href":"https:\/\/vincenzo.co.za\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":156,"href":"https:\/\/vincenzo.co.za\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/156"}],"wp:attachment":[{"href":"https:\/\/vincenzo.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}