{"id":114,"date":"2026-08-08T01:54:26","date_gmt":"2026-08-08T01:54:26","guid":{"rendered":"https:\/\/ricocady.com\/?page_id=114"},"modified":"2026-10-26T16:02:03","modified_gmt":"2026-10-26T16:02:03","slug":"elementor-114","status":"publish","type":"page","link":"https:\/\/ricocady.com\/?page_id=114","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"114\" class=\"elementor elementor-114\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d5cbb1 e-con e-atomic-element e-flexbox-base e-0f3f360 \" data-id=\"9d5cbb1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9d5cbb1\" data-e-type=\"e-flexbox\" data-id=\"9d5cbb1\">\n    \t\t<div class=\"elementor-element elementor-element-b5eac66 elementor-widget elementor-widget-html\" data-id=\"b5eac66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"rc-gallery-page\">\r\n  <style>\r\n    .rc-gallery-page {\r\n      --ink: #21607a;\r\n      --accent: #b85c34;\r\n      --teal: #00566d;\r\n      --title-size: 44px;\r\n      --section-title-size: 32px;\r\n      --body-size: 17px;\r\n      --body-leading: 1.8;\r\n      --pad-x: 60px;\r\n      font-family: 'Lora', Georgia, serif;\r\n      background: #fff;\r\n      width: 100%;\r\n      max-width: 100%;\r\n      overflow-x: clip;\r\n      color: var(--ink);\r\n    }\r\n\r\n    .rc-gallery-page * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .rc-gallery-page a {\r\n      color: inherit;\r\n    }\r\n\r\n    \/* ---------- Page intro ---------- *\/\r\n    .rc-gal-hero {\r\n      max-width: 1160px;\r\n      margin: 0 auto;\r\n      padding: 64px var(--pad-x) 40px;\r\n      text-align: center;\r\n    }\r\n\r\n    .rc-gal-hero__title {\r\n      font-size: var(--title-size);\r\n      font-weight: 400;\r\n      line-height: 1.1;\r\n      margin: 0 0 20px;\r\n    }\r\n\r\n    .rc-gal-hero__rule {\r\n      width: 56px;\r\n      height: 3px;\r\n      background: var(--accent);\r\n      margin: 0 auto 22px;\r\n    }\r\n\r\n    .rc-gal-hero__copy {\r\n      max-width: 620px;\r\n      margin: 0 auto;\r\n      font-size: var(--body-size);\r\n      line-height: var(--body-leading);\r\n    }\r\n\r\n    \/* ---------- Sticky filter nav ---------- *\/\r\n    .rc-gal-nav {\r\n      position: sticky;\r\n      top: 0;\r\n      z-index: 10;\r\n      background: rgba(255, 255, 255, 0.94);\r\n      backdrop-filter: blur(6px);\r\n      border-bottom: 1px solid #e8e3da;\r\n      padding: 18px var(--pad-x);\r\n    }\r\n\r\n    .rc-gal-nav__list {\r\n      max-width: 1160px;\r\n      margin: 0 auto;\r\n      list-style: none;\r\n      padding: 0;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: center;\r\n      align-items: center;\r\n      gap: 6px 18px;\r\n    }\r\n\r\n    .rc-gal-nav__item {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      font-size: 15px;\r\n      letter-spacing: .3px;\r\n    }\r\n\r\n    .rc-gal-nav__item:not(:last-child)::after {\r\n      content: \"\u25aa\";\r\n      margin-left: 18px;\r\n      color: var(--accent);\r\n      font-size: 8px;\r\n    }\r\n\r\n    .rc-gal-nav__link {\r\n      text-decoration: none;\r\n      transition: opacity 0.2s ease;\r\n    }\r\n\r\n    .rc-gal-nav__link:hover {\r\n      opacity: 0.7;\r\n    }\r\n\r\n    \/* ---------- Category sections ---------- *\/\r\n    .rc-gal-section {\r\n      max-width: 1160px;\r\n      margin: 0 auto;\r\n      padding: 72px var(--pad-x) 8px;\r\n      scroll-margin-top: 76px;\r\n    }\r\n\r\n    .rc-gal-section__header {\r\n      display: flex;\r\n      align-items: baseline;\r\n      gap: 18px;\r\n      margin-bottom: 36px;\r\n    }\r\n\r\n    .rc-gal-section__title {\r\n      font-size: var(--section-title-size);\r\n      font-weight: 400;\r\n      margin: 0;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .rc-gal-section__line {\r\n      flex: 1;\r\n      height: 1px;\r\n      background: #e2ddd2;\r\n    }\r\n\r\n    \/* ---------- Creative Masonry-Style Grid ---------- *\/\r\n    .rc-gal-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      grid-auto-rows: 240px;\r\n      gap: 16px;\r\n    }\r\n\r\n    .rc-gal-card {\r\n      position: relative;\r\n      overflow: hidden;\r\n      background: #f0ece1;\r\n      border-radius: 4px;\r\n      cursor: zoom-in;\r\n      z-index: 1;\r\n      transform-origin: center center;\r\n      transition: transform 0.35s cubic-bezier(.2, .7, .2, 1), box-shadow 0.35s ease;\r\n    }\r\n\r\n    \/* Creating the varied sizes statically so it doesn't glitch *\/\r\n    .rc-gal-card:nth-child(1) {\r\n      grid-column: span 2;\r\n      grid-row: span 2;\r\n    }\r\n    .rc-gal-card:nth-child(4),\r\n    .rc-gal-card:nth-child(7) {\r\n      grid-column: span 2;\r\n    }\r\n\r\n    .rc-gal-card img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      display: block;\r\n      transition: transform 0.4s ease;\r\n    }\r\n\r\n    \/* Subtle hover to indicate it's clickable *\/\r\n    .rc-gal-card:not(.is-zoomed):hover img {\r\n      transform: scale(1.05);\r\n    }\r\n\r\n    \/* Zoomed state: the card itself scales up in place (transform set by JS) *\/\r\n    .rc-gal-card.is-zoomed {\r\n      z-index: 20;\r\n      cursor: zoom-out;\r\n      box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);\r\n    }\r\n\r\n    .rc-gal-section:last-of-type {\r\n      padding-bottom: 80px;\r\n    }\r\n\r\n    \/* ---------- Responsive ---------- *\/\r\n    @media (max-width: 900px) {\r\n      .rc-gallery-page {\r\n        --title-size: 36px;\r\n        --section-title-size: 26px;\r\n        --pad-x: 32px;\r\n      }\r\n      .rc-gal-nav {\r\n        position: static;\r\n      }\r\n      \/* Fallback to 2 columns for tablets *\/\r\n      .rc-gal-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        grid-auto-rows: 200px;\r\n      }\r\n      .rc-gal-card:nth-child(1),\r\n      .rc-gal-card:nth-child(4),\r\n      .rc-gal-card:nth-child(7) {\r\n        grid-column: span 2;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 560px) {\r\n      .rc-gallery-page {\r\n        --pad-x: 20px;\r\n        --title-size: 30px;\r\n        --section-title-size: 22px;\r\n      }\r\n      .rc-gal-nav__list {\r\n        gap: 4px 10px;\r\n      }\r\n      \/* Fallback to 1 column for mobile *\/\r\n      .rc-gal-grid {\r\n        grid-template-columns: 1fr;\r\n        grid-auto-rows: auto;\r\n      }\r\n      .rc-gal-card {\r\n        grid-column: span 1 !important;\r\n        grid-row: span 1 !important;\r\n        aspect-ratio: 4\/3;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <section class=\"rc-gal-hero\">\r\n    <h1 class=\"rc-gal-hero__title\">creative endeavors<\/h1>\r\n    <div class=\"rc-gal-hero__rule\"><\/div>\r\n    <p class=\"rc-gal-hero__copy\">A collection of the design and construction work behind rico-cady \u2014 from architectural structures and interiors to custom special projects.<\/p>\r\n  <\/section>\r\n\r\n  <nav class=\"rc-gal-nav\">\r\n    <ul class=\"rc-gal-nav__list\">\r\n      <li class=\"rc-gal-nav__item\"><a class=\"rc-gal-nav__link\" href=\"#architecture\">architecture<\/a><\/li>\r\n      <li class=\"rc-gal-nav__item\"><a class=\"rc-gal-nav__link\" href=\"#interiors\">interiors<\/a><\/li>\r\n      <li class=\"rc-gal-nav__item\"><a class=\"rc-gal-nav__link\" href=\"#special-projects\">special projects<\/a><\/li>\r\n    <\/ul>\r\n  <\/nav>\r\n\r\n  <!-- ARCHITECTURE -->\r\n  <section class=\"rc-gal-section\" id=\"architecture\">\r\n    <div class=\"rc-gal-section__header\">\r\n      <h2 class=\"rc-gal-section__title\">architecture<\/h2>\r\n      <div class=\"rc-gal-section__line\"><\/div>\r\n    <\/div>\r\n    <div class=\"rc-gal-grid\">\r\n      <div class=\"rc-gal-card\"><img decoding=\"async\" src=\"https:\/\/ricocady.com\/wp-content\/uploads\/2026\/08\/f100741816-1-scaled.jpg\" alt=\"Architecture 1\"><\/div>\r\n      <div class=\"rc-gal-card\"><img decoding=\"async\" src=\"https:\/\/ricocady.com\/wp-content\/uploads\/2026\/08\/merritt-5-scaled.jpg\" alt=\"Architecture 2\"><\/div>\r\n      <div class=\"rc-gal-card\"><img decoding=\"async\" src=\"https:\/\/ricocady.com\/wp-content\/uploads\/2026\/10\/f96630832-scaled.jpg\" alt=\"Architecture 3\"><\/div>\r\n      <div class=\"rc-gal-card\"><img decoding=\"async\" src=\"https:\/\/ricocady.com\/wp-content\/uploads\/2026\/08\/1215-elev-3-scaled.jpg\" alt=\"Residential Elevation\"><\/div>\r\n      <div class=\"rc-gal-card\"><img decoding=\"async\" src=\"https:\/\/ricocady.com\/wp-content\/uploads\/2026\/08\/bowlby-4.jpeg\" alt=\"Residential Exterior\"><\/div>\r\n      <div class=\"rc-gal-card\"><img decoding=\"async\" src=\"https:\/\/ricocady.com\/wp-content\/uploads\/2026\/08\/ice-plant-3.jpg\" alt=\"Residential Build\"><\/div>\r\n      <div class=\"rc-gal-card\"><img decoding=\"async\" src=\"https:\/\/ricocady.com\/wp-content\/uploads\/2026\/09\/f101956208-scaled.jpg\" alt=\"Architecture 7\"><\/div>\r\n      <div class=\"rc-gal-card\"><img decoding=\"async\" src=\"https:\/\/ricocady.com\/wp-content\/uploads\/2026\/10\/parking-garage-1-scaled.jpg\" alt=\"Architecture 8\"><\/div>\r\n      <div class=\"rc-gal-card\"><img decoding=\"async\" src=\"https:\/\/ricocady.com\/wp-content\/uploads\/2026\/08\/hayden-creek.jpg\" alt=\"Architecture 9\"><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- INTERIORS -->\r\n  <section class=\"rc-gal-section\" id=\"interiors\">\r\n    <div class=\"rc-gal-section__header\">\r\n      <h2 class=\"rc-gal-section__title\">interiors<\/h2>\r\n      <div class=\"rc-gal-section__line\"><\/div>\r\n    <\/div>\r\n    <div class=\"rc-gal-grid\">\r\n      <div class=\"rc-gal-card\"><img decoding=\"async\" src=\"https:\/\/ricocady.com\/wp-content\/uploads\/2026\/08\/f136286552-scaled.jpg\" alt=\"Interiors 1\"><\/div>\r\n      <div class=\"rc-gal-card\"><img decoding=\"async\" src=\"https:\/\/ricocady.com\/wp-content\/uploads\/2026\/08\/chandler-kitchen-scaled.jpeg\" alt=\"Kitchen Interior\"><\/div>\r\n      <div class=\"rc-gal-card\"><img decoding=\"async\" src=\"https:\/\/ricocady.com\/wp-content\/uploads\/2026\/10\/1215-loft-scaled.jpg\" alt=\"Interior Detail\"><\/div>\r\n      <div class=\"rc-gal-card\"><img decoding=\"async\" src=\"https:\/\/ricocady.com\/wp-content\/uploads\/2026\/08\/f101024088-1-scaled.jpg\" alt=\"Fireplace Detail\"><\/div>\r\n      <div class=\"rc-gal-card\"><img decoding=\"async\" src=\"https:\/\/ricocady.com\/wp-content\/uploads\/2026\/08\/merritt-4-1-scaled.jpg\" alt=\"Fireplace Design\"><\/div>\r\n      <div class=\"rc-gal-card\"><img decoding=\"async\" src=\"https:\/\/ricocady.com\/wp-content\/uploads\/2026\/08\/IMG_1010-1-scaled.jpeg\" alt=\"Placeholder Interior\"><\/div>\r\n      <div class=\"rc-gal-card\"><img decoding=\"async\" src=\"https:\/\/ricocady.com\/wp-content\/uploads\/2026\/09\/f99677184-scaled.jpg\" alt=\"Interiors 7\"><\/div>\r\n      <div class=\"rc-gal-card\"><img decoding=\"async\" src=\"https:\/\/ricocady.com\/wp-content\/uploads\/2026\/09\/f96072224-scaled.jpg\" alt=\"Interiors 8\"><\/div>\r\n      <div class=\"rc-gal-card\"><img decoding=\"async\" src=\"https:\/\/ricocady.com\/wp-content\/uploads\/2026\/10\/merritt-1-scaled.jpg\" alt=\"Interiors 9\"><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SPECIAL PROJECTS -->\r\n  <section class=\"rc-gal-section\" id=\"special-projects\">\r\n    <div class=\"rc-gal-section__header\">\r\n      <h2 class=\"rc-gal-section__title\">special projects<\/h2>\r\n      <div class=\"rc-gal-section__line\"><\/div>\r\n    <\/div>\r\n    <div class=\"rc-gal-grid\">\r\n      <div class=\"rc-gal-card\"><img decoding=\"async\" src=\"https:\/\/ricocady.com\/wp-content\/uploads\/2026\/08\/f89242816-scaled.jpg\" alt=\"Special Project 1\"><\/div>\r\n      <div class=\"rc-gal-card\"><img decoding=\"async\" src=\"https:\/\/ricocady.com\/wp-content\/uploads\/2026\/08\/bat-rack2-scaled.jpg\" alt=\"Custom Bat Rack Project\"><\/div>\r\n      <div class=\"rc-gal-card\"><img decoding=\"async\" src=\"https:\/\/ricocady.com\/wp-content\/uploads\/2026\/10\/f95272176-scaled.jpg\" alt=\"Special Project 2\"><\/div>\r\n      <div class=\"rc-gal-card\"><img decoding=\"async\" src=\"https:\/\/ricocady.com\/wp-content\/uploads\/2026\/08\/mceuen-park-2-scaled.jpg\" alt=\"Placeholder Project 1\"><\/div>\r\n      <div class=\"rc-gal-card\"><img decoding=\"async\" src=\"https:\/\/ricocady.com\/wp-content\/uploads\/2026\/08\/IMG_1467-scaled.jpeg\" alt=\"Placeholder Project 2\"><\/div>\r\n      <div class=\"rc-gal-card\"><img decoding=\"async\" src=\"https:\/\/ricocady.com\/wp-content\/uploads\/2026\/08\/4144-front-door-scaled.jpg\" alt=\"Placeholder Project 3\"><\/div>\r\n      <div class=\"rc-gal-card\"><img decoding=\"async\" src=\"https:\/\/ricocady.com\/wp-content\/uploads\/2026\/10\/f62932416-scaled.jpg\" alt=\"Special Project 7\"><\/div>\r\n      <div class=\"rc-gal-card\"><img decoding=\"async\" src=\"https:\/\/ricocady.com\/wp-content\/uploads\/2026\/09\/Peak-Fitness-Ironwood-2025-Remodel_01.jpg\" alt=\"Special Project 8\"><\/div>\r\n      <div class=\"rc-gal-card\"><img decoding=\"async\" src=\"https:\/\/ricocady.com\/wp-content\/uploads\/2026\/09\/f79738408-scaled.jpg\" alt=\"Special Project 9\"><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- In-place 2.5x zoom script -->\r\n  <script>\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n      const cards = document.querySelectorAll('.rc-gal-card');\r\n      const ZOOM = 2.5;\r\n      const MARGIN = 12;\r\n      let active = null;\r\n\r\n      const unzoom = () => {\r\n        if (!active) return;\r\n        active.classList.remove('is-zoomed');\r\n        active.style.transform = '';\r\n        active = null;\r\n      };\r\n\r\n      const zoom = (card) => {\r\n        unzoom();\r\n        const r = card.getBoundingClientRect();\r\n        const vw = document.documentElement.clientWidth;\r\n        const vh = window.innerHeight;\r\n\r\n        \/\/ Never let the zoomed photo be wider than the screen (matters on phones)\r\n        const scale = Math.min(ZOOM, (vw - MARGIN * 2) \/ r.width);\r\n\r\n        \/\/ Grow from the center, then nudge so the enlarged photo stays fully on screen\r\n        const cx = r.left + r.width \/ 2;\r\n        const cy = r.top + r.height \/ 2;\r\n        const halfW = (r.width * scale) \/ 2;\r\n        const halfH = (r.height * scale) \/ 2;\r\n\r\n        let dx = 0, dy = 0;\r\n        if (cx - halfW < MARGIN) dx = MARGIN - (cx - halfW);\r\n        if (cx + halfW > vw - MARGIN) dx = (vw - MARGIN) - (cx + halfW);\r\n\r\n        if (halfH * 2 > vh - MARGIN * 2) {\r\n          dy = (vh \/ 2) - cy; \/\/ taller than screen: just center it\r\n        } else {\r\n          if (cy - halfH < MARGIN) dy = MARGIN - (cy - halfH);\r\n          if (cy + halfH > vh - MARGIN) dy = (vh - MARGIN) - (cy + halfH);\r\n        }\r\n\r\n        card.style.transform = 'translate(' + dx + 'px,' + dy + 'px) scale(' + scale + ')';\r\n        card.classList.add('is-zoomed');\r\n        active = card;\r\n      };\r\n\r\n      cards.forEach(card => {\r\n        card.addEventListener('click', (e) => {\r\n          e.stopPropagation();\r\n          if (card === active) { unzoom(); } else { zoom(card); }\r\n        });\r\n      });\r\n\r\n      \/\/ Click anywhere else, press Escape, or scroll away to shrink back\r\n      document.addEventListener('click', unzoom);\r\n      document.addEventListener('keydown', (e) => { if (e.key === 'Escape') unzoom(); });\r\n      window.addEventListener('scroll', unzoom, { passive: true });\r\n      window.addEventListener('resize', unzoom);\r\n    });\r\n  <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>creative endeavors A collection of the design and construction work behind rico-cady \u2014 from architectural structures and interiors to custom special projects. architecture interiors special projects architecture interiors special projects<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-114","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ricocady.com\/index.php?rest_route=\/wp\/v2\/pages\/114","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ricocady.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ricocady.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ricocady.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ricocady.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=114"}],"version-history":[{"count":29,"href":"https:\/\/ricocady.com\/index.php?rest_route=\/wp\/v2\/pages\/114\/revisions"}],"predecessor-version":[{"id":318,"href":"https:\/\/ricocady.com\/index.php?rest_route=\/wp\/v2\/pages\/114\/revisions\/318"}],"wp:attachment":[{"href":"https:\/\/ricocady.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}