{"id":8,"date":"2026-07-14T16:50:57","date_gmt":"2026-07-14T16:50:57","guid":{"rendered":"https:\/\/trenchy.site\/?page_id=8"},"modified":"2026-07-14T17:41:02","modified_gmt":"2026-07-14T17:41:02","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/trenchy.site\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t
\n\t\t\t\t\t\n\n\n\n\nTRENCHY \u2014 $TRENCHY | Fearless Survivor of the Crypto Trenches<\/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=Barlow+Condensed:ital,wght@0,400;0,600;0,700;0,800;0,900;1,700&family=Barlow:wght@300;400;500;600&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --olive: #5a6e2c;\n --olive-light: #7a9438;\n --olive-dark: #3b4a1a;\n --gold: #c9960e;\n --gold-light: #e8b830;\n --gold-glow: #f5d060;\n --brown: #6b4226;\n --brown-light: #9c6340;\n --cream: #f5ecd7;\n --warm-bg: #1a1608;\n --dark-bg: #090b05;\n --sunset: #d96520;\n --sunset-warm: #c45c1a;\n --text-light: #ede5d0;\n --text-muted: #a89870;\n\n --font-display: 'Barlow Condensed', sans-serif;\n --font-body: 'Inter', sans-serif;\n --font-ui: 'Barlow', sans-serif;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n html { scroll-behavior: smooth; overflow-x: hidden; }\n\n body {\n font-family: var(--font-body);\n background: var(--dark-bg);\n color: var(--text-light);\n overflow-x: hidden;\n }\n\n ::-webkit-scrollbar { width: 5px; }\n ::-webkit-scrollbar-track { background: var(--dark-bg); }\n ::-webkit-scrollbar-thumb { background: var(--gold); border-radius: 3px; }\n\n \/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500 *\/\n nav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 1000;\n padding: 18px 48px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n transition: background 0.5s, backdrop-filter 0.5s, border-color 0.5s;\n border-bottom: 1px solid transparent;\n }\n nav.scrolled {\n background: rgba(9, 11, 5, 0.9);\n backdrop-filter: blur(16px);\n border-bottom-color: rgba(201, 150, 14, 0.18);\n }\n\n .nav-logo {\n font-family: var(--font-display);\n font-size: 1.6rem;\n font-weight: 900;\n letter-spacing: 0.14em;\n color: var(--gold-light);\n text-shadow: 0 0 28px rgba(201,150,14,0.5);\n text-transform: uppercase;\n text-decoration: none;\n }\n\n .nav-links {\n display: flex;\n gap: 36px;\n list-style: none;\n }\n .nav-links a {\n font-family: var(--font-ui);\n color: var(--text-muted);\n text-decoration: none;\n font-size: 0.8rem;\n font-weight: 500;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n transition: color 0.3s;\n }\n .nav-links a:hover { color: var(--gold-light); }\n\n .nav-cta {\n font-family: var(--font-ui);\n font-weight: 700;\n font-size: 0.8rem;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n background: linear-gradient(135deg, var(--gold) 0%, var(--sunset) 100%);\n color: #fff;\n border: none;\n padding: 10px 26px;\n border-radius: 4px;\n cursor: pointer;\n text-decoration: none;\n transition: transform 0.2s, box-shadow 0.2s;\n box-shadow: 0 4px 18px rgba(201,150,14,0.35);\n }\n .nav-cta:hover {\n transform: translateY(-2px);\n box-shadow: 0 10px 28px rgba(201,150,14,0.5);\n }\n\n \/* \u2500\u2500\u2500 SECTIONS \u2500\u2500\u2500 *\/\n section { min-height: 100vh; position: relative; overflow: hidden; }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n HERO\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n #hero {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background: radial-gradient(ellipse 130% 90% at 50% 110%, #1e2808 0%, #0e1205 35%, #090b05 100%);\n }\n\n \/* Blurred gallery mosaic *\/\n .hero-gallery-bg {\n position: absolute;\n inset: 0;\n display: grid;\n grid-template-columns: repeat(6, 1fr);\n grid-template-rows: repeat(3, 1fr);\n opacity: 0.32;\n filter: blur(1px) saturate(0.7) brightness(0.55);\n pointer-events: none;\n transform: scale(1.05);\n }\n .hero-gallery-bg img {\n width: 100%; height: 100%; object-fit: cover;\n }\n\n \/* Vignette overlay *\/\n .hero-vignette {\n position: absolute;\n inset: 0;\n background:\n radial-gradient(ellipse 55% 55% at 50% 50%, rgba(9,11,5,0.55) 0%, rgba(9,11,5,0.82) 100%),\n linear-gradient(to bottom, rgba(9,11,5,0.75) 0%, transparent 20%, transparent 80%, rgba(9,11,5,0.9) 100%);\n pointer-events: none;\n z-index: 1;\n }\n\n \/* Floating particles *\/\n .hero-particles {\n position: absolute;\n inset: 0;\n pointer-events: none;\n overflow: hidden;\n z-index: 2;\n }\n .particle {\n position: absolute;\n border-radius: 50%;\n background: radial-gradient(circle, var(--gold-glow) 0%, transparent 70%);\n animation: floatParticle linear infinite;\n opacity: 0;\n }\n @keyframes floatParticle {\n 0% { transform: translateY(100vh) scale(0); opacity: 0; }\n 8% { opacity: 0.6; }\n 90% { opacity: 0.2; }\n 100% { transform: translateY(-20vh) scale(1.5); opacity: 0; }\n }\n\n \/* Ground glow line *\/\n .hero-ground {\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 70%;\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--gold), var(--olive-light), var(--gold), transparent);\n box-shadow: 0 0 80px 16px rgba(201,150,14,0.2);\n z-index: 2;\n }\n\n \/* Hero content *\/\n .hero-content {\n position: relative;\n z-index: 10;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 30px;\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: rgba(201,150,14,0.1);\n border: 1px solid rgba(201,150,14,0.35);\n border-radius: 2px;\n padding: 7px 22px;\n font-family: var(--font-ui);\n font-size: 0.72rem;\n font-weight: 600;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: var(--gold-light);\n backdrop-filter: blur(8px);\n animation: fadeSlideDown 0.9s ease both;\n }\n\n .badge-dot {\n width: 5px; height: 5px;\n background: var(--gold-light);\n border-radius: 50%;\n box-shadow: 0 0 8px var(--gold-light);\n animation: pulse 2s ease-in-out infinite;\n }\n @keyframes pulse {\n 0%, 100% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(1.4); opacity: 0.6; }\n }\n\n .hero-logo-wrap {\n position: relative;\n animation: heroFloat 5s ease-in-out infinite, fadeIn 1s ease both 0.4s;\n }\n .hero-logo-shadow {\n position: absolute;\n bottom: -24px;\n left: 50%;\n transform: translateX(-50%);\n width: 75%;\n height: 28px;\n background: radial-gradient(ellipse, rgba(201,150,14,0.45) 0%, transparent 70%);\n filter: blur(10px);\n animation: shadowFloat 5s ease-in-out infinite;\n }\n @keyframes shadowFloat {\n 0%, 100% { transform: translateX(-50%) scaleX(1); opacity: 0.9; }\n 50% { transform: translateX(-50%) scaleX(0.75); opacity: 0.5; }\n }\n .hero-logo {\n width: clamp(180px, 28vw, 340px);\n filter: drop-shadow(0 0 50px rgba(201,150,14,0.45)) drop-shadow(0 24px 64px rgba(0,0,0,0.85));\n }\n @keyframes heroFloat {\n 0%, 100% { transform: translateY(0) rotate(-0.8deg); }\n 50% { transform: translateY(-20px) rotate(0.8deg); }\n }\n\n .hero-ticker {\n font-family: var(--font-display);\n font-size: clamp(4rem, 11vw, 9rem);\n font-weight: 900;\n letter-spacing: 0.05em;\n line-height: 1;\n text-transform: uppercase;\n background: linear-gradient(140deg, var(--gold-glow) 0%, var(--gold-light) 35%, var(--sunset) 75%, var(--gold) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n filter: drop-shadow(0 0 40px rgba(201,150,14,0.35));\n animation: fadeSlideUp 0.9s ease both 0.5s;\n }\n\n .hero-tagline {\n font-family: var(--font-body);\n font-size: clamp(0.95rem, 2.2vw, 1.25rem);\n font-weight: 300;\n color: var(--text-muted);\n max-width: 560px;\n line-height: 1.8;\n letter-spacing: 0.01em;\n animation: fadeSlideUp 0.9s ease both 0.7s;\n }\n .hero-tagline strong {\n font-weight: 500;\n color: var(--text-light);\n }\n\n .hero-buttons {\n display: flex;\n gap: 14px;\n flex-wrap: wrap;\n justify-content: center;\n animation: fadeSlideUp 0.9s ease both 0.9s;\n }\n\n .btn-primary {\n font-family: var(--font-ui);\n font-weight: 700;\n font-size: 0.85rem;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n background: linear-gradient(135deg, var(--gold) 0%, var(--sunset) 100%);\n color: #fff;\n border: none;\n padding: 16px 38px;\n border-radius: 4px;\n cursor: pointer;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 10px;\n transition: transform 0.25s, box-shadow 0.25s;\n box-shadow: 0 4px 24px rgba(201,150,14,0.4);\n }\n .btn-primary:hover {\n transform: translateY(-3px);\n box-shadow: 0 14px 40px rgba(201,150,14,0.6);\n }\n .btn-primary svg { width: 16px; height: 16px; fill: currentColor; flex-shrink: 0; }\n\n .btn-secondary {\n font-family: var(--font-ui);\n font-weight: 600;\n font-size: 0.85rem;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n background: rgba(255,255,255,0.04);\n color: var(--text-light);\n border: 1px solid rgba(201,150,14,0.35);\n padding: 16px 38px;\n border-radius: 4px;\n cursor: pointer;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 10px;\n transition: transform 0.25s, border-color 0.25s, background 0.25s;\n backdrop-filter: blur(8px);\n }\n .btn-secondary:hover {\n transform: translateY(-3px);\n border-color: var(--gold-light);\n background: rgba(201,150,14,0.08);\n }\n\n \/* CA Copy Button *\/\n .btn-ca {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 4px;\n background: rgba(201,150,14,0.08);\n border: 1px solid rgba(201,150,14,0.4);\n border-radius: 6px;\n padding: 14px 32px 12px;\n cursor: pointer;\n transition: transform 0.25s, border-color 0.25s, background 0.25s, box-shadow 0.25s;\n backdrop-filter: blur(10px);\n position: relative;\n overflow: hidden;\n min-width: 340px;\n animation: fadeSlideUp 0.9s ease both 0.9s;\n }\n .btn-ca::before {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, rgba(201,150,14,0.12) 0%, transparent 60%);\n opacity: 0;\n transition: opacity 0.3s;\n }\n .btn-ca:hover {\n transform: translateY(-3px);\n border-color: var(--gold-light);\n background: rgba(201,150,14,0.12);\n box-shadow: 0 12px 40px rgba(201,150,14,0.25);\n }\n .btn-ca:hover::before { opacity: 1; }\n .ca-label {\n font-family: var(--font-ui);\n font-size: 0.62rem;\n font-weight: 600;\n letter-spacing: 0.24em;\n text-transform: uppercase;\n color: var(--olive-light);\n }\n .ca-address {\n font-family: 'Courier New', 'Consolas', monospace;\n font-size: 0.82rem;\n color: var(--text-light);\n letter-spacing: 0.04em;\n word-break: break-all;\n line-height: 1.4;\n }\n .ca-copy-hint {\n font-family: var(--font-ui);\n font-size: 0.6rem;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--gold);\n margin-top: 2px;\n transition: color 0.2s;\n }\n .btn-ca:hover .ca-copy-hint { color: var(--gold-light); }\n .btn-ca.copied {\n border-color: var(--olive-light);\n background: rgba(90,110,44,0.12);\n }\n .btn-ca.copied .ca-copy-hint { color: var(--olive-light); }\n\n .hero-scroll-hint {\n position: absolute;\n bottom: 36px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 10px;\n color: var(--text-muted);\n font-family: var(--font-ui);\n font-size: 0.65rem;\n font-weight: 500;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n animation: fadeIn 1.5s ease both 2.2s;\n z-index: 10;\n }\n .scroll-arrow {\n width: 18px; height: 18px;\n border-right: 1.5px solid var(--gold);\n border-bottom: 1.5px solid var(--gold);\n transform: rotate(45deg);\n animation: arrowBounce 1.6s ease-in-out infinite;\n opacity: 0.6;\n }\n @keyframes arrowBounce {\n 0%, 100% { transform: rotate(45deg) translateY(0); }\n 50% { transform: rotate(45deg) translateY(7px); }\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n ABOUT\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n #about {\n background: linear-gradient(160deg, #0c1004 0%, #141a06 50%, #090c03 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .about-inner {\n max-width: 1400px;\n width: 94%;\n display: grid;\n grid-template-columns: 1.1fr 1fr 1.1fr;\n gap: 40px;\n align-items: center;\n padding: 100px 0;\n }\n\n .about-img-wrap {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n .about-img-wrap img {\n width: 100%;\n max-width: 460px;\n filter:\n drop-shadow(0 24px 60px rgba(0,0,0,0.75))\n drop-shadow(0 0 30px rgba(90,110,44,0.25));\n transition: transform 0.5s cubic-bezier(0.23,1,0.32,1), filter 0.5s;\n }\n .about-img-wrap.mirror img { transform: scaleX(-1); }\n .about-img-wrap:hover img {\n transform: translateY(-12px);\n filter:\n drop-shadow(0 36px 70px rgba(0,0,0,0.8))\n drop-shadow(0 0 40px rgba(90,110,44,0.4));\n }\n .about-img-wrap.mirror:hover img {\n transform: scaleX(-1) translateY(-12px);\n }\n .about-img-glow {\n position: absolute;\n bottom: -12px;\n width: 70%;\n height: 30px;\n background: radial-gradient(ellipse, rgba(90,110,44,0.45) 0%, transparent 70%);\n filter: blur(14px);\n }\n\n .about-text { text-align: center; }\n\n .section-label {\n display: inline-block;\n font-family: var(--font-ui);\n font-size: 0.68rem;\n font-weight: 600;\n letter-spacing: 0.28em;\n text-transform: uppercase;\n color: var(--olive-light);\n margin-bottom: 18px;\n padding-left: 14px;\n border-left: 2px solid var(--olive-light);\n }\n\n .section-title {\n font-family: var(--font-display);\n font-size: clamp(2.4rem, 5vw, 3.8rem);\n font-weight: 900;\n line-height: 1.05;\n text-transform: uppercase;\n letter-spacing: 0.03em;\n margin-bottom: 22px;\n }\n .section-title .gold { color: var(--gold-light); }\n .section-title .olive { color: var(--olive-light); }\n\n .about-body {\n font-family: var(--font-body);\n color: var(--text-muted);\n font-size: 0.98rem;\n line-height: 1.85;\n font-weight: 300;\n margin-bottom: 28px;\n }\n .about-body strong { color: var(--text-light); font-weight: 500; }\n\n .about-stats {\n display: flex;\n gap: 20px;\n justify-content: center;\n margin-top: 36px;\n flex-wrap: wrap;\n }\n .stat-box {\n background: rgba(201,150,14,0.06);\n border: 1px solid rgba(201,150,14,0.18);\n border-radius: 6px;\n padding: 22px 28px;\n text-align: center;\n transition: border-color 0.3s, transform 0.3s;\n }\n .stat-box:hover {\n border-color: rgba(201,150,14,0.45);\n transform: translateY(-5px);\n }\n .stat-value {\n font-family: var(--font-display);\n font-size: 2rem;\n font-weight: 900;\n color: var(--gold-light);\n letter-spacing: 0.04em;\n display: block;\n }\n .stat-label {\n font-family: var(--font-ui);\n font-size: 0.65rem;\n font-weight: 600;\n letter-spacing: 0.14em;\n color: var(--text-muted);\n text-transform: uppercase;\n margin-top: 5px;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n FEATURES\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n #features {\n background: radial-gradient(ellipse 140% 100% at 50% 0%, #1a1603 0%, #0b0c04 55%, #060700 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 120px 48px;\n }\n\n .features-inner { max-width: 1200px; width: 100%; }\n\n .features-header {\n text-align: center;\n margin-bottom: 72px;\n }\n .features-header p {\n font-family: var(--font-body);\n color: var(--text-muted);\n max-width: 480px;\n margin: 16px auto 0;\n line-height: 1.75;\n font-size: 0.98rem;\n font-weight: 300;\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n }\n\n .feature-card {\n position: relative;\n border-radius: 8px;\n padding: 44px 36px;\n overflow: hidden;\n cursor: default;\n transition: transform 0.4s cubic-bezier(0.23,1,0.32,1), box-shadow 0.4s;\n border: 1px solid rgba(255,255,255,0.06);\n background: rgba(255,255,255,0.025);\n }\n .feature-card::before {\n content: '';\n position: absolute;\n inset: 0;\n background: var(--card-gradient);\n z-index: 0;\n transition: opacity 0.4s;\n opacity: 0.7;\n }\n .feature-card::after {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--card-line), transparent);\n }\n .feature-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 28px 64px rgba(0,0,0,0.55), 0 0 40px var(--card-glow);\n border-color: rgba(255,255,255,0.1);\n }\n .feature-card:hover::before { opacity: 1; }\n\n .feature-card:nth-child(1) {\n --card-gradient: linear-gradient(145deg, rgba(201,150,14,0.1) 0%, transparent 60%);\n --card-line: rgba(201,150,14,0.7);\n --card-glow: rgba(201,150,14,0.15);\n }\n .feature-card:nth-child(2) {\n --card-gradient: linear-gradient(145deg, rgba(90,110,44,0.12) 0%, transparent 60%);\n --card-line: rgba(90,110,44,0.8);\n --card-glow: rgba(90,110,44,0.15);\n }\n .feature-card:nth-child(3) {\n --card-gradient: linear-gradient(145deg, rgba(217,101,32,0.1) 0%, transparent 60%);\n --card-line: rgba(217,101,32,0.8);\n --card-glow: rgba(217,101,32,0.15);\n }\n .feature-card:nth-child(4) {\n --card-gradient: linear-gradient(145deg, rgba(107,66,38,0.14) 0%, transparent 60%);\n --card-line: rgba(156,99,64,0.7);\n --card-glow: rgba(107,66,38,0.15);\n }\n .feature-card:nth-child(5) {\n --card-gradient: linear-gradient(145deg, rgba(201,150,14,0.08) 0%, rgba(90,110,44,0.06) 50%, transparent 100%);\n --card-line: rgba(201,150,14,0.6);\n --card-glow: rgba(201,150,14,0.12);\n }\n .feature-card:nth-child(6) {\n --card-gradient: linear-gradient(145deg, rgba(130,80,200,0.08) 0%, transparent 60%);\n --card-line: rgba(160,100,240,0.6);\n --card-glow: rgba(130,80,200,0.12);\n }\n\n \/* Card icon: minimal SVG line icon *\/\n .feature-icon-wrap {\n position: relative;\n z-index: 1;\n width: 44px;\n height: 44px;\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 6px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 24px;\n background: rgba(255,255,255,0.04);\n transition: border-color 0.3s;\n }\n .feature-card:hover .feature-icon-wrap {\n border-color: var(--card-line);\n }\n .feature-icon-wrap svg {\n width: 20px;\n height: 20px;\n stroke: var(--gold-light);\n fill: none;\n stroke-width: 1.6;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: stroke 0.3s;\n }\n\n .feature-title {\n font-family: var(--font-display);\n font-size: 1.4rem;\n font-weight: 800;\n color: var(--text-light);\n letter-spacing: 0.04em;\n text-transform: uppercase;\n margin-bottom: 12px;\n position: relative;\n z-index: 1;\n }\n .feature-desc {\n font-family: var(--font-body);\n color: var(--text-muted);\n font-size: 0.9rem;\n line-height: 1.75;\n font-weight: 300;\n position: relative;\n z-index: 1;\n }\n .feature-num {\n position: absolute;\n top: 24px;\n right: 28px;\n font-family: var(--font-display);\n font-size: 3.5rem;\n font-weight: 900;\n color: rgba(255,255,255,0.03);\n line-height: 1;\n z-index: 0;\n user-select: none;\n letter-spacing: -0.02em;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n GALLERY\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n #gallery {\n background: linear-gradient(180deg, #060700 0%, #0c1004 50%, #080a03 100%);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 120px 0;\n gap: 0;\n }\n\n .gallery-header {\n text-align: center;\n margin-bottom: 60px;\n padding: 0 48px;\n }\n .gallery-header p {\n font-family: var(--font-body);\n color: var(--text-muted);\n max-width: 460px;\n margin: 16px auto 0;\n line-height: 1.75;\n font-size: 0.98rem;\n font-weight: 300;\n }\n\n .marquee-container {\n width: 100%;\n overflow: hidden;\n mask-image: linear-gradient(90deg, transparent 0%, black 8%, black 92%, transparent 100%);\n -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 8%, black 92%, transparent 100%);\n margin-bottom: 14px;\n }\n\n .marquee-track {\n display: flex;\n gap: 14px;\n width: max-content;\n animation: marqueeLeft var(--speed, 30s) linear infinite;\n }\n .marquee-track.reverse { animation: marqueeRight var(--speed, 36s) linear infinite; }\n .marquee-track.slow { animation: marqueeLeft var(--speed, 54s) linear infinite; }\n\n @keyframes marqueeLeft {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n @keyframes marqueeRight {\n 0% { transform: translateX(-50%); }\n 100% { transform: translateX(0); }\n }\n\n .marquee-item {\n flex-shrink: 0;\n width: 230px;\n height: 210px;\n border-radius: 12px;\n overflow: hidden;\n border: 1px solid rgba(201,150,14,0.12);\n transition: border-color 0.3s, transform 0.4s;\n position: relative;\n }\n .marquee-item:hover {\n border-color: rgba(201,150,14,0.55);\n transform: scale(1.04);\n z-index: 2;\n }\n .marquee-item img {\n width: 100%; height: 100%; object-fit: cover;\n transition: transform 0.5s;\n }\n .marquee-item:hover img { transform: scale(1.08); }\n\n \/* Row 2 overrides *\/\n .marquee-container:nth-child(3) .marquee-item { height: 250px; width: 270px; }\n \/* Row 3 overrides *\/\n .marquee-container:nth-child(4) .marquee-item { height: 185px; width: 205px; }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n FINAL CTA\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n #cta {\n display: flex;\n align-items: center;\n justify-content: center;\n background: radial-gradient(ellipse 130% 100% at 50% -5%, #221904 0%, #110e02 50%, #080600 100%);\n position: relative;\n }\n\n \/* Grid lines background *\/\n .cta-grid {\n position: absolute;\n inset: 0;\n background-image:\n linear-gradient(rgba(201,150,14,0.04) 1px, transparent 1px),\n linear-gradient(90deg, rgba(201,150,14,0.04) 1px, transparent 1px);\n background-size: 72px 72px;\n mask-image: radial-gradient(ellipse 75% 75% at 50% 50%, black 0%, transparent 100%);\n pointer-events: none;\n z-index: 0;\n }\n\n .cta-orb {\n position: absolute;\n width: 700px;\n height: 700px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(201,150,14,0.1) 0%, transparent 70%);\n left: 50%; top: 50%;\n transform: translate(-50%, -50%);\n pointer-events: none;\n z-index: 0;\n animation: orbPulse 5s ease-in-out infinite;\n }\n @keyframes orbPulse {\n 0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.7; }\n 50% { transform: translate(-50%, -50%) scale(1.12); opacity: 1; }\n }\n\n .cta-inner {\n max-width: 860px;\n width: 90%;\n text-align: center;\n position: relative;\n z-index: 2;\n padding: 120px 0;\n }\n\n .cta-eyebrow {\n font-family: var(--font-ui);\n font-size: 0.72rem;\n font-weight: 600;\n letter-spacing: 0.28em;\n text-transform: uppercase;\n color: var(--olive-light);\n margin-bottom: 26px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 18px;\n }\n .cta-eyebrow::before,\n .cta-eyebrow::after {\n content: '';\n height: 1px;\n width: 56px;\n background: linear-gradient(90deg, transparent, var(--olive-light));\n }\n .cta-eyebrow::after { background: linear-gradient(90deg, var(--olive-light), transparent); }\n\n .cta-headline {\n font-family: var(--font-display);\n font-size: clamp(3.2rem, 9vw, 7rem);\n font-weight: 900;\n line-height: 1.0;\n text-transform: uppercase;\n letter-spacing: 0.04em;\n margin-bottom: 26px;\n background: linear-gradient(140deg, var(--gold-glow) 0%, var(--gold-light) 40%, var(--sunset) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n filter: drop-shadow(0 0 40px rgba(201,150,14,0.28));\n }\n\n .cta-sub {\n font-family: var(--font-body);\n font-size: 1.05rem;\n font-weight: 300;\n color: var(--text-muted);\n max-width: 520px;\n margin: 0 auto 52px;\n line-height: 1.85;\n }\n .cta-sub strong { color: var(--gold-light); font-weight: 500; }\n\n .cta-buttons {\n display: flex;\n gap: 14px;\n justify-content: center;\n flex-wrap: wrap;\n margin-bottom: 64px;\n }\n\n \/* Social links *\/\n .social-row {\n display: flex;\n gap: 12px;\n justify-content: center;\n flex-wrap: wrap;\n margin-bottom: 56px;\n }\n\n .social-btn {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n padding: 11px 22px;\n border-radius: 4px;\n font-family: var(--font-ui);\n font-size: 0.8rem;\n font-weight: 600;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n text-decoration: none;\n border: 1px solid rgba(255,255,255,0.1);\n background: rgba(255,255,255,0.03);\n color: var(--text-muted);\n transition: transform 0.25s, border-color 0.25s, color 0.25s, background 0.25s;\n backdrop-filter: blur(8px);\n }\n .social-btn:hover {\n transform: translateY(-3px);\n border-color: rgba(201,150,14,0.5);\n background: rgba(201,150,14,0.08);\n color: var(--gold-light);\n }\n .social-btn svg {\n width: 16px; height: 16px;\n fill: currentColor;\n flex-shrink: 0;\n }\n\n .cta-footer-row {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 16px;\n font-family: var(--font-ui);\n font-size: 0.7rem;\n font-weight: 500;\n color: var(--text-muted);\n letter-spacing: 0.12em;\n text-transform: uppercase;\n border-top: 1px solid rgba(255,255,255,0.05);\n padding-top: 36px;\n flex-wrap: wrap;\n opacity: 0.7;\n }\n .ticker-pill {\n background: rgba(201,150,14,0.12);\n border: 1px solid rgba(201,150,14,0.3);\n padding: 5px 16px;\n border-radius: 3px;\n color: var(--gold-light);\n font-family: var(--font-display);\n font-weight: 800;\n font-size: 0.95rem;\n letter-spacing: 0.1em;\n }\n .sep { opacity: 0.25; }\n\n \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\n footer {\n background: #050600;\n text-align: center;\n padding: 22px;\n font-family: var(--font-ui);\n font-size: 0.68rem;\n font-weight: 400;\n color: rgba(255,255,255,0.18);\n border-top: 1px solid rgba(255,255,255,0.04);\n letter-spacing: 0.1em;\n text-transform: uppercase;\n }\n\n \/* \u2500\u2500\u2500 ANIMATIONS \u2500\u2500\u2500 *\/\n @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\n @keyframes fadeSlideDown {\n from { opacity: 0; transform: translateY(-22px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes fadeSlideUp {\n from { opacity: 0; transform: translateY(22px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* \u2500\u2500\u2500 SCROLL REVEAL \u2500\u2500\u2500 *\/\n .reveal {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.9s cubic-bezier(0.23,1,0.32,1), transform 0.9s cubic-bezier(0.23,1,0.32,1);\n }\n .reveal.from-left { transform: translateX(-50px); }\n .reveal.from-right { transform: translateX(50px); }\n .reveal.visible { opacity: 1; transform: translate(0,0); }\n\n .stagger > * {\n opacity: 0;\n transform: translateY(28px);\n transition: opacity 0.7s cubic-bezier(0.23,1,0.32,1), transform 0.7s cubic-bezier(0.23,1,0.32,1);\n }\n .stagger.visible > *:nth-child(1) { opacity: 1; transform: none; transition-delay: 0.00s; }\n .stagger.visible > *:nth-child(2) { opacity: 1; transform: none; transition-delay: 0.08s; }\n .stagger.visible > *:nth-child(3) { opacity: 1; transform: none; transition-delay: 0.16s; }\n .stagger.visible > *:nth-child(4) { opacity: 1; transform: none; transition-delay: 0.24s; }\n .stagger.visible > *:nth-child(5) { opacity: 1; transform: none; transition-delay: 0.32s; }\n .stagger.visible > *:nth-child(6) { opacity: 1; transform: none; transition-delay: 0.40s; }\n\n \/* \u2500\u2500\u2500 CURSOR GLOW \u2500\u2500\u2500 *\/\n .cursor-glow {\n position: fixed;\n width: 320px; height: 320px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(201,150,14,0.055) 0%, transparent 70%);\n pointer-events: none;\n z-index: 9999;\n transform: translate(-50%, -50%);\n mix-blend-mode: screen;\n will-change: left, top;\n }\n\n \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n @media (max-width: 960px) {\n .about-inner { grid-template-columns: 1fr; gap: 48px; padding: 80px 0; text-align: center; }\n .about-img-wrap { align-items: center; }\n .features-grid { grid-template-columns: 1fr 1fr; }\n nav { padding: 14px 24px; }\n .nav-links { display: none; }\n }\n @media (max-width: 600px) {\n .features-grid { grid-template-columns: 1fr; }\n .hero-buttons { flex-direction: column; align-items: stretch; }\n .cta-buttons { flex-direction: column; align-items: stretch; max-width: 280px; margin-left: auto; margin-right: auto; }\n .marquee-item { width: 165px; height: 155px; }\n .marquee-container:nth-child(3) .marquee-item { height: 190px; width: 195px; }\n #features { padding: 80px 24px; }\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"cursor-glow\" id=\"cursorGlow\"><\/div>\n\n<!-- NAV -->\n<nav id=\"mainNav\">\n <a class=\"nav-logo\" href=\"#hero\">TRENCHY<\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#about\">About<\/a><\/li>\n <li><a href=\"#features\">Features<\/a><\/li>\n <li><a href=\"#gallery\">Gallery<\/a><\/li>\n <li><a href=\"#cta\">Join<\/a><\/li>\n <\/ul>\n <a href=\"#cta\" class=\"nav-cta\">Buy $TRENCHY<\/a>\n<\/nav>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section id=\"hero\">\n <div class=\"hero-gallery-bg\" aria-hidden=\"true\">\n <img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg1.png\" alt=\"\">\n <img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg2.png\" alt=\"\">\n <img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg3.png\" alt=\"\">\n <img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg4.png\" alt=\"\">\n <img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg5.png\" alt=\"\">\n <img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg6.png\" alt=\"\">\n <img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg7.png\" alt=\"\">\n <img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg8.png\" alt=\"\">\n <img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg9.png\" alt=\"\">\n <img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg10.png\" alt=\"\">\n <img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg11.png\" alt=\"\">\n <img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg12.png\" alt=\"\">\n <\/div>\n <div class=\"hero-vignette\" aria-hidden=\"true\"><\/div>\n <div class=\"hero-particles\" id=\"heroParticles\" aria-hidden=\"true\"><\/div>\n <div class=\"hero-ground\" aria-hidden=\"true\"><\/div>\n\n <div class=\"hero-content\">\n <!--<div class=\"hero-badge\">-->\n <!-- <span class=\"badge-dot\"><\/span>-->\n <!-- Season One \u2014 The Great Trenches-->\n <!--<\/div>-->\n\n <div class=\"hero-logo-wrap\">\n <img decoding=\"async\"\n class=\"hero-logo\"\n src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/logo.png\"\n alt=\"TRENCHY\"\n onerror=\"this.style.display='none'\"\n >\n <div class=\"hero-logo-shadow\"><\/div>\n <\/div>\n\n <h1 class=\"hero-ticker\">$TRENCHY<\/h1>\n\n <p class=\"hero-tagline\">\n The <strong>fearless little survivor<\/strong> of the crypto trenches.<br>\n While everyone else panics, TRENCHY waits for the moon.\n <\/p>\n\n <div class=\"hero-buttons\">\n <button class=\"btn-ca\" id=\"caBtn\" onclick=\"copyCa()\">\n <span class=\"ca-label\">Contract Address<\/span>\n <span class=\"ca-address\" id=\"caText\">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX<\/span>\n <span class=\"ca-copy-hint\" id=\"caCopyHint\">Click to copy<\/span>\n <\/button>\n <!--<a href=\"#about\" class=\"btn-secondary\">-->\n <!-- Explore the Story-->\n <!--<\/a>-->\n <\/div>\n <\/div>\n\n <!--<div class=\"hero-scroll-hint\">-->\n <!-- <span>Scroll<\/span>-->\n <!-- <div class=\"scroll-arrow\"><\/div>-->\n <!--<\/div>-->\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 ABOUT \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section id=\"about\">\n <div class=\"about-inner\">\n <div class=\"about-img-wrap reveal from-left\">\n <img decoding=\"async\"\n src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/featured2.png\"\n alt=\"TRENCHY character\"\n onerror=\"this.style.display='none'\"\n >\n <div class=\"about-img-glow\"><\/div>\n <\/div>\n\n <div class=\"about-text reveal\">\n <div class=\"section-label\">Origin Story<\/div>\n <h2 class=\"section-title\">\n Born in the<br>\n <span class=\"olive\">Trenches.<\/span><br>\n Built for the <span class=\"gold\">Moon.<\/span>\n <\/h2>\n <p class=\"about-body\">\n <strong>TRENCHY<\/strong> is no ordinary meme coin \u2014 it is a battle cry.<br><br>\n Born deep in the crypto trenches, TRENCHY embodies the spirit of every degen who refused to quit. While markets bled red, TRENCHY sat calm, watching, waiting, <strong>believing<\/strong>.<br><br>\n Every dip is another trench. Every hold is an act of defiance. Every moon is earned \u2014 never given.\n <\/p>\n <div class=\"about-stats stagger\">\n <div class=\"stat-box\">\n <span class=\"stat-value\">100%<\/span>\n <span class=\"stat-label\">Community<\/span>\n <\/div>\n <div class=\"stat-box\">\n <span class=\"stat-value\">0%<\/span>\n <span class=\"stat-label\">Team Tokens<\/span>\n <\/div>\n <!--<div class=\"stat-box\">-->\n <!-- <span class=\"stat-value\">1<\/span>-->\n <!-- <span class=\"stat-label\">Mission: Moon<\/span>-->\n <!--<\/div>-->\n <\/div>\n <\/div>\n\n <div class=\"about-img-wrap mirror reveal from-right\">\n <img decoding=\"async\"\n src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/featured2.png\"\n alt=\"TRENCHY character mirrored\"\n onerror=\"this.style.display='none'\"\n >\n <div class=\"about-img-glow\"><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 FEATURES \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section id=\"features\">\n <div class=\"features-inner\">\n <div class=\"features-header reveal\">\n <div class=\"section-label\">Core Doctrine<\/div>\n <h2 class=\"section-title\" style=\"text-align:center;\">The Trench Code<\/h2>\n <p>Six principles forged in the deepest trenches of crypto warfare. Live by them. Yield to none.<\/p>\n <\/div>\n\n <div class=\"features-grid stagger\">\n\n <div class=\"feature-card\">\n <span class=\"feature-num\">01<\/span>\n <div class=\"feature-icon-wrap\">\n <!-- Coffee \/ calm icon -->\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M17 8h1a4 4 0 0 1 0 8h-1\"\/>\n <path d=\"M3 8h14v9a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4Z\"\/>\n <line x1=\"6\" y1=\"2\" x2=\"6\" y2=\"4\"\/>\n <line x1=\"10\" y1=\"2\" x2=\"10\" y2=\"4\"\/>\n <line x1=\"14\" y1=\"2\" x2=\"14\" y2=\"4\"\/>\n <\/svg>\n <\/div>\n <div class=\"feature-title\">Stay Calm<\/div>\n <p class=\"feature-desc\">While others FOMO and panic-sell, TRENCHY keeps their cool. Coffee in hand, eyes on the chart, mind at peace. The calm is the strategy.<\/p>\n <\/div>\n\n <div class=\"feature-card\">\n <span class=\"feature-num\">02<\/span>\n <div class=\"feature-icon-wrap\">\n <!-- Diamond icon -->\n <svg viewBox=\"0 0 24 24\">\n <polygon points=\"12 2 22 8.5 12 22 2 8.5\"\/>\n <line x1=\"2\" y1=\"8.5\" x2=\"22\" y2=\"8.5\"\/>\n <polyline points=\"7 8.5 12 2 17 8.5\"\/>\n <line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"22\"\/>\n <\/svg>\n <\/div>\n <div class=\"feature-title\">Hold Strong<\/div>\n <p class=\"feature-desc\">Diamond hands are not born \u2014 they are forged in the trenches. Paper hands do not survive the war. Only the strongest reach the moon.<\/p>\n <\/div>\n\n <div class=\"feature-card\">\n <span class=\"feature-num\">03<\/span>\n <div class=\"feature-icon-wrap\">\n <!-- Chart \/ dip icon -->\n <svg viewBox=\"0 0 24 24\">\n <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/>\n <polyline points=\"17 6 23 6 23 12\"\/>\n <\/svg>\n <\/div>\n <div class=\"feature-title\">Buy the Dip<\/div>\n <p class=\"feature-desc\">The masses see red and run. TRENCHY sees opportunity and charges. Every crash is a gift in disguise \u2014 unwrap it with conviction.<\/p>\n <\/div>\n\n <div class=\"feature-card\">\n <span class=\"feature-num\">04<\/span>\n <div class=\"feature-icon-wrap\">\n <!-- Rocket icon -->\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\"\/>\n <path d=\"m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z\"\/>\n <path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0\"\/>\n <path d=\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\"\/>\n <\/svg>\n <\/div>\n <div class=\"feature-title\">Moon Mission<\/div>\n <p class=\"feature-desc\">The destination was never in question. The only variables are who makes it and when. Train for the journey. Trust the mission.<\/p>\n <\/div>\n\n <div class=\"feature-card\">\n <span class=\"feature-num\">05<\/span>\n <div class=\"feature-icon-wrap\">\n <!-- Community \/ people icon -->\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\n <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\n <\/svg>\n <\/div>\n <div class=\"feature-title\">Community<\/div>\n <p class=\"feature-desc\">No soldier fights alone. TRENCHY's strength is in the ranks \u2014 thousands of degens standing together, sharing conviction, sharing glory.<\/p>\n <\/div>\n\n <div class=\"feature-card\">\n <span class=\"feature-num\">06<\/span>\n <div class=\"feature-icon-wrap\">\n <!-- Lightning \/ meme icon -->\n <svg viewBox=\"0 0 24 24\">\n <polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/>\n <\/svg>\n <\/div>\n <div class=\"feature-title\">Meme Power<\/div>\n <p class=\"feature-desc\">Memes are the weapon of choice. The internet laughs, then believes, then buys. TRENCHY never fades the memes \u2014 memes are the narrative.<\/p>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 GALLERY \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section id=\"gallery\">\n <div class=\"gallery-header reveal\">\n <div class=\"section-label\">The Battlefield<\/div>\n <h2 class=\"section-title\" style=\"text-align:center;\"><span class=\"gold\">TRENCHY<\/span> in the Wild<\/h2>\n <p>From the darkest dips to the brightest moons \u2014 this is the TRENCHY universe.<\/p>\n <\/div>\n\n <!-- Row 1 \u2014 left, normal speed -->\n <div class=\"marquee-container\" style=\"--speed:28s;\">\n <div class=\"marquee-track\">\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg1.png\" alt=\"TRENCHY 1\" loading=\"lazy\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg2.png\" alt=\"TRENCHY 2\" loading=\"lazy\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg3.png\" alt=\"TRENCHY 3\" loading=\"lazy\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg4.png\" alt=\"TRENCHY 4\" loading=\"lazy\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg5.png\" alt=\"TRENCHY 5\" loading=\"lazy\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg6.png\" alt=\"TRENCHY 6\" loading=\"lazy\"><\/div>\n <!-- duplicate -->\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg1.png\" alt=\"\" loading=\"lazy\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg2.png\" alt=\"\" loading=\"lazy\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg3.png\" alt=\"\" loading=\"lazy\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg4.png\" alt=\"\" loading=\"lazy\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg5.png\" alt=\"\" loading=\"lazy\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg6.png\" alt=\"\" loading=\"lazy\"><\/div>\n <\/div>\n <\/div>\n\n <!-- Row 2 \u2014 right, taller -->\n <div class=\"marquee-container\" style=\"--speed:38s;\">\n <div class=\"marquee-track reverse\">\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg7.png\" alt=\"TRENCHY 7\" loading=\"lazy\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg8.png\" alt=\"TRENCHY 8\" loading=\"lazy\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg9.png\" alt=\"TRENCHY 9\" loading=\"lazy\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg10.png\" alt=\"TRENCHY 10\" loading=\"lazy\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg11.png\" alt=\"TRENCHY 11\" loading=\"lazy\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg12.png\" alt=\"TRENCHY 12\" loading=\"lazy\"><\/div>\n <!-- duplicate -->\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg7.png\" alt=\"\" loading=\"lazy\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg8.png\" alt=\"\" loading=\"lazy\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg9.png\" alt=\"\" loading=\"lazy\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg10.png\" alt=\"\" loading=\"lazy\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg11.png\" alt=\"\" loading=\"lazy\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg12.png\" alt=\"\" loading=\"lazy\"><\/div>\n <\/div>\n <\/div>\n\n <!-- Row 3 \u2014 left, slow mix -->\n <div class=\"marquee-container\" style=\"--speed:54s;\">\n <div class=\"marquee-track slow\">\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg3.png\" alt=\"\" loading=\"lazy\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg6.png\" alt=\"\" loading=\"lazy\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg9.png\" alt=\"\" loading=\"lazy\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg12.png\" alt=\"\" loading=\"lazy\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg1.png\" alt=\"\" loading=\"lazy\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg4.png\" alt=\"\" loading=\"lazy\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg7.png\" alt=\"\" loading=\"lazy\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg10.png\" alt=\"\" loading=\"lazy\"><\/div>\n <!-- duplicate -->\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg3.png\" alt=\"\" loading=\"lazy\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg6.png\" alt=\"\" loading=\"lazy\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg9.png\" alt=\"\" loading=\"lazy\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg12.png\" alt=\"\" loading=\"lazy\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg1.png\" alt=\"\" loading=\"lazy\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg4.png\" alt=\"\" loading=\"lazy\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg7.png\" alt=\"\" loading=\"lazy\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/trenchy.site\/wp-content\/uploads\/2026\/07\/galleryimg10.png\" alt=\"\" loading=\"lazy\"><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 FINAL CTA \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section id=\"cta\">\n <div class=\"cta-grid\" aria-hidden=\"true\"><\/div>\n <div class=\"cta-orb\" aria-hidden=\"true\"><\/div>\n\n <div class=\"cta-inner reveal\">\n <div class=\"cta-eyebrow\">Join the Mission<\/div>\n\n <h2 class=\"cta-headline\">\n Ready for<br>Your Moon?\n <\/h2>\n\n <p class=\"cta-sub\">\n The trenches are calling. Every dip is a door. Every holder is a legend in the making.\n The coffee is hot. The charts are watching.\n <strong>Are you in?<\/strong>\n <\/p>\n\n <div class=\"cta-buttons\">\n <a href=\"#\" class=\"btn-primary\" style=\"font-size:0.9rem; padding:18px 48px;\">\n Buy $TRENCHY\n <\/a>\n <a href=\"#\" class=\"btn-secondary\" style=\"font-size:0.9rem; padding:18px 48px;\">\n View Chart\n <\/a>\n <\/div>\n\n <!-- Social links -->\n <div class=\"social-row\">\n <a href=\"#\" class=\"social-btn\">Twitter<\/a>\n <a href=\"#\" class=\"social-btn\">Telegram<\/a>\n <a href=\"#\" class=\"social-btn\">DexScreener<\/a>\n <a href=\"#\" class=\"social-btn\">Pump.fun<\/a>\n <\/div>\n\n <div class=\"cta-footer-row\">\n <span>Ticker<\/span>\n <span class=\"ticker-pill\">$TRENCHY<\/span>\n <span class=\"sep\">\/<\/span>\n <span>Solana Network<\/span>\n <span class=\"sep\">\/<\/span>\n <span>No Presale<\/span>\n <span class=\"sep\">\/<\/span>\n <span>Community Owned<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n<footer>\n © 2026 TRENCHY — $TRENCHY is a meme token. Not financial advice. For entertainment purposes only. DYOR.\n<\/footer>\n\n<script>\n\/* \u2500\u2500 Cursor glow \u2500\u2500 *\/\nconst glow = document.getElementById('cursorGlow');\nlet cx = innerWidth\/2, cy = innerHeight\/2, tx = cx, ty = cy;\ndocument.addEventListener('mousemove', e => { tx = e.clientX; ty = e.clientY; }, { passive: true });\n(function loop() {\n cx += (tx - cx) * 0.08;\n cy += (ty - cy) * 0.08;\n glow.style.left = cx + 'px';\n glow.style.top = cy + 'px';\n requestAnimationFrame(loop);\n})();\n\n\/* \u2500\u2500 Nav scroll state \u2500\u2500 *\/\nconst nav = document.getElementById('mainNav');\nwindow.addEventListener('scroll', () => nav.classList.toggle('scrolled', scrollY > 60), { passive: true });\n\n\/* \u2500\u2500 Hero particles \u2500\u2500 *\/\nconst pContainer = document.getElementById('heroParticles');\nfunction spawnParticle() {\n const el = document.createElement('div');\n el.className = 'particle';\n const s = Math.random() * 5 + 2;\n const d = Math.random() * 9 + 6;\n const delay = Math.random() * 3;\n el.style.cssText = `width:${s}px;height:${s}px;left:${Math.random()*100}%;bottom:-5%;animation-duration:${d}s;animation-delay:${delay}s;`;\n pContainer.appendChild(el);\n setTimeout(() => el.remove(), (d + delay) * 1000);\n}\nfor (let i = 0; i < 24; i++) spawnParticle();\nsetInterval(spawnParticle, 700);\n\n\/* \u2500\u2500 Scroll reveal \u2500\u2500 *\/\nconst observer = new IntersectionObserver(entries => {\n entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); observer.unobserve(e.target); } });\n}, { threshold: 0.1, rootMargin: '0px 0px -60px 0px' });\ndocument.querySelectorAll('.reveal, .stagger').forEach(el => observer.observe(el));\n\n\/* \u2500\u2500 Hero parallax \u2500\u2500 *\/\nconst heroBg = document.querySelector('.hero-gallery-bg');\nwindow.addEventListener('scroll', () => {\n if (scrollY < innerHeight) heroBg.style.transform = `scale(1.05) translateY(${scrollY * 0.22}px)`;\n}, { passive: true });\n\n\/* \u2500\u2500 Marquee pause on hover \u2500\u2500 *\/\ndocument.querySelectorAll('.marquee-container').forEach(c => {\n const toggle = paused => c.querySelectorAll('.marquee-track').forEach(t => t.style.animationPlayState = paused ? 'paused' : 'running');\n c.addEventListener('mouseenter', () => toggle(true));\n c.addEventListener('mouseleave', () => toggle(false));\n});\n\n\/* \u2500\u2500 CA copy \u2500\u2500 *\/\nfunction copyCa() {\n const btn = document.getElementById('caBtn');\n const hint = document.getElementById('caCopyHint');\n const addr = document.getElementById('caText').textContent.trim();\n navigator.clipboard.writeText(addr).catch(() => {});\n hint.textContent = 'Copied!';\n btn.classList.add('copied');\n setTimeout(() => { hint.textContent = 'Click to copy'; btn.classList.remove('copied'); }, 2200);\n}\n\n\/* \u2500\u2500 Feature card tilt \u2500\u2500 *\/\ndocument.querySelectorAll('.feature-card').forEach(card => {\n card.addEventListener('mousemove', e => {\n const r = card.getBoundingClientRect();\n const rx = ((e.clientY - r.top) \/ r.height - 0.5) * 14;\n const ry = ((e.clientX - r.left) \/ r.width - 0.5) * -14;\n card.style.transform = `perspective(700px) rotateX(${rx}deg) rotateY(${ry}deg) translateY(-8px)`;\n });\n card.addEventListener('mouseleave', () => card.style.transform = '');\n});\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>TRENCHY \u2014 $TRENCHY | Fearless Survivor of the Crypto Trenches TRENCHY About Features Gallery Join Buy $TRENCHY $TRENCHY The fearless little survivor of the crypto trenches. While everyone else panics, TRENCHY waits for the moon. Contract Address XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX Click to copy Origin Story Born in the Trenches. Built for the Moon. TRENCHY is no ordinary […]<\/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:\/\/trenchy.site\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trenchy.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trenchy.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trenchy.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trenchy.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":37,"href":"https:\/\/trenchy.site\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":61,"href":"https:\/\/trenchy.site\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/61"}],"wp:attachment":[{"href":"https:\/\/trenchy.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}