{"id":6400,"date":"2026-08-09T15:06:50","date_gmt":"2026-08-09T14:06:50","guid":{"rendered":"https:\/\/www.straymysteries.com\/?page_id=6400"},"modified":"2026-08-17T22:43:24","modified_gmt":"2026-08-17T21:43:24","slug":"meet-victor","status":"publish","type":"page","link":"https:\/\/www.straymysteries.com\/index.php\/meet-victor\/","title":{"rendered":"Meet Victor"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6400\" class=\"elementor elementor-6400\" data-elementor-post-type=\"page\">\n\t\t\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-4f118e4 elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"4f118e4\" data-element_type=\"section\" data-e-type=\"section\">\n            \n                        <div class=\"elementor-container elementor-column-gap-default \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-17e58b7\" data-id=\"17e58b7\" data-element_type=\"column\" data-e-type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-94a8222 elementor-widget elementor-widget-html\" data-id=\"94a8222\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================\r\n    VICTOR PROFILE - FULL UPDATED MODERN DESIGN\r\n========================================== -->\r\n<section class=\"op-profile\">\r\n<style>\r\n.op-profile,\r\n.op-profile *{\r\n    margin:0;\r\n    padding:0;\r\n    box-sizing:border-box;\r\n}\r\n\r\n.op-profile{\r\n    position:relative;\r\n    padding:100px 20px;\r\n    background:\r\n        radial-gradient(circle at 8% 8%,rgba(45,43,215,.13),transparent 30%),\r\n        radial-gradient(circle at 92% 85%,rgba(106,104,255,.10),transparent 28%),\r\n        #f7f7fc;\r\n    font-family:\"Segoe UI\",Arial,sans-serif;\r\n    overflow:hidden;\r\n}\r\n\r\n.op-profile::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:-180px;\r\n    right:-180px;\r\n    width:440px;\r\n    height:440px;\r\n    border:70px solid rgba(45,43,215,.04);\r\n    border-radius:50%;\r\n}\r\n\r\n.op-profile::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:-120px;\r\n    bottom:-160px;\r\n    width:360px;\r\n    height:360px;\r\n    border-radius:50%;\r\n    background:rgba(45,43,215,.04);\r\n}\r\n\r\n.op-wrapper{\r\n    position:relative;\r\n    z-index:2;\r\n    max-width:1320px;\r\n    margin:auto;\r\n}\r\n\r\n\/* =========================================\r\n   SECTION HEADER\r\n========================================= *\/\r\n\r\n.op-header{\r\n    display:flex;\r\n    align-items:flex-end;\r\n    justify-content:space-between;\r\n    gap:45px;\r\n    margin-bottom:48px;\r\n}\r\n\r\n.op-header-left{\r\n    max-width:760px;\r\n}\r\n\r\n.op-eyebrow{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    margin-bottom:17px;\r\n    color:#2d2bd7;\r\n    font-size:13px;\r\n    font-weight:800;\r\n    letter-spacing:2px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.op-eyebrow::before{\r\n    content:\"\";\r\n    width:38px;\r\n    height:2px;\r\n    background:#2d2bd7;\r\n}\r\n\r\n.op-header h2{\r\n    margin-bottom:17px;\r\n    color:#17172a;\r\n    font-size:clamp(42px,6vw,70px);\r\n    line-height:1;\r\n    font-weight:850;\r\n    letter-spacing:-2px;\r\n}\r\n\r\n.op-header h2 span{\r\n    color:#2d2bd7;\r\n}\r\n\r\n.op-header p{\r\n    max-width:720px;\r\n    color:#666679;\r\n    font-size:17px;\r\n    line-height:1.85;\r\n}\r\n\r\n.op-header-badge{\r\n    flex-shrink:0;\r\n    display:flex;\r\n    align-items:center;\r\n    gap:12px;\r\n    padding:15px 20px;\r\n    border:1px solid rgba(20,145,74,.14);\r\n    border-radius:16px;\r\n    background:#effff4;\r\n    box-shadow:0 12px 30px rgba(20,145,74,.08);\r\n}\r\n\r\n.op-header-badge-icon{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    width:42px;\r\n    height:42px;\r\n    border-radius:50%;\r\n    background:#15944c;\r\n    color:#ffffff;\r\n    font-size:18px;\r\n    font-weight:800;\r\n}\r\n\r\n.op-header-badge small{\r\n    display:block;\r\n    margin-bottom:2px;\r\n    color:#6a7d70;\r\n    font-size:11px;\r\n    font-weight:800;\r\n    letter-spacing:.8px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.op-header-badge strong{\r\n    color:#126d3b;\r\n    font-size:15px;\r\n}\r\n\r\n\/* =========================================\r\n   MAIN PROFILE CARD\r\n========================================= *\/\r\n\r\n.op-main-card{\r\n    padding:18px;\r\n    border:1px solid rgba(45,43,215,.09);\r\n    border-radius:35px;\r\n    background:rgba(255,255,255,.88);\r\n    box-shadow:0 30px 80px rgba(28,28,72,.11);\r\n    backdrop-filter:blur(16px);\r\n}\r\n\r\n.op-main-grid{\r\n    display:grid;\r\n    grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);\r\n    gap:18px;\r\n    align-items:stretch;\r\n}\r\n\r\n\/* =========================================\r\n   IMAGE GALLERY\r\n========================================= *\/\r\n\r\n.op-gallery{\r\n    min-width:0;\r\n}\r\n\r\n.op-slider{\r\n    position:relative;\r\n    height:690px;\r\n    overflow:hidden;\r\n    border-radius:27px;\r\n    background:#eaeaf4;\r\n}\r\n\r\n.op-slide{\r\n    position:absolute;\r\n    inset:0;\r\n    opacity:0;\r\n    visibility:hidden;\r\n    transform:scale(1.025);\r\n    transition:\r\n        opacity .55s ease,\r\n        visibility .55s ease,\r\n        transform .7s ease;\r\n}\r\n\r\n.op-slide.active{\r\n    opacity:1;\r\n    visibility:visible;\r\n    transform:scale(1);\r\n}\r\n\r\n.op-slide img{\r\n    display:block;\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n}\r\n\r\n.op-slider::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    z-index:2;\r\n    inset:0;\r\n    pointer-events:none;\r\n    background:\r\n        linear-gradient(180deg,rgba(10,10,25,.30) 0%,transparent 27%),\r\n        linear-gradient(0deg,rgba(10,10,25,.50) 0%,transparent 38%);\r\n}\r\n\r\n.op-gallery-top{\r\n    position:absolute;\r\n    z-index:5;\r\n    top:22px;\r\n    left:22px;\r\n    right:22px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:15px;\r\n    pointer-events:none;\r\n}\r\n\r\n.op-available{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    padding:10px 16px;\r\n    border-radius:50px;\r\n    background:#2d2bd7;\r\n    color:#ffffff;\r\n    font-size:12px;\r\n    font-weight:800;\r\n    letter-spacing:.5px;\r\n    text-transform:uppercase;\r\n    box-shadow:0 10px 24px rgba(45,43,215,.28);\r\n}\r\n\r\n.op-available::before{\r\n    content:\"\";\r\n    width:7px;\r\n    height:7px;\r\n    border-radius:50%;\r\n    background:#8dffad;\r\n    box-shadow:0 0 0 4px rgba(141,255,173,.18);\r\n}\r\n\r\n.op-count{\r\n    padding:10px 16px;\r\n    border:1px solid rgba(255,255,255,.30);\r\n    border-radius:50px;\r\n    background:rgba(15,15,30,.42);\r\n    color:#ffffff;\r\n    font-size:12px;\r\n    font-weight:800;\r\n    backdrop-filter:blur(12px);\r\n}\r\n\r\n.op-arrow{\r\n    position:absolute;\r\n    z-index:6;\r\n    top:50%;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    width:52px;\r\n    height:52px;\r\n    border:1px solid rgba(255,255,255,.30);\r\n    border-radius:50%;\r\n    background:rgba(255,255,255,.90);\r\n    color:#2d2bd7;\r\n    font-size:28px;\r\n    cursor:pointer;\r\n    transform:translateY(-50%);\r\n    box-shadow:0 14px 30px rgba(0,0,0,.16);\r\n    transition:.3s ease;\r\n}\r\n\r\n.op-arrow:hover{\r\n    background:#2d2bd7;\r\n    color:#ffffff;\r\n    transform:translateY(-50%) scale(1.07);\r\n}\r\n\r\n.op-prev{\r\n    left:18px;\r\n}\r\n\r\n.op-next{\r\n    right:18px;\r\n}\r\n\r\n.op-gallery-caption{\r\n    position:absolute;\r\n    z-index:5;\r\n    left:28px;\r\n    right:28px;\r\n    bottom:27px;\r\n    color:#ffffff;\r\n}\r\n\r\n.op-gallery-caption small{\r\n    display:block;\r\n    margin-bottom:7px;\r\n    color:rgba(255,255,255,.72);\r\n    font-size:11px;\r\n    font-weight:800;\r\n    letter-spacing:1.5px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.op-gallery-caption h3{\r\n    max-width:600px;\r\n    font-size:clamp(28px,4vw,43px);\r\n    line-height:1.1;\r\n    font-weight:800;\r\n}\r\n\r\n\/* Thumbnails *\/\r\n\r\n.op-thumbnails{\r\n    display:grid;\r\n    grid-template-columns:repeat(6,1fr);\r\n    gap:9px;\r\n    margin-top:11px;\r\n}\r\n\r\n.op-thumb{\r\n    position:relative;\r\n    height:84px;\r\n    padding:0;\r\n    border:3px solid transparent;\r\n    border-radius:13px;\r\n    background:none;\r\n    overflow:hidden;\r\n    cursor:pointer;\r\n    opacity:.70;\r\n    transition:.25s ease;\r\n}\r\n\r\n.op-thumb img{\r\n    display:block;\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n}\r\n\r\n.op-thumb:hover,\r\n.op-thumb.active{\r\n    opacity:1;\r\n    border-color:#2d2bd7;\r\n    transform:translateY(-3px);\r\n    box-shadow:0 10px 22px rgba(45,43,215,.16);\r\n}\r\n\r\n\/* =========================================\r\n   RIGHT PROFILE CONTENT\r\n========================================= *\/\r\n\r\n.op-content{\r\n    display:flex;\r\n    flex-direction:column;\r\n    height:100%;\r\n    padding:38px 34px;\r\n    border-radius:27px;\r\n    background:linear-gradient(145deg,#ffffff 0%,#fafaff 100%);\r\n}\r\n\r\n.op-name-row{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    justify-content:space-between;\r\n    gap:18px;\r\n    margin-bottom:18px;\r\n}\r\n\r\n.op-name h3{\r\n    margin-bottom:6px;\r\n    color:#17172b;\r\n    font-size:clamp(42px,5vw,60px);\r\n    line-height:1;\r\n    letter-spacing:-1.5px;\r\n}\r\n\r\n.op-name h3 span{\r\n    color:#2d2bd7;\r\n}\r\n\r\n.op-name p{\r\n    color:#858597;\r\n    font-size:14px;\r\n    font-weight:600;\r\n}\r\n\r\n.op-heart{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    flex-shrink:0;\r\n    width:52px;\r\n    height:52px;\r\n    border:1px solid rgba(45,43,215,.10);\r\n    border-radius:16px;\r\n    background:rgba(45,43,215,.07);\r\n    color:#2d2bd7;\r\n    font-size:23px;\r\n}\r\n\r\n.op-description{\r\n    margin-bottom:20px;\r\n    color:#646477;\r\n    font-size:15.5px;\r\n    line-height:1.85;\r\n}\r\n\r\n.op-description strong{\r\n    color:#2d2bd7;\r\n}\r\n\r\n\/* Details *\/\r\n\r\n.op-details{\r\n    display:grid;\r\n    grid-template-columns:repeat(2,1fr);\r\n    gap:11px;\r\n    margin-top:auto;\r\n}\r\n\r\n.op-detail{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:12px;\r\n    padding:14px;\r\n    border:1px solid #ebebf5;\r\n    border-radius:15px;\r\n    background:#ffffff;\r\n    transition:.25s ease;\r\n}\r\n\r\n.op-detail:hover{\r\n    border-color:rgba(45,43,215,.25);\r\n    box-shadow:0 10px 25px rgba(45,43,215,.07);\r\n    transform:translateY(-2px);\r\n}\r\n\r\n.op-detail-icon{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    flex-shrink:0;\r\n    width:43px;\r\n    height:43px;\r\n    border-radius:13px;\r\n    background:rgba(45,43,215,.09);\r\n    color:#2d2bd7;\r\n    font-size:19px;\r\n}\r\n\r\n.op-detail small{\r\n    display:block;\r\n    margin-bottom:3px;\r\n    color:#9898a7;\r\n    font-size:10px;\r\n    font-weight:800;\r\n    letter-spacing:.8px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.op-detail strong{\r\n    color:#28283c;\r\n    font-size:13.5px;\r\n}\r\n\r\n\/* =========================================\r\n   FULL WIDTH BOTTOM INFORMATION\r\n========================================= *\/\r\n\r\n.op-bottom-info{\r\n    display:grid;\r\n    grid-template-columns:repeat(2,1fr);\r\n    gap:18px;\r\n    margin-top:18px;\r\n}\r\n\r\n.op-personality-box,\r\n.op-ideal-home-box{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:20px;\r\n    min-height:220px;\r\n    padding:32px;\r\n    border:1px solid rgba(45,43,215,.10);\r\n    border-radius:24px;\r\n    background:linear-gradient(145deg,#ffffff 0%,#f8f8ff 100%);\r\n    box-shadow:0 16px 40px rgba(29,29,76,.07);\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease,\r\n        border-color .3s ease;\r\n}\r\n\r\n.op-personality-box:hover,\r\n.op-ideal-home-box:hover{\r\n    transform:translateY(-5px);\r\n    border-color:rgba(45,43,215,.24);\r\n    box-shadow:0 24px 50px rgba(45,43,215,.12);\r\n}\r\n\r\n.op-bottom-icon{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    flex-shrink:0;\r\n    width:60px;\r\n    height:60px;\r\n    border-radius:18px;\r\n    background:linear-gradient(135deg,#2d2bd7,#5d5bf2);\r\n    color:#ffffff;\r\n    font-size:25px;\r\n    font-weight:700;\r\n    box-shadow:0 13px 28px rgba(45,43,215,.23);\r\n}\r\n\r\n.op-bottom-content{\r\n    flex:1;\r\n}\r\n\r\n.op-small-label{\r\n    display:block;\r\n    margin-bottom:7px;\r\n    color:#2d2bd7;\r\n    font-size:11px;\r\n    font-weight:800;\r\n    letter-spacing:1.5px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.op-bottom-content h3{\r\n    margin-bottom:14px;\r\n    color:#19192e;\r\n    font-size:clamp(23px,3vw,30px);\r\n    line-height:1.2;\r\n}\r\n\r\n.op-bottom-content h3 span{\r\n    color:#2d2bd7;\r\n}\r\n\r\n.op-bottom-content p{\r\n    color:#68687b;\r\n    font-size:15px;\r\n    line-height:1.8;\r\n}\r\n\r\n\/* Personality tags *\/\r\n\r\n.op-bottom-tags{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    gap:9px;\r\n}\r\n\r\n.op-bottom-tags span{\r\n    padding:9px 14px;\r\n    border:1px solid rgba(45,43,215,.11);\r\n    border-radius:50px;\r\n    background:rgba(45,43,215,.07);\r\n    color:#2d2bd7;\r\n    font-size:12px;\r\n    font-weight:800;\r\n    transition:.25s ease;\r\n}\r\n\r\n.op-bottom-tags span:hover{\r\n    background:#2d2bd7;\r\n    color:#ffffff;\r\n    transform:translateY(-2px);\r\n}\r\n\r\n\/* CTA *\/\r\n\r\n.op-bottom-cta{\r\n    position:relative;\r\n    grid-column:1 \/ -1;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:35px;\r\n    padding:38px 42px;\r\n    border-radius:25px;\r\n    background:\r\n        radial-gradient(circle at right top,rgba(255,255,255,.15),transparent 35%),\r\n        linear-gradient(135deg,#211fae 0%,#2d2bd7 55%,#5c5af0 100%);\r\n    box-shadow:0 24px 55px rgba(45,43,215,.25);\r\n    overflow:hidden;\r\n}\r\n\r\n.op-bottom-cta::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:-80px;\r\n    right:-40px;\r\n    width:220px;\r\n    height:220px;\r\n    border:35px solid rgba(255,255,255,.07);\r\n    border-radius:50%;\r\n}\r\n\r\n.op-cta-text{\r\n    position:relative;\r\n    z-index:2;\r\n    max-width:760px;\r\n}\r\n\r\n.op-cta-text > span{\r\n    display:block;\r\n    margin-bottom:8px;\r\n    color:#d7d7ff;\r\n    font-size:11px;\r\n    font-weight:800;\r\n    letter-spacing:1.7px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.op-cta-text h3{\r\n    margin-bottom:10px;\r\n    color:#ffffff;\r\n    font-size:clamp(26px,4vw,38px);\r\n    line-height:1.2;\r\n}\r\n\r\n.op-cta-text p{\r\n    color:rgba(255,255,255,.80);\r\n    font-size:15px;\r\n    line-height:1.75;\r\n}\r\n\r\n.op-bottom-button{\r\n    position:relative;\r\n    z-index:2;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:12px;\r\n    flex-shrink:0;\r\n    min-width:175px;\r\n    min-height:56px;\r\n    padding:16px 28px;\r\n    border-radius:50px;\r\n    background:#ffffff;\r\n    color:#2d2bd7;\r\n    text-decoration:none;\r\n    font-size:15px;\r\n    font-weight:850;\r\n    box-shadow:0 12px 28px rgba(0,0,0,.15);\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease;\r\n}\r\n\r\n.op-bottom-button:hover{\r\n    transform:translateY(-4px);\r\n    box-shadow:0 18px 34px rgba(0,0,0,.20);\r\n}\r\n\r\n.op-bottom-button span{\r\n    font-size:20px;\r\n    transition:transform .3s ease;\r\n}\r\n\r\n.op-bottom-button:hover span{\r\n    transform:translateX(5px);\r\n}\r\n\r\n\/* =========================================\r\n   VIDEO SECTION\r\n========================================= *\/\r\n\r\n.op-video-wrap{\r\n    margin-top:55px;\r\n}\r\n\r\n.op-video-header{\r\n    display:flex;\r\n    align-items:flex-end;\r\n    justify-content:space-between;\r\n    gap:30px;\r\n    margin-bottom:24px;\r\n}\r\n\r\n.op-video-header h3{\r\n    margin-bottom:6px;\r\n    color:#17172b;\r\n    font-size:clamp(28px,4vw,42px);\r\n}\r\n\r\n.op-video-header h3 span{\r\n    color:#2d2bd7;\r\n}\r\n\r\n.op-video-header p{\r\n    color:#737386;\r\n    font-size:15px;\r\n}\r\n\r\n.op-video-label{\r\n    flex-shrink:0;\r\n    color:#2d2bd7;\r\n    font-size:12px;\r\n    font-weight:800;\r\n    letter-spacing:1.5px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.op-videos{\r\n    display:grid;\r\n    grid-template-columns:repeat(2,1fr);\r\n    gap:24px;\r\n}\r\n\r\n.op-video-card{\r\n    padding:12px;\r\n    border:1px solid rgba(45,43,215,.09);\r\n    border-radius:25px;\r\n    background:#ffffff;\r\n    box-shadow:0 18px 45px rgba(28,28,72,.09);\r\n    transition:.3s ease;\r\n}\r\n\r\n.op-video-card:hover{\r\n    transform:translateY(-6px);\r\n    box-shadow:0 26px 55px rgba(45,43,215,.14);\r\n}\r\n\r\n.op-video-media{\r\n    position:relative;\r\n    aspect-ratio:16\/9;\r\n    border-radius:18px;\r\n    background:#17172b;\r\n    overflow:hidden;\r\n}\r\n\r\n.op-video-media video{\r\n    display:block;\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n}\r\n\r\n.op-video-info{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:15px;\r\n    padding:17px 7px 7px;\r\n}\r\n\r\n.op-video-info h4{\r\n    margin-bottom:4px;\r\n    color:#232338;\r\n    font-size:17px;\r\n}\r\n\r\n.op-video-info p{\r\n    color:#858596;\r\n    font-size:12px;\r\n}\r\n\r\n.op-play-icon{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    flex-shrink:0;\r\n    width:44px;\r\n    height:44px;\r\n    border-radius:50%;\r\n    background:rgba(45,43,215,.09);\r\n    color:#2d2bd7;\r\n    font-size:18px;\r\n}\r\n\r\n\/* =========================================\r\n   RESPONSIVE\r\n========================================= *\/\r\n\r\n@media(max-width:1080px){\r\n    .op-main-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .op-slider{\r\n        height:650px;\r\n    }\r\n\r\n    .op-content{\r\n        padding:35px 28px;\r\n    }\r\n}\r\n\r\n@media(max-width:850px){\r\n    .op-bottom-info{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .op-bottom-cta{\r\n        grid-column:auto;\r\n        align-items:flex-start;\r\n        flex-direction:column;\r\n        padding:32px;\r\n    }\r\n\r\n    .op-bottom-button{\r\n        width:100%;\r\n    }\r\n}\r\n\r\n@media(max-width:760px){\r\n    .op-profile{\r\n        padding:70px 16px;\r\n    }\r\n\r\n    .op-header{\r\n        align-items:flex-start;\r\n        flex-direction:column;\r\n        margin-bottom:38px;\r\n    }\r\n\r\n    .op-header-badge{\r\n        width:100%;\r\n    }\r\n\r\n    .op-main-card{\r\n        padding:12px;\r\n        border-radius:26px;\r\n    }\r\n\r\n    .op-slider{\r\n        height:480px;\r\n        border-radius:20px;\r\n    }\r\n\r\n    .op-thumbnails{\r\n        gap:6px;\r\n    }\r\n\r\n    .op-thumb{\r\n        height:58px;\r\n        border-radius:9px;\r\n    }\r\n\r\n    .op-content{\r\n        padding:28px 20px;\r\n        border-radius:21px;\r\n    }\r\n\r\n    .op-name-row{\r\n        flex-direction:column;\r\n    }\r\n\r\n    .op-details{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .op-videos{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .op-video-header{\r\n        align-items:flex-start;\r\n        flex-direction:column;\r\n    }\r\n}\r\n\r\n@media(max-width:550px){\r\n    .op-personality-box,\r\n    .op-ideal-home-box{\r\n        flex-direction:column;\r\n        min-height:auto;\r\n        padding:25px 22px;\r\n    }\r\n\r\n    .op-bottom-cta{\r\n        padding:28px 22px;\r\n        border-radius:21px;\r\n    }\r\n}\r\n\r\n@media(max-width:500px){\r\n    .op-slider{\r\n        height:380px;\r\n    }\r\n\r\n    .op-arrow{\r\n        width:44px;\r\n        height:44px;\r\n        font-size:24px;\r\n    }\r\n\r\n    .op-gallery-caption{\r\n        left:20px;\r\n        right:20px;\r\n        bottom:20px;\r\n    }\r\n\r\n    .op-thumb{\r\n        height:46px;\r\n    }\r\n\r\n    .op-gallery-top{\r\n        top:15px;\r\n        left:15px;\r\n        right:15px;\r\n    }\r\n\r\n    .op-available,\r\n    .op-count{\r\n        padding:8px 12px;\r\n        font-size:10px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"op-wrapper\">\r\n\r\n    <!-- Main Profile Card -->\r\n    <div class=\"op-main-card\">\r\n\r\n        <div class=\"op-main-grid\">\r\n\r\n            <!-- Gallery -->\r\n            <div class=\"op-gallery\">\r\n\r\n                <div class=\"op-slider\">\r\n\r\n                    <div class=\"op-gallery-top\">\r\n                        <span class=\"op-available\">Available for Adoption<\/span>\r\n                        <span class=\"op-count\">1 \/ 6<\/span>\r\n                    <\/div>\r\n\r\n                    <!-- Replace SRCs with Victor's actual photos -->\r\n                    <div class=\"op-slide active\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/08\/MAIN-victor.jpg\"\r\n                            alt=\"Victor standing outside\"\r\n                        >\r\n                    <\/div>\r\n\r\n                    <div class=\"op-slide\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/08\/Victor1-rotated.jpg\"\r\n                            alt=\"Victor dog portrait\"\r\n                        >\r\n                    <\/div>\r\n\r\n                    <div class=\"op-slide\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/08\/victor19.jpg\"\r\n                            alt=\"Victor at the shelter\"\r\n                        >\r\n                    <\/div>\r\n\r\n                    <div class=\"op-slide\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/08\/victor15.jpg\"\r\n                            alt=\"Victor relaxing\"\r\n                        >\r\n                    <\/div>\r\n\r\n                    <div class=\"op-slide\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/08\/e24af1d7-a9ec-4e21-810e-bbd128b5e5e6.jpg\"\r\n                            alt=\"Victor outdoors\"\r\n                        >\r\n                    <\/div>\r\n\r\n                    <div class=\"op-slide\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/08\/32914083-567a-4c68-aba9-e6cf6705ccb3.jpg\"\r\n                            alt=\"Victor waiting for adoption\"\r\n                        >\r\n                    <\/div>\r\n                    \r\n                    <div class=\"op-slide\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/08\/victor14.jpg\"\r\n                            alt=\"Victor smiling\"\r\n                        >\r\n                    <\/div>\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"op-arrow op-prev\"\r\n                        aria-label=\"Previous Victor photo\"\r\n                    >\r\n                        \u2039\r\n                    <\/button>\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"op-arrow op-next\"\r\n                        aria-label=\"Next Victor photo\"\r\n                    >\r\n                        \u203a\r\n                    <\/button>\r\n\r\n                    <div class=\"op-gallery-caption\">\r\n                        <small>Stray Mysteries<\/small>\r\n                        <h3>A smiling boy with a puppy's heart.<\/h3>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <!-- Thumbnails -->\r\n                <div class=\"op-thumbnails\">\r\n\r\n                    <button class=\"op-thumb active\" type=\"button\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/08\/MAIN-victor.jpg\"\r\n                            alt=\"Victor thumbnail 1\"\r\n                        >\r\n                    <\/button>\r\n\r\n                    <button class=\"op-thumb\" type=\"button\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/08\/Victor1-rotated.jpg\"\r\n                            alt=\"Victor thumbnail 2\"\r\n                        >\r\n                    <\/button>\r\n\r\n                    <button class=\"op-thumb\" type=\"button\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/08\/victor19.jpg\"\r\n                            alt=\"Victor thumbnail 3\"\r\n                        >\r\n                    <\/button>\r\n\r\n                    <button class=\"op-thumb\" type=\"button\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/08\/victor15.jpg\"\r\n                            alt=\"Victor thumbnail 4\"\r\n                        >\r\n                    <\/button>\r\n\r\n                    <button class=\"op-thumb\" type=\"button\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/08\/e24af1d7-a9ec-4e21-810e-bbd128b5e5e6.jpg\"\r\n                            alt=\"Victor thumbnail 5\"\r\n                        >\r\n                    <\/button>\r\n\r\n                    <button class=\"op-thumb\" type=\"button\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/08\/32914083-567a-4c68-aba9-e6cf6705ccb3.jpg\"\r\n                            alt=\"Victor thumbnail 6\"\r\n                        >\r\n                    <\/button>\r\n\r\n                    <button class=\"op-thumb\" type=\"button\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/08\/victor14.jpg\"\r\n                            alt=\"Victor thumbnail 6\"\r\n                        >\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- Main Content -->\r\n            <div class=\"op-content\">\r\n\r\n                <div class=\"op-name-row\">\r\n\r\n                    <div class=\"op-name\">\r\n                        <h3><span>Victor<\/span><\/h3>\r\n                        <p>Mixed Breed \u2022 Magoula \/ Elefsina, Greece<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"op-heart\">\u2665<\/div>\r\n\r\n                <\/div>\r\n\r\n                <p class=\"op-description\">\r\n                    Our smiling boy <strong>Victor<\/strong> is still waiting patiently, hoping for a family to open their home and heart to him. Though he is an older dog, he is entirely a puppy at heart!\r\n                <\/p>\r\n\r\n                <p class=\"op-description\">\r\n                    He is incredibly sweet and affectionate with his people, going crazy for treats and caresses. Beyond his gentle side, Victor is deeply loyal and protective\u2014a true companion who would defend you with his life if necessary. He is a \"real man\" with a soft soul.\r\n                <\/p>\r\n\r\n                <p class=\"op-description\">\r\n                    Found wandering and disoriented in Magoula back in March 2019, Victor was rescued, evaluated, and given a second chance. Today, he is a healthy, energetic boy who gets along wonderfully with the other dogs in his care area. Let's not make him wait any longer!\r\n                <\/p>\r\n\r\n                <div class=\"op-details\">\r\n\r\n                    <div class=\"op-detail\">\r\n                        <div class=\"op-detail-icon\">\ud83c\udff7\ufe0f<\/div>\r\n\r\n                        <div>\r\n                            <small>Microchip<\/small>\r\n                            <strong>900111881092952<\/strong>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"op-detail\">\r\n                        <div class=\"op-detail-icon\">\ud83c\udf82<\/div>\r\n\r\n                        <div>\r\n                            <small>Age<\/small>\r\n                            <strong>Born March 2015<\/strong>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"op-detail\">\r\n                        <div class=\"op-detail-icon\">\ud83d\udccd<\/div>\r\n\r\n                        <div>\r\n                            <small>Location<\/small>\r\n                            <strong>Elefsina, Greece<\/strong>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"op-detail\">\r\n                        <div class=\"op-detail-icon\">\ud83d\udcc5<\/div>\r\n\r\n                        <div>\r\n                            <small>Rescued<\/small>\r\n                            <strong>March 2019<\/strong>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"op-detail\">\r\n                        <div class=\"op-detail-icon\">\u2713<\/div>\r\n\r\n                        <div>\r\n                            <small>Health<\/small>\r\n                            <strong>Excellent Health<\/strong>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"op-detail\">\r\n                        <div class=\"op-detail-icon\">\u2764<\/div>\r\n\r\n                        <div>\r\n                            <small>Care Status<\/small>\r\n                            <strong>Neutered & Vaccinated<\/strong>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Full Width Bottom Information -->\r\n        <div class=\"op-bottom-info\">\r\n\r\n            <!-- Personality -->\r\n            <div class=\"op-personality-box\">\r\n\r\n                <div class=\"op-bottom-icon\">\u2665<\/div>\r\n\r\n                <div class=\"op-bottom-content\">\r\n\r\n                    <span class=\"op-small-label\">His Character<\/span>\r\n\r\n                    <h3>Victor\u2019s <span>Personality<\/span><\/h3>\r\n\r\n                    <div class=\"op-bottom-tags\">\r\n                        <span>Smiling & Joyful<\/span>\r\n                        <span>Affectionate<\/span>\r\n                        <span>Protective<\/span>\r\n                        <span>Loyal Companion<\/span>\r\n                        <span>Treat Lover<\/span>\r\n                        <span>Dog Friendly<\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- Ideal Home -->\r\n            <div class=\"op-ideal-home-box\">\r\n\r\n                <div class=\"op-bottom-icon\">\u2302<\/div>\r\n\r\n                <div class=\"op-bottom-content\">\r\n\r\n                    <span class=\"op-small-label\">Perfect Match<\/span>\r\n\r\n                    <h3>Victor\u2019s <span>Ideal Home<\/span><\/h3>\r\n\r\n                    <p>\r\n                        Victor is looking for a loving forever family that can appreciate his puppy-like spirit and fiercely loyal nature. A home that will give him endless treats, sweet caresses, and the security he deserves after waiting so long in a shelter would be his absolute dream come true. \r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- Contact CTA -->\r\n            <div class=\"op-bottom-cta\">\r\n\r\n                <div class=\"op-cta-text\">\r\n\r\n                    <span>Ready to Meet Him?<\/span>\r\n\r\n                    <h3>Would You Like to Meet Victor?<\/h3>\r\n\r\n                    <p>\r\n                        Contact Stray Mysteries to learn more about this loyal boy. If you can't adopt, sharing his profile helps him find his forever home!\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n                <a\r\n                    href=\"https:\/\/www.straymysteries.com\/index.php\/contact-v-4\/\"\r\n                    class=\"op-bottom-button\"\r\n                >\r\n                    Contact Us\r\n                    <span>\u2192<\/span>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Videos -->\r\n    <div class=\"op-video-wrap\">\r\n\r\n        <div class=\"op-video-header\">\r\n\r\n            <div>\r\n                <h3>Watch Victor <span>In Action<\/span><\/h3>\r\n\r\n                <p>\r\n                    See Victor\u2019s affectionate nature, loyalty, and joyful energy.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"op-video-label\">\r\n                Two Videos\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"op-videos\">\r\n\r\n            <article class=\"op-video-card\">\r\n\r\n                <div class=\"op-video-media\">\r\n                    <!-- Replace with Victor's video -->\r\n                    <video controls preload=\"metadata\">\r\n                        <source\r\n                            src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/08\/IMG_7306.mp4\"\r\n                            type=\"video\/mp4\"\r\n                        >\r\n\r\n                        Your browser does not support the video tag.\r\n                    <\/video>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"op-video-info\">\r\n\r\n                    <div>\r\n                        <h4>Meet Victor<\/h4>\r\n                        <p>See his sweet and loving personality.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"op-play-icon\">\u25b6<\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n            \r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function(){\r\n\r\n    const profileGallery = document.querySelector(\".op-gallery\");\r\n\r\n    if(!profileGallery){\r\n        return;\r\n    }\r\n\r\n    const slides = profileGallery.querySelectorAll(\".op-slide\");\r\n    const thumbs = profileGallery.querySelectorAll(\".op-thumb\");\r\n    const previousButton = profileGallery.querySelector(\".op-prev\");\r\n    const nextButton = profileGallery.querySelector(\".op-next\");\r\n    const counter = profileGallery.querySelector(\".op-count\");\r\n\r\n    let activeIndex = 0;\r\n    let autoplayTimer = null;\r\n\r\n    function showVictorSlide(index){\r\n\r\n        if(index < 0){\r\n            index = slides.length - 1;\r\n        }\r\n\r\n        if(index >= slides.length){\r\n            index = 0;\r\n        }\r\n\r\n        slides.forEach(function(slide){\r\n            slide.classList.remove(\"active\");\r\n        });\r\n\r\n        thumbs.forEach(function(thumb){\r\n            thumb.classList.remove(\"active\");\r\n        });\r\n\r\n        slides[index].classList.add(\"active\");\r\n        thumbs[index].classList.add(\"active\");\r\n\r\n        activeIndex = index;\r\n        counter.textContent = (activeIndex + 1) + \" \/ \" + slides.length;\r\n    }\r\n\r\n    function startAutoplay(){\r\n\r\n        clearInterval(autoplayTimer);\r\n\r\n        autoplayTimer = setInterval(function(){\r\n            showVictorSlide(activeIndex + 1);\r\n        }, 5000);\r\n\r\n    }\r\n\r\n    \/\/ Fixed Javascript events \r\n    previousButton.addEventListener(\"click\", function() {\r\n        showVictorSlide(activeIndex - 1);\r\n        startAutoplay(); \r\n    });\r\n\r\n    nextButton.addEventListener(\"click\", function() {\r\n        showVictorSlide(activeIndex + 1);\r\n        startAutoplay();\r\n    });\r\n\r\n    thumbs.forEach(function(thumb, index) {\r\n        thumb.addEventListener(\"click\", function() {\r\n            showVictorSlide(index);\r\n            startAutoplay();\r\n        });\r\n    });\r\n\r\n    startAutoplay();\r\n\r\n});\r\n<\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n        \t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Available for Adoption 1 \/ 6 \u2039 \u203a Stray Mysteries A smiling boy with a puppy&#8217;s heart. Victor Mixed Breed \u2022 Magoula \/ Elefsina, Greece \u2665 Our smiling boy Victor is still waiting patiently, hoping for a family to open their home and heart to him. Though he is an older dog, he is entirely [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"give_campaign_id":0,"footnotes":""},"class_list":["post-6400","page","type-page","status-publish","hentry"],"campaignId":"","_links":{"self":[{"href":"https:\/\/www.straymysteries.com\/index.php\/wp-json\/wp\/v2\/pages\/6400","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.straymysteries.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.straymysteries.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.straymysteries.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.straymysteries.com\/index.php\/wp-json\/wp\/v2\/comments?post=6400"}],"version-history":[{"count":6,"href":"https:\/\/www.straymysteries.com\/index.php\/wp-json\/wp\/v2\/pages\/6400\/revisions"}],"predecessor-version":[{"id":6536,"href":"https:\/\/www.straymysteries.com\/index.php\/wp-json\/wp\/v2\/pages\/6400\/revisions\/6536"}],"wp:attachment":[{"href":"https:\/\/www.straymysteries.com\/index.php\/wp-json\/wp\/v2\/media?parent=6400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}