{"id":410,"date":"2025-12-08T15:47:13","date_gmt":"2025-12-08T15:47:13","guid":{"rendered":"https:\/\/anacuamic.com\/?page_id=410"},"modified":"2025-12-11T11:33:53","modified_gmt":"2025-12-11T11:33:53","slug":"suddenly-we-appeared-to-be-waiting","status":"publish","type":"page","link":"https:\/\/anacuamic.com\/index.php\/suddenly-we-appeared-to-be-waiting\/","title":{"rendered":"suddenly, we appeared to be waiting"},"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.metro-container {\n  max-width: 1200px;\n  margin: 0 auto;\n  text-align: center;\n}\n\n.metro-row {\n  display: flex;\n  gap: 20px;\n  justify-content: center;\n  align-items: flex-start;\n  flex-wrap: nowrap;\n  margin-bottom: 20px;\n}\n\n.metro-row img {\n  height: 200px;\n  width: auto;\n  border-radius: 16px;\n  object-fit: cover;\n}\n\n\/* Caption styling *\/\n.metro-caption {\n  margin-top: 12px;\n  font-size: 0.8rem;\n  color: #444;\n  font-family: \"verdana\", sans-serif;\n  opacity: 0;\n}\n\n\/* -------------------------------------- *\/\n\/* ANIMATIONS *\/\n\/* -------------------------------------- *\/\n@keyframes fadeInUpSlow {\n  0% { opacity: 0; transform: translateY(14px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n@keyframes fadeInUpSlower {\n  0% { opacity: 0; transform: translateY(18px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n\/* Images fade-in (1.6s) *\/\n.metro-row img {\n  opacity: 0;\n  animation: fadeInUpSlow 1.6s ease-out forwards;\n}\n\n\/* Staggered timing for rows *\/\n.metro-row:nth-child(1) img:nth-child(1) { animation-delay: 0.15s; }\n.metro-row:nth-child(1) img:nth-child(2) { animation-delay: 0.35s; }\n.metro-row:nth-child(1) img:nth-child(3) { animation-delay: 0.55s; }\n\n.metro-row:nth-child(2) img:nth-child(1) { animation-delay: 0.75s; }\n.metro-row:nth-child(2) img:nth-child(2) { animation-delay: 0.95s; }\n.metro-row:nth-child(2) img:nth-child(3) { animation-delay: 1.15s; }\n\n.metro-row:nth-child(3) img:nth-child(1) { animation-delay: 1.35s; }\n.metro-row:nth-child(3) img:nth-child(2) { animation-delay: 1.55s; }\n.metro-row:nth-child(3) img:nth-child(3) { animation-delay: 1.75s; }\n\n\/* Caption slower fade *\/\n.metro-caption {\n  animation: fadeInUpSlower 2.4s ease-out forwards;\n  animation-delay: 2.5s;\n}\n\n\/* -------------------------------------- *\/\n\/* MOBILE RESPONSIVE LAYOUT *\/\n\/* -------------------------------------- *\/\n@media (max-width: 768px) {\n\n  .metro-row {\n    flex-direction: column;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .metro-row img {\n    width: 100%;\n    max-width: 420px;\n    height: auto;\n  }\n\n  .metro-caption {\n    font-size: 0.9rem;\n    text-align: center;        \/* Center the caption text *\/\n    max-width: 90%;\n    margin: 0 auto;\n  }\n}\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"metro-container\">\n\n  <!-- Row 1 -->\n  <div class=\"metro-row\">\n    <img decoding=\"async\" src=\"https:\/\/anacuamic.com\/artworks\/metro1.jpg\" alt=\"metro 1\">\n    <img decoding=\"async\" src=\"https:\/\/anacuamic.com\/artworks\/metro2.jpg\" alt=\"metro 2\">\n    <img decoding=\"async\" src=\"https:\/\/anacuamic.com\/artworks\/metro3.jpg\" alt=\"metro 3\">\n  <\/div>\n\n  <!-- Row 2 -->\n  <div class=\"metro-row\">\n    <img decoding=\"async\" src=\"https:\/\/anacuamic.com\/artworks\/metro4.jpg\" alt=\"metro 4\">\n    <img decoding=\"async\" src=\"https:\/\/anacuamic.com\/artworks\/metro5.jpg\" alt=\"metro 5\">\n    <img decoding=\"async\" src=\"https:\/\/anacuamic.com\/artworks\/metro6.jpg\" alt=\"metro 6\">\n  <\/div>\n\n  <!-- Row 3 -->\n  <div class=\"metro-row\">\n    <img decoding=\"async\" src=\"https:\/\/anacuamic.com\/artworks\/metro7.jpg\" alt=\"metro 7\">\n    <img decoding=\"async\" src=\"https:\/\/anacuamic.com\/artworks\/metro8.jpg\" alt=\"metro 8\">\n    <img decoding=\"async\" src=\"https:\/\/anacuamic.com\/artworks\/metro9.jpg\" alt=\"metro 9\">\n  <\/div>\n\n  <div class=\"metro-caption\">\n    <br> suddenly, we appeared to be waiting \/\/ a series of underground stations and passengers on hold &#8211; <br> the inner space suspended between surfaces.\n    <br><br>.site: Berlin \/ 2017.\n  <\/div>\n\n  >____+__<\n\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>suddenly, we appeared to be waiting \/\/ a series of underground stations and passengers on hold &#8211; the inner space suspended between surfaces. .site: Berlin \/ 2017. >____+__<\n<\/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-410","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/anacuamic.com\/index.php\/wp-json\/wp\/v2\/pages\/410","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=410"}],"version-history":[{"count":5,"href":"https:\/\/anacuamic.com\/index.php\/wp-json\/wp\/v2\/pages\/410\/revisions"}],"predecessor-version":[{"id":689,"href":"https:\/\/anacuamic.com\/index.php\/wp-json\/wp\/v2\/pages\/410\/revisions\/689"}],"wp:attachment":[{"href":"https:\/\/anacuamic.com\/index.php\/wp-json\/wp\/v2\/media?parent=410"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}