{"id":490,"date":"2025-12-09T01:44:24","date_gmt":"2025-12-09T01:44:24","guid":{"rendered":"https:\/\/anacuamic.com\/?page_id=490"},"modified":"2025-12-10T20:26:10","modified_gmt":"2025-12-10T20:26:10","slug":"2015-2","status":"publish","type":"page","link":"https:\/\/anacuamic.com\/index.php\/2015-2\/","title":{"rendered":"2015"},"content":{"rendered":"\n<style>\n\/* Container *\/\n.overlap-gallery {\n  position: relative;\n  width: 90%;\n  max-width: 900px;\n  height: 520px;\n  margin: 0 auto;\n  overflow: visible;\n}\n\n\/* Floating + fade-in animation *\/\n@keyframes float {\n  0% { transform: translateY(0px); }\n  50% { transform: translateY(-10px); }\n  100% { transform: translateY(0px); }\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n\/* Circle visuals *\/\n.overlap-item {\n  position: absolute;\n  width: 30%; \/* reduced size for clearer visibility *\/\n  max-width: 240px;\n  opacity: 0;\n  animation: fadeIn 1.8s ease forwards, float 7s ease-in-out infinite;\n  animation-delay: 0.3s;\n  cursor: pointer;\n  border-radius: 50%;\n  overflow: hidden;\n  transition: transform 1.6s ease, opacity 0.8s ease;\n}\n\n.overlap-item img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  border-radius: 50%;\n}\n\n\/* Hover label *\/\n.overlap-item .label {\n  position: absolute;\n  bottom: 12%;\n  left: 50%;\n  transform: translateX(-50%);\n  padding: 6px 14px;\n  background: rgba(0,0,0,0.55);\n  color: white;\n  font-size: 1rem;\n  border-radius: 12px;\n  opacity: 0;\n  transition: opacity 1s ease;\n  pointer-events: none;\n}\n\n.overlap-item:hover .label {\n  opacity: 1;\n}\n\n\/* \nMUCH LESS overlap positioning \nfurther comment to logic: 0 to 100 top: higher vs lower   0 to 100 left: left vs right\n*\/\n.item1 { top: 32%; left: 28%; transform: translate(-50%, -50%); }\n.item2 { top: 28%; left: 48%; transform: translate(-50%, -50%); }\n.item3 { top: 35%; left: 70%; transform: translate(-50%, -50%); }\n.item4 { top: 48%; left: 42%; transform: translate(-50%, -50%); }\n.item5 { top: 50%; left: 60%; transform: translate(-50%, -50%); }\n.item6 { top: 45%; left: 20%; transform: translate(-50%, -50%); }\n\n\/* Hover cinematic drift outward *\/\n.overlap-item:hover {\n  transform: translate(-50%, -50%) scale(1.85) translateY(-14px);\n  z-index: 20;\n  transition: transform 2.4s ease;\n}\n<\/style>\n\n<div class=\"overlap-gallery\">\n  <div class=\"overlap-item item1\">\n    <a href=\"https:\/\/anacuamic.com\/index.php\/herbarium\/\">\n      <img decoding=\"async\" src=\"https:\/\/anacuamic.com\/artworks\/plant.jpg\" alt=\"plant\" \/>\n      <div class=\"label\">plant<\/div>\n    <\/a>\n  <\/div>\n\n  <div class=\"overlap-item item2\">\n    <a href=\"https:\/\/anacuamic.com\/index.php\/quanta\/\">\n      <img decoding=\"async\" src=\"https:\/\/anacuamic.com\/artworks\/quanta.png\" alt=\"quanta\" \/>\n      <div class=\"label\">quanta<\/div>\n    <\/a>\n  <\/div>\n\n<div class=\"overlap-item item3\">\n    <a href=\"https:\/\/anacuamic.com\/index.php\/hop-on-a-train\/\/\">\n      <img decoding=\"async\" src=\"https:\/\/anacuamic.com\/artworks\/train.png\" alt=\"body\" \/>\n      <div class=\"label\">body<\/div>\n    <\/a>\n  <\/div>\n\n  <div class=\"overlap-item item4\">\n    <a href=\"https:\/\/anacuamic.com\/index.php\/decomposition-an-exercise\/\">\n      <img decoding=\"async\" src=\"https:\/\/anacuamic.com\/artworks\/body.jpg\" alt=\"body\" \/>\n      <div class=\"label\">body<\/div>\n    <\/a>\n  <\/div>\n\n  <div class=\"overlap-item item5\">\n    <a href=\"https:\/\/anacuamic.com\/index.php\/reflections\/\">\n      <img decoding=\"async\" src=\"https:\/\/anacuamic.com\/artworks\/glass.jpg\" alt=\"glass\" \/>\n      <div class=\"label\">glass<\/div>\n    <\/a>\n  <\/div>\n\n  <div class=\"overlap-item item6\">\n    <a href=\"https:\/\/anacuamic.com\/index.php\/vogue\/\">\n      <img decoding=\"async\" src=\"https:\/\/anacuamic.com\/artworks\/vogue.jpg\" alt=\"vogue\" \/>\n      <div class=\"label\">vogue<\/div>\n    <\/a>\n  <\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>plant quanta body body glass vogue<\/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-490","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/anacuamic.com\/index.php\/wp-json\/wp\/v2\/pages\/490","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=490"}],"version-history":[{"count":13,"href":"https:\/\/anacuamic.com\/index.php\/wp-json\/wp\/v2\/pages\/490\/revisions"}],"predecessor-version":[{"id":632,"href":"https:\/\/anacuamic.com\/index.php\/wp-json\/wp\/v2\/pages\/490\/revisions\/632"}],"wp:attachment":[{"href":"https:\/\/anacuamic.com\/index.php\/wp-json\/wp\/v2\/media?parent=490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}