{"id":8,"date":"2026-07-23T14:28:11","date_gmt":"2026-07-23T14:28:11","guid":{"rendered":"https:\/\/thehoody.space\/?page_id=8"},"modified":"2026-07-27T10:58:01","modified_gmt":"2026-07-27T10:58:01","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/thehoody.space\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3296b0d e-con e-atomic-element e-flexbox-base e-829afeb \" data-id=\"3296b0d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3296b0d\">\n    \t\t<div class=\"elementor-element elementor-element-8e332ed elementor-widget elementor-widget-html\" data-id=\"8e332ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n  <meta name=\"theme-color\" content=\"#07110c\" \/>\n  <meta name=\"description\" content=\"$HOODY \u2014 Steal the Spotlight. Share the Victory. A community-driven meme token on Robinhood Chain.\" \/>\n  <title>$HOODY \u2014 Steal the Spotlight<\/title>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap\" rel=\"stylesheet\" \/>\n  <style>\n    :root {\n      --ink: #07110c;\n      --deep: #0a1910;\n      --forest: #0c2417;\n      --moss: #183e25;\n      --leaf: #62bd65;\n      --mint: #baf4b1;\n      --gold: #e9b95b;\n      --cream: #f2f4e9;\n      --muted: #a9b8a5;\n      --orange: #ff764a;\n      --line: rgba(210, 242, 196, .17);\n      --shadow: 0 25px 80px rgba(0, 0, 0, .35);\n      --radius: 28px;\n    }\n\n    * { box-sizing: border-box; }\n    html { scroll-behavior: smooth; }\n    body {\n      margin: 0;\n      color: var(--cream);\n      background: var(--ink);\n      font-family: Manrope, system-ui, sans-serif;\n      overflow-x: hidden;\n    }\n    body::before {\n      content: \"\";\n      position: fixed;\n      inset: 0;\n      pointer-events: none;\n      opacity: .035;\n      z-index: 20;\n      background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'\/%3E%3C\/svg%3E\");\n    }\n    a { color: inherit; text-decoration: none; }\n    button { font: inherit; }\n    img { max-width: 100%; display: block; }\n\n    .page-shell { position: relative; isolation: isolate; }\n    .page-shell::before,\n    .page-shell::after {\n      content: \"\";\n      position: absolute;\n      z-index: -1;\n      pointer-events: none;\n      filter: blur(5px);\n    }\n    .page-shell::before {\n      width: 50vw;\n      height: 50vw;\n      top: 2rem;\n      left: -25vw;\n      background: radial-gradient(circle, rgba(70, 168, 72, .2), transparent 68%);\n    }\n    .page-shell::after {\n      width: 45vw;\n      height: 45vw;\n      top: 30rem;\n      right: -22vw;\n      background: radial-gradient(circle, rgba(233, 185, 91, .12), transparent 68%);\n    }\n\n    .container {\n      width: min(1180px, calc(100% - 48px));\n      margin: 0 auto;\n    }\n    .eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: .6rem;\n      color: var(--mint);\n      font: 500 .7rem\/1 DM Mono, monospace;\n      letter-spacing: .17em;\n      text-transform: uppercase;\n    }\n    .eyebrow::before {\n      content: \"\";\n      width: 30px;\n      height: 1px;\n      background: var(--gold);\n      box-shadow: 0 0 12px var(--gold);\n    }\n    .display {\n      margin: 0;\n      font-family: \"Space Grotesk\", sans-serif;\n      font-weight: 700;\n      letter-spacing: -.075em;\n      line-height: .91;\n    }\n    .accent { color: var(--orange); }\n    .muted { color: var(--muted); }\n\n    .topbar {\n      position: fixed;\n      top: 18px;\n      left: 50%;\n      width: min(1160px, calc(100% - 32px));\n      z-index: 50;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 12px 13px 12px 17px;\n      transform: translateX(-50%);\n      border: 1px solid rgba(202, 243, 190, .15);\n      border-radius: 999px;\n      background: rgba(6, 17, 11, .72);\n      box-shadow: 0 10px 35px rgba(0,0,0,.25);\n      backdrop-filter: blur(20px);\n    }\n    .brand {\n      display: flex;\n      align-items: center;\n      gap: .72rem;\n      font: 700 .96rem\/1 \"Space Grotesk\", sans-serif;\n      letter-spacing: -.03em;\n    }\n    .brand-mark {\n      position: relative;\n      display: grid;\n      place-items: center;\n      width: 31px;\n      height: 31px;\n      overflow: hidden;\n      color: var(--ink);\n      border-radius: 50%;\n      background: var(--mint);\n      font-size: .9rem;\n      box-shadow: inset -3px -4px 0 rgba(3, 23, 11, .25), 0 0 24px rgba(186,244,177,.24);\n    }\n    .brand-mark::after {\n      content: \"\";\n      position: absolute;\n      width: 13px;\n      height: 6px;\n      bottom: 5px;\n      border-bottom: 2px solid var(--ink);\n      border-radius: 50%;\n      transform: rotate(-13deg);\n    }\n    .nav-links { display: flex; align-items: center; gap: 2rem; }\n    .nav-links a {\n      color: #b3c6b1;\n      font: 500 .7rem\/1 DM Mono, monospace;\n      letter-spacing: .08em;\n      text-transform: uppercase;\n      transition: color .25s ease;\n    }\n    .nav-links a:hover { color: var(--mint); }\n    .menu-toggle {\n      display: none;\n      border: 0;\n      color: var(--cream);\n      background: transparent;\n      cursor: pointer;\n      font-size: 1.3rem;\n    }\n    .top-cta, .button {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: .6rem;\n      min-height: 44px;\n      padding: 0 1.2rem;\n      border: 1px solid transparent;\n      border-radius: 999px;\n      color: var(--ink);\n      background: var(--mint);\n      box-shadow: 0 0 0 0 rgba(186,244,177,.25);\n      font: 700 .73rem\/1 \"Space Grotesk\", sans-serif;\n      letter-spacing: .04em;\n      cursor: pointer;\n      transition: transform .25s ease, box-shadow .25s ease, background .25s ease;\n    }\n    .top-cta:hover, .button:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 12px 25px rgba(186,244,177,.17);\n    }\n    .button-dark {\n      color: var(--cream);\n      border-color: var(--line);\n      background: rgba(255,255,255,.055);\n    }\n    .button-dark:hover { background: rgba(255,255,255,.1); }\n    .button-gold { background: var(--gold); }\n    .button .arrow { font-size: 1rem; line-height: 0; }\n\n    section { position: relative; }\n    .hero {\n      min-height: 870px;\n      display: flex;\n      align-items: center;\n      padding: 150px 0 100px;\n      overflow: hidden;\n      background:\n        linear-gradient(90deg, rgba(5,14,9,.97) 0%, rgba(5,14,9,.83) 43%, rgba(5,14,9,.18) 78%, rgba(5,14,9,.7) 100%),\n        linear-gradient(180deg, rgba(7,17,12,.05), var(--ink) 96%),\n        url(\"http:\/\/thehoody.space\/wp-content\/uploads\/2026\/07\/bg1.png\") center\/cover;\n    }\n    .hero::before {\n      content: \"\";\n      position: absolute;\n      width: min(55vw, 730px);\n      aspect-ratio: 1;\n      top: 14%;\n      right: -7%;\n      border-radius: 50%;\n      background: radial-gradient(circle, rgba(109, 190, 99, .21), rgba(56,107,50,.07) 38%, transparent 69%);\n      filter: blur(2px);\n    }\n    .hero-content { position: relative; z-index: 1; width: min(600px, 100%); }\n    .hero h1 {\n      max-width: 720px;\n      margin: 1.5rem 0 1.35rem;\n      font-size: clamp(4.5rem, 10vw, 8.9rem);\n      text-wrap: balance;\n    }\n    .hero h1 .line { display: block; }\n    .hero h1 .outline {\n      color: transparent;\n      -webkit-text-stroke: 1px rgba(241, 249, 231, .72);\n    }\n    .hero-copy {\n      max-width: 450px;\n      margin: 0 0 2rem;\n      color: #bac8b5;\n      font-size: .98rem;\n      line-height: 1.75;\n    }\n    .hero-copy strong { color: var(--cream); font-weight: 600; }\n    .actions { display: flex; flex-wrap: wrap; gap: .75rem; }\n    .social-row { display: flex; align-items: center; gap: .55rem; margin-top: 3.4rem; }\n    .social-row span {\n      margin-right: .45rem;\n      color: #91a691;\n      font: .63rem\/1 DM Mono, monospace;\n      letter-spacing: .08em;\n      text-transform: uppercase;\n    }\n    .social {\n      display: grid;\n      place-items: center;\n      width: 38px;\n      height: 38px;\n      padding: 9px;\n      border: 1px solid rgba(255,255,255,.35);\n      border-radius: 12px;\n      background: #fff;\n      transition: transform .25s ease, background .25s ease;\n    }\n    .social:hover { transform: translateY(-3px) rotate(-3deg); background: var(--mint); }\n    .social img { width: 100%; height: 100%; object-fit: contain; }\n    .hero-stamp {\n      position: absolute;\n      right: 10%;\n      bottom: 21%;\n      z-index: 1;\n      display: grid;\n      place-items: center;\n      width: 130px;\n      height: 130px;\n      border: 1px solid rgba(233,185,91,.65);\n      border-radius: 50%;\n      color: var(--gold);\n      transform: rotate(14deg);\n      font: .55rem\/1.55 DM Mono, monospace;\n      letter-spacing: .13em;\n      text-align: center;\n      text-transform: uppercase;\n      background: rgba(7, 17, 12, .46);\n      box-shadow: inset 0 0 0 8px rgba(233,185,91,.04), 0 0 35px rgba(233,185,91,.12);\n    }\n    .hero-stamp b { color: var(--cream); font: 700 1.55rem\/1 \"Space Grotesk\", sans-serif; letter-spacing: -.09em; }\n    .hero-scroll {\n      position: absolute;\n      right: 4%;\n      bottom: 11%;\n      display: flex;\n      align-items: center;\n      gap: .7rem;\n      color: #8fa88d;\n      font: .6rem\/1 DM Mono, monospace;\n      letter-spacing: .08em;\n      text-transform: uppercase;\n      writing-mode: vertical-rl;\n    }\n    .hero-scroll::before { content: \"\"; width: 1px; height: 42px; background: var(--gold); }\n\n    .ticker {\n      position: relative;\n      z-index: 3;\n      overflow: hidden;\n      border-top: 1px solid var(--line);\n      border-bottom: 1px solid var(--line);\n      background: #0f2b19;\n      transform: rotate(-1.4deg) scale(1.02);\n    }\n    .ticker-track {\n      display: flex;\n      width: max-content;\n      animation: marquee 28s linear infinite;\n    }\n    .ticker-item {\n      display: inline-flex;\n      align-items: center;\n      gap: 1.2rem;\n      padding: 16px 20px;\n      color: #d8eaca;\n      font: 500 .68rem\/1 DM Mono, monospace;\n      letter-spacing: .13em;\n      text-transform: uppercase;\n      white-space: nowrap;\n    }\n    .ticker-item::after {\n      content: \"\u2726\";\n      color: var(--gold);\n      font-size: 1rem;\n    }\n    @keyframes marquee { to { transform: translateX(-50%); } }\n\n    .about {\n      min-height: 800px;\n      padding: 180px 0 150px;\n      \/*background: linear-gradient(180deg, var(--ink), #0d2115 45%, var(--ink));*\/ background:\n        linear-gradient(180deg, #0a1910 0%, rgba(8, 25, 14, .01) 55%, #0a1910 100%),\n        linear-gradient(180deg, rgba(7,17,12,.02), var(--ink) 96%),\n        url(\"http:\/\/thehoody.space\/wp-content\/uploads\/2026\/07\/bg2.png\") center\/cover;\n    }\n    .about-grid {\n      display: grid;\n      grid-template-columns: .8fr 1.2fr;\n      align-items: start;\n      gap: 11vw;\n    }\n    .about-intro { position: sticky; top: 130px; }\n    .about-intro h2 { margin: 1.35rem 0 0; font-size: clamp(3.8rem, 7.7vw, 7.2rem); }\n    .about-intro h2 span { display: block; color: var(--gold); }\n    .about-body { padding-top: 3.6rem; }\n    .about-body > p {\n      max-width: 580px;\n      margin: 0 0 3rem;\n      color: #c0cdb9;\n      font-size: clamp(1.15rem, 2vw, 1.7rem);\n      line-height: 1.5;\n      letter-spacing: -.03em;\n    }\n    .about-body > p b { color: var(--mint); font-weight: 600; }\n    .about-note {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 1px;\n      overflow: hidden;\n      border: 1px solid var(--line);\n      border-radius: var(--radius);\n      background: var(--line);\n    }\n    .stat {\n      min-height: 152px;\n      padding: 1.5rem;\n      background: rgba(21, 60, 32, .52);\n    }\n    .stat:first-child { grid-row: span 2; display: flex; flex-direction: column; justify-content: space-between; background: linear-gradient(145deg, #1c522b, #102d1b); }\n    .stat .number { color: var(--mint); font: 700 clamp(2.9rem, 5vw, 5rem)\/.9 \"Space Grotesk\", sans-serif; letter-spacing: -.08em; }\n    .stat small { display: block; max-width: 130px; margin-top: .8rem; color: #a5c5a1; font: .64rem\/1.4 DM Mono, monospace; letter-spacing: .06em; text-transform: uppercase; }\n    .stat .icon { align-self: flex-end; color: var(--gold); font-size: 2.2rem; }\n    .about-footer {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-top: 2.8rem;\n      padding-top: 1.4rem;\n      border-top: 1px solid var(--line);\n      color: #8da18c;\n      font: .66rem\/1.5 DM Mono, monospace;\n      letter-spacing: .04em;\n    }\n    .about-footer b { color: var(--gold); font-weight: 500; }\n\n    .why {\n      padding: 150px 0 175px;\n      overflow: hidden;\n      background:\n        linear-gradient(180deg, #0a1910 0%, rgba(8, 25, 14, .6) 55%, #0a1910 100%),\n        url(\"http:\/\/thehoody.space\/wp-content\/uploads\/2026\/07\/bg3.png\") center\/cover;\n    }\n    .why-header { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 5rem; }\n    .why h2 { max-width: 630px; margin: 1.25rem 0 0; font-size: clamp(3.8rem, 8vw, 7.6rem); }\n    .why-header > p { max-width: 250px; margin: 0 0 .5rem; color: var(--muted); font-size: .86rem; line-height: 1.7; }\n    .feature-orbit {\n      position: relative;\n      width: min(930px, 100%);\n      min-height: 450px;\n      margin: 0 auto;\n    }\n    .feature-orbit::before, .feature-orbit::after {\n      content: \"\";\n      position: absolute;\n      border: 1px solid rgba(186,244,177,.16);\n      border-radius: 50%;\n      transform: rotate(-18deg);\n    }\n    .feature-orbit::before { inset: 10% 9%; }\n    .feature-orbit::after { inset: 22% 20%; border-color: rgba(233,185,91,.22); }\n    .feature-card {\n      position: absolute;\n      width: 290px;\n      min-height: 210px;\n      padding: 1.5rem;\n      border: 1px solid rgba(186,244,177,.22);\n      border-radius: 25px;\n      background: rgba(19, 54, 29, .75);\n      box-shadow: var(--shadow);\n      backdrop-filter: blur(10px);\n      transition: transform .35s ease, border-color .35s ease;\n    }\n    .feature-card:hover { transform: translateY(-8px) !important; border-color: var(--mint); }\n    .feature-card:nth-child(1) { top: 0; left: 4%; transform: rotate(-6deg); }\n    .feature-card:nth-child(2) { top: 19%; right: 2%; transform: rotate(5deg); }\n    .feature-card:nth-child(3) { bottom: 0; left: 28%; transform: rotate(2deg); }\n    .feature-card .feature-no { color: var(--gold); font: .66rem\/1 DM Mono, monospace; }\n    .feature-card h3 { margin: 1.5rem 0 .65rem; color: var(--cream); font: 700 1.55rem\/.95 \"Space Grotesk\", sans-serif; letter-spacing: -.06em; }\n    .feature-card p { margin: 0; color: #a9c0a7; font-size: .77rem; line-height: 1.65; }\n    .feature-card .spark { position: absolute; right: 1.3rem; bottom: 1rem; color: var(--leaf); font-size: 1.1rem; }\n\n    .featured {\n      padding: 170px 0 150px;\n      background:\n        radial-gradient(circle at 75% 35%, rgba(77,157,75,.18), transparent 30%),\n        linear-gradient(180deg, #0a1910, var(--ink));\n    }\n    .featured-header { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; align-items: end; margin-bottom: 4rem; }\n    .featured h2 { max-width: 610px; margin: 1.2rem 0 0; font-size: clamp(3.7rem, 7.8vw, 7.3rem); }\n    .featured-header p { max-width: 345px; margin: 0 0 .6rem; color: var(--muted); font-size: .88rem; line-height: 1.7; }\n    .item-grid {\n      display: grid;\n      grid-template-columns: repeat(12, 1fr);\n      gap: 1rem;\n      align-items: start;\n    }\n    .item-card {\n      position: relative;\n      overflow: hidden;\n      border: 1px solid rgba(186,244,177,.17);\n      border-radius: 24px;\n      background: #112a19;\n      box-shadow: 0 18px 50px rgba(0,0,0,.22);\n    }\n    .item-card:nth-child(1) { grid-column: span 5; margin-top: 3.2rem; }\n    .item-card:nth-child(2) { grid-column: span 7; }\n    .item-card:nth-child(3) { grid-column: span 7; margin-top: -1rem; }\n    .item-card:nth-child(4) { grid-column: span 5; margin-top: 2.2rem; }\n    .item-art {\n      display: grid;\n      place-items: center;\n      min-height: 340px;\n      padding: 1rem;\n      background:\n        linear-gradient(135deg, rgba(8,17,11,.05), rgba(0,0,0,.48));\n        \n        \/*url(\"http:\/\/thehoody.space\/wp-content\/uploads\/2026\/07\/bg.png\") center\/cover;*\/\n    }\n    .item-art img {\n      width: 100%;\n      height: 100%;\n      max-height: 355px;\n      object-fit: contain;\n      border-radius: 14px;\n      transition: transform .5s cubic-bezier(.2,.8,.2,1);\n    }\n    .item-card:hover .item-art img { transform: scale(1.04) rotate(-1deg); }\n    .item-info {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 1rem;\n      padding: 1.1rem 1.2rem 1.25rem;\n      border-top: 1px solid rgba(186,244,177,.13);\n    }\n    .item-info h3 { margin: 0 0 .35rem; font: 600 1rem\/1 \"Space Grotesk\", sans-serif; letter-spacing: -.03em; }\n    .item-info p { margin: 0; color: #91a993; font-size: .7rem; line-height: 1.45; }\n    .item-tag {\n      flex: 0 0 auto;\n      padding: .45rem .62rem;\n      border: 1px solid rgba(233,185,91,.5);\n      border-radius: 999px;\n      color: var(--gold);\n      font: .58rem\/1 DM Mono, monospace;\n      letter-spacing: .06em;\n      text-transform: uppercase;\n    }\n\n    .join {\n      min-height: 760px;\n      display: flex;\n      align-items: center;\n      padding: 150px 0;\n      overflow: hidden;\n      background:\n        linear-gradient(90deg, rgba(7,17,12,.97) 10%, rgba(7,17,12,.62) 55%, rgba(7,17,12,.79)),\n        url(\"http:\/\/thehoody.space\/wp-content\/uploads\/2026\/07\/bg5.png\") center\/cover;\n    }\n    .join::after {\n      content: \"HOOD\";\n      position: absolute;\n      right: -3%;\n      bottom: -10%;\n      color: transparent;\n      -webkit-text-stroke: 1px rgba(186,244,177,.13);\n      font: 700 30vw\/.8 \"Space Grotesk\", sans-serif;\n      letter-spacing: -.13em;\n      pointer-events: none;\n    }\n    .join-layout { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr .8fr; gap: 8vw; align-items: end; }\n    .join h2 { max-width: 740px; margin: 1.3rem 0 1.7rem; font-size: clamp(4rem, 8.8vw, 8.5rem); }\n    .join h2 span { display: block; color: var(--gold); }\n    .join-copy { max-width: 440px; color: #b1c0ad; font-size: 1rem; line-height: 1.7; }\n    .join-panel {\n      padding: 1.6rem;\n      border: 1px solid rgba(186,244,177,.2);\n      border-radius: var(--radius);\n      background: rgba(12, 37, 22, .75);\n      box-shadow: var(--shadow);\n      backdrop-filter: blur(15px);\n    }\n    .join-panel > p { margin: 0 0 1rem; color: var(--mint); font: .65rem\/1 DM Mono, monospace; letter-spacing: .08em; text-transform: uppercase; }\n    .contract {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: .6rem;\n      margin: 0 0 1.2rem;\n      padding: .85rem 1rem;\n      border-radius: 13px;\n      background: rgba(0,0,0,.28);\n      color: #b0c7ac;\n      font: .65rem\/1 DM Mono, monospace;\n      overflow: hidden;\n    }\n    .contract code { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n    .copy-btn { border: 0; color: var(--gold); background: transparent; cursor: pointer; font: .62rem\/1 DM Mono, monospace; }\n    .join-panel .actions { flex-direction: column; }\n    .join-panel .button { width: 100%; }\n    .join-note { margin: 1.2rem 0 0; color: #7f997e; font-size: .68rem; line-height: 1.5; text-align: center; }\n    footer {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 1.5rem;\n      padding: 28px 0 35px;\n      border-top: 1px solid var(--line);\n      color: #77907a;\n      font: .65rem\/1.5 DM Mono, monospace;\n    }\n    footer .brand { color: var(--cream); }\n    footer .brand-mark { width: 25px; height: 25px; font-size: .7rem; }\n    .reveal { opacity: 0; transform: translateY(24px); transition: opacity .8s ease, transform .8s ease; }\n    .reveal.visible { opacity: 1; transform: translateY(0); }\n\n    @media (max-width: 780px) {\n      .container { width: min(100% - 34px, 600px); }\n      .topbar { top: 10px; width: calc(100% - 20px); }\n      .nav-links {\n        position: absolute;\n        top: 62px;\n        left: 0;\n        right: 0;\n        display: none;\n        flex-direction: column;\n        align-items: stretch;\n        gap: 0;\n        padding: .7rem;\n        border: 1px solid var(--line);\n        border-radius: 20px;\n        background: rgba(6,17,11,.95);\n        backdrop-filter: blur(16px);\n      }\n      .nav-links.open { display: flex; }\n      .nav-links a { padding: .95rem; }\n      .menu-toggle { display: block; }\n      .top-cta { display: none; }\n      .hero { min-height: 820px; padding: 150px 0 90px; background-position: 68% center; }\n      .hero h1 { font-size: clamp(4rem, 19vw, 7rem); }\n      .hero-stamp { right: 3%; bottom: 13%; transform: scale(.75) rotate(14deg); }\n      .hero-scroll { display: none; }\n      .social-row { margin-top: 2.5rem; }\n      .about, .why, .featured, .join { padding: 105px 0; }\n      .about-grid, .featured-header, .join-layout { grid-template-columns: 1fr; gap: 2rem; }\n      .about-intro { position: static; }\n      .about-body { padding-top: 0; }\n      .about-intro h2, .why h2, .featured h2, .join h2 { font-size: clamp(3.7rem, 16vw, 6rem); }\n      .why-header { display: block; margin-bottom: 3rem; }\n      .why-header > p { margin-top: 1.5rem; }\n      .feature-orbit { min-height: 680px; }\n      .feature-card { width: min(270px, 76vw); }\n      .feature-card:nth-child(1) { top: 0; left: 2%; }\n      .feature-card:nth-child(2) { top: 29%; right: 0; }\n      .feature-card:nth-child(3) { bottom: 0; left: 9%; }\n      .item-grid { display: flex; flex-direction: column; }\n      .item-card, .item-card:nth-child(n) { width: 100%; margin: 0; }\n      .item-art { min-height: 260px; }\n      .join-layout { align-items: start; }\n      footer { flex-direction: column; align-items: flex-start; }\n    }\n    @media (prefers-reduced-motion: reduce) {\n      *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }\n      .reveal { opacity: 1; transform: none; }\n    }\n  <\/style>\n<\/head>\n<body>\n  <div class=\"page-shell\">\n    <header class=\"topbar\">\n      <a class=\"brand\" href=\"#top\" aria-label=\"HOODY home\">\n        <span class=\"brand-mark\">H<\/span>\n        <span>$HOODY<\/span>\n      <\/a>\n      <nav class=\"nav-links\" id=\"navLinks\" aria-label=\"Primary navigation\">\n        <a href=\"#about\">The legend<\/a>\n        <a href=\"#why\">Why Hoody<\/a>\n        <a href=\"#featured\">The gallery<\/a>\n        <a href=\"#join\">Join the hood<\/a>\n      <\/nav>\n      <a class=\"top-cta\" href=\"#join\">Enter the hood <span>\u2197<\/span><\/a>\n      <button class=\"menu-toggle\" id=\"menuToggle\" aria-label=\"Toggle menu\" aria-expanded=\"false\">\u2630<\/button>\n    <\/header>\n\n    <main id=\"top\">\n      <section class=\"hero\">\n        <div class=\"container\">\n          <div class=\"hero-content reveal\">\n            <span class=\"eyebrow\">Robinhood chain \/ community token<\/span>\n            <h1 class=\"display\">\n              <span class=\"line\">STEAL<\/span>\n              <span class=\"line outline\">THE<\/span>\n              <span class=\"line\">SPOT<span class=\"accent\">LIGHT.<\/span><\/span>\n            <\/h1>\n            <p class=\"hero-copy\">Not all heroes wear crowns. Some wear a hood. <strong>$HOODY is the meme-powered movement for ordinary people standing together.<\/strong><\/p>\n            <div class=\"actions\">\n              <a class=\"button\" href=\"#join\">Join the legend <span class=\"arrow\">\u2197<\/span><\/a>\n              <a class=\"button button-dark\" href=\"#about\">Discover $HOODY<\/a>\n            <\/div>\n            <div class=\"social-row\" aria-label=\"Social links\">\n              <span>Follow the signal<\/span>\n              <!--<a class=\"social\" href=\"\" aria-label=\"Social channel 1\"><img decoding=\"async\" src=\"http:\/\/thehoody.space\/wp-content\/uploads\/2026\/07\/1.png\" alt=\"\" \/><\/a>-->\n              <a class=\"social\" href=\"https:\/\/t.me\/hoddy_RH\" aria-label=\"Social channel 2\"><img decoding=\"async\" src=\"http:\/\/thehoody.space\/wp-content\/uploads\/2026\/07\/2.png\" alt=\"\" \/><\/a>\n              <a class=\"social\" href=\"#join\" aria-label=\"Social channel 3\"><img decoding=\"async\" src=\"http:\/\/thehoody.space\/wp-content\/uploads\/2026\/07\/3.png\" alt=\"\" \/><\/a>\n              <a class=\"social\" href=\"https:\/\/x.com\/HOODY_RH\" aria-label=\"Social channel 4\"><img decoding=\"async\" src=\"http:\/\/thehoody.space\/wp-content\/uploads\/2026\/07\/4.png\" alt=\"\" \/><\/a>\n            <\/div>\n          <\/div>\n          <!--<div class=\"hero-stamp\" aria-hidden=\"true\"><b>H<\/b><br \/>hood approved<br \/>since 2026<\/div>-->\n          <!--<div class=\"hero-scroll\" aria-hidden=\"true\">Scroll for the story<\/div>-->\n        <\/div>\n      <\/section>\n\n      <div class=\"ticker\" aria-label=\"HOODY values\">\n        <div class=\"ticker-track\">\n          <span class=\"ticker-item\">No kings<\/span><span class=\"ticker-item\">No gatekeepers<\/span><span class=\"ticker-item\">Just the hood<\/span><span class=\"ticker-item\">Build the legend<\/span><span class=\"ticker-item\">Robinhood chain<\/span>\n          <span class=\"ticker-item\">No kings<\/span><span class=\"ticker-item\">No gatekeepers<\/span><span class=\"ticker-item\">Just the hood<\/span><span class=\"ticker-item\">Build the legend<\/span><span class=\"ticker-item\">Robinhood chain<\/span>\n        <\/div>\n      <\/div>\n\n      <section class=\"about\" id=\"about\">\n        <div class=\"container about-grid\">\n          <div class=\"about-intro reveal\">\n            <span class=\"eyebrow\">01 \/ The origin story<\/span>\n            <h2 class=\"display\">A FAIR<br \/><span>FIGHT.<\/span><\/h2>\n          <\/div>\n          <div class=\"about-body reveal\">\n            <p><b>Robin Hood never waited for permission.<\/b> He saw a system that needed shaking up, grabbed his bow, and gave the power back to the people.<\/p>\n            <p class=\"muted\" style=\"font-size:.9rem; line-height:1.75; max-width:470px;\">$HOODY carries that same spirit into Robinhood Chain: part meme, part mission, and entirely community-owned. Fun first. Freedom always.<\/p>\n            <div class=\"about-note\">\n              <div class=\"stat\"><span class=\"icon\">\u2726<\/span><div><span class=\"number\">\u221e<\/span><small>Room for every voice in the hood<\/small><\/div><\/div>\n              <div class=\"stat\"><span class=\"number\">01<\/span><small>Chain of choice: Robinhood<\/small><\/div>\n              <div class=\"stat\"><span class=\"number\">100%<\/span><small>Powered by the community<\/small><\/div>\n            <\/div>\n            <div class=\"about-footer\"><span>MISSION STATUS<\/span><b>ACTIVE \/ UNSTOPPABLE<\/b><\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <section class=\"why\" id=\"why\">\n        <div class=\"container\">\n          <div class=\"why-header reveal\">\n            <div><span class=\"eyebrow\">02 \/ The code<\/span><h2 class=\"display\">WHY<br \/><span class=\"accent\">HOODY?<\/span><\/h2><\/div>\n            <p>Three reasons to leave the sidelines and join the loudest, friendliest hood on chain.<\/p>\n          <\/div>\n          <div class=\"feature-orbit reveal\">\n            <article class=\"feature-card\"><span class=\"feature-no\">01 \/ FAIR PLAY<\/span><h3>Power to the people.<\/h3><p>No kings, no gatekeepers, no velvet ropes. The hood is open to anyone ready to build.<\/p><span class=\"spark\">\u2726<\/span><\/article>\n            <article class=\"feature-card\"><span class=\"feature-no\">02 \/ BIG ENERGY<\/span><h3>Memes with momentum.<\/h3><p>We bring the laughs, the culture, and the kind of energy that turns a token into a legend.<\/p><span class=\"spark\">\u2726<\/span><\/article>\n            <article class=\"feature-card\"><span class=\"feature-no\">03 \/ ONE CREW<\/span><h3>Better together.<\/h3><p>Every holder adds a voice to the story. Every voice makes the hood harder to ignore.<\/p><span class=\"spark\">\u2726<\/span><\/article>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <section class=\"featured\" id=\"featured\">\n        <div class=\"container\">\n          <div class=\"featured-header reveal\">\n            <div><span class=\"eyebrow\">03 \/ Hood artifacts<\/span><h2 class=\"display\">THE<br \/><span class=\"accent\">GALLERY.<\/span><\/h2><\/div>\n            <p>Four glimpses into a world built for mischief, movement, and maximum main-character energy.<\/p>\n          <\/div>\n          <div class=\"item-grid\">\n            <article class=\"item-card reveal\"><div class=\"item-art\"><img decoding=\"async\" src=\"http:\/\/thehoody.space\/wp-content\/uploads\/2026\/07\/featuredthird1.png\" alt=\"Featured HOODY artwork one\" \/><\/div><div class=\"item-info\"><div><h3>The First Arrow<\/h3><p>Every legend starts somewhere.<\/p><\/div><span class=\"item-tag\">01 \/ 04<\/span><\/div><\/article>\n            <article class=\"item-card reveal\"><div class=\"item-art\"><img decoding=\"async\" src=\"http:\/\/thehoody.space\/wp-content\/uploads\/2026\/07\/featuredthird2.png\" alt=\"Featured HOODY artwork two\" \/><\/div><div class=\"item-info\"><div><h3>Outlaw Energy<\/h3><p>Made for the ones who move different.<\/p><\/div><span class=\"item-tag\">02 \/ 04<\/span><\/div><\/article>\n            <article class=\"item-card reveal\"><div class=\"item-art\"><img decoding=\"async\" src=\"http:\/\/thehoody.space\/wp-content\/uploads\/2026\/07\/featuredthird3.png\" alt=\"Featured HOODY artwork three\" \/><\/div><div class=\"item-info\"><div><h3>Share the Victory<\/h3><p>The best wins are the ones we share.<\/p><\/div><span class=\"item-tag\">03 \/ 04<\/span><\/div><\/article>\n            <article class=\"item-card reveal\"><div class=\"item-art\"><img decoding=\"async\" src=\"http:\/\/thehoody.space\/wp-content\/uploads\/2026\/07\/featuredthird4.png\" alt=\"Featured HOODY artwork four\" \/><\/div><div class=\"item-info\"><div><h3>Hood Forever<\/h3><p>Not a phase. A whole movement.<\/p><\/div><span class=\"item-tag\">04 \/ 04<\/span><\/div><\/article>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <section class=\"join\" id=\"join\">\n        <div class=\"container join-layout\">\n          <div class=\"reveal\">\n            <span class=\"eyebrow\">04 \/ The invitation<\/span>\n            <h2 class=\"display\">JOIN<br \/><span>THE HOOD.<\/span><\/h2>\n            <p class=\"join-copy\">The next chapter is being written right now. Bring your memes, your ideas, and your appetite for a fairer kind of fun.<\/p>\n          <\/div>\n          <div class=\"join-panel reveal\">\n            <p>Community access \/ open invite<\/p>\n            <div class=\"contract\"><code id=\"contractText\">null<\/code><button class=\"copy-btn\" id=\"copyBtn\" type=\"button\">COPY<\/button><\/div>\n            <div class=\"actions\">\n              <a class=\"button button-gold\" href=\"\">Enter the community <span class=\"arrow\">\u2197<\/span><\/a>\n              <a class=\"button button-dark\" href=\"#featured\">Explore the artifacts<\/a>\n            <\/div>\n            <p class=\"join-note\" id=\"copyStatus\" style=\"margin-top: 30px;\">No gatekeepers. No kings. Just a united community building the next legendary meme.<\/p>\n          <\/div>\n        <\/div>\n      <\/section>\n    <\/main>\n\n    <footer class=\"container\">\n      <a class=\"brand\" href=\"#top\"><span class=\"brand-mark\">H<\/span><span>$HOODY<\/span><\/a>\n      <span>STEAL THE SPOTLIGHT. SHARE THE VICTORY.<\/span>\n      <span>\u00a9 2026 THE HOOD<\/span>\n    <\/footer>\n  <\/div>\n\n  <script>\n    (function () {\n      const menuToggle = document.getElementById(\"menuToggle\");\n      const navLinks = document.getElementById(\"navLinks\");\n      menuToggle.addEventListener(\"click\", function () {\n        const open = navLinks.classList.toggle(\"open\");\n        menuToggle.setAttribute(\"aria-expanded\", String(open));\n        menuToggle.textContent = open ? \"\u00d7\" : \"\u2630\";\n      });\n      navLinks.querySelectorAll(\"a\").forEach(function (link) {\n        link.addEventListener(\"click\", function () {\n          navLinks.classList.remove(\"open\");\n          menuToggle.setAttribute(\"aria-expanded\", \"false\");\n          menuToggle.textContent = \"\u2630\";\n        });\n      });\n\n      const reveals = document.querySelectorAll(\".reveal\");\n      if (\"IntersectionObserver\" in window) {\n        const observer = new IntersectionObserver(function (entries) {\n          entries.forEach(function (entry) {\n            if (entry.isIntersecting) {\n              entry.target.classList.add(\"visible\");\n              observer.unobserve(entry.target);\n            }\n          });\n        }, { threshold: .12 });\n        reveals.forEach(function (element) { observer.observe(element); });\n      } else {\n        reveals.forEach(function (element) { element.classList.add(\"visible\"); });\n      }\n\n      const copyBtn = document.getElementById(\"copyBtn\");\n      const copyStatus = document.getElementById(\"copyStatus\");\n      copyBtn.addEventListener(\"click\", async function () {\n        const value = document.getElementById(\"contractText\").textContent;\n        try {\n          await navigator.clipboard.writeText(value);\n          copyBtn.textContent = \"COPIED\";\n          copyStatus.textContent = \"The signal is yours. Welcome to the hood.\";\n          setTimeout(function () { copyBtn.textContent = \"COPY\"; }, 1800);\n        } catch (error) {\n          copyStatus.textContent = \"Select the community address above to copy it.\";\n        }\n      });\n    }());\n  <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>$HOODY \u2014 Steal the Spotlight H $HOODY The legend Why Hoody The gallery Join the hood Enter the hood \u2197 \u2630 Robinhood chain \/ community token STEAL THE SPOTLIGHT. Not all heroes wear crowns. Some wear a hood. $HOODY is the meme-powered movement for ordinary people standing together. Join the legend \u2197 Discover $HOODY Follow [&hellip;]<\/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:\/\/thehoody.space\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thehoody.space\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thehoody.space\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thehoody.space\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thehoody.space\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":49,"href":"https:\/\/thehoody.space\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":86,"href":"https:\/\/thehoody.space\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/86"}],"wp:attachment":[{"href":"https:\/\/thehoody.space\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}