{"id":4597,"date":"2026-05-24T19:42:29","date_gmt":"2026-05-24T17:42:29","guid":{"rendered":"https:\/\/www.hendrina.com\/?page_id=4597"},"modified":"2026-05-25T20:50:38","modified_gmt":"2026-05-25T18:50:38","slug":"order","status":"publish","type":"page","link":"https:\/\/www.hendrina.com\/?page_id=4597","title":{"rendered":"Collections"},"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<title>Gallery \u2014 Hendrik Sirait Photography<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&#038;family=Montserrat:wght@300;400;500;600&#038;display=swap\" rel=\"stylesheet\">\n<style>\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  :root {\n    --bg: #f7f4ef;\n    --bg-alt: #efecea;\n    --surface: #ffffff;\n    --border: #e0dbd4;\n    --text: #1e1c1a;\n    --text-mid: #4a4643;\n    --muted: #9a948e;\n    --warm-brown: #6b5c4e;\n    --accent: #8b6f47;\n    --accent-light: #b89a72;\n    --accent-hover: #74593a;\n    --white: #ffffff;\n  }\n\n  html { scroll-behavior: smooth; }\n\n  body {\n    background: var(--bg);\n    color: var(--text);\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 300;\n    letter-spacing: 0.02em;\n    overflow-x: hidden;\n  }\n\n  \/* \u2500\u2500 HEADER \u2500\u2500 *\/\n  header {\n    position: fixed;\n    top: 0; left: 0; right: 0;\n    z-index: 100;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 3rem;\n    height: 72px;\n    background: rgba(247,244,239,0.92);\n    backdrop-filter: blur(18px);\n    -webkit-backdrop-filter: blur(18px);\n    border-bottom: 1px solid var(--border);\n  }\n\n  .logo {\n    display: flex;\n    flex-direction: column;\n    line-height: 1;\n    text-decoration: none;\n  }\n  .logo-name {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 1.25rem;\n    font-weight: 600;\n    color: var(--text);\n    letter-spacing: 0.08em;\n  }\n  .logo-sub {\n    font-size: 0.55rem;\n    font-weight: 400;\n    color: var(--accent);\n    letter-spacing: 0.22em;\n    text-transform: uppercase;\n    margin-top: 3px;\n  }\n\n  nav {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n  }\n\n  nav a {\n    color: var(--text-mid);\n    text-decoration: none;\n    font-size: 0.7rem;\n    font-weight: 500;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    padding: 0.45rem 1rem;\n    border-radius: 2px;\n    transition: color 0.25s, background 0.25s;\n  }\n  nav a:hover { color: var(--text); }\n\n  nav a.active {\n    color: var(--accent);\n  }\n\n  nav a.btn-order {\n    background: var(--accent);\n    color: var(--white);\n    font-weight: 600;\n    border-radius: 2px;\n    transition: background 0.25s, color 0.25s;\n  }\n  nav a.btn-order:hover {\n    background: var(--accent-hover);\n    color: var(--white);\n  }\n\n  \/* \u2500\u2500 HERO \/ PAGE TITLE \u2500\u2500 *\/\n  .page-hero {\n    padding-top: 72px;\n    height: 220px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    overflow: hidden;\n    background: linear-gradient(180deg, var(--bg) 0%, var(--bg-alt) 100%);\n  }\n  .page-hero::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(ellipse 70% 80% at 50% 100%, rgba(139,111,71,0.08) 0%, transparent 70%);\n  }\n  .page-hero-label {\n    font-size: 0.6rem;\n    font-weight: 500;\n    letter-spacing: 0.35em;\n    text-transform: uppercase;\n    color: var(--accent);\n    margin-bottom: 0.75rem;\n  }\n  .page-hero-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(2.8rem, 6vw, 4.5rem);\n    font-weight: 300;\n    font-style: italic;\n    color: var(--text);\n    letter-spacing: 0.04em;\n    line-height: 1;\n  }\n  .page-hero-line {\n    width: 50px;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, var(--accent), transparent);\n    margin-top: 1.2rem;\n  }\n\n  \/* \u2500\u2500 FILTER BAR \u2500\u2500 *\/\n  .filter-bar {\n    display: flex;\n    justify-content: center;\n    gap: 0.25rem;\n    padding: 1.5rem 2rem 2.5rem;\n    flex-wrap: wrap;\n  }\n  .filter-btn {\n    background: none;\n    border: 1px solid var(--border);\n    color: var(--text-mid);\n    font-family: 'Montserrat', sans-serif;\n    font-size: 0.62rem;\n    font-weight: 500;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    padding: 0.4rem 1.1rem;\n    cursor: pointer;\n    border-radius: 1px;\n    transition: all 0.25s;\n  }\n  .filter-btn:hover, .filter-btn.active {\n    background: var(--accent);\n    border-color: var(--accent);\n    color: var(--white);\n  }\n\n  \/* \u2500\u2500 GALLERY GRID \u2500\u2500 *\/\n  .gallery-wrap {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 2rem 6rem;\n  }\n\n  \/* Masonry-style CSS columns *\/\n  .gallery-grid {\n    columns: 4 260px;\n    column-gap: 12px;\n  }\n\n  .gallery-item {\n    break-inside: avoid;\n    display: block;\n    position: relative;\n    margin-bottom: 12px;\n    overflow: hidden;\n    cursor: pointer;\n    background: var(--border);\n    border-radius: 2px;\n    box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n  }\n\n  .gallery-item img {\n    display: block;\n    width: 100%;\n    height: auto;\n    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.4s;\n    filter: brightness(1) saturate(0.95);\n  }\n\n  .gallery-item:hover img {\n    transform: scale(1.06);\n    filter: brightness(1) saturate(1.1);\n  }\n\n  .gallery-item-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, transparent 55%);\n    opacity: 0;\n    transition: opacity 0.4s;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    padding: 1.25rem;\n  }\n\n  .gallery-item:hover .gallery-item-overlay { opacity: 1; }\n\n  .gallery-item-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 1rem;\n    font-style: italic;\n    color: var(--white);\n    letter-spacing: 0.04em;\n    margin-bottom: 0.35rem;\n  }\n  .gallery-item-cat {\n    font-size: 0.55rem;\n    font-weight: 500;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: var(--gold);\n  }\n\n  .gallery-item-order {\n    position: absolute;\n    top: 0.8rem; right: 0.8rem;\n    background: var(--accent);\n    color: var(--white);\n    font-size: 0.55rem;\n    font-weight: 600;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    padding: 0.3rem 0.65rem;\n    border-radius: 1px;\n    text-decoration: none;\n    opacity: 0;\n    transition: opacity 0.35s;\n  }\n  .gallery-item:hover .gallery-item-order { opacity: 1; }\n\n  \/* \u2500\u2500 LIGHTBOX \u2500\u2500 *\/\n  .lightbox {\n    display: none;\n    position: fixed;\n    inset: 0;\n    z-index: 200;\n    background: rgba(0,0,0,0.96);\n    align-items: center;\n    justify-content: center;\n    padding: 2rem;\n  }\n  .lightbox.open { display: flex; }\n\n  .lightbox-inner {\n    position: relative;\n    max-width: 90vw;\n    max-height: 90vh;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 1rem;\n  }\n  .lightbox-inner img {\n    max-width: 100%;\n    max-height: 82vh;\n    object-fit: contain;\n    border-radius: 2px;\n    box-shadow: 0 40px 120px rgba(0,0,0,0.9);\n  }\n  .lightbox-close {\n    position: fixed;\n    top: 1.5rem; right: 2rem;\n    background: none;\n    border: 1px solid rgba(255,255,255,0.2);\n    color: var(--white);\n    font-size: 1.2rem;\n    width: 42px; height: 42px;\n    cursor: pointer;\n    border-radius: 50%;\n    display: flex; align-items: center; justify-content: center;\n    transition: border-color 0.2s, color 0.2s;\n    z-index: 201;\n  }\n  .lightbox-close:hover { border-color: var(--accent-light); color: var(--accent-light); }\n\n  .lightbox-nav {\n    position: fixed;\n    top: 50%; transform: translateY(-50%);\n    background: rgba(255,255,255,0.1);\n    border: 1px solid rgba(255,255,255,0.2);\n    color: var(--white);\n    width: 48px; height: 48px;\n    cursor: pointer;\n    border-radius: 50%;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 1.1rem;\n    transition: background 0.2s, border-color 0.2s;\n  }\n  .lightbox-nav:hover { background: rgba(139,111,71,0.35); border-color: var(--accent-light); }\n  .lightbox-prev { left: 1.5rem; }\n  .lightbox-next { right: 1.5rem; }\n\n  .lightbox-meta {\n    text-align: center;\n  }\n  .lightbox-meta-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-style: italic;\n    font-size: 1.1rem;\n    color: var(--white);\n    margin-bottom: 0.25rem;\n  }\n  .lightbox-meta-cat {\n    font-size: 0.58rem;\n    letter-spacing: 0.22em;\n    text-transform: uppercase;\n    color: var(--accent-light);\n  }\n  .lightbox-order-btn {\n    display: inline-block;\n    margin-top: 0.75rem;\n    background: var(--accent);\n    color: var(--white);\n    font-size: 0.62rem;\n    font-weight: 600;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    padding: 0.55rem 1.4rem;\n    text-decoration: none;\n    border-radius: 2px;\n    transition: background 0.2s;\n  }\n  .lightbox-order-btn:hover { background: var(--accent-hover); }\n\n  \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n  footer {\n    border-top: 1px solid var(--border);\n    padding: 2.5rem 3rem;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 2rem;\n    flex-wrap: wrap;\n  }\n  .footer-left {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 0.9rem;\n    font-style: italic;\n    color: var(--muted);\n    letter-spacing: 0.04em;\n  }\n  .footer-right {\n    font-size: 0.6rem;\n    font-weight: 400;\n    letter-spacing: 0.15em;\n    color: var(--muted);\n    text-transform: uppercase;\n  }\n\n  \/* \u2500\u2500 SKELETON LOADER \u2500\u2500 *\/\n  .skeleton {\n    background: linear-gradient(90deg, var(--bg-alt) 25%, var(--border) 50%, var(--bg-alt) 75%);\n    background-size: 200% 100%;\n    animation: shimmer 1.4s infinite;\n    border-radius: 2px;\n    width: 100%;\n  }\n  @keyframes shimmer {\n    0% { background-position: -200% 0; }\n    100% { background-position: 200% 0; }\n  }\n\n  \/* \u2500\u2500 FADE IN \u2500\u2500 *\/\n  .gallery-item {\n    animation: fadeUp 0.55s cubic-bezier(0.22,0.61,0.36,1) both;\n  }\n  @keyframes fadeUp {\n    from { opacity: 0; transform: translateY(18px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n  @media (max-width: 768px) {\n    header { padding: 0 1.25rem; }\n    .logo-name { font-size: 1rem; }\n    nav { gap: 0.2rem; }\n    nav a { padding: 0.4rem 0.65rem; font-size: 0.62rem; }\n    .gallery-grid { columns: 2 150px; }\n    .lightbox-prev { left: 0.5rem; }\n    .lightbox-next { right: 0.5rem; }\n    footer { flex-direction: column; text-align: center; }\n  }\n\n  \/* Staggered animation delay for items *\/\n  .gallery-item:nth-child(1)  { animation-delay: 0.05s; }\n  .gallery-item:nth-child(2)  { animation-delay: 0.10s; }\n  .gallery-item:nth-child(3)  { animation-delay: 0.15s; }\n  .gallery-item:nth-child(4)  { animation-delay: 0.20s; }\n  .gallery-item:nth-child(5)  { animation-delay: 0.25s; }\n  .gallery-item:nth-child(6)  { animation-delay: 0.30s; }\n  .gallery-item:nth-child(7)  { animation-delay: 0.35s; }\n  .gallery-item:nth-child(8)  { animation-delay: 0.40s; }\n<\/style>\n<\/head>\n<body>\n\n<!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557 -->\n<!-- \u2551       HEADER         \u2551 -->\n<!-- \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\n<header>\n  <a href=\"http:\/\/www.hendrina.com\" class=\"logo\">\n    <span class=\"logo-name\">Hendrik Sirait<\/span>\n    <span class=\"logo-sub\">Photography<\/span>\n  <\/a>\n  <nav>\n    <a href=\"http:\/\/www.hendrina.com\">Home<\/a>\n    <a href=\"https:\/\/www.hendrina.com\/?page_id=28\">About<\/a>\n    <a href=\"https:\/\/www.hendrina.com\/?page_id=4589\" class=\"btn-order\">Order Print<\/a>\n  <\/nav>\n<\/header>\n\n<!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557 -->\n<!-- \u2551     PAGE HERO        \u2551 -->\n<!-- \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\n<div class=\"page-hero\">\n  <h1 class=\"page-hero-title\">Gallery<\/h1>\n  <div class=\"page-hero-line\"><\/div>\n<\/div>\n\n<!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557 -->\n<!-- \u2551    FILTER BAR        \u2551 -->\n<!-- \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\n<div class=\"filter-bar\">\n  <button class=\"filter-btn active\" data-cat=\"all\">All<\/button>\n<\/div>\n\n<!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557 -->\n<!-- \u2551      GALLERY         \u2551 -->\n<!-- \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\n<!--\n  HOW TO CONNECT YOUR FOOGALLERY:\n  Replace the contents of .gallery-grid with your FooGallery shortcode output,\n  OR keep this structure and paste your WordPress FooGallery shortcode inside\n  the WordPress page editor, wrapping it in a div.gallery-wrap > div.gallery-grid.\n\n  Each photo below follows this pattern \u2014 duplicate as needed:\n\n  <div class=\"gallery-item\" data-cat=\"nature\" data-title=\"Your Title\" data-src=\"URL_TO_FULL_IMAGE\">\n    <img decoding=\"async\" src=\"URL_TO_THUMBNAIL\" alt=\"Description\" loading=\"lazy\">\n    <div class=\"gallery-item-overlay\">\n      <div class=\"gallery-item-title\">Photo Title<\/div>\n      <div class=\"gallery-item-cat\">Category<\/div>\n    <\/div>\n    <a href=\"https:\/\/www.hendrina.com\/?page_id=4589\" class=\"gallery-item-order\" onclick=\"event.stopPropagation()\">Order Print<\/a>\n  <\/div>\n-->\n<div class=\"gallery-wrap\">\n  <div class=\"gallery-grid\" id=\"galleryGrid\">\n\n    <div class=\"gallery-item\" data-cat=\"nature\" data-title=\"Golden Hour\" data-src=\"https:\/\/www.hendrina.com\/wp-content\/uploads\/2025\/10\/FUJI1666.jpg\">\n      <img decoding=\"async\" src=\"https:\/\/www.hendrina.com\/wp-content\/uploads\/2025\/10\/FUJI1666.jpg\" alt=\"Golden Hour\" loading=\"lazy\">\n      <div class=\"gallery-item-overlay\">\n        <div class=\"gallery-item-title\">Golden Hour<\/div>\n        <div class=\"gallery-item-cat\">Nature<\/div>\n      <\/div>\n      <a href=\"https:\/\/www.hendrina.com\/?page_id=4589\" class=\"gallery-item-order\" onclick=\"event.stopPropagation()\">Order Print<\/a>\n    <\/div>\n\n    <div class=\"gallery-item\" data-cat=\"landscape\" data-title=\"Into the Mist\" data-src=\"https:\/\/www.hendrina.com\/wp-content\/uploads\/2024\/02\/nggallery_import\/fuji6623.jpg\">\n      <img decoding=\"async\" src=\"https:\/\/www.hendrina.com\/wp-content\/uploads\/2024\/02\/nggallery_import\/fuji6623.jpg\" alt=\"Into the Mist\" loading=\"lazy\">\n      <div class=\"gallery-item-overlay\">\n        <div class=\"gallery-item-title\">Into the Mist<\/div>\n        <div class=\"gallery-item-cat\">Landscape<\/div>\n      <\/div>\n      <a href=\"https:\/\/www.hendrina.com\/?page_id=4589\" class=\"gallery-item-order\" onclick=\"event.stopPropagation()\">Order Print<\/a>\n    <\/div>\n\n    <div class=\"gallery-item\" data-cat=\"wildlife\" data-title=\"Silent Observer\" data-src=\"https:\/\/www.hendrina.com\/wp-content\/uploads\/2023\/03\/nggallery_import\/NIK_9115.jpg\">\n      <img decoding=\"async\" src=\"https:\/\/www.hendrina.com\/wp-content\/uploads\/2023\/03\/nggallery_import\/NIK_9115.jpg\" alt=\"Silent Observer\" loading=\"lazy\">\n      <div class=\"gallery-item-overlay\">\n        <div class=\"gallery-item-title\">Silent Observer<\/div>\n        <div class=\"gallery-item-cat\">Wildlife<\/div>\n      <\/div>\n      <a href=\"https:\/\/www.hendrina.com\/?page_id=4589\" class=\"gallery-item-order\" onclick=\"event.stopPropagation()\">Order Print<\/a>\n    <\/div>\n\n    <div class=\"gallery-item\" data-cat=\"landscape\" data-title=\"Vast Horizon\" data-src=\"https:\/\/www.hendrina.com\/wp-content\/uploads\/2020\/04\/LAN_1619.jpg\">\n      <img decoding=\"async\" src=\"https:\/\/www.hendrina.com\/wp-content\/uploads\/2020\/04\/LAN_1619.jpg\" alt=\"Vast Horizon\" loading=\"lazy\">\n      <div class=\"gallery-item-overlay\">\n        <div class=\"gallery-item-title\">Vast Horizon<\/div>\n        <div class=\"gallery-item-cat\">Landscape<\/div>\n      <\/div>\n      <a href=\"https:\/\/www.hendrina.com\/?page_id=4589\" class=\"gallery-item-order\" onclick=\"event.stopPropagation()\">Order Print<\/a>\n    <\/div>\n\n  <\/div><!-- \/gallery-grid -->\n<\/div><!-- \/gallery-wrap -->\n\n<!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557 -->\n<!-- \u2551      LIGHTBOX        \u2551 -->\n<!-- \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\n<div class=\"lightbox\" id=\"lightbox\">\n  <button class=\"lightbox-close\" id=\"lbClose\">\u2715<\/button>\n  <button class=\"lightbox-nav lightbox-prev\" id=\"lbPrev\">&#8592;<\/button>\n  <button class=\"lightbox-nav lightbox-next\" id=\"lbNext\">&#8594;<\/button>\n  <div class=\"lightbox-inner\">\n    <img decoding=\"async\" src=\"\" alt=\"\" id=\"lbImg\">\n    <div class=\"lightbox-meta\">\n      <div class=\"lightbox-meta-title\" id=\"lbTitle\"><\/div>\n      <div class=\"lightbox-meta-cat\" id=\"lbCat\"><\/div>\n      <a href=\"https:\/\/www.hendrina.com\/?page_id=4589\" class=\"lightbox-order-btn\">Order a Print of This Photo<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557 -->\n<!-- \u2551       FOOTER         \u2551 -->\n<!-- \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\n<footer>\n  <div class=\"footer-left\">Hendrik Sirait Photography \u2014 Nature \u00b7 Events \u00b7 Travelling<\/div>\n  <div class=\"footer-right\">\u00a9 2026 All rights reserved<\/div>\n<\/footer>\n\n<script>\n  \/\/ \u2500\u2500 FILTER \u2500\u2500\n  const filterBtns = document.querySelectorAll('.filter-btn');\n  const items = document.querySelectorAll('.gallery-item');\n\n  filterBtns.forEach(btn => {\n    btn.addEventListener('click', () => {\n      filterBtns.forEach(b => b.classList.remove('active'));\n      btn.classList.add('active');\n      const cat = btn.dataset.cat;\n      items.forEach((item, i) => {\n        const match = cat === 'all' || item.dataset.cat === cat;\n        item.style.display = match ? 'block' : 'none';\n        if (match) {\n          item.style.animationDelay = (i * 0.05) + 's';\n          item.style.animation = 'none';\n          item.offsetHeight; \/\/ reflow\n          item.style.animation = '';\n        }\n      });\n    });\n  });\n\n  \/\/ \u2500\u2500 LIGHTBOX \u2500\u2500\n  let currentIndex = 0;\n  let visibleItems = [];\n\n  function openLightbox(index) {\n    visibleItems = [...items].filter(i => i.style.display !== 'none');\n    currentIndex = index;\n    updateLightbox();\n    document.getElementById('lightbox').classList.add('open');\n    document.body.style.overflow = 'hidden';\n  }\n\n  function closeLightbox() {\n    document.getElementById('lightbox').classList.remove('open');\n    document.body.style.overflow = '';\n  }\n\n  function updateLightbox() {\n    const item = visibleItems[currentIndex];\n    document.getElementById('lbImg').src = item.dataset.src;\n    document.getElementById('lbImg').alt = item.dataset.title;\n    document.getElementById('lbTitle').textContent = item.dataset.title;\n    document.getElementById('lbCat').textContent = item.dataset.cat.charAt(0).toUpperCase() + item.dataset.cat.slice(1);\n  }\n\n  items.forEach((item, idx) => {\n    item.addEventListener('click', () => {\n      visibleItems = [...items].filter(i => i.style.display !== 'none');\n      const vIdx = visibleItems.indexOf(item);\n      openLightbox(vIdx >= 0 ? vIdx : 0);\n    });\n  });\n\n  document.getElementById('lbClose').addEventListener('click', closeLightbox);\n  document.getElementById('lightbox').addEventListener('click', (e) => {\n    if (e.target === e.currentTarget) closeLightbox();\n  });\n  document.getElementById('lbPrev').addEventListener('click', () => {\n    currentIndex = (currentIndex - 1 + visibleItems.length) % visibleItems.length;\n    updateLightbox();\n  });\n  document.getElementById('lbNext').addEventListener('click', () => {\n    currentIndex = (currentIndex + 1) % visibleItems.length;\n    updateLightbox();\n  });\n  document.addEventListener('keydown', (e) => {\n    if (!document.getElementById('lightbox').classList.contains('open')) return;\n    if (e.key === 'Escape') closeLightbox();\n    if (e.key === 'ArrowLeft') { currentIndex = (currentIndex - 1 + visibleItems.length) % visibleItems.length; updateLightbox(); }\n    if (e.key === 'ArrowRight') { currentIndex = (currentIndex + 1) % visibleItems.length; updateLightbox(); }\n  });\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Gallery \u2014 Hendrik Sirait Photography Hendrik Sirait Photography Home About Order Print Gallery All Golden Hour Nature Order Print Into the Mist Landscape Order Print Silent\u2026<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-4597","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.9 - aioseo.com -->\n\t<meta name=\"description\" content=\"Gallery \u2014 Hendrik Sirait Photography Hendrik Sirait Photography Home About Order Print Gallery All Golden Hour Nature Order Print Into the Mist Landscape Order Print Silent Observer Wildlife Order Print Vast Horizon Landscape Order Print \u2715 \u2190 \u2192 Order a Print of This Photo Hendrik Sirait Photography \u2014 Nature \u00b7 Events \u00b7 Travelling \u00a9 2026\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.hendrina.com\/?page_id=4597\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.9\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_GB\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Hendrik Sirait  Photography - Nature     |     Events    |     Travelling\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Collections - Hendrik Sirait Photography\" \/>\n\t\t<meta property=\"og:description\" content=\"Gallery \u2014 Hendrik Sirait Photography Hendrik Sirait Photography Home About Order Print Gallery All Golden Hour Nature Order Print Into the Mist Landscape Order Print Silent Observer Wildlife Order Print Vast Horizon Landscape Order Print \u2715 \u2190 \u2192 Order a Print of This Photo Hendrik Sirait Photography \u2014 Nature \u00b7 Events \u00b7 Travelling \u00a9 2026\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.hendrina.com\/?page_id=4597\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-05-24T17:42:29+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-05-25T18:50:38+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Collections - Hendrik Sirait Photography\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Gallery \u2014 Hendrik Sirait Photography Hendrik Sirait Photography Home About Order Print Gallery All Golden Hour Nature Order Print Into the Mist Landscape Order Print Silent Observer Wildlife Order Print Vast Horizon Landscape Order Print \u2715 \u2190 \u2192 Order a Print of This Photo Hendrik Sirait Photography \u2014 Nature \u00b7 Events \u00b7 Travelling \u00a9 2026\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hendrina.com\\\/?page_id=4597#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.hendrina.com#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hendrina.com\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.hendrina.com\\\/?page_id=4597#listItem\",\"name\":\"Collections\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.hendrina.com\\\/?page_id=4597#listItem\",\"position\":2,\"name\":\"Collections\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.hendrina.com#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hendrina.com\\\/#person\",\"name\":\"Hendrik_Sirait\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/www.hendrina.com\\\/?page_id=4597#personImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a49a6d2482b98ff38a64e196440ca6c566f82e4ff2795eebaf562fba97389eec?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Hendrik_Sirait\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hendrina.com\\\/?page_id=4597#webpage\",\"url\":\"https:\\\/\\\/www.hendrina.com\\\/?page_id=4597\",\"name\":\"Collections - Hendrik Sirait Photography\",\"description\":\"Gallery \\u2014 Hendrik Sirait Photography Hendrik Sirait Photography Home About Order Print Gallery All Golden Hour Nature Order Print Into the Mist Landscape Order Print Silent Observer Wildlife Order Print Vast Horizon Landscape Order Print \\u2715 \\u2190 \\u2192 Order a Print of This Photo Hendrik Sirait Photography \\u2014 Nature \\u00b7 Events \\u00b7 Travelling \\u00a9 2026\",\"inLanguage\":\"en-GB\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hendrina.com\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hendrina.com\\\/?page_id=4597#breadcrumblist\"},\"datePublished\":\"2026-05-24T19:42:29+02:00\",\"dateModified\":\"2026-05-25T20:50:38+02:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hendrina.com\\\/#website\",\"url\":\"https:\\\/\\\/www.hendrina.com\\\/\",\"name\":\"Hendrik Sirait  Photography\",\"description\":\"Nature     |     Events    |     Travelling\",\"inLanguage\":\"en-GB\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hendrina.com\\\/#person\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Collections - Hendrik Sirait Photography","description":"Gallery \u2014 Hendrik Sirait Photography Hendrik Sirait Photography Home About Order Print Gallery All Golden Hour Nature Order Print Into the Mist Landscape Order Print Silent Observer Wildlife Order Print Vast Horizon Landscape Order Print \u2715 \u2190 \u2192 Order a Print of This Photo Hendrik Sirait Photography \u2014 Nature \u00b7 Events \u00b7 Travelling \u00a9 2026","canonical_url":"https:\/\/www.hendrina.com\/?page_id=4597","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/www.hendrina.com\/?page_id=4597#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.hendrina.com#listItem","position":1,"name":"Home","item":"https:\/\/www.hendrina.com","nextItem":{"@type":"ListItem","@id":"https:\/\/www.hendrina.com\/?page_id=4597#listItem","name":"Collections"}},{"@type":"ListItem","@id":"https:\/\/www.hendrina.com\/?page_id=4597#listItem","position":2,"name":"Collections","previousItem":{"@type":"ListItem","@id":"https:\/\/www.hendrina.com#listItem","name":"Home"}}]},{"@type":"Person","@id":"https:\/\/www.hendrina.com\/#person","name":"Hendrik_Sirait","image":{"@type":"ImageObject","@id":"https:\/\/www.hendrina.com\/?page_id=4597#personImage","url":"https:\/\/secure.gravatar.com\/avatar\/a49a6d2482b98ff38a64e196440ca6c566f82e4ff2795eebaf562fba97389eec?s=96&d=mm&r=g","width":96,"height":96,"caption":"Hendrik_Sirait"}},{"@type":"WebPage","@id":"https:\/\/www.hendrina.com\/?page_id=4597#webpage","url":"https:\/\/www.hendrina.com\/?page_id=4597","name":"Collections - Hendrik Sirait Photography","description":"Gallery \u2014 Hendrik Sirait Photography Hendrik Sirait Photography Home About Order Print Gallery All Golden Hour Nature Order Print Into the Mist Landscape Order Print Silent Observer Wildlife Order Print Vast Horizon Landscape Order Print \u2715 \u2190 \u2192 Order a Print of This Photo Hendrik Sirait Photography \u2014 Nature \u00b7 Events \u00b7 Travelling \u00a9 2026","inLanguage":"en-GB","isPartOf":{"@id":"https:\/\/www.hendrina.com\/#website"},"breadcrumb":{"@id":"https:\/\/www.hendrina.com\/?page_id=4597#breadcrumblist"},"datePublished":"2026-05-24T19:42:29+02:00","dateModified":"2026-05-25T20:50:38+02:00"},{"@type":"WebSite","@id":"https:\/\/www.hendrina.com\/#website","url":"https:\/\/www.hendrina.com\/","name":"Hendrik Sirait  Photography","description":"Nature     |     Events    |     Travelling","inLanguage":"en-GB","publisher":{"@id":"https:\/\/www.hendrina.com\/#person"}}]},"og:locale":"en_GB","og:site_name":"Hendrik Sirait  Photography - Nature     |     Events    |     Travelling","og:type":"article","og:title":"Collections - Hendrik Sirait Photography","og:description":"Gallery \u2014 Hendrik Sirait Photography Hendrik Sirait Photography Home About Order Print Gallery All Golden Hour Nature Order Print Into the Mist Landscape Order Print Silent Observer Wildlife Order Print Vast Horizon Landscape Order Print \u2715 \u2190 \u2192 Order a Print of This Photo Hendrik Sirait Photography \u2014 Nature \u00b7 Events \u00b7 Travelling \u00a9 2026","og:url":"https:\/\/www.hendrina.com\/?page_id=4597","article:published_time":"2026-05-24T17:42:29+00:00","article:modified_time":"2026-05-25T18:50:38+00:00","twitter:card":"summary_large_image","twitter:title":"Collections - Hendrik Sirait Photography","twitter:description":"Gallery \u2014 Hendrik Sirait Photography Hendrik Sirait Photography Home About Order Print Gallery All Golden Hour Nature Order Print Into the Mist Landscape Order Print Silent Observer Wildlife Order Print Vast Horizon Landscape Order Print \u2715 \u2190 \u2192 Order a Print of This Photo Hendrik Sirait Photography \u2014 Nature \u00b7 Events \u00b7 Travelling \u00a9 2026"},"aioseo_meta_data":{"post_id":"4597","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":[],"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2026-05-24 17:42:30","updated":"2026-05-27 16:33:31","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.hendrina.com\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tCollections\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/www.hendrina.com"},{"label":"Collections","link":"https:\/\/www.hendrina.com\/?page_id=4597"}],"_links":{"self":[{"href":"https:\/\/www.hendrina.com\/index.php?rest_route=\/wp\/v2\/pages\/4597","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hendrina.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hendrina.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hendrina.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hendrina.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4597"}],"version-history":[{"count":29,"href":"https:\/\/www.hendrina.com\/index.php?rest_route=\/wp\/v2\/pages\/4597\/revisions"}],"predecessor-version":[{"id":4758,"href":"https:\/\/www.hendrina.com\/index.php?rest_route=\/wp\/v2\/pages\/4597\/revisions\/4758"}],"wp:attachment":[{"href":"https:\/\/www.hendrina.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4597"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}