{"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\/es\/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=\"\/es\/\" 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=\"\/es\/#manifesto\">STUDIO<\/a><\/li>\n    <li><a href=\"\/es\/#drops\">DROPS OF HOPE<\/a><\/li>\n    <li><a href=\"\/es\/ocean-chronicles\/\">LIBROS DE ARTE<\/a><\/li>\n    <li><a href=\"\/es\/fine-art\/\">IMPRESIONES<\/a><\/li>\n    <li><a href=\"\/es\/#contact\">CONTACTO<\/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\">Un libro que <em>respira<\/em><br>con el hotel.<\/h1>\n    <p class=\"sub\">Un libro de autor que captura el alma de su hotel y el mar que lo rodea.<\/p>\n  <\/div>\n<\/header>\n\n<!-- LEDE -->\n<section class=\"lede\">\n  <div class=\"wrap-narrow reveal\">\n    <div class=\"eyebrow\">\u2014 La idea<\/div>\n    <h2>Cada oc\u00e9ano tiene una historia que contar.<br><em>Existimos para hacerlo tangible.<\/em><\/h2>\n    <p>Un Ocean Chronicle convierte el alma de un lugar en algo que puedes sostener, un libro singular y de autor que captura el esp\u00edritu de tu hotel y el mar que le da sentido.<\/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\u00e9 es importante<\/div>\n    <h2>El mar haces su hotel<br>inolvidable. Lo hacemos<br>inolvidable en papel.<\/h2>\n  <\/div>\n  <div class=\"movements reveal\">\n    <div class=\"movement\">\n      <div class=\"roman\">i.<\/div>\n      <h3>Identidad singular<\/h3>\n      <p>Ninguna otra propiedad en el mundo tendr\u00e1 este libro. No es un folleto o una campa\u00f1a, es una obra de arte de autor, creada una vez, solo para ti.<\/p>\n    <\/div>\n    <div class=\"movement\">\n      <div class=\"roman\">ii.<\/div>\n      <h3>Memoria del hu\u00e9sped<\/h3>\n      <p>Mucho despu\u00e9s de que termine la estancia, la cr\u00f3nica permanece: en la suite, en el vest\u00edbulo, en manos de los hu\u00e9spedes que llevar\u00e1n la sensaci\u00f3n de su hotel en casa con ellos.<\/p>\n    <\/div>\n    <div class=\"movement\">\n      <div class=\"roman\">iii.<\/div>\n      <h3>m\u00e1s profundidad<\/h3>\n      <p>M\u00e1s all\u00e1 de la arquitectura y las comodidades se encuentra el verdadero lujo: el oc\u00e9ano vivo en su puerta. Le damos a esa historia una forma que sus invitados pueden sentir.<\/p>\n    <\/div>\n    <div class=\"movement\">\n      <div class=\"roman\">iv.<\/div>\n      <h3>Objeto heredado<\/h3>\n      <p>M\u00e1s que una campa\u00f1a que se desvanece con la temporada, la cr\u00f3nica est\u00e1 hecha para ser conservada, un pedazo del alma de su hotel, conservado como un libro que perdura.<\/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 El objeto<\/div>\n      <h2>No es contenido.<br>Es <em>un recuerdo.<\/em>.<\/h2>\n      <p>En un mundo de im\u00e1genes fugaces, se hace un Ocean Chronicle, un libro de autor, producido en una edici\u00f3n limitada para el hotel y sus hu\u00e9spedes m\u00e1s valiosos.<\/p>\n      <p>Vive en el vest\u00edbulo, en las suites, en manos de aquellos que recordar\u00e1n su estancia mucho despu\u00e9s de que se hayan ido.<\/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 La residencia<\/div>\n    <h2 class=\"translation-block\">Para contar una historia, primero debes<br> ganarte <em>el derecho<em> a contarla.<\/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);\">Vivo dentro de su hotel durante diez d\u00edas, el tiempo suficiente para sumergirme en su alma y en el oc\u00e9ano que lo rodea, aprendiendo de la comunidad local y de los cient\u00edficos que mejor conocen estas aguas. El tiempo no es log\u00edstica. Es as\u00ed como la historia se hace realidad.<\/p>\n  <\/div>\n  <div class=\"movements reveal\">\n    <div class=\"movement\">\n      <div class=\"roman\">i.<\/div>\n      <h3>Llegada<\/h3>\n      <p>Empiezo escuchando, estudiando la luz, las mareas y el ritmo de la propiedad, de modo que cada imagen por venir est\u00e9 arraigada en una comprensi\u00f3n real del lugar.<\/p>\n    <\/div>\n    <div class=\"movement\">\n      <div class=\"roman\">ii.<\/div>\n      <h3>Inmersi\u00f3n<\/h3>\n      <p>Buceo con buzos locales, conozco a la comunidad y aprendo de los cient\u00edficos marinos que conocen estas aguas, dejando que la historia del mar se revele en sus propios t\u00e9rminos.<\/p>\n    <\/div>\n    <div class=\"movement\">\n      <div class=\"roman\">iii.<\/div>\n      <h3>Captura<\/h3>\n      <p>Por encima y por debajo de la superficie, a trav\u00e9s de la luz y las condiciones cambiantes, fotograf\u00edo los detalles que solo la paciencia y la presencia pueden revelar.<\/p>\n    <\/div>\n    <div class=\"movement\">\n      <div class=\"roman\">iv.<\/div>\n      <h3>La cr\u00f3nica<\/h3>\n      <p>Las im\u00e1genes est\u00e1n seleccionadas y compuestas en el libro final, una obra de autor que cuenta la historia de su hotel a trav\u00e9s del mar que lo rodea.<\/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 Lo que recibe el hotel<\/div>\n    <h2>Una residencia, un cuerpo de trabajo.<\/h2>\n  <\/div>\n  <div class=\"deliver-grid reveal\">\n    <div class=\"deliver-item\">\n      <div class=\"icon\">i.<\/div>\n      <h3>El archivo maestro<\/h3>\n      <p>El archivo maestro final, listo para imprimir, de la cr\u00f3nica, producido con su equipo y un proveedor local, siguiendo nuestra gu\u00eda de impresi\u00f3n detallada para honrar el trabajo.<\/p>\n    <\/div>\n    <div class=\"deliver-item\">\n      <div class=\"icon\">ii.<\/div>\n      <h3>Videos cortos<\/h3>\n      <p>V\u00eddeo de formato corto de la residencia: notas de campo que documentan la realizaci\u00f3n de la cr\u00f3nica, clips submarinos para redes sociales y piezas aut\u00e9nticas y listas para lo social que su equipo puede compartir durante todo el a\u00f1o. Se puede encargar un cortometraje m\u00e1s largo a petici\u00f3n.<\/p>\n    <\/div>\n    <div class=\"deliver-item\">\n      <div class=\"icon\">iii.<\/div>\n      <h3>Charlas y talleres<\/h3>\n      <p>Charlas y talleres para los hu\u00e9spedes y el equipo del hotel durante la residencia: una experiencia de narraci\u00f3n oce\u00e1nica que se desarrolla en tiempo real, en el sitio.<\/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 Lo mejor socio<\/div>\n    <h2>Para hoteles que ya <em>pertenecen al mar.<\/em><\/h2>\n    <p class=\"partner-text\">Ocean Chronicles est\u00e1 hecho para propiedades cuya identidad es inseparable del agua que las rodea, en cualquier parte del mundo donde el oc\u00e9ano no sea una vista, sino la raz\u00f3n por la que el 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 Iniciar una conversaci\u00f3n<\/div>\n    <h2>Escribamos la cr\u00f3nica de <em>su hotel.<\/em><\/h2>\n    <p class=\"sub\">Una introducci\u00f3n de treinta minutos. Cu\u00e9ntanos sobre tu hotel, tus invitados, el mar que te rodea.<\/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    o escribe a <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\">Diario<\/a>\n      <a href=\"\/es\/#contact\">Contacto<\/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\/es\/wp-json\/wp\/v2\/pages\/214","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thalagraph.studio\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thalagraph.studio\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thalagraph.studio\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thalagraph.studio\/es\/wp-json\/wp\/v2\/comments?post=214"}],"version-history":[{"count":7,"href":"https:\/\/thalagraph.studio\/es\/wp-json\/wp\/v2\/pages\/214\/revisions"}],"predecessor-version":[{"id":247,"href":"https:\/\/thalagraph.studio\/es\/wp-json\/wp\/v2\/pages\/214\/revisions\/247"}],"wp:attachment":[{"href":"https:\/\/thalagraph.studio\/es\/wp-json\/wp\/v2\/media?parent=214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}