Luke Zaphir \u2014 Philosopher & Educator<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&family=DM+Serif+Display:ital@0;1&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --bg: #F4F4F4;\n --bg-white: #FFFFFF;\n --text: #1F1F1F;\n --text-mid: #4A4A4A;\n --text-muted: #717171;\n --accent: #2A9D8F;\n --accent-dark: #1E7A6E;\n --accent-light: #E6F5F3;\n --border: #E0E0E0;\n --sans: 'DM Sans', -apple-system, sans-serif;\n --serif: 'DM Serif Display', Georgia, serif;\n }\n\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n html { scroll-behavior: smooth; font-size: 16px; }\n\n body {\n background: var(--bg);\n color: var(--text);\n font-family: var(--sans);\n font-size: 1rem;\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n }\n\n \/* \u2500\u2500 SKIP LINK (accessibility) \u2500\u2500 *\/\n .skip-link {\n position: absolute;\n top: -999px;\n left: 1rem;\n background: var(--accent);\n color: #fff;\n padding: 0.5rem 1rem;\n font-size: 0.875rem;\n z-index: 1000;\n border-radius: 0 0 6px 6px;\n text-decoration: none;\n }\n .skip-link:focus { top: 0; }\n\n \/* \u2500\u2500 NAV \u2500\u2500 *\/\n nav {\n position: sticky;\n top: 0;\n background: rgba(244,244,244,0.95);\n backdrop-filter: blur(8px);\n border-bottom: 1px solid var(--border);\n z-index: 200;\n }\n\n .nav-inner {\n max-width: 1140px;\n margin: 0 auto;\n padding: 0 2rem;\n height: 68px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 2rem;\n }\n\n .nav-logo {\n font-family: var(--serif);\n font-size: 1.25rem;\n color: var(--text);\n text-decoration: none;\n white-space: nowrap;\n }\n\n .nav-logo span { color: var(--accent); }\n\n .nav-links {\n display: flex;\n list-style: none;\n gap: 0.25rem;\n }\n\n .nav-links a {\n display: flex;\n align-items: center;\n gap: 0.4rem;\n padding: 0.5rem 0.875rem;\n font-size: 0.9rem;\n font-weight: 500;\n color: var(--text-mid);\n text-decoration: none;\n border-radius: 6px;\n transition: background 0.15s, color 0.15s;\n outline-offset: 3px;\n }\n\n .nav-links a:hover, .nav-links a:focus {\n background: var(--accent-light);\n color: var(--accent);\n }\n\n .nav-links a.active {\n background: var(--accent-light);\n color: var(--accent);\n font-weight: 600;\n }\n\n .nav-links a svg { flex-shrink: 0; }\n\n .nav-cta {\n background: var(--accent) !important;\n color: #fff !important;\n padding: 0.5rem 1.1rem !important;\n }\n\n .nav-cta:hover, .nav-cta:focus {\n background: var(--accent-dark) !important;\n color: #fff !important;\n }\n\n .hamburger {\n display: none;\n background: none;\n border: 1px solid var(--border);\n padding: 0.45rem 0.6rem;\n border-radius: 6px;\n cursor: pointer;\n gap: 4px;\n flex-direction: column;\n align-items: center;\n }\n\n .hamburger span {\n display: block;\n width: 20px;\n height: 2px;\n background: var(--text);\n transition: all 0.2s;\n border-radius: 2px;\n }\n\n .mobile-nav {\n display: none;\n position: fixed;\n top: 68px;\n left: 0; right: 0;\n background: var(--bg-white);\n border-bottom: 1px solid var(--border);\n padding: 1rem 2rem 1.5rem;\n flex-direction: column;\n gap: 0.25rem;\n z-index: 199;\n box-shadow: 0 8px 24px rgba(0,0,0,0.08);\n }\n\n .mobile-nav.open { display: flex; }\n\n .mobile-nav a {\n display: flex;\n align-items: center;\n gap: 0.6rem;\n padding: 0.75rem 0.875rem;\n font-size: 0.95rem;\n font-weight: 500;\n color: var(--text-mid);\n text-decoration: none;\n border-radius: 6px;\n border-bottom: 1px solid var(--border);\n }\n\n .mobile-nav a:last-child { border-bottom: none; }\n .mobile-nav a:hover { background: var(--accent-light); color: var(--accent); }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .hero {\n max-width: 1140px;\n margin: 0 auto;\n padding: 6rem 2rem 5rem;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n align-items: center;\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n background: var(--accent-light);\n color: var(--accent-dark);\n padding: 0.4rem 0.9rem;\n border-radius: 99px;\n font-size: 0.82rem;\n font-weight: 600;\n letter-spacing: 0.02em;\n margin-bottom: 1.5rem;\n border: 1px solid rgba(42,157,143,0.2);\n }\n\n .hero-badge svg { width: 14px; height: 14px; }\n\n h1 {\n font-family: var(--serif);\n font-size: clamp(2.6rem, 5vw, 4rem);\n line-height: 1.1;\n color: var(--text);\n margin-bottom: 1.25rem;\n }\n\n h1 em {\n color: var(--accent);\n font-style: italic;\n }\n\n .hero-sub {\n font-size: 1.1rem;\n color: var(--text-mid);\n line-height: 1.75;\n margin-bottom: 2.25rem;\n max-width: 480px;\n }\n\n .hero-actions {\n display: flex;\n gap: 0.875rem;\n flex-wrap: wrap;\n }\n\n .btn {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.75rem 1.5rem;\n font-family: var(--sans);\n font-size: 0.9rem;\n font-weight: 600;\n border-radius: 8px;\n border: 2px solid transparent;\n cursor: pointer;\n transition: all 0.18s;\n text-decoration: none;\n outline-offset: 3px;\n }\n\n .btn-primary {\n background: var(--accent);\n color: #fff;\n border-color: var(--accent);\n }\n\n .btn-primary:hover, .btn-primary:focus {\n background: var(--accent-dark);\n border-color: var(--accent-dark);\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(42,157,143,0.3);\n }\n\n .btn-secondary {\n background: transparent;\n color: var(--text);\n border-color: var(--border);\n }\n\n .btn-secondary:hover, .btn-secondary:focus {\n border-color: var(--accent);\n color: var(--accent);\n transform: translateY(-2px);\n }\n\n .hero-stats {\n display: flex;\n gap: 2rem;\n margin-top: 3rem;\n padding-top: 2rem;\n border-top: 1px solid var(--border);\n }\n\n .stat-item {}\n\n .stat-num {\n font-family: var(--serif);\n font-size: 2rem;\n color: var(--accent);\n line-height: 1;\n }\n\n .stat-label {\n font-size: 0.8rem;\n color: var(--text-muted);\n margin-top: 0.25rem;\n font-weight: 500;\n }\n\n \/* Hero visual *\/\n .hero-visual {\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n .hero-portrait-box {\n background: var(--bg-white);\n border: 1px solid var(--border);\n border-radius: 16px;\n aspect-ratio: 4\/3;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n gap: 0.75rem;\n color: var(--text-muted);\n position: relative;\n overflow: hidden;\n }\n\n .hero-portrait-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--accent), #4DC5B5);\n border-radius: 16px 16px 0 0;\n }\n\n .portrait-icon {\n width: 72px;\n height: 72px;\n border-radius: 50%;\n background: var(--accent-light);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .portrait-icon svg { color: var(--accent); }\n\n .portrait-hint {\n font-size: 0.82rem;\n color: var(--text-muted);\n text-align: center;\n }\n\n .portrait-tag {\n position: absolute;\n bottom: 1rem;\n right: 1rem;\n background: var(--accent);\n color: #fff;\n font-size: 0.75rem;\n font-weight: 600;\n padding: 0.3rem 0.75rem;\n border-radius: 99px;\n }\n\n .hero-card-strip {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.75rem;\n }\n\n .mini-card {\n background: var(--bg-white);\n border: 1px solid var(--border);\n border-radius: 12px;\n padding: 1rem 1.1rem;\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n cursor: pointer;\n transition: border-color 0.15s, box-shadow 0.15s;\n }\n\n .mini-card:hover {\n border-color: var(--accent);\n box-shadow: 0 4px 16px rgba(42,157,143,0.1);\n }\n\n .mini-card-icon {\n width: 36px;\n height: 36px;\n border-radius: 8px;\n background: var(--accent-light);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .mini-card-icon svg { color: var(--accent); width: 18px; height: 18px; }\n\n .mini-card-label {\n font-size: 0.82rem;\n font-weight: 600;\n color: var(--text);\n line-height: 1.3;\n margin-top: 0.2rem;\n }\n\n \/* \u2500\u2500 SECTION SHARED \u2500\u2500 *\/\n .section {\n max-width: 1140px;\n margin: 0 auto;\n padding: 5rem 2rem;\n }\n\n .section-label {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 0.78rem;\n font-weight: 700;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 0.875rem;\n }\n\n .section-label::before {\n content: '';\n display: block;\n width: 20px;\n height: 2px;\n background: var(--accent);\n border-radius: 2px;\n }\n\n h2 {\n font-family: var(--serif);\n font-size: clamp(1.8rem, 3.5vw, 2.6rem);\n line-height: 1.2;\n margin-bottom: 0.75rem;\n color: var(--text);\n }\n\n .section-intro {\n font-size: 1.05rem;\n color: var(--text-mid);\n max-width: 560px;\n line-height: 1.75;\n margin-bottom: 3rem;\n }\n\n \/* \u2500\u2500 WHAT I DO (interactive) \u2500\u2500 *\/\n .what-i-do { background: var(--bg-white); }\n\n .what-i-do .section { padding-top: 5rem; padding-bottom: 5rem; }\n\n .domains-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.25rem;\n }\n\n .domain-card {\n background: var(--bg);\n border: 2px solid transparent;\n border-radius: 14px;\n padding: 1.75rem;\n cursor: pointer;\n transition: all 0.2s;\n outline-offset: 3px;\n text-align: left;\n position: relative;\n overflow: hidden;\n }\n\n .domain-card::after {\n content: '';\n position: absolute;\n bottom: 0; left: 0; right: 0;\n height: 3px;\n background: var(--accent);\n transform: scaleX(0);\n transition: transform 0.2s;\n border-radius: 0 0 14px 14px;\n }\n\n .domain-card:hover, .domain-card:focus, .domain-card.active {\n border-color: var(--accent);\n background: var(--bg-white);\n box-shadow: 0 4px 20px rgba(42,157,143,0.12);\n transform: translateY(-3px);\n }\n\n .domain-card:hover::after,\n .domain-card:focus::after,\n .domain-card.active::after {\n transform: scaleX(1);\n }\n\n .domain-icon-row {\n display: flex;\n align-items: center;\n gap: 0.875rem;\n margin-bottom: 1rem;\n }\n\n .domain-icon {\n width: 48px;\n height: 48px;\n border-radius: 12px;\n background: var(--accent-light);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .domain-icon svg { color: var(--accent); width: 24px; height: 24px; }\n\n .domain-tag {\n font-size: 0.72rem;\n font-weight: 700;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--accent);\n background: var(--accent-light);\n padding: 0.25rem 0.625rem;\n border-radius: 4px;\n }\n\n .domain-title {\n font-family: var(--serif);\n font-size: 1.2rem;\n color: var(--text);\n margin-bottom: 0.5rem;\n }\n\n .domain-desc {\n font-size: 0.875rem;\n color: var(--text-mid);\n line-height: 1.7;\n }\n\n .domain-detail {\n display: none;\n margin-top: 1rem;\n padding-top: 1rem;\n border-top: 1px solid var(--border);\n font-size: 0.85rem;\n color: var(--text-mid);\n line-height: 1.75;\n }\n\n .domain-card.active .domain-detail { display: block; }\n\n .domain-detail ul {\n margin: 0.75rem 0 0 1rem;\n display: flex;\n flex-direction: column;\n gap: 0.4rem;\n }\n\n .domain-detail ul li { color: var(--text-mid); }\n\n .domain-arrow {\n position: absolute;\n top: 1.5rem;\n right: 1.5rem;\n width: 28px;\n height: 28px;\n border-radius: 50%;\n border: 1.5px solid var(--border);\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s;\n color: var(--text-muted);\n }\n\n .domain-card:hover .domain-arrow,\n .domain-card.active .domain-arrow {\n background: var(--accent);\n border-color: var(--accent);\n color: #fff;\n transform: rotate(45deg);\n }\n\n \/* \u2500\u2500 FEATURED WRITING \u2500\u2500 *\/\n .articles-grid {\n display: grid;\n grid-template-columns: 2fr 1fr;\n gap: 1.25rem;\n }\n\n .article-card {\n background: var(--bg-white);\n border: 1px solid var(--border);\n border-radius: 14px;\n padding: 2rem;\n cursor: pointer;\n transition: all 0.18s;\n display: flex;\n flex-direction: column;\n gap: 0.875rem;\n outline-offset: 3px;\n text-align: left;\n position: relative;\n overflow: hidden;\n }\n\n .article-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 3px;\n background: var(--accent);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.25s;\n }\n\n .article-card:hover, .article-card:focus {\n border-color: var(--accent);\n box-shadow: 0 6px 24px rgba(42,157,143,0.1);\n transform: translateY(-3px);\n }\n\n .article-card:hover::before,\n .article-card:focus::before { transform: scaleX(1); }\n\n .article-stack {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n }\n\n .article-stack .article-card { flex-direction: row; align-items: flex-start; gap: 1.25rem; }\n\n .article-meta-row {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n flex-wrap: wrap;\n }\n\n .article-tag {\n font-size: 0.72rem;\n font-weight: 700;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--accent);\n background: var(--accent-light);\n padding: 0.25rem 0.625rem;\n border-radius: 4px;\n }\n\n .article-time {\n font-size: 0.78rem;\n color: var(--text-muted);\n display: flex;\n align-items: center;\n gap: 0.3rem;\n }\n\n .article-time svg { width: 13px; height: 13px; }\n\n .article-title {\n font-family: var(--serif);\n font-size: 1.3rem;\n color: var(--text);\n line-height: 1.3;\n }\n\n .article-stack .article-card .article-title { font-size: 1rem; }\n\n .article-excerpt {\n font-size: 0.875rem;\n color: var(--text-mid);\n line-height: 1.7;\n flex: 1;\n }\n\n .article-cta {\n font-size: 0.82rem;\n font-weight: 600;\n color: var(--accent);\n display: flex;\n align-items: center;\n gap: 0.35rem;\n margin-top: auto;\n }\n\n .article-num {\n font-family: var(--serif);\n font-size: 2rem;\n color: var(--accent-light);\n line-height: 1;\n min-width: 2.5rem;\n font-style: italic;\n }\n\n .view-all-row {\n display: flex;\n justify-content: center;\n margin-top: 2.5rem;\n }\n\n \/* \u2500\u2500 CREDENTIALS BAND \u2500\u2500 *\/\n .creds-band {\n background: var(--text);\n padding: 4rem 0;\n }\n\n .creds-inner {\n max-width: 1140px;\n margin: 0 auto;\n padding: 0 2rem;\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 2rem;\n text-align: center;\n }\n\n .cred-item {}\n\n .cred-num {\n font-family: var(--serif);\n font-size: 2.75rem;\n font-style: italic;\n color: var(--accent);\n line-height: 1;\n }\n\n .cred-title {\n font-size: 0.9rem;\n font-weight: 600;\n color: #fff;\n margin: 0.5rem 0 0.25rem;\n }\n\n .cred-sub {\n font-size: 0.78rem;\n color: rgba(255,255,255,0.5);\n line-height: 1.5;\n }\n\n \/* \u2500\u2500 QUOTE \u2500\u2500 *\/\n .quote-section {\n background: var(--accent-light);\n padding: 5rem 0;\n }\n\n .quote-inner {\n max-width: 760px;\n margin: 0 auto;\n padding: 0 2rem;\n text-align: center;\n }\n\n blockquote {\n font-family: var(--serif);\n font-size: clamp(1.4rem, 3vw, 2rem);\n font-style: italic;\n line-height: 1.5;\n color: var(--text);\n position: relative;\n }\n\n blockquote::before {\n content: '\\201C';\n font-size: 6rem;\n color: var(--accent);\n line-height: 0;\n position: absolute;\n top: 2.5rem;\n left: -1.5rem;\n font-family: var(--serif);\n opacity: 0.3;\n }\n\n cite {\n display: block;\n font-family: var(--sans);\n font-size: 0.85rem;\n font-weight: 600;\n font-style: normal;\n color: var(--accent-dark);\n margin-top: 1.5rem;\n letter-spacing: 0.04em;\n }\n\n \/* \u2500\u2500 CTA \u2500\u2500 *\/\n .cta-section {\n max-width: 1140px;\n margin: 0 auto;\n padding: 5rem 2rem;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.25rem;\n align-items: stretch;\n }\n\n .cta-card {\n background: var(--bg-white);\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: 2.5rem;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n .cta-card.accent-card {\n background: var(--accent);\n border-color: var(--accent);\n }\n\n .cta-card-icon {\n width: 52px;\n height: 52px;\n border-radius: 12px;\n background: var(--accent-light);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .cta-card.accent-card .cta-card-icon {\n background: rgba(255,255,255,0.2);\n }\n\n .cta-card-icon svg { color: var(--accent); width: 26px; height: 26px; }\n .cta-card.accent-card .cta-card-icon svg { color: #fff; }\n\n .cta-card h3 {\n font-family: var(--serif);\n font-size: 1.5rem;\n color: var(--text);\n }\n\n .cta-card.accent-card h3, .cta-card.accent-card p { color: #fff; }\n\n .cta-card p {\n font-size: 0.9rem;\n color: var(--text-mid);\n line-height: 1.7;\n flex: 1;\n }\n\n .cta-card .btn-primary {\n align-self: flex-start;\n }\n\n .cta-card.accent-card .btn-secondary {\n background: rgba(255,255,255,0.15);\n border-color: rgba(255,255,255,0.4);\n color: #fff;\n }\n\n .cta-card.accent-card .btn-secondary:hover {\n background: rgba(255,255,255,0.25);\n border-color: #fff;\n color: #fff;\n }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n footer {\n background: var(--text);\n color: rgba(255,255,255,0.55);\n padding: 3rem 0;\n }\n\n .footer-inner {\n max-width: 1140px;\n margin: 0 auto;\n padding: 0 2rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 2rem;\n flex-wrap: wrap;\n }\n\n .footer-logo {\n font-family: var(--serif);\n font-size: 1.1rem;\n color: #fff;\n }\n\n .footer-logo span { color: var(--accent); }\n\n .footer-links {\n display: flex;\n gap: 1.5rem;\n list-style: none;\n }\n\n .footer-links a {\n font-size: 0.82rem;\n color: rgba(255,255,255,0.5);\n text-decoration: none;\n transition: color 0.15s;\n }\n\n .footer-links a:hover { color: var(--accent); }\n\n .footer-copy { font-size: 0.78rem; }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 900px) {\n .nav-links { display: none; }\n .hamburger { display: flex; }\n .hero { grid-template-columns: 1fr; padding: 4rem 2rem 3rem; }\n .hero-visual { display: none; }\n .domains-grid { grid-template-columns: 1fr; }\n .articles-grid { grid-template-columns: 1fr; }\n .article-stack { display: none; }\n .creds-inner { grid-template-columns: repeat(2, 1fr); gap: 2rem; }\n .cta-section { grid-template-columns: 1fr; }\n }\n\n @media (max-width: 580px) {\n .hero-stats { flex-direction: column; gap: 1rem; }\n .creds-inner { grid-template-columns: 1fr; text-align: left; }\n .footer-inner { flex-direction: column; align-items: flex-start; }\n blockquote::before { display: none; }\n }\n\n \/* focus rings *\/\n :focus-visible {\n outline: 2.5px solid var(--accent);\n outline-offset: 3px;\n }\n<\/style>\n<\/head>\n<body>\n\n<a class=\"skip-link\" href=\"#main\">Skip to main content<\/a>\n\n\n<nav role=\"navigation\" aria-label=\"Main navigation\">\n <div class=\"nav-inner\">\n <a href=\"#\" class=\"nav-logo\" aria-label=\"Luke Zaphir, home\">Luke <span>Zaphir<\/span><\/a>\n <ul class=\"nav-links\" role=\"list\">\n <li>\n <a href=\"#\" class=\"active\" aria-current=\"page\">\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\"\/><\/svg>\n Home\n <\/a>\n <\/li>\n <li>\n <a href=\"luke-about.html\">\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/><\/svg>\n About\n <\/a>\n <\/li>\n <li>\n <a href=\"luke-research.html\">\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z\"\/><\/svg>\n Research\n <\/a>\n <\/li>\n <li>\n <a href=\"luke-writing.html\">\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7\"\/><path d=\"M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z\"\/><\/svg>\n Writing\n <\/a>\n <\/li>\n <li>\n <a href=\"luke-contact.html\" class=\"nav-cta\">\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n Contact\n <\/a>\n <\/li>\n <\/ul>\n <button class=\"hamburger\" onclick=\"toggleMobileNav()\" aria-label=\"Toggle menu\" aria-expanded=\"false\" id=\"hamburgerBtn\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n <\/div>\n<\/nav>\n\n<nav class=\"mobile-nav\" id=\"mobileNav\" aria-label=\"Mobile navigation\">\n <a href=\"#\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\"\/><\/svg>\n Home\n <\/a>\n <a href=\"luke-about.html\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/><\/svg>\n About\n <\/a>\n <a href=\"luke-research.html\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z\"\/><\/svg>\n Research\n <\/a>\n <a href=\"luke-writing.html\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7\"\/><path d=\"M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z\"\/><\/svg>\n Writing\n <\/a>\n <a href=\"luke-contact.html\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n Contact\n <\/a>\n<\/nav>\n\n\n<main id=\"main\">\n\n \n <section class=\"hero\" aria-labelledby=\"hero-heading\">\n <div class=\"hero-left\">\n <div class=\"hero-badge\" role=\"text\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/><\/svg>\n University of Queensland\n <\/div>\n <h1 id=\"hero-heading\">\n Teaching people<br><em>how<\/em> to think.\n <\/h1>\n <p class=\"hero-sub\">\n I design and teach programs in critical thinking, media literacy, and democratic education \u2014 building the reasoning skills that matter most in a complex world.\n <\/p>\n <div class=\"hero-actions\">\n <a href=\"luke-research.html\" class=\"btn btn-primary\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z\"\/><\/svg>\n Explore My Research\n <\/a>\n <a href=\"luke-writing.html\" class=\"btn btn-secondary\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7\"\/><path d=\"M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z\"\/><\/svg>\n Read My Writing\n <\/a>\n <\/div>\n <div class=\"hero-stats\" role=\"list\">\n <div class=\"stat-item\" role=\"listitem\">\n <div class=\"stat-num\">10+<\/div>\n <div class=\"stat-label\">Years at UQ<\/div>\n <\/div>\n <div class=\"stat-item\" role=\"listitem\">\n <div class=\"stat-num\">124+<\/div>\n <div class=\"stat-label\">Research citations<\/div>\n <\/div>\n <div class=\"stat-item\" role=\"listitem\">\n <div class=\"stat-num\">3<\/div>\n <div class=\"stat-label\">Key research areas<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-visual\" aria-hidden=\"true\">\n <div class=\"hero-portrait-box\">\n <div class=\"portrait-icon\">\n <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/><\/svg>\n <\/div>\n <p class=\"portrait-hint\">Add your photo here<\/p>\n <span class=\"portrait-tag\">Dr. Luke Zaphir<\/span>\n <\/div>\n <div class=\"hero-card-strip\">\n <div class=\"mini-card\" tabindex=\"0\" role=\"button\" aria-label=\"Critical Thinking\">\n <div class=\"mini-card-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>\n <\/div>\n <div class=\"mini-card-label\">Critical Thinking<\/div>\n <\/div>\n <div class=\"mini-card\" tabindex=\"0\" role=\"button\" aria-label=\"Media Literacy\">\n <div class=\"mini-card-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\n <\/div>\n <div class=\"mini-card-label\">Media Literacy<\/div>\n <\/div>\n <div class=\"mini-card\" tabindex=\"0\" role=\"button\" aria-label=\"Democratic Education\">\n <div class=\"mini-card-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 00-3-3.87\"\/><path d=\"M16 3.13a4 4 0 010 7.75\"\/><\/svg>\n <\/div>\n <div class=\"mini-card-label\">Democratic Education<\/div>\n <\/div>\n <div class=\"mini-card\" tabindex=\"0\" role=\"button\" aria-label=\"Political Philosophy\">\n <div class=\"mini-card-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"12 2 2 7 12 12 22 7 12 2\"\/><polyline points=\"2 17 12 22 22 17\"\/><polyline points=\"2 12 12 17 22 12\"\/><\/svg>\n <\/div>\n <div class=\"mini-card-label\">Political Philosophy<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"what-i-do\" aria-labelledby=\"what-heading\">\n <div class=\"section\">\n <div class=\"section-label\" aria-hidden=\"true\">Areas of work<\/div>\n <h2 id=\"what-heading\">What I do<\/h2>\n <p class=\"section-intro\">Click any area to learn more. Each draws on research, teaching, and a commitment to accessible, rigorous reasoning.<\/p>\n\n <div class=\"domains-grid\" role=\"list\">\n\n <button class=\"domain-card\" role=\"listitem\" tabindex=\"0\" aria-expanded=\"false\" onclick=\"toggleDomain(this)\">\n <div class=\"domain-arrow\" aria-hidden=\"true\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\n <\/div>\n <div class=\"domain-icon-row\">\n <div class=\"domain-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>\n <\/div>\n <span class=\"domain-tag\">Teaching<\/span>\n <\/div>\n <div class=\"domain-title\">Critical Thinking<\/div>\n <div class=\"domain-desc\">Designing programs that teach students to deliberate, argue, and evaluate evidence \u2014 with honesty and rigour.<\/div>\n <div class=\"domain-detail\" aria-hidden=\"true\">\n In critical thinking courses, students learn how to construct valid arguments, identify fallacies, and engage in honest deliberation. The goal is not to win debates \u2014 it’s to find better answers together.\n <ul>\n <li>Argument mapping and analysis<\/li>\n <li>Fallacy identification and avoidance<\/li>\n <li>Structured academic controversy<\/li>\n <li>Evidence evaluation frameworks<\/li>\n <\/ul>\n <\/div>\n <\/button>\n\n <button class=\"domain-card\" role=\"listitem\" tabindex=\"0\" aria-expanded=\"false\" onclick=\"toggleDomain(this)\">\n <div class=\"domain-arrow\" aria-hidden=\"true\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\n <\/div>\n <div class=\"domain-icon-row\">\n <div class=\"domain-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\n <\/div>\n <span class=\"domain-tag\">Curriculum<\/span>\n <\/div>\n <div class=\"domain-title\">Media Literacy<\/div>\n <div class=\"domain-desc\">Building practical skills for navigating disinformation, evaluating sources, and engaging responsibly online.<\/div>\n <div class=\"domain-detail\" aria-hidden=\"true\">\n Media literacy is one of the most urgent educational gaps of our time. Fake news, disinformation, and online manipulation require specific cognitive tools \u2014 not just general scepticism.\n <ul>\n <li>Source credibility evaluation (SIFT method)<\/li>\n <li>Disinformation and propaganda identification<\/li>\n <li>Digital citizenship and ethical communication<\/li>\n <li>News literacy for democratic participation<\/li>\n <\/ul>\n <\/div>\n <\/button>\n\n <button class=\"domain-card\" role=\"listitem\" tabindex=\"0\" aria-expanded=\"false\" onclick=\"toggleDomain(this)\">\n <div class=\"domain-arrow\" aria-hidden=\"true\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\n <\/div>\n <div class=\"domain-icon-row\">\n <div class=\"domain-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 00-3-3.87\"\/><path d=\"M16 3.13a4 4 0 010 7.75\"\/><\/svg>\n <\/div>\n <span class=\"domain-tag\">Research<\/span>\n <\/div>\n <div class=\"domain-title\">Democratic Education<\/div>\n <div class=\"domain-desc\">Research on how communities of inquiry develop the reasoning skills required for genuine democratic participation.<\/div>\n <div class=\"domain-detail\" aria-hidden=\"true\">\n My published research explores how deliberative structures \u2014 communities of inquiry, adaptive demarchy, and citizens’ assemblies \u2014 can build civic capacity at scale.\n <ul>\n <li>Communities of philosophical inquiry<\/li>\n <li>Adaptive demarchy models<\/li>\n <li>Citizenship and deliberative democracy<\/li>\n <li>Rationality, bias, and civic reasoning<\/li>\n <\/ul>\n <\/div>\n <\/button>\n\n <button class=\"domain-card\" role=\"listitem\" tabindex=\"0\" aria-expanded=\"false\" onclick=\"toggleDomain(this)\">\n <div class=\"domain-arrow\" aria-hidden=\"true\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\n <\/div>\n <div class=\"domain-icon-row\">\n <div class=\"domain-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><polygon points=\"12 2 2 7 12 12 22 7 12 2\"\/><polyline points=\"2 17 12 22 22 17\"\/><polyline points=\"2 12 12 17 22 12\"\/><\/svg>\n <\/div>\n <span class=\"domain-tag\">Philosophy<\/span>\n <\/div>\n <div class=\"domain-title\">Political Philosophy<\/div>\n <div class=\"domain-desc\">Exploring the concepts that underpin political life \u2014 justice, power, legitimacy, and the conditions for genuine democratic flourishing.<\/div>\n <div class=\"domain-detail\" aria-hidden=\"true\">\n Political philosophy asks the questions most people avoid: What makes a government legitimate? When is inequality unjust? What do we owe each other as citizens? I take these questions seriously \u2014 and try to make them accessible.\n <ul>\n <li>Political ideologies and their foundations<\/li>\n <li>Theories of justice (Rawls, Sen, Nozick)<\/li>\n <li>Legitimacy, consent, and political obligation<\/li>\n <li>Applied ethics in democratic contexts<\/li>\n <\/ul>\n <\/div>\n <\/button>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section aria-labelledby=\"writing-heading\">\n <div class=\"section\">\n <div class=\"section-label\" aria-hidden=\"true\">Featured writing<\/div>\n <h2 id=\"writing-heading\">Arguments worth having<\/h2>\n <p class=\"section-intro\">On critical thinking, voting, media, and why the pursuit of truth still matters.<\/p>\n\n <div class=\"articles-grid\">\n <button class=\"article-card\" tabindex=\"0\" aria-label=\"Read: How to Vote as a Critical Thinker\">\n <div class=\"article-meta-row\">\n <span class=\"article-tag\">Politics<\/span>\n <span class=\"article-time\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n 8 min read\n <\/span>\n <\/div>\n <div class=\"article-title\">How to Vote as a Critical Thinker<\/div>\n <div class=\"article-excerpt\">A practical guide to cutting through the noise \u2014 using vote compasses, researching candidates directly, and understanding why in Australia, no vote is ever wasted.<\/div>\n <div class=\"article-cta\">\n Read this piece\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/div>\n <\/button>\n\n <div class=\"article-stack\">\n <button class=\"article-card\" tabindex=\"0\" aria-label=\"Read: Why Media Literacy is the Most Urgent Curriculum Gap\">\n <div class=\"article-num\" aria-hidden=\"true\">02<\/div>\n <div>\n <div class=\"article-meta-row\" style=\"margin-bottom:0.4rem\">\n <span class=\"article-tag\">Education<\/span>\n <\/div>\n <div class=\"article-title\">Why Media Literacy is the Most Urgent Curriculum Gap<\/div>\n <\/div>\n <\/button>\n <button class=\"article-card\" tabindex=\"0\" aria-label=\"Read: What Does It Mean to Argue With Integrity?\">\n <div class=\"article-num\" aria-hidden=\"true\">03<\/div>\n <div>\n <div class=\"article-meta-row\" style=\"margin-bottom:0.4rem\">\n <span class=\"article-tag\">Philosophy<\/span>\n <\/div>\n <div class=\"article-title\">What Does It Mean to Argue With Integrity?<\/div>\n <\/div>\n <\/button>\n <button class=\"article-card\" tabindex=\"0\" aria-label=\"Read: Deliberative Democracy Isn't Just a Theory\">\n <div class=\"article-num\" aria-hidden=\"true\">04<\/div>\n <div>\n <div class=\"article-meta-row\" style=\"margin-bottom:0.4rem\">\n <span class=\"article-tag\">Research<\/span>\n <\/div>\n <div class=\"article-title\">Deliberative Democracy Isn’t Just a Theory<\/div>\n <\/div>\n <\/button>\n <\/div>\n <\/div>\n\n <div class=\"view-all-row\">\n <a href=\"luke-writing.html\" class=\"btn btn-secondary\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7\"\/><path d=\"M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z\"\/><\/svg>\n View all writing\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div class=\"creds-band\" aria-label=\"Key credentials\">\n <div class=\"creds-inner\" role=\"list\">\n <div class=\"cred-item\" role=\"listitem\">\n <div class=\"cred-num\">10+<\/div>\n <div class=\"cred-title\">Years at UQ<\/div>\n <div class=\"cred-sub\">Course coordinator & tutor since 2014<\/div>\n <\/div>\n <div class=\"cred-item\" role=\"listitem\">\n <div class=\"cred-num\">2024<\/div>\n <div class=\"cred-title\">Teaching award<\/div>\n <div class=\"cred-sub\">UQ Teaching & Learning Commendation<\/div>\n <\/div>\n <div class=\"cred-item\" role=\"listitem\">\n <div class=\"cred-num\">124+<\/div>\n <div class=\"cred-title\">Research citations<\/div>\n <div class=\"cred-sub\">Google Scholar<\/div>\n <\/div>\n <div class=\"cred-item\" role=\"listitem\">\n <div class=\"cred-num\">PhD<\/div>\n <div class=\"cred-title\">Doctorate<\/div>\n <div class=\"cred-sub\">University of Queensland<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"quote-section\">\n <div class=\"quote-inner\">\n <blockquote>\n “I considered law but found the whole process was more interested in winning than truth. So I studied journalism and philosophy \u2014 two fields where truth is something to be discovered, not won.”\n <\/blockquote>\n <cite>\u2014 Luke Zaphir, on why he became a philosopher<\/cite>\n <\/div>\n <\/div>\n\n \n <section aria-labelledby=\"cta-heading\">\n <h2 id=\"cta-heading\" class=\"sr-only\">Get in touch or explore research<\/h2>\n <div class=\"cta-section\">\n <div class=\"cta-card\">\n <div class=\"cta-card-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z\"\/><\/svg>\n <\/div>\n <h3>Explore my research<\/h3>\n <p>Published work on democratic communities of inquiry, adaptive demarchy, and developing citizens’ capacity for rational, honest reasoning.<\/p>\n <a href=\"luke-research.html\" class=\"btn btn-primary\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z\"\/><\/svg>\n View publications\n <\/a>\n <\/div>\n <div class=\"cta-card accent-card\">\n <div class=\"cta-card-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n <\/div>\n <h3>Get in touch<\/h3>\n <p>Available for speaking engagements, academic collaboration, media appearances, and curriculum consulting on critical thinking and democratic education.<\/p>\n <a href=\"luke-contact.html\" class=\"btn btn-secondary\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n Send a message\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n<\/main>\n\n\n<footer role=\"contentinfo\">\n <div class=\"footer-inner\">\n <div class=\"footer-logo\">Luke <span>Zaphir<\/span><\/div>\n <nav aria-label=\"Footer navigation\">\n <ul class=\"footer-links\" role=\"list\">\n <li><a href=\"#\">Home<\/a><\/li>\n <li><a href=\"luke-about.html\">About<\/a><\/li>\n <li><a href=\"luke-research.html\">Research<\/a><\/li>\n <li><a href=\"luke-writing.html\">Writing<\/a><\/li>\n <li><a href=\"luke-contact.html\">Contact<\/a><\/li>\n <\/ul>\n <\/nav>\n <div class=\"footer-copy\">\u00a9 2025 Luke Zaphir \u00b7 University of Queensland<\/div>\n <\/div>\n<\/footer>\n\n<style>\n .sr-only {\n position: absolute; width: 1px; height: 1px;\n padding: 0; margin: -1px; overflow: hidden;\n clip: rect(0,0,0,0); white-space: nowrap; border: 0;\n }\n<\/style>\n\n<script>\n function toggleMobileNav() {\n const nav = document.getElementById('mobileNav');\n const btn = document.getElementById('hamburgerBtn');\n const isOpen = nav.classList.toggle('open');\n btn.setAttribute('aria-expanded', isOpen);\n }\n\n function toggleDomain(card) {\n const isActive = card.classList.contains('active');\n document.querySelectorAll('.domain-card').forEach(c => {\n c.classList.remove('active');\n c.setAttribute('aria-expanded', 'false');\n const detail = c.querySelector('.domain-detail');\n if (detail) detail.setAttribute('aria-hidden', 'true');\n });\n if (!isActive) {\n card.classList.add('active');\n card.setAttribute('aria-expanded', 'true');\n const detail = card.querySelector('.domain-detail');\n if (detail) detail.setAttribute('aria-hidden', 'false');\n }\n }\n\n document.querySelectorAll('.domain-card').forEach(card => {\n card.addEventListener('keydown', e => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n toggleDomain(card);\n }\n });\n });\n<\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Luke Zaphir \u2014 Philosopher & Educator Skip to main content Luke Zaphir Home About Research Writing Contact Home About Research Writing Contact University of Queensland Teaching peoplehow to think. I design and teach programs in critical thinking, media literacy, and democratic education \u2014 building the reasoning skills that matter most in a complex world. Explore […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lukezaphir.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lukezaphir.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lukezaphir.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lukezaphir.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lukezaphir.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":4,"href":"https:\/\/lukezaphir.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":56,"href":"https:\/\/lukezaphir.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/56"}],"wp:attachment":[{"href":"https:\/\/lukezaphir.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":7,"date":"2024-09-22T06:29:50","date_gmt":"2024-09-22T06:29:50","guid":{"rendered":"http:\/\/lukezaphir.com\/?page_id=7"},"modified":"2026-04-11T03:07:38","modified_gmt":"2026-04-11T03:07:38","slug":"home","status":"publish","type":"page","link":"https:\/\/lukezaphir.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n\n\nLuke Zaphir \u2014 Philosopher & Educator<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&family=DM+Serif+Display:ital@0;1&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --bg: #F4F4F4;\n --bg-white: #FFFFFF;\n --text: #1F1F1F;\n --text-mid: #4A4A4A;\n --text-muted: #717171;\n --accent: #2A9D8F;\n --accent-dark: #1E7A6E;\n --accent-light: #E6F5F3;\n --border: #E0E0E0;\n --sans: 'DM Sans', -apple-system, sans-serif;\n --serif: 'DM Serif Display', Georgia, serif;\n }\n\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n html { scroll-behavior: smooth; font-size: 16px; }\n\n body {\n background: var(--bg);\n color: var(--text);\n font-family: var(--sans);\n font-size: 1rem;\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n }\n\n \/* \u2500\u2500 SKIP LINK (accessibility) \u2500\u2500 *\/\n .skip-link {\n position: absolute;\n top: -999px;\n left: 1rem;\n background: var(--accent);\n color: #fff;\n padding: 0.5rem 1rem;\n font-size: 0.875rem;\n z-index: 1000;\n border-radius: 0 0 6px 6px;\n text-decoration: none;\n }\n .skip-link:focus { top: 0; }\n\n \/* \u2500\u2500 NAV \u2500\u2500 *\/\n nav {\n position: sticky;\n top: 0;\n background: rgba(244,244,244,0.95);\n backdrop-filter: blur(8px);\n border-bottom: 1px solid var(--border);\n z-index: 200;\n }\n\n .nav-inner {\n max-width: 1140px;\n margin: 0 auto;\n padding: 0 2rem;\n height: 68px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 2rem;\n }\n\n .nav-logo {\n font-family: var(--serif);\n font-size: 1.25rem;\n color: var(--text);\n text-decoration: none;\n white-space: nowrap;\n }\n\n .nav-logo span { color: var(--accent); }\n\n .nav-links {\n display: flex;\n list-style: none;\n gap: 0.25rem;\n }\n\n .nav-links a {\n display: flex;\n align-items: center;\n gap: 0.4rem;\n padding: 0.5rem 0.875rem;\n font-size: 0.9rem;\n font-weight: 500;\n color: var(--text-mid);\n text-decoration: none;\n border-radius: 6px;\n transition: background 0.15s, color 0.15s;\n outline-offset: 3px;\n }\n\n .nav-links a:hover, .nav-links a:focus {\n background: var(--accent-light);\n color: var(--accent);\n }\n\n .nav-links a.active {\n background: var(--accent-light);\n color: var(--accent);\n font-weight: 600;\n }\n\n .nav-links a svg { flex-shrink: 0; }\n\n .nav-cta {\n background: var(--accent) !important;\n color: #fff !important;\n padding: 0.5rem 1.1rem !important;\n }\n\n .nav-cta:hover, .nav-cta:focus {\n background: var(--accent-dark) !important;\n color: #fff !important;\n }\n\n .hamburger {\n display: none;\n background: none;\n border: 1px solid var(--border);\n padding: 0.45rem 0.6rem;\n border-radius: 6px;\n cursor: pointer;\n gap: 4px;\n flex-direction: column;\n align-items: center;\n }\n\n .hamburger span {\n display: block;\n width: 20px;\n height: 2px;\n background: var(--text);\n transition: all 0.2s;\n border-radius: 2px;\n }\n\n .mobile-nav {\n display: none;\n position: fixed;\n top: 68px;\n left: 0; right: 0;\n background: var(--bg-white);\n border-bottom: 1px solid var(--border);\n padding: 1rem 2rem 1.5rem;\n flex-direction: column;\n gap: 0.25rem;\n z-index: 199;\n box-shadow: 0 8px 24px rgba(0,0,0,0.08);\n }\n\n .mobile-nav.open { display: flex; }\n\n .mobile-nav a {\n display: flex;\n align-items: center;\n gap: 0.6rem;\n padding: 0.75rem 0.875rem;\n font-size: 0.95rem;\n font-weight: 500;\n color: var(--text-mid);\n text-decoration: none;\n border-radius: 6px;\n border-bottom: 1px solid var(--border);\n }\n\n .mobile-nav a:last-child { border-bottom: none; }\n .mobile-nav a:hover { background: var(--accent-light); color: var(--accent); }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .hero {\n max-width: 1140px;\n margin: 0 auto;\n padding: 6rem 2rem 5rem;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n align-items: center;\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n background: var(--accent-light);\n color: var(--accent-dark);\n padding: 0.4rem 0.9rem;\n border-radius: 99px;\n font-size: 0.82rem;\n font-weight: 600;\n letter-spacing: 0.02em;\n margin-bottom: 1.5rem;\n border: 1px solid rgba(42,157,143,0.2);\n }\n\n .hero-badge svg { width: 14px; height: 14px; }\n\n h1 {\n font-family: var(--serif);\n font-size: clamp(2.6rem, 5vw, 4rem);\n line-height: 1.1;\n color: var(--text);\n margin-bottom: 1.25rem;\n }\n\n h1 em {\n color: var(--accent);\n font-style: italic;\n }\n\n .hero-sub {\n font-size: 1.1rem;\n color: var(--text-mid);\n line-height: 1.75;\n margin-bottom: 2.25rem;\n max-width: 480px;\n }\n\n .hero-actions {\n display: flex;\n gap: 0.875rem;\n flex-wrap: wrap;\n }\n\n .btn {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.75rem 1.5rem;\n font-family: var(--sans);\n font-size: 0.9rem;\n font-weight: 600;\n border-radius: 8px;\n border: 2px solid transparent;\n cursor: pointer;\n transition: all 0.18s;\n text-decoration: none;\n outline-offset: 3px;\n }\n\n .btn-primary {\n background: var(--accent);\n color: #fff;\n border-color: var(--accent);\n }\n\n .btn-primary:hover, .btn-primary:focus {\n background: var(--accent-dark);\n border-color: var(--accent-dark);\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(42,157,143,0.3);\n }\n\n .btn-secondary {\n background: transparent;\n color: var(--text);\n border-color: var(--border);\n }\n\n .btn-secondary:hover, .btn-secondary:focus {\n border-color: var(--accent);\n color: var(--accent);\n transform: translateY(-2px);\n }\n\n .hero-stats {\n display: flex;\n gap: 2rem;\n margin-top: 3rem;\n padding-top: 2rem;\n border-top: 1px solid var(--border);\n }\n\n .stat-item {}\n\n .stat-num {\n font-family: var(--serif);\n font-size: 2rem;\n color: var(--accent);\n line-height: 1;\n }\n\n .stat-label {\n font-size: 0.8rem;\n color: var(--text-muted);\n margin-top: 0.25rem;\n font-weight: 500;\n }\n\n \/* Hero visual *\/\n .hero-visual {\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n .hero-portrait-box {\n background: var(--bg-white);\n border: 1px solid var(--border);\n border-radius: 16px;\n aspect-ratio: 4\/3;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n gap: 0.75rem;\n color: var(--text-muted);\n position: relative;\n overflow: hidden;\n }\n\n .hero-portrait-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--accent), #4DC5B5);\n border-radius: 16px 16px 0 0;\n }\n\n .portrait-icon {\n width: 72px;\n height: 72px;\n border-radius: 50%;\n background: var(--accent-light);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .portrait-icon svg { color: var(--accent); }\n\n .portrait-hint {\n font-size: 0.82rem;\n color: var(--text-muted);\n text-align: center;\n }\n\n .portrait-tag {\n position: absolute;\n bottom: 1rem;\n right: 1rem;\n background: var(--accent);\n color: #fff;\n font-size: 0.75rem;\n font-weight: 600;\n padding: 0.3rem 0.75rem;\n border-radius: 99px;\n }\n\n .hero-card-strip {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.75rem;\n }\n\n .mini-card {\n background: var(--bg-white);\n border: 1px solid var(--border);\n border-radius: 12px;\n padding: 1rem 1.1rem;\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n cursor: pointer;\n transition: border-color 0.15s, box-shadow 0.15s;\n }\n\n .mini-card:hover {\n border-color: var(--accent);\n box-shadow: 0 4px 16px rgba(42,157,143,0.1);\n }\n\n .mini-card-icon {\n width: 36px;\n height: 36px;\n border-radius: 8px;\n background: var(--accent-light);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .mini-card-icon svg { color: var(--accent); width: 18px; height: 18px; }\n\n .mini-card-label {\n font-size: 0.82rem;\n font-weight: 600;\n color: var(--text);\n line-height: 1.3;\n margin-top: 0.2rem;\n }\n\n \/* \u2500\u2500 SECTION SHARED \u2500\u2500 *\/\n .section {\n max-width: 1140px;\n margin: 0 auto;\n padding: 5rem 2rem;\n }\n\n .section-label {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 0.78rem;\n font-weight: 700;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 0.875rem;\n }\n\n .section-label::before {\n content: '';\n display: block;\n width: 20px;\n height: 2px;\n background: var(--accent);\n border-radius: 2px;\n }\n\n h2 {\n font-family: var(--serif);\n font-size: clamp(1.8rem, 3.5vw, 2.6rem);\n line-height: 1.2;\n margin-bottom: 0.75rem;\n color: var(--text);\n }\n\n .section-intro {\n font-size: 1.05rem;\n color: var(--text-mid);\n max-width: 560px;\n line-height: 1.75;\n margin-bottom: 3rem;\n }\n\n \/* \u2500\u2500 WHAT I DO (interactive) \u2500\u2500 *\/\n .what-i-do { background: var(--bg-white); }\n\n .what-i-do .section { padding-top: 5rem; padding-bottom: 5rem; }\n\n .domains-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.25rem;\n }\n\n .domain-card {\n background: var(--bg);\n border: 2px solid transparent;\n border-radius: 14px;\n padding: 1.75rem;\n cursor: pointer;\n transition: all 0.2s;\n outline-offset: 3px;\n text-align: left;\n position: relative;\n overflow: hidden;\n }\n\n .domain-card::after {\n content: '';\n position: absolute;\n bottom: 0; left: 0; right: 0;\n height: 3px;\n background: var(--accent);\n transform: scaleX(0);\n transition: transform 0.2s;\n border-radius: 0 0 14px 14px;\n }\n\n .domain-card:hover, .domain-card:focus, .domain-card.active {\n border-color: var(--accent);\n background: var(--bg-white);\n box-shadow: 0 4px 20px rgba(42,157,143,0.12);\n transform: translateY(-3px);\n }\n\n .domain-card:hover::after,\n .domain-card:focus::after,\n .domain-card.active::after {\n transform: scaleX(1);\n }\n\n .domain-icon-row {\n display: flex;\n align-items: center;\n gap: 0.875rem;\n margin-bottom: 1rem;\n }\n\n .domain-icon {\n width: 48px;\n height: 48px;\n border-radius: 12px;\n background: var(--accent-light);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .domain-icon svg { color: var(--accent); width: 24px; height: 24px; }\n\n .domain-tag {\n font-size: 0.72rem;\n font-weight: 700;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--accent);\n background: var(--accent-light);\n padding: 0.25rem 0.625rem;\n border-radius: 4px;\n }\n\n .domain-title {\n font-family: var(--serif);\n font-size: 1.2rem;\n color: var(--text);\n margin-bottom: 0.5rem;\n }\n\n .domain-desc {\n font-size: 0.875rem;\n color: var(--text-mid);\n line-height: 1.7;\n }\n\n .domain-detail {\n display: none;\n margin-top: 1rem;\n padding-top: 1rem;\n border-top: 1px solid var(--border);\n font-size: 0.85rem;\n color: var(--text-mid);\n line-height: 1.75;\n }\n\n .domain-card.active .domain-detail { display: block; }\n\n .domain-detail ul {\n margin: 0.75rem 0 0 1rem;\n display: flex;\n flex-direction: column;\n gap: 0.4rem;\n }\n\n .domain-detail ul li { color: var(--text-mid); }\n\n .domain-arrow {\n position: absolute;\n top: 1.5rem;\n right: 1.5rem;\n width: 28px;\n height: 28px;\n border-radius: 50%;\n border: 1.5px solid var(--border);\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s;\n color: var(--text-muted);\n }\n\n .domain-card:hover .domain-arrow,\n .domain-card.active .domain-arrow {\n background: var(--accent);\n border-color: var(--accent);\n color: #fff;\n transform: rotate(45deg);\n }\n\n \/* \u2500\u2500 FEATURED WRITING \u2500\u2500 *\/\n .articles-grid {\n display: grid;\n grid-template-columns: 2fr 1fr;\n gap: 1.25rem;\n }\n\n .article-card {\n background: var(--bg-white);\n border: 1px solid var(--border);\n border-radius: 14px;\n padding: 2rem;\n cursor: pointer;\n transition: all 0.18s;\n display: flex;\n flex-direction: column;\n gap: 0.875rem;\n outline-offset: 3px;\n text-align: left;\n position: relative;\n overflow: hidden;\n }\n\n .article-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 3px;\n background: var(--accent);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.25s;\n }\n\n .article-card:hover, .article-card:focus {\n border-color: var(--accent);\n box-shadow: 0 6px 24px rgba(42,157,143,0.1);\n transform: translateY(-3px);\n }\n\n .article-card:hover::before,\n .article-card:focus::before { transform: scaleX(1); }\n\n .article-stack {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n }\n\n .article-stack .article-card { flex-direction: row; align-items: flex-start; gap: 1.25rem; }\n\n .article-meta-row {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n flex-wrap: wrap;\n }\n\n .article-tag {\n font-size: 0.72rem;\n font-weight: 700;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--accent);\n background: var(--accent-light);\n padding: 0.25rem 0.625rem;\n border-radius: 4px;\n }\n\n .article-time {\n font-size: 0.78rem;\n color: var(--text-muted);\n display: flex;\n align-items: center;\n gap: 0.3rem;\n }\n\n .article-time svg { width: 13px; height: 13px; }\n\n .article-title {\n font-family: var(--serif);\n font-size: 1.3rem;\n color: var(--text);\n line-height: 1.3;\n }\n\n .article-stack .article-card .article-title { font-size: 1rem; }\n\n .article-excerpt {\n font-size: 0.875rem;\n color: var(--text-mid);\n line-height: 1.7;\n flex: 1;\n }\n\n .article-cta {\n font-size: 0.82rem;\n font-weight: 600;\n color: var(--accent);\n display: flex;\n align-items: center;\n gap: 0.35rem;\n margin-top: auto;\n }\n\n .article-num {\n font-family: var(--serif);\n font-size: 2rem;\n color: var(--accent-light);\n line-height: 1;\n min-width: 2.5rem;\n font-style: italic;\n }\n\n .view-all-row {\n display: flex;\n justify-content: center;\n margin-top: 2.5rem;\n }\n\n \/* \u2500\u2500 CREDENTIALS BAND \u2500\u2500 *\/\n .creds-band {\n background: var(--text);\n padding: 4rem 0;\n }\n\n .creds-inner {\n max-width: 1140px;\n margin: 0 auto;\n padding: 0 2rem;\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 2rem;\n text-align: center;\n }\n\n .cred-item {}\n\n .cred-num {\n font-family: var(--serif);\n font-size: 2.75rem;\n font-style: italic;\n color: var(--accent);\n line-height: 1;\n }\n\n .cred-title {\n font-size: 0.9rem;\n font-weight: 600;\n color: #fff;\n margin: 0.5rem 0 0.25rem;\n }\n\n .cred-sub {\n font-size: 0.78rem;\n color: rgba(255,255,255,0.5);\n line-height: 1.5;\n }\n\n \/* \u2500\u2500 QUOTE \u2500\u2500 *\/\n .quote-section {\n background: var(--accent-light);\n padding: 5rem 0;\n }\n\n .quote-inner {\n max-width: 760px;\n margin: 0 auto;\n padding: 0 2rem;\n text-align: center;\n }\n\n blockquote {\n font-family: var(--serif);\n font-size: clamp(1.4rem, 3vw, 2rem);\n font-style: italic;\n line-height: 1.5;\n color: var(--text);\n position: relative;\n }\n\n blockquote::before {\n content: '\\201C';\n font-size: 6rem;\n color: var(--accent);\n line-height: 0;\n position: absolute;\n top: 2.5rem;\n left: -1.5rem;\n font-family: var(--serif);\n opacity: 0.3;\n }\n\n cite {\n display: block;\n font-family: var(--sans);\n font-size: 0.85rem;\n font-weight: 600;\n font-style: normal;\n color: var(--accent-dark);\n margin-top: 1.5rem;\n letter-spacing: 0.04em;\n }\n\n \/* \u2500\u2500 CTA \u2500\u2500 *\/\n .cta-section {\n max-width: 1140px;\n margin: 0 auto;\n padding: 5rem 2rem;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.25rem;\n align-items: stretch;\n }\n\n .cta-card {\n background: var(--bg-white);\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: 2.5rem;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n .cta-card.accent-card {\n background: var(--accent);\n border-color: var(--accent);\n }\n\n .cta-card-icon {\n width: 52px;\n height: 52px;\n border-radius: 12px;\n background: var(--accent-light);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .cta-card.accent-card .cta-card-icon {\n background: rgba(255,255,255,0.2);\n }\n\n .cta-card-icon svg { color: var(--accent); width: 26px; height: 26px; }\n .cta-card.accent-card .cta-card-icon svg { color: #fff; }\n\n .cta-card h3 {\n font-family: var(--serif);\n font-size: 1.5rem;\n color: var(--text);\n }\n\n .cta-card.accent-card h3, .cta-card.accent-card p { color: #fff; }\n\n .cta-card p {\n font-size: 0.9rem;\n color: var(--text-mid);\n line-height: 1.7;\n flex: 1;\n }\n\n .cta-card .btn-primary {\n align-self: flex-start;\n }\n\n .cta-card.accent-card .btn-secondary {\n background: rgba(255,255,255,0.15);\n border-color: rgba(255,255,255,0.4);\n color: #fff;\n }\n\n .cta-card.accent-card .btn-secondary:hover {\n background: rgba(255,255,255,0.25);\n border-color: #fff;\n color: #fff;\n }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n footer {\n background: var(--text);\n color: rgba(255,255,255,0.55);\n padding: 3rem 0;\n }\n\n .footer-inner {\n max-width: 1140px;\n margin: 0 auto;\n padding: 0 2rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 2rem;\n flex-wrap: wrap;\n }\n\n .footer-logo {\n font-family: var(--serif);\n font-size: 1.1rem;\n color: #fff;\n }\n\n .footer-logo span { color: var(--accent); }\n\n .footer-links {\n display: flex;\n gap: 1.5rem;\n list-style: none;\n }\n\n .footer-links a {\n font-size: 0.82rem;\n color: rgba(255,255,255,0.5);\n text-decoration: none;\n transition: color 0.15s;\n }\n\n .footer-links a:hover { color: var(--accent); }\n\n .footer-copy { font-size: 0.78rem; }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 900px) {\n .nav-links { display: none; }\n .hamburger { display: flex; }\n .hero { grid-template-columns: 1fr; padding: 4rem 2rem 3rem; }\n .hero-visual { display: none; }\n .domains-grid { grid-template-columns: 1fr; }\n .articles-grid { grid-template-columns: 1fr; }\n .article-stack { display: none; }\n .creds-inner { grid-template-columns: repeat(2, 1fr); gap: 2rem; }\n .cta-section { grid-template-columns: 1fr; }\n }\n\n @media (max-width: 580px) {\n .hero-stats { flex-direction: column; gap: 1rem; }\n .creds-inner { grid-template-columns: 1fr; text-align: left; }\n .footer-inner { flex-direction: column; align-items: flex-start; }\n blockquote::before { display: none; }\n }\n\n \/* focus rings *\/\n :focus-visible {\n outline: 2.5px solid var(--accent);\n outline-offset: 3px;\n }\n<\/style>\n<\/head>\n<body>\n\n<a class=\"skip-link\" href=\"#main\">Skip to main content<\/a>\n\n\n<nav role=\"navigation\" aria-label=\"Main navigation\">\n <div class=\"nav-inner\">\n <a href=\"#\" class=\"nav-logo\" aria-label=\"Luke Zaphir, home\">Luke <span>Zaphir<\/span><\/a>\n <ul class=\"nav-links\" role=\"list\">\n <li>\n <a href=\"#\" class=\"active\" aria-current=\"page\">\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\"\/><\/svg>\n Home\n <\/a>\n <\/li>\n <li>\n <a href=\"luke-about.html\">\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/><\/svg>\n About\n <\/a>\n <\/li>\n <li>\n <a href=\"luke-research.html\">\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z\"\/><\/svg>\n Research\n <\/a>\n <\/li>\n <li>\n <a href=\"luke-writing.html\">\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7\"\/><path d=\"M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z\"\/><\/svg>\n Writing\n <\/a>\n <\/li>\n <li>\n <a href=\"luke-contact.html\" class=\"nav-cta\">\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n Contact\n <\/a>\n <\/li>\n <\/ul>\n <button class=\"hamburger\" onclick=\"toggleMobileNav()\" aria-label=\"Toggle menu\" aria-expanded=\"false\" id=\"hamburgerBtn\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n <\/div>\n<\/nav>\n\n<nav class=\"mobile-nav\" id=\"mobileNav\" aria-label=\"Mobile navigation\">\n <a href=\"#\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\"\/><\/svg>\n Home\n <\/a>\n <a href=\"luke-about.html\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/><\/svg>\n About\n <\/a>\n <a href=\"luke-research.html\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z\"\/><\/svg>\n Research\n <\/a>\n <a href=\"luke-writing.html\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7\"\/><path d=\"M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z\"\/><\/svg>\n Writing\n <\/a>\n <a href=\"luke-contact.html\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n Contact\n <\/a>\n<\/nav>\n\n\n<main id=\"main\">\n\n \n <section class=\"hero\" aria-labelledby=\"hero-heading\">\n <div class=\"hero-left\">\n <div class=\"hero-badge\" role=\"text\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/><\/svg>\n University of Queensland\n <\/div>\n <h1 id=\"hero-heading\">\n Teaching people<br><em>how<\/em> to think.\n <\/h1>\n <p class=\"hero-sub\">\n I design and teach programs in critical thinking, media literacy, and democratic education \u2014 building the reasoning skills that matter most in a complex world.\n <\/p>\n <div class=\"hero-actions\">\n <a href=\"luke-research.html\" class=\"btn btn-primary\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z\"\/><\/svg>\n Explore My Research\n <\/a>\n <a href=\"luke-writing.html\" class=\"btn btn-secondary\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7\"\/><path d=\"M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z\"\/><\/svg>\n Read My Writing\n <\/a>\n <\/div>\n <div class=\"hero-stats\" role=\"list\">\n <div class=\"stat-item\" role=\"listitem\">\n <div class=\"stat-num\">10+<\/div>\n <div class=\"stat-label\">Years at UQ<\/div>\n <\/div>\n <div class=\"stat-item\" role=\"listitem\">\n <div class=\"stat-num\">124+<\/div>\n <div class=\"stat-label\">Research citations<\/div>\n <\/div>\n <div class=\"stat-item\" role=\"listitem\">\n <div class=\"stat-num\">3<\/div>\n <div class=\"stat-label\">Key research areas<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-visual\" aria-hidden=\"true\">\n <div class=\"hero-portrait-box\">\n <div class=\"portrait-icon\">\n <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/><\/svg>\n <\/div>\n <p class=\"portrait-hint\">Add your photo here<\/p>\n <span class=\"portrait-tag\">Dr. Luke Zaphir<\/span>\n <\/div>\n <div class=\"hero-card-strip\">\n <div class=\"mini-card\" tabindex=\"0\" role=\"button\" aria-label=\"Critical Thinking\">\n <div class=\"mini-card-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>\n <\/div>\n <div class=\"mini-card-label\">Critical Thinking<\/div>\n <\/div>\n <div class=\"mini-card\" tabindex=\"0\" role=\"button\" aria-label=\"Media Literacy\">\n <div class=\"mini-card-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\n <\/div>\n <div class=\"mini-card-label\">Media Literacy<\/div>\n <\/div>\n <div class=\"mini-card\" tabindex=\"0\" role=\"button\" aria-label=\"Democratic Education\">\n <div class=\"mini-card-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 00-3-3.87\"\/><path d=\"M16 3.13a4 4 0 010 7.75\"\/><\/svg>\n <\/div>\n <div class=\"mini-card-label\">Democratic Education<\/div>\n <\/div>\n <div class=\"mini-card\" tabindex=\"0\" role=\"button\" aria-label=\"Political Philosophy\">\n <div class=\"mini-card-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"12 2 2 7 12 12 22 7 12 2\"\/><polyline points=\"2 17 12 22 22 17\"\/><polyline points=\"2 12 12 17 22 12\"\/><\/svg>\n <\/div>\n <div class=\"mini-card-label\">Political Philosophy<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"what-i-do\" aria-labelledby=\"what-heading\">\n <div class=\"section\">\n <div class=\"section-label\" aria-hidden=\"true\">Areas of work<\/div>\n <h2 id=\"what-heading\">What I do<\/h2>\n <p class=\"section-intro\">Click any area to learn more. Each draws on research, teaching, and a commitment to accessible, rigorous reasoning.<\/p>\n\n <div class=\"domains-grid\" role=\"list\">\n\n <button class=\"domain-card\" role=\"listitem\" tabindex=\"0\" aria-expanded=\"false\" onclick=\"toggleDomain(this)\">\n <div class=\"domain-arrow\" aria-hidden=\"true\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\n <\/div>\n <div class=\"domain-icon-row\">\n <div class=\"domain-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>\n <\/div>\n <span class=\"domain-tag\">Teaching<\/span>\n <\/div>\n <div class=\"domain-title\">Critical Thinking<\/div>\n <div class=\"domain-desc\">Designing programs that teach students to deliberate, argue, and evaluate evidence \u2014 with honesty and rigour.<\/div>\n <div class=\"domain-detail\" aria-hidden=\"true\">\n In critical thinking courses, students learn how to construct valid arguments, identify fallacies, and engage in honest deliberation. The goal is not to win debates \u2014 it’s to find better answers together.\n <ul>\n <li>Argument mapping and analysis<\/li>\n <li>Fallacy identification and avoidance<\/li>\n <li>Structured academic controversy<\/li>\n <li>Evidence evaluation frameworks<\/li>\n <\/ul>\n <\/div>\n <\/button>\n\n <button class=\"domain-card\" role=\"listitem\" tabindex=\"0\" aria-expanded=\"false\" onclick=\"toggleDomain(this)\">\n <div class=\"domain-arrow\" aria-hidden=\"true\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\n <\/div>\n <div class=\"domain-icon-row\">\n <div class=\"domain-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\n <\/div>\n <span class=\"domain-tag\">Curriculum<\/span>\n <\/div>\n <div class=\"domain-title\">Media Literacy<\/div>\n <div class=\"domain-desc\">Building practical skills for navigating disinformation, evaluating sources, and engaging responsibly online.<\/div>\n <div class=\"domain-detail\" aria-hidden=\"true\">\n Media literacy is one of the most urgent educational gaps of our time. Fake news, disinformation, and online manipulation require specific cognitive tools \u2014 not just general scepticism.\n <ul>\n <li>Source credibility evaluation (SIFT method)<\/li>\n <li>Disinformation and propaganda identification<\/li>\n <li>Digital citizenship and ethical communication<\/li>\n <li>News literacy for democratic participation<\/li>\n <\/ul>\n <\/div>\n <\/button>\n\n <button class=\"domain-card\" role=\"listitem\" tabindex=\"0\" aria-expanded=\"false\" onclick=\"toggleDomain(this)\">\n <div class=\"domain-arrow\" aria-hidden=\"true\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\n <\/div>\n <div class=\"domain-icon-row\">\n <div class=\"domain-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 00-3-3.87\"\/><path d=\"M16 3.13a4 4 0 010 7.75\"\/><\/svg>\n <\/div>\n <span class=\"domain-tag\">Research<\/span>\n <\/div>\n <div class=\"domain-title\">Democratic Education<\/div>\n <div class=\"domain-desc\">Research on how communities of inquiry develop the reasoning skills required for genuine democratic participation.<\/div>\n <div class=\"domain-detail\" aria-hidden=\"true\">\n My published research explores how deliberative structures \u2014 communities of inquiry, adaptive demarchy, and citizens’ assemblies \u2014 can build civic capacity at scale.\n <ul>\n <li>Communities of philosophical inquiry<\/li>\n <li>Adaptive demarchy models<\/li>\n <li>Citizenship and deliberative democracy<\/li>\n <li>Rationality, bias, and civic reasoning<\/li>\n <\/ul>\n <\/div>\n <\/button>\n\n <button class=\"domain-card\" role=\"listitem\" tabindex=\"0\" aria-expanded=\"false\" onclick=\"toggleDomain(this)\">\n <div class=\"domain-arrow\" aria-hidden=\"true\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\n <\/div>\n <div class=\"domain-icon-row\">\n <div class=\"domain-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><polygon points=\"12 2 2 7 12 12 22 7 12 2\"\/><polyline points=\"2 17 12 22 22 17\"\/><polyline points=\"2 12 12 17 22 12\"\/><\/svg>\n <\/div>\n <span class=\"domain-tag\">Philosophy<\/span>\n <\/div>\n <div class=\"domain-title\">Political Philosophy<\/div>\n <div class=\"domain-desc\">Exploring the concepts that underpin political life \u2014 justice, power, legitimacy, and the conditions for genuine democratic flourishing.<\/div>\n <div class=\"domain-detail\" aria-hidden=\"true\">\n Political philosophy asks the questions most people avoid: What makes a government legitimate? When is inequality unjust? What do we owe each other as citizens? I take these questions seriously \u2014 and try to make them accessible.\n <ul>\n <li>Political ideologies and their foundations<\/li>\n <li>Theories of justice (Rawls, Sen, Nozick)<\/li>\n <li>Legitimacy, consent, and political obligation<\/li>\n <li>Applied ethics in democratic contexts<\/li>\n <\/ul>\n <\/div>\n <\/button>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section aria-labelledby=\"writing-heading\">\n <div class=\"section\">\n <div class=\"section-label\" aria-hidden=\"true\">Featured writing<\/div>\n <h2 id=\"writing-heading\">Arguments worth having<\/h2>\n <p class=\"section-intro\">On critical thinking, voting, media, and why the pursuit of truth still matters.<\/p>\n\n <div class=\"articles-grid\">\n <button class=\"article-card\" tabindex=\"0\" aria-label=\"Read: How to Vote as a Critical Thinker\">\n <div class=\"article-meta-row\">\n <span class=\"article-tag\">Politics<\/span>\n <span class=\"article-time\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n 8 min read\n <\/span>\n <\/div>\n <div class=\"article-title\">How to Vote as a Critical Thinker<\/div>\n <div class=\"article-excerpt\">A practical guide to cutting through the noise \u2014 using vote compasses, researching candidates directly, and understanding why in Australia, no vote is ever wasted.<\/div>\n <div class=\"article-cta\">\n Read this piece\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/div>\n <\/button>\n\n <div class=\"article-stack\">\n <button class=\"article-card\" tabindex=\"0\" aria-label=\"Read: Why Media Literacy is the Most Urgent Curriculum Gap\">\n <div class=\"article-num\" aria-hidden=\"true\">02<\/div>\n <div>\n <div class=\"article-meta-row\" style=\"margin-bottom:0.4rem\">\n <span class=\"article-tag\">Education<\/span>\n <\/div>\n <div class=\"article-title\">Why Media Literacy is the Most Urgent Curriculum Gap<\/div>\n <\/div>\n <\/button>\n <button class=\"article-card\" tabindex=\"0\" aria-label=\"Read: What Does It Mean to Argue With Integrity?\">\n <div class=\"article-num\" aria-hidden=\"true\">03<\/div>\n <div>\n <div class=\"article-meta-row\" style=\"margin-bottom:0.4rem\">\n <span class=\"article-tag\">Philosophy<\/span>\n <\/div>\n <div class=\"article-title\">What Does It Mean to Argue With Integrity?<\/div>\n <\/div>\n <\/button>\n <button class=\"article-card\" tabindex=\"0\" aria-label=\"Read: Deliberative Democracy Isn't Just a Theory\">\n <div class=\"article-num\" aria-hidden=\"true\">04<\/div>\n <div>\n <div class=\"article-meta-row\" style=\"margin-bottom:0.4rem\">\n <span class=\"article-tag\">Research<\/span>\n <\/div>\n <div class=\"article-title\">Deliberative Democracy Isn’t Just a Theory<\/div>\n <\/div>\n <\/button>\n <\/div>\n <\/div>\n\n <div class=\"view-all-row\">\n <a href=\"luke-writing.html\" class=\"btn btn-secondary\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7\"\/><path d=\"M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z\"\/><\/svg>\n View all writing\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div class=\"creds-band\" aria-label=\"Key credentials\">\n <div class=\"creds-inner\" role=\"list\">\n <div class=\"cred-item\" role=\"listitem\">\n <div class=\"cred-num\">10+<\/div>\n <div class=\"cred-title\">Years at UQ<\/div>\n <div class=\"cred-sub\">Course coordinator & tutor since 2014<\/div>\n <\/div>\n <div class=\"cred-item\" role=\"listitem\">\n <div class=\"cred-num\">2024<\/div>\n <div class=\"cred-title\">Teaching award<\/div>\n <div class=\"cred-sub\">UQ Teaching & Learning Commendation<\/div>\n <\/div>\n <div class=\"cred-item\" role=\"listitem\">\n <div class=\"cred-num\">124+<\/div>\n <div class=\"cred-title\">Research citations<\/div>\n <div class=\"cred-sub\">Google Scholar<\/div>\n <\/div>\n <div class=\"cred-item\" role=\"listitem\">\n <div class=\"cred-num\">PhD<\/div>\n <div class=\"cred-title\">Doctorate<\/div>\n <div class=\"cred-sub\">University of Queensland<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"quote-section\">\n <div class=\"quote-inner\">\n <blockquote>\n “I considered law but found the whole process was more interested in winning than truth. So I studied journalism and philosophy \u2014 two fields where truth is something to be discovered, not won.”\n <\/blockquote>\n <cite>\u2014 Luke Zaphir, on why he became a philosopher<\/cite>\n <\/div>\n <\/div>\n\n \n <section aria-labelledby=\"cta-heading\">\n <h2 id=\"cta-heading\" class=\"sr-only\">Get in touch or explore research<\/h2>\n <div class=\"cta-section\">\n <div class=\"cta-card\">\n <div class=\"cta-card-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z\"\/><\/svg>\n <\/div>\n <h3>Explore my research<\/h3>\n <p>Published work on democratic communities of inquiry, adaptive demarchy, and developing citizens’ capacity for rational, honest reasoning.<\/p>\n <a href=\"luke-research.html\" class=\"btn btn-primary\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z\"\/><\/svg>\n View publications\n <\/a>\n <\/div>\n <div class=\"cta-card accent-card\">\n <div class=\"cta-card-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n <\/div>\n <h3>Get in touch<\/h3>\n <p>Available for speaking engagements, academic collaboration, media appearances, and curriculum consulting on critical thinking and democratic education.<\/p>\n <a href=\"luke-contact.html\" class=\"btn btn-secondary\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n Send a message\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n<\/main>\n\n\n<footer role=\"contentinfo\">\n <div class=\"footer-inner\">\n <div class=\"footer-logo\">Luke <span>Zaphir<\/span><\/div>\n <nav aria-label=\"Footer navigation\">\n <ul class=\"footer-links\" role=\"list\">\n <li><a href=\"#\">Home<\/a><\/li>\n <li><a href=\"luke-about.html\">About<\/a><\/li>\n <li><a href=\"luke-research.html\">Research<\/a><\/li>\n <li><a href=\"luke-writing.html\">Writing<\/a><\/li>\n <li><a href=\"luke-contact.html\">Contact<\/a><\/li>\n <\/ul>\n <\/nav>\n <div class=\"footer-copy\">\u00a9 2025 Luke Zaphir \u00b7 University of Queensland<\/div>\n <\/div>\n<\/footer>\n\n<style>\n .sr-only {\n position: absolute; width: 1px; height: 1px;\n padding: 0; margin: -1px; overflow: hidden;\n clip: rect(0,0,0,0); white-space: nowrap; border: 0;\n }\n<\/style>\n\n<script>\n function toggleMobileNav() {\n const nav = document.getElementById('mobileNav');\n const btn = document.getElementById('hamburgerBtn');\n const isOpen = nav.classList.toggle('open');\n btn.setAttribute('aria-expanded', isOpen);\n }\n\n function toggleDomain(card) {\n const isActive = card.classList.contains('active');\n document.querySelectorAll('.domain-card').forEach(c => {\n c.classList.remove('active');\n c.setAttribute('aria-expanded', 'false');\n const detail = c.querySelector('.domain-detail');\n if (detail) detail.setAttribute('aria-hidden', 'true');\n });\n if (!isActive) {\n card.classList.add('active');\n card.setAttribute('aria-expanded', 'true');\n const detail = card.querySelector('.domain-detail');\n if (detail) detail.setAttribute('aria-hidden', 'false');\n }\n }\n\n document.querySelectorAll('.domain-card').forEach(card => {\n card.addEventListener('keydown', e => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n toggleDomain(card);\n }\n });\n });\n<\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Luke Zaphir \u2014 Philosopher & Educator Skip to main content Luke Zaphir Home About Research Writing Contact Home About Research Writing Contact University of Queensland Teaching peoplehow to think. I design and teach programs in critical thinking, media literacy, and democratic education \u2014 building the reasoning skills that matter most in a complex world. Explore […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lukezaphir.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lukezaphir.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lukezaphir.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lukezaphir.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lukezaphir.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":4,"href":"https:\/\/lukezaphir.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":56,"href":"https:\/\/lukezaphir.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/56"}],"wp:attachment":[{"href":"https:\/\/lukezaphir.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}