{"id":117,"date":"2025-11-21T18:27:49","date_gmt":"2025-11-21T18:27:49","guid":{"rendered":"https:\/\/anacuamic.com\/?page_id=117"},"modified":"2025-12-11T12:01:37","modified_gmt":"2025-12-11T12:01:37","slug":"safe","status":"publish","type":"page","link":"https:\/\/anacuamic.com\/index.php\/safe\/","title":{"rendered":"safe artist book"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<style>\n\/* --- LAYOUT BASE --- *\/\n.media-layout {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  max-width: 1500px;\n  margin: 0 auto;\n  gap: 60px;\n  box-sizing: border-box;\n  opacity: 0;\n  transform: translateY(40px);\n  transition: opacity 2.5s ease, transform 2.5s ease;\n}\n.media-layout.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\/* --- LEFT IMAGE (matched to video width) --- *\/\n.left-image {\n  width: 0;\n  flex-grow: 1;\n  flex-shrink: 1;\n  flex-basis: 0;\n}\n.left-image img {\n  display: block;\n  height: 420px;\n  width: 100%;\n  object-fit: cover;\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 2.5s ease, transform 2.5s ease;\n}\n.left-image.visible img {\n  opacity: 1;\n  transform: translateY(0);\n}\n\/* --- CENTER TEXT (extra slow fade) --- *\/\n.center-text {\n  flex: 2;\n  font-family: \"Verdana\", sans-serif;\n  font-size: 0.8rem;\n  line-height: 1.1;\n  letter-spacing: -0.3px;\n  opacity: 0;\n  transform: translateY(40px);\n  transition: opacity 4s ease, transform 4s ease;\n}\n.center-text.visible {\n  opacity: 0.9;\n  transform: translateY(0);\n}\n\/* --- RIGHT VIDEO --- *\/\n.right-video {\n  width: 0;\n  flex-grow: 1;\n  flex-shrink: 1;\n  flex-basis: 0;\n}\n.right-video video {\n  height: 420px;\n  width: 100%;\n  display: block;\n  object-fit: cover;\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 2.5s ease, transform 2.5s ease;\n}\n.right-video.visible video {\n  opacity: 1;\n  transform: translateY(0);\n}\n\/* --- MOBILE OPTIMIZATION --- *\/\n@media (max-width: 900px) {\n  .media-layout {\n    flex-direction: column;\n    gap: 30px;\n    padding: 20px;\n  }\n  \n  .left-image,\n  .right-video {\n    width: 100%;\n    flex-grow: 0;\n    flex-shrink: 0;\n    flex-basis: auto;\n  }\n  \n  .left-image img,\n  .right-video video {\n    height: auto;\n    width: 100%;\n    max-height: 350px;\n  }\n  \n  .center-text {\n    flex: none;\n    width: 100%;\n    font-size: 0.85rem;\n    line-height: 1.35;\n    letter-spacing: -0.2px;\n    padding: 0 10px;\n  }\n}\n\n@media (max-width: 600px) {\n  .media-layout {\n    gap: 20px;\n    padding: 15px;\n  }\n  \n  .left-image img,\n  .right-video video {\n    max-height: 280px;\n  }\n  \n  .center-text {\n    font-size: 0.8rem;\n    line-height: 1.4;\n  }\n}\n<\/style>\n<\/head>\n<body>\n<div class=\"media-layout fade-section\">\n  <div class=\"left-image fade-element\">\n    <img decoding=\"async\" src=\"https:\/\/anacuamic.com\/artworks\/safe_artistbook.jpg\" alt=\"\">\n  <\/div>\n  <div class=\"center-text fade-element\">\nVisual poetry and actual poetry on the paused time we live in \/ the historic 1st lockdown when all of us were just beginners. it&#8217;s a handmade object of art too. i could relate to every single page &#8211; the view out of the window, details in my flat i saw for the first time, the shadow plays and urban emptinesses. everyone who watches ana&#8217;s instagram stories, you know .. <b>S. from Berlin.<\/b>\n<br><br>\nThis is so much more than I even imagined or expected ..Such a beautiful souvenir from these awful times. <b>G. from Timi\u0219oara.<\/b>\n<br><br>\nThis book by anacuamic is the most impressive haptic experience of the last few years. Since Red Colour News actually. <b>A. from Timi\u0219oara.<\/b>\n<br><br>\nIt is superb!!! <b>I. from London.<\/b>\n<br><br>\nA collection of beautifully crafted visual poems. as if reading Haiku poems accompanied by these fairytale images. So well conceived &#8211; the music, the cover, the glitter thread, everything. <b>N. from Cartagena.<\/b>\n<br><br>\nIt is amazing! I like the whole concept from the mirror hardcover, where you see parts of yourself which totally fits with the rediscovery of ourselves through this pandemic challenge. A very pure and deep introspection story connected with these times, loved every bit. <b>A. from Vienna.<\/b>\n<br><br>\nIt&#8217;s lovely, then the envelope came to light. the music playlist feels like Sigur Ros on xanax \u2661 <b>M. from Prague.<\/b>\n<br><br>\n  <\/div>\n  <div class=\"right-video fade-element\">\n    <video src=\"https:\/\/anacuamic.com\/videos\/Oranienplatz.mp4\" autoplay loop muted playsinline><\/video>\n  <\/div>\n<\/div>\n<script>\n\/* Intersection Observer for fade-in *\/\nconst observer = new IntersectionObserver((entries) => {\n  entries.forEach(entry => {\n    if (entry.isIntersecting) {\n      entry.target.classList.add(\"visible\");\n    }\n  });\n}, { threshold: 0.2 });\ndocument.querySelectorAll(\".fade-section, .fade-element\").forEach(el => {\n  observer.observe(el);\n});\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<style>\n\/* WRAPPER *\/\n.seven-row-wrapper {\n  width: 100%;\n  max-width: 1500px;\n  margin: 60px auto 0 auto;\n  opacity: 0;\n  transform: translateY(40px);\n  transition: opacity 2.5s ease, transform 2.5s ease;\n}\n.seven-row-wrapper.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\/* ROW *\/\n.seven-row {\n  display: flex;\n  justify-content: center;\n  gap: 18px;\n  flex-wrap: nowrap;\n  overflow-x: auto;\n  padding-bottom: 10px;\n  scroll-snap-type: x mandatory;\n}\n.seven-row::-webkit-scrollbar {\n  display: none;\n}\n\/* ITEMS *\/\n.seven-row .item {\n  text-align: center;\n  font-family: Verdana, sans-serif;\n  flex: 0 0 auto;\n  opacity: 0.95;\n  scroll-snap-align: center;\n  position: relative;\n  z-index: 1;\n}\n\/* IMAGES *\/\n.seven-row img {\n  height: 260px;\n  object-fit: cover;\n  border-radius: 6px;\n  display: block;\n  margin: 0 auto;\n  opacity: 0.9;\n  transition: transform 0.8s ease,\n              opacity 0.5s ease,\n              filter 0.5s ease,\n              z-index 0.3s ease;\n  transform-origin: center center;\n}\n\/* CAPTION \u2014 WHITE + SMALLER *\/\n.seven-row .item span {\n  display: block;\n  opacity: 0.6;\n  font-size: 0.7rem;\n  color: #ffffff;\n  margin-top: 6px;\n  transition: opacity 0.4s ease;\n}\n\/* HOVER EFFECT \u2014 2\u00d7 (desktop only) *\/\n@media (min-width: 901px) {\n  .seven-row .item:hover img {\n    transform: scale(2);\n    opacity: 1;\n    z-index: 10;\n  }\n  .seven-row .item:hover span {\n    opacity: 1;\n  }\n}\n\n\/* MOBILE OPTIMIZATION *\/\n@media (max-width: 900px) {\n  .seven-row-wrapper {\n    margin: 40px auto 0 auto;\n    padding: 0 10px;\n  }\n  \n  .seven-row {\n    gap: 14px;\n    padding-bottom: 15px;\n    justify-content: flex-start;\n  }\n  \n  .seven-row img {\n    height: 220px;\n    width: auto;\n  }\n  \n  .seven-row .item span {\n    font-size: 0.65rem;\n    opacity: 0.7;\n  }\n}\n\n@media (max-width: 600px) {\n  .seven-row-wrapper {\n    margin: 30px auto 0 auto;\n    padding: 0 5px;\n  }\n  \n  .seven-row {\n    gap: 10px;\n  }\n  \n  .seven-row img {\n    height: 180px;\n  }\n  \n  .seven-row .item span {\n    font-size: 0.6rem;\n    margin-top: 4px;\n  }\n}\n<\/style>\n<\/head>\n<body>\n<div class=\"seven-row-wrapper fade-element\">\n  <div class=\"seven-row\">\n      <div class=\"item\">\n        <img decoding=\"async\" src=\"https:\/\/anacuamic.com\/artworks\/page3.jpg\">\n        <span>page 3<\/span>\n      <\/div>\n      <div class=\"item\">\n        <img decoding=\"async\" src=\"https:\/\/anacuamic.com\/artworks\/page14.jpg\">\n        <span>page 14<\/span>\n      <\/div>\n      <div class=\"item\">\n        <img decoding=\"async\" src=\"https:\/\/anacuamic.com\/artworks\/page33.jpg\">\n        <span>page 33<\/span>\n      <\/div>\n      <div class=\"item\">\n        <img decoding=\"async\" src=\"https:\/\/anacuamic.com\/artworks\/page44.jpg\">\n        <span>page 44<\/span>\n      <\/div>\n      <div class=\"item\">\n        <img decoding=\"async\" src=\"https:\/\/anacuamic.com\/artworks\/page54.jpg\">\n        <span>page 54<\/span>\n      <\/div>\n      <div class=\"item\">\n        <img decoding=\"async\" src=\"https:\/\/anacuamic.com\/artworks\/page58.jpg\">\n        <span>page 58<\/span>\n      <\/div>\n  <\/div>\n<\/div>\n<script>\n\/* Fade-in on scroll *\/\nconst obs2 = new IntersectionObserver((entries) => {\n  entries.forEach(entry => {\n    if (entry.isIntersecting) {\n      entry.target.classList.add(\"visible\");\n    }\n  });\n}, { threshold: 0.2 });\ndocument.querySelectorAll(\".seven-row-wrapper\").forEach(el => {\n  obs2.observe(el);\n});\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<style>\n\n\/* container layout *\/\n.four-image-row {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 60px;\n  width: 100%;\n  max-width: 1600px;\n  margin: 120px auto;\n  opacity: 0;\n  transform: translateY(30px);\n  animation: fadeInSlow 3.5s ease forwards;\n}\n\n\/* slow fade-in animation *\/\n@keyframes fadeInSlow {\n  from { opacity: 0; transform: translateY(60px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* text aesthetic \u2014 matched to center-text style *\/\n.side-text {\n  width: 15%;\n  font-family: \"Verdana\", sans-serif;\n  font-size: 0.8rem;\n  line-height: 1.1;\n  letter-spacing: -0.3px;\n  color: #1a1a1a;\n  opacity: 0.5;\n  transition: opacity 2s ease;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n\/* left and right text margin for symmetry *\/\n.side-text.left { margin-left: 20px; }\n.side-text.right { margin-right: 20px; }\n\n\/* image strip layout *\/\n.image-strip {\n  display: flex;\n  gap: 25px;\n  justify-content: center;\n}\n\n\/* images aesthetic *\/\n.image-strip img {\n  height: 180px;\n  width: auto;\n  object-fit: cover;\n  opacity: 0.9;\n  border-radius: 14px;\n  transition: opacity 1.2s ease, transform 1.6s ease;\n}\n\n\/* hover effect: opacity 100% + double size (desktop only) *\/\n@media (min-width: 901px) {\n  .image-strip img:hover {\n    opacity: 1;\n    transform: scale(2);\n    z-index: 5;\n  }\n}\n\n\/* -------------------------------------------------------- *\/\n\/* MOBILE OPTIMIZATION + remove <br> breaks automatically   *\/\n\/* -------------------------------------------------------- *\/\n\n@media (max-width: 900px) {\n\n  .four-image-row {\n    flex-direction: column;\n    gap: 30px;\n    margin: 60px auto;\n    padding: 0 20px;\n  }\n\n  \/* hide all <br> in text *\/\n  .side-text br {\n    display: none;\n  }\n\n  \/* allow the text to flow as normal sentences *\/\n  .side-text {\n    width: 100%;\n    text-align: center;\n    font-size: 0.85rem;\n    line-height: 1.45;\n    opacity: 0.7;\n    white-space: normal;\n  }\n\n  .side-text.left,\n  .side-text.right {\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  .image-strip {\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    align-items: center;\n  }\n\n  .image-strip img {\n    height: auto;\n    width: 90%;\n    max-width: 350px;\n  }\n}\n\n@media (max-width: 600px) {\n\n  .four-image-row {\n    margin: 40px auto;\n    gap: 25px;\n    padding: 0 15px;\n  }\n\n  .side-text {\n    font-size: 0.8rem;\n    line-height: 1.5;\n  }\n\n  .image-strip {\n    gap: 15px;\n  }\n\n  .image-strip img {\n    width: 95%;\n    max-width: 300px;\n  }\n}\n<\/style>\n<\/head>\n\n<body>\n<div class=\"four-image-row\">\n\n  <!-- LEFT TEXT -->\n  <div class=\"side-text left\">\n    handmade artist book,<br>\n    photography and poetry,<br>\n    from the first corona lockdown.<br><br><br>\n    contains a small print,<br>\n    plus a music playlist code.\n  <\/div>\n\n  <!-- IMAGES -->\n  <div class=\"image-strip\">\n    <img decoding=\"async\" src=\"https:\/\/anacuamic.com\/artworks\/safe_cover.jpg\" alt=\"\">\n    <img decoding=\"async\" src=\"https:\/\/anacuamic.com\/artworks\/safe_pages.jpg\" alt=\"\">\n    <img decoding=\"async\" src=\"https:\/\/anacuamic.com\/artworks\/handsewn.jpg\" alt=\"\">\n  <\/div>\n\n  <!-- RIGHT TEXT -->\n  <div class=\"side-text right\">\n    handsewn, glitter thread,<br>\n    reflective cover surface,<br>\n    protective dust jacket.<br><br><br>\n    sold out limited edition,<br>\n    70 pieces.\n  <\/div>\n\n<\/div>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Visual poetry and actual poetry on the paused time we live in \/ the historic 1st lockdown when all of us were just beginners. it&#8217;s a handmade object of art too. i could relate to every single page &#8211; the view out of the window, details in my flat i saw for the first time, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-117","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/anacuamic.com\/index.php\/wp-json\/wp\/v2\/pages\/117","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/anacuamic.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/anacuamic.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/anacuamic.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/anacuamic.com\/index.php\/wp-json\/wp\/v2\/comments?post=117"}],"version-history":[{"count":69,"href":"https:\/\/anacuamic.com\/index.php\/wp-json\/wp\/v2\/pages\/117\/revisions"}],"predecessor-version":[{"id":699,"href":"https:\/\/anacuamic.com\/index.php\/wp-json\/wp\/v2\/pages\/117\/revisions\/699"}],"wp:attachment":[{"href":"https:\/\/anacuamic.com\/index.php\/wp-json\/wp\/v2\/media?parent=117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}