{"id":214,"date":"2026-05-24T16:45:53","date_gmt":"2026-05-24T16:45:53","guid":{"rendered":"https:\/\/thalagraph.studio\/?page_id=214"},"modified":"2026-05-24T22:16:37","modified_gmt":"2026-05-24T22:16:37","slug":"ocean-chronicles","status":"publish","type":"page","link":"https:\/\/thalagraph.studio\/br\/ocean-chronicles\/","title":{"rendered":"Ocean Chronicles"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"214\" class=\"elementor elementor-214\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-708433a e-con-full e-flex e-con e-parent\" data-id=\"708433a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60d3751 elementor-widget elementor-widget-html\" data-id=\"60d3751\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- THALAGRAPH Ocean Chronicles | Cole no widget HTML do Elementor. JS vai no Custom Code (ocean-chronicles-JS.txt). -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Inter:wght@200;300;400&display=swap\" rel=\"stylesheet\">\n\n<style>\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n    html { scroll-behavior: smooth; }\n    body {\n      font-family: 'Inter', sans-serif;\n      font-weight: 300;\n      background: #F5F0E6;\n      color: #1B2A36;\n      line-height: 1.7;\n      -webkit-font-smoothing: antialiased;\n      -moz-osx-font-smoothing: grayscale;\n      overflow-x: hidden;\n    }\n    img { max-width: 100%; display: block; }\n\n    :root {\n      --ink: #1B2A36;\n      --ink-deep: #0D1820;\n      --paper: #F5F0E6;\n      --paper-warm: #EEE7D6;\n      --gold: #B89968;\n      --gold-light: #D4B584;\n      --gold-dark: #8A6B3D;\n      --muted: #5A6571;\n      --line: rgba(138, 107, 61, 0.3);\n      --serif: 'Cormorant Garamond', 'Times New Roman', serif;\n      --sans: 'Inter', 'Helvetica Neue', Arial, sans-serif;\n    }\n\n    .eyebrow {\n      font-family: var(--sans);\n      font-size: 12px;\n      letter-spacing: 0.32em;\n      text-transform: uppercase;\n      font-weight: 500;\n      color: var(--gold-dark);\n    }\n    .eyebrow-light { color: var(--gold-light); }\n    a { color: inherit; text-decoration: none; }\n    .link-line {\n      font-family: var(--sans);\n      font-size: 12px;\n      letter-spacing: 0.28em;\n      text-transform: uppercase;\n      font-weight: 500;\n      color: var(--gold-dark);\n      padding-bottom: 5px;\n      border-bottom: 1px solid var(--gold-dark);\n      display: inline-block;\n      transition: padding 0.4s ease, letter-spacing 0.4s ease;\n    }\n    .link-line:hover { padding-bottom: 9px; letter-spacing: 0.34em; }\n    .link-line-light { color: var(--gold-light); border-color: var(--gold-light); }\n\n    \/* ===== NAV ===== *\/\n    nav.top {\n      position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n      display: flex; justify-content: space-between; align-items: center;\n      padding: 26px 56px;\n      transition: background 0.5s ease, padding 0.5s ease;\n    }\n    nav.top.scrolled {\n      background: rgba(245, 240, 230, 0.92);\n      backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);\n      padding: 18px 56px;\n      border-bottom: 0.5px solid var(--line);\n    }\n    nav.top .brand {\n      font-family: var(--sans); font-size: 11px; letter-spacing: 0.32em;\n      color: rgba(245, 240, 230, 0.95); font-weight: 500;\n    }\n    nav.top.scrolled .brand { color: var(--ink); }\n    nav.top ul { list-style: none; display: flex; gap: 36px; }\n    nav.top ul a {\n      font-family: var(--sans); font-size: 11px; letter-spacing: 0.28em;\n      text-transform: uppercase; color: rgba(245, 240, 230, 0.88);\n      font-weight: 400; transition: color 0.3s;\n    }\n    nav.top.scrolled ul a { color: var(--ink); font-weight: 500; }\n    nav.top ul a:hover { color: var(--gold-light); }\n    nav.top.scrolled ul a:hover { color: var(--gold-dark); }\n\n    \/* hamb\u00farguer \u2014 escondido no desktop *\/\n    .nav-toggle {\n      display: none;\n      flex-direction: column; justify-content: center; gap: 5px;\n      width: 30px; height: 30px; padding: 0;\n      background: none; border: none; cursor: pointer; z-index: 110;\n    }\n    .nav-toggle span {\n      display: block; height: 1.5px; width: 24px;\n      background: rgba(245, 240, 230, 0.95);\n      transition: transform 0.4s cubic-bezier(.2,.6,.2,1), opacity 0.3s, background 0.5s;\n    }\n    nav.top.scrolled .nav-toggle span { background: var(--ink); }\n    nav.top.menu-open .nav-toggle span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }\n    nav.top.menu-open .nav-toggle span:nth-child(2) { opacity: 0; }\n    nav.top.menu-open .nav-toggle span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }\n\n    \/* ===== HERO ===== *\/\n    .page-hero {\n      position: relative; height: 78vh; height: 78svh; min-height: 560px;\n      overflow: hidden; background: #0D1820;\n      display: flex; align-items: center; justify-content: center;\n      text-align: center;\n    }\n    .page-hero img {\n      position: absolute; inset: 0; width: 100%; height: 100%;\n      object-fit: cover;\n      animation: heroIn 2.2s cubic-bezier(.2,.6,.2,1) both;\n    }\n    .page-hero .veil {\n      position: absolute; inset: 0;\n      background:\n        radial-gradient(ellipse 60% 50% at 50% 45%, rgba(13,24,32,0.45) 0%, transparent 70%),\n        linear-gradient(180deg, rgba(13,24,32,0.42) 0%, rgba(13,24,32,0.22) 40%, rgba(13,24,32,0.55) 100%);\n    }\n    .page-hero .hero-content {\n      position: relative; z-index: 2; color: var(--paper);\n      max-width: 760px; padding: 0 32px;\n      opacity: 0; animation: fadeUp 1.6s ease 0.5s forwards;\n    }\n    .page-hero .eyebrow { color: var(--gold-light); margin-bottom: 26px; display: inline-block; }\n    .page-hero h1 {\n      font-family: var(--serif); font-weight: 300;\n      font-size: clamp(40px, 6vw, 76px); line-height: 1.05;\n      letter-spacing: -0.01em;\n    }\n    .page-hero h1 em { font-style: italic; color: var(--gold-light); }\n    .page-hero .sub {\n      font-family: var(--serif); font-weight: 400;\n      font-size: clamp(18px, 2vw, 22px);\n      color: rgba(245, 240, 230, 0.88);\n      margin-top: 24px; line-height: 1.6;\n    }\n    @keyframes heroIn { from { transform: scale(1.06); opacity: 0; } to { transform: scale(1); opacity: 1; } }\n    @keyframes fadeUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }\n\n    \/* ===== SECTIONS ===== *\/\n    section { padding: 130px 56px; }\n    .wrap { max-width: 1180px; margin: 0 auto; }\n    .wrap-narrow { max-width: 720px; margin: 0 auto; }\n\n    \/* intro \/ lede *\/\n    .lede { text-align: center; padding: 150px 56px 120px; }\n    .lede .eyebrow { margin-bottom: 28px; display: inline-block; }\n    .lede h2 {\n      font-family: var(--serif); font-weight: 300;\n      font-size: clamp(30px, 3.6vw, 46px); line-height: 1.2;\n      max-width: 820px; margin: 0 auto 32px;\n    }\n    .lede h2 em { font-style: italic; color: var(--gold-dark); }\n    .lede p {\n      font-family: var(--serif); font-weight: 400;\n      font-size: 21px; line-height: 1.7; color: var(--muted);\n      max-width: 600px; margin: 0 auto;\n    }\n\n    \/* process \u2014 the four movements *\/\n    .process { background: var(--ink); color: var(--paper); }\n    .process-head { text-align: center; margin-bottom: 80px; }\n    .process-head .eyebrow { color: var(--gold-light); margin-bottom: 20px; display: inline-block; }\n    .process-head h2 {\n      font-family: var(--serif); font-weight: 300; font-style: italic;\n      font-size: clamp(28px, 3.2vw, 40px); line-height: 1.25;\n    }\n    .movements {\n      display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px;\n      max-width: 1180px; margin: 0 auto;\n    }\n    .movement { border-top: 0.5px solid rgba(184, 153, 104, 0.3); padding-top: 28px; }\n    .movement .roman {\n      font-family: var(--serif); font-style: italic; font-size: 30px;\n      color: var(--gold-light); margin-bottom: 18px;\n    }\n    .movement h3 {\n      font-family: var(--sans); font-size: 12px; letter-spacing: 0.28em;\n      text-transform: uppercase; color: var(--gold-light);\n      font-weight: 500; margin-bottom: 14px;\n    }\n    .movement p { font-size: 14.5px; line-height: 1.8; color: rgba(245, 240, 230, 0.78); }\n\n    \/* split \u2014 image + text alternating *\/\n    .split { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; max-width: 1180px; margin: 0 auto; }\n    .split.reverse .split-text { order: 2; }\n    .split.reverse .split-img { order: 1; }\n    .split-img img { width: 100%; aspect-ratio: 4\/5; object-fit: cover; border-radius: 2px; }\n    .split-text .eyebrow { margin-bottom: 24px; display: inline-block; }\n    .split-text h2 {\n      font-family: var(--serif); font-weight: 300; line-height: 1.2;\n      font-size: clamp(28px, 3.2vw, 40px); margin-bottom: 28px;\n    }\n    .split-text h2 em { font-style: italic; color: var(--gold-dark); }\n    .split-text p { font-size: 16px; line-height: 1.9; color: var(--muted); margin-bottom: 18px; max-width: 500px; }\n    .split-text p em { font-style: italic; color: var(--gold-dark); }\n    .split-text .actions { margin-top: 38px; }\n\n    \/* deliverables list *\/\n    .deliver { background: var(--paper-warm); }\n    .deliver-head { text-align: center; margin-bottom: 70px; }\n    .deliver-head .eyebrow { margin-bottom: 20px; display: inline-block; }\n    .deliver-head h2 {\n      font-family: var(--serif); font-weight: 300; font-style: italic;\n      font-size: clamp(28px, 3.2vw, 40px); line-height: 1.25;\n      max-width: 620px; margin: 0 auto;\n    }\n    .deliver-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px; max-width: 1080px; margin: 0 auto; }\n    .deliver-item { text-align: center; }\n    .deliver-item .icon {\n      font-family: var(--serif); font-style: italic; font-size: 34px;\n      color: var(--gold-dark); margin-bottom: 18px;\n    }\n    .deliver-item h3 {\n      font-family: var(--serif); font-size: 23px; font-weight: 300;\n      font-style: italic; color: var(--ink); margin-bottom: 14px;\n    }\n    .deliver-item p { font-size: 14.5px; line-height: 1.8; color: var(--muted); }\n\n    \/* partner profile *\/\n    .partner { text-align: center; }\n    .partner .eyebrow { margin-bottom: 24px; display: inline-block; }\n    .partner h2 {\n      font-family: var(--serif); font-weight: 300;\n      font-size: clamp(28px, 3.2vw, 42px); line-height: 1.2;\n      max-width: 720px; margin: 0 auto 28px;\n    }\n    .partner h2 em { font-style: italic; color: var(--gold-dark); }\n    .partner .partner-text {\n      font-family: var(--serif); font-weight: 400; font-size: 20px;\n      line-height: 1.7; color: var(--muted); max-width: 640px; margin: 0 auto;\n    }\n\n    \/* CTA *\/\n    .cta { background: var(--ink); color: var(--paper); text-align: center; }\n    .cta .eyebrow { color: var(--gold-light); margin-bottom: 28px; display: inline-block; }\n    .cta h2 {\n      font-family: var(--serif); font-weight: 300; font-style: italic;\n      font-size: clamp(34px, 4vw, 54px); line-height: 1.2;\n      max-width: 680px; margin: 0 auto 24px;\n    }\n    .cta h2 em { color: var(--gold-light); }\n    .cta .sub {\n      font-family: var(--serif); font-weight: 400; font-size: 19px;\n      color: rgba(245, 240, 230, 0.82); max-width: 520px; margin: 0 auto 48px; line-height: 1.7;\n    }\n    .calendly-wrap {\n      max-width: 1100px;\n      margin: 0 auto;\n      background: var(--paper);\n      border-radius: 4px;\n      overflow: hidden;\n      box-shadow: 0 30px 80px rgba(0,0,0,0.35);\n      border: 0.5px solid rgba(212, 181, 132, 0.2);\n    }\n    .calendly-inline-widget {\n      min-width: 320px;\n      height: 700px;\n      width: 100%;\n    }\n    .cta .fallback {\n      margin-top: 36px;\n      font-family: var(--sans); font-size: 14px; letter-spacing: 0.04em;\n      color: rgba(245, 240, 230, 0.6);\n    }\n    .cta .fallback a { color: var(--gold-light); text-decoration: none; border-bottom: 0.5px solid rgba(212,181,132,0.4); }\n\n    \/* footer *\/\n    footer {\n      background: var(--ink-deep); color: rgba(245, 240, 230, 0.6);\n      padding: 56px; border-top: 0.5px solid rgba(184, 153, 104, 0.18);\n    }\n    .footer-inner { max-width: 1180px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 28px; }\n    .footer-brand { font-family: var(--serif); font-size: 17px; letter-spacing: 0.22em; color: var(--gold-light); font-weight: 400; }\n    .footer-brand .sub { display: block; font-family: var(--sans); font-size: 11px; letter-spacing: 0.3em; color: rgba(245, 240, 230, 0.55); font-weight: 400; margin-top: 8px; }\n    .footer-links { display: flex; gap: 26px; font-family: var(--sans); font-size: 12px; letter-spacing: 0.26em; text-transform: uppercase; font-weight: 400; }\n    .footer-links a { color: rgba(245, 240, 230, 0.8); transition: color 0.3s; }\n    .footer-links a:hover { color: var(--gold-light); }\n\n    \/* note for victor *\/\n    .editor-note {\n      background: rgba(138, 107, 61, 0.08);\n      border: 1px dashed var(--gold-dark);\n      color: var(--gold-dark);\n      font-family: var(--sans); font-size: 13px; font-style: normal;\n      padding: 2px 8px; border-radius: 3px; display: inline;\n      letter-spacing: 0.02em;\n    }\n\n    .reveal { opacity: 0; transform: translateY(28px); transition: opacity 1.1s cubic-bezier(.2,.6,.2,1), transform 1.1s cubic-bezier(.2,.6,.2,1); animation: revealFallback 0.01s linear 2.5s forwards; }\n    .reveal.in { opacity: 1; transform: translateY(0); animation: none; }\n    @keyframes revealFallback { to { opacity: 1; transform: translateY(0); } }\n\n    \/* faixa de imagem full-bleed (respiro contemplativo) *\/\n    .band {\n      position: relative; height: 60vh; min-height: 420px;\n      overflow: hidden; background: #0D1820;\n    }\n    .band img { width: 100%; height: 100%; object-fit: cover; }\n    .band .band-caption {\n      position: absolute; bottom: 36px; left: 0; right: 0; text-align: center;\n      font-family: var(--serif); font-style: italic; font-size: 20px;\n      color: var(--paper); text-shadow: 0 2px 16px rgba(0,0,0,0.5);\n      padding: 0 32px;\n    }\n    .band::after {\n      content: ''; position: absolute; inset: 0;\n      background: linear-gradient(180deg, transparent 55%, rgba(13,24,32,0.5) 100%);\n      pointer-events: none;\n    }\n\n    @media (max-width: 880px) {\n      nav.top { padding: 20px 28px; }\n      .nav-toggle { display: flex; }\n      nav.top ul {\n        position: fixed; top: 0; right: 0;\n        width: min(78vw, 320px); height: 100vh; height: 100dvh;\n        flex-direction: column; justify-content: center; gap: 28px;\n        padding: 0 40px;\n        background: rgba(13, 24, 32, 0.97);\n        backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);\n        transform: translateX(100%);\n        transition: transform 0.5s cubic-bezier(.2,.6,.2,1);\n        box-shadow: -20px 0 60px rgba(0,0,0,0.4);\n      }\n      nav.top.menu-open ul { transform: translateX(0); }\n      nav.top ul a { color: rgba(245, 240, 230, 0.9); font-size: 13px; }\n      nav.top.scrolled ul a { color: rgba(245, 240, 230, 0.9); }\n      section, .lede { padding-left: 28px; padding-right: 28px; }\n      .movements { grid-template-columns: 1fr 1fr; gap: 32px; }\n      .split { grid-template-columns: 1fr; gap: 44px; }\n      .split.reverse .split-text { order: 1; }\n      .split.reverse .split-img { order: 2; }\n      .deliver-grid { grid-template-columns: 1fr; gap: 44px; }\n    }\n  <\/style>\n\n<!-- NAV -->\n<nav class=\"top\" id=\"topnav\">\n  <a href=\"\/br\/\" class=\"brand\">THALAGRAPH STUDIO<\/a>\n  <button class=\"nav-toggle\" id=\"navToggle\" aria-label=\"Menu\" aria-expanded=\"false\">\n    <span><\/span><span><\/span><span><\/span>\n  <\/button>\n  <ul id=\"navMenu\">\n    <li><a href=\"\/br\/#manifesto\">EST\u00daDIO<\/a><\/li>\n    <li><a href=\"\/br\/#drops\">DROPS OF HOPE<\/a><\/li>\n    <li><a href=\"\/br\/ocean-chronicles\/\">OCEAN CHRONICLES<\/a><\/li>\n    <li><a href=\"\/br\/fine-art\/\">FINE ART<\/a><\/li>\n    <li><a href=\"\/br\/#contact\">CONTATO<\/a><\/li>\n  <\/ul>\n<\/nav>\n\n<!-- HERO -->\n<header class=\"page-hero\">\n  <img decoding=\"async\" src=\"https:\/\/thalagraph.studio\/wp-content\/uploads\/2026\/05\/deep-rays.jpg\" alt=\"Light rays through deep water with a distant school of fish\">\n  <div class=\"veil\"><\/div>\n  <div class=\"hero-content\">\n    <div class=\"eyebrow\">\u2014 Ocean Chronicles<\/div>\n    <h1 class=\"translation-block\">Um livro que <em>respira<\/em><br>com o hotel.<\/h1>\n    <p class=\"sub\">Um livro autoral que capta a alma do seu hotel e o mar ao redor.<\/p>\n  <\/div>\n<\/header>\n\n<!-- LEDE -->\n<section class=\"lede\">\n  <div class=\"wrap-narrow reveal\">\n    <div class=\"eyebrow\">\u2014 A ideia<\/div>\n    <h2>Todo oceano tem uma hist\u00f3ria a ser contada.<br><em>N\u00f3s existimos para torn\u00e1-la tang\u00edvel<\/em><\/h2>\n    <p>Um Ocean Chronicle transforma a alma de um lugar em algo que pode ser tocado \u2014 um livro de arte \u00fanico, autoral, que capta o esp\u00edrito do seu hotel e o mar que lhe d\u00e1 significado.<\/p>\n  <\/div>\n<\/section>\n\n<!-- VALUE \u2014 por que importa, antes do processo -->\n<section class=\"process\">\n  <div class=\"process-head reveal\">\n    <div class=\"eyebrow\">\u2014 Por qu\u00ea importa<\/div>\n    <h2>O mar torna o hotel<br>inesquec\u00edvel. N\u00f3s o tornamos<br>inesquec\u00edvel no papel.<\/h2>\n  <\/div>\n  <div class=\"movements reveal\">\n    <div class=\"movement\">\n      <div class=\"roman\">i.<\/div>\n      <h3>Identidade \u00fanica<\/h3>\n      <p>Nenhuma outra propriedade no mundo ter\u00e1 este livro. Ele n\u00e3o \u00e9 um guia ou uma campanha  \u2014 \u00e9 uma obra de arte autoral, criada uma s\u00f3 vez, apenas para voc\u00ea.<\/p>\n    <\/div>\n    <div class=\"movement\">\n      <div class=\"roman\">ii.<\/div>\n      <h3>Na mem\u00f3ria<\/h3>\n      <p>Ap\u00f3s o fim da estadia, o livro permanece \u2014 na su\u00edte, no lobby, nas m\u00e3os dos h\u00f3spedes que carregar\u00e3o o sentimento do hotel consigo.<\/p>\n    <\/div>\n    <div class=\"movement\">\n      <div class=\"roman\">iii.<\/div>\n      <h3>Profundidade<\/h3>\n      <p>Para al\u00e9m da arquitetura e dos amenities est\u00e1 o verdadeiro luxo: o oceano vivo \u00e0 sua porta. N\u00f3s damos forma a esta hist\u00f3ria para que seus h\u00f3spedes possam sentir.<\/p>\n    <\/div>\n    <div class=\"movement\">\n      <div class=\"roman\">iv.<\/div>\n      <h3>O Legado<\/h3>\n      <p>Mais que uma campanha que desaparece com o tempo, um volume de Ocean Chronicle \u00e9 criado para ser mantido \u2014 uma pe\u00e7a da alma do hotel, preservada em um livro que perdura gera\u00e7\u00f5es.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- SPLIT 1 -->\n<section>\n  <div class=\"split reveal\">\n    <div class=\"split-img\">\n      <img decoding=\"async\" src=\"https:\/\/thalagraph.studio\/wp-content\/uploads\/2026\/05\/book-mockup.jpg\" alt=\"The Ocean Chronicle book\">\n    <\/div>\n    <div class=\"split-text\">\n      <div class=\"eyebrow\">\u2014 O objeto<\/div>\n      <h2>N\u00e3o \u00e9 conte\u00fado.<br>\u00c9 um <em>legado.<\/em>.<\/h2>\n      <p>Em um mundo de imagens que somem em um piscar de olhos, um Ocean Chronicle \u00e9 criado para ser segurado \u2014 um livro autoral, produzido em edi\u00e7\u00e3o limitada para o hotel e seus valiosos h\u00f3spedes.<\/p>\n      <p>Ele vive no lobby, nas su\u00edtes, nas m\u00e3os daqueles que recordar\u00e3o sua estadia por muito tempo ap\u00f3s o checkout.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- PROCESS \u2014 agora reposicionado: o tempo como direito de contar a hist\u00f3ria -->\n<section class=\"process\">\n  <div class=\"process-head reveal\">\n    <div class=\"eyebrow\">\u2014 A resid\u00eancia<\/div>\n    <h2 class=\"translation-block\">Para contar uma hist\u00f3ria, precisamos<br>antes <em>ganhar o direito<\/em> de cont\u00e1-la.<\/h2>\n  <\/div>\n  <div class=\"wrap-narrow reveal\" style=\"text-align:center; margin: -40px auto 70px; max-width: 640px;\">\n    <p style=\"font-family: var(--serif); font-weight: 400; font-size: 19px; line-height: 1.75; color: rgba(245, 240, 230, 0.82);\">Fico em resid\u00eancia no hotel por dez dias \u2014 tempo o suficiente para mergulhar em sua alma e no oceano que o rodeia, aprendendo com a comunidade local e os cientistas que melhor conhecem essas \u00e1guas. Este tempo n\u00e3o \u00e9 log\u00edstica. \n<br>\u00c9 como a hist\u00f3ria se torna verdadeira.<\/p>\n  <\/div>\n  <div class=\"movements reveal\">\n    <div class=\"movement\">\n      <div class=\"roman\">i.<\/div>\n      <h3>Chegada<\/h3>\n      <p>Come\u00e7o ouvindo \u2014 estudando a luz, as mar\u00e9s, e o ritmo da propriedade, para que cada imagem criada seja ancorada em uma compreens\u00e3o real do lugar.<\/p>\n    <\/div>\n    <div class=\"movement\">\n      <div class=\"roman\">ii.<\/div>\n      <h3>Imers\u00e3o<\/h3>\n      <p>Mergulho com guias locais, conhe\u00e7o a comunidade, aprendo com cientistas marinhos que estudam essas \u00e1guas \u2014 permitindo que a hist\u00f3ria do mar se revele por si s\u00f3, em seus pr\u00f3prios termos.<\/p>\n    <\/div>\n    <div class=\"movement\">\n      <div class=\"roman\">iii.<\/div>\n      <h3>Captura<\/h3>\n      <p>Acima e abaixo da superf\u00edcie, em condi\u00e7\u00f5es vari\u00e1veis de luz e mar, fotografo os detalhes que apenas a paci\u00eancia e a presen\u00e7a podem revelar.<\/p>\n    <\/div>\n    <div class=\"movement\">\n      <div class=\"roman\">iv.<\/div>\n      <h3>A cr\u00f4nica<\/h3>\n      <p>As imagens s\u00e3o curadas e inseridas no livro final \u2014 um trabalho autoral que conta a hist\u00f3ria do seu hotel atrav\u00e9s do ponto de vista do oceano.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- DELIVERABLES -->\n<section class=\"deliver\">\n  <div class=\"deliver-head reveal\">\n    <div class=\"eyebrow\">\u2014 O qu\u00ea o hotel recebe<\/div>\n    <h2>Uma resid\u00eancia, um conjunto de trabalhos<\/h2>\n  <\/div>\n  <div class=\"deliver-grid reveal\">\n    <div class=\"deliver-item\">\n      <div class=\"icon\">i.<\/div>\n      <h3>Arquivo master<\/h3>\n      <p>O arquivo final, pronto para impress\u00e3o do livro \u2014 produzido com seu time e fornecedor local, seguindo nosso guia detalhado de impress\u00e3o para honrar o trabalho realizado.<\/p>\n    <\/div>\n    <div class=\"deliver-item\">\n      <div class=\"icon\">ii.<\/div>\n      <h3>V\u00eddeos curtos<\/h3>\n      <p>V\u00eddeos curtos produzidos ao longo da resid\u00eancia \u2014 notas de campo documentando a produ\u00e7\u00e3o do livro, e clips subaqu\u00e1ticos que possam ser usados pela equipe nas redes sociais. Um curta metragem pode ser desenvolvido sob demanda adicional.<\/p>\n    <\/div>\n    <div class=\"deliver-item\">\n      <div class=\"icon\">iii.<\/div>\n      <h3>Palestras e Oficinas<\/h3>\n      <p>Palestras e oficinas para os h\u00f3spedes e para o time do hotel durante a resid\u00eancia \u2014 uma viv\u00eancia de hist\u00f3rias oce\u00e2nicas em tempo real, in loco.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- PARTNER PROFILE -->\n<section class=\"partner\">\n  <div class=\"wrap-narrow reveal\">\n    <div class=\"eyebrow\">\u2014 O parceiro certo<\/div>\n    <h2>Para hot\u00e9is que j\u00e1 <em>pertencem ao oceano.<\/em><\/h2>\n    <p class=\"partner-text\">Ocean Chronicles s\u00e3o feitos para propriedades cuja identidade \u00e9 insepar\u00e1vel da \u00e1gua que as rodeiam \u2014 em qualquer parte do mundo onde o oceano n\u00e3o \u00e9 apenas uma vista, mas a raz\u00e3o pela qual o hotel existe.<\/p>\n  <\/div>\n<\/section>\n\n<!-- CTA -->\n<section class=\"cta\">\n  <div class=\"wrap-narrow reveal\">\n    <div class=\"eyebrow\">\u2014 Vamos conversar<\/div>\n    <h2>Vamos criar o livro <em>do seu hotel.<\/em><\/h2>\n    <p class=\"sub\">Uma introdu\u00e7\u00e3o de trinta minutos. Nos conte sobre sua propriedade, seus h\u00f3spedes, e o mar que lhe rodeia.<\/p>\n  <\/div>\n\n  <div class=\"calendly-wrap reveal\">\n    <div class=\"calendly-inline-widget\"\n         data-url=\"https:\/\/calendly.com\/thalagraph\/30min?hide_gdpr_banner=1&background_color=f5f0e6&text_color=1b2a36&primary_color=8a6b3d\"\n         style=\"min-width:320px;height:700px;\"><\/div>\n    \n  <\/div>\n\n  <div class=\"fallback reveal\">\n    ou escreva para <a href=\"mailto:victor@thalagraph.studio\">victor@thalagraph.studio<\/a>\n  <\/div>\n<\/section>\n\n<!-- FOOTER -->\n<footer>\n  <div class=\"footer-inner\">\n    <div class=\"footer-brand\">\n      THALAGRAPH\n      <span class=\"sub\">OCEAN STORYTELLING \u00b7 MMXXVI<\/span>\n    <\/div>\n    <div class=\"footer-links\">\n      <a href=\"https:\/\/instagram.com\/victorandtheocean\" target=\"_blank\" rel=\"noopener\">Instagram<\/a>\n      <a href=\"https:\/\/substack.com\/@theoceandispatch\" target=\"_blank\" rel=\"noopener\">Di\u00e1rio<\/a>\n      <a href=\"\/br\/#contact\">Contato<\/a>\n    <\/div>\n  <\/div>\n<\/footer>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>THALAGRAPH STUDIO STUDIO DROPS OF HOPE OCEAN CHRONICLES FINE ART CONTACT \u2014 Ocean Chronicles A book that breatheswith the hotel. An authorial book that captures the soul of your hotel and the sea that surrounds it. \u2014 The idea Every ocean has a story to tell.We exist to make it tangible. An Ocean Chronicle turns [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-214","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thalagraph.studio\/br\/wp-json\/wp\/v2\/pages\/214","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thalagraph.studio\/br\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thalagraph.studio\/br\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thalagraph.studio\/br\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thalagraph.studio\/br\/wp-json\/wp\/v2\/comments?post=214"}],"version-history":[{"count":7,"href":"https:\/\/thalagraph.studio\/br\/wp-json\/wp\/v2\/pages\/214\/revisions"}],"predecessor-version":[{"id":247,"href":"https:\/\/thalagraph.studio\/br\/wp-json\/wp\/v2\/pages\/214\/revisions\/247"}],"wp:attachment":[{"href":"https:\/\/thalagraph.studio\/br\/wp-json\/wp\/v2\/media?parent=214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}