{"id":6020,"date":"2026-07-16T22:47:10","date_gmt":"2026-07-16T21:47:10","guid":{"rendered":"https:\/\/www.straymysteries.com\/?page_id=6020"},"modified":"2026-07-16T22:48:33","modified_gmt":"2026-07-16T21:48:33","slug":"meet-oscar","status":"publish","type":"page","link":"https:\/\/www.straymysteries.com\/index.php\/meet-oscar\/","title":{"rendered":"Meet\u00a0Oscar"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6020\" class=\"elementor elementor-6020\">\n\t\t\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-a138bfb elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"a138bfb\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-no \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-887f6c8\" data-id=\"887f6c8\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-fc7e2fe elementor-widget elementor-widget-html\" data-id=\"fc7e2fe\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================\r\n\r\n     OSCAR PROFILE - FULL UPDATED MODERN DESIGN\r\n\r\n========================================== -->\r\n\r\n<section class=\"op-profile\">\r\n\r\n<style>\r\n\r\n.op-profile,\r\n\r\n.op-profile *{\r\n\r\n    margin:0;\r\n\r\n    padding:0;\r\n\r\n    box-sizing:border-box;\r\n\r\n}\r\n\r\n\r\n\r\n.op-profile{\r\n\r\n    position:relative;\r\n\r\n    padding:100px 20px;\r\n\r\n    background:\r\n\r\n        radial-gradient(circle at 8% 8%,rgba(45,43,215,.13),transparent 30%),\r\n\r\n        radial-gradient(circle at 92% 85%,rgba(106,104,255,.10),transparent 28%),\r\n\r\n        #f7f7fc;\r\n\r\n    font-family:\"Segoe UI\",Arial,sans-serif;\r\n\r\n    overflow:hidden;\r\n\r\n}\r\n\r\n\r\n\r\n.op-profile::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    top:-180px;\r\n\r\n    right:-180px;\r\n\r\n    width:440px;\r\n\r\n    height:440px;\r\n\r\n    border:70px solid rgba(45,43,215,.04);\r\n\r\n    border-radius:50%;\r\n\r\n}\r\n\r\n\r\n\r\n.op-profile::after{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:-120px;\r\n\r\n    bottom:-160px;\r\n\r\n    width:360px;\r\n\r\n    height:360px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:rgba(45,43,215,.04);\r\n\r\n}\r\n\r\n\r\n\r\n.op-wrapper{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    max-width:1320px;\r\n\r\n    margin:auto;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================\r\n\r\n   SECTION HEADER\r\n\r\n========================================= *\/\r\n\r\n\r\n\r\n.op-header{\r\n\r\n    display:flex;\r\n\r\n    align-items:flex-end;\r\n\r\n    justify-content:space-between;\r\n\r\n    gap:45px;\r\n\r\n    margin-bottom:48px;\r\n\r\n}\r\n\r\n\r\n\r\n.op-header-left{\r\n\r\n    max-width:760px;\r\n\r\n}\r\n\r\n\r\n\r\n.op-eyebrow{\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:10px;\r\n\r\n    margin-bottom:17px;\r\n\r\n    color:#2d2bd7;\r\n\r\n    font-size:13px;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:2px;\r\n\r\n    text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n\r\n.op-eyebrow::before{\r\n\r\n    content:\"\";\r\n\r\n    width:38px;\r\n\r\n    height:2px;\r\n\r\n    background:#2d2bd7;\r\n\r\n}\r\n\r\n\r\n\r\n.op-header h2{\r\n\r\n    margin-bottom:17px;\r\n\r\n    color:#17172a;\r\n\r\n    font-size:clamp(42px,6vw,70px);\r\n\r\n    line-height:1;\r\n\r\n    font-weight:850;\r\n\r\n    letter-spacing:-2px;\r\n\r\n}\r\n\r\n\r\n\r\n.op-header h2 span{\r\n\r\n    color:#2d2bd7;\r\n\r\n}\r\n\r\n\r\n\r\n.op-header p{\r\n\r\n    max-width:720px;\r\n\r\n    color:#666679;\r\n\r\n    font-size:17px;\r\n\r\n    line-height:1.85;\r\n\r\n}\r\n\r\n\r\n\r\n.op-header-badge{\r\n\r\n    flex-shrink:0;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:12px;\r\n\r\n    padding:15px 20px;\r\n\r\n    border:1px solid rgba(20,145,74,.14);\r\n\r\n    border-radius:16px;\r\n\r\n    background:#effff4;\r\n\r\n    box-shadow:0 12px 30px rgba(20,145,74,.08);\r\n\r\n}\r\n\r\n\r\n\r\n.op-header-badge-icon{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    width:42px;\r\n\r\n    height:42px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#15944c;\r\n\r\n    color:#ffffff;\r\n\r\n    font-size:18px;\r\n\r\n    font-weight:800;\r\n\r\n}\r\n\r\n\r\n\r\n.op-header-badge small{\r\n\r\n    display:block;\r\n\r\n    margin-bottom:2px;\r\n\r\n    color:#6a7d70;\r\n\r\n    font-size:11px;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:.8px;\r\n\r\n    text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n\r\n.op-header-badge strong{\r\n\r\n    color:#126d3b;\r\n\r\n    font-size:15px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================\r\n\r\n   MAIN PROFILE CARD\r\n\r\n========================================= *\/\r\n\r\n\r\n\r\n.op-main-card{\r\n\r\n    padding:18px;\r\n\r\n    border:1px solid rgba(45,43,215,.09);\r\n\r\n    border-radius:35px;\r\n\r\n    background:rgba(255,255,255,.88);\r\n\r\n    box-shadow:0 30px 80px rgba(28,28,72,.11);\r\n\r\n    backdrop-filter:blur(16px);\r\n\r\n}\r\n\r\n\r\n\r\n.op-main-grid{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);\r\n\r\n    gap:18px;\r\n\r\n    align-items:stretch;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================\r\n\r\n   IMAGE GALLERY\r\n\r\n========================================= *\/\r\n\r\n\r\n\r\n.op-gallery{\r\n\r\n    min-width:0;\r\n\r\n}\r\n\r\n\r\n\r\n.op-slider{\r\n\r\n    position:relative;\r\n\r\n    height:690px;\r\n\r\n    overflow:hidden;\r\n\r\n    border-radius:27px;\r\n\r\n    background:#eaeaf4;\r\n\r\n}\r\n\r\n\r\n\r\n.op-slide{\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    opacity:0;\r\n\r\n    visibility:hidden;\r\n\r\n    transform:scale(1.025);\r\n\r\n    transition:\r\n\r\n        opacity .55s ease,\r\n\r\n        visibility .55s ease,\r\n\r\n        transform .7s ease;\r\n\r\n}\r\n\r\n\r\n\r\n.op-slide.active{\r\n\r\n    opacity:1;\r\n\r\n    visibility:visible;\r\n\r\n    transform:scale(1);\r\n\r\n}\r\n\r\n\r\n\r\n.op-slide img{\r\n\r\n    display:block;\r\n\r\n    width:100%;\r\n\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n\r\n}\r\n\r\n\r\n\r\n.op-slider::after{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    z-index:2;\r\n\r\n    inset:0;\r\n\r\n    pointer-events:none;\r\n\r\n    background:\r\n\r\n        linear-gradient(180deg,rgba(10,10,25,.30) 0%,transparent 27%),\r\n\r\n        linear-gradient(0deg,rgba(10,10,25,.50) 0%,transparent 38%);\r\n\r\n}\r\n\r\n\r\n\r\n.op-gallery-top{\r\n\r\n    position:absolute;\r\n\r\n    z-index:5;\r\n\r\n    top:22px;\r\n\r\n    left:22px;\r\n\r\n    right:22px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:space-between;\r\n\r\n    gap:15px;\r\n\r\n    pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\r\n.op-available{\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:8px;\r\n\r\n    padding:10px 16px;\r\n\r\n    border-radius:50px;\r\n\r\n    background:#2d2bd7;\r\n\r\n    color:#ffffff;\r\n\r\n    font-size:12px;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:.5px;\r\n\r\n    text-transform:uppercase;\r\n\r\n    box-shadow:0 10px 24px rgba(45,43,215,.28);\r\n\r\n}\r\n\r\n\r\n\r\n.op-available::before{\r\n\r\n    content:\"\";\r\n\r\n    width:7px;\r\n\r\n    height:7px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#8dffad;\r\n\r\n    box-shadow:0 0 0 4px rgba(141,255,173,.18);\r\n\r\n}\r\n\r\n\r\n\r\n.op-count{\r\n\r\n    padding:10px 16px;\r\n\r\n    border:1px solid rgba(255,255,255,.30);\r\n\r\n    border-radius:50px;\r\n\r\n    background:rgba(15,15,30,.42);\r\n\r\n    color:#ffffff;\r\n\r\n    font-size:12px;\r\n\r\n    font-weight:800;\r\n\r\n    backdrop-filter:blur(12px);\r\n\r\n}\r\n\r\n\r\n\r\n.op-arrow{\r\n\r\n    position:absolute;\r\n\r\n    z-index:6;\r\n\r\n    top:50%;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    width:52px;\r\n\r\n    height:52px;\r\n\r\n    border:1px solid rgba(255,255,255,.30);\r\n\r\n    border-radius:50%;\r\n\r\n    background:rgba(255,255,255,.90);\r\n\r\n    color:#2d2bd7;\r\n\r\n    font-size:28px;\r\n\r\n    cursor:pointer;\r\n\r\n    transform:translateY(-50%);\r\n\r\n    box-shadow:0 14px 30px rgba(0,0,0,.16);\r\n\r\n    transition:.3s ease;\r\n\r\n}\r\n\r\n\r\n\r\n.op-arrow:hover{\r\n\r\n    background:#2d2bd7;\r\n\r\n    color:#ffffff;\r\n\r\n    transform:translateY(-50%) scale(1.07);\r\n\r\n}\r\n\r\n\r\n\r\n.op-prev{\r\n\r\n    left:18px;\r\n\r\n}\r\n\r\n\r\n\r\n.op-next{\r\n\r\n    right:18px;\r\n\r\n}\r\n\r\n\r\n\r\n.op-gallery-caption{\r\n\r\n    position:absolute;\r\n\r\n    z-index:5;\r\n\r\n    left:28px;\r\n\r\n    right:28px;\r\n\r\n    bottom:27px;\r\n\r\n    color:#ffffff;\r\n\r\n}\r\n\r\n\r\n\r\n.op-gallery-caption small{\r\n\r\n    display:block;\r\n\r\n    margin-bottom:7px;\r\n\r\n    color:rgba(255,255,255,.72);\r\n\r\n    font-size:11px;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:1.5px;\r\n\r\n    text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n\r\n.op-gallery-caption h3{\r\n\r\n    max-width:600px;\r\n\r\n    font-size:clamp(28px,4vw,43px);\r\n\r\n    line-height:1.1;\r\n\r\n    font-weight:800;\r\n\r\n}\r\n\r\n\r\n\r\n\/* Thumbnails *\/\r\n\r\n\r\n\r\n.op-thumbnails{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:repeat(6,1fr);\r\n\r\n    gap:9px;\r\n\r\n    margin-top:11px;\r\n\r\n}\r\n\r\n\r\n\r\n.op-thumb{\r\n\r\n    position:relative;\r\n\r\n    height:84px;\r\n\r\n    padding:0;\r\n\r\n    border:3px solid transparent;\r\n\r\n    border-radius:13px;\r\n\r\n    background:none;\r\n\r\n    overflow:hidden;\r\n\r\n    cursor:pointer;\r\n\r\n    opacity:.70;\r\n\r\n    transition:.25s ease;\r\n\r\n}\r\n\r\n\r\n\r\n.op-thumb img{\r\n\r\n    display:block;\r\n\r\n    width:100%;\r\n\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n\r\n}\r\n\r\n\r\n\r\n.op-thumb:hover,\r\n\r\n.op-thumb.active{\r\n\r\n    opacity:1;\r\n\r\n    border-color:#2d2bd7;\r\n\r\n    transform:translateY(-3px);\r\n\r\n    box-shadow:0 10px 22px rgba(45,43,215,.16);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================\r\n\r\n   RIGHT PROFILE CONTENT\r\n\r\n========================================= *\/\r\n\r\n\r\n\r\n.op-content{\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    height:100%;\r\n\r\n    padding:38px 34px;\r\n\r\n    border-radius:27px;\r\n\r\n    background:linear-gradient(145deg,#ffffff 0%,#fafaff 100%);\r\n\r\n}\r\n\r\n\r\n\r\n.op-name-row{\r\n\r\n    display:flex;\r\n\r\n    align-items:flex-start;\r\n\r\n    justify-content:space-between;\r\n\r\n    gap:18px;\r\n\r\n    margin-bottom:18px;\r\n\r\n}\r\n\r\n\r\n\r\n.op-name h3{\r\n\r\n    margin-bottom:6px;\r\n\r\n    color:#17172b;\r\n\r\n    font-size:clamp(42px,5vw,60px);\r\n\r\n    line-height:1;\r\n\r\n    letter-spacing:-1.5px;\r\n\r\n}\r\n\r\n\r\n\r\n.op-name h3 span{\r\n\r\n    color:#2d2bd7;\r\n\r\n}\r\n\r\n\r\n\r\n.op-name p{\r\n\r\n    color:#858597;\r\n\r\n    font-size:14px;\r\n\r\n    font-weight:600;\r\n\r\n}\r\n\r\n\r\n\r\n.op-heart{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    flex-shrink:0;\r\n\r\n    width:52px;\r\n\r\n    height:52px;\r\n\r\n    border:1px solid rgba(45,43,215,.10);\r\n\r\n    border-radius:16px;\r\n\r\n    background:rgba(45,43,215,.07);\r\n\r\n    color:#2d2bd7;\r\n\r\n    font-size:23px;\r\n\r\n}\r\n\r\n\r\n\r\n.op-description{\r\n\r\n    margin-bottom:20px;\r\n\r\n    color:#646477;\r\n\r\n    font-size:15.5px;\r\n\r\n    line-height:1.85;\r\n\r\n}\r\n\r\n\r\n\r\n.op-description strong{\r\n\r\n    color:#2d2bd7;\r\n\r\n}\r\n\r\n\r\n\r\n\/* Details *\/\r\n\r\n\r\n\r\n.op-details{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:repeat(2,1fr);\r\n\r\n    gap:11px;\r\n\r\n    margin-top:auto;\r\n\r\n}\r\n\r\n\r\n\r\n.op-detail{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:12px;\r\n\r\n    padding:14px;\r\n\r\n    border:1px solid #ebebf5;\r\n\r\n    border-radius:15px;\r\n\r\n    background:#ffffff;\r\n\r\n    transition:.25s ease;\r\n\r\n}\r\n\r\n\r\n\r\n.op-detail:hover{\r\n\r\n    border-color:rgba(45,43,215,.25);\r\n\r\n    box-shadow:0 10px 25px rgba(45,43,215,.07);\r\n\r\n    transform:translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\r\n.op-detail-icon{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    flex-shrink:0;\r\n\r\n    width:43px;\r\n\r\n    height:43px;\r\n\r\n    border-radius:13px;\r\n\r\n    background:rgba(45,43,215,.09);\r\n\r\n    color:#2d2bd7;\r\n\r\n    font-size:19px;\r\n\r\n}\r\n\r\n\r\n\r\n.op-detail small{\r\n\r\n    display:block;\r\n\r\n    margin-bottom:3px;\r\n\r\n    color:#9898a7;\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:.8px;\r\n\r\n    text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n\r\n.op-detail strong{\r\n\r\n    color:#28283c;\r\n\r\n    font-size:13.5px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================\r\n\r\n   FULL WIDTH BOTTOM INFORMATION\r\n\r\n========================================= *\/\r\n\r\n\r\n\r\n.op-bottom-info{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:repeat(2,1fr);\r\n\r\n    gap:18px;\r\n\r\n    margin-top:18px;\r\n\r\n}\r\n\r\n\r\n\r\n.op-personality-box,\r\n\r\n.op-ideal-home-box{\r\n\r\n    display:flex;\r\n\r\n    align-items:flex-start;\r\n\r\n    gap:20px;\r\n\r\n    min-height:220px;\r\n\r\n    padding:32px;\r\n\r\n    border:1px solid rgba(45,43,215,.10);\r\n\r\n    border-radius:24px;\r\n\r\n    background:linear-gradient(145deg,#ffffff 0%,#f8f8ff 100%);\r\n\r\n    box-shadow:0 16px 40px rgba(29,29,76,.07);\r\n\r\n    transition:\r\n\r\n        transform .3s ease,\r\n\r\n        box-shadow .3s ease,\r\n\r\n        border-color .3s ease;\r\n\r\n}\r\n\r\n\r\n\r\n.op-personality-box:hover,\r\n\r\n.op-ideal-home-box:hover{\r\n\r\n    transform:translateY(-5px);\r\n\r\n    border-color:rgba(45,43,215,.24);\r\n\r\n    box-shadow:0 24px 50px rgba(45,43,215,.12);\r\n\r\n}\r\n\r\n\r\n\r\n.op-bottom-icon{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    flex-shrink:0;\r\n\r\n    width:60px;\r\n\r\n    height:60px;\r\n\r\n    border-radius:18px;\r\n\r\n    background:linear-gradient(135deg,#2d2bd7,#5d5bf2);\r\n\r\n    color:#ffffff;\r\n\r\n    font-size:25px;\r\n\r\n    font-weight:700;\r\n\r\n    box-shadow:0 13px 28px rgba(45,43,215,.23);\r\n\r\n}\r\n\r\n\r\n\r\n.op-bottom-content{\r\n\r\n    flex:1;\r\n\r\n}\r\n\r\n\r\n\r\n.op-small-label{\r\n\r\n    display:block;\r\n\r\n    margin-bottom:7px;\r\n\r\n    color:#2d2bd7;\r\n\r\n    font-size:11px;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:1.5px;\r\n\r\n    text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n\r\n.op-bottom-content h3{\r\n\r\n    margin-bottom:14px;\r\n\r\n    color:#19192e;\r\n\r\n    font-size:clamp(23px,3vw,30px);\r\n\r\n    line-height:1.2;\r\n\r\n}\r\n\r\n\r\n\r\n.op-bottom-content h3 span{\r\n\r\n    color:#2d2bd7;\r\n\r\n}\r\n\r\n\r\n\r\n.op-bottom-content p{\r\n\r\n    color:#68687b;\r\n\r\n    font-size:15px;\r\n\r\n    line-height:1.8;\r\n\r\n}\r\n\r\n\r\n\r\n\/* Personality tags *\/\r\n\r\n\r\n\r\n.op-bottom-tags{\r\n\r\n    display:flex;\r\n\r\n    flex-wrap:wrap;\r\n\r\n    gap:9px;\r\n\r\n}\r\n\r\n\r\n\r\n.op-bottom-tags span{\r\n\r\n    padding:9px 14px;\r\n\r\n    border:1px solid rgba(45,43,215,.11);\r\n\r\n    border-radius:50px;\r\n\r\n    background:rgba(45,43,215,.07);\r\n\r\n    color:#2d2bd7;\r\n\r\n    font-size:12px;\r\n\r\n    font-weight:800;\r\n\r\n    transition:.25s ease;\r\n\r\n}\r\n\r\n\r\n\r\n.op-bottom-tags span:hover{\r\n\r\n    background:#2d2bd7;\r\n\r\n    color:#ffffff;\r\n\r\n    transform:translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\r\n\/* CTA *\/\r\n\r\n\r\n\r\n.op-bottom-cta{\r\n\r\n    position:relative;\r\n\r\n    grid-column:1 \/ -1;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:space-between;\r\n\r\n    gap:35px;\r\n\r\n    padding:38px 42px;\r\n\r\n    border-radius:25px;\r\n\r\n    background:\r\n\r\n        radial-gradient(circle at right top,rgba(255,255,255,.15),transparent 35%),\r\n\r\n        linear-gradient(135deg,#211fae 0%,#2d2bd7 55%,#5c5af0 100%);\r\n\r\n    box-shadow:0 24px 55px rgba(45,43,215,.25);\r\n\r\n    overflow:hidden;\r\n\r\n}\r\n\r\n\r\n\r\n.op-bottom-cta::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    top:-80px;\r\n\r\n    right:-40px;\r\n\r\n    width:220px;\r\n\r\n    height:220px;\r\n\r\n    border:35px solid rgba(255,255,255,.07);\r\n\r\n    border-radius:50%;\r\n\r\n}\r\n\r\n\r\n\r\n.op-cta-text{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    max-width:760px;\r\n\r\n}\r\n\r\n\r\n\r\n.op-cta-text > span{\r\n\r\n    display:block;\r\n\r\n    margin-bottom:8px;\r\n\r\n    color:#d7d7ff;\r\n\r\n    font-size:11px;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:1.7px;\r\n\r\n    text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n\r\n.op-cta-text h3{\r\n\r\n    margin-bottom:10px;\r\n\r\n    color:#ffffff;\r\n\r\n    font-size:clamp(26px,4vw,38px);\r\n\r\n    line-height:1.2;\r\n\r\n}\r\n\r\n\r\n\r\n.op-cta-text p{\r\n\r\n    color:rgba(255,255,255,.80);\r\n\r\n    font-size:15px;\r\n\r\n    line-height:1.75;\r\n\r\n}\r\n\r\n\r\n\r\n.op-bottom-button{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    gap:12px;\r\n\r\n    flex-shrink:0;\r\n\r\n    min-width:175px;\r\n\r\n    min-height:56px;\r\n\r\n    padding:16px 28px;\r\n\r\n    border-radius:50px;\r\n\r\n    background:#ffffff;\r\n\r\n    color:#2d2bd7;\r\n\r\n    text-decoration:none;\r\n\r\n    font-size:15px;\r\n\r\n    font-weight:850;\r\n\r\n    box-shadow:0 12px 28px rgba(0,0,0,.15);\r\n\r\n    transition:\r\n\r\n        transform .3s ease,\r\n\r\n        box-shadow .3s ease;\r\n\r\n}\r\n\r\n\r\n\r\n.op-bottom-button:hover{\r\n\r\n    transform:translateY(-4px);\r\n\r\n    box-shadow:0 18px 34px rgba(0,0,0,.20);\r\n\r\n}\r\n\r\n\r\n\r\n.op-bottom-button span{\r\n\r\n    font-size:20px;\r\n\r\n    transition:transform .3s ease;\r\n\r\n}\r\n\r\n\r\n\r\n.op-bottom-button:hover span{\r\n\r\n    transform:translateX(5px);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================\r\n\r\n   VIDEO SECTION\r\n\r\n========================================= *\/\r\n\r\n\r\n\r\n.op-video-wrap{\r\n\r\n    margin-top:55px;\r\n\r\n}\r\n\r\n\r\n\r\n.op-video-header{\r\n\r\n    display:flex;\r\n\r\n    align-items:flex-end;\r\n\r\n    justify-content:space-between;\r\n\r\n    gap:30px;\r\n\r\n    margin-bottom:24px;\r\n\r\n}\r\n\r\n\r\n\r\n.op-video-header h3{\r\n\r\n    margin-bottom:6px;\r\n\r\n    color:#17172b;\r\n\r\n    font-size:clamp(28px,4vw,42px);\r\n\r\n}\r\n\r\n\r\n\r\n.op-video-header h3 span{\r\n\r\n    color:#2d2bd7;\r\n\r\n}\r\n\r\n\r\n\r\n.op-video-header p{\r\n\r\n    color:#737386;\r\n\r\n    font-size:15px;\r\n\r\n}\r\n\r\n\r\n\r\n.op-video-label{\r\n\r\n    flex-shrink:0;\r\n\r\n    color:#2d2bd7;\r\n\r\n    font-size:12px;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:1.5px;\r\n\r\n    text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n\r\n.op-videos{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:repeat(2,1fr);\r\n\r\n    gap:24px;\r\n\r\n}\r\n\r\n\r\n\r\n.op-video-card{\r\n\r\n    padding:12px;\r\n\r\n    border:1px solid rgba(45,43,215,.09);\r\n\r\n    border-radius:25px;\r\n\r\n    background:#ffffff;\r\n\r\n    box-shadow:0 18px 45px rgba(28,28,72,.09);\r\n\r\n    transition:.3s ease;\r\n\r\n}\r\n\r\n\r\n\r\n.op-video-card:hover{\r\n\r\n    transform:translateY(-6px);\r\n\r\n    box-shadow:0 26px 55px rgba(45,43,215,.14);\r\n\r\n}\r\n\r\n\r\n\r\n.op-video-media{\r\n\r\n    position:relative;\r\n\r\n    aspect-ratio:16\/9;\r\n\r\n    border-radius:18px;\r\n\r\n    background:#17172b;\r\n\r\n    overflow:hidden;\r\n\r\n}\r\n\r\n\r\n\r\n.op-video-media video{\r\n\r\n    display:block;\r\n\r\n    width:100%;\r\n\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n\r\n}\r\n\r\n\r\n\r\n.op-video-info{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:space-between;\r\n\r\n    gap:15px;\r\n\r\n    padding:17px 7px 7px;\r\n\r\n}\r\n\r\n\r\n\r\n.op-video-info h4{\r\n\r\n    margin-bottom:4px;\r\n\r\n    color:#232338;\r\n\r\n    font-size:17px;\r\n\r\n}\r\n\r\n\r\n\r\n.op-video-info p{\r\n\r\n    color:#858596;\r\n\r\n    font-size:12px;\r\n\r\n}\r\n\r\n\r\n\r\n.op-play-icon{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    flex-shrink:0;\r\n\r\n    width:44px;\r\n\r\n    height:44px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:rgba(45,43,215,.09);\r\n\r\n    color:#2d2bd7;\r\n\r\n    font-size:18px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================\r\n\r\n   RESPONSIVE\r\n\r\n========================================= *\/\r\n\r\n\r\n\r\n@media(max-width:1080px){\r\n\r\n    .op-main-grid{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n    }\r\n\r\n\r\n\r\n    .op-slider{\r\n\r\n        height:650px;\r\n\r\n    }\r\n\r\n\r\n\r\n    .op-content{\r\n\r\n        padding:35px 28px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n@media(max-width:850px){\r\n\r\n    .op-bottom-info{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n    }\r\n\r\n\r\n\r\n    .op-bottom-cta{\r\n\r\n        grid-column:auto;\r\n\r\n        align-items:flex-start;\r\n\r\n        flex-direction:column;\r\n\r\n        padding:32px;\r\n\r\n    }\r\n\r\n\r\n\r\n    .op-bottom-button{\r\n\r\n        width:100%;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n@media(max-width:760px){\r\n\r\n    .op-profile{\r\n\r\n        padding:70px 16px;\r\n\r\n    }\r\n\r\n\r\n\r\n    .op-header{\r\n\r\n        align-items:flex-start;\r\n\r\n        flex-direction:column;\r\n\r\n        margin-bottom:38px;\r\n\r\n    }\r\n\r\n\r\n\r\n    .op-header-badge{\r\n\r\n        width:100%;\r\n\r\n    }\r\n\r\n\r\n\r\n    .op-main-card{\r\n\r\n        padding:12px;\r\n\r\n        border-radius:26px;\r\n\r\n    }\r\n\r\n\r\n\r\n    .op-slider{\r\n\r\n        height:480px;\r\n\r\n        border-radius:20px;\r\n\r\n    }\r\n\r\n\r\n\r\n    .op-thumbnails{\r\n\r\n        gap:6px;\r\n\r\n    }\r\n\r\n\r\n\r\n    .op-thumb{\r\n\r\n        height:58px;\r\n\r\n        border-radius:9px;\r\n\r\n    }\r\n\r\n\r\n\r\n    .op-content{\r\n\r\n        padding:28px 20px;\r\n\r\n        border-radius:21px;\r\n\r\n    }\r\n\r\n\r\n\r\n    .op-name-row{\r\n\r\n        flex-direction:column;\r\n\r\n    }\r\n\r\n\r\n\r\n    .op-details{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n    }\r\n\r\n\r\n\r\n    .op-videos{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n    }\r\n\r\n\r\n\r\n    .op-video-header{\r\n\r\n        align-items:flex-start;\r\n\r\n        flex-direction:column;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n@media(max-width:550px){\r\n\r\n    .op-personality-box,\r\n\r\n    .op-ideal-home-box{\r\n\r\n        flex-direction:column;\r\n\r\n        min-height:auto;\r\n\r\n        padding:25px 22px;\r\n\r\n    }\r\n\r\n\r\n\r\n    .op-bottom-cta{\r\n\r\n        padding:28px 22px;\r\n\r\n        border-radius:21px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n@media(max-width:500px){\r\n\r\n    .op-slider{\r\n\r\n        height:380px;\r\n\r\n    }\r\n\r\n\r\n\r\n    .op-arrow{\r\n\r\n        width:44px;\r\n\r\n        height:44px;\r\n\r\n        font-size:24px;\r\n\r\n    }\r\n\r\n\r\n\r\n    .op-gallery-caption{\r\n\r\n        left:20px;\r\n\r\n        right:20px;\r\n\r\n        bottom:20px;\r\n\r\n    }\r\n\r\n\r\n\r\n    .op-thumb{\r\n\r\n        height:46px;\r\n\r\n    }\r\n\r\n\r\n\r\n    .op-gallery-top{\r\n\r\n        top:15px;\r\n\r\n        left:15px;\r\n\r\n        right:15px;\r\n\r\n    }\r\n\r\n\r\n\r\n    .op-available,\r\n\r\n    .op-count{\r\n\r\n        padding:8px 12px;\r\n\r\n        font-size:10px;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<div class=\"op-wrapper\">\r\n\r\n\r\n\r\n    <!-- Section Header -->\r\n\r\n    <div class=\"op-header\">\r\n\r\n\r\n\r\n        <div class=\"op-header-left\">\r\n\r\n\r\n\r\n            <div class=\"op-eyebrow\">\r\n\r\n                Meet Our Dogs\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <h2>Meet <span>Oscar<\/span><\/h2>\r\n\r\n\r\n\r\n            <p>\r\n\r\n                Gentle, affectionate and completely people-oriented, Oscar is\r\n\r\n                patiently waiting for a loving family to give him the safe and\r\n\r\n                happy future he deserves.\r\n\r\n            <\/p>\r\n\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"op-header-badge\">\r\n\r\n\r\n\r\n            <div class=\"op-header-badge-icon\">\u2713<\/div>\r\n\r\n\r\n\r\n            <div>\r\n\r\n                <small>Adoption Status<\/small>\r\n\r\n                <strong>Available Now<\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- Main Profile Card -->\r\n\r\n    <div class=\"op-main-card\">\r\n\r\n\r\n\r\n        <div class=\"op-main-grid\">\r\n\r\n\r\n\r\n            <!-- Gallery -->\r\n\r\n            <div class=\"op-gallery\">\r\n\r\n\r\n\r\n                <div class=\"op-slider\">\r\n\r\n\r\n\r\n                    <div class=\"op-gallery-top\">\r\n\r\n                        <span class=\"op-available\">Available for Adoption<\/span>\r\n\r\n                        <span class=\"op-count\">1 \/ 6<\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"op-slide active\">\r\n\r\n                        <img decoding=\"async\"\r\n\r\n                            src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/07\/Oscar3.jpg\"\r\n\r\n                            alt=\"Oscar standing outside\"\r\n\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"op-slide\">\r\n\r\n                        <img decoding=\"async\"\r\n\r\n                            src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/07\/Oscar4.jpg\"\r\n\r\n                            alt=\"Oscar dog portrait\"\r\n\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"op-slide\">\r\n\r\n                        <img decoding=\"async\"\r\n\r\n                            src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/07\/Oscar5.jpg\"\r\n\r\n                            alt=\"Oscar at the shelter\"\r\n\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"op-slide\">\r\n\r\n                        <img decoding=\"async\"\r\n\r\n                            src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/07\/Oscar8.jpg\"\r\n\r\n                            alt=\"Oscar relaxing\"\r\n\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"op-slide\">\r\n\r\n                        <img decoding=\"async\"\r\n\r\n                            src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/07\/Oscar11-rotated.jpg\"\r\n\r\n                            alt=\"Oscar outdoors\"\r\n\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"op-slide\">\r\n\r\n                        <img decoding=\"async\"\r\n\r\n                            src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/07\/Oscar111.jpeg\"\r\n\r\n                            alt=\"Oscar waiting for adoption\"\r\n\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <button\r\n\r\n                        type=\"button\"\r\n\r\n                        class=\"op-arrow op-prev\"\r\n\r\n                        aria-label=\"Previous Oscar photo\"\r\n\r\n                    >\r\n\r\n                        \u2039\r\n\r\n                    <\/button>\r\n\r\n\r\n\r\n                    <button\r\n\r\n                        type=\"button\"\r\n\r\n                        class=\"op-arrow op-next\"\r\n\r\n                        aria-label=\"Next Oscar photo\"\r\n\r\n                    >\r\n\r\n                        \u203a\r\n\r\n                    <\/button>\r\n\r\n\r\n\r\n                    <div class=\"op-gallery-caption\">\r\n\r\n                        <small>Stray Mysteries<\/small>\r\n\r\n                        <h3>A gentle soul looking for a loving home.<\/h3>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- Thumbnails -->\r\n\r\n                <div class=\"op-thumbnails\">\r\n\r\n\r\n\r\n                    <button class=\"op-thumb active\" type=\"button\">\r\n\r\n                        <img decoding=\"async\"\r\n\r\n                            src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/07\/Oscar3.jpg\"\r\n\r\n                            alt=\"Oscar thumbnail 1\"\r\n\r\n                        >\r\n\r\n                    <\/button>\r\n\r\n\r\n\r\n                    <button class=\"op-thumb\" type=\"button\">\r\n\r\n                        <img decoding=\"async\"\r\n\r\n                            src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/07\/Oscar4.jpg\"\r\n\r\n                            alt=\"Oscar thumbnail 2\"\r\n\r\n                        >\r\n\r\n                    <\/button>\r\n\r\n\r\n\r\n                    <button class=\"op-thumb\" type=\"button\">\r\n\r\n                        <img decoding=\"async\"\r\n\r\n                            src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/07\/Oscar5.jpg\"\r\n\r\n                            alt=\"Oscar thumbnail 3\"\r\n\r\n                        >\r\n\r\n                    <\/button>\r\n\r\n\r\n\r\n                    <button class=\"op-thumb\" type=\"button\">\r\n\r\n                        <img decoding=\"async\"\r\n\r\n                            src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/07\/Oscar8.jpg\"\r\n\r\n                            alt=\"Oscar thumbnail 4\"\r\n\r\n                        >\r\n\r\n                    <\/button>\r\n\r\n\r\n\r\n                    <button class=\"op-thumb\" type=\"button\">\r\n\r\n                        <img decoding=\"async\"\r\n\r\n                            src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/07\/Oscar11-rotated.jpg\"\r\n\r\n                            alt=\"Oscar thumbnail 5\"\r\n\r\n                        >\r\n\r\n                    <\/button>\r\n\r\n\r\n\r\n                    <button class=\"op-thumb\" type=\"button\">\r\n\r\n                        <img decoding=\"async\"\r\n\r\n                            src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/07\/Oscar111.jpeg\"\r\n\r\n                            alt=\"Oscar thumbnail 6\"\r\n\r\n                        >\r\n\r\n                    <\/button>\r\n\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- Main Content -->\r\n\r\n            <div class=\"op-content\">\r\n\r\n\r\n\r\n                <div class=\"op-name-row\">\r\n\r\n\r\n\r\n                    <div class=\"op-name\">\r\n\r\n                        <h3><span>Oscar<\/span><\/h3>\r\n\r\n                        <p>Hound Mix \u2022 Elefsina, Greece<\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"op-heart\">\u2665<\/div>\r\n\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <p class=\"op-description\">\r\n\r\n                    Our sweet Oscar has completely charmed all the volunteers\r\n\r\n                    at the <strong>Elefsina Municipality shelter<\/strong> with\r\n\r\n                    his gentle, open and endearing energy.\r\n\r\n                <\/p>\r\n\r\n\r\n\r\n                <p class=\"op-description\">\r\n\r\n                    His story is sadly familiar. Oscar was found wandering the\r\n\r\n                    streets of Elefsina after being abandoned. The person who\r\n\r\n                    left him behind did not recognise what a wonderful treasure\r\n\r\n                    he truly is.\r\n\r\n                <\/p>\r\n\r\n\r\n\r\n                <p class=\"op-description\">\r\n\r\n                    Oscar is incredibly affectionate, people-oriented and has\r\n\r\n                    an amazing personality. He gets along with every human and\r\n\r\n                    animal and would make an ideal companion in almost any\r\n\r\n                    loving home.\r\n\r\n                <\/p>\r\n\r\n\r\n\r\n                <div class=\"op-details\">\r\n\r\n\r\n\r\n                    <div class=\"op-detail\">\r\n\r\n                        <div class=\"op-detail-icon\">\ud83c\udf82<\/div>\r\n\r\n\r\n\r\n                        <div>\r\n\r\n                            <small>Age<\/small>\r\n\r\n                            <strong>Up to 3 Years<\/strong>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"op-detail\">\r\n\r\n                        <div class=\"op-detail-icon\">\u2696<\/div>\r\n\r\n\r\n\r\n                        <div>\r\n\r\n                            <small>Weight<\/small>\r\n\r\n                            <strong>Approximately 17 kg<\/strong>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"op-detail\">\r\n\r\n                        <div class=\"op-detail-icon\">\ud83d\udc15<\/div>\r\n\r\n\r\n\r\n                        <div>\r\n\r\n                            <small>Breed<\/small>\r\n\r\n                            <strong>Hound Mix<\/strong>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"op-detail\">\r\n\r\n                        <div class=\"op-detail-icon\">\ud83d\udccd<\/div>\r\n\r\n\r\n\r\n                        <div>\r\n\r\n                            <small>Location<\/small>\r\n\r\n                            <strong>Elefsina, Greece<\/strong>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"op-detail\">\r\n\r\n                        <div class=\"op-detail-icon\">\u2713<\/div>\r\n\r\n\r\n\r\n                        <div>\r\n\r\n                            <small>Health<\/small>\r\n\r\n                            <strong>Completely Healthy<\/strong>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"op-detail\">\r\n\r\n                        <div class=\"op-detail-icon\">\u2764<\/div>\r\n\r\n\r\n\r\n                        <div>\r\n\r\n                            <small>Care Status<\/small>\r\n\r\n                            <strong>Neutered & Microchipped<\/strong>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- Full Width Bottom Information -->\r\n\r\n        <div class=\"op-bottom-info\">\r\n\r\n\r\n\r\n            <!-- Personality -->\r\n\r\n            <div class=\"op-personality-box\">\r\n\r\n\r\n\r\n                <div class=\"op-bottom-icon\">\u2665<\/div>\r\n\r\n\r\n\r\n                <div class=\"op-bottom-content\">\r\n\r\n\r\n\r\n                    <span class=\"op-small-label\">His Character<\/span>\r\n\r\n\r\n\r\n                    <h3>Oscar\u2019s <span>Personality<\/span><\/h3>\r\n\r\n\r\n\r\n                    <div class=\"op-bottom-tags\">\r\n\r\n                        <span>Gentle<\/span>\r\n\r\n                        <span>Affectionate<\/span>\r\n\r\n                        <span>People-Oriented<\/span>\r\n\r\n                        <span>Animal Friendly<\/span>\r\n\r\n                        <span>Sweet Natured<\/span>\r\n\r\n                        <span>Easy Going<\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- Ideal Home -->\r\n\r\n            <div class=\"op-ideal-home-box\">\r\n\r\n\r\n\r\n                <div class=\"op-bottom-icon\">\u2302<\/div>\r\n\r\n\r\n\r\n                <div class=\"op-bottom-content\">\r\n\r\n\r\n\r\n                    <span class=\"op-small-label\">Perfect Match<\/span>\r\n\r\n\r\n\r\n                    <h3>Oscar\u2019s <span>Ideal Home<\/span><\/h3>\r\n\r\n\r\n\r\n                    <p>\r\n\r\n                        Oscar would be suitable for almost any loving family.\r\n\r\n                        A home with secure outdoor space would be especially\r\n\r\n                        ideal, allowing him to roam, explore and enjoy the\r\n\r\n                        outdoors safely.\r\n\r\n                    <\/p>\r\n\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- Contact CTA -->\r\n\r\n            <div class=\"op-bottom-cta\">\r\n\r\n\r\n\r\n                <div class=\"op-cta-text\">\r\n\r\n\r\n\r\n                    <span>Ready to Meet Him?<\/span>\r\n\r\n\r\n\r\n                    <h3>Would You Like to Meet Oscar?<\/h3>\r\n\r\n\r\n\r\n                    <p>\r\n\r\n                        Contact Stray Mysteries to arrange a video call and\r\n\r\n                        learn more about adopting this wonderful dog.\r\n\r\n                    <\/p>\r\n\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <a\r\n\r\n                    href=\"https:\/\/www.straymysteries.com\/index.php\/contact-v-4\/\"\r\n\r\n                    class=\"op-bottom-button\"\r\n\r\n                >\r\n\r\n                    Contact Us\r\n\r\n                    <span>\u2192<\/span>\r\n\r\n                <\/a>\r\n\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- Videos -->\r\n\r\n    <div class=\"op-video-wrap\">\r\n\r\n\r\n\r\n        <div class=\"op-video-header\">\r\n\r\n\r\n\r\n            <div>\r\n\r\n                <h3>Watch Oscar <span>In Action<\/span><\/h3>\r\n\r\n\r\n\r\n                <p>\r\n\r\n                    See Oscar\u2019s gentle personality, movement and friendly nature.\r\n\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"op-video-label\">\r\n\r\n                Two Videos\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"op-videos\">\r\n\r\n\r\n\r\n            <article class=\"op-video-card\">\r\n\r\n\r\n\r\n                <div class=\"op-video-media\">\r\n\r\n\r\n\r\n                    <video controls preload=\"metadata\">\r\n\r\n                        <source\r\n\r\n                            src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/07\/Clip3.mp4\"\r\n\r\n                            type=\"video\/mp4\"\r\n\r\n                        >\r\n\r\n\r\n\r\n                        Your browser does not support the video tag.\r\n\r\n                    <\/video>\r\n\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"op-video-info\">\r\n\r\n\r\n\r\n                    <div>\r\n\r\n                        <h4>Meet Oscar<\/h4>\r\n\r\n                        <p>See his calm and friendly personality.<\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"op-play-icon\">\u25b6<\/div>\r\n\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <article class=\"op-video-card\">\r\n\r\n\r\n\r\n                <div class=\"op-video-media\">\r\n\r\n\r\n\r\n                    <video controls preload=\"metadata\">\r\n\r\n                        <source\r\n\r\n                            src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/07\/Clip2.mp4\"\r\n\r\n                            type=\"video\/mp4\"\r\n\r\n                        >\r\n\r\n\r\n\r\n                        Your browser does not support the video tag.\r\n\r\n                    <\/video>\r\n\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"op-video-info\">\r\n\r\n\r\n\r\n                    <div>\r\n\r\n                        <h4>Oscar Outdoors<\/h4>\r\n\r\n                        <p>Watch Oscar explore and interact naturally.<\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"op-play-icon\">\u25b6<\/div>\r\n\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\",function(){\r\n\r\n\r\n\r\n    const profileGallery = document.querySelector(\".op-gallery\");\r\n\r\n\r\n\r\n    if(!profileGallery){\r\n\r\n        return;\r\n\r\n    }\r\n\r\n\r\n\r\n    const slides = profileGallery.querySelectorAll(\".op-slide\");\r\n\r\n    const thumbs = profileGallery.querySelectorAll(\".op-thumb\");\r\n\r\n    const previousButton = profileGallery.querySelector(\".op-prev\");\r\n\r\n    const nextButton = profileGallery.querySelector(\".op-next\");\r\n\r\n    const counter = profileGallery.querySelector(\".op-count\");\r\n\r\n\r\n\r\n    let activeIndex = 0;\r\n\r\n    let autoplayTimer = null;\r\n\r\n\r\n\r\n    function showOscarSlide(index){\r\n\r\n\r\n\r\n        if(index < 0){\r\n\r\n            index = slides.length - 1;\r\n\r\n        }\r\n\r\n\r\n\r\n        if(index >= slides.length){\r\n\r\n            index = 0;\r\n\r\n        }\r\n\r\n\r\n\r\n        slides.forEach(function(slide){\r\n\r\n            slide.classList.remove(\"active\");\r\n\r\n        });\r\n\r\n\r\n\r\n        thumbs.forEach(function(thumb){\r\n\r\n            thumb.classList.remove(\"active\");\r\n\r\n        });\r\n\r\n\r\n\r\n        slides[index].classList.add(\"active\");\r\n\r\n        thumbs[index].classList.add(\"active\");\r\n\r\n\r\n\r\n        activeIndex = index;\r\n\r\n        counter.textContent = (activeIndex + 1) + \" \/ \" + slides.length;\r\n\r\n    }\r\n\r\n\r\n\r\n    function startAutoplay(){\r\n\r\n\r\n\r\n        clearInterval(autoplayTimer);\r\n\r\n\r\n\r\n        autoplayTimer = setInterval(function(){\r\n\r\n            showOscarSlide(activeIndex + 1);\r\n\r\n        },5000);\r\n\r\n\r\n\r\n    }\r\n\r\n\r\n\r\n    previousButton.addEventListener(\" \r\n\r\n\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>Meet Our Dogs Meet Oscar Gentle, affectionate and completely people-oriented, Oscar is patiently waiting for a loving family to give him the safe and happy future he deserves. \u2713 Adoption Status Available Now Available for Adoption 1 \/ 6 \u2039 \u203a Stray Mysteries A gentle soul looking for a loving home. Oscar Hound Mix \u2022 [&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-6020","page","type-page","status-publish","hentry"],"campaignId":"","_links":{"self":[{"href":"https:\/\/www.straymysteries.com\/index.php\/wp-json\/wp\/v2\/pages\/6020","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=6020"}],"version-history":[{"count":4,"href":"https:\/\/www.straymysteries.com\/index.php\/wp-json\/wp\/v2\/pages\/6020\/revisions"}],"predecessor-version":[{"id":6026,"href":"https:\/\/www.straymysteries.com\/index.php\/wp-json\/wp\/v2\/pages\/6020\/revisions\/6026"}],"wp:attachment":[{"href":"https:\/\/www.straymysteries.com\/index.php\/wp-json\/wp\/v2\/media?parent=6020"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}