{"title":"🌞 SUMMER VIBES🌊⛱","description":"\u003cstyle\u003e\n  .lab-hero {\n    background: linear-gradient(135deg, #00ff00 0%, #00ffff 15%, #ff00ff 30%, #ff0080 50%, #ff6600 70%, #ffff00 85%, #00ff00 100%);\n    background-size: 400% 400%;\n    animation: gradientShift 6s ease infinite;\n    padding: 50px 30px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    border-radius: 12px;\n    margin: 0 auto;\n    max-width: 100%;\n    border: 3px solid #00ff00;\n    box-shadow: 0 0 30px rgba(0, 255, 0, 0.8),\n                0 0 60px rgba(255, 0, 255, 0.6),\n                inset 0 0 30px rgba(0, 255, 255, 0.3);\n  }\n\n  @keyframes gradientShift {\n    0% { background-position: 0% 50%; }\n    50% { background-position: 100% 50%; }\n    100% { background-position: 0% 50%; }\n  }\n\n  @keyframes bubbleFloat {\n    0% { transform: translateY(0) translateX(0); opacity: 0; }\n    10% { opacity: 1; }\n    90% { opacity: 1; }\n    100% { transform: translateY(-100px) translateX(20px); opacity: 0; }\n  }\n\n  @keyframes bubbleFloat2 {\n    0% { transform: translateY(0) translateX(0); opacity: 0; }\n    10% { opacity: 1; }\n    90% { opacity: 1; }\n    100% { transform: translateY(-120px) translateX(-30px); opacity: 0; }\n  }\n\n  @keyframes bubbleFloat3 {\n    0% { transform: translateY(0) translateX(0); opacity: 0; }\n    10% { opacity: 1; }\n    90% { opacity: 1; }\n    100% { transform: translateY(-90px) translateX(15px); opacity: 0; }\n  }\n\n  @keyframes borderPulse {\n    0%, 100% { box-shadow: 0 0 30px rgba(0, 255, 0, 0.8), 0 0 60px rgba(255, 0, 255, 0.6), inset 0 0 30px rgba(0, 255, 255, 0.3); }\n    50% { box-shadow: 0 0 50px rgba(0, 255, 0, 1), 0 0 80px rgba(255, 0, 255, 0.8), inset 0 0 50px rgba(0, 255, 255, 0.5); }\n  }\n\n  @keyframes cornerFloat {\n    0%, 100% { transform: translateY(0) rotate(0deg); }\n    50% { transform: translateY(-10px) rotate(5deg); }\n  }\n\n  @keyframes cornerFloat2 {\n    0%, 100% { transform: translateY(0) rotate(0deg); }\n    50% { transform: translateY(-10px) rotate(-5deg); }\n  }\n\n  .lab-hero::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 20% 50%, rgba(0, 255, 0, 0.15) 0%, transparent 50%),\n                radial-gradient(circle at 80% 80%, rgba(255, 0, 255, 0.15) 0%, transparent 50%),\n                radial-gradient(circle at 50% 0%, rgba(0, 255, 255, 0.1) 0%, transparent 60%);\n    pointer-events: none;\n    animation: borderPulse 3s ease-in-out infinite;\n  }\n\n  .corner-logo {\n    position: absolute;\n    width: 100px;\n    height: 100px;\n    opacity: 0.8;\n    pointer-events: none;\n    z-index: 1;\n    filter: drop-shadow(0 0 8px rgba(0, 255, 0, 0.5)) drop-shadow(0 0 15px rgba(255, 0, 255, 0.3));\n  }\n\n  .corner-logo img {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n  }\n\n  .corner-top-left-logo {\n    top: 10px;\n    left: 10px;\n    animation: cornerFloat 4s ease-in-out infinite;\n  }\n\n  .corner-top-right-logo {\n    top: 10px;\n    right: 10px;\n    animation: cornerFloat2 4.5s ease-in-out infinite;\n  }\n\n  .corner-accent {\n    position: absolute;\n    font-size: 3.5rem;\n    opacity: 0.85;\n    pointer-events: none;\n    filter: drop-shadow(0 0 10px rgba(0, 255, 0, 0.6)) drop-shadow(0 0 20px rgba(255, 0, 255, 0.4));\n    z-index: 1;\n  }\n\n  .corner-top-left {\n    top: 12px;\n    left: 15px;\n    animation: cornerFloat 4s ease-in-out infinite;\n  }\n\n  .corner-top-right {\n    top: 12px;\n    right: 15px;\n    animation: cornerFloat2 4.5s ease-in-out infinite;\n  }\n\n  .corner-accent-secondary {\n    position: absolute;\n    font-size: 2.5rem;\n    opacity: 0.7;\n    pointer-events: none;\n    filter: drop-shadow(0 0 8px rgba(0, 255, 0, 0.5)) drop-shadow(0 0 15px rgba(255, 102, 0, 0.3));\n    z-index: 1;\n  }\n\n  .corner-top-left-secondary {\n    top: 50px;\n    left: 35px;\n    animation: cornerFloat2 5s ease-in-out infinite;\n    animation-delay: 0.5s;\n  }\n\n  .corner-top-right-secondary {\n    top: 50px;\n    right: 35px;\n    animation: cornerFloat 5.5s ease-in-out infinite;\n    animation-delay: 0.5s;\n  }\n\n  .bubble {\n    position: absolute;\n    border: 2px solid rgba(0, 255, 0, 0.6);\n    border-radius: 50%;\n    pointer-events: none;\n  }\n\n  .bubble1 {\n    width: 20px;\n    height: 20px;\n    left: 10%;\n    bottom: 20%;\n    animation: bubbleFloat 4s ease-in infinite;\n  }\n\n  .bubble2 {\n    width: 15px;\n    height: 15px;\n    left: 30%;\n    bottom: 30%;\n    animation: bubbleFloat2 5s ease-in infinite;\n    animation-delay: 0.5s;\n  }\n\n  .bubble3 {\n    width: 25px;\n    height: 25px;\n    right: 15%;\n    bottom: 25%;\n    animation: bubbleFloat3 4.5s ease-in infinite;\n    animation-delay: 1s;\n  }\n\n  .bubble4 {\n    width: 18px;\n    height: 18px;\n    right: 25%;\n    bottom: 35%;\n    animation: bubbleFloat 5.5s ease-in infinite;\n    animation-delay: 1.5s;\n  }\n\n  .lab-hero-content {\n    position: relative;\n    z-index: 2;\n    max-width: 1000px;\n    margin: 0 auto;\n  }\n\n  .caution-banner {\n    font-size: clamp(0.7rem, 2vw, 0.95rem);\n    color: #ffff00;\n    font-weight: 900;\n    letter-spacing: 0.15em;\n    margin-bottom: 15px;\n    text-shadow: 0 0 10px rgba(255, 255, 0, 0.8),\n                 0 0 20px rgba(255, 0, 0, 0.6);\n    font-family: 'Courier New', monospace;\n    animation: textGlow 2s ease-in-out infinite;\n  }\n\n  .lab-hero h1 {\n    font-size: clamp(3.5rem, 12vw, 7rem);\n    font-weight: 900;\n    letter-spacing: 0.15em;\n    margin: 0 0 10px 0;\n    color: #ffffff;\n    text-shadow: 0 0 30px rgba(0, 255, 0, 1),\n                 0 0 60px rgba(255, 0, 255, 0.8),\n                 0 0 90px rgba(0, 255, 255, 0.6),\n                 0 0 120px rgba(255, 102, 0, 0.4);\n    font-family: 'Courier New', 'IBM Plex Mono', 'Space Mono', monospace;\n    animation: textGlow 2.5s ease-in-out infinite;\n    line-height: 1.1;\n  }\n\n  .lab-emoji {\n    display: inline-block;\n    font-size: 1.1em;\n    margin: 0 0.2em;\n    animation: emojiPulse 1.5s ease-in-out infinite;\n  }\n\n  @keyframes emojiPulse {\n    0%, 100% { transform: scale(1) rotate(0deg); }\n    50% { transform: scale(1.25) rotate(5deg); }\n  }\n\n  @keyframes textGlow {\n    0%, 100% { text-shadow: 0 0 30px rgba(0, 255, 0, 1), 0 0 60px rgba(255, 0, 255, 0.8), 0 0 90px rgba(0, 255, 255, 0.6), 0 0 120px rgba(255, 102, 0, 0.4); }\n    50% { text-shadow: 0 0 50px rgba(0, 255, 0, 1), 0 0 80px rgba(255, 0, 255, 1), 0 0 110px rgba(0, 255, 255, 0.8), 0 0 150px rgba(255, 102, 0, 0.6); }\n  }\n\n  .lab-hero .subheading {\n    font-size: clamp(1rem, 3vw, 1.4rem);\n    color: #ffffff;\n    margin: 8px 0 0 0;\n    font-weight: 700;\n    letter-spacing: 0.05em;\n    text-shadow: 0 0 15px rgba(0, 255, 0, 0.8),\n                 0 0 30px rgba(255, 0, 255, 0.6);\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;\n  }\n\n  .lab-tagline {\n    font-size: clamp(0.9rem, 2.5vw, 1.2rem);\n    color: #ff6600;\n    margin-top: 12px;\n    font-weight: 800;\n    letter-spacing: 0.08em;\n    text-shadow: 0 0 10px rgba(255, 102, 0, 0.8),\n                 0 0 20px rgba(255, 0, 0, 0.6);\n    font-family: 'Courier New', monospace;\n    animation: textGlow 3s ease-in-out infinite;\n  }\n\n  @media (max-width: 768px) {\n    .lab-hero {\n      padding: 35px 20px;\n      border: 2px solid #00ff00;\n    }\n\n    .lab-hero h1 {\n      margin-bottom: 8px;\n    }\n\n    .lab-emoji {\n      font-size: 0.95em;\n    }\n\n    .corner-logo {\n      width: 70px;\n      height: 70px;\n    }\n\n    .corner-top-left-logo {\n      top: 5px;\n      left: 5px;\n    }\n\n    .corner-top-right-logo {\n      top: 5px;\n      right: 5px;\n    }\n\n    .corner-accent {\n      font-size: 2.5rem;\n    }\n\n    .corner-accent-secondary {\n      font-size: 1.8rem;\n    }\n\n    .corner-top-left {\n      top: 8px;\n      left: 10px;\n    }\n\n    .corner-top-right {\n      top: 8px;\n      right: 10px;\n    }\n\n    .corner-top-left-secondary {\n      top: 40px;\n      left: 25px;\n    }\n\n    .corner-top-right-secondary {\n      top: 40px;\n      right: 25px;\n    }\n\n    .caution-banner {\n      margin-bottom: 12px;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lab-hero\"\u003e\n\u003cdiv class=\"corner-logo corner-top-left-logo\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0578\/8431\/1635\/files\/20241209_122334__1_-removebg-preview.png?v=1733779285\" alt=\"Lab Logo\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"corner-logo corner-top-right-logo\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0578\/8431\/1635\/files\/20241209_122334__1_-removebg-preview.png?v=1733779285\" alt=\"Lab Logo\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bubble bubble1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bubble bubble2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bubble bubble3\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bubble bubble4\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lab-hero-content\"\u003e\n\u003cdiv class=\"caution-banner\"\u003e⚠️ LAB ACCESS ONLY ⚠️ UNAUTHORIZED EXPERIMENTS IN PROGRESS\u003c\/div\u003e\n\u003ch1\u003e\n\u003cspan class=\"lab-emoji\"\u003e🧪\u003c\/span\u003e FRESH FROM THE LAB \u003cspan class=\"lab-emoji\"\u003e⚗️\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003ch1\u003e\u003cspan class=\"lab-emoji\"\u003eSummer Vibes\u003c\/span\u003e\u003c\/h1\u003e\n\u003cp class=\"subheading\"\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","products":[],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0578\/8431\/1635\/collections\/lab-beaker-with-chili-explosion_28370485-38af-462f-8bbc-3325cf759d82.png?v=1775583789","url":"https:\/\/www.sanjosechilico.com\/collections\/fresh-from-the-lab-copy.oembed","provider":"San Jose Chili Co","version":"1.0","type":"link"}