{"id":8,"date":"2026-08-08T13:23:32","date_gmt":"2026-08-08T13:23:32","guid":{"rendered":"https:\/\/dobiedog.online\/?page_id=8"},"modified":"2026-08-08T13:44:24","modified_gmt":"2026-08-08T13:44:24","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/dobiedog.online\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n \n \n \n \n DOBIE \u2014 Born To Be Bold<\/title>\n <style>\n @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap\");\n\n :root {\n --ink: #0c1012;\n --night: #111719;\n --paper: #e7e2d4;\n --paper-deep: #cfc8b8;\n --fire: linear-gradient(135deg, #ffbd63 0%, #ff6a24 42%, #c91f2d 100%);\n --fire-orange: #ff6a24;\n --fire-red: #c91f2d;\n --ember: #ffbd63;\n --muted: #9a9d93;\n --line: rgba(231, 226, 212, 0.18);\n --display: \"Barlow Condensed\", Impact, Haettenschweiler, sans-serif;\n --body: \"Space Grotesk\", Arial, sans-serif;\n }\n\n * {\n box-sizing: border-box;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n margin: 0;\n overflow-x: hidden;\n color: var(--paper);\n background: var(--ink);\n font-family: var(--body);\n }\n\n body::selection {\n color: var(--ink);\n background: var(--fire-orange);\n }\n\n a {\n color: inherit;\n text-decoration: none;\n }\n\n button {\n font: inherit;\n }\n\n .nav {\n position: fixed;\n z-index: 20;\n top: 0;\n left: 0;\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n padding: 24px clamp(22px, 5vw, 76px);\n transition: background 300ms ease, padding 300ms ease, border-color 300ms ease;\n border-bottom: 1px solid transparent;\n }\n\n .nav.scrolled {\n padding-top: 15px;\n padding-bottom: 15px;\n background: rgba(12, 16, 18, 0.84);\n border-color: var(--line);\n backdrop-filter: blur(18px);\n }\n\n .wordmark {\n display: flex;\n align-items: center;\n gap: 11px;\n font-family: var(--display);\n font-size: 25px;\n font-weight: 800;\n letter-spacing: 0.06em;\n }\n\n .mark {\n display: grid;\n width: 26px;\n height: 26px;\n place-items: center;\n color: var(--ink);\n background: var(--fire);\n clip-path: polygon(50% 0, 91% 23%, 84% 75%, 50% 100%, 16% 75%, 9% 23%);\n font-family: var(--body);\n font-size: 12px;\n font-weight: 700;\n }\n\n .nav-links {\n display: flex;\n align-items: center;\n gap: clamp(18px, 3vw, 42px);\n color: var(--paper-deep);\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n }\n\n .nav-links a {\n position: relative;\n transition: color 220ms ease;\n }\n\n .nav-links a::after {\n position: absolute;\n right: 0;\n bottom: -7px;\n left: 0;\n height: 1px;\n background: var(--fire-orange);\n content: \"\";\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 220ms ease;\n }\n\n .nav-links a:hover {\n color: var(--ember);\n }\n\n .nav-links a:hover::after {\n transform: scaleX(1);\n transform-origin: left;\n }\n\n .nav-ca {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 11px 17px;\n color: var(--ink);\n background: var(--fire);\n font-size: 10px;\n font-weight: 800;\n letter-spacing: 0.13em;\n transition: background 220ms ease, transform 220ms ease;\n }\n\n .nav-ca:hover {\n background: linear-gradient(135deg, #ffd486 0%, #ff7a31 45%, #df2935 100%);\n transform: translateY(-2px);\n }\n\n .nav-ca span {\n width: 5px;\n height: 5px;\n border-radius: 100%;\n background: var(--ink);\n }\n\n .eyebrow {\n display: flex;\n align-items: center;\n gap: 12px;\n color: var(--fire-orange);\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 0.24em;\n text-transform: uppercase;\n }\n\n .eyebrow::before {\n width: 32px;\n height: 1px;\n background: currentColor;\n content: \"\";\n }\n\n .hero,\n .story,\n .closing {\n position: relative;\n isolation: isolate;\n overflow: hidden;\n }\n\n .hero {\n min-height: min(900px, 100svh);\n padding: 188px clamp(22px, 8vw, 130px) 100px;\n background-color: #2a2927;\n background-image:\n radial-gradient(ellipse at 55% 45%, rgba(22, 24, 24, 0.03) 0%, rgba(12, 16, 18, 0.25) 43%, rgba(12, 16, 18, 0.88) 91%),\n url(\"https:\/\/dobiedog.online\/wp-content\/uploads\/2026\/08\/bg1.png\");\n background-position: center;\n background-size: cover;\n }\n\n .hero::before,\n .story::before,\n .closing::before {\n position: absolute;\n z-index: -1;\n inset: 0;\n background:\n linear-gradient(90deg, rgba(12, 16, 18, 0.35), transparent 35%, transparent 68%, rgba(12, 16, 18, 0.4)),\n repeating-linear-gradient(90deg, transparent 0, transparent calc(25% - 1px), rgba(231, 226, 212, 0.06) 25%);\n content: \"\";\n pointer-events: none;\n }\n\n .hero-content {\n position: relative;\n z-index: 1;\n max-width: 900px;\n }\n\n .hero-kicker {\n margin: 0 0 25px 2px;\n color: var(--paper);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.28em;\n text-transform: uppercase;\n opacity: 0;\n animation: rise-in 800ms 120ms forwards;\n }\n\n h1,\n h2,\n h3,\n p {\n margin-top: 0;\n }\n P{\n font-size: 20px !important;\n font-weight: 700 !important;\n }\n\n .hero h1 {\n margin: 0;\n color: var(--paper);\n font-family: var(--display);\n font-size: clamp(7rem, 18vw, 17rem);\n font-weight: 900;\n letter-spacing: -0.07em;\n line-height: 0.72;\n text-indent: -0.055em;\n text-shadow: 10px 13px 0 rgba(12, 16, 18, 0.22);\n opacity: 0;\n animation: rise-in 900ms 200ms forwards;\n }\n\n .hero-lockup {\n display: flex;\n align-items: center;\n gap: 18px;\n margin-top: 36px;\n opacity: 0;\n animation: rise-in 800ms 340ms forwards;\n }\n\n .hero-lockup h2 {\n margin: 0;\n background: var(--fire);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n font-family: var(--display);\n font-size: clamp(2.4rem, 5vw, 5.3rem);\n font-weight: 800;\n letter-spacing: -0.035em;\n line-height: 0.85;\n }\n\n .vertical-rule {\n width: 1px;\n height: 56px;\n background: var(--paper);\n opacity: 0.4;\n }\n\n .hero-description {\n max-width: 390px;\n margin: 20px 0 0 5px;\n color: var(--paper-deep);\n font-size: 13px;\n line-height: 1.65;\n opacity: 0;\n animation: rise-in 800ms 440ms forwards;\n }\n\n .cta {\n display: inline-flex;\n align-items: center;\n justify-content: space-between;\n min-width: 170px;\n padding: 17px 18px 17px 21px;\n border: 0;\n color: var(--ink);\n background: var(--fire);\n cursor: pointer;\n font-size: 11px;\n font-weight: 800;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n transition: transform 250ms ease, background 250ms ease, box-shadow 250ms ease;\n }\n\n .cta::after {\n content: \"\u2197\";\n font-size: 17px;\n line-height: 0;\n }\n\n .cta:hover {\n background: #f0ff94;\n box-shadow: 7px 7px 0 rgba(12, 16, 18, 0.45);\n transform: translate(-3px, -3px);\n }\n\n .hero .cta {\n margin-top: 29px;\n opacity: 0;\n animation: rise-in 800ms 530ms forwards;\n }\n\n .hero-side {\n position: absolute;\n right: clamp(22px, 5vw, 76px);\n bottom: 54px;\n display: flex;\n align-items: flex-end;\n gap: 18px;\n color: var(--paper);\n writing-mode: vertical-rl;\n opacity: 0;\n animation: fade-in 1000ms 700ms forwards;\n }\n\n .hero-side small {\n font-size: 9px;\n font-weight: 700;\n letter-spacing: 0.2em;\n opacity: 0.7;\n }\n\n .hero-side-line {\n width: 1px;\n height: 110px;\n background: var(--fire);\n }\n\n .scroll-note {\n position: absolute;\n bottom: 38px;\n left: clamp(22px, 8vw, 130px);\n display: flex;\n align-items: center;\n gap: 10px;\n color: var(--paper);\n font-size: 9px;\n font-weight: 700;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n opacity: 0.65;\n }\n\n .scroll-note::after {\n width: 42px;\n height: 1px;\n background: currentColor;\n content: \"\";\n }\n\n .feature {\n display: grid;\n min-height: 820px;\n padding: 120px clamp(22px, 7vw, 112px);\n color: var(--ink);\n background: var(--paper);\n grid-template-columns: minmax(170px, 0.65fr) minmax(320px, 1.4fr) minmax(180px, 0.75fr);\n gap: clamp(30px, 6vw, 110px);\n align-items: center;\n }\n\n .feature::after {\n position: absolute;\n right: 5vw;\n bottom: 5vw;\n width: 145px;\n height: 145px;\n border: 1px solid rgba(12, 16, 18, 0.18);\n border-radius: 50%;\n content: \"\";\n }\n\n .feature-intro {\n align-self: start;\n padding-top: 27px;\n }\n\n .feature .eyebrow {\n color: var(--fire-orange);\n }\n\n .feature-index {\n margin: 38px 0 0;\n color: rgba(12, 16, 18, 0.48);\n font-family: var(--display);\n font-size: 8rem;\n font-weight: 800;\n letter-spacing: -0.09em;\n line-height: 0.7;\n }\n\n .feature-figure {\n position: relative;\n margin: 0;\n transition: transform 600ms cubic-bezier(0.2, 0.8, 0.2, 1);\n z-index: 1;\n }\n\n .feature-figure:hover {\n transform: rotate(-2deg) scale(1.015);\n }\n\n .feature-figure img {\n display: block;\n width: 100%;\n aspect-ratio: 0.88;\n object-fit: contain;\n transform: scale(1.6);\n \n }\n\n .feature-figure figcaption {\n display: flex;\n justify-content: space-between;\n margin-top: 26px;\n color: rgba(12, 16, 18, 0.58);\n font-size: 9px;\n font-weight: 700;\n letter-spacing: 0.17em;\n text-transform: uppercase;\n }\n\n .feature-copy {\n align-self: end;\n padding-bottom: 39px;\n }\n\n .feature-copy h2 {\n max-width: 290px;\n margin-bottom: 25px;\n font-family: var(--display);\n font-size: clamp(3.2rem, 5.4vw, 6.1rem);\n font-weight: 800;\n letter-spacing: -0.055em;\n line-height: 0.82;\n }\n\n .feature-copy p {\n max-width: 250px;\n color: rgba(12, 16, 18, 0.68);\n font-size: 13px;\n line-height: 1.7;\n }\n\n .feature-copy strong {\n color: var(--fire-orange);\n }\n\n .story {\n \n display: flex;\n flex-direction: column;\n min-height: 820px;\n padding: 140px clamp(22px, 8vw, 130px);\n background-color: #202522;\n background-image: url(\"https:\/\/dobiedog.online\/wp-content\/uploads\/2026\/08\/bg2.png\");\n background-position: center;\n background-size: cover;\n gap: 0;\n }\n\n .story::before {\n display: none;\n }\n\n .story-content {\n max-width: 760px;\n align-self: flex-start;\n }\n\n .story h2 {\n max-width: 630px;\n margin: 24px 0 0;\n color: var(--paper);\n font-family: var(--display);\n font-size: clamp(5rem, 10vw, 12rem);\n font-weight: 800;\n letter-spacing: -0.07em;\n line-height: 0.74;\n }\n\n .story h2 span {\n display: block;\n background: var(--fire);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n }\n\n .story-subcopy {\n max-width: 300px;\n margin: 44px 0 0 5px;\n color: var(--paper-deep);\n font-size: 13px;\n line-height: 1.7;\n }\n\n .story-list {\n display: flex;\n flex-direction: column;\n gap: 0;\n width: min(100%, 570px);\n align-self: flex-start;\n margin-top: 72px;\n margin-bottom: 0;\n border-top: 1px solid var(--line);\n }\n\n .story-list-item {\n display: grid;\n padding: 20px 0;\n border-bottom: 1px solid var(--line);\n grid-template-columns: 48px 1fr;\n align-items: center;\n transition: padding 240ms ease, color 240ms ease;\n }\n\n .story-list-item:hover {\n padding-right: 13px;\n padding-left: 13px;\n color: var(--ember);\n background: rgba(231, 226, 212, 0.06);\n }\n\n .story-list-item b {\n color: var(--fire-orange);\n font-family: var(--display);\n font-size: 23px;\n font-weight: 500;\n }\n\n .story-list-item span {\n font-family: var(--display);\n font-size: clamp(1.8rem, 3.2vw, 3.8rem);\n font-weight: 700;\n letter-spacing: -0.035em;\n line-height: 0.9;\n text-transform: uppercase;\n }\n\n .gallery {\n min-height: 660px;\n padding: 125px 0 130px;\n overflow: hidden;\n color: var(--ink);\n background: var(--fire);\n }\n\n .gallery-header {\n display: flex;\n align-items: flex-end;\n justify-content: space-between;\n padding: 0 clamp(22px, 7vw, 112px) 56px;\n }\n\n .gallery .eyebrow {\n color: var(--fire-red);\n }\n\n .gallery-title {\n margin: 19px 0 0;\n font-family: var(--display);\n font-size: clamp(4.8rem, 9vw, 10rem);\n font-weight: 800;\n letter-spacing: -0.075em;\n line-height: 0.73;\n }\n\n .gallery-note {\n max-width: 190px;\n margin: 0;\n color: rgba(12, 16, 18, 0.62);\n font-size: 11px;\n font-weight: 600;\n line-height: 1.55;\n text-align: right;\n }\n\n .marquee {\n display: flex;\n width: max-content;\n gap: 16px;\n animation: marquee 40s linear infinite;\n }\n\n .marquee:hover {\n animation-play-state: paused;\n }\n\n .marquee-track {\n display: flex;\n width: max-content;\n gap: 16px;\n }\n\n .gallery-item {\n position: relative;\n width: clamp(190px, 22vw, 330px);\n aspect-ratio: 16 \/ 9;\n overflow: hidden;\n border-radius: 14px;\n background: #aaa;\n }\n\n .gallery-item img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n filter: saturate(0.78) contrast(1.08);\n transition: filter 300ms ease, transform 500ms ease;\n }\n\n .gallery-item:hover img {\n filter: saturate(1.15) contrast(1.08);\n transform: scale(1.06);\n }\n\n .marquee-label {\n display: flex;\n justify-content: space-between;\n padding: 60px clamp(22px, 7vw, 112px) 0;\n color: rgba(12, 16, 18, 0.5);\n font-size: 9px;\n font-weight: 700;\n letter-spacing: 0.19em;\n text-transform: uppercase;\n }\n\n .closing {\n display: grid;\n min-height: 850px;\n padding: 130px clamp(22px, 8vw, 130px);\n background-color: #443b34;\n background-image:\n radial-gradient(ellipse at 52% 45%, rgba(28, 24, 19, 0.03) 0%, rgba(12, 16, 18, 0.27) 51%, rgba(12, 16, 18, 0.9) 96%),\n url(\"https:\/\/dobiedog.online\/wp-content\/uploads\/2026\/08\/bg5.png\");\n background-position: center;\n background-size: cover;\n align-items: center;\n }\n\n .closing-content {\n max-width: 970px;\n }\n\n .closing h2 {\n margin: 27px 0 0;\n color: var(--paper);\n font-family: var(--display);\n font-size: clamp(6.5rem, 16vw, 16rem);\n font-weight: 900;\n letter-spacing: -0.08em;\n line-height: 0.68;\n }\n\n .closing-line {\n display: flex;\n align-items: center;\n gap: 25px;\n margin: 57px 0 0 7px;\n }\n\n .closing-line h3 {\n margin: 0;\n background: var(--fire);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n font-family: var(--display);\n font-size: clamp(2.2rem, 4.5vw, 5rem);\n font-weight: 800;\n letter-spacing: -0.04em;\n line-height: 0.8;\n }\n\n .closing .cta {\n margin: 34px 0 0 7px;\n min-width: 190px;\n padding-top: 18px;\n padding-bottom: 18px;\n font-size: 12px;\n }\n\n .closing-meta {\n position: absolute;\n right: clamp(22px, 6vw, 90px);\n bottom: 57px;\n display: flex;\n align-items: center;\n gap: 15px;\n color: var(--paper-deep);\n font-size: 9px;\n font-weight: 700;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n }\n\n .closing-meta::before {\n width: 30px;\n height: 1px;\n background: var(--fire);\n content: \"\";\n }\n\n .footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 21px clamp(22px, 5vw, 76px);\n color: var(--muted);\n background: var(--ink);\n font-size: 9px;\n font-weight: 600;\n letter-spacing: 0.13em;\n text-transform: uppercase;\n }\n\n .footer p {\n margin: 0;\n }\n\n .footer strong {\n background: var(--fire);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n }\n\n .copy-toast {\n position: fixed;\n z-index: 30;\n right: 22px;\n bottom: 22px;\n padding: 12px 17px;\n color: var(--ink);\n background: var(--fire);\n font-size: 10px;\n font-weight: 800;\n letter-spacing: 0.13em;\n opacity: 0;\n pointer-events: none;\n transform: translateY(10px);\n transition: opacity 220ms ease, transform 220ms ease;\n }\n\n .copy-toast.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n @keyframes rise-in {\n from {\n opacity: 0;\n transform: translateY(24px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fade-in {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n\n @keyframes marquee {\n from {\n transform: translateX(0);\n }\n to {\n transform: translateX(calc(-50% - 8px));\n }\n }\n\n @media (max-width: 800px) {\n .nav {\n padding-top: 18px;\n padding-bottom: 18px;\n }\n\n .nav-links {\n display: none;\n }\n\n .hero {\n min-height: 760px;\n padding-top: 162px;\n }\n\n .hero h1 {\n font-size: clamp(7rem, 27vw, 13rem);\n }\n\n .hero-side {\n right: 18px;\n bottom: 37px;\n }\n\n .feature {\n display: block;\n min-height: auto;\n padding-top: 90px;\n padding-bottom: 110px;\n }\n\n .feature-intro {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0;\n }\n\n .feature-index {\n margin: 0;\n font-size: 5.4rem;\n }\n\n .feature-figure {\n max-width: 600px;\n margin: 67px auto 80px;\n }\n\n .feature-copy {\n max-width: 500px;\n padding: 0;\n }\n\n .feature-copy h2 {\n max-width: 430px;\n }\n\n .story {\n display: block;\n min-height: auto;\n padding-top: 105px;\n padding-bottom: 105px;\n }\n\n .story-content {\n margin-bottom: 0;\n }\n\n .story-list {\n margin-top: 60px;\n }\n\n .gallery {\n min-height: 590px;\n padding-top: 92px;\n padding-bottom: 100px;\n }\n\n .gallery-header {\n display: block;\n padding-bottom: 48px;\n }\n\n .gallery-note {\n margin-top: 34px;\n text-align: left;\n }\n\n .closing {\n min-height: 700px;\n padding-top: 110px;\n padding-bottom: 100px;\n }\n\n .closing-line {\n display: block;\n margin-top: 43px;\n }\n\n .closing-line p {\n margin-top: 20px;\n }\n }\n\n @media (max-width: 480px) {\n .hero {\n min-height: 720px;\n padding-bottom: 88px;\n }\n\n .hero-lockup {\n gap: 12px;\n margin-top: 33px;\n }\n\n .vertical-rule {\n height: 43px;\n }\n\n .hero-lockup h2 {\n font-size: 2.45rem;\n }\n\n .hero-description {\n max-width: 280px;\n }\n\n .hero-side {\n display: none;\n }\n\n .scroll-note {\n bottom: 27px;\n }\n\n .feature {\n padding-top: 72px;\n }\n\n .feature-figure img {\n box-shadow: 12px 12px 0 var(--fire-red);\n }\n\n .story h2 {\n font-size: clamp(4.3rem, 20vw, 7rem);\n }\n\n .story-list-item {\n grid-template-columns: 34px 1fr;\n }\n\n .story-list-item span {\n font-size: 2.1rem;\n }\n\n .gallery-title {\n font-size: 5.7rem;\n }\n\n .gallery-item {\n width: 230px;\n }\n\n .closing h2 {\n font-size: clamp(6.3rem, 28vw, 10rem);\n }\n\n .footer {\n align-items: flex-start;\n flex-direction: column;\n gap: 8px;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n *,\n *::before,\n *::after {\n scroll-behavior: auto !important;\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n }\n <\/style>\n <\/head>\n <body>\n <nav class=\"nav\" aria-label=\"Main navigation\">\n <a class=\"wordmark\" href=\"#top\" aria-label=\"DOBIE home\">\n <!--<span class=\"mark\">D<\/span>-->\n <span>DOBIE<\/span>\n <\/a>\n <div class=\"nav-links\">\n <a href=\"#identity\">Identity<\/a>\n <a href=\"#energy\">Energy<\/a>\n <a href=\"#gallery\">Gallery<\/a>\n <\/div>\n <a class=\"nav-ca\" href=\"#ca\"><span><\/span> CA<\/a>\n <\/nav>\n\n <main id=\"top\">\n <section class=\"hero\" aria-labelledby=\"hero-title\">\n <div class=\"hero-content\">\n <!--<h1 id=\"hero-title\">DOBIE<\/h1>-->\n <div class=\"hero-lockup\">\n <span class=\"vertical-rule\" aria-hidden=\"true\"><\/span>\n <h2>BORN TO<br \/>BE BOLD.<\/h2>\n <\/div>\n <p class=\"hero-description\">\n Sharp style. Loyal energy. Pure meme instinct.\n <\/p>\n <a class=\"cta\" href=\"#ca\">CA<\/a>\n <\/div>\n <div class=\"hero-side\" aria-hidden=\"true\">\n <span class=\"hero-side-line\"><\/span>\n <small>Est. 2026 \/ Doberman spirit<\/small>\n <\/div>\n <div class=\"scroll-note\" aria-hidden=\"true\">Scroll to enter<\/div>\n <\/section>\n\n <section class=\"feature\" id=\"identity\" aria-labelledby=\"identity-title\">\n <div class=\"feature-intro\">\n <div>\n <p class=\"eyebrow\">01 \/ Identity<\/p>\n <\/div>\n <p class=\"feature-index\" aria-hidden=\"true\">01<\/p>\n <\/div>\n <figure class=\"feature-figure\">\n <img decoding=\"async\"\n src=\"https:\/\/dobiedog.online\/wp-content\/uploads\/2026\/08\/featured4.png\"\n alt=\"DOBIE featured artwork\"\n \/>\n <figcaption>\n <span>DOBIE \/ Featured specimen<\/span>\n <span>Sharp by nature<\/span>\n <\/figcaption>\n <\/figure>\n <div class=\"feature-copy\">\n <h2 id=\"identity-title\">NOT JUST A GOOD BOY.<\/h2>\n <p>\n DOBIE carries the <strong>iconic Doberman spirit<\/strong> into a\n world that moves fast. All instinct, all attitude, and just enough\n chaos to keep things interesting.\n <\/p>\n <\/div>\n <\/section>\n\n <section class=\"story\" id=\"energy\" aria-labelledby=\"energy-title\">\n <div class=\"story-content\">\n <p class=\"eyebrow\">02 \/ The energy<\/p>\n <h2 id=\"energy-title\">BUILT<br \/><span>DIFFERENT.<\/span><\/h2>\n <p class=\"story-subcopy\">\n For the ones who show up early, stand tall, and never need\n permission. The pack is loyal. The attitude is unmistakable.\n <\/p>\n <\/div>\n <div class=\"story-list\" aria-label=\"DOBIE qualities\">\n <div class=\"story-list-item\">\n <b>01<\/b><span>Doberman spirit<\/span>\n <\/div>\n <div class=\"story-list-item\">\n <b>02<\/b><span>Strong attitude<\/span>\n <\/div>\n <div class=\"story-list-item\">\n <b>03<\/b><span>Sharp style<\/span>\n <\/div>\n <div class=\"story-list-item\">\n <b>04<\/b><span>Loyal community<\/span>\n <\/div>\n <div class=\"story-list-item\">\n <b>05<\/b><span>Pure meme energy<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"gallery\" id=\"gallery\" aria-labelledby=\"gallery-title\">\n <div class=\"gallery-header\">\n <div>\n <p class=\"eyebrow\">03 \/ Field notes<\/p>\n <h2 class=\"gallery-title\" id=\"gallery-title\">THE PACK.<\/h2>\n <\/div>\n <p class=\"gallery-note\">\n A running archive of sharp looks, loud moments, and the energy that\n keeps DOBIE moving.\n <\/p>\n <\/div>\n <div class=\"marquee\" aria-label=\"DOBIE gallery\">\n <div class=\"marquee-track\">\n <figure class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/dobiedog.online\/wp-content\/uploads\/2026\/08\/gallitem1.png\" alt=\"DOBIE gallery artwork 1\" \/><\/figure>\n <figure class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/dobiedog.online\/wp-content\/uploads\/2026\/08\/gallitem2.png\" alt=\"DOBIE gallery artwork 2\" \/><\/figure>\n <figure class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/dobiedog.online\/wp-content\/uploads\/2026\/08\/gallitem3.png\" alt=\"DOBIE gallery artwork 3\" \/><\/figure>\n <figure class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/dobiedog.online\/wp-content\/uploads\/2026\/08\/gallitem4.png\" alt=\"DOBIE gallery artwork 4\" \/><\/figure>\n <figure class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/dobiedog.online\/wp-content\/uploads\/2026\/08\/gallitem5.png\" alt=\"DOBIE gallery artwork 5\" \/><\/figure>\n <figure class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/dobiedog.online\/wp-content\/uploads\/2026\/08\/gallitem6.png\" alt=\"DOBIE gallery artwork 6\" \/><\/figure>\n <figure class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/dobiedog.online\/wp-content\/uploads\/2026\/08\/gallitem7.png\" alt=\"DOBIE gallery artwork 7\" \/><\/figure>\n <figure class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/dobiedog.online\/wp-content\/uploads\/2026\/08\/gallitem8.png\" alt=\"DOBIE gallery artwork 8\" \/><\/figure>\n <\/div>\n <div class=\"marquee-track\" aria-hidden=\"true\">\n <figure class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/dobiedog.online\/wp-content\/uploads\/2026\/08\/gallitem1.png\" alt=\"\" \/><\/figure>\n <figure class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/dobiedog.online\/wp-content\/uploads\/2026\/08\/gallitem2.png\" alt=\"\" \/><\/figure>\n <figure class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/dobiedog.online\/wp-content\/uploads\/2026\/08\/gallitem3.png\" alt=\"\" \/><\/figure>\n <figure class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/dobiedog.online\/wp-content\/uploads\/2026\/08\/gallitem4.png\" alt=\"\" \/><\/figure>\n <figure class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/dobiedog.online\/wp-content\/uploads\/2026\/08\/gallitem5.png\" alt=\"\" \/><\/figure>\n <figure class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/dobiedog.online\/wp-content\/uploads\/2026\/08\/gallitem6.png\" alt=\"\" \/><\/figure>\n <figure class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/dobiedog.online\/wp-content\/uploads\/2026\/08\/gallitem7.png\" alt=\"\" \/><\/figure>\n <figure class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/dobiedog.online\/wp-content\/uploads\/2026\/08\/gallitem8.png\" alt=\"\" \/><\/figure>\n <\/div>\n <\/div>\n <div class=\"marquee-label\"><span>Move with the pack<\/span><span>Scroll \/ Repeat \/ Repeat<\/span><\/div>\n <\/section>\n\n <section class=\"closing\" id=\"ca\" aria-labelledby=\"closing-title\">\n <div class=\"closing-content\">\n <p class=\"eyebrow\">04 \/ Make some noise<\/p>\n <h2 id=\"closing-title\">DOBIE<\/h2>\n <div class=\"closing-line\">\n <h3>BORN TO<br \/>BE BOLD.<\/h3>\n <\/div>\n <button class=\"cta\" type=\"button\" id=\"copy-ca\">CA<\/button>\n <\/div>\n <div class=\"closing-meta\">The pack is waiting<\/div>\n <\/section>\n <\/main>\n\n <footer class=\"footer\">\n <p><strong>$DOBIE<\/strong> \/ Born to be bold.<\/p>\n <p>Made for the pack \/ 2026<\/p>\n <\/footer>\n\n <div class=\"copy-toast\" id=\"copy-toast\" role=\"status\" aria-live=\"polite\">CA READY<\/div>\n\n <script>\n const nav = document.querySelector(\".nav\");\n const copyButton = document.querySelector(\"#copy-ca\");\n const toast = document.querySelector(\"#copy-toast\");\n let toastTimer;\n\n window.addEventListener(\n \"scroll\",\n () => {\n nav.classList.toggle(\"scrolled\", window.scrollY > 24);\n },\n { passive: true }\n );\n\n copyButton.addEventListener(\"click\", async () => {\n const value = \"CA\";\n try {\n await navigator.clipboard.writeText(value);\n toast.textContent = \"CA COPIED\";\n } catch {\n toast.textContent = \"CA READY\";\n }\n toast.classList.add(\"visible\");\n window.clearTimeout(toastTimer);\n toastTimer = window.setTimeout(() => toast.classList.remove(\"visible\"), 1800);\n });\n <\/script>\n <\/body>\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>DOBIE \u2014 Born To Be Bold DOBIE Identity Energy Gallery CA BORN TOBE BOLD. Sharp style. Loyal energy. Pure meme instinct. CA Est. 2026 \/ Doberman spirit Scroll to enter 01 \/ Identity 01 DOBIE \/ Featured specimen Sharp by nature NOT JUST A GOOD BOY. DOBIE carries the iconic Doberman spirit into a world […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dobiedog.online\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dobiedog.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dobiedog.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dobiedog.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dobiedog.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":49,"href":"https:\/\/dobiedog.online\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":75,"href":"https:\/\/dobiedog.online\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/75"}],"wp:attachment":[{"href":"https:\/\/dobiedog.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}