Videos \u2013 Schoenstatt New York<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\" \/>\n <style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n :root {\n --navy: #1c19a3;\n --navy-light: #2520b8;\n --gold: #C9A84C;\n --gold-light: #E2C47A;\n --cream: #F8F5EF;\n --white: #FFFFFF;\n --text: #2B2B2B;\n --muted: #6B6B6B;\n --rule: #E8E3DA;\n --max-w: 1140px;\n }\n body { font-family: 'Inter', sans-serif; color: var(--text); background: var(--white); overflow-x: hidden; -webkit-font-smoothing: antialiased; }\n .container { max-width: var(--max-w); margin: 0 auto; padding: 0 32px; }\n .gold-rule { width: 40px; height: 2px; background: var(--gold); margin-bottom: 24px; }\n\n \/* \u2500\u2500 ORBS \u2500\u2500 *\/\n .orbs { position: fixed; inset: 0; pointer-events: none; z-index: 0; overflow: hidden; }\n .orb { position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0; animation: orbFloat linear infinite; }\n .orb-1 { width: 380px; height: 380px; background: radial-gradient(circle, rgba(28,25,163,0.13), transparent 70%); top: -8%; left: -6%; animation-duration: 28s; }\n .orb-2 { width: 260px; height: 260px; background: radial-gradient(circle, rgba(201,168,76,0.09), transparent 70%); top: 45%; right: -5%; animation-duration: 22s; animation-delay: -8s; }\n .orb-3 { width: 400px; height: 400px; background: radial-gradient(circle, rgba(28,25,163,0.07), transparent 70%); bottom: -10%; left: 30%; animation-duration: 34s; animation-delay: -14s; }\n @keyframes orbFloat { 0% { opacity:0; transform:translate(0,0) scale(1); } 15% { opacity:1; } 50% { transform:translate(25px,-35px) scale(1.06); } 85% { opacity:1; } 100% { opacity:0; transform:translate(-8px,18px) scale(0.96); } }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .page-hero {\n background: var(--navy); color: var(--white);\n padding: 88px 0 72px; text-align: center;\n position: relative; overflow: hidden;\n }\n .page-hero::after {\n content: ''; position: absolute; inset: 0;\n background: radial-gradient(ellipse at 50% 50%, rgba(201,168,76,0.10) 0%, transparent 65%);\n pointer-events: none; animation: heroGlow 10s ease-in-out infinite alternate;\n }\n @keyframes heroGlow { 0% { opacity:.6; transform:scale(1); } 100% { opacity:1; transform:scale(1.1); } }\n .page-hero::before {\n content: ''; position: absolute; top:0; left:-100%; bottom:0; width:1px;\n background: linear-gradient(180deg, transparent, rgba(201,168,76,0.5), transparent);\n animation: lineSweep 9s ease-in-out infinite; z-index:1;\n }\n @keyframes lineSweep { 0% { left:-5%; opacity:0; } 10% { opacity:1; } 90% { opacity:1; } 100% { left:105%; opacity:0; } }\n .page-hero .container { position: relative; z-index:2; display:flex; flex-direction:column; align-items:center; }\n .hero-eyebrow { font-size: 10px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold); margin-bottom: 20px; animation: fadeUp 0.9s 0.1s both; }\n .hero-title { font-size: clamp(2.6rem, 5vw, 4.4rem); font-weight: 800; color: var(--white); line-height: 1.0; margin-bottom: 20px; letter-spacing: -0.02em; animation: fadeUp 0.9s 0.22s both; margin: 0px !important; }\n .hero-title span {\n font-weight: 300;\n background: linear-gradient(100deg, var(--gold-light) 0%, #fff5c0 40%, var(--gold-light) 80%);\n background-size: 220% 100%;\n -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;\n animation: goldShimmer 5s ease-in-out infinite 1.2s;\n }\n @keyframes goldShimmer { 0%,100% { background-position:0% 50%; } 50% { background-position:100% 50%; } }\n .hero-sub { font-size: 0.95rem; line-height: 1.8; color: rgba(255,255,255,0.62); max-width: 480px; animation: fadeUp 0.9s 0.34s both; }\n @keyframes fadeUp { 0% { opacity:0; transform:translateY(18px); } 100% { opacity:1; transform:translateY(0); } }\n\n \/* \u2500\u2500 FEATURED VIDEO \u2500\u2500 *\/\n .featured-section { padding: 72px 0 0; position: relative; z-index:1; }\n .featured-label { font-size: 10px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold); margin-bottom: 16px; }\n .featured-title { font-size: clamp(1.4rem, 2.5vw, 2rem); font-weight: 800; color: var(--navy); letter-spacing: -0.02em; margin-bottom: 24px; }\n .featured-embed {\n position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;\n background: #000; box-shadow: 0 24px 60px rgba(28,25,163,0.15);\n }\n .featured-embed iframe {\n position: absolute; top:0; left:0; width:100%; height:100%; border:none;\n }\n\n \/* \u2500\u2500 VIDEO GRID \u2500\u2500 *\/\n .videos-section { padding: 64px 0 96px; position: relative; z-index:1; }\n .videos-header { margin-bottom: 40px; }\n .videos-header h2 { font-size: clamp(1.3rem, 2vw, 1.8rem); font-weight: 800; color: var(--navy); letter-spacing: -0.02em; }\n\n .videos-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n }\n\n \/* \u2500\u2500 VIDEO CARD \u2500\u2500 *\/\n .video-card { display: flex; flex-direction: column; cursor: pointer; }\n .video-thumb {\n position: relative; aspect-ratio: 16\/9;\n background: var(--navy); overflow: hidden;\n margin-bottom: 14px;\n }\n .video-thumb img {\n width: 100%; height: 100%; object-fit: cover; display: block;\n transition: transform 0.4s ease, opacity 0.3s;\n opacity: 0.85;\n }\n .video-card:hover .video-thumb img { transform: scale(1.05); opacity: 1; }\n\n \/* Play button *\/\n .play-btn {\n position: absolute; inset: 0;\n display: flex; align-items: center; justify-content: center;\n background: rgba(28,25,163,0.2);\n transition: background 0.3s;\n }\n .video-card:hover .play-btn { background: rgba(28,25,163,0.45); }\n .play-icon {\n width: 52px; height: 52px; border-radius: 50%;\n background: var(--gold); color: var(--navy);\n display: flex; align-items: center; justify-content: center;\n font-size: 1.2rem; padding-left: 4px;\n box-shadow: 0 8px 24px rgba(0,0,0,0.3);\n transition: transform 0.3s, background 0.3s;\n }\n .video-card:hover .play-icon { transform: scale(1.12); background: var(--gold-light); }\n\n \/* Duration badge *\/\n .video-duration {\n position: absolute; bottom: 8px; right: 8px;\n background: rgba(0,0,0,0.75); color: var(--white);\n font-size: 9px; font-weight: 700; letter-spacing: 0.06em;\n padding: 3px 7px;\n }\n\n .video-card h3 { font-size: 0.88rem; font-weight: 700; color: var(--navy); line-height: 1.35; margin-bottom: 5px; letter-spacing: -0.01em; }\n .video-meta { font-size: 0.75rem; color: var(--muted); }\n\n \/* \u2500\u2500 VIDEO MODAL \u2500\u2500 *\/\n .video-modal {\n display: none; position: fixed; inset: 0; z-index: 2000;\n background: rgba(8,6,40,0.95);\n align-items: center; justify-content: center;\n }\n .video-modal.active { display: flex; }\n .video-modal-inner {\n width: 90vw; max-width: 960px;\n animation: modalIn 0.3s cubic-bezier(0.16,1,0.3,1) both;\n }\n @keyframes modalIn { 0% { opacity:0; transform:scale(0.95) translateY(16px); } 100% { opacity:1; transform:scale(1) translateY(0); } }\n .video-modal-header {\n background: var(--navy); padding: 12px 18px;\n display: flex; align-items: center; justify-content: space-between;\n }\n .video-modal-title { font-size: 0.88rem; font-weight: 700; color: var(--white); letter-spacing: -0.01em; }\n .video-modal-close {\n background: rgba(255,255,255,0.1); border: none; color: var(--white);\n width: 32px; height: 32px; font-size: 1rem; cursor: pointer;\n display: flex; align-items: center; justify-content: center;\n transition: background 0.2s;\n }\n .video-modal-close:hover { background: rgba(255,255,255,0.2); }\n .video-modal-embed {\n position: relative; padding-bottom: 56.25%; height: 0;\n background: #000;\n }\n .video-modal-embed iframe {\n position: absolute; top:0; left:0; width:100%; height:100%; border:none;\n }\n .modal-yt-link {\n background: #111; padding: 10px 18px; text-align: right;\n }\n .modal-yt-link a {\n font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em;\n text-transform: uppercase; color: var(--gold); text-decoration: none;\n }\n .modal-yt-link a:hover { text-decoration: underline; }\n\n \/* \u2500\u2500 CHANNEL CTA \u2500\u2500 *\/\n .channel-cta {\n background: var(--navy); padding: 64px 0; text-align: center;\n position: relative; z-index:1; overflow: hidden;\n }\n .channel-cta::before {\n content: ''; position: absolute; top:0; left:-100%; bottom:0; width:1px;\n background: linear-gradient(180deg, transparent, rgba(201,168,76,0.4), transparent);\n animation: lineSweep 11s ease-in-out infinite 2s;\n }\n .channel-cta .container { position: relative; z-index:1; display:flex; flex-direction:column; align-items:center; }\n .channel-cta h2 { font-size: clamp(1.4rem, 2.5vw, 2rem); font-weight: 800; color: var(--white); letter-spacing: -0.02em; margin-bottom: 12px; }\n .channel-cta p { font-size: 0.9rem; color: rgba(255,255,255,0.6); margin-bottom: 28px; max-width: 420px; line-height: 1.7; }\n .btn-yt {\n display: inline-flex; align-items: center; gap: 10px;\n background: var(--gold); color: var(--navy);\n text-decoration: none; font-size: 0.78rem; font-weight: 700;\n letter-spacing: 0.12em; text-transform: uppercase; padding: 15px 30px;\n transition: background 0.2s, transform 0.2s;\n }\n .btn-yt:hover { background: var(--gold-light); transform: translateY(-2px); }\n\n @media (prefers-reduced-motion: reduce) {\n *, *::before, *::after { animation: none !important; transition-duration: 0.01ms !important; }\n }\n @media (max-width: 900px) {\n .videos-grid { grid-template-columns: 1fr 1fr; }\n .orbs { display: none; }\n }\n @media (max-width: 520px) {\n .videos-grid { grid-template-columns: 1fr; }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"orbs\" aria-hidden=\"true\">\n <div class=\"orb orb-1\"><\/div>\n <div class=\"orb orb-2\"><\/div>\n <div class=\"orb orb-3\"><\/div>\n <\/div>\n\n \n <section class=\"page-hero\">\n <div class=\"container\">\n <p class=\"hero-eyebrow\">Schoenstatt New York<\/p>\n <h1 class=\"hero-title\">Videos & <span>Talks<\/span><\/h1>\n <p class=\"hero-sub\">Watch our Covenant Sunday Talks and spiritual reflections from the Schoenstatt Shrine of Light in Staten Island.<\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"featured-section\">\n <div class=\"container\">\n <p class=\"featured-label\">Latest Video<\/p>\n <h2 class=\"featured-title\">Covenant Sunday Talk \u2014 May 17, 2026<\/h2>\n <div class=\"featured-embed\">\n <iframe\n src=\"https:\/\/www.youtube.com\/embed\/lVfIAGNMzp4?rel=0\"\n title=\"Covenant Sunday Talk May 17, 2026\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n allowfullscreen>\n <\/iframe>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"videos-section\">\n <div class=\"container\">\n <div class=\"videos-header\">\n <div class=\"gold-rule\"><\/div>\n <h2>All Videos<\/h2>\n <\/div>\n <div class=\"videos-grid\" id=\"videosGrid\">\n\n \n\n <div class=\"video-card\" data-id=\"lVfIAGNMzp4\" data-title=\"Covenant Sunday Talk \u2014 May 17, 2026\" onclick=\"openVideo(this)\">\n <div class=\"video-thumb\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/lVfIAGNMzp4\/hqdefault.jpg\" alt=\"Covenant Sunday Talk May 17, 2026\" loading=\"lazy\" \/>\n <div class=\"play-btn\"><div class=\"play-icon\">▶<\/div><\/div>\n <\/div>\n <h3>Covenant Sunday Talk<\/h3>\n <p class=\"video-meta\">May 17, 2026<\/p>\n <\/div>\n\n \n\n <div class=\"video-card\" data-id=\"g6MZcoNw4t4\" data-title=\"Covenant Sunday Talk \u2014 April 19, 2026\" onclick=\"openVideo(this)\">\n <div class=\"video-thumb\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/g6MZcoNw4t4\/hqdefault.jpg\" alt=\"Covenant Sunday Talk April 19, 2026\" loading=\"lazy\" \/>\n <div class=\"play-btn\"><div class=\"play-icon\">▶<\/div><\/div>\n <\/div>\n <h3>Covenant Sunday Talk<\/h3>\n <p class=\"video-meta\">April 19, 2026<\/p>\n <\/div>\n\n <div class=\"video-card\" data-id=\"c4Cem_G_s5E\" data-title=\"Covenant Sunday Talk \u2014 March 15, 2026\" onclick=\"openVideo(this)\">\n <div class=\"video-thumb\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/c4Cem_G_s5E\/hqdefault.jpg\" alt=\"Covenant Sunday Talk March 15, 2026\" loading=\"lazy\" \/>\n <div class=\"play-btn\"><div class=\"play-icon\">▶<\/div><\/div>\n <\/div>\n <h3>Covenant Sunday Talk<\/h3>\n <p class=\"video-meta\">March 15, 2026<\/p>\n <\/div>\n\n <div class=\"video-card\" data-id=\"kg7XJ4iEr1Y\" data-title=\"Covenant Sunday Talk \u2014 February 15, 2026\" onclick=\"openVideo(this)\">\n <div class=\"video-thumb\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/kg7XJ4iEr1Y\/hqdefault.jpg\" alt=\"Covenant Sunday Talk February 15, 2026\" loading=\"lazy\" \/>\n <div class=\"play-btn\"><div class=\"play-icon\">▶<\/div><\/div>\n <\/div>\n <h3>Covenant Sunday Talk<\/h3>\n <p class=\"video-meta\">February 15, 2026<\/p>\n <\/div>\n\n <div class=\"video-card\" data-id=\"8-bWShamby4\" data-title=\"Covenant Sunday Talk \u2014 January 18, 2026\" onclick=\"openVideo(this)\">\n <div class=\"video-thumb\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/8-bWShamby4\/hqdefault.jpg\" alt=\"Covenant Sunday Talk January 18, 2026\" loading=\"lazy\" \/>\n <div class=\"play-btn\"><div class=\"play-icon\">▶<\/div><\/div>\n <\/div>\n <h3>Covenant Sunday Talk<\/h3>\n <p class=\"video-meta\">January 18, 2026<\/p>\n <\/div>\n\n <div class=\"video-card\" data-id=\"wt0un6KZD74\" data-title=\"Covenant Sunday Talk \u2014 November 16, 2025\" onclick=\"openVideo(this)\">\n <div class=\"video-thumb\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/wt0un6KZD74\/hqdefault.jpg\" alt=\"Covenant Sunday Talk November 16, 2025\" loading=\"lazy\" \/>\n <div class=\"play-btn\"><div class=\"play-icon\">▶<\/div><\/div>\n <\/div>\n <h3>Covenant Sunday Talk<\/h3>\n <p class=\"video-meta\">November 16, 2025<\/p>\n <\/div>\n\n <div class=\"video-card\" data-id=\"YOUTUBE_ID\" data-title=\"Covenant Sunday Talk \u2014 August 16, 2025\" onclick=\"openVideo(this)\">\n <div class=\"video-thumb\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/YOUTUBE_ID\/hqdefault.jpg\" alt=\"Covenant Sunday Talk August 16, 2025\" loading=\"lazy\" \/>\n <div class=\"play-btn\"><div class=\"play-icon\">▶<\/div><\/div>\n <\/div>\n <h3>Covenant Sunday Talk<\/h3>\n <p class=\"video-meta\">August 16, 2025<\/p>\n <\/div>\n\n <div class=\"video-card\" data-id=\"YOUTUBE_ID\" data-title=\"Covenant Sunday Talk \u2014 June 15, 2025\" onclick=\"openVideo(this)\">\n <div class=\"video-thumb\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/YOUTUBE_ID\/hqdefault.jpg\" alt=\"Covenant Sunday Talk June 15, 2025\" loading=\"lazy\" \/>\n <div class=\"play-btn\"><div class=\"play-icon\">▶<\/div><\/div>\n <\/div>\n <h3>Covenant Sunday Talk<\/h3>\n <p class=\"video-meta\">June 15, 2025<\/p>\n <\/div>\n\n <div class=\"video-card\" data-id=\"YOUTUBE_ID\" data-title=\"Covenant Sunday Talk \u2014 May 18, 2025\" onclick=\"openVideo(this)\">\n <div class=\"video-thumb\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/YOUTUBE_ID\/hqdefault.jpg\" alt=\"Covenant Sunday Talk May 18, 2025\" loading=\"lazy\" \/>\n <div class=\"play-btn\"><div class=\"play-icon\">▶<\/div><\/div>\n <\/div>\n <h3>Covenant Sunday Talk<\/h3>\n <p class=\"video-meta\">May 18, 2025<\/p>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"channel-cta\">\n <div class=\"container\">\n <h2>Watch More on YouTube<\/h2>\n <p>Subscribe to our channel for new Covenant Sunday Talks and spiritual reflections every month.<\/p>\n <a href=\"https:\/\/www.youtube.com\/@schoenstattnewyork1105\" target=\"_blank\" rel=\"noopener\" class=\"btn-yt\">\n \u25b6 Visit our YouTube Channel\n <\/a>\n <\/div>\n <\/section>\n\n \n <div class=\"video-modal\" id=\"videoModal\" onclick=\"handleModalClick(event)\">\n <div class=\"video-modal-inner\">\n <div class=\"video-modal-header\">\n <span class=\"video-modal-title\" id=\"modalTitle\"><\/span>\n <button class=\"video-modal-close\" onclick=\"closeVideo()\">\u2715<\/button>\n <\/div>\n <div class=\"video-modal-embed\">\n <iframe id=\"modalFrame\" src=\"\" title=\"Video\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n <\/div>\n <div class=\"modal-yt-link\">\n <a id=\"modalYtLink\" href=\"#\" target=\"_blank\" rel=\"noopener\">Open on YouTube \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n function openVideo(card) {\n var id = card.getAttribute('data-id');\n var title = card.getAttribute('data-title');\n if (!id || id === 'YOUTUBE_ID') return;\n document.getElementById('modalTitle').textContent = title;\n document.getElementById('modalFrame').src = 'https:\/\/www.youtube.com\/embed\/' + id + '?autoplay=1&rel=0';\n document.getElementById('modalYtLink').href = 'https:\/\/www.youtube.com\/watch?v=' + id;\n document.getElementById('videoModal').classList.add('active');\n document.body.style.overflow = 'hidden';\n }\n\n function closeVideo() {\n document.getElementById('videoModal').classList.remove('active');\n document.getElementById('modalFrame').src = '';\n document.body.style.overflow = '';\n }\n\n function handleModalClick(e) {\n if (e.target === document.getElementById('videoModal')) closeVideo();\n }\n\n document.addEventListener('keydown', function(e) {\n if (e.key === 'Escape') closeVideo();\n });\n <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Videos \u2013 Schoenstatt New York Schoenstatt New York Videos & Talks Watch our Covenant Sunday Talks and spiritual reflections from the Schoenstatt Shrine of Light in Staten Island. Latest Video…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-1388","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/pages\/1388","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/comments?post=1388"}],"version-history":[{"count":1,"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/pages\/1388\/revisions"}],"predecessor-version":[{"id":1389,"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/pages\/1388\/revisions\/1389"}],"wp:attachment":[{"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/media?parent=1388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1388,"date":"2026-06-19T18:25:43","date_gmt":"2026-06-19T18:25:43","guid":{"rendered":"https:\/\/schoenstattnewyork.org\/?page_id=1388"},"modified":"2026-06-19T18:25:44","modified_gmt":"2026-06-19T18:25:44","slug":"videos","status":"publish","type":"page","link":"https:\/\/schoenstattnewyork.org\/en\/videos\/","title":{"rendered":"Videos"},"content":{"rendered":"\n\n\n\n \n \n Videos \u2013 Schoenstatt New York<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\" \/>\n <style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n :root {\n --navy: #1c19a3;\n --navy-light: #2520b8;\n --gold: #C9A84C;\n --gold-light: #E2C47A;\n --cream: #F8F5EF;\n --white: #FFFFFF;\n --text: #2B2B2B;\n --muted: #6B6B6B;\n --rule: #E8E3DA;\n --max-w: 1140px;\n }\n body { font-family: 'Inter', sans-serif; color: var(--text); background: var(--white); overflow-x: hidden; -webkit-font-smoothing: antialiased; }\n .container { max-width: var(--max-w); margin: 0 auto; padding: 0 32px; }\n .gold-rule { width: 40px; height: 2px; background: var(--gold); margin-bottom: 24px; }\n\n \/* \u2500\u2500 ORBS \u2500\u2500 *\/\n .orbs { position: fixed; inset: 0; pointer-events: none; z-index: 0; overflow: hidden; }\n .orb { position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0; animation: orbFloat linear infinite; }\n .orb-1 { width: 380px; height: 380px; background: radial-gradient(circle, rgba(28,25,163,0.13), transparent 70%); top: -8%; left: -6%; animation-duration: 28s; }\n .orb-2 { width: 260px; height: 260px; background: radial-gradient(circle, rgba(201,168,76,0.09), transparent 70%); top: 45%; right: -5%; animation-duration: 22s; animation-delay: -8s; }\n .orb-3 { width: 400px; height: 400px; background: radial-gradient(circle, rgba(28,25,163,0.07), transparent 70%); bottom: -10%; left: 30%; animation-duration: 34s; animation-delay: -14s; }\n @keyframes orbFloat { 0% { opacity:0; transform:translate(0,0) scale(1); } 15% { opacity:1; } 50% { transform:translate(25px,-35px) scale(1.06); } 85% { opacity:1; } 100% { opacity:0; transform:translate(-8px,18px) scale(0.96); } }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .page-hero {\n background: var(--navy); color: var(--white);\n padding: 88px 0 72px; text-align: center;\n position: relative; overflow: hidden;\n }\n .page-hero::after {\n content: ''; position: absolute; inset: 0;\n background: radial-gradient(ellipse at 50% 50%, rgba(201,168,76,0.10) 0%, transparent 65%);\n pointer-events: none; animation: heroGlow 10s ease-in-out infinite alternate;\n }\n @keyframes heroGlow { 0% { opacity:.6; transform:scale(1); } 100% { opacity:1; transform:scale(1.1); } }\n .page-hero::before {\n content: ''; position: absolute; top:0; left:-100%; bottom:0; width:1px;\n background: linear-gradient(180deg, transparent, rgba(201,168,76,0.5), transparent);\n animation: lineSweep 9s ease-in-out infinite; z-index:1;\n }\n @keyframes lineSweep { 0% { left:-5%; opacity:0; } 10% { opacity:1; } 90% { opacity:1; } 100% { left:105%; opacity:0; } }\n .page-hero .container { position: relative; z-index:2; display:flex; flex-direction:column; align-items:center; }\n .hero-eyebrow { font-size: 10px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold); margin-bottom: 20px; animation: fadeUp 0.9s 0.1s both; }\n .hero-title { font-size: clamp(2.6rem, 5vw, 4.4rem); font-weight: 800; color: var(--white); line-height: 1.0; margin-bottom: 20px; letter-spacing: -0.02em; animation: fadeUp 0.9s 0.22s both; margin: 0px !important; }\n .hero-title span {\n font-weight: 300;\n background: linear-gradient(100deg, var(--gold-light) 0%, #fff5c0 40%, var(--gold-light) 80%);\n background-size: 220% 100%;\n -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;\n animation: goldShimmer 5s ease-in-out infinite 1.2s;\n }\n @keyframes goldShimmer { 0%,100% { background-position:0% 50%; } 50% { background-position:100% 50%; } }\n .hero-sub { font-size: 0.95rem; line-height: 1.8; color: rgba(255,255,255,0.62); max-width: 480px; animation: fadeUp 0.9s 0.34s both; }\n @keyframes fadeUp { 0% { opacity:0; transform:translateY(18px); } 100% { opacity:1; transform:translateY(0); } }\n\n \/* \u2500\u2500 FEATURED VIDEO \u2500\u2500 *\/\n .featured-section { padding: 72px 0 0; position: relative; z-index:1; }\n .featured-label { font-size: 10px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold); margin-bottom: 16px; }\n .featured-title { font-size: clamp(1.4rem, 2.5vw, 2rem); font-weight: 800; color: var(--navy); letter-spacing: -0.02em; margin-bottom: 24px; }\n .featured-embed {\n position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;\n background: #000; box-shadow: 0 24px 60px rgba(28,25,163,0.15);\n }\n .featured-embed iframe {\n position: absolute; top:0; left:0; width:100%; height:100%; border:none;\n }\n\n \/* \u2500\u2500 VIDEO GRID \u2500\u2500 *\/\n .videos-section { padding: 64px 0 96px; position: relative; z-index:1; }\n .videos-header { margin-bottom: 40px; }\n .videos-header h2 { font-size: clamp(1.3rem, 2vw, 1.8rem); font-weight: 800; color: var(--navy); letter-spacing: -0.02em; }\n\n .videos-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n }\n\n \/* \u2500\u2500 VIDEO CARD \u2500\u2500 *\/\n .video-card { display: flex; flex-direction: column; cursor: pointer; }\n .video-thumb {\n position: relative; aspect-ratio: 16\/9;\n background: var(--navy); overflow: hidden;\n margin-bottom: 14px;\n }\n .video-thumb img {\n width: 100%; height: 100%; object-fit: cover; display: block;\n transition: transform 0.4s ease, opacity 0.3s;\n opacity: 0.85;\n }\n .video-card:hover .video-thumb img { transform: scale(1.05); opacity: 1; }\n\n \/* Play button *\/\n .play-btn {\n position: absolute; inset: 0;\n display: flex; align-items: center; justify-content: center;\n background: rgba(28,25,163,0.2);\n transition: background 0.3s;\n }\n .video-card:hover .play-btn { background: rgba(28,25,163,0.45); }\n .play-icon {\n width: 52px; height: 52px; border-radius: 50%;\n background: var(--gold); color: var(--navy);\n display: flex; align-items: center; justify-content: center;\n font-size: 1.2rem; padding-left: 4px;\n box-shadow: 0 8px 24px rgba(0,0,0,0.3);\n transition: transform 0.3s, background 0.3s;\n }\n .video-card:hover .play-icon { transform: scale(1.12); background: var(--gold-light); }\n\n \/* Duration badge *\/\n .video-duration {\n position: absolute; bottom: 8px; right: 8px;\n background: rgba(0,0,0,0.75); color: var(--white);\n font-size: 9px; font-weight: 700; letter-spacing: 0.06em;\n padding: 3px 7px;\n }\n\n .video-card h3 { font-size: 0.88rem; font-weight: 700; color: var(--navy); line-height: 1.35; margin-bottom: 5px; letter-spacing: -0.01em; }\n .video-meta { font-size: 0.75rem; color: var(--muted); }\n\n \/* \u2500\u2500 VIDEO MODAL \u2500\u2500 *\/\n .video-modal {\n display: none; position: fixed; inset: 0; z-index: 2000;\n background: rgba(8,6,40,0.95);\n align-items: center; justify-content: center;\n }\n .video-modal.active { display: flex; }\n .video-modal-inner {\n width: 90vw; max-width: 960px;\n animation: modalIn 0.3s cubic-bezier(0.16,1,0.3,1) both;\n }\n @keyframes modalIn { 0% { opacity:0; transform:scale(0.95) translateY(16px); } 100% { opacity:1; transform:scale(1) translateY(0); } }\n .video-modal-header {\n background: var(--navy); padding: 12px 18px;\n display: flex; align-items: center; justify-content: space-between;\n }\n .video-modal-title { font-size: 0.88rem; font-weight: 700; color: var(--white); letter-spacing: -0.01em; }\n .video-modal-close {\n background: rgba(255,255,255,0.1); border: none; color: var(--white);\n width: 32px; height: 32px; font-size: 1rem; cursor: pointer;\n display: flex; align-items: center; justify-content: center;\n transition: background 0.2s;\n }\n .video-modal-close:hover { background: rgba(255,255,255,0.2); }\n .video-modal-embed {\n position: relative; padding-bottom: 56.25%; height: 0;\n background: #000;\n }\n .video-modal-embed iframe {\n position: absolute; top:0; left:0; width:100%; height:100%; border:none;\n }\n .modal-yt-link {\n background: #111; padding: 10px 18px; text-align: right;\n }\n .modal-yt-link a {\n font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em;\n text-transform: uppercase; color: var(--gold); text-decoration: none;\n }\n .modal-yt-link a:hover { text-decoration: underline; }\n\n \/* \u2500\u2500 CHANNEL CTA \u2500\u2500 *\/\n .channel-cta {\n background: var(--navy); padding: 64px 0; text-align: center;\n position: relative; z-index:1; overflow: hidden;\n }\n .channel-cta::before {\n content: ''; position: absolute; top:0; left:-100%; bottom:0; width:1px;\n background: linear-gradient(180deg, transparent, rgba(201,168,76,0.4), transparent);\n animation: lineSweep 11s ease-in-out infinite 2s;\n }\n .channel-cta .container { position: relative; z-index:1; display:flex; flex-direction:column; align-items:center; }\n .channel-cta h2 { font-size: clamp(1.4rem, 2.5vw, 2rem); font-weight: 800; color: var(--white); letter-spacing: -0.02em; margin-bottom: 12px; }\n .channel-cta p { font-size: 0.9rem; color: rgba(255,255,255,0.6); margin-bottom: 28px; max-width: 420px; line-height: 1.7; }\n .btn-yt {\n display: inline-flex; align-items: center; gap: 10px;\n background: var(--gold); color: var(--navy);\n text-decoration: none; font-size: 0.78rem; font-weight: 700;\n letter-spacing: 0.12em; text-transform: uppercase; padding: 15px 30px;\n transition: background 0.2s, transform 0.2s;\n }\n .btn-yt:hover { background: var(--gold-light); transform: translateY(-2px); }\n\n @media (prefers-reduced-motion: reduce) {\n *, *::before, *::after { animation: none !important; transition-duration: 0.01ms !important; }\n }\n @media (max-width: 900px) {\n .videos-grid { grid-template-columns: 1fr 1fr; }\n .orbs { display: none; }\n }\n @media (max-width: 520px) {\n .videos-grid { grid-template-columns: 1fr; }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"orbs\" aria-hidden=\"true\">\n <div class=\"orb orb-1\"><\/div>\n <div class=\"orb orb-2\"><\/div>\n <div class=\"orb orb-3\"><\/div>\n <\/div>\n\n \n <section class=\"page-hero\">\n <div class=\"container\">\n <p class=\"hero-eyebrow\">Schoenstatt New York<\/p>\n <h1 class=\"hero-title\">Videos & <span>Talks<\/span><\/h1>\n <p class=\"hero-sub\">Watch our Covenant Sunday Talks and spiritual reflections from the Schoenstatt Shrine of Light in Staten Island.<\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"featured-section\">\n <div class=\"container\">\n <p class=\"featured-label\">Latest Video<\/p>\n <h2 class=\"featured-title\">Covenant Sunday Talk \u2014 May 17, 2026<\/h2>\n <div class=\"featured-embed\">\n <iframe\n src=\"https:\/\/www.youtube.com\/embed\/lVfIAGNMzp4?rel=0\"\n title=\"Covenant Sunday Talk May 17, 2026\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n allowfullscreen>\n <\/iframe>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"videos-section\">\n <div class=\"container\">\n <div class=\"videos-header\">\n <div class=\"gold-rule\"><\/div>\n <h2>All Videos<\/h2>\n <\/div>\n <div class=\"videos-grid\" id=\"videosGrid\">\n\n \n\n <div class=\"video-card\" data-id=\"lVfIAGNMzp4\" data-title=\"Covenant Sunday Talk \u2014 May 17, 2026\" onclick=\"openVideo(this)\">\n <div class=\"video-thumb\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/lVfIAGNMzp4\/hqdefault.jpg\" alt=\"Covenant Sunday Talk May 17, 2026\" loading=\"lazy\" \/>\n <div class=\"play-btn\"><div class=\"play-icon\">▶<\/div><\/div>\n <\/div>\n <h3>Covenant Sunday Talk<\/h3>\n <p class=\"video-meta\">May 17, 2026<\/p>\n <\/div>\n\n \n\n <div class=\"video-card\" data-id=\"g6MZcoNw4t4\" data-title=\"Covenant Sunday Talk \u2014 April 19, 2026\" onclick=\"openVideo(this)\">\n <div class=\"video-thumb\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/g6MZcoNw4t4\/hqdefault.jpg\" alt=\"Covenant Sunday Talk April 19, 2026\" loading=\"lazy\" \/>\n <div class=\"play-btn\"><div class=\"play-icon\">▶<\/div><\/div>\n <\/div>\n <h3>Covenant Sunday Talk<\/h3>\n <p class=\"video-meta\">April 19, 2026<\/p>\n <\/div>\n\n <div class=\"video-card\" data-id=\"c4Cem_G_s5E\" data-title=\"Covenant Sunday Talk \u2014 March 15, 2026\" onclick=\"openVideo(this)\">\n <div class=\"video-thumb\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/c4Cem_G_s5E\/hqdefault.jpg\" alt=\"Covenant Sunday Talk March 15, 2026\" loading=\"lazy\" \/>\n <div class=\"play-btn\"><div class=\"play-icon\">▶<\/div><\/div>\n <\/div>\n <h3>Covenant Sunday Talk<\/h3>\n <p class=\"video-meta\">March 15, 2026<\/p>\n <\/div>\n\n <div class=\"video-card\" data-id=\"kg7XJ4iEr1Y\" data-title=\"Covenant Sunday Talk \u2014 February 15, 2026\" onclick=\"openVideo(this)\">\n <div class=\"video-thumb\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/kg7XJ4iEr1Y\/hqdefault.jpg\" alt=\"Covenant Sunday Talk February 15, 2026\" loading=\"lazy\" \/>\n <div class=\"play-btn\"><div class=\"play-icon\">▶<\/div><\/div>\n <\/div>\n <h3>Covenant Sunday Talk<\/h3>\n <p class=\"video-meta\">February 15, 2026<\/p>\n <\/div>\n\n <div class=\"video-card\" data-id=\"8-bWShamby4\" data-title=\"Covenant Sunday Talk \u2014 January 18, 2026\" onclick=\"openVideo(this)\">\n <div class=\"video-thumb\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/8-bWShamby4\/hqdefault.jpg\" alt=\"Covenant Sunday Talk January 18, 2026\" loading=\"lazy\" \/>\n <div class=\"play-btn\"><div class=\"play-icon\">▶<\/div><\/div>\n <\/div>\n <h3>Covenant Sunday Talk<\/h3>\n <p class=\"video-meta\">January 18, 2026<\/p>\n <\/div>\n\n <div class=\"video-card\" data-id=\"wt0un6KZD74\" data-title=\"Covenant Sunday Talk \u2014 November 16, 2025\" onclick=\"openVideo(this)\">\n <div class=\"video-thumb\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/wt0un6KZD74\/hqdefault.jpg\" alt=\"Covenant Sunday Talk November 16, 2025\" loading=\"lazy\" \/>\n <div class=\"play-btn\"><div class=\"play-icon\">▶<\/div><\/div>\n <\/div>\n <h3>Covenant Sunday Talk<\/h3>\n <p class=\"video-meta\">November 16, 2025<\/p>\n <\/div>\n\n <div class=\"video-card\" data-id=\"YOUTUBE_ID\" data-title=\"Covenant Sunday Talk \u2014 August 16, 2025\" onclick=\"openVideo(this)\">\n <div class=\"video-thumb\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/YOUTUBE_ID\/hqdefault.jpg\" alt=\"Covenant Sunday Talk August 16, 2025\" loading=\"lazy\" \/>\n <div class=\"play-btn\"><div class=\"play-icon\">▶<\/div><\/div>\n <\/div>\n <h3>Covenant Sunday Talk<\/h3>\n <p class=\"video-meta\">August 16, 2025<\/p>\n <\/div>\n\n <div class=\"video-card\" data-id=\"YOUTUBE_ID\" data-title=\"Covenant Sunday Talk \u2014 June 15, 2025\" onclick=\"openVideo(this)\">\n <div class=\"video-thumb\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/YOUTUBE_ID\/hqdefault.jpg\" alt=\"Covenant Sunday Talk June 15, 2025\" loading=\"lazy\" \/>\n <div class=\"play-btn\"><div class=\"play-icon\">▶<\/div><\/div>\n <\/div>\n <h3>Covenant Sunday Talk<\/h3>\n <p class=\"video-meta\">June 15, 2025<\/p>\n <\/div>\n\n <div class=\"video-card\" data-id=\"YOUTUBE_ID\" data-title=\"Covenant Sunday Talk \u2014 May 18, 2025\" onclick=\"openVideo(this)\">\n <div class=\"video-thumb\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/YOUTUBE_ID\/hqdefault.jpg\" alt=\"Covenant Sunday Talk May 18, 2025\" loading=\"lazy\" \/>\n <div class=\"play-btn\"><div class=\"play-icon\">▶<\/div><\/div>\n <\/div>\n <h3>Covenant Sunday Talk<\/h3>\n <p class=\"video-meta\">May 18, 2025<\/p>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"channel-cta\">\n <div class=\"container\">\n <h2>Watch More on YouTube<\/h2>\n <p>Subscribe to our channel for new Covenant Sunday Talks and spiritual reflections every month.<\/p>\n <a href=\"https:\/\/www.youtube.com\/@schoenstattnewyork1105\" target=\"_blank\" rel=\"noopener\" class=\"btn-yt\">\n \u25b6 Visit our YouTube Channel\n <\/a>\n <\/div>\n <\/section>\n\n \n <div class=\"video-modal\" id=\"videoModal\" onclick=\"handleModalClick(event)\">\n <div class=\"video-modal-inner\">\n <div class=\"video-modal-header\">\n <span class=\"video-modal-title\" id=\"modalTitle\"><\/span>\n <button class=\"video-modal-close\" onclick=\"closeVideo()\">\u2715<\/button>\n <\/div>\n <div class=\"video-modal-embed\">\n <iframe id=\"modalFrame\" src=\"\" title=\"Video\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n <\/div>\n <div class=\"modal-yt-link\">\n <a id=\"modalYtLink\" href=\"#\" target=\"_blank\" rel=\"noopener\">Open on YouTube \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n function openVideo(card) {\n var id = card.getAttribute('data-id');\n var title = card.getAttribute('data-title');\n if (!id || id === 'YOUTUBE_ID') return;\n document.getElementById('modalTitle').textContent = title;\n document.getElementById('modalFrame').src = 'https:\/\/www.youtube.com\/embed\/' + id + '?autoplay=1&rel=0';\n document.getElementById('modalYtLink').href = 'https:\/\/www.youtube.com\/watch?v=' + id;\n document.getElementById('videoModal').classList.add('active');\n document.body.style.overflow = 'hidden';\n }\n\n function closeVideo() {\n document.getElementById('videoModal').classList.remove('active');\n document.getElementById('modalFrame').src = '';\n document.body.style.overflow = '';\n }\n\n function handleModalClick(e) {\n if (e.target === document.getElementById('videoModal')) closeVideo();\n }\n\n document.addEventListener('keydown', function(e) {\n if (e.key === 'Escape') closeVideo();\n });\n <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Videos \u2013 Schoenstatt New York Schoenstatt New York Videos & Talks Watch our Covenant Sunday Talks and spiritual reflections from the Schoenstatt Shrine of Light in Staten Island. Latest Video…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-1388","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/pages\/1388","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/comments?post=1388"}],"version-history":[{"count":1,"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/pages\/1388\/revisions"}],"predecessor-version":[{"id":1389,"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/pages\/1388\/revisions\/1389"}],"wp:attachment":[{"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/media?parent=1388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}