Photo Collection – Archive<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&display=swap\" rel=\"stylesheet\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap\" rel=\"stylesheet\">\n <script id=\"tailwind-config\">\n tailwind.config = {\n darkMode: \"class\",\n theme: {\n extend: {\n \"colors\": {\n \"on-secondary-container\": \"#616363\", \"surface-variant\": \"#e2e2e2\", \"surface-container-lowest\": \"#ffffff\",\n \"on-secondary\": \"#ffffff\", \"on-tertiary\": \"#ffffff\", \"on-secondary-fixed-variant\": \"#454747\",\n \"surface\": \"#f9f9f9\", \"on-error-container\": \"#93000a\", \"on-primary-fixed-variant\": \"#474747\",\n \"surface-dim\": \"#dadada\", \"on-primary\": \"#ffffff\", \"on-surface-variant\": \"#4c4546\",\n \"tertiary-fixed-dim\": \"#c7c6c6\", \"on-background\": \"#1a1c1c\", \"primary-container\": \"#1b1b1b\",\n \"on-tertiary-container\": \"#848484\", \"on-surface\": \"#1a1c1c\", \"outline-variant\": \"#cfc4c5\",\n \"secondary-fixed-dim\": \"#c6c6c7\", \"inverse-on-surface\": \"#f1f1f1\", \"error-container\": \"#ffdad6\",\n \"medium-emphasis\": \"#5d5f5f\", \"surface-bright\": \"#f9f9f9\", \"on-primary-fixed\": \"#1b1b1b\",\n \"on-error\": \"#ffffff\", \"primary-fixed-dim\": \"#c6c6c6\", \"high-emphasis\": \"#000000\",\n \"inverse-surface\": \"#2f3131\", \"secondary-fixed\": \"#e2e2e2\", \"inverse-primary\": \"#c6c6c6\",\n \"on-secondary-fixed\": \"#1a1c1c\", \"error\": \"#ba1a1a\", \"surface-container-high\": \"#e8e8e8\",\n \"surface-container-low\": \"#f3f3f3\", \"outline\": \"#7e7576\", \"tertiary-fixed\": \"#e3e2e2\",\n \"on-tertiary-fixed-variant\": \"#464747\", \"tertiary-container\": \"#1b1c1c\", \"primary-fixed\": \"#e2e2e2\",\n \"on-tertiary-fixed\": \"#1b1c1c\", \"secondary-container\": \"#dfe0e0\", \"surface-container-highest\": \"#e2e2e2\",\n \"background\": \"#f9f9f9\", \"primary\": \"#000000\", \"surface-tint\": \"#5e5e5e\",\n \"secondary\": \"#5d5f5f\", \"surface-container\": \"#eeeeee\", \"tertiary\": \"#000000\"\n },\n \"borderRadius\": { \"lg\": \"0.5rem\", \"full\": \"9999px\", \"DEFAULT\": \"0.25rem\", \"xl\": \"0.75rem\" },\n \"spacing\": { \"grid-margin\": \"64px\", \"element-gap\": \"48px\", \"max-width\": \"1440px\", \"grid-gutter\": \"24px\", \"section-gap\": \"160px\" },\n \"fontFamily\": {\n \"headline-lg\": [\"Hanken Grotesk\"], \"headline-md\": [\"Hanken Grotesk\"],\n \"headline-lg-mobile\": [\"Hanken Grotesk\"], \"display-lg\": [\"Hanken Grotesk\"],\n \"label-caps\": [\"Hanken Grotesk\"], \"body-md\": [\"Hanken Grotesk\"],\n \"body-lg\": [\"Hanken Grotesk\"], \"nav-link\": [\"Hanken Grotesk\"]\n },\n \"fontSize\": {\n \"headline-lg\": [\"48px\", {\"lineHeight\": \"56px\", \"fontWeight\": \"400\"}],\n \"headline-md\": [\"32px\", {\"lineHeight\": \"40px\", \"fontWeight\": \"400\"}],\n \"headline-lg-mobile\": [\"32px\", {\"lineHeight\": \"40px\", \"fontWeight\": \"400\"}],\n \"display-lg\": [\"72px\", {\"lineHeight\": \"80px\", \"letterSpacing\": \"-0.02em\", \"fontWeight\": \"400\"}],\n \"label-caps\": [\"12px\", {\"lineHeight\": \"16px\", \"letterSpacing\": \"0.15em\", \"fontWeight\": \"600\"}],\n \"body-md\": [\"16px\", {\"lineHeight\": \"28px\", \"fontWeight\": \"400\"}],\n \"body-lg\": [\"18px\", {\"lineHeight\": \"32px\", \"fontWeight\": \"400\"}],\n \"nav-link\": [\"14px\", {\"lineHeight\": \"20px\", \"letterSpacing\": \"0.1em\", \"fontWeight\": \"500\"}]\n }\n }\n }\n }\n <\/script>\n <style>\n html, body { overflow-y: auto !important; height: auto !important; min-height: 100%; }\n body { background-color: #f9f9f9; font-family: 'Hanken Grotesk', sans-serif; }\n .section-line { display: flex; align-items: center; gap: 16px; margin-bottom: 48px; }\n .section-line::before { content: ''; display: block; height: 2px; width: 100px; background-color: black; }\n <\/style>\n<\/head>\n<body class=\"bg-background text-on-background font-body-md antialiased selection:bg-primary selection:text-on-primary\">\n\n <main class=\"max-w-max-width mx-auto px-grid-margin pt-12 md:pt-20 pb-4 w-full flex flex-col gap-12\">\n \n \n <header class=\"flex flex-col gap-4\">\n <div class=\"section-line\">\n <h1 class=\"text-3xl font-semibold tracking-wide text-high-emphasis uppercase\">Photo Collection<\/h1>\n <\/div>\n <p class=\"font-body-lg text-body-lg text-medium-emphasis max-w-2xl\">\n A curated archive of visual studies spanning landscape, structure, human documentation, and temporal still life.\n <\/p>\n <\/header>\n\n \n <section class=\"w-full border-b border-outline-variant pb-6\">\n <div class=\"flex flex-wrap gap-4\" id=\"filter-container\">\n <button class=\"filter-card px-6 py-2 border border-outline-variant hover:bg-surface-container transition-all duration-300 text-sm font-nav-link tracking-wider ring-2 ring-primary bg-surface-container\" data-filter=\"all\">ALL WORKS<\/button>\n <button class=\"filter-card px-6 py-2 border border-outline-variant hover:bg-surface-container transition-all duration-300 text-sm font-nav-link tracking-wider\" data-filter=\"landscape\">LANDSCAPE<\/button>\n <button class=\"filter-card px-6 py-2 border border-outline-variant hover:bg-surface-container transition-all duration-300 text-sm font-nav-link tracking-wider\" data-filter=\"portrait\">PORTRAIT<\/button>\n <button class=\"filter-card px-6 py-2 border border-outline-variant hover:bg-surface-container transition-all duration-300 text-sm font-nav-link tracking-wider\" data-filter=\"stilllife\">STILL LIFE<\/button>\n <\/div>\n <\/section>\n\n \n <section class=\"w-full\">\n <div class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6\" id=\"gallery-grid\">\n \n \n\n \n <div class=\"gallery-item group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-100 scale-100\" data-category=\"landscape\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/2.png\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" alt=\"Light and Structure\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Landscape<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Light and Structure<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">A striking monochrome view looking up a geometric stairwell, defined by sharp light and deep shadows.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-100 scale-100\" data-category=\"portrait\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/f.png\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" alt=\"The Daily Grind\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Portrait<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">The Daily Grind<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">A candid black and white portrait capturing a worker carrying a heavy load through the bustling city streets.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-100 scale-100\" data-category=\"stilllife\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/one.jpeg\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" alt=\"Solitary Tomato\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Still Life<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Solitary Tomato<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">A single vibrant red tomato resting on a textured surface against a stark, dramatic dark background.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-100 scale-100\" data-category=\"landscape\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/3.png\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" alt=\"Silhouettes at Dusk\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Landscape<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Silhouettes at Dusk<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">The dramatic silhouettes of ancient trees standing still in tranquil waters during a golden sunset.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-100 scale-100\" data-category=\"portrait\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/g.png\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" alt=\"Culinary Traditions\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Portrait<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Culinary Traditions<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">An intimate documentation of a seasoned street food vendor, capturing her focus amidst the warmth of her stall.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-100 scale-100\" data-category=\"stilllife\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/four.jpeg\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" alt=\"Rustic Eggs\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Still Life<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Rustic Eggs<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">A moody, rustic composition of fresh brown eggs gathered in a simple wire basket under dramatic lighting.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-100 scale-100\" data-category=\"landscape\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/4.png\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" alt=\"Winds of Change\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Landscape<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Winds of Change<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">A sweeping monochrome landscape featuring towering wind turbines standing tall against dramatic, cloudy skies.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-100 scale-100\" data-category=\"portrait\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/e-scaled.jpg\" class=\"w-full h-full object-cover\" alt=\"Neon Angel\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Portrait<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Neon Angel<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">A vibrant nighttime portrait of a young man framed perfectly by glowing neon angel wings in the city.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-100 scale-100\" data-category=\"stilllife\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/five.jpeg\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" alt=\"Fallen Leaves\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Still Life<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Fallen Leaves<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">A high-contrast study of textured, fallen yellow leaves scattered across a rough, shadowy ground.<\/p>\n <\/div>\n <\/div>\n\n\n \n\n \n <div class=\"gallery-item extra-photo hidden group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-20 scale-95\" data-category=\"landscape\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/5.png\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" alt=\"Twilight Pier\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Landscape<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Twilight Pier<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">The fading light of dusk casting a serene glow over a long architectural pier stretching into the calm ocean.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item extra-photo hidden group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-20 scale-95\" data-category=\"portrait\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/d-scaled.jpg\" class=\"w-full h-full object-cover\" alt=\"Flame in the Dark\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Portrait<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Flame in the Dark<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">An intense, moody portrait of a man illuminated by the warm, flickering flames of burning paper at night.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item extra-photo hidden group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-20 scale-95\" data-category=\"stilllife\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/1.png\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" alt=\"Urban Patterns\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Still Life<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Urban Patterns<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">A close-up study of vibrant, diagonal geometric stripes and bold shapes on an urban transport surface.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item extra-photo hidden group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-20 scale-95\" data-category=\"landscape\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/6.png\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" alt=\"Ocean Sunset\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Landscape<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Ocean Sunset<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">A peaceful golden hour scene featuring birds flying across a tranquil ocean horizon with distant mountains.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item extra-photo hidden group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-20 scale-95\" data-category=\"portrait\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/c.jpg\" class=\"w-full h-full object-cover\" alt=\"Starlit Gaze\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Portrait<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Starlit Gaze<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">A portrait of a woman wearing a maroon hijab, looking thoughtfully toward a beautifully illuminated, starry backdrop.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item extra-photo hidden group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-20 scale-95\" data-category=\"stilllife\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/two.jpeg\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" alt=\"Sweet Contrast\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Still Life<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Sweet Contrast<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">A playful, macro composition of a classic sandwich cookie and scattered crumbs set against a vibrant blue background.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item extra-photo hidden group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-20 scale-95\" data-category=\"landscape\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/7.png\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" alt=\"The Long Road\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Landscape<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">The Long Road<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">A striking low-angle perspective looking down the center line of a quiet, tree-lined asphalt highway.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item extra-photo hidden group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-20 scale-95\" data-category=\"portrait\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/b-scaled.jpg\" class=\"w-full h-full object-cover\" alt=\"Quiet Contemplation\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Portrait<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Quiet Contemplation<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">A candid capture of a young man immersed in his thoughts, reviewing notes outdoors in natural light.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item extra-photo hidden group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-20 scale-95\" data-category=\"stilllife\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/three.jpeg\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" alt=\"Seed Patterns\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Still Life<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Seed Patterns<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">An organic, textured arrangement exploring the natural curves and shapes of clustered sunflower seeds.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item extra-photo hidden group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-20 scale-95\" data-category=\"portrait\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/a-scaled.jpg\" class=\"w-full h-full object-cover\" alt=\"Soft Illumination\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Portrait<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Soft Illumination<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">A moody, cinematic profile portrait capturing a young man’s contemplative expression under soft ambient light.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item extra-photo hidden group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-20 scale-95\" data-category=\"stilllife\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/six.jpeg\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" alt=\"Sharp and Sweet\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Still Life<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Sharp and Sweet<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">A creative juxtaposition of sharp metallic safety pins and soft, sweet chocolate cubes on a clean background.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item extra-photo hidden group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-20 scale-95\" data-category=\"stilllife\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/seven.jpeg\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" alt=\"Liquid Gold\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Still Life<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Liquid Gold<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">An abstract visual study of dark, spiraled chocolate shapes floating in luminous, golden pools of oil.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"w-full flex justify-center mt-12\">\n <button class=\"bg-primary text-white px-10 py-4 font-label-caps text-label-caps uppercase hover:bg-secondary transition-all duration-300 shadow-md tracking-widest\" id=\"load-more-btn\">\n SEE MORE\n <\/button>\n <\/div>\n <\/section>\n\n <\/main>\n\n \n <div id=\"image-modal\" class=\"fixed inset-0 z-50 flex items-center justify-center bg-black\/95 opacity-0 pointer-events-none transition-opacity duration-300\">\n <div class=\"relative max-w-5xl max-h-[90vh] px-4 flex flex-col items-center justify-center\">\n \n <button id=\"img-modal-close\" class=\"absolute -top-12 right-4 text-white hover:text-gray-300 transition-colors flex items-center\">\n <span class=\"material-symbols-outlined text-3xl\">close<\/span>\n <\/button>\n \n <img decoding=\"async\" id=\"modal-lightbox-img\" class=\"max-w-full max-h-[80vh] object-contain rounded shadow-2xl border border-white\/10\" src=\"\" alt=\"Full View\">\n <\/div>\n <\/div>\n\n \n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const filterCards = document.querySelectorAll('.filter-card');\n const galleryItems = document.querySelectorAll('.gallery-item');\n const loadMoreBtn = document.getElementById('load-more-btn');\n \n let activeFilter = 'all';\n let isExpanded = false;\n\n \/\/ Load more toggle logic\n loadMoreBtn?.addEventListener('click', () => {\n isExpanded = !isExpanded;\n \n if (isExpanded) {\n loadMoreBtn.textContent = 'SHOW LESS';\n } else {\n loadMoreBtn.textContent = 'SEE MORE';\n \/\/ Smoothly scroll back to view when closing\n document.getElementById('filter-container')?.scrollIntoView({ behavior: 'smooth' });\n }\n\n applyCurrentDisplay();\n \n \/\/ \u5f3a\u5236 WordPress \u4e3b\u9898\u5e95\u680f\u7d27\u8ddf\u4e0a\u79fb\uff0c\u6d88\u9664\u591a\u4f59\u7a7a\u767d\n setTimeout(() => {\n window.dispatchEvent(new Event('resize'));\n }, 100);\n });\n\n \/\/ Filtering apply matrix\n function applyCurrentDisplay() {\n galleryItems.forEach(item => {\n const matchesFilter = (activeFilter === 'all' || item.dataset.category === activeFilter);\n const isExtra = item.classList.contains('extra-photo');\n\n if (matchesFilter) {\n if (!isExtra || isExpanded) {\n item.classList.remove('hidden');\n setTimeout(() => {\n item.classList.remove('opacity-20', 'scale-95');\n }, 50);\n } else {\n item.classList.add('hidden');\n item.classList.add('opacity-20', 'scale-95');\n }\n } else {\n item.classList.add('hidden');\n item.classList.add('opacity-20', 'scale-95');\n }\n });\n \n \/\/ \u5207\u6362\u5206\u7c7b\u7b5b\u9009\u65f6\uff0c\u4e5f\u5f3a\u5236\u5e95\u680f\u8d34\u7d27\n setTimeout(() => {\n window.dispatchEvent(new Event('resize'));\n }, 100);\n }\n\n \/\/ Bind filter click event listeners\n filterCards.forEach(card => {\n card.addEventListener('click', () => {\n const filter = card.dataset.filter;\n \n if (activeFilter !== filter) {\n activeFilter = filter;\n \n \/\/ Handle button highlight swapping classes\n filterCards.forEach(c => c.classList.remove('ring-2', 'ring-primary', 'bg-surface-container'));\n card.classList.add('ring-2', 'ring-primary', 'bg-surface-container');\n \n \/\/ Clear layout opacity and trigger reallocation\n galleryItems.forEach(item => {\n item.classList.add('opacity-20', 'scale-95');\n });\n \n setTimeout(() => {\n applyCurrentDisplay();\n }, 300);\n }\n });\n });\n\n \/\/ ------------------------------------------\n \/\/ \u706f\u7bb1\u5927\u56fe\u4ea4\u4e92\u63a7\u5236\u903b\u8f91\n \/\/ ------------------------------------------\n const imageModal = document.getElementById('image-modal');\n const modalLightboxImg = document.getElementById('modal-lightbox-img');\n const imgModalClose = document.getElementById('img-modal-close');\n const imageTriggers = document.querySelectorAll('.image-trigger');\n\n imageTriggers.forEach(trigger => {\n trigger.addEventListener('click', () => {\n const img = trigger.querySelector('img');\n if (img && imageModal && modalLightboxImg) {\n modalLightboxImg.src = img.src;\n imageModal.classList.remove('opacity-0', 'pointer-events-none');\n }\n });\n });\n\n function closeImageModal() {\n if (imageModal) {\n imageModal.classList.add('opacity-0', 'pointer-events-none');\n }\n }\n\n imgModalClose?.addEventListener('click', closeImageModal);\n imageModal?.addEventListener('click', (e) => {\n if (e.target === imageModal) {\n closeImageModal();\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Photo Collection – Archive Photo Collection A curated archive of visual studies spanning landscape, structure, human documentation, and temporal still […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-79","page","type-page","status-publish","hentry"],"acf":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"JINLEI","author_link":"https:\/\/northbound-auto.com\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"Photo Collection – Archive Photo Collection A curated archive of visual studies spanning landscape, structure, human documentation, and temporal still […]","_links":{"self":[{"href":"https:\/\/northbound-auto.com\/index.php?rest_route=\/wp\/v2\/pages\/79","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/northbound-auto.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/northbound-auto.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/northbound-auto.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/northbound-auto.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=79"}],"version-history":[{"count":5,"href":"https:\/\/northbound-auto.com\/index.php?rest_route=\/wp\/v2\/pages\/79\/revisions"}],"predecessor-version":[{"id":158,"href":"https:\/\/northbound-auto.com\/index.php?rest_route=\/wp\/v2\/pages\/79\/revisions\/158"}],"wp:attachment":[{"href":"https:\/\/northbound-auto.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=79"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":79,"date":"2026-05-22T05:02:20","date_gmt":"2026-05-22T05:02:20","guid":{"rendered":"https:\/\/northbound-auto.com\/?page_id=79"},"modified":"2026-05-31T12:53:58","modified_gmt":"2026-05-31T12:53:58","slug":"photo-album","status":"publish","type":"page","link":"https:\/\/northbound-auto.com\/?page_id=79","title":{"rendered":"PHOTO ALBUM"},"content":{"rendered":"\n\n\n\n \n \n Photo Collection – Archive<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&display=swap\" rel=\"stylesheet\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap\" rel=\"stylesheet\">\n <script id=\"tailwind-config\">\n tailwind.config = {\n darkMode: \"class\",\n theme: {\n extend: {\n \"colors\": {\n \"on-secondary-container\": \"#616363\", \"surface-variant\": \"#e2e2e2\", \"surface-container-lowest\": \"#ffffff\",\n \"on-secondary\": \"#ffffff\", \"on-tertiary\": \"#ffffff\", \"on-secondary-fixed-variant\": \"#454747\",\n \"surface\": \"#f9f9f9\", \"on-error-container\": \"#93000a\", \"on-primary-fixed-variant\": \"#474747\",\n \"surface-dim\": \"#dadada\", \"on-primary\": \"#ffffff\", \"on-surface-variant\": \"#4c4546\",\n \"tertiary-fixed-dim\": \"#c7c6c6\", \"on-background\": \"#1a1c1c\", \"primary-container\": \"#1b1b1b\",\n \"on-tertiary-container\": \"#848484\", \"on-surface\": \"#1a1c1c\", \"outline-variant\": \"#cfc4c5\",\n \"secondary-fixed-dim\": \"#c6c6c7\", \"inverse-on-surface\": \"#f1f1f1\", \"error-container\": \"#ffdad6\",\n \"medium-emphasis\": \"#5d5f5f\", \"surface-bright\": \"#f9f9f9\", \"on-primary-fixed\": \"#1b1b1b\",\n \"on-error\": \"#ffffff\", \"primary-fixed-dim\": \"#c6c6c6\", \"high-emphasis\": \"#000000\",\n \"inverse-surface\": \"#2f3131\", \"secondary-fixed\": \"#e2e2e2\", \"inverse-primary\": \"#c6c6c6\",\n \"on-secondary-fixed\": \"#1a1c1c\", \"error\": \"#ba1a1a\", \"surface-container-high\": \"#e8e8e8\",\n \"surface-container-low\": \"#f3f3f3\", \"outline\": \"#7e7576\", \"tertiary-fixed\": \"#e3e2e2\",\n \"on-tertiary-fixed-variant\": \"#464747\", \"tertiary-container\": \"#1b1c1c\", \"primary-fixed\": \"#e2e2e2\",\n \"on-tertiary-fixed\": \"#1b1c1c\", \"secondary-container\": \"#dfe0e0\", \"surface-container-highest\": \"#e2e2e2\",\n \"background\": \"#f9f9f9\", \"primary\": \"#000000\", \"surface-tint\": \"#5e5e5e\",\n \"secondary\": \"#5d5f5f\", \"surface-container\": \"#eeeeee\", \"tertiary\": \"#000000\"\n },\n \"borderRadius\": { \"lg\": \"0.5rem\", \"full\": \"9999px\", \"DEFAULT\": \"0.25rem\", \"xl\": \"0.75rem\" },\n \"spacing\": { \"grid-margin\": \"64px\", \"element-gap\": \"48px\", \"max-width\": \"1440px\", \"grid-gutter\": \"24px\", \"section-gap\": \"160px\" },\n \"fontFamily\": {\n \"headline-lg\": [\"Hanken Grotesk\"], \"headline-md\": [\"Hanken Grotesk\"],\n \"headline-lg-mobile\": [\"Hanken Grotesk\"], \"display-lg\": [\"Hanken Grotesk\"],\n \"label-caps\": [\"Hanken Grotesk\"], \"body-md\": [\"Hanken Grotesk\"],\n \"body-lg\": [\"Hanken Grotesk\"], \"nav-link\": [\"Hanken Grotesk\"]\n },\n \"fontSize\": {\n \"headline-lg\": [\"48px\", {\"lineHeight\": \"56px\", \"fontWeight\": \"400\"}],\n \"headline-md\": [\"32px\", {\"lineHeight\": \"40px\", \"fontWeight\": \"400\"}],\n \"headline-lg-mobile\": [\"32px\", {\"lineHeight\": \"40px\", \"fontWeight\": \"400\"}],\n \"display-lg\": [\"72px\", {\"lineHeight\": \"80px\", \"letterSpacing\": \"-0.02em\", \"fontWeight\": \"400\"}],\n \"label-caps\": [\"12px\", {\"lineHeight\": \"16px\", \"letterSpacing\": \"0.15em\", \"fontWeight\": \"600\"}],\n \"body-md\": [\"16px\", {\"lineHeight\": \"28px\", \"fontWeight\": \"400\"}],\n \"body-lg\": [\"18px\", {\"lineHeight\": \"32px\", \"fontWeight\": \"400\"}],\n \"nav-link\": [\"14px\", {\"lineHeight\": \"20px\", \"letterSpacing\": \"0.1em\", \"fontWeight\": \"500\"}]\n }\n }\n }\n }\n <\/script>\n <style>\n html, body { overflow-y: auto !important; height: auto !important; min-height: 100%; }\n body { background-color: #f9f9f9; font-family: 'Hanken Grotesk', sans-serif; }\n .section-line { display: flex; align-items: center; gap: 16px; margin-bottom: 48px; }\n .section-line::before { content: ''; display: block; height: 2px; width: 100px; background-color: black; }\n <\/style>\n<\/head>\n<body class=\"bg-background text-on-background font-body-md antialiased selection:bg-primary selection:text-on-primary\">\n\n <main class=\"max-w-max-width mx-auto px-grid-margin pt-12 md:pt-20 pb-4 w-full flex flex-col gap-12\">\n \n \n <header class=\"flex flex-col gap-4\">\n <div class=\"section-line\">\n <h1 class=\"text-3xl font-semibold tracking-wide text-high-emphasis uppercase\">Photo Collection<\/h1>\n <\/div>\n <p class=\"font-body-lg text-body-lg text-medium-emphasis max-w-2xl\">\n A curated archive of visual studies spanning landscape, structure, human documentation, and temporal still life.\n <\/p>\n <\/header>\n\n \n <section class=\"w-full border-b border-outline-variant pb-6\">\n <div class=\"flex flex-wrap gap-4\" id=\"filter-container\">\n <button class=\"filter-card px-6 py-2 border border-outline-variant hover:bg-surface-container transition-all duration-300 text-sm font-nav-link tracking-wider ring-2 ring-primary bg-surface-container\" data-filter=\"all\">ALL WORKS<\/button>\n <button class=\"filter-card px-6 py-2 border border-outline-variant hover:bg-surface-container transition-all duration-300 text-sm font-nav-link tracking-wider\" data-filter=\"landscape\">LANDSCAPE<\/button>\n <button class=\"filter-card px-6 py-2 border border-outline-variant hover:bg-surface-container transition-all duration-300 text-sm font-nav-link tracking-wider\" data-filter=\"portrait\">PORTRAIT<\/button>\n <button class=\"filter-card px-6 py-2 border border-outline-variant hover:bg-surface-container transition-all duration-300 text-sm font-nav-link tracking-wider\" data-filter=\"stilllife\">STILL LIFE<\/button>\n <\/div>\n <\/section>\n\n \n <section class=\"w-full\">\n <div class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6\" id=\"gallery-grid\">\n \n \n\n \n <div class=\"gallery-item group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-100 scale-100\" data-category=\"landscape\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/2.png\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" alt=\"Light and Structure\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Landscape<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Light and Structure<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">A striking monochrome view looking up a geometric stairwell, defined by sharp light and deep shadows.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-100 scale-100\" data-category=\"portrait\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/f.png\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" alt=\"The Daily Grind\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Portrait<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">The Daily Grind<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">A candid black and white portrait capturing a worker carrying a heavy load through the bustling city streets.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-100 scale-100\" data-category=\"stilllife\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/one.jpeg\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" alt=\"Solitary Tomato\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Still Life<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Solitary Tomato<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">A single vibrant red tomato resting on a textured surface against a stark, dramatic dark background.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-100 scale-100\" data-category=\"landscape\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/3.png\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" alt=\"Silhouettes at Dusk\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Landscape<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Silhouettes at Dusk<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">The dramatic silhouettes of ancient trees standing still in tranquil waters during a golden sunset.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-100 scale-100\" data-category=\"portrait\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/g.png\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" alt=\"Culinary Traditions\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Portrait<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Culinary Traditions<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">An intimate documentation of a seasoned street food vendor, capturing her focus amidst the warmth of her stall.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-100 scale-100\" data-category=\"stilllife\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/four.jpeg\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" alt=\"Rustic Eggs\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Still Life<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Rustic Eggs<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">A moody, rustic composition of fresh brown eggs gathered in a simple wire basket under dramatic lighting.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-100 scale-100\" data-category=\"landscape\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/4.png\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" alt=\"Winds of Change\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Landscape<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Winds of Change<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">A sweeping monochrome landscape featuring towering wind turbines standing tall against dramatic, cloudy skies.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-100 scale-100\" data-category=\"portrait\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/e-scaled.jpg\" class=\"w-full h-full object-cover\" alt=\"Neon Angel\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Portrait<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Neon Angel<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">A vibrant nighttime portrait of a young man framed perfectly by glowing neon angel wings in the city.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-100 scale-100\" data-category=\"stilllife\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/five.jpeg\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" alt=\"Fallen Leaves\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Still Life<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Fallen Leaves<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">A high-contrast study of textured, fallen yellow leaves scattered across a rough, shadowy ground.<\/p>\n <\/div>\n <\/div>\n\n\n \n\n \n <div class=\"gallery-item extra-photo hidden group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-20 scale-95\" data-category=\"landscape\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/5.png\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" alt=\"Twilight Pier\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Landscape<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Twilight Pier<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">The fading light of dusk casting a serene glow over a long architectural pier stretching into the calm ocean.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item extra-photo hidden group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-20 scale-95\" data-category=\"portrait\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/d-scaled.jpg\" class=\"w-full h-full object-cover\" alt=\"Flame in the Dark\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Portrait<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Flame in the Dark<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">An intense, moody portrait of a man illuminated by the warm, flickering flames of burning paper at night.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item extra-photo hidden group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-20 scale-95\" data-category=\"stilllife\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/1.png\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" alt=\"Urban Patterns\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Still Life<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Urban Patterns<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">A close-up study of vibrant, diagonal geometric stripes and bold shapes on an urban transport surface.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item extra-photo hidden group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-20 scale-95\" data-category=\"landscape\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/6.png\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" alt=\"Ocean Sunset\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Landscape<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Ocean Sunset<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">A peaceful golden hour scene featuring birds flying across a tranquil ocean horizon with distant mountains.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item extra-photo hidden group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-20 scale-95\" data-category=\"portrait\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/c.jpg\" class=\"w-full h-full object-cover\" alt=\"Starlit Gaze\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Portrait<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Starlit Gaze<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">A portrait of a woman wearing a maroon hijab, looking thoughtfully toward a beautifully illuminated, starry backdrop.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item extra-photo hidden group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-20 scale-95\" data-category=\"stilllife\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/two.jpeg\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" alt=\"Sweet Contrast\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Still Life<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Sweet Contrast<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">A playful, macro composition of a classic sandwich cookie and scattered crumbs set against a vibrant blue background.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item extra-photo hidden group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-20 scale-95\" data-category=\"landscape\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/7.png\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" alt=\"The Long Road\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Landscape<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">The Long Road<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">A striking low-angle perspective looking down the center line of a quiet, tree-lined asphalt highway.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item extra-photo hidden group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-20 scale-95\" data-category=\"portrait\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/b-scaled.jpg\" class=\"w-full h-full object-cover\" alt=\"Quiet Contemplation\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Portrait<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Quiet Contemplation<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">A candid capture of a young man immersed in his thoughts, reviewing notes outdoors in natural light.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item extra-photo hidden group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-20 scale-95\" data-category=\"stilllife\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/three.jpeg\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" alt=\"Seed Patterns\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Still Life<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Seed Patterns<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">An organic, textured arrangement exploring the natural curves and shapes of clustered sunflower seeds.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item extra-photo hidden group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-20 scale-95\" data-category=\"portrait\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/a-scaled.jpg\" class=\"w-full h-full object-cover\" alt=\"Soft Illumination\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Portrait<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Soft Illumination<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">A moody, cinematic profile portrait capturing a young man’s contemplative expression under soft ambient light.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item extra-photo hidden group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-20 scale-95\" data-category=\"stilllife\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/six.jpeg\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" alt=\"Sharp and Sweet\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Still Life<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Sharp and Sweet<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">A creative juxtaposition of sharp metallic safety pins and soft, sweet chocolate cubes on a clean background.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gallery-item extra-photo hidden group flex flex-col bg-surface-container-low border border-outline-variant overflow-hidden transition-all duration-500 transform opacity-20 scale-95\" data-category=\"stilllife\">\n <div class=\"w-full aspect-[4\/3] bg-surface-container flex items-center justify-center border-b border-outline-variant overflow-hidden cursor-pointer image-trigger\" title=\"Click to view full image\">\n <img decoding=\"async\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/seven.jpeg\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" alt=\"Liquid Gold\" title=\"PHOTO ALBUM\">\n <\/div>\n <div class=\"p-5 flex flex-col gap-2\">\n <span class=\"font-label-caps text-label-caps text-medium-emphasis uppercase tracking-widest\">Still Life<\/span>\n <h3 class=\"font-headline-md text-xl text-high-emphasis\">Liquid Gold<\/h3>\n <p class=\"text-secondary text-sm leading-relaxed\">An abstract visual study of dark, spiraled chocolate shapes floating in luminous, golden pools of oil.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"w-full flex justify-center mt-12\">\n <button class=\"bg-primary text-white px-10 py-4 font-label-caps text-label-caps uppercase hover:bg-secondary transition-all duration-300 shadow-md tracking-widest\" id=\"load-more-btn\">\n SEE MORE\n <\/button>\n <\/div>\n <\/section>\n\n <\/main>\n\n \n <div id=\"image-modal\" class=\"fixed inset-0 z-50 flex items-center justify-center bg-black\/95 opacity-0 pointer-events-none transition-opacity duration-300\">\n <div class=\"relative max-w-5xl max-h-[90vh] px-4 flex flex-col items-center justify-center\">\n \n <button id=\"img-modal-close\" class=\"absolute -top-12 right-4 text-white hover:text-gray-300 transition-colors flex items-center\">\n <span class=\"material-symbols-outlined text-3xl\">close<\/span>\n <\/button>\n \n <img decoding=\"async\" id=\"modal-lightbox-img\" class=\"max-w-full max-h-[80vh] object-contain rounded shadow-2xl border border-white\/10\" src=\"\" alt=\"Full View\">\n <\/div>\n <\/div>\n\n \n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const filterCards = document.querySelectorAll('.filter-card');\n const galleryItems = document.querySelectorAll('.gallery-item');\n const loadMoreBtn = document.getElementById('load-more-btn');\n \n let activeFilter = 'all';\n let isExpanded = false;\n\n \/\/ Load more toggle logic\n loadMoreBtn?.addEventListener('click', () => {\n isExpanded = !isExpanded;\n \n if (isExpanded) {\n loadMoreBtn.textContent = 'SHOW LESS';\n } else {\n loadMoreBtn.textContent = 'SEE MORE';\n \/\/ Smoothly scroll back to view when closing\n document.getElementById('filter-container')?.scrollIntoView({ behavior: 'smooth' });\n }\n\n applyCurrentDisplay();\n \n \/\/ \u5f3a\u5236 WordPress \u4e3b\u9898\u5e95\u680f\u7d27\u8ddf\u4e0a\u79fb\uff0c\u6d88\u9664\u591a\u4f59\u7a7a\u767d\n setTimeout(() => {\n window.dispatchEvent(new Event('resize'));\n }, 100);\n });\n\n \/\/ Filtering apply matrix\n function applyCurrentDisplay() {\n galleryItems.forEach(item => {\n const matchesFilter = (activeFilter === 'all' || item.dataset.category === activeFilter);\n const isExtra = item.classList.contains('extra-photo');\n\n if (matchesFilter) {\n if (!isExtra || isExpanded) {\n item.classList.remove('hidden');\n setTimeout(() => {\n item.classList.remove('opacity-20', 'scale-95');\n }, 50);\n } else {\n item.classList.add('hidden');\n item.classList.add('opacity-20', 'scale-95');\n }\n } else {\n item.classList.add('hidden');\n item.classList.add('opacity-20', 'scale-95');\n }\n });\n \n \/\/ \u5207\u6362\u5206\u7c7b\u7b5b\u9009\u65f6\uff0c\u4e5f\u5f3a\u5236\u5e95\u680f\u8d34\u7d27\n setTimeout(() => {\n window.dispatchEvent(new Event('resize'));\n }, 100);\n }\n\n \/\/ Bind filter click event listeners\n filterCards.forEach(card => {\n card.addEventListener('click', () => {\n const filter = card.dataset.filter;\n \n if (activeFilter !== filter) {\n activeFilter = filter;\n \n \/\/ Handle button highlight swapping classes\n filterCards.forEach(c => c.classList.remove('ring-2', 'ring-primary', 'bg-surface-container'));\n card.classList.add('ring-2', 'ring-primary', 'bg-surface-container');\n \n \/\/ Clear layout opacity and trigger reallocation\n galleryItems.forEach(item => {\n item.classList.add('opacity-20', 'scale-95');\n });\n \n setTimeout(() => {\n applyCurrentDisplay();\n }, 300);\n }\n });\n });\n\n \/\/ ------------------------------------------\n \/\/ \u706f\u7bb1\u5927\u56fe\u4ea4\u4e92\u63a7\u5236\u903b\u8f91\n \/\/ ------------------------------------------\n const imageModal = document.getElementById('image-modal');\n const modalLightboxImg = document.getElementById('modal-lightbox-img');\n const imgModalClose = document.getElementById('img-modal-close');\n const imageTriggers = document.querySelectorAll('.image-trigger');\n\n imageTriggers.forEach(trigger => {\n trigger.addEventListener('click', () => {\n const img = trigger.querySelector('img');\n if (img && imageModal && modalLightboxImg) {\n modalLightboxImg.src = img.src;\n imageModal.classList.remove('opacity-0', 'pointer-events-none');\n }\n });\n });\n\n function closeImageModal() {\n if (imageModal) {\n imageModal.classList.add('opacity-0', 'pointer-events-none');\n }\n }\n\n imgModalClose?.addEventListener('click', closeImageModal);\n imageModal?.addEventListener('click', (e) => {\n if (e.target === imageModal) {\n closeImageModal();\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Photo Collection – Archive Photo Collection A curated archive of visual studies spanning landscape, structure, human documentation, and temporal still […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-79","page","type-page","status-publish","hentry"],"acf":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"JINLEI","author_link":"https:\/\/northbound-auto.com\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"Photo Collection – Archive Photo Collection A curated archive of visual studies spanning landscape, structure, human documentation, and temporal still […]","_links":{"self":[{"href":"https:\/\/northbound-auto.com\/index.php?rest_route=\/wp\/v2\/pages\/79","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/northbound-auto.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/northbound-auto.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/northbound-auto.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/northbound-auto.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=79"}],"version-history":[{"count":5,"href":"https:\/\/northbound-auto.com\/index.php?rest_route=\/wp\/v2\/pages\/79\/revisions"}],"predecessor-version":[{"id":158,"href":"https:\/\/northbound-auto.com\/index.php?rest_route=\/wp\/v2\/pages\/79\/revisions\/158"}],"wp:attachment":[{"href":"https:\/\/northbound-auto.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=79"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}