{"id":1250,"date":"2026-06-02T17:33:26","date_gmt":"2026-06-02T17:33:26","guid":{"rendered":"https:\/\/www.rafaelmonzillo.com\/2026\/tudao\/"},"modified":"2026-06-02T18:34:25","modified_gmt":"2026-06-02T18:34:25","slug":"tudao","status":"publish","type":"page","link":"https:\/\/www.rafaelmonzillo.com\/2026\/tudao\/","title":{"rendered":"tud\u00e3o"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1250\" class=\"elementor elementor-1250 elementor-bc-flex-widget\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d234d33 e-con-full e-flex e-con e-parent\" data-id=\"d234d33\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e500fb3 elementor-widget elementor-widget-html\" data-id=\"e500fb3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"s2026-tudao\">\n  <style>\n    \/* ============================================================\n       \/tudao \/ THE WHOLE BIG EVERYTHING\n       A single alphabetical ledger of all 23 projects.\n       Device: a CALL-SHEET \/ ledger. Every row is one line item on\n       a continuous 1px black rule system, locked to a 4-column mono\n       grid (index \u00b7 tag-gutter \u00b7 name \u00b7 baseline filing-code).\n       Teal is structural INK, not decoration: the running counter,\n       the gutter ticks, the index hairlines. Built for v2 hover +\n       lightbox: each row is a <button> with data-attrs + an empty\n       .row__peek layer reserved, no rewrite needed.\n       ============================================================ *\/\n\n    #s2026-tudao {\n      isolation: isolate;\n      --ink: #000000;\n      --paper: #FFFFFF;\n      --teal: #3FB4C5;\n      --gray: #717171;\n      --haze: #F4F4F4;\n\n      --rule: 1px solid var(--ink);\n      --display: \"Dirtyline 36Daysoftype 2022\", \"IBM Plex Sans\", sans-serif;\n      --mono: \"IBM Plex Mono\", ui-monospace, monospace;\n      --sans: \"IBM Plex Sans\", system-ui, sans-serif;\n\n      background: var(--paper);\n      color: var(--ink);\n      font-family: var(--sans);\n      -webkit-font-smoothing: antialiased;\n      text-rendering: optimizeLegibility;\n      width: 100%;\n      box-sizing: border-box;\n    }\n    #s2026-tudao *,\n    #s2026-tudao *::before,\n    #s2026-tudao *::after { box-sizing: border-box; }\n\n    \/* ---- masthead -------------------------------------------- *\/\n    #s2026-tudao .head {\n      padding: clamp(28px, 6vw, 88px) clamp(20px, 6vw, 96px) 0;\n    }\n    #s2026-tudao .head__kicker {\n      font-family: var(--mono);\n      font-size: clamp(10px, 1.1vw, 13px);\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n      color: var(--gray);\n      display: flex;\n      gap: 0.9em;\n      align-items: baseline;\n    }\n    #s2026-tudao .head__kicker b {\n      color: var(--ink);\n      font-weight: 600;\n    }\n    #s2026-tudao .head__count {\n      margin-left: auto;\n      color: var(--teal);\n      font-weight: 600;\n    }\n    #s2026-tudao .head__title {\n      font-family: var(--display);\n      font-weight: 400;\n      line-height: 0.82;\n      letter-spacing: -0.01em;\n      margin: 0.18em 0 0.06em;\n      font-size: clamp(24px, 3vw, 40px);\n      text-transform: lowercase;\n    }\n    #s2026-tudao .head__sub {\n      font-family: var(--mono);\n      font-size: clamp(11px, 1.2vw, 14px);\n      color: var(--gray);\n      max-width: 62ch;\n      line-height: 1.55;\n      margin: 0 0 clamp(18px, 3vw, 34px);\n    }\n    #s2026-tudao .head__sub strong { color: var(--ink); font-weight: 600; }\n\n    \/* ---- the ledger ------------------------------------------ *\/\n    #s2026-tudao .ledger {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n      border-top: var(--rule);\n      counter-reset: none;\n    }\n\n    #s2026-tudao .row {\n      \/* reset button *\/\n      appearance: none;\n      -webkit-appearance: none;\n      background: transparent;\n      border: 0;\n      border-bottom: var(--rule);\n      width: 100%;\n      text-align: left;\n      font: inherit;\n      color: inherit;\n      cursor: default; \/* v1 static \/ no links yet *\/\n\n      display: grid;\n      grid-template-columns:\n        clamp(56px, 6vw, 88px)   \/* index *\/\n        clamp(92px, 9vw, 128px)  \/* tag gutter *\/\n        1fr                       \/* name *\/\n        clamp(72px, 8vw, 132px); \/* filing code *\/\n      align-items: center;\n      column-gap: clamp(12px, 2vw, 28px);\n      padding: clamp(14px, 2.4vw, 30px) clamp(20px, 6vw, 96px);\n      position: relative;\n      isolation: isolate;\n    }\n\n    \/* index \/ mono, gray, with a teal hairline tick before it *\/\n    #s2026-tudao .row__idx {\n      font-family: var(--mono);\n      font-size: clamp(12px, 1.1vw, 14px);\n      color: var(--gray);\n      letter-spacing: 0.04em;\n      font-variant-numeric: tabular-nums;\n      position: relative;\n      padding-left: 1.4em;\n    }\n    #s2026-tudao .row__idx::before {\n      content: \"\";\n      position: absolute;\n      left: 0;\n      top: 50%;\n      width: 0.8em;\n      height: 1px;\n      background: var(--teal);\n      transform: translateY(-50%);\n    }\n\n    \/* tag gutter \/ mono label, WORK in ink, PERSONAL in teal *\/\n    #s2026-tudao .row__tag {\n      font-family: var(--mono);\n      font-size: clamp(9px, 0.95vw, 11px);\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n      display: inline-flex;\n      align-items: center;\n      gap: 0.55em;\n      white-space: nowrap;\n    }\n    #s2026-tudao .row__tag::before {\n      content: \"\";\n      width: 6px;\n      height: 6px;\n      flex: none;\n      background: currentColor;\n    }\n    #s2026-tudao .row[data-kind=\"work\"] .row__tag { color: var(--ink); }\n    #s2026-tudao .row[data-kind=\"personal\"] .row__tag { color: var(--teal); }\n    \/* personal tag uses a hollow square to read as \"awaiting \/ open\" *\/\n    #s2026-tudao .row[data-kind=\"personal\"] .row__tag::before {\n      background: transparent;\n      box-shadow: inset 0 0 0 1.5px var(--teal);\n    }\n\n    \/* the name \/ Dirtyline, mixed-caps kept VERBATIM *\/\n    #s2026-tudao .row__name {\n      font-family: var(--display);\n      font-weight: 400;\n      line-height: 0.92;\n      letter-spacing: -0.005em;\n      font-size: clamp(26px, 5.2vw, 64px);\n      color: var(--ink);\n    }\n    \/* untitled personal slots read quieter: they are placeholders *\/\n    #s2026-tudao .row[data-untitled=\"true\"] .row__name {\n      color: var(--gray);\n      font-family: var(--sans);\n      font-weight: 300;\n      font-size: clamp(17px, 2.6vw, 30px);\n      letter-spacing: 0.01em;\n      line-height: 1.05;\n    }\n\n    \/* filing code \/ far-right mono, decorative-but-systemic *\/\n    #s2026-tudao .row__code {\n      font-family: var(--mono);\n      font-size: clamp(9px, 0.9vw, 11px);\n      letter-spacing: 0.1em;\n      color: var(--gray);\n      text-align: right;\n      text-transform: uppercase;\n      font-variant-numeric: tabular-nums;\n    }\n\n    \/* every 4th row carries a faint haze band for scanning rhythm *\/\n    #s2026-tudao .row:nth-child(4n) { background: var(--haze); }\n\n    \/* reserved hover\/lightbox layer for v2 \/ present, inert in v1 *\/\n    #s2026-tudao .row__peek {\n      position: absolute;\n      inset: 0;\n      z-index: -1;\n      pointer-events: none;\n      opacity: 0;\n    }\n\n    \/* ---- footer rule line ------------------------------------ *\/\n    #s2026-tudao .foot {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 0.9em 2em;\n      align-items: baseline;\n      padding: clamp(18px, 3vw, 36px) clamp(20px, 6vw, 96px) clamp(40px, 7vw, 96px);\n      font-family: var(--mono);\n      font-size: clamp(10px, 1vw, 12px);\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n      color: var(--gray);\n    }\n    #s2026-tudao .foot b { color: var(--ink); font-weight: 600; }\n    #s2026-tudao .foot .teal { color: var(--teal); font-weight: 600; }\n\n    \/* ---- responsive: collapse the 4-col grid on small screens *\/\n    @media (max-width: 720px) {\n      #s2026-tudao .row {\n        grid-template-columns: clamp(44px, 14vw, 64px) 1fr;\n        grid-template-areas:\n          \"idx  tag\"\n          \"name name\";\n        row-gap: 0.5em;\n        column-gap: 14px;\n        padding: 18px clamp(16px, 6vw, 28px);\n        align-items: baseline;\n      }\n      #s2026-tudao .row__idx  { grid-area: idx; }\n      #s2026-tudao .row__tag  { grid-area: tag; justify-self: start; }\n      #s2026-tudao .row__name { grid-area: name; }\n      #s2026-tudao .row__code { display: none; } \/* drop filing code on mobile *\/\n      #s2026-tudao .head__sub { max-width: none; }\n    }\n\n    \/* reduced motion respected (v1 is static anyway) *\/\n    @media (prefers-reduced-motion: reduce) {\n      #s2026-tudao * { animation: none !important; transition: none !important; }\n    }\n      \/* link rows (added v2-links) *\/\n    #s2026-tudao a.row { text-decoration: none; color: inherit; cursor: pointer; }\n    \/* ===== MODE A v2 \u2014 faithful CodePen (Yudiz) hover ===== *\/\n    #s2026-tudao .tudao-peek{position:fixed;top:0;left:0;width:clamp(360px,48vw,690px);height:clamp(360px,48vw,690px);\n      z-index:-1;pointer-events:none;opacity:0;transition:opacity .7s ease;will-change:transform;}\n    #s2026-tudao .tudao-peek.is-on{opacity:0.5;}\n    #s2026-tudao .tudao-peek img{width:100%;height:100%;object-fit:cover;border-radius:16px;display:block;\n      transition:transform .7s cubic-bezier(.16,1,.3,1);}\n    #s2026-tudao .tudao-ball{width:70px;height:70px;position:fixed;top:0;left:0;border-radius:50%;pointer-events:none;\n      backdrop-filter:invert(1) grayscale(1);-webkit-backdrop-filter:invert(1) grayscale(1);z-index:99999;}\n    @media (hover:none){ #s2026-tudao .tudao-peek,#s2026-tudao .tudao-ball{display:none;} }\n  <\/style>\n\n  <header class=\"head\">\n    <p class=\"head__kicker\">\n      <b>RAFAEL MONZILLO<\/b><span>\/ index<\/span><span>2026<\/span>\n      <span class=\"head__count\">23 entries<\/span>\n    <\/p>\n    <h1 class=\"head__title\">tud\u00e3o<\/h1>\n    <p class=\"head__sub\">\n      The whole big everything. Every project, <strong>work<\/strong> and\n      <strong>personal<\/strong>, filed into one alphabetical run. No folders,\n      no front page, no favourites.\n    <\/p>\n  <\/header>\n\n  <ul class=\"ledger\" role=\"list\">\n    <li>\n      <a class=\"row\" href=\"https:\/\/www.rafaelmonzillo.com\/2026\/personal\/?open=s2g-abstrato\" data-kind=\"personal\" data-slug=\"s2g-abstrato\" data-index=\"01\" data-preview=\"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/uploads\/2026\/06\/Untitled-1.png\">\n        <span class=\"row__idx\">01<\/span>\n        <span class=\"row__tag\">personal<\/span>\n        <span class=\"row__name\">abstrato<\/span>\n        <span class=\"row__code\">PS \/ 01<\/span>\n        <span class=\"row__peek\" aria-hidden=\"true\"><\/span>\n      <\/a>\n    <\/li>\n    <li>\n      <a class=\"row\" href=\"https:\/\/www.rafaelmonzillo.com\/2026\/personal\/?open=s2g-baralho\" data-kind=\"personal\" data-slug=\"s2g-baralho\" data-index=\"02\" data-preview=\"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/uploads\/2026\/06\/jack_ESPADAS.jpg\">\n        <span class=\"row__idx\">02<\/span>\n        <span class=\"row__tag\">personal<\/span>\n        <span class=\"row__name\">Baralho<\/span>\n        <span class=\"row__code\">PS \/ 02<\/span>\n        <span class=\"row__peek\" aria-hidden=\"true\"><\/span>\n      <\/a>\n    <\/li>\n    <li>\n      <a class=\"row\" href=\"https:\/\/www.rafaelmonzillo.com\/2026\/personal\/?open=s2g-casulo\" data-kind=\"personal\" data-slug=\"s2g-casulo\" data-index=\"03\" data-preview=\"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/uploads\/2026\/06\/01-1.jpg\">\n        <span class=\"row__idx\">03<\/span>\n        <span class=\"row__tag\">personal<\/span>\n        <span class=\"row__name\">Casulo<\/span>\n        <span class=\"row__code\">PS \/ 03<\/span>\n        <span class=\"row__peek\" aria-hidden=\"true\"><\/span>\n      <\/a>\n    <\/li>\n    <li>\n      <a class=\"row\" href=\"https:\/\/www.rafaelmonzillo.com\/2026\/home-2026\/?open=job-decks\" data-kind=\"work\" data-slug=\"job-decks\" data-index=\"04\" data-preview=\"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/uploads\/2026\/06\/Layer-2-scaled-1.jpg\">\n        <span class=\"row__idx\">04<\/span>\n        <span class=\"row__tag\">work<\/span>\n        <span class=\"row__name\">dEcKs<\/span>\n        <span class=\"row__code\">WK \/ 04<\/span>\n        <span class=\"row__peek\" aria-hidden=\"true\"><\/span>\n      <\/a>\n    <\/li>\n    <li>\n      <a class=\"row\" href=\"https:\/\/www.rafaelmonzillo.com\/2026\/home-2026\/?open=job-filme\" data-kind=\"work\" data-slug=\"job-filme\" data-index=\"05\">\n        <span class=\"row__idx\">05<\/span>\n        <span class=\"row__tag\">work<\/span>\n        <span class=\"row__name\">fIlm<\/span>\n        <span class=\"row__code\">WK \/ 05<\/span>\n        <span class=\"row__peek\" aria-hidden=\"true\"><\/span>\n      <\/a>\n    <\/li>\n    <li>\n      <a class=\"row\" href=\"https:\/\/www.rafaelmonzillo.com\/2026\/home-2026\/?open=job-gooutside\" data-kind=\"work\" data-slug=\"job-gooutside\" data-index=\"06\" data-preview=\"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/uploads\/2026\/06\/outside1.webp\">\n        <span class=\"row__idx\">06<\/span>\n        <span class=\"row__tag\">work<\/span>\n        <span class=\"row__name\">Go OutSide<\/span>\n        <span class=\"row__code\">WK \/ 06<\/span>\n        <span class=\"row__peek\" aria-hidden=\"true\"><\/span>\n      <\/a>\n    <\/li>\n    <li>\n      <a class=\"row\" href=\"https:\/\/www.rafaelmonzillo.com\/2026\/personal\/?open=s2g-ilustras\" data-kind=\"personal\" data-slug=\"s2g-ilustras\" data-index=\"07\" data-preview=\"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/uploads\/2026\/06\/atma.jpg\">\n        <span class=\"row__idx\">07<\/span>\n        <span class=\"row__tag\">personal<\/span>\n        <span class=\"row__name\">Ilustras<\/span>\n        <span class=\"row__code\">PS \/ 07<\/span>\n        <span class=\"row__peek\" aria-hidden=\"true\"><\/span>\n      <\/a>\n    <\/li>\n    <li>\n      <a class=\"row\" href=\"https:\/\/www.rafaelmonzillo.com\/2026\/personal\/?open=s2g-kerius\" data-kind=\"personal\" data-slug=\"s2g-kerius\" data-index=\"08\" data-preview=\"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/uploads\/2026\/06\/Group-6-copy-2.jpg\">\n        <span class=\"row__idx\">08<\/span>\n        <span class=\"row__tag\">personal<\/span>\n        <span class=\"row__name\">Kerius<\/span>\n        <span class=\"row__code\">PS \/ 08<\/span>\n        <span class=\"row__peek\" aria-hidden=\"true\"><\/span>\n      <\/a>\n    <\/li>\n    <li>\n      <button class=\"row\" type=\"button\" data-kind=\"work\" data-slug=\"liga\" data-index=\"09\">\n        <span class=\"row__idx\">09<\/span>\n        <span class=\"row__tag\">work<\/span>\n        <span class=\"row__name\">lIga<\/span>\n        <span class=\"row__code\">WK \/ 09<\/span>\n        <span class=\"row__peek\" aria-hidden=\"true\"><\/span>\n      <\/button>\n    <\/li>\n    <li>\n      <a class=\"row\" href=\"https:\/\/www.rafaelmonzillo.com\/2026\/personal\/?open=s2g-lifesstories\" data-kind=\"personal\" data-slug=\"s2g-lifesstories\" data-index=\"10\" data-preview=\"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/uploads\/2026\/06\/bg-header8.jpg\">\n        <span class=\"row__idx\">10<\/span>\n        <span class=\"row__tag\">personal<\/span>\n        <span class=\"row__name\">missing face<\/span>\n        <span class=\"row__code\">PS \/ 10<\/span>\n        <span class=\"row__peek\" aria-hidden=\"true\"><\/span>\n      <\/a>\n    <\/li>\n    <li>\n      <a class=\"row\" href=\"https:\/\/www.rafaelmonzillo.com\/2026\/personal\/?open=s2g-miv\" data-kind=\"personal\" data-slug=\"s2g-miv\" data-index=\"11\" data-preview=\"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/uploads\/2026\/06\/Group-2-1-1536x1097-1.jpg\">\n        <span class=\"row__idx\">11<\/span>\n        <span class=\"row__tag\">personal<\/span>\n        <span class=\"row__name\">MIV<\/span>\n        <span class=\"row__code\">PS \/ 11<\/span>\n        <span class=\"row__peek\" aria-hidden=\"true\"><\/span>\n      <\/a>\n    <\/li>\n    <li>\n      <button class=\"row\" type=\"button\" data-kind=\"work\" data-slug=\"natura\" data-index=\"12\">\n        <span class=\"row__idx\">12<\/span>\n        <span class=\"row__tag\">work<\/span>\n        <span class=\"row__name\">naTurA<\/span>\n        <span class=\"row__code\">WK \/ 12<\/span>\n        <span class=\"row__peek\" aria-hidden=\"true\"><\/span>\n      <\/button>\n    <\/li>\n    <li>\n      <a class=\"row\" href=\"https:\/\/www.rafaelmonzillo.com\/2026\/personal\/?open=s2g-nin\" data-kind=\"personal\" data-slug=\"s2g-nin\" data-index=\"13\" data-preview=\"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/uploads\/2026\/06\/NINA_BRU_LUIZ.jpg\">\n        <span class=\"row__idx\">13<\/span>\n        <span class=\"row__tag\">personal<\/span>\n        <span class=\"row__name\">nin\u2363<\/span>\n        <span class=\"row__code\">PS \/ 13<\/span>\n        <span class=\"row__peek\" aria-hidden=\"true\"><\/span>\n      <\/a>\n    <\/li>\n    <li>\n      <a class=\"row\" href=\"https:\/\/www.rafaelmonzillo.com\/2026\/personal\/?open=s2g-nixon\" data-kind=\"personal\" data-slug=\"s2g-nixon\" data-index=\"14\" data-preview=\"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/uploads\/2026\/06\/ENSAIO_PRANCHA_IMPRESSAO-copy.jpg\">\n        <span class=\"row__idx\">14<\/span>\n        <span class=\"row__tag\">personal<\/span>\n        <span class=\"row__name\">nixon . baile<\/span>\n        <span class=\"row__code\">PS \/ 14<\/span>\n        <span class=\"row__peek\" aria-hidden=\"true\"><\/span>\n      <\/a>\n    <\/li>\n    <li>\n      <a class=\"row\" href=\"https:\/\/www.rafaelmonzillo.com\/2026\/home-2026\/?open=job-barulinho\" data-kind=\"work\" data-slug=\"job-barulinho\" data-index=\"15\" data-preview=\"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/uploads\/2026\/06\/Group-291.png\">\n        <span class=\"row__idx\">15<\/span>\n        <span class=\"row__tag\">work<\/span>\n        <span class=\"row__name\">Olha o BaRulinho<\/span>\n        <span class=\"row__code\">WK \/ 15<\/span>\n        <span class=\"row__peek\" aria-hidden=\"true\"><\/span>\n      <\/a>\n    <\/li>\n    <li>\n      <a class=\"row\" href=\"https:\/\/www.rafaelmonzillo.com\/2026\/personal\/?open=s2g-posters\" data-kind=\"personal\" data-slug=\"s2g-posters\" data-index=\"16\" data-preview=\"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/uploads\/2026\/06\/ASBUENO_SANTA_02.jpg\">\n        <span class=\"row__idx\">16<\/span>\n        <span class=\"row__tag\">personal<\/span>\n        <span class=\"row__name\">Posters<\/span>\n        <span class=\"row__code\">PS \/ 16<\/span>\n        <span class=\"row__peek\" aria-hidden=\"true\"><\/span>\n      <\/a>\n    <\/li>\n    <li>\n      <a class=\"row\" href=\"https:\/\/www.rafaelmonzillo.com\/2026\/personal\/?open=s2g-printads\" data-kind=\"personal\" data-slug=\"s2g-printads\" data-index=\"17\" data-preview=\"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/uploads\/2026\/06\/bnmbh-1536x1097-1.jpg\">\n        <span class=\"row__idx\">17<\/span>\n        <span class=\"row__tag\">personal<\/span>\n        <span class=\"row__name\">Print Ads<\/span>\n        <span class=\"row__code\">PS \/ 17<\/span>\n        <span class=\"row__peek\" aria-hidden=\"true\"><\/span>\n      <\/a>\n    <\/li>\n    <li>\n      <a class=\"row\" href=\"https:\/\/www.rafaelmonzillo.com\/2026\/home-2026\/?open=job-hp\" data-kind=\"work\" data-slug=\"job-hp\" data-index=\"18\" data-preview=\"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/uploads\/2026\/06\/fbdbra.jpg\">\n        <span class=\"row__idx\">18<\/span>\n        <span class=\"row__tag\">work<\/span>\n        <span class=\"row__name\">prInt for hElp<\/span>\n        <span class=\"row__code\">WK \/ 18<\/span>\n        <span class=\"row__peek\" aria-hidden=\"true\"><\/span>\n      <\/a>\n    <\/li>\n    <li>\n      <a class=\"row\" href=\"https:\/\/www.rafaelmonzillo.com\/2026\/home-2026\/?open=job-puma\" data-kind=\"work\" data-slug=\"job-puma\" data-index=\"19\" data-preview=\"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/uploads\/2026\/06\/Unti1112-1.jpg\">\n        <span class=\"row__idx\">19<\/span>\n        <span class=\"row__tag\">work<\/span>\n        <span class=\"row__name\">pUma X PalmEiraS<\/span>\n        <span class=\"row__code\">WK \/ 19<\/span>\n        <span class=\"row__peek\" aria-hidden=\"true\"><\/span>\n      <\/a>\n    <\/li>\n    <li>\n      <a class=\"row\" href=\"https:\/\/www.rafaelmonzillo.com\/2026\/personal\/?open=s2g-quadros\" data-kind=\"personal\" data-slug=\"s2g-quadros\" data-index=\"20\" data-preview=\"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/uploads\/2026\/06\/IMG-20151004-WA0005.jpeg\">\n        <span class=\"row__idx\">20<\/span>\n        <span class=\"row__tag\">personal<\/span>\n        <span class=\"row__name\">Quadros<\/span>\n        <span class=\"row__code\">PS \/ 20<\/span>\n        <span class=\"row__peek\" aria-hidden=\"true\"><\/span>\n      <\/a>\n    <\/li>\n    <li>\n      <a class=\"row\" href=\"https:\/\/www.rafaelmonzillo.com\/2026\/home-2026\/?open=job-social\" data-kind=\"work\" data-slug=\"job-social\" data-index=\"21\" data-preview=\"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/uploads\/2026\/06\/Layer-599.jpg\">\n        <span class=\"row__idx\">21<\/span>\n        <span class=\"row__tag\">work<\/span>\n        <span class=\"row__name\">sOcial<\/span>\n        <span class=\"row__code\">WK \/ 21<\/span>\n        <span class=\"row__peek\" aria-hidden=\"true\"><\/span>\n      <\/a>\n    <\/li>\n    <li>\n      <a class=\"row\" href=\"https:\/\/www.rafaelmonzillo.com\/2026\/home-2026\/?open=job-ups\" data-kind=\"work\" data-slug=\"job-ups\" data-index=\"22\" data-preview=\"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/uploads\/2026\/06\/Untitled-4.jpg\">\n        <span class=\"row__idx\">22<\/span>\n        <span class=\"row__tag\">work<\/span>\n        <span class=\"row__name\">uPs be UnstoppaBle<\/span>\n        <span class=\"row__code\">WK \/ 22<\/span>\n        <span class=\"row__peek\" aria-hidden=\"true\"><\/span>\n      <\/a>\n    <\/li>\n    <li>\n      <a class=\"row\" href=\"https:\/\/www.rafaelmonzillo.com\/2026\/personal\/?open=s2g-zin\" data-kind=\"personal\" data-slug=\"s2g-zin\" data-index=\"23\" data-preview=\"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/uploads\/2026\/06\/zin_base.jpg\">\n        <span class=\"row__idx\">23<\/span>\n        <span class=\"row__tag\">personal<\/span>\n        <span class=\"row__name\">Zin<\/span>\n        <span class=\"row__code\">PS \/ 23<\/span>\n        <span class=\"row__peek\" aria-hidden=\"true\"><\/span>\n      <\/a>\n    <\/li>\n  <\/ul>\n\n  <footer class=\"foot\">\n    <span><b>23<\/b> filed<\/span>\n    <span class=\"teal\">10 work<\/span>\n    <span>13 personal<\/span>\n    <span style=\"margin-left:auto;\">A \u2192 Z \/ no sections<\/span>\n  <\/footer>\n  <div class=\"tudao-peek\" aria-hidden=\"true\"><img alt=\"\" \/><\/div>\n  <div class=\"tudao-ball\" aria-hidden=\"true\"><\/div>\n  <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.13.0\/gsap.min.js\"><\/script>\n  <script>\n  (function(){\n    var root=document.getElementById('s2026-tudao'); if(!root) return;\n    if(matchMedia('(prefers-reduced-motion: reduce)').matches||matchMedia('(hover: none)').matches) return;\n    function start(){\n      if(typeof gsap==='undefined') return setTimeout(start,120);\n      var peek=root.querySelector('.tudao-peek'), pimg=peek.querySelector('img'), ball=root.querySelector('.tudao-ball');\n      \/\/ image follows cursor (X faithful + Y so it tracks the row)\n      var p={x:innerWidth\/2,y:innerHeight\/2}, m={x:p.x,y:p.y};\n      gsap.set(peek,{xPercent:-50,yPercent:-50});\n      var xs=gsap.quickSetter(peek,'x','px'), ys=gsap.quickSetter(peek,'y','px');\n      addEventListener('mousemove',function(e){m.x=e.clientX;m.y=e.clientY;});\n      gsap.ticker.add(function(){var dt=1-Math.pow(1-0.1,gsap.ticker.deltaRatio());\n        p.x+=(m.x-p.x)*dt; p.y+=(m.y-p.y)*dt; xs(p.x); ys(p.y);});\n      \/\/ tilt +\/-15 on direction, reset on stop (pen behavior)\n      var oldx=0,last=null,th=150,to;\n      addEventListener('mousemove',function(e){\n        if(last===null) last=e.clientX;\n        if(e.clientX<oldx && e.clientX<=last-th){ pimg.style.transform='rotate(-15deg)'; last=e.clientX; }\n        else if(e.clientX>oldx && e.clientX>=last+th){ pimg.style.transform='rotate(15deg)'; last=e.clientX; }\n        oldx=e.clientX; clearTimeout(to); to=setTimeout(function(){pimg.style.transform='rotate(0deg)';},100);\n      });\n      \/\/ name scramble (pen: iteration += 1\/3, 20ms)\n      var L=\"ABCDEFGHIJKLMNOPQRSTUVWXYZ\";\n      root.querySelectorAll('.row').forEach(function(el){\n        var h=el.querySelector('.row__name'); if(!h) return; h.dataset.value=h.textContent;\n        el.addEventListener('mouseenter',function(){\n          var s=el.getAttribute('data-preview'); if(s){ pimg.src=s; peek.classList.add('is-on'); }\n          var it=0; clearInterval(h._iv); h._iv=setInterval(function(){\n            h.textContent=h.dataset.value.split('').map(function(c,i){\n              return i<it?h.dataset.value[i]:(\/[A-Za-z]\/.test(c)?L[Math.floor(Math.random()*26)]:c); }).join('');\n            if(it>=h.dataset.value.length) clearInterval(h._iv); it+=1\/3;\n          },20);\n        });\n        el.addEventListener('mouseleave',function(){ peek.classList.remove('is-on'); clearInterval(h._iv); h.textContent=h.dataset.value; });\n      });\n      \/\/ inverting ball cursor (pen: 70px, invert+grayscale, lerp .08)\n      gsap.set(ball,{xPercent:-50,yPercent:-50});\n      var bp={x:innerWidth\/2,y:innerHeight\/2}, bm={x:bp.x,y:bp.y}, bx=gsap.quickSetter(ball,'x','px'), by=gsap.quickSetter(ball,'y','px');\n      addEventListener('mousemove',function(e){bm.x=e.clientX;bm.y=e.clientY;});\n      gsap.ticker.add(function(){var dt=1-Math.pow(1-0.08,gsap.ticker.deltaRatio());\n        bp.x+=(bm.x-bp.x)*dt; bp.y+=(bm.y-bp.y)*dt; bx(bp.x); by(bp.y);});\n    }\n    if(document.readyState!=='loading') start(); else document.addEventListener('DOMContentLoaded',start);\n  })();\n  <\/script>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","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-1250","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.rafaelmonzillo.com\/2026\/wp-json\/wp\/v2\/pages\/1250","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rafaelmonzillo.com\/2026\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.rafaelmonzillo.com\/2026\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.rafaelmonzillo.com\/2026\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rafaelmonzillo.com\/2026\/wp-json\/wp\/v2\/comments?post=1250"}],"version-history":[{"count":1,"href":"https:\/\/www.rafaelmonzillo.com\/2026\/wp-json\/wp\/v2\/pages\/1250\/revisions"}],"predecessor-version":[{"id":1251,"href":"https:\/\/www.rafaelmonzillo.com\/2026\/wp-json\/wp\/v2\/pages\/1250\/revisions\/1251"}],"wp:attachment":[{"href":"https:\/\/www.rafaelmonzillo.com\/2026\/wp-json\/wp\/v2\/media?parent=1250"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}