$SHAKIRADOG \u2014 Paws Don't Lie<\/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=Anton&family=Bebas+Neue&family=Playfair+Display:ital,wght@0,700;1,600&family=Space+Grotesk:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --bg-1:#FFEDE2; \/* hero \u2014 soft peach *\/\n --bg-2:#FFF6E2; \/* story \u2014 soft cream gold *\/\n --bg-3:#F2EAFB; \/* gallery \u2014 soft lavender *\/\n --bg-4:#FFE2EC; \/* concert \u2014 soft pink *\/\n --bg-5:#FFEDE2; \/* finale \u2014 back to peach, closes the loop *\/\n --ink:#332319;\n --ink-dim:#332319b0;\n --ink-faint:#3323197a;\n --pink:#FF6FA0;\n --gold:#E8A93B;\n --purple:#9B7FE0;\n --orange:#FF8A5B;\n --line: rgba(51,35,25,0.12);\n --paper: rgba(255,255,255,0.55);\n }\n *{margin:0;padding:0;box-sizing:border-box;}\n html{scroll-behavior:smooth;}\n body{\n background:var(--bg-1);\n color:var(--ink);\n font-family:'Space Grotesk', sans-serif;\n overflow-x:hidden;\n }\n ::selection{background:var(--pink);color:#fff;}\n .display{font-family:'Anton', sans-serif; text-transform:uppercase; letter-spacing:0.01em;}\n .script{font-family:'Playfair Display', serif; font-style:italic; font-weight:600;}\n\n \/* signature beat-line *\/\n .beatline{\n position:fixed; top:0; left:0; width:100%; height:3px; z-index:998;\n background:linear-gradient(90deg, var(--pink), var(--gold), var(--purple), var(--orange));\n transform-origin:left; transform:scaleX(0);\n }\n\n nav{\n position:fixed; top:0; left:0; width:100%; z-index:900;\n display:flex; align-items:center; justify-content:space-between;\n padding:26px 44px; transition:background .4s, backdrop-filter .4s;\n }\n \/*nav.scrolled{background:rgba(255,255,255,0.5); backdrop-filter:blur(14px);}*\/\n .nav-mark{font-family:'Bebas Neue',sans-serif; font-size:20px; letter-spacing:0.08em;}\n .nav-mark span{color:var(--pink);}\n .nav-links{display:flex; gap:30px; align-items:center; font-size:12px; letter-spacing:0.14em; text-transform:uppercase;}\n .nav-links a{color:var(--ink); text-decoration:none; opacity:0.7; transition:opacity .3s;}\n .nav-links a:hover{opacity:1;}\n .nav-cta{\n border:1px solid var(--ink); padding:10px 20px; border-radius:100px;\n font-size:11px; letter-spacing:0.1em; text-transform:uppercase; color:var(--ink); text-decoration:none;\n transition:background .3s, color .3s;\n }\n .nav-cta:hover{background:var(--ink); color:var(--bg-1);}\n\n \/* ================= HERO \u2014 minimalist, pinned, floating frame ================= *\/\n .hero-pin-wrap{\n position:relative; height:280vh; width:100%; background:var(--bg-1);\n }\n .hero{\n position:sticky; top:0; height:100vh; width:100%; overflow:hidden;\n display:flex; align-items:center; justify-content:center; text-align:center;\n background:var(--bg-1);\n }\n .hero-video-wrap{\n position:absolute; inset:28px; overflow:hidden; border-radius:40px;\n box-shadow:0 40px 90px rgba(51,35,25,0.18);\n }\n .hero-video{\n position:absolute; top:50%; left:50%; width:100%; height:100%;\n object-fit:cover; transform:translate(-50%,-50%) scale(1);\n will-change:transform;\n }\n .hero-video-fallback{\n position:absolute; inset:0;\n \/*background:linear-gradient(160deg, var(--bg-1), #FFDDD0 60%, #FFE9DE);*\/\n }\n .hero-scrim{\n position:absolute; inset:0;\n \/*background:linear-gradient(180deg, rgba(255,237,226,0.3) 0%, rgba(255,237,226,0.1) 45%, rgba(255,237,226,0.82) 100%);*\/\n }\n .hero-content{position:relative; z-index:5; max-width:800px; padding:0 24px;}\n .hero-eyebrow{font-size:12px; letter-spacing:0.3em; text-transform:uppercase; color:var(--ink-dim); margin-bottom:22px;}\n .hero-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:#5FBF7A; display:inline-block; margin-right:8px;}\n .hero-title{\n font-size:clamp(64px, 13vw, 180px); line-height:0.86; color: transparent;\n }\n .hero-sub{\n font-size:clamp(18px,2.2vw,26px); margin-top:16px; color:var(--ink-dim); max-width:520px; margin-left:auto; margin-right:auto;\n }\n .hero-actions{margin-top:36px;}\n .btn-primary{\n background:var(--ink); color:var(--bg-1); font-weight:600; padding:17px 38px; border-radius:100px;\n text-decoration:none; font-size:13px; letter-spacing:0.08em; text-transform:uppercase;\n display:inline-flex; align-items:center; gap:10px;\n transition:transform .4s cubic-bezier(.2,.8,.2,1), background .4s;\n }\n .btn-primary:hover{transform:translateY(-3px); background:var(--pink); color:#fff;}\n .btn-ghost{\n border:1px solid var(--line); color:var(--ink); padding:16px 30px; border-radius:100px;\n text-decoration:none; font-size:13px; letter-spacing:0.06em; text-transform:uppercase;\n display:inline-flex; align-items:center; gap:10px; transition:border-color .3s;\n }\n .scroll-cue{\n position:absolute; bottom:34px; left:50%; transform:translateX(-50%); z-index:5;\n font-size:10px; letter-spacing:0.2em; text-transform:uppercase; color:var(--ink-faint);\n display:flex; flex-direction:column; align-items:center; gap:8px;\n }\n .scroll-cue .stem{width:1px; height:34px; background:var(--ink-faint); position:relative; overflow:hidden;}\n .scroll-cue .stem::after{content:''; position:absolute; top:-40%; left:0; width:100%; height:40%; background:var(--ink); animation:cuemove 1.8s ease-in-out infinite;}\n @keyframes cuemove{0%{top:-40%;}100%{top:100%;}}\n\n \/* ================= STORY ================= *\/\n .story{\n position:relative; min-height:110vh; background:var(--bg-2);\n padding:150px 0 140px; overflow:hidden;\n }\n .story-eyebrow{text-align:center; font-size:11px; letter-spacing:0.3em; text-transform:uppercase; color:var(--gold); margin-bottom:18px;}\n .story-headline{\n text-align:center; font-family:'Bebas Neue',sans-serif; font-size:clamp(38px,6.5vw,86px);\n line-height:0.95; max-width:1000px; margin:0 auto 100px; padding:0 24px; color:var(--ink);\n }\n .story-headline .line{display:block; overflow:hidden;}\n .story-headline .line span{display:inline-block; transform:translateY(110%); transition:transform 0.9s cubic-bezier(.2,.9,.15,1);}\n .story-headline.in-view .line span{transform:translateY(0);}\n .story-headline .line:nth-child(2) span{transition-delay:0.08s;}\n .story-headline .line:nth-child(3) span{transition-delay:0.16s;}\n .story-headline .accent{color:var(--pink);}\n\n .story-grid{\n display:grid; grid-template-columns:1.1fr 0.9fr; gap:0; max-width:1240px; margin:0 auto;\n padding:0 40px; align-items:center;\n }\n .story-media{\n position:relative; aspect-ratio:4\/5; border-radius:18px; overflow:hidden;\n transform:translateY(40px); opacity:0; transition:all 1s cubic-bezier(.2,.9,.15,1);\n box-shadow:0 30px 60px rgba(51,35,25,0.12);\n }\n .story-media.in-view{opacity:1; transform:translateY(0);}\n .story-media video{width:100%; height:100%; object-fit:cover; display:block;}\n .story-media-tag{\n position:absolute; bottom:18px; left:18px; background:var(--paper);\n backdrop-filter:blur(10px); padding:9px 16px; border-radius:100px;\n font-size:10px; letter-spacing:0.14em; text-transform:uppercase; color:var(--ink);\n }\n .story-cards{position:relative; margin-left:-40px; z-index:2; display:flex; flex-direction:column; gap:20px;}\n .story-card{\n background:var(--paper); border:1px solid var(--line); border-radius:16px; padding:26px 28px;\n backdrop-filter:blur(10px); opacity:0; transform:translateX(50px); transition:all .9s cubic-bezier(.2,.9,.15,1);\n }\n .story-card.in-view{opacity:1; transform:translateX(0);}\n .story-card:nth-child(2){transition-delay:.15s; margin-left:22px;}\n .story-card:nth-child(3){transition-delay:.3s;}\n .story-card .num{font-family:'Bebas Neue',sans-serif; color:var(--orange); font-size:12px; letter-spacing:0.14em;}\n .story-card p{margin-top:9px; font-size:14px; line-height:1.6; color:var(--ink-dim);}\n .story-card strong{color:var(--ink); font-weight:600;}\n\n .story-quote{max-width:1240px; margin:110px auto 0; padding:0 40px; display:flex; justify-content:flex-end;}\n .story-quote blockquote{\n font-family:'Playfair Display', serif; font-style:italic; font-weight:700;\n font-size:clamp(26px,3.6vw,48px); text-align:right; max-width:600px; color:var(--pink);\n }\n\n \/* ================= GALLERY ================= *\/\n .gallery-section{position:relative; padding:150px 0 110px; background:var(--bg-3); overflow:hidden;}\n .gallery-head{\n display:flex; justify-content:space-between; align-items:flex-end;\n max-width:1300px; margin:0 auto 64px; padding:0 40px; flex-wrap:wrap; gap:20px;\n }\n .gallery-head h2{font-family:'Bebas Neue',sans-serif; font-size:clamp(38px,5.5vw,74px); line-height:0.9; color:var(--ink);}\n .gallery-head p{max-width:320px; font-size:13px; color:var(--ink-dim); line-height:1.65;}\n .marquee-row{display:flex; width:max-content; gap:22px; will-change:transform;}\n .gallery-track{overflow:hidden; margin-bottom:22px;}\n .gcard{position:relative; border-radius:16px; overflow:hidden; flex-shrink:0; background:#EEE2FF; transition:transform .5s cubic-bezier(.2,.9,.15,1);}\n .gcard:hover{transform:translateY(-10px);}\n .gcard img{width:100%; height:100%; object-fit:cover; display:block;}\n .gcard.sz-lg{width:400px; height:490px;}\n .gcard.sz-md{width:300px; height:380px;}\n .gcard.sz-sm{width:250px; height:310px;}\n .gcard-caption{\n position:absolute; bottom:0; left:0; right:0; padding:16px;\n background:linear-gradient(0deg, rgba(51,35,25,0.55), transparent);\n font-size:10px; letter-spacing:0.14em; text-transform:uppercase; color:#fff;\n }\n\n \/* ================= CONCERT \u2014 pinned, massive zoom ================= *\/\n .concert{position:relative; height:320vh; background:var(--bg-4);}\n .concert-pin{position:sticky; top:0; height:100vh; overflow:hidden; display:flex; align-items:center; justify-content:center;}\n .concert-video-wrap{\n position:absolute; inset:28px; overflow:hidden; border-radius:40px;\n box-shadow:0 40px 90px rgba(51,35,25,0.16);\n }\n .concert-video{position:absolute; top:50%; left:50%; width:100%; height:100%; object-fit:cover; transform:translate(-50%,-50%) scale(1); will-change:transform;}\n .concert-fallback{position:absolute; inset:0; background:linear-gradient(160deg, var(--bg-4), #FFD2E2 60%, #FFE7EF);}\n .concert-scrim{position:absolute; inset:0; background:radial-gradient(ellipse at center, rgba(255,226,236,0.05) 20%, rgba(255,226,236,0.8) 92%);}\n .concert-content{position:relative; z-index:4; text-align:center; padding:0 24px;}\n .concert-eyebrow{font-size:11px; letter-spacing:0.35em; text-transform:uppercase; color:var(--orange); margin-bottom:22px;}\n .concert-title{\n font-family:'Anton', sans-serif; font-size:clamp(48px,9.5vw,140px); line-height:0.88; color:var(--ink);\n }\n .concert-sub{margin-top:22px; font-size:clamp(15px,1.8vw,20px); color:var(--ink-dim); max-width:560px; margin-left:auto; margin-right:auto;}\n .concert-progress{position:absolute; bottom:46px; left:50%; transform:translateX(-50%); display:flex; gap:6px; z-index:5;}\n .concert-progress span{width:32px; height:3px; background:rgba(51,35,25,0.15); border-radius:2px; overflow:hidden;}\n .concert-progress span i{display:block; height:100%; background:var(--ink); width:0%;}\n\n \/* ================= FINALE ================= *\/\n .finale{\n position:relative; min-height:100vh; background:var(--bg-5);\n display:flex; flex-direction:column; align-items:center; justify-content:center;\n text-align:center; overflow:hidden; padding:150px 24px;\n }\n .confetti{position:absolute; top:-10%; border-radius:2px; animation:fall linear infinite;}\n @keyframes fall{0%{transform:translateY(0) rotate(0deg); opacity:0.9;}100%{transform:translateY(115vh) rotate(400deg); opacity:0;}}\n .finale-eyebrow{position:relative; z-index:3; font-size:11px; letter-spacing:0.35em; text-transform:uppercase; color:var(--gold); margin-bottom:24px;}\n .finale-title{position:relative; z-index:3; font-family:'Anton',sans-serif; font-size:clamp(54px,11vw,170px); line-height:0.85; color:var(--ink);}\n .finale-title .script{display:block; font-family:'Playfair Display',serif; font-style:italic; font-weight:700; font-size:0.26em; color:var(--pink); margin-top:14px;}\n .finale-desc{position:relative; z-index:3; max-width:520px; margin:28px auto 0; color:var(--ink-dim); font-size:14px; line-height:1.7;}\n .finale-ca{\n position:relative; z-index:3; margin-top:40px; display:inline-flex; align-items:center; gap:14px;\n background:var(--paper); border:1px solid var(--line); padding:13px 20px; border-radius:100px;\n font-size:12px; backdrop-filter:blur(10px); color:var(--ink);\n }\n .finale-ca button{\n background:var(--ink); color:var(--bg-5); border:none; padding:7px 16px; border-radius:100px;\n font-size:10px; letter-spacing:0.1em; text-transform:uppercase; font-weight:600; cursor:pointer; transition:transform .3s;\n }\n .finale-ca button:hover{transform:scale(1.05);}\n .finale-actions{position:relative; z-index:3; display:flex; gap:16px; margin-top:36px; flex-wrap:wrap; justify-content:center;}\n .finale-social{position:relative; z-index:3; display:flex; gap:18px; margin-top:50px;}\n .finale-social a{\n width:42px; height:42px; border-radius:50%; border:1px solid var(--line);\n display:flex; align-items:center; justify-content:center; color:var(--ink); text-decoration:none; font-size:13px; transition:all .3s;\n }\n .finale-social a:hover{border-color:var(--pink); background:rgba(255,111,160,0.12);}\n footer{position:relative; z-index:3; margin-top:80px; font-size:10px; letter-spacing:0.14em; text-transform:uppercase; color:var(--ink-faint);}\n\n @media (max-width:860px){\n nav{padding:18px 20px;}\n .nav-links{display:none;}\n .story-grid{grid-template-columns:1fr; gap:56px;}\n .story-cards{margin-left:0;}\n .story-card:nth-child(2){margin-left:0;}\n .story-quote{justify-content:center; padding:0 20px; text-align:center;}\n .story-quote blockquote{text-align:center;}\n .gallery-head{padding:0 20px;}\n }\n @media (prefers-reduced-motion: reduce){\n *{animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important; scroll-behavior:auto !important;}\n } \/* ================= MANIFESTO ================= *\/\n .manifesto{\n position:relative; background:var(--bg-2); padding:0 0 160px;\n display:flex; justify-content:center;\n }\n .manifesto-card{\n max-width:980px; margin:0 40px; padding:80px 64px; border-radius:40px;\n background:var(--paper); border:1px solid var(--line); backdrop-filter:blur(10px);\n }\n .manifesto-line{\n font-family:'Bebas Neue',sans-serif; font-size:clamp(26px,4vw,44px); line-height:1.25;\n color:var(--ink-dim); text-align:center; opacity:0; transform:translateY(24px);\n transition:all .8s cubic-bezier(.2,.9,.15,1);\n }\n .manifesto-line.in-view{opacity:1; transform:translateY(0);}\n .manifesto-line.emphasis{color:var(--ink); font-size:clamp(30px,5vw,54px);}\n .manifesto-line + .manifesto-line{margin-top:18px;}\n .manifesto-divider{width:60px; height:2px; background:var(--pink); margin:40px auto; opacity:0; transition:opacity .8s .3s;}\n .manifesto-divider.in-view{opacity:1;}\n .manifesto-final{\n text-align:center; margin-top:36px; font-family:'Playfair Display',serif; font-style:italic;\n font-weight:700; font-size:clamp(22px,3.2vw,34px); color:var(--pink);\n opacity:0; transform:translateY(16px); transition:all .8s cubic-bezier(.2,.9,.15,1) .2s;\n }\n .manifesto-final.in-view{opacity:1; transform:translateY(0);}\n\n \/* ================= JOIN THE SHOW ================= *\/\n .join{position:relative; background:var(--bg-4); padding:150px 40px 130px;}\n .join-head{max-width:640px; margin:0 auto 70px; text-align:center;}\n .join-head .story-eyebrow{margin-bottom:16px;}\n .join-head h2{font-family:'Bebas Neue',sans-serif; font-size:clamp(36px,5.5vw,64px); color:var(--ink); line-height:1;}\n .join-steps{\n max-width:1100px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:26px;\n }\n .join-step{\n background:var(--paper); border:1px solid var(--line); border-radius:26px; padding:36px 30px;\n backdrop-filter:blur(10px); transition:transform .4s cubic-bezier(.2,.9,.15,1);\n }\n .join-step:hover{transform:translateY(-8px);}\n .join-step .step-num{\n width:40px; height:40px; border-radius:50%; background:var(--ink); color:var(--bg-4);\n display:flex; align-items:center; justify-content:center; font-family:'Bebas Neue',sans-serif;\n font-size:16px; margin-bottom:22px;\n }\n .join-step h3{font-size:18px; margin-bottom:10px; color:var(--ink);}\n .join-step p{font-size:14px; line-height:1.65; color:var(--ink-dim);}\n @media (max-width:860px){ .join-steps{grid-template-columns:1fr;} .manifesto-card{padding:50px 28px; margin:0 20px;} }\n\n<\/style>\n<\/head>\n<body>\n\n<div class=\"beatline\" id=\"beatline\"><\/div>\n\n<nav id=\"nav\">\n <div class=\"nav-mark\">$SHAKIRA <span>DOG<\/span><\/div>\n <div class=\"nav-links\">\n <a href=\"#story\">Story<\/a>\n <a href=\"#manifesto\">Manifesto<\/a>\n <a href=\"#gallery\">Gallery<\/a>\n <a href=\"#join\">Buy<\/a>\n <\/div>\n <a href=\"#finale\" class=\"nav-cta\">Buy $SHAKIRADOG<\/a>\n<\/nav>\n\n\n<section class=\"hero-pin-wrap\" id=\"hero\">\n <div class=\"hero\">\n <div class=\"hero-video-wrap\">\n <div class=\"hero-video-fallback\"><\/div>\n <video class=\"hero-video\" id=\"heroVideo\" muted playsinline preload=\"auto\">\n <source src=\"https:\/\/shakiradog.xyz\/wp-content\/uploads\/2026\/07\/herobg.mp4\" type=\"video\/mp4\">\n <\/video>\n <div class=\"hero-scrim\"><\/div>\n <\/div>\n\n <div class=\"hero-content\">\n <div class=\"hero-eyebrow\"><span class=\"dot\"><\/span>Live \u00b7 $SHAKIRADOG<\/div>\n <h1 class=\"hero-title display\">SHAKIRA DOG<\/h1>\n <p class=\"hero-sub script\">she doesn't chase fame. she doesn't chase bones. she chases the next beat.<\/p>\n <div class=\"hero-actions\">\n <a href=\"#finale\" class=\"btn-primary\">Buy $SHAKIRADOG \u2192<\/a>\n <\/div>\n <\/div>\n\n <div class=\"scroll-cue\"><span>Scroll<\/span><div class=\"stem\"><\/div><\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"story\" id=\"story\">\n <div class=\"story-eyebrow\">The Philosophy<\/div>\n <h2 class=\"story-headline\" id=\"storyHeadline\">\n <span class=\"line\"><span>She doesn't watch charts.<\/span><\/span>\n <span class=\"line\"><span>She watches the <span class=\"accent\">beat.<\/span><\/span><\/span>\n <span class=\"line\"><span>Hips \u2014 and paws \u2014 don't lie.<\/span><\/span>\n <\/h2>\n\n <div class=\"story-grid\">\n <div class=\"story-media\" id=\"storyMedia\">\n <video muted playsinline loop autoplay id=\"storyVideo\">\n <source src=\"https:\/\/shakiradog.xyz\/wp-content\/uploads\/2026\/07\/0728.mp4\" type=\"video\/mp4\">\n <\/video>\n <div class=\"story-media-tag\">Unedited \u00b7 Backstage, 2026<\/div>\n <\/div>\n\n <div class=\"story-cards\" id=\"storyCards\">\n <div class=\"story-card\"><div class=\"num\">01 \u2014 NOT FOR FAME<\/div><p>She doesn't chase fame. She doesn't chase bones. <strong>She chases the next beat.<\/strong><\/p><\/div>\n <div class=\"story-card\"><div class=\"num\">02 \u2014 NOT FOR CHARTS<\/div><p>As long as the beat keeps playing, she's barking, wiggling, and <strong>bringing everyone along.<\/strong><\/p><\/div>\n <div class=\"story-card\"><div class=\"num\">03 \u2014 ONE WORRY ONLY<\/div><p>The only thing that worries her isn't a red candle. <strong>It's when the beat goes off.<\/strong><\/p><\/div>\n <\/div>\n <\/div>\n\n <div class=\"story-quote\"><blockquote>\"Hips. Paws. Don't lie.\"<\/blockquote><\/div>\n<\/section>\n\n\n<section class=\"manifesto\" id=\"manifesto\">\n <div class=\"manifesto-card\">\n <p class=\"manifesto-line\" id=\"m1\">She doesn't watch charts.<\/p>\n <p class=\"manifesto-line\" id=\"m2\">As long as the beat keeps playing \u2014<\/p>\n <p class=\"manifesto-line emphasis\" id=\"m3\">she's barking, wiggling, and bringing everyone along.<\/p>\n <div class=\"manifesto-divider\" id=\"mdiv\"><\/div>\n <p class=\"manifesto-line\" id=\"m4\">The only thing that worries her isn't a red candle.<\/p>\n <p class=\"manifesto-line emphasis\" id=\"m5\">It's when the beat goes off.<\/p>\n <p class=\"manifesto-final\" id=\"mfinal\">No worries about the chart \u2014 unless the beat is off.<\/p>\n <\/div>\n<\/section>\n\n\n<section class=\"gallery-section\" id=\"gallery\">\n <div class=\"gallery-head\">\n <h2 class=\"display\">World<br>Tour<\/h2>\n <p>Highlights pulled straight from the stage \u2014 every stop, every sold-out floor, every encore.<\/p>\n <\/div>\n\n <div class=\"gallery-track\">\n <div class=\"marquee-row\" id=\"row1\">\n <div class=\"gcard sz-lg\"><img decoding=\"async\" src=\"https:\/\/shakiradog.xyz\/wp-content\/uploads\/2026\/07\/galleryimg1.png\" alt=\"Tour highlight 1\" onerror=\"this.parentElement.style.background='#FFD6E4'; this.remove();\"><div class=\"gcard-caption\">Stop 01 \u2014 Main Stage<\/div><\/div>\n <div class=\"gcard sz-md\"><img decoding=\"async\" src=\"https:\/\/shakiradog.xyz\/wp-content\/uploads\/2026\/07\/galleryimg2.png\" alt=\"Tour highlight 2\" onerror=\"this.parentElement.style.background='#FFEAC2'; this.remove();\"><div class=\"gcard-caption\">Stop 02 \u2014 Soundcheck<\/div><\/div>\n <div class=\"gcard sz-sm\"><img decoding=\"async\" src=\"https:\/\/shakiradog.xyz\/wp-content\/uploads\/2026\/07\/galleryimg3.png\" alt=\"Tour highlight 3\" onerror=\"this.parentElement.style.background='#E5D8FF'; this.remove();\"><div class=\"gcard-caption\">Stop 03 \u2014 Encore<\/div><\/div>\n <div class=\"gcard sz-md\"><img decoding=\"async\" src=\"https:\/\/shakiradog.xyz\/wp-content\/uploads\/2026\/07\/galleryimg4.png\" alt=\"Tour highlight 4\" onerror=\"this.parentElement.style.background='#FFDCC2'; this.remove();\"><div class=\"gcard-caption\">Stop 04 \u2014 Crowd<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"gallery-track\">\n <div class=\"marquee-row reverse\" id=\"row2\">\n <div class=\"gcard sz-md\"><img decoding=\"async\" src=\"https:\/\/shakiradog.xyz\/wp-content\/uploads\/2026\/07\/galleryimg5.png\" alt=\"Tour highlight 5\" onerror=\"this.parentElement.style.background='#E5D8FF'; this.remove();\"><div class=\"gcard-caption\">Stop 05 \u2014 Backstage<\/div><\/div>\n <div class=\"gcard sz-lg\"><img decoding=\"async\" src=\"https:\/\/shakiradog.xyz\/wp-content\/uploads\/2026\/07\/galleryimg6.png\" alt=\"Tour highlight 6\" onerror=\"this.parentElement.style.background='#FFD6E4'; this.remove();\"><div class=\"gcard-caption\">Stop 06 \u2014 Finale<\/div><\/div>\n <div class=\"gcard sz-sm\"><img decoding=\"async\" src=\"https:\/\/shakiradog.xyz\/wp-content\/uploads\/2026\/07\/galleryimg7.png\" alt=\"Tour highlight 7\" onerror=\"this.parentElement.style.background='#FFEAC2'; this.remove();\"><div class=\"gcard-caption\">Stop 07 \u2014 Pyro<\/div><\/div>\n <div class=\"gcard sz-md\"><img decoding=\"async\" src=\"https:\/\/shakiradog.xyz\/wp-content\/uploads\/2026\/07\/galleryimg8.png\" alt=\"Tour highlight 8\" onerror=\"this.parentElement.style.background='#FFDCC2'; this.remove();\"><div class=\"gcard-caption\">Stop 08 \u2014 After Party<\/div><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"concert\" id=\"concert\">\n <div class=\"concert-pin\">\n <div class=\"concert-video-wrap\">\n <div class=\"concert-fallback\"><\/div>\n <video class=\"concert-video\" id=\"concertVideo\" muted playsinline preload=\"auto\">\n <source src=\"https:\/\/shakiradog.xyz\/wp-content\/uploads\/2026\/07\/videobg.mp4\" type=\"video\/mp4\">\n <\/video>\n <div class=\"concert-scrim\"><\/div>\n <\/div>\n <div class=\"concert-content\">\n <div class=\"concert-eyebrow\">Chapter Four \u2014 The Climax<\/div>\n <h2 class=\"concert-title\">SOLD OUT<br>EVERY NIGHT<\/h2>\n <p class=\"concert-sub\">Forty thousand strangers become one crowd the second the beat drops.<\/p>\n <\/div>\n <div class=\"concert-progress\"><span><i id=\"cp1\"><\/i><\/span><span><i id=\"cp2\"><\/i><\/span><span><i id=\"cp3\"><\/i><\/span><span><i id=\"cp4\"><\/i><\/span><\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"join\" id=\"join\">\n <div class=\"join-head\">\n <div class=\"story-eyebrow\">Join The Show<\/div>\n <h2 class=\"display\">Three Steps<br>To The Front Row<\/h2>\n <\/div>\n <div class=\"join-steps\">\n <div class=\"join-step\">\n <div class=\"step-num\">1<\/div>\n <h3>Get a wallet<\/h3>\n <p>Set up a Solana wallet like Phantom or Backpack. Takes less than a minute, no ticket queue required.<\/p>\n <\/div>\n <div class=\"join-step\">\n <div class=\"step-num\">2<\/div>\n <h3>Fund it with SOL<\/h3>\n <p>Transfer SOL in from any exchange. This covers your swap into $SHAKIRADOG and the network fee.<\/p>\n <\/div>\n <div class=\"join-step\">\n <div class=\"step-num\">3<\/div>\n <h3>Swap in and wiggle along<\/h3>\n <p>Paste the contract address below into your favorite Solana swap and you're in the crowd for good.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"finale\" id=\"finale\">\n <div id=\"confettiWrap\"><\/div>\n <div class=\"finale-eyebrow\">Final Encore<\/div>\n <h2 class=\"finale-title\">ONE LAST<br>ENCORE<span class=\"script\">the beat never stops.<\/span><\/h2>\n <p class=\"finale-desc\">This is the part of the show where the whole stadium sings the last chorus together. Join before the lights come up.<\/p>\n <div class=\"finale-ca\">\n <span id=\"caText\">CA: DVDG7yPw3rk...1111<\/span>\n <button onclick=\"navigator.clipboard && navigator.clipboard.writeText(document.getElementById('caText').innerText.replace('CA: ','')); this.innerText='Copied'; setTimeout(()=>this.innerText='Copy',1600);\">Copy<\/button>\n <\/div>\n <div class=\"finale-actions\">\n <a href=\"#\" class=\"btn-primary\">Buy $SHAKIRADOG \u2192<\/a>\n <a href=\"#\" class=\"btn-ghost\">Read the whitepaper<\/a>\n <\/div>\n <div class=\"finale-social\">\n <a href=\"#\" aria-label=\"X \/ Twitter\">\ud835\udd4f<\/a>\n <a href=\"#\" aria-label=\"Telegram\">\u2708<\/a>\n <a href=\"#\" aria-label=\"Chart\">\ud83d\udcc8<\/a>\n <\/div>\n <footer>$SHAKIRADOG \u00b7 Not a security \u00b7 Community owned \u00b7 Paws Don't Lie<\/footer>\n<\/section>\n\n<script>\n(function(){\n const nav = document.getElementById('nav');\n const beatline = document.getElementById('beatline');\n function onScroll(){\n const h = document.documentElement;\n const scrolled = h.scrollTop \/ (h.scrollHeight - h.clientHeight);\n beatline.style.transform = 'scaleX(' + Math.min(scrolled,1) + ')';\n nav.classList.toggle('scrolled', h.scrollTop > 40);\n }\n document.addEventListener('scroll', onScroll, {passive:true});\n onScroll();\n\n \/\/ ---------- hero: pinned, scroll-scrubbed video + enormous zoom ----------\n const heroSection = document.getElementById('hero'); \/\/ .hero-pin-wrap\n const heroVideo = document.getElementById('heroVideo');\n let heroReady = false;\n heroVideo.addEventListener('loadedmetadata', ()=>{ heroReady = true; });\n\n function updateHero(){\n const rect = heroSection.getBoundingClientRect();\n const total = rect.height - window.innerHeight;\n let progress = -rect.top \/ total;\n progress = Math.max(0, Math.min(1, progress));\n if(heroReady && heroVideo.duration){\n const target = progress * heroVideo.duration;\n if(Math.abs(heroVideo.currentTime - target) > 0.05) heroVideo.currentTime = target;\n }\n \/\/ enormous zoom: scale 1 -> ~5.5 across the whole pinned scroll\n const scale = 1 + Math.pow(progress, 1.15) * 4.5;\n heroVideo.style.transform = 'translate(-50%,-50%) scale('+scale+')';\n }\n\n \/\/ ---------- concert: pinned scrub + massive zoom + progress dots ----------\n const concertSection = document.getElementById('concert');\n const concertVideo = document.getElementById('concertVideo');\n let concertReady = false;\n concertVideo.addEventListener('loadedmetadata', ()=>{ concertReady = true; });\n const dots = [document.getElementById('cp1'),document.getElementById('cp2'),document.getElementById('cp3'),document.getElementById('cp4')];\n\n function updateConcert(){\n const rect = concertSection.getBoundingClientRect();\n const total = rect.height - window.innerHeight;\n let progress = -rect.top \/ total;\n progress = Math.max(0, Math.min(1, progress));\n if(concertReady && concertVideo.duration){\n const target = progress * concertVideo.duration;\n if(Math.abs(concertVideo.currentTime - target) > 0.05) concertVideo.currentTime = target;\n }\n \/\/ enormous zoom across the whole pinned duration\n const scale = 1 + Math.pow(progress, 1.15) * 4.5;\n concertVideo.style.transform = 'translate(-50%,-50%) scale('+scale+')';\n const seg = 1\/4;\n dots.forEach((d,i)=>{\n const local = Math.max(0, Math.min(1, (progress - i*seg)\/seg));\n d.style.width = (local*100)+'%';\n });\n }\n\n function raf(){\n updateHero();\n updateConcert();\n requestAnimationFrame(raf);\n }\n requestAnimationFrame(raf);\n\n \/\/ ---------- reveal on view ----------\n const revealEls = document.querySelectorAll('#storyHeadline, #storyMedia, .story-card');\n const io = new IntersectionObserver((entries)=>{\n entries.forEach(e=>{ if(e.isIntersecting) e.target.classList.add('in-view'); });\n }, {threshold:0.25});\n revealEls.forEach(el=>io.observe(el));\n\n \/\/ ---------- manifesto staggered reveal ----------\n const manifestoIds = ['m1','m2','m3','mdiv','m4','m5','mfinal'];\n const manifestoEls = manifestoIds.map(id=>document.getElementById(id));\n manifestoEls.forEach((el,i)=>{ el.style.transitionDelay = (i*0.12)+'s'; });\n const ioManifesto = new IntersectionObserver((entries)=>{\n entries.forEach(e=>{ if(e.isIntersecting) e.target.classList.add('in-view'); });\n }, {threshold:0.4});\n manifestoEls.forEach(el=>ioManifesto.observe(el));\n\n \/\/ ---------- marquee gallery ----------\n function setupMarquee(id, speed, reverse){\n const row = document.getElementById(id);\n row.innerHTML += row.innerHTML;\n let x = reverse ? -row.scrollWidth\/2 : 0;\n function step(){\n x += reverse ? speed : -speed;\n if(!reverse && x <= -row.scrollWidth\/2) x = 0;\n if(reverse && x >= 0) x = -row.scrollWidth\/2;\n row.style.transform = 'translateX('+x+'px)';\n requestAnimationFrame(step);\n }\n requestAnimationFrame(step);\n }\n setupMarquee('row1', 0.55, false);\n setupMarquee('row2', 0.45, true);\n\n \/\/ ---------- finale confetti (light touch) ----------\n const confettiWrap = document.getElementById('confettiWrap');\n const cColors = ['#FF6FA0','#E8A93B','#9B7FE0','#FF8A5B'];\n for(let i=0;i<24;i++){\n const c = document.createElement('div');\n c.className = 'confetti';\n const w = 5 + Math.random()*6;\n c.style.width = w+'px';\n c.style.height = (w*0.4)+'px';\n c.style.left = Math.random()*100+'%';\n c.style.background = cColors[i % cColors.length];\n c.style.animationDuration = (6 + Math.random()*6)+'s';\n c.style.animationDelay = (Math.random()*8)+'s';\n confettiWrap.appendChild(c);\n }\n})();\n<\/script>\n\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>$SHAKIRADOG \u2014 Paws Don’t Lie $SHAKIRA DOG Story Manifesto Gallery Buy Buy $SHAKIRADOG Live \u00b7 $SHAKIRADOG SHAKIRA DOG she doesn’t chase fame. she doesn’t chase bones. she chases the next beat. Buy $SHAKIRADOG \u2192 Scroll The Philosophy She doesn’t watch charts. She watches the beat. Hips \u2014 and paws \u2014 don’t lie. Unedited \u00b7 Backstage, […]<\/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-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shakiradog.xyz\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shakiradog.xyz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shakiradog.xyz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shakiradog.xyz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shakiradog.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":64,"href":"https:\/\/shakiradog.xyz\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":91,"href":"https:\/\/shakiradog.xyz\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/91"}],"wp:attachment":[{"href":"https:\/\/shakiradog.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\n\n\n\n\n$SHAKIRADOG \u2014 Paws Don't Lie<\/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=Anton&family=Bebas+Neue&family=Playfair+Display:ital,wght@0,700;1,600&family=Space+Grotesk:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --bg-1:#FFEDE2; \/* hero \u2014 soft peach *\/\n --bg-2:#FFF6E2; \/* story \u2014 soft cream gold *\/\n --bg-3:#F2EAFB; \/* gallery \u2014 soft lavender *\/\n --bg-4:#FFE2EC; \/* concert \u2014 soft pink *\/\n --bg-5:#FFEDE2; \/* finale \u2014 back to peach, closes the loop *\/\n --ink:#332319;\n --ink-dim:#332319b0;\n --ink-faint:#3323197a;\n --pink:#FF6FA0;\n --gold:#E8A93B;\n --purple:#9B7FE0;\n --orange:#FF8A5B;\n --line: rgba(51,35,25,0.12);\n --paper: rgba(255,255,255,0.55);\n }\n *{margin:0;padding:0;box-sizing:border-box;}\n html{scroll-behavior:smooth;}\n body{\n background:var(--bg-1);\n color:var(--ink);\n font-family:'Space Grotesk', sans-serif;\n overflow-x:hidden;\n }\n ::selection{background:var(--pink);color:#fff;}\n .display{font-family:'Anton', sans-serif; text-transform:uppercase; letter-spacing:0.01em;}\n .script{font-family:'Playfair Display', serif; font-style:italic; font-weight:600;}\n\n \/* signature beat-line *\/\n .beatline{\n position:fixed; top:0; left:0; width:100%; height:3px; z-index:998;\n background:linear-gradient(90deg, var(--pink), var(--gold), var(--purple), var(--orange));\n transform-origin:left; transform:scaleX(0);\n }\n\n nav{\n position:fixed; top:0; left:0; width:100%; z-index:900;\n display:flex; align-items:center; justify-content:space-between;\n padding:26px 44px; transition:background .4s, backdrop-filter .4s;\n }\n \/*nav.scrolled{background:rgba(255,255,255,0.5); backdrop-filter:blur(14px);}*\/\n .nav-mark{font-family:'Bebas Neue',sans-serif; font-size:20px; letter-spacing:0.08em;}\n .nav-mark span{color:var(--pink);}\n .nav-links{display:flex; gap:30px; align-items:center; font-size:12px; letter-spacing:0.14em; text-transform:uppercase;}\n .nav-links a{color:var(--ink); text-decoration:none; opacity:0.7; transition:opacity .3s;}\n .nav-links a:hover{opacity:1;}\n .nav-cta{\n border:1px solid var(--ink); padding:10px 20px; border-radius:100px;\n font-size:11px; letter-spacing:0.1em; text-transform:uppercase; color:var(--ink); text-decoration:none;\n transition:background .3s, color .3s;\n }\n .nav-cta:hover{background:var(--ink); color:var(--bg-1);}\n\n \/* ================= HERO \u2014 minimalist, pinned, floating frame ================= *\/\n .hero-pin-wrap{\n position:relative; height:280vh; width:100%; background:var(--bg-1);\n }\n .hero{\n position:sticky; top:0; height:100vh; width:100%; overflow:hidden;\n display:flex; align-items:center; justify-content:center; text-align:center;\n background:var(--bg-1);\n }\n .hero-video-wrap{\n position:absolute; inset:28px; overflow:hidden; border-radius:40px;\n box-shadow:0 40px 90px rgba(51,35,25,0.18);\n }\n .hero-video{\n position:absolute; top:50%; left:50%; width:100%; height:100%;\n object-fit:cover; transform:translate(-50%,-50%) scale(1);\n will-change:transform;\n }\n .hero-video-fallback{\n position:absolute; inset:0;\n \/*background:linear-gradient(160deg, var(--bg-1), #FFDDD0 60%, #FFE9DE);*\/\n }\n .hero-scrim{\n position:absolute; inset:0;\n \/*background:linear-gradient(180deg, rgba(255,237,226,0.3) 0%, rgba(255,237,226,0.1) 45%, rgba(255,237,226,0.82) 100%);*\/\n }\n .hero-content{position:relative; z-index:5; max-width:800px; padding:0 24px;}\n .hero-eyebrow{font-size:12px; letter-spacing:0.3em; text-transform:uppercase; color:var(--ink-dim); margin-bottom:22px;}\n .hero-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:#5FBF7A; display:inline-block; margin-right:8px;}\n .hero-title{\n font-size:clamp(64px, 13vw, 180px); line-height:0.86; color: transparent;\n }\n .hero-sub{\n font-size:clamp(18px,2.2vw,26px); margin-top:16px; color:var(--ink-dim); max-width:520px; margin-left:auto; margin-right:auto;\n }\n .hero-actions{margin-top:36px;}\n .btn-primary{\n background:var(--ink); color:var(--bg-1); font-weight:600; padding:17px 38px; border-radius:100px;\n text-decoration:none; font-size:13px; letter-spacing:0.08em; text-transform:uppercase;\n display:inline-flex; align-items:center; gap:10px;\n transition:transform .4s cubic-bezier(.2,.8,.2,1), background .4s;\n }\n .btn-primary:hover{transform:translateY(-3px); background:var(--pink); color:#fff;}\n .btn-ghost{\n border:1px solid var(--line); color:var(--ink); padding:16px 30px; border-radius:100px;\n text-decoration:none; font-size:13px; letter-spacing:0.06em; text-transform:uppercase;\n display:inline-flex; align-items:center; gap:10px; transition:border-color .3s;\n }\n .scroll-cue{\n position:absolute; bottom:34px; left:50%; transform:translateX(-50%); z-index:5;\n font-size:10px; letter-spacing:0.2em; text-transform:uppercase; color:var(--ink-faint);\n display:flex; flex-direction:column; align-items:center; gap:8px;\n }\n .scroll-cue .stem{width:1px; height:34px; background:var(--ink-faint); position:relative; overflow:hidden;}\n .scroll-cue .stem::after{content:''; position:absolute; top:-40%; left:0; width:100%; height:40%; background:var(--ink); animation:cuemove 1.8s ease-in-out infinite;}\n @keyframes cuemove{0%{top:-40%;}100%{top:100%;}}\n\n \/* ================= STORY ================= *\/\n .story{\n position:relative; min-height:110vh; background:var(--bg-2);\n padding:150px 0 140px; overflow:hidden;\n }\n .story-eyebrow{text-align:center; font-size:11px; letter-spacing:0.3em; text-transform:uppercase; color:var(--gold); margin-bottom:18px;}\n .story-headline{\n text-align:center; font-family:'Bebas Neue',sans-serif; font-size:clamp(38px,6.5vw,86px);\n line-height:0.95; max-width:1000px; margin:0 auto 100px; padding:0 24px; color:var(--ink);\n }\n .story-headline .line{display:block; overflow:hidden;}\n .story-headline .line span{display:inline-block; transform:translateY(110%); transition:transform 0.9s cubic-bezier(.2,.9,.15,1);}\n .story-headline.in-view .line span{transform:translateY(0);}\n .story-headline .line:nth-child(2) span{transition-delay:0.08s;}\n .story-headline .line:nth-child(3) span{transition-delay:0.16s;}\n .story-headline .accent{color:var(--pink);}\n\n .story-grid{\n display:grid; grid-template-columns:1.1fr 0.9fr; gap:0; max-width:1240px; margin:0 auto;\n padding:0 40px; align-items:center;\n }\n .story-media{\n position:relative; aspect-ratio:4\/5; border-radius:18px; overflow:hidden;\n transform:translateY(40px); opacity:0; transition:all 1s cubic-bezier(.2,.9,.15,1);\n box-shadow:0 30px 60px rgba(51,35,25,0.12);\n }\n .story-media.in-view{opacity:1; transform:translateY(0);}\n .story-media video{width:100%; height:100%; object-fit:cover; display:block;}\n .story-media-tag{\n position:absolute; bottom:18px; left:18px; background:var(--paper);\n backdrop-filter:blur(10px); padding:9px 16px; border-radius:100px;\n font-size:10px; letter-spacing:0.14em; text-transform:uppercase; color:var(--ink);\n }\n .story-cards{position:relative; margin-left:-40px; z-index:2; display:flex; flex-direction:column; gap:20px;}\n .story-card{\n background:var(--paper); border:1px solid var(--line); border-radius:16px; padding:26px 28px;\n backdrop-filter:blur(10px); opacity:0; transform:translateX(50px); transition:all .9s cubic-bezier(.2,.9,.15,1);\n }\n .story-card.in-view{opacity:1; transform:translateX(0);}\n .story-card:nth-child(2){transition-delay:.15s; margin-left:22px;}\n .story-card:nth-child(3){transition-delay:.3s;}\n .story-card .num{font-family:'Bebas Neue',sans-serif; color:var(--orange); font-size:12px; letter-spacing:0.14em;}\n .story-card p{margin-top:9px; font-size:14px; line-height:1.6; color:var(--ink-dim);}\n .story-card strong{color:var(--ink); font-weight:600;}\n\n .story-quote{max-width:1240px; margin:110px auto 0; padding:0 40px; display:flex; justify-content:flex-end;}\n .story-quote blockquote{\n font-family:'Playfair Display', serif; font-style:italic; font-weight:700;\n font-size:clamp(26px,3.6vw,48px); text-align:right; max-width:600px; color:var(--pink);\n }\n\n \/* ================= GALLERY ================= *\/\n .gallery-section{position:relative; padding:150px 0 110px; background:var(--bg-3); overflow:hidden;}\n .gallery-head{\n display:flex; justify-content:space-between; align-items:flex-end;\n max-width:1300px; margin:0 auto 64px; padding:0 40px; flex-wrap:wrap; gap:20px;\n }\n .gallery-head h2{font-family:'Bebas Neue',sans-serif; font-size:clamp(38px,5.5vw,74px); line-height:0.9; color:var(--ink);}\n .gallery-head p{max-width:320px; font-size:13px; color:var(--ink-dim); line-height:1.65;}\n .marquee-row{display:flex; width:max-content; gap:22px; will-change:transform;}\n .gallery-track{overflow:hidden; margin-bottom:22px;}\n .gcard{position:relative; border-radius:16px; overflow:hidden; flex-shrink:0; background:#EEE2FF; transition:transform .5s cubic-bezier(.2,.9,.15,1);}\n .gcard:hover{transform:translateY(-10px);}\n .gcard img{width:100%; height:100%; object-fit:cover; display:block;}\n .gcard.sz-lg{width:400px; height:490px;}\n .gcard.sz-md{width:300px; height:380px;}\n .gcard.sz-sm{width:250px; height:310px;}\n .gcard-caption{\n position:absolute; bottom:0; left:0; right:0; padding:16px;\n background:linear-gradient(0deg, rgba(51,35,25,0.55), transparent);\n font-size:10px; letter-spacing:0.14em; text-transform:uppercase; color:#fff;\n }\n\n \/* ================= CONCERT \u2014 pinned, massive zoom ================= *\/\n .concert{position:relative; height:320vh; background:var(--bg-4);}\n .concert-pin{position:sticky; top:0; height:100vh; overflow:hidden; display:flex; align-items:center; justify-content:center;}\n .concert-video-wrap{\n position:absolute; inset:28px; overflow:hidden; border-radius:40px;\n box-shadow:0 40px 90px rgba(51,35,25,0.16);\n }\n .concert-video{position:absolute; top:50%; left:50%; width:100%; height:100%; object-fit:cover; transform:translate(-50%,-50%) scale(1); will-change:transform;}\n .concert-fallback{position:absolute; inset:0; background:linear-gradient(160deg, var(--bg-4), #FFD2E2 60%, #FFE7EF);}\n .concert-scrim{position:absolute; inset:0; background:radial-gradient(ellipse at center, rgba(255,226,236,0.05) 20%, rgba(255,226,236,0.8) 92%);}\n .concert-content{position:relative; z-index:4; text-align:center; padding:0 24px;}\n .concert-eyebrow{font-size:11px; letter-spacing:0.35em; text-transform:uppercase; color:var(--orange); margin-bottom:22px;}\n .concert-title{\n font-family:'Anton', sans-serif; font-size:clamp(48px,9.5vw,140px); line-height:0.88; color:var(--ink);\n }\n .concert-sub{margin-top:22px; font-size:clamp(15px,1.8vw,20px); color:var(--ink-dim); max-width:560px; margin-left:auto; margin-right:auto;}\n .concert-progress{position:absolute; bottom:46px; left:50%; transform:translateX(-50%); display:flex; gap:6px; z-index:5;}\n .concert-progress span{width:32px; height:3px; background:rgba(51,35,25,0.15); border-radius:2px; overflow:hidden;}\n .concert-progress span i{display:block; height:100%; background:var(--ink); width:0%;}\n\n \/* ================= FINALE ================= *\/\n .finale{\n position:relative; min-height:100vh; background:var(--bg-5);\n display:flex; flex-direction:column; align-items:center; justify-content:center;\n text-align:center; overflow:hidden; padding:150px 24px;\n }\n .confetti{position:absolute; top:-10%; border-radius:2px; animation:fall linear infinite;}\n @keyframes fall{0%{transform:translateY(0) rotate(0deg); opacity:0.9;}100%{transform:translateY(115vh) rotate(400deg); opacity:0;}}\n .finale-eyebrow{position:relative; z-index:3; font-size:11px; letter-spacing:0.35em; text-transform:uppercase; color:var(--gold); margin-bottom:24px;}\n .finale-title{position:relative; z-index:3; font-family:'Anton',sans-serif; font-size:clamp(54px,11vw,170px); line-height:0.85; color:var(--ink);}\n .finale-title .script{display:block; font-family:'Playfair Display',serif; font-style:italic; font-weight:700; font-size:0.26em; color:var(--pink); margin-top:14px;}\n .finale-desc{position:relative; z-index:3; max-width:520px; margin:28px auto 0; color:var(--ink-dim); font-size:14px; line-height:1.7;}\n .finale-ca{\n position:relative; z-index:3; margin-top:40px; display:inline-flex; align-items:center; gap:14px;\n background:var(--paper); border:1px solid var(--line); padding:13px 20px; border-radius:100px;\n font-size:12px; backdrop-filter:blur(10px); color:var(--ink);\n }\n .finale-ca button{\n background:var(--ink); color:var(--bg-5); border:none; padding:7px 16px; border-radius:100px;\n font-size:10px; letter-spacing:0.1em; text-transform:uppercase; font-weight:600; cursor:pointer; transition:transform .3s;\n }\n .finale-ca button:hover{transform:scale(1.05);}\n .finale-actions{position:relative; z-index:3; display:flex; gap:16px; margin-top:36px; flex-wrap:wrap; justify-content:center;}\n .finale-social{position:relative; z-index:3; display:flex; gap:18px; margin-top:50px;}\n .finale-social a{\n width:42px; height:42px; border-radius:50%; border:1px solid var(--line);\n display:flex; align-items:center; justify-content:center; color:var(--ink); text-decoration:none; font-size:13px; transition:all .3s;\n }\n .finale-social a:hover{border-color:var(--pink); background:rgba(255,111,160,0.12);}\n footer{position:relative; z-index:3; margin-top:80px; font-size:10px; letter-spacing:0.14em; text-transform:uppercase; color:var(--ink-faint);}\n\n @media (max-width:860px){\n nav{padding:18px 20px;}\n .nav-links{display:none;}\n .story-grid{grid-template-columns:1fr; gap:56px;}\n .story-cards{margin-left:0;}\n .story-card:nth-child(2){margin-left:0;}\n .story-quote{justify-content:center; padding:0 20px; text-align:center;}\n .story-quote blockquote{text-align:center;}\n .gallery-head{padding:0 20px;}\n }\n @media (prefers-reduced-motion: reduce){\n *{animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important; scroll-behavior:auto !important;}\n } \/* ================= MANIFESTO ================= *\/\n .manifesto{\n position:relative; background:var(--bg-2); padding:0 0 160px;\n display:flex; justify-content:center;\n }\n .manifesto-card{\n max-width:980px; margin:0 40px; padding:80px 64px; border-radius:40px;\n background:var(--paper); border:1px solid var(--line); backdrop-filter:blur(10px);\n }\n .manifesto-line{\n font-family:'Bebas Neue',sans-serif; font-size:clamp(26px,4vw,44px); line-height:1.25;\n color:var(--ink-dim); text-align:center; opacity:0; transform:translateY(24px);\n transition:all .8s cubic-bezier(.2,.9,.15,1);\n }\n .manifesto-line.in-view{opacity:1; transform:translateY(0);}\n .manifesto-line.emphasis{color:var(--ink); font-size:clamp(30px,5vw,54px);}\n .manifesto-line + .manifesto-line{margin-top:18px;}\n .manifesto-divider{width:60px; height:2px; background:var(--pink); margin:40px auto; opacity:0; transition:opacity .8s .3s;}\n .manifesto-divider.in-view{opacity:1;}\n .manifesto-final{\n text-align:center; margin-top:36px; font-family:'Playfair Display',serif; font-style:italic;\n font-weight:700; font-size:clamp(22px,3.2vw,34px); color:var(--pink);\n opacity:0; transform:translateY(16px); transition:all .8s cubic-bezier(.2,.9,.15,1) .2s;\n }\n .manifesto-final.in-view{opacity:1; transform:translateY(0);}\n\n \/* ================= JOIN THE SHOW ================= *\/\n .join{position:relative; background:var(--bg-4); padding:150px 40px 130px;}\n .join-head{max-width:640px; margin:0 auto 70px; text-align:center;}\n .join-head .story-eyebrow{margin-bottom:16px;}\n .join-head h2{font-family:'Bebas Neue',sans-serif; font-size:clamp(36px,5.5vw,64px); color:var(--ink); line-height:1;}\n .join-steps{\n max-width:1100px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:26px;\n }\n .join-step{\n background:var(--paper); border:1px solid var(--line); border-radius:26px; padding:36px 30px;\n backdrop-filter:blur(10px); transition:transform .4s cubic-bezier(.2,.9,.15,1);\n }\n .join-step:hover{transform:translateY(-8px);}\n .join-step .step-num{\n width:40px; height:40px; border-radius:50%; background:var(--ink); color:var(--bg-4);\n display:flex; align-items:center; justify-content:center; font-family:'Bebas Neue',sans-serif;\n font-size:16px; margin-bottom:22px;\n }\n .join-step h3{font-size:18px; margin-bottom:10px; color:var(--ink);}\n .join-step p{font-size:14px; line-height:1.65; color:var(--ink-dim);}\n @media (max-width:860px){ .join-steps{grid-template-columns:1fr;} .manifesto-card{padding:50px 28px; margin:0 20px;} }\n\n<\/style>\n<\/head>\n<body>\n\n<div class=\"beatline\" id=\"beatline\"><\/div>\n\n<nav id=\"nav\">\n <div class=\"nav-mark\">$SHAKIRA <span>DOG<\/span><\/div>\n <div class=\"nav-links\">\n <a href=\"#story\">Story<\/a>\n <a href=\"#manifesto\">Manifesto<\/a>\n <a href=\"#gallery\">Gallery<\/a>\n <a href=\"#join\">Buy<\/a>\n <\/div>\n <a href=\"#finale\" class=\"nav-cta\">Buy $SHAKIRADOG<\/a>\n<\/nav>\n\n\n<section class=\"hero-pin-wrap\" id=\"hero\">\n <div class=\"hero\">\n <div class=\"hero-video-wrap\">\n <div class=\"hero-video-fallback\"><\/div>\n <video class=\"hero-video\" id=\"heroVideo\" muted playsinline preload=\"auto\">\n <source src=\"https:\/\/shakiradog.xyz\/wp-content\/uploads\/2026\/07\/herobg.mp4\" type=\"video\/mp4\">\n <\/video>\n <div class=\"hero-scrim\"><\/div>\n <\/div>\n\n <div class=\"hero-content\">\n <div class=\"hero-eyebrow\"><span class=\"dot\"><\/span>Live \u00b7 $SHAKIRADOG<\/div>\n <h1 class=\"hero-title display\">SHAKIRA DOG<\/h1>\n <p class=\"hero-sub script\">she doesn't chase fame. she doesn't chase bones. she chases the next beat.<\/p>\n <div class=\"hero-actions\">\n <a href=\"#finale\" class=\"btn-primary\">Buy $SHAKIRADOG \u2192<\/a>\n <\/div>\n <\/div>\n\n <div class=\"scroll-cue\"><span>Scroll<\/span><div class=\"stem\"><\/div><\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"story\" id=\"story\">\n <div class=\"story-eyebrow\">The Philosophy<\/div>\n <h2 class=\"story-headline\" id=\"storyHeadline\">\n <span class=\"line\"><span>She doesn't watch charts.<\/span><\/span>\n <span class=\"line\"><span>She watches the <span class=\"accent\">beat.<\/span><\/span><\/span>\n <span class=\"line\"><span>Hips \u2014 and paws \u2014 don't lie.<\/span><\/span>\n <\/h2>\n\n <div class=\"story-grid\">\n <div class=\"story-media\" id=\"storyMedia\">\n <video muted playsinline loop autoplay id=\"storyVideo\">\n <source src=\"https:\/\/shakiradog.xyz\/wp-content\/uploads\/2026\/07\/0728.mp4\" type=\"video\/mp4\">\n <\/video>\n <div class=\"story-media-tag\">Unedited \u00b7 Backstage, 2026<\/div>\n <\/div>\n\n <div class=\"story-cards\" id=\"storyCards\">\n <div class=\"story-card\"><div class=\"num\">01 \u2014 NOT FOR FAME<\/div><p>She doesn't chase fame. She doesn't chase bones. <strong>She chases the next beat.<\/strong><\/p><\/div>\n <div class=\"story-card\"><div class=\"num\">02 \u2014 NOT FOR CHARTS<\/div><p>As long as the beat keeps playing, she's barking, wiggling, and <strong>bringing everyone along.<\/strong><\/p><\/div>\n <div class=\"story-card\"><div class=\"num\">03 \u2014 ONE WORRY ONLY<\/div><p>The only thing that worries her isn't a red candle. <strong>It's when the beat goes off.<\/strong><\/p><\/div>\n <\/div>\n <\/div>\n\n <div class=\"story-quote\"><blockquote>\"Hips. Paws. Don't lie.\"<\/blockquote><\/div>\n<\/section>\n\n\n<section class=\"manifesto\" id=\"manifesto\">\n <div class=\"manifesto-card\">\n <p class=\"manifesto-line\" id=\"m1\">She doesn't watch charts.<\/p>\n <p class=\"manifesto-line\" id=\"m2\">As long as the beat keeps playing \u2014<\/p>\n <p class=\"manifesto-line emphasis\" id=\"m3\">she's barking, wiggling, and bringing everyone along.<\/p>\n <div class=\"manifesto-divider\" id=\"mdiv\"><\/div>\n <p class=\"manifesto-line\" id=\"m4\">The only thing that worries her isn't a red candle.<\/p>\n <p class=\"manifesto-line emphasis\" id=\"m5\">It's when the beat goes off.<\/p>\n <p class=\"manifesto-final\" id=\"mfinal\">No worries about the chart \u2014 unless the beat is off.<\/p>\n <\/div>\n<\/section>\n\n\n<section class=\"gallery-section\" id=\"gallery\">\n <div class=\"gallery-head\">\n <h2 class=\"display\">World<br>Tour<\/h2>\n <p>Highlights pulled straight from the stage \u2014 every stop, every sold-out floor, every encore.<\/p>\n <\/div>\n\n <div class=\"gallery-track\">\n <div class=\"marquee-row\" id=\"row1\">\n <div class=\"gcard sz-lg\"><img decoding=\"async\" src=\"https:\/\/shakiradog.xyz\/wp-content\/uploads\/2026\/07\/galleryimg1.png\" alt=\"Tour highlight 1\" onerror=\"this.parentElement.style.background='#FFD6E4'; this.remove();\"><div class=\"gcard-caption\">Stop 01 \u2014 Main Stage<\/div><\/div>\n <div class=\"gcard sz-md\"><img decoding=\"async\" src=\"https:\/\/shakiradog.xyz\/wp-content\/uploads\/2026\/07\/galleryimg2.png\" alt=\"Tour highlight 2\" onerror=\"this.parentElement.style.background='#FFEAC2'; this.remove();\"><div class=\"gcard-caption\">Stop 02 \u2014 Soundcheck<\/div><\/div>\n <div class=\"gcard sz-sm\"><img decoding=\"async\" src=\"https:\/\/shakiradog.xyz\/wp-content\/uploads\/2026\/07\/galleryimg3.png\" alt=\"Tour highlight 3\" onerror=\"this.parentElement.style.background='#E5D8FF'; this.remove();\"><div class=\"gcard-caption\">Stop 03 \u2014 Encore<\/div><\/div>\n <div class=\"gcard sz-md\"><img decoding=\"async\" src=\"https:\/\/shakiradog.xyz\/wp-content\/uploads\/2026\/07\/galleryimg4.png\" alt=\"Tour highlight 4\" onerror=\"this.parentElement.style.background='#FFDCC2'; this.remove();\"><div class=\"gcard-caption\">Stop 04 \u2014 Crowd<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"gallery-track\">\n <div class=\"marquee-row reverse\" id=\"row2\">\n <div class=\"gcard sz-md\"><img decoding=\"async\" src=\"https:\/\/shakiradog.xyz\/wp-content\/uploads\/2026\/07\/galleryimg5.png\" alt=\"Tour highlight 5\" onerror=\"this.parentElement.style.background='#E5D8FF'; this.remove();\"><div class=\"gcard-caption\">Stop 05 \u2014 Backstage<\/div><\/div>\n <div class=\"gcard sz-lg\"><img decoding=\"async\" src=\"https:\/\/shakiradog.xyz\/wp-content\/uploads\/2026\/07\/galleryimg6.png\" alt=\"Tour highlight 6\" onerror=\"this.parentElement.style.background='#FFD6E4'; this.remove();\"><div class=\"gcard-caption\">Stop 06 \u2014 Finale<\/div><\/div>\n <div class=\"gcard sz-sm\"><img decoding=\"async\" src=\"https:\/\/shakiradog.xyz\/wp-content\/uploads\/2026\/07\/galleryimg7.png\" alt=\"Tour highlight 7\" onerror=\"this.parentElement.style.background='#FFEAC2'; this.remove();\"><div class=\"gcard-caption\">Stop 07 \u2014 Pyro<\/div><\/div>\n <div class=\"gcard sz-md\"><img decoding=\"async\" src=\"https:\/\/shakiradog.xyz\/wp-content\/uploads\/2026\/07\/galleryimg8.png\" alt=\"Tour highlight 8\" onerror=\"this.parentElement.style.background='#FFDCC2'; this.remove();\"><div class=\"gcard-caption\">Stop 08 \u2014 After Party<\/div><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"concert\" id=\"concert\">\n <div class=\"concert-pin\">\n <div class=\"concert-video-wrap\">\n <div class=\"concert-fallback\"><\/div>\n <video class=\"concert-video\" id=\"concertVideo\" muted playsinline preload=\"auto\">\n <source src=\"https:\/\/shakiradog.xyz\/wp-content\/uploads\/2026\/07\/videobg.mp4\" type=\"video\/mp4\">\n <\/video>\n <div class=\"concert-scrim\"><\/div>\n <\/div>\n <div class=\"concert-content\">\n <div class=\"concert-eyebrow\">Chapter Four \u2014 The Climax<\/div>\n <h2 class=\"concert-title\">SOLD OUT<br>EVERY NIGHT<\/h2>\n <p class=\"concert-sub\">Forty thousand strangers become one crowd the second the beat drops.<\/p>\n <\/div>\n <div class=\"concert-progress\"><span><i id=\"cp1\"><\/i><\/span><span><i id=\"cp2\"><\/i><\/span><span><i id=\"cp3\"><\/i><\/span><span><i id=\"cp4\"><\/i><\/span><\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"join\" id=\"join\">\n <div class=\"join-head\">\n <div class=\"story-eyebrow\">Join The Show<\/div>\n <h2 class=\"display\">Three Steps<br>To The Front Row<\/h2>\n <\/div>\n <div class=\"join-steps\">\n <div class=\"join-step\">\n <div class=\"step-num\">1<\/div>\n <h3>Get a wallet<\/h3>\n <p>Set up a Solana wallet like Phantom or Backpack. Takes less than a minute, no ticket queue required.<\/p>\n <\/div>\n <div class=\"join-step\">\n <div class=\"step-num\">2<\/div>\n <h3>Fund it with SOL<\/h3>\n <p>Transfer SOL in from any exchange. This covers your swap into $SHAKIRADOG and the network fee.<\/p>\n <\/div>\n <div class=\"join-step\">\n <div class=\"step-num\">3<\/div>\n <h3>Swap in and wiggle along<\/h3>\n <p>Paste the contract address below into your favorite Solana swap and you're in the crowd for good.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"finale\" id=\"finale\">\n <div id=\"confettiWrap\"><\/div>\n <div class=\"finale-eyebrow\">Final Encore<\/div>\n <h2 class=\"finale-title\">ONE LAST<br>ENCORE<span class=\"script\">the beat never stops.<\/span><\/h2>\n <p class=\"finale-desc\">This is the part of the show where the whole stadium sings the last chorus together. Join before the lights come up.<\/p>\n <div class=\"finale-ca\">\n <span id=\"caText\">CA: DVDG7yPw3rk...1111<\/span>\n <button onclick=\"navigator.clipboard && navigator.clipboard.writeText(document.getElementById('caText').innerText.replace('CA: ','')); this.innerText='Copied'; setTimeout(()=>this.innerText='Copy',1600);\">Copy<\/button>\n <\/div>\n <div class=\"finale-actions\">\n <a href=\"#\" class=\"btn-primary\">Buy $SHAKIRADOG \u2192<\/a>\n <a href=\"#\" class=\"btn-ghost\">Read the whitepaper<\/a>\n <\/div>\n <div class=\"finale-social\">\n <a href=\"#\" aria-label=\"X \/ Twitter\">\ud835\udd4f<\/a>\n <a href=\"#\" aria-label=\"Telegram\">\u2708<\/a>\n <a href=\"#\" aria-label=\"Chart\">\ud83d\udcc8<\/a>\n <\/div>\n <footer>$SHAKIRADOG \u00b7 Not a security \u00b7 Community owned \u00b7 Paws Don't Lie<\/footer>\n<\/section>\n\n<script>\n(function(){\n const nav = document.getElementById('nav');\n const beatline = document.getElementById('beatline');\n function onScroll(){\n const h = document.documentElement;\n const scrolled = h.scrollTop \/ (h.scrollHeight - h.clientHeight);\n beatline.style.transform = 'scaleX(' + Math.min(scrolled,1) + ')';\n nav.classList.toggle('scrolled', h.scrollTop > 40);\n }\n document.addEventListener('scroll', onScroll, {passive:true});\n onScroll();\n\n \/\/ ---------- hero: pinned, scroll-scrubbed video + enormous zoom ----------\n const heroSection = document.getElementById('hero'); \/\/ .hero-pin-wrap\n const heroVideo = document.getElementById('heroVideo');\n let heroReady = false;\n heroVideo.addEventListener('loadedmetadata', ()=>{ heroReady = true; });\n\n function updateHero(){\n const rect = heroSection.getBoundingClientRect();\n const total = rect.height - window.innerHeight;\n let progress = -rect.top \/ total;\n progress = Math.max(0, Math.min(1, progress));\n if(heroReady && heroVideo.duration){\n const target = progress * heroVideo.duration;\n if(Math.abs(heroVideo.currentTime - target) > 0.05) heroVideo.currentTime = target;\n }\n \/\/ enormous zoom: scale 1 -> ~5.5 across the whole pinned scroll\n const scale = 1 + Math.pow(progress, 1.15) * 4.5;\n heroVideo.style.transform = 'translate(-50%,-50%) scale('+scale+')';\n }\n\n \/\/ ---------- concert: pinned scrub + massive zoom + progress dots ----------\n const concertSection = document.getElementById('concert');\n const concertVideo = document.getElementById('concertVideo');\n let concertReady = false;\n concertVideo.addEventListener('loadedmetadata', ()=>{ concertReady = true; });\n const dots = [document.getElementById('cp1'),document.getElementById('cp2'),document.getElementById('cp3'),document.getElementById('cp4')];\n\n function updateConcert(){\n const rect = concertSection.getBoundingClientRect();\n const total = rect.height - window.innerHeight;\n let progress = -rect.top \/ total;\n progress = Math.max(0, Math.min(1, progress));\n if(concertReady && concertVideo.duration){\n const target = progress * concertVideo.duration;\n if(Math.abs(concertVideo.currentTime - target) > 0.05) concertVideo.currentTime = target;\n }\n \/\/ enormous zoom across the whole pinned duration\n const scale = 1 + Math.pow(progress, 1.15) * 4.5;\n concertVideo.style.transform = 'translate(-50%,-50%) scale('+scale+')';\n const seg = 1\/4;\n dots.forEach((d,i)=>{\n const local = Math.max(0, Math.min(1, (progress - i*seg)\/seg));\n d.style.width = (local*100)+'%';\n });\n }\n\n function raf(){\n updateHero();\n updateConcert();\n requestAnimationFrame(raf);\n }\n requestAnimationFrame(raf);\n\n \/\/ ---------- reveal on view ----------\n const revealEls = document.querySelectorAll('#storyHeadline, #storyMedia, .story-card');\n const io = new IntersectionObserver((entries)=>{\n entries.forEach(e=>{ if(e.isIntersecting) e.target.classList.add('in-view'); });\n }, {threshold:0.25});\n revealEls.forEach(el=>io.observe(el));\n\n \/\/ ---------- manifesto staggered reveal ----------\n const manifestoIds = ['m1','m2','m3','mdiv','m4','m5','mfinal'];\n const manifestoEls = manifestoIds.map(id=>document.getElementById(id));\n manifestoEls.forEach((el,i)=>{ el.style.transitionDelay = (i*0.12)+'s'; });\n const ioManifesto = new IntersectionObserver((entries)=>{\n entries.forEach(e=>{ if(e.isIntersecting) e.target.classList.add('in-view'); });\n }, {threshold:0.4});\n manifestoEls.forEach(el=>ioManifesto.observe(el));\n\n \/\/ ---------- marquee gallery ----------\n function setupMarquee(id, speed, reverse){\n const row = document.getElementById(id);\n row.innerHTML += row.innerHTML;\n let x = reverse ? -row.scrollWidth\/2 : 0;\n function step(){\n x += reverse ? speed : -speed;\n if(!reverse && x <= -row.scrollWidth\/2) x = 0;\n if(reverse && x >= 0) x = -row.scrollWidth\/2;\n row.style.transform = 'translateX('+x+'px)';\n requestAnimationFrame(step);\n }\n requestAnimationFrame(step);\n }\n setupMarquee('row1', 0.55, false);\n setupMarquee('row2', 0.45, true);\n\n \/\/ ---------- finale confetti (light touch) ----------\n const confettiWrap = document.getElementById('confettiWrap');\n const cColors = ['#FF6FA0','#E8A93B','#9B7FE0','#FF8A5B'];\n for(let i=0;i<24;i++){\n const c = document.createElement('div');\n c.className = 'confetti';\n const w = 5 + Math.random()*6;\n c.style.width = w+'px';\n c.style.height = (w*0.4)+'px';\n c.style.left = Math.random()*100+'%';\n c.style.background = cColors[i % cColors.length];\n c.style.animationDuration = (6 + Math.random()*6)+'s';\n c.style.animationDelay = (Math.random()*8)+'s';\n confettiWrap.appendChild(c);\n }\n})();\n<\/script>\n\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>$SHAKIRADOG \u2014 Paws Don’t Lie $SHAKIRA DOG Story Manifesto Gallery Buy Buy $SHAKIRADOG Live \u00b7 $SHAKIRADOG SHAKIRA DOG she doesn’t chase fame. she doesn’t chase bones. she chases the next beat. Buy $SHAKIRADOG \u2192 Scroll The Philosophy She doesn’t watch charts. She watches the beat. Hips \u2014 and paws \u2014 don’t lie. Unedited \u00b7 Backstage, […]<\/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-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shakiradog.xyz\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shakiradog.xyz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shakiradog.xyz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shakiradog.xyz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shakiradog.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":64,"href":"https:\/\/shakiradog.xyz\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":91,"href":"https:\/\/shakiradog.xyz\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/91"}],"wp:attachment":[{"href":"https:\/\/shakiradog.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}