<!DOCTYPE html>
<html lang="pt-br">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="color-scheme" content="dark light" />
  <title>BRAIAN RIZZO · Criador de Conteúdo, Roteirista e Diretor</title>
  <link rel="stylesheet" href="css/style.css?v=1044">
  <script src="js/main.js?v=1044" defer></script>
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" crossorigin="anonymous">
  <link rel="dns-prefetch" href="https://braian.com.br">
  <link rel="preconnect" href="https://braian.com.br" crossorigin>
  <link rel="dns-prefetch" href="https://cdnjs.cloudflare.com">
  <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin>
  <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin>
  <link rel="preload" as="image" href="https://braian.com.br/imagens/fundo-v2.jpg" imagesizes="100vw" />
  <meta name="description" content="Braian Rizzo: roteirista, diretor, locutor, editor e criador de conteúdo desde 2008, com projetos que juntos ultrapassam 1 bilhão de visualizações.">
  <meta name="author" content="Braian Rizzo">
  <meta name="theme-color" content="#0b0c0f">
  <link rel="canonical" href="https://braian.com.br/">
  <meta name="robots" content="index,follow,max-image-preview:large">
  <meta property="og:type" content="website">
  <meta property="og:site_name" content="Braian Rizzo">
  <meta property="og:locale" content="pt_BR">
  <meta property="og:title" content="Braian Rizzo · Criador de Conteúdo, Roteirista e Diretor">
  <meta property="og:description" content="Criando conteúdo para a internet há mais de uma década e meia, desde quando o termo “criador de conteúdo” ainda nem existia. Presença nos bastidores de diversos projetos de sucesso e à frente de outros tantos, que juntos ultrapassam 1 bilhão de visualizações, sempre levando bom humor e criatividade para o público e grandes marcas.">
  <meta property="og:url" content="https://braian.com.br/">
  <meta property="og:image" content="https://braian.com.br/imagens/og/braian-og-1200x630.jpg?v=2">
  <meta property="og:image:secure_url" content="https://braian.com.br/imagens/og/braian-og-1200x630.jpg?v=2">
  <meta property="og:image:type" content="image/jpeg">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="630">
  <meta property="og:image:alt" content="Braian Rizzo · Roteirista, diretor, locutor, editor e criador de conteúdo">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Braian Rizzo · Criador de Conteúdo, Roteirista e Diretor">
  <meta name="twitter:description" content="Criando conteúdo para a internet há mais de uma década e meia, desde quando o termo “criador de conteúdo” ainda nem existia. Presença nos bastidores de diversos projetos de sucesso e à frente de outros tantos, que juntos ultrapassam 1 bilhão de visualizações, sempre levando bom humor e criatividade para o público e grandes marcas.">
  <meta name="twitter:image" content="https://braian.com.br/imagens/og/braian-og-1200x630.jpg?v=2">
  <meta name="referrer" content="no-referrer-when-downgrade">
  <meta http-equiv="Content-Security-Policy" content=" default-src 'self'; base-uri 'self'; script-src 'self' 'nonce-r4nd0mN0nc3-2025' https://www.googletagmanager.com https://www.google-analytics.com; connect-src 'self' https://www.google-analytics.com https://region1.google-analytics.com https://analytics.google.com https://stats.g.doubleclick.net https://www.googletagmanager.com; img-src 'self' https://braian.com.br data:; style-src 'self' https://cdnjs.cloudflare.com 'unsafe-inline'; font-src https://cdnjs.cloudflare.com data:; object-src 'none'; frame-ancestors 'self'; form-action 'self' mailto:; upgrade-insecure-requests; ">
  <script nonce="r4nd0mN0nc3-2025">
    window.dataLayer = window.dataLayer || [];
    function gtag(){ dataLayer.push(arguments); }
    gtag('consent', 'default', { ad_user_data: 'denied', ad_personalization: 'denied', ad_storage: 'denied', analytics_storage: 'granted', functionality_storage: 'granted', security_storage: 'granted' });
  </script>
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-Q2N604KPF6" nonce="r4nd0mN0nc3-2025"></script>
  <script nonce="r4nd0mN0nc3-2025">
    gtag('js', new Date());
    gtag('config', 'G-Q2N604KPF6', { anonymize_ip: true });
  </script>
  <script type="application/ld+json" nonce="r4nd0mN0nc3-2025">
  {
    "@context": "https://schema.org",
    "@graph": [
      {
        "@type": "ProfilePage",
        "@id": "https://braian.com.br/#page",
        "url": "https://braian.com.br/",
        "name": "Braian Rizzo · Criador de Conteúdo, Roteirista e Diretor",
        "inLanguage": "pt-BR",
        "isPartOf": { "@id": "https://braian.com.br/#website" },
        "mainEntity": { "@id": "https://braian.com.br/#braian" }
      },
      {
        "@type": "WebSite",
        "@id": "https://braian.com.br/#website",
        "url": "https://braian.com.br/",
        "name": "Braian Rizzo",
        "inLanguage": "pt-BR",
        "publisher": { "@id": "https://braian.com.br/#braian" }
      },
      {
        "@type": "Person",
        "@id": "https://braian.com.br/#braian",
        "name": "Braian Rizzo",
        "alternateName": "Sommelier de Comidas Duvidosas",
        "url": "https://braian.com.br/",
        "image": "https://braian.com.br/imagens/og/braian-og-1200x630.jpg",
        "jobTitle": "Roteirista, Diretor, Locutor, Editor e Criador de Conteúdo",
        "description": "Criando conteúdo para a internet desde 2008, com projetos que juntos ultrapassam 1 bilhão de visualizações. Criador das séries Sommelier Gastrocômico e Testando Hacks de Cozinha e do jogo diário Prat.ooo.",
        "nationality": { "@type": "Country", "name": "Brasil" },
        "knowsAbout": ["Roteiro", "Direção", "Locução", "Edição de vídeo", "Criação de conteúdo", "Podcasts", "Humor", "Gastronomia"],
        "hasOccupation": [
          { "@type": "Occupation", "name": "Roteirista" },
          { "@type": "Occupation", "name": "Diretor" },
          { "@type": "Occupation", "name": "Locutor" },
          { "@type": "Occupation", "name": "Editor de vídeo" },
          { "@type": "Occupation", "name": "Criador de conteúdo" }
        ],
        "sameAs": [
          "https://youtube.com/braian",
          "https://instagram.com/braianrizzo",
          "https://tiktok.com/@braianrizzo",
          "https://facebook.com/profile.php?id=61572933249224",
          "https://prat.ooo"
        ]
      }
    ]
  }
  </script>
</head>
<body>
  <a class="skip-link" href="#topo">Pular para o conteúdo</a>
  <header class="site" role="banner">
    <div class="container nav">
      <a href="#topo" class="brand">BRAIAN RIZZO<span class="brand-dot">.</span></a>
      <nav aria-label="Navegação principal">
        <ul>
          <li><a href="#sobre">Sobre</a></li>
          <li><a href="#timeline">Projetos</a></li>
          <li><a href="#marcas">Marcas</a></li>
          <li><a href="#contato">Contato</a></li>
        </ul>
      </nav>
      <div class="socials" aria-label="Redes sociais">
        <a href="https://youtube.com/braian" target="_blank" rel="me noopener noreferrer" aria-label="YouTube"><i class="fab fa-youtube" aria-hidden="true"></i></a>
        <a href="https://instagram.com/braianrizzo" target="_blank" rel="me noopener noreferrer" aria-label="Instagram"><i class="fab fa-instagram" aria-hidden="true"></i></a>
        <a href="https://tiktok.com/@braianrizzo" target="_blank" rel="me noopener noreferrer" aria-label="TikTok"><i class="fab fa-tiktok" aria-hidden="true"></i></a>
        <a href="https://facebook.com/profile.php?id=61572933249224" target="_blank" rel="me noopener noreferrer" aria-label="Facebook"><i class="fab fa-facebook" aria-hidden="true"></i></a>
      </div>
    </div>
  </header>
  <main id="topo" tabindex="-1">
    <section id="sobre" class="hero hero-bg">
      <div class="container">
        <div class="masthead-name">BRAIAN<br>RIZZO<span class="brand-dot">.</span></div>
        <div class="wrap">
          <div class="hero-copy">
            <p class="hero-kicker">Muito além do Sommelier de Comidas&nbsp;Duvidosas</p>
            <h1>ROTEIRISTA, DIRETOR, LOCUTOR, EDITOR E CRIADOR DE CONTEÚDO</h1>
            <p class="sub">
              Criando conteúdo para a internet há mais de <strong><span id="anos-carreira">17</span> anos</strong>,
              desde quando o termo “criador de conteúdo” ainda nem existia.
              Presença nos bastidores de diversos projetos de sucesso e à frente de outros tantos, que juntos ultrapassam
              <strong>1 bilhão de visualizações</strong>, sempre levando bom humor e criatividade para o público e grandes marcas.
            </p>
            <div class="hero-cta">
              <a href="#contato" class="tl-btn tl-btn--brand hero-cta-btn">
                <i class="fas fa-paper-plane" aria-hidden="true"></i> Fale comigo
              </a>
              <a href="https://braian.com.br/mediakit" target="_blank" rel="noopener noreferrer" class="tl-btn hero-cta-btn hero-cta-btn--ghost">
                <i class="fas fa-folder-open" aria-hidden="true"></i> Media kit
              </a>
            </div>
            <div class="stats" aria-label="Principais números">
              <div class="tag">
                <i class="fas fa-hourglass-half" aria-hidden="true"></i>
                <span class="t"><strong id="anos-carreira-tag">17+</strong> anos de trajetória online</span>
              </div>
              <div class="tag">
                <i class="fas fa-chart-line" aria-hidden="true"></i>
                <span class="t"><strong>1B+</strong> visualizações acumuladas</span>
              </div>
              <div class="tag">
                <i class="fas fa-handshake" aria-hidden="true"></i>
                <span class="t">Grandes marcas parceiras</span>
              </div>
              <div class="tag">
                <i class="fas fa-pen" aria-hidden="true"></i>
                <span class="t">Escrita versátil</span>
              </div>
              <div class="tag">
                <i class="fas fa-video" aria-hidden="true"></i>
                <span class="t">Mais de uma década em audiovisual</span>
              </div>
              <div class="tag">
                <i class="fas fa-users" aria-hidden="true"></i>
                <span class="t">Comunidades engajadas e ativas</span>
              </div>
            </div>
          </div>
          <div class="hero-side">
            <figure class="hero-portrait">
              <a href="#topo" aria-label="Voltar ao topo">
                <picture>
                  <source media="(max-width:900px)" srcset="https://braian.com.br/imagens/braian-480.png">
                  <img src="https://braian.com.br/imagens/braian-640.png" width="640" height="851" fetchpriority="high" decoding="async" draggable="false" alt="Braian Rizzo">
                </picture>
              </a>
            </figure>
            <div class="hero-socials" aria-label="Redes sociais (atalhos)">
              <a href="https://youtube.com/braian" target="_blank" rel="me noopener noreferrer" aria-label="YouTube"><i class="fab fa-youtube" aria-hidden="true"></i></a>
              <a href="https://instagram.com/braianrizzo" target="_blank" rel="me noopener noreferrer" aria-label="Instagram"><i class="fab fa-instagram" aria-hidden="true"></i></a>
              <a href="https://tiktok.com/@braianrizzo" target="_blank" rel="me noopener noreferrer" aria-label="TikTok"><i class="fab fa-tiktok" aria-hidden="true"></i></a>
              <a href="https://facebook.com/profile.php?id=61572933249224" target="_blank" rel="me noopener noreferrer" aria-label="Facebook"><i class="fab fa-facebook" aria-hidden="true"></i></a>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section id="timeline" class="container" aria-labelledby="timeline-title">
      <h2 id="timeline-title">Por onde andei</h2>

      <div class="now-wrap">
        <div class="now-head">
          <span class="now-live"><span class="now-dot" aria-hidden="true"></span> No ar agora</span>
        </div>
        <div class="now-grid">
          <a class="now-card now-card--link" href="https://prat.ooo" target="_blank" rel="noopener noreferrer">
            <div class="now-thumb"><img loading="lazy" decoding="async" src="https://braian.com.br/imagens/pratododia.jpg" alt="Prat.ooo"></div>
            <div class="now-body">
              <h3 class="now-name">Prat.ooo <i class="fas fa-arrow-up-right-from-square" aria-hidden="true"></i></h3>
              <p class="now-desc">Jogo diário de adivinhar o prato, inspirado em Wordle e Termo: o universo dos meus vídeos transformado em um joguinho, que criei, desenhei e programei do zero. Todo dia tem um prato novo pra descobrir, uma sequência de vitórias pra defender e um resultado compartilhável pra desafiar os amigos.</p>
              <span class="now-since">Criador e desenvolvedor · desde 2025</span>
            </div>
          </a>
          <a class="now-card now-card--link" href="https://youtube.com/braian" target="_blank" rel="noopener noreferrer">
            <div class="now-thumb"><img loading="lazy" decoding="async" src="https://braian.com.br/imagens/sommelier-gastrocomico.jpg" alt="Sommelier Gastrocômico"></div>
            <div class="now-body">
              <h3 class="now-name">Sommelier Gastrocômico <i class="fas fa-arrow-up-right-from-square" aria-hidden="true"></i></h3>
              <p class="now-desc">Série bem-humorada em que provo comidas variadas com a seriedade que nem todas merecem. A graça vem em camadas: a reação diz uma coisa, a locução diz outra e muitas vezes a legenda discorda das duas. São mais de 450 episódios de altíssima retenção e uma comunidade que sai provando o que aparece nos vídeos, tenha eu gostado ou não.</p>
              <span class="now-since">Criador, roteirista, editor e apresentador · desde 2022</span>
            </div>
          </a>
          <a class="now-card now-card--link" href="https://youtube.com/braian" target="_blank" rel="noopener noreferrer">
            <div class="now-thumb"><img loading="lazy" decoding="async" src="https://braian.com.br/imagens/testei-hacks.jpg" alt="Testando Hacks de Cozinha"></div>
            <div class="now-body">
              <h3 class="now-name">Testando Hacks de Cozinha <i class="fas fa-arrow-up-right-from-square" aria-hidden="true"></i></h3>
              <p class="now-desc">Série em que testo os truques de cozinha e os utensílios que viralizam na internet, pra saber se funcionam mesmo ou se o vídeo só foi editado pra dar certo. Sigo a estrutura e o bom humor da série em que provo comidas, ciente de que meu veredito sincero também acaba editado e postado na internet, para todo mundo continuar em dúvida, menos eu.</p>
              <span class="now-since">Criador, roteirista, editor e apresentador · desde 2024</span>
            </div>
          </a>
        </div>
      </div>

      <div class="tl-reveal">
        <button id="tl-toggle" class="tl-btn" type="button" aria-expanded="false" aria-controls="timeline-wrap">
          A estrada até aqui <i class="fas fa-chevron-down" aria-hidden="true"></i>
        </button>
      </div>
      <div class="timeline-wrap" id="timeline-wrap" hidden>
        <ol class="timeline">
          <li class="tl-item">
            <div class="tl-year">2022</div>
            <div class="tl-col left no-connector"></div>
            <div class="tl-col right">
              <div class="tl-card">
                <div class="tl-header">
                  <h3 class="tl-title">Coisa Nossa · Guaraná Antarctica <span class="tl-when">(2022)</span></h3>
                </div>
                <figure class="tl-media">
                  <img loading="lazy" decoding="async" src="https://braian.com.br/imagens/nana.jpg" alt="Set do Coisa Nossa com estética pop-brasileira">
                </figure>
                <div class="tl-roles">
                  <span class="tl-role">Assistente de direção</span>
                  <span class="tl-role">Diretor</span>
                </div>
                <p class="tl-text">
                  Canal produzido pela Rede Snack e reconhecido como o maior canal de marca do Brasil no YouTube. Atuei como diretor em vídeos pontuais e dei assistência de direção em alguns outros vídeos que misturam humor, brasilidade e memes. Entre alguns dos envolvidos estiveram grandes criadores como Diogo Defante, Matheus Canela, Sofia Santino, Yasmin Yassine e Igor Guimarães.
                </p>
              </div>
              <div class="tl-card">
                <div class="tl-header">
                  <h3 class="tl-title">Chevrolet Brasil <span class="tl-when">(2022)</span></h3>
                </div>
                <figure class="tl-media">
                  <img loading="lazy" decoding="async" src="https://braian.com.br/imagens/chevrolet.jpg" alt="Gravação com carros Chevrolet em estúdio e externa">
                </figure>
                <div class="tl-roles">
                  <span class="tl-role">Diretor</span>
                  <span class="tl-role">Supervisor de Roteiro</span>
                </div>
                <p class="tl-text">
                  Direção de vídeos informativos da marca na Rede Snack, unindo storytelling e utilidade para apresentar tecnologias e diferenciais dos modelos. Assumi set, roteiro e coordenação de equipes com criadores como Igão &amp; Mítico (Podpah) e CariocaNoMundo, conectando lifestyle e automotivo sem perder a clareza técnica e o bom humor nativo.
                </p>
              </div>
            </div>
          </li>

          <li class="tl-item">
            <div class="tl-year">2021</div>
            <div class="tl-col left">
              <div class="tl-card">
                <div class="tl-header">
                  <h3 class="tl-title">Futebol Raiz · Elcio Coronato <span class="tl-when">(2021-2022)</span></h3>
                </div>
                <figure class="tl-media">
                  <img loading="lazy" decoding="async" src="https://braian.com.br/imagens/futebol-raiz.jpg" alt="Elcio Coronato no estúdio do Futebol Raiz">
                </figure>
                <div class="tl-roles">
                  <span class="tl-role">Diretor</span>
                  <span class="tl-role">Creator</span>
                </div>
                <p class="tl-text">
                  Dirigi o canal do Elcio na Rede Snack, resgatando momentos épicos do futebol mundial com linguagem leve e nostálgica. Dirigi as gravações dos reacts, com participações de criadores como Alfinete (Ex-Pânico), Guipa e Renato Albani, além do próprio host, Elcio Coronato, com quem participei pontualmente em frente às câmeras.
                </p>
              </div>
            </div>
            <div class="tl-card">
              <div class="tl-header">
                <h3 class="tl-title">É Cada Uma... · Casa &amp; Vídeo <span class="tl-when">(2021-2022)</span></h3>
              </div>
              <figure class="tl-media">
                <img loading="lazy" decoding="async" src="https://braian.com.br/imagens/ecadauma.jpg" alt="Cenas do cotidiano jovem-adulto com produtos Casa & Vídeo">
              </figure>
              <div class="tl-roles">
                <span class="tl-role">Diretor</span>
                <span class="tl-role">Supervisor de Roteiro</span>
              </div>
              <p class="tl-text">
                Canal de YouTube produzido pela Rede Snack para dialogar com o jovem-adulto. Fui responsável pelo planejamento do conteúdo e direção no set. Entre alguns dos criadores envolvidos no canal, tivemos nomes como Almanaque SOS, Juvi, Dacota Monteiro, Giovana Fagundes e Felipe Alves.
              </p>
            </div>
            <div class="tl-card">
              <div class="tl-header">
                <h3 class="tl-title">Budweiser <span class="tl-when">(2021-2022)</span></h3>
              </div>
              <figure class="tl-media">
                <img loading="lazy" decoding="async" src="https://braian.com.br/imagens/budweiser.jpg" alt="Cenário de conteúdo Budweiser com estética urbana e música">
              </figure>
              <div class="tl-roles">
                <span class="tl-role">Diretor</span>
                <span class="tl-role">Supervisor de Roteiro</span>
              </div>
              <p class="tl-text">
                Canal de marca com projetos especiais produzidos na Rede Snack. Fui diretor de conteúdo em ativações que conectavam música e cultura urbana; durante a Copa de 2022 coordenei a cobertura do BudX. Entre alguns dos envolvidos, dirigi nomes do hip-hop e creators como Emicida, L7NNON, Yasmin Yassine e Froid.
              </p>
            </div>
            <div class="tl-col right">
              <div class="tl-card">
                <div class="tl-header">
                  <h3 class="tl-title">Buonasera Brasil · Spoleto <span class="tl-when">(2021-2022)</span></h3>
                </div>
                <figure class="tl-media">
                  <img loading="lazy" decoding="async" src="https://braian.com.br/imagens/spoleto.jpg" alt="Cozinha de estúdio com temática italiana do Buonasera Brasil">
                </figure>
                <div class="tl-roles">
                  <span class="tl-role">Diretor</span>
                  <span class="tl-role">Supervisor de Roteiro</span>
                </div>
                <p class="tl-text">
                  Canal de YouTube produzido pela Rede Snack com foco em gastronomia italiana e humor. Foi minha primeira experiência criando humor gastronômico, no projeto onde fui diretor do canal e responsável por toda a estratégia e conteúdo, incluindo quadros como “Por que Choras, Spoleto?” onde criadores se aventuravam na cozinha sem saber bem o que estavam fazendo. Entre os envolvidos estiveram grandes nomes como Igor Guimarães e Laura Seraphim, enquanto eu conduzia o conteúdo nos bastidores.
                </p>
              </div>
              <div class="tl-card">
                <div class="tl-header">
                  <h3 class="tl-title">How We Beach · Havaianas <span class="tl-when">(2021-2022)</span></h3>
                </div>
                <figure class="tl-media">
                  <img loading="lazy" decoding="async" src="https://braian.com.br/imagens/havaianas.jpg" alt="Creators em lifestyle urbano e praiano usando Havaianas">
                </figure>
                <div class="tl-roles">
                  <span class="tl-role">Diretor</span>
                  <span class="tl-role">Supervisor de Roteiro</span>
                </div>
                <p class="tl-text">
                  Canal de Havaianas voltado a lifestyle e rotina. O projeto evoluiu de “How We Beach” para “How We”, expandindo além da praia para feirinhas e rolês gastronômicos em SP. Cuidei de toda a direção do conteúdo, passando pela supervisão de roteiros e direção de set. Entre os criadores de conteúdo envolvidos, passaram Maju Trindade, Mundo Sem Fim, Get Outside e Luiza Junqueira.
                </p>
              </div>
            </div>
          </li>

          <li class="tl-item">
            <div class="tl-year">2018</div>
            <div class="tl-col left">
              <div class="tl-card">
                <div class="tl-header">
                  <h3 class="tl-title">Eu Tava Lá <span class="tl-when">(2018-2024)</span></h3>
                </div>
                <figure class="tl-media">
                  <img loading="lazy" decoding="async" src="https://braian.com.br/imagens/eu-tava-la.jpg" alt="Capa do podcast Eu Tava Lá">
                </figure>
                <div class="tl-roles">
                  <span class="tl-role">Criador</span>
                  <span class="tl-role">Host</span>
                  <span class="tl-role">Produtor</span>
                </div>
                <p class="tl-text">
                  Um dos primeiros podcasts do Brasil a romper com o modelo de bancada fixa e episódios temáticos. 
                  Toda semana havia um convidado diferente trazendo uma história pessoal, sempre conduzida em formato narrativo com começo, meio e fim. 
                  Foi também um dos primeiros podcasts em língua portuguesa a integrar o catálogo do Spotify e se tornou referência nacional do formato.
                  Em 2022 ganhou um livro derivado, o Eu (não) Tava Lá.
                </p>
              </div>
            </div>
            <div class="tl-col right no-connector"></div>
          </li>

          <li class="tl-item">
            <div class="tl-year">2017</div>
            <div class="tl-col left">
              <div class="tl-card">
                <div class="tl-header">
                  <h3 class="tl-title">Se Eu Fosse Você <span class="tl-when">(2017-2018)</span></h3>
                </div>
                <figure class="tl-media">
                  <img loading="lazy" decoding="async" src="https://braian.com.br/imagens/se-eu-fosse-voce.jpg" alt="Imagem do podcast Se Eu Fosse Você">
                </figure>
                <div class="tl-roles">
                  <span class="tl-role">Host</span>
                  <span class="tl-role">Designer de capas</span>
                  <span class="tl-role">Social media</span>
                </div>
                <p class="tl-text">
                  O Se Eu Fosse Você era o projeto que me tinha como membro fixo, em uma bancada rotativa.
                  Em episódios semanais, a proposta era aconselhar a audiência em casos do dia a dia, como problemas de relacionamento, família, trabalho, “se colocando no lugar” da pessoa e criando conversas com bom humor.
                  Episódios semanais de 30~45 minutos. Foi o primeiro projeto em que atuei como host, experiência que foi essencial em trabalhos futuros.
                </p>
              </div>
              <div class="tl-card">
                <div class="tl-header">
                  <h3 class="tl-title">Bicuda <span class="tl-when">(2017-2018)</span></h3>
                </div>
                <figure class="tl-media">
                  <img loading="lazy" decoding="async" src="https://braian.com.br/imagens/bicuda.jpg" alt="Imagem do podcast Bicuda">
                </figure>
                <div class="tl-roles">
                  <span class="tl-role">Bancada fixa</span>
                  <span class="tl-role">Comentarista</span>
                </div>
                <p class="tl-text">
                  Podcast de esportes do Não Salvo, com foco em futebol, mas com algum espaço para outras modalidades, sempre em tom leve e bem-humorado.
                  Os episódios costumavam ter 1 hora de duração, em publicações semanais e temas variados, onde participei como membro fixo.
                  Em 2018 o projeto expandiu para transmissões com vídeo na Twitch, sendo um dos primeiros no país a falar dos jogos da Copa do Mundo em tempo real, mesmo sem direito de transmissão de imagens das partidas.
                </p>
              </div>
            </div>
            <div class="tl-col right no-connector"></div>
          </li>

          <li class="tl-item">
            <div class="tl-year">2015</div>
            <div class="tl-col left" style="order:0">
              <div class="tl-card">
                <div class="tl-header">
                  <h3 class="tl-title">Não Ouvo <span class="tl-when">(2015-2018)</span></h3>
                </div>
                <figure class="tl-media">
                  <img loading="lazy" decoding="async" src="https://braian.com.br/imagens/nao-ouvo.jpg" alt="Imagem do podcast Não Ouvo">
                </figure>
                <div class="tl-roles">
                  <span class="tl-role">Integrante fixo</span>
                  <span class="tl-role">Social media</span>
                  <span class="tl-role">Designer de capas</span>
                </div>
                <p class="tl-text">
                  Podcast do Não Salvo lançado em 2015, parte da fase que ajudou a profissionalizar a cena de podcasts no Brasil.
                  Fui membro fixo desde o primeiro episódio, designer das capas e responsável pelas redes sociais do projeto ao longo de toda a trajetória,
                  com episódios semanais que cresceram a ponto de o projeto se tornar, por anos, o segundo mais ouvido do Brasil, atrás apenas do Nerdcast.
                </p>
              </div>
            </div>
            <div class="tl-col right" style="order:1"></div>
          </li>

          <li class="tl-item">
            <div class="tl-year">2014</div>
            <div class="tl-col left">
              <div class="tl-card">
                <div class="tl-header">
                  <h3 class="tl-title">Não Salvo <span class="tl-when">(2014-2018)</span></h3>
                </div>
                <figure class="tl-media">
                  <img loading="lazy" decoding="async" src="https://braian.com.br/imagens/nao-salvo.jpg" alt="Imagem do blog Não Salvo">
                </figure>
                <div class="tl-roles">
                  <span class="tl-role">Redator publicitário</span>
                  <span class="tl-role">Blogueiro</span>
                  <span class="tl-role">Social media</span>
                </div>
                <p class="tl-text">
                  O Não Salvo foi o maior blog de humor da América Latina, com média de 15 milhões de acessos mensais.
                  Entrei para a equipe em 2014 e permaneci até 2018, atuando principalmente como redator publicitário e blogueiro com conteúdos de humor, mas posteriormente também como diretor e até ator de pegadinhas, quando o site começou a produzir seus próprios vídeos.
                  Foi onde ganhei experiência em transformar briefings publicitários engessados em conteúdos bem-humorados que se encaixavam no estilo do blog.
                  Nesse período produzi campanhas para o fim do Orkut e outras marcas emblemáticas da época, colocando meu tijolinho no que viria a ser um novo modelo de publicidade criativa na internet brasileira.
                </p>
              </div>
              <div class="tl-card">
                <div class="tl-header">
                  <h3 class="tl-title">Manual do Mundo <span class="tl-when">(2014-2015)</span></h3>
                </div>
                <figure class="tl-media">
                  <img loading="lazy" decoding="async" src="https://braian.com.br/imagens/manual-do-mundo.jpg" alt="Imagem do blog do Manual do Mundo">
                </figure>
                <div class="tl-roles">
                  <span class="tl-role">Blogueiro</span>
                  <span class="tl-role">Redator</span>
                </div>
                <p class="tl-text">
                  Fui blogueiro do <em>Manual do Mundo</em> entre 2014 e 2015, escrevendo posts de curiosidades.
                  Era uma fase de transição da web, quando sites e blogs ainda eram peça central dos grandes projetos de conteúdo.
                  As publicações ampliavam temas dos vídeos e traziam assuntos paralelos, fortalecendo o ecossistema do canal fora do YouTube.
                </p>
              </div>
            </div>
            <div class="tl-col right no-connector"></div>
          </li>

          <li class="tl-item">
            <div class="tl-year">2013</div>
            <div class="tl-col left">
              <div class="tl-card">
                <div class="tl-header">
                  <h3 class="tl-title">Duka7 <span class="tl-when">(2013-2014)</span></h3>
                </div>
                <figure class="tl-media">
                  <img loading="lazy" decoding="async" src="https://braian.com.br/imagens/duka-7.jpg" alt="Imagem do projeto Duka7">
                </figure>
                <div class="tl-roles">
                  <span class="tl-role">Fundador</span>
                  <span class="tl-role">Redator</span>
                  <span class="tl-role">Compositor</span>
                  <span class="tl-role">Editor</span>
                </div>
                <p class="tl-text">
                  Projeto musical de humor em um blog com curadoria e conteúdo autoral no YouTube, de paródias a edições criativas que alcançaram milhões de views nos primórdios da plataforma.
                  Destaque para o quadro em que a ex-presidente Dilma Rousseff foi editada para "cantar" <em>Show das Poderosas</em> usando trechos reais e autotune.
                  Em 2014, o Duka7 ganhou um quadro no programa CQC, da Band, onde produzíamos alguns vídeos especiais no mesmo estilo, mas usando estrelas da casa como o Datena e o Craque Neto.
                </p>
              </div>
            </div>
            <div class="tl-col right no-connector"></div>
          </li>

          <li class="tl-item">
            <div class="tl-year">2008</div>
            <div class="tl-col left">
              <div class="tl-card">
                <div class="tl-header">
                  <h3 class="tl-title">Blog do Braian <span class="tl-when">(2008-2025)</span></h3>
                </div>
                <figure class="tl-media">
                  <img loading="lazy" decoding="async" src="https://braian.com.br/imagens/blog-do-braian.jpg" alt="Imagem do Blog do Braian">
                </figure>
                <div class="tl-roles">
                  <span class="tl-role">Criador</span>
                  <span class="tl-role">Blogueiro</span>
                  <span class="tl-role">Designer</span>
                  <span class="tl-role">Programador</span>
                </div>
                <p class="tl-text">
                  O Blog do Braian nasceu em 2008 como um espaço de curadoria e humor, publicando tirinhas, vídeos, crônicas e conteúdos que circulavam na internet da época.
                  Teve atividade intensa até 2015, com 5~6 posts por dia, e depois seguiu de forma mais esporádica até 2023.
                  No auge, entre 2013 e 2015, chegou a bater mais de 100 mil visualizações únicas por dia.
                  Foi nesse projeto que descobri que dava pra viver de internet, com as primeiras experiências de monetização via Google AdSense,
                  além de ser a base onde aprimorei minha escrita e conhecimentos gerais para tudo que viria depois.
                </p>
              </div>
            </div>
            <div class="tl-col right no-connector"></div>
          </li>
        </ol>
        <div class="tl-controls">
          <div id="tl-end" class="tl-end">… e foi aqui que tudo começou.</div>
        </div>
      </div>
    </section>

    <section id="marcas" class="brands" aria-labelledby="marcas-title">
      <div class="container">
        <h2 id="marcas-title">Algumas marcas</h2>
        <p class="lead">Parceiras que já criaram conteúdos comigo.</p>
      </div>
      <div class="brand-belt" aria-hidden="true">
        <div class="brand-track">
          <!-- Pra adicionar uma marca: salve o logo em imagens/marcas/nomedamarca.png
               (minusculas, sem espacos/acentos) e acrescente o nome na lista abaixo. -->
          <div class="logos" data-marcas="Sadia, Blizzard, Uber, Swift, Insider, Alura, Elma Chips, RecargaPay, Brahma, KitKat, Fini, Bold, Oreo, Habib's, Outback, Britânia, iFood, Nissin, Nescafé, Shopper, Localiza, InfinitePay"></div>
          <div class="logos clone" aria-hidden="true"></div>
        </div>
      </div>
      <div class="container" style="text-align:center; margin-top:10px;">
        <a class="tl-btn tl-btn--brand" href="https://braian.com.br/mediakit" target="_blank" rel="noopener noreferrer">Media kit completo</a>
      </div>
    </section>

    <section id="contato" class="container" aria-labelledby="ctt-title">
      <h2 id="ctt-title">Contato</h2>
      <p class="lead">Tem um projeto, campanha ou roteiro em mente? Me conta a ideia que eu respondo. Atendo marcas, agências e parcerias.</p>
      <form id="contact-form" class="form" novalidate data-min-secs="4">
        <div class="grid-2">
          <div class="field" id="f-nome">
            <label for="nome" class="label">Nome <span class="req" aria-hidden="true">*</span></label>
            <input id="nome" name="nome" class="input" required autocomplete="name" autocapitalize="words" aria-describedby="err-nome" />
            <small class="error-msg" id="err-nome" role="alert"></small>
          </div>
          <div class="field" id="f-email">
            <label for="email" class="label">E-mail <span class="req" aria-hidden="true">*</span></label>
            <input id="email" name="email" class="input" type="email" required autocomplete="email" inputmode="email" aria-describedby="err-email" />
            <small class="error-msg" id="err-email" role="alert"></small>
          </div>
        </div>
        <div class="field" id="f-assunto">
          <label for="assunto" class="label">Assunto <span class="req" aria-hidden="true">*</span></label>
          <input id="assunto" name="assunto" class="input" required placeholder="Ex.: Orçamento / Roteiro / Proposta" list="assuntos" aria-describedby="err-assunto" />
          <datalist id="assuntos">
            <option value="Orçamento"></option>
            <option value="Roteiro"></option>
            <option value="Outros"></option>
          </datalist>
          <small class="error-msg" id="err-assunto" role="alert"></small>
        </div>
        <div class="field" id="f-msg">
          <label for="mensagem" class="label">Mensagem <span class="req" aria-hidden="true">*</span></label>
          <textarea id="mensagem" name="mensagem" class="textarea" rows="5" required maxlength="1000" aria-describedby="err-msg counter-msg" placeholder="Como posso ajudar?"></textarea>
          <div style="display:flex;justify-content:space-between;align-items:center;margin-top:6px;">
            <small class="error-msg" id="err-msg" role="alert"></small>
            <small id="counter-msg" class="char-counter" aria-live="polite">0/1000</small>
          </div>
        </div>
        <div style="position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;">
          <label for="website">Deixe em branco</label>
          <input id="website" name="website" tabindex="-1" autocomplete="off" />
        </div>
        <div class="inline-captcha" style="justify-content:flex-end">
          <button id="btn-submit" type="submit" class="tl-btn tl-btn--brand" disabled aria-busy="false">Enviar</button>
        </div>
        <div id="form-feedback" class="form-feedback" role="status" aria-live="polite"></div>
      </form>
      <p class="lead" style="margin-top:18px">Prefere e-mail? <a class="contact-email" data-user="comercial" data-domain="braian.com.br" href="#contato" style="color:var(--brand);text-decoration:underline">me escreva direto</a>.</p>
    </section>

    <dialog id="human-check" class="hc-dialog">
      <form method="dialog" class="hc-card" id="hc-card" aria-labelledby="hc-title">
        <h3 id="hc-title">Verificação rápida</h3>
        <p class="hc-sub">Arraste o controle até 100% para confirmar que você é humano.</p>
        <div class="hc-slider">
          <input type="range" id="hc-slider" min="0" max="100" value="0" aria-label="Arraste até 100%">
        </div>
        <div class="hc-alt">
          <span>ou</span>
          <button type="button" id="hc-hold" class="tl-btn" aria-label="Pressione e segure para verificar">Pressione e segure</button>
        </div>
        <div class="hc-actions">
          <button value="cancel" class="tl-btn">Cancelar</button>
        </div>
      </form>
    </dialog>

    <footer class="site-footer container">
      <div class="footer-rule" aria-hidden="true"></div>
      <p class="footer-brand">Braian Rizzo<span class="brand-dot">.</span></p>
      <small class="footer-copy">© <span id="year-now"></span> · Todos os direitos reservados.</small>
    </footer>
  </main>

  <noscript>
    <div class="container" style="padding:16px 0; color:#ffb4a8; text-align:center">
      Ative o JavaScript para a melhor experiência neste site.
    </div>
  </noscript>

  <script nonce="r4nd0mN0nc3-2025">
    function moveCardToSide(titleStartsWith, year, side){
      const li = Array.from(document.querySelectorAll('.timeline > .tl-item')).find(el => (el.querySelector('.tl-year')?.textContent || '').trim() === String(year));
      if(!li) return;
      const card = Array.from(li.querySelectorAll('.tl-card')).find(c => (c.querySelector('.tl-title')?.textContent || '').trim().startsWith(titleStartsWith));
      if(!card) return;
      const targetCol = li.querySelector('.tl-col.' + side);
      const otherCol  = li.querySelector('.tl-col.' + (side === 'left' ? 'right' : 'left'));
      if(!targetCol) return;
      targetCol.appendChild(card);
      targetCol.classList.remove('no-connector');
      if(otherCol && !otherCol.querySelector('.tl-card')){
        otherCol.classList.add('no-connector');
      }
    }
    function swapCardsWithinYear(titleA, titleB, year){
      const li = Array.from(document.querySelectorAll('.timeline > .tl-item')).find(el => (el.querySelector('.tl-year')?.textContent || '').trim() === String(year));
      if(!li) return;
      const byTitle = t => Array.from(li.querySelectorAll('.tl-card')).find(c => (c.querySelector('.tl-title')?.textContent || '').trim().startsWith(t));
      const a = byTitle(titleA);
      const b = byTitle(titleB);
      if(!a || !b) return;
      const aParent = a.parentNode, aNext = a.nextSibling;
      const bParent = b.parentNode, bNext = b.nextSibling;
      aParent.insertBefore(b, aNext);
      bParent.insertBefore(a, bNext);
      const leftCol = li.querySelector('.tl-col.left');
      const rightCol = li.querySelector('.tl-col.right');
      if(leftCol){ leftCol.classList.toggle('no-connector', !leftCol.querySelector('.tl-card')); }
      if(rightCol){ rightCol.classList.toggle('no-connector', !rightCol.querySelector('.tl-card')); }
    }
    window.addEventListener('load', function () {
      swapCardsWithinYear('Buonasera Brasil · Spoleto', 'Futebol Raiz · Elcio Coronato', 2021);
      moveCardToSide('Eu Tava Lá', 2018, 'left');
      moveCardToSide('Não Ouvo', 2015, 'left');
    });
  </script>
</body>
</html>
