The Pineapple Sweets & Co. \u2014 Artisanal Cotton Candy, Halifax NS<\/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=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600;1,700&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@500;600&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --cream: #FFFDF6;\n --gold: #C29B47;\n --gold-deep: #7A5817; \n --navy: #2B4C5E;\n --pink: #F7C1C8;\n --yellow: #FCE196;\n --mint: #BCE3D2;\n --sky: #B7D2E8;\n --gray: #4A4946; \n --serif: 'Playfair Display', Georgia, serif;\n --sans: 'DM Sans', system-ui, sans-serif;\n --mono: 'DM Mono', monospace;\n --space: 'Space Grotesk', sans-serif;\n }\n \/* ============ ANIQUILADOR DE FRANJAS DE THEMES DE WORDPRESS ============ *\/\n header#masthead, \n header.site-header, \n header.ast-site-header, \n .elementor-page-title,\n .page-header { \n display: none !important; \n }\n #content, #main, .site-content, .site-main, #primary, .elementor-section-wrap {\n padding-top: 0 !important;\n margin-top: 0 !important;\n }\n * { \n margin: 0; \n padding: 0; \n box-sizing: border-box; \n -webkit-tap-highlight-color: transparent !important; \n }\n html, body { \n background: var(--cream) !important; \n color: var(--navy); \n font-family: var(--sans); \n -webkit-font-smoothing: antialiased; \n width: 100% !important;\n margin: 0 !important;\n padding: 0 !important;\n cursor: url('http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-18-2026-at-05_43_23-PM.webp'), auto !important;\n }\n a, div.mobile-menu-btn, .btn-outline, .ps-order-btn {\n cursor: url('http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-18-2026-at-05_43_23-PM.webp'), pointer !important;\n }\n \/* ============ TRUCO BREAKOUT ============ *\/\n .ps-fullscreen-breakout {\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(50% - 50vw) !important;\n margin-right: calc(50% - 50vw) !important;\n background: var(--cream);\n position: relative !important;\n overflow: hidden; \n }\n .wrap { max-width: 1200px; margin: 0 auto; padding: 0 48px; }\n \/* ============ HEADER FIXED CON GLOW 4 LADOS ============ *\/\n header { \n position: fixed !important; \n top: 0 !important; \n left: 0 !important;\n z-index: 999999 !important; \n background: rgba(255, 255, 255, 0.96) !important; \n border: 1px solid rgba(194,155,71,.3) !important; \n animation: headerGlow 3s ease-in-out infinite alternate !important;\n width: 100vw !important; \n }\n @keyframes headerGlow {\n 0% { \n box-shadow: 0 0 10px rgba(194, 155, 71, 0.05),\n inset 0 0 10px rgba(194, 155, 71, 0.05); \n }\n 100% { \n box-shadow: 0 0 25px rgba(194, 155, 71, 0.25),\n inset 0 0 20px rgba(194, 155, 71, 0.25); \n border-color: rgba(194, 155, 71, 0.6); \n }\n }\n .nav { display: flex; align-items: center; justify-content: space-between; height: 160px; }\n .logo-slot { display: flex; align-items: center; gap: 24px; height: 100%; }\n .logo-slot img { height: 155px !important; width: auto !important; max-height: none !important; max-width: none !important; object-fit: contain; display: block; }\n .nav-right { display: flex; align-items: center; gap: 40px; }\n .nav-links { display: flex; align-items: center; gap: 40px; }\n .nav-links a { font-family: var(--sans); font-size: 13px; font-weight: 500; color: var(--navy); text-decoration: none; letter-spacing: 0.5px; position: relative; transition: color 0.2s; }\n .nav-links a::after { content: ''; position: absolute; left: 0; bottom: -4px; width: 0; height: 1px; background: var(--gold); transition: width 0.25s ease; }\n .nav-links a:hover::after { width: 100%; }\n \/* ============ MEN\u00da HAMBURGUESA ============ *\/\n div.mobile-menu-btn {\n display: none;\n background: transparent !important;\n border: none !important;\n box-shadow: none !important;\n flex-direction: column;\n justify-content: space-around;\n width: 44px; \n height: 44px;\n padding: 10px;\n z-index: 101;\n border-radius: 6px;\n transition: background 0.2s ease, transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n div.mobile-menu-btn:active { background: rgba(194, 155, 71, 0.15) !important; }\n div.mobile-menu-btn span { \n display: block; \n width: 100%; \n height: 2px; \n background-color: var(--navy) !important; \n transition: opacity 0.3s ease; \n }\n \/* El bot\u00f3n abierto: Gira completo para aterrizar en 100% vertical y es 25% m\u00e1s grande *\/\n div.mobile-menu-btn.open {\n transform: rotate(360deg);\n background-image: url('http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-18-2026-at-05_43_23-PM.webp') !important;\n background-size: 30px 30px !important; \/* \u00a125% m\u00e1s grande y glorioso! *\/\n background-position: center !important;\n background-repeat: no-repeat !important;\n }\n div.mobile-menu-btn.open span { opacity: 0 !important; }\n \/* ============ BOT\u00d3N DE ORDEN ============ *\/\n .ps-order-btn {\n --ps-cream: #FFFDF6;\n --ps-gold: #C29B47;\n --ps-navy: #2B4C5E;\n font-family: 'DM Sans', system-ui, sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; \n color: var(--ps-cream) !important; background: var(--ps-navy) !important; padding: 14px 30px; border-radius: 3px; text-decoration: none; display: inline-flex; align-items: center; gap: 9px; position: relative; overflow: hidden; box-shadow: inset 0 0 0 1px rgba(194,155,71,0.5); transition: gap 0.3s ease, background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;\n }\n .ps-order-btn::after { display: none !important; }\n .ps-order-btn .ps-arrow { transition: transform 0.3s ease; }\n .ps-order-btn:hover { background: #FFFFFF !important; color: var(--ps-navy) !important; box-shadow: inset 0 0 0 1px var(--ps-navy) !important; gap: 14px; }\n .ps-order-btn:hover .ps-arrow { transform: translateX(2px); }\n \/* ============ HERO ============ *\/\n .hero { position: relative; min-height: 660px; padding-top: 160px; display: flex; align-items: center; justify-content: center; text-align: center; border-bottom: 2px solid var(--gold); isolation: isolate; }\n .hero-canvas { position: absolute; inset: 0; z-index: -2; overflow: hidden !important; }\n .wash-blob { position: absolute; filter: blur(60px); opacity: 0.6; }\n .b-pink { width: 620px; height: 560px; background: var(--pink); top: -80px; left: -60px; animation: fluff1 20s ease-in-out infinite alternate; }\n .b-yellow { width: 560px; height: 500px; background: var(--yellow); top: 120px; left: 34%; animation: fluff2 24s ease-in-out infinite alternate; }\n .b-mint { width: 520px; height: 480px; background: var(--mint); top: 200px; left: 12%; animation: fluff3 22s ease-in-out infinite alternate; }\n .b-sky { width: 640px; height: 580px; background: var(--sky); top: -40px; right: -80px; animation: fluff4 26s ease-in-out infinite alternate; }\n @keyframes fluff1 { 0% { transform: translate(0,0) scale(1); border-radius: 40% 60% 70% 30% \/ 40% 50% 60% 50%; } 50% { transform: translate(120px,80px) scale(1.1); border-radius: 60% 40% 30% 70% \/ 50% 60% 40% 60%; } 100% { transform: translate(40px,-40px) scale(0.95); border-radius: 40% 60% 70% 30% \/ 40% 50% 60% 50%; } }\n @keyframes fluff2 { 0% { transform: translate(0,0) scale(1); border-radius: 50% 50% 50% 50% \/ 50% 50% 50% 50%; } 50% { transform: translate(-100px,100px) scale(1.15); border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%; } 100% { transform: translate(20px,50px) scale(1); border-radius: 50% 50% 50% 50% \/ 50% 50% 50% 50%; } }\n @keyframes fluff3 { 0% { transform: translate(0,0) scale(1); border-radius: 30% 70% 50% 50% \/ 50% 50% 70% 30%; } 50% { transform: translate(140px,-60px) scale(1.1); border-radius: 50% 50% 30% 70% \/ 60% 40% 40% 60%; } 100% { transform: translate(-40px,20px) scale(0.9); border-radius: 30% 70% 50% 50% \/ 50% 50% 70% 30%; } }\n @keyframes fluff4 { 0% { transform: translate(0,0) scale(1); border-radius: 60% 40% 40% 60% \/ 40% 60% 60% 40%; } 50% { transform: translate(-800px, 320px) scale(1.4) rotate(-25deg); border-radius: 40% 60% 70% 30% \/ 70% 30% 50% 50%; } 100% { transform: translate(250px, -200px) scale(1.15) rotate(15deg); border-radius: 60% 40% 40% 60% \/ 40% 60% 60% 40%; } }\n .hero-veil { position: absolute; inset: 0; z-index: -1; background: radial-gradient(ellipse 70% 60% at 50% 50%, rgba(255,253,246,0.65) 0%, rgba(255,253,246,0.25) 55%, rgba(255,253,246,0) 100%); }\n .floss { position: absolute; inset: 0; z-index: -1; opacity: 0.35; mix-blend-mode: soft-light; pointer-events: none; }\n .hero-grain { position: absolute; inset: 0; z-index: -1; opacity: 0.06; pointer-events: none; background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\"); }\n .hero-inner { position: relative; z-index: 2; max-width: 780px; padding: 40px 24px; }\n .hero-kicker { font-family: var(--mono); font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--navy); margin-bottom: 32px; opacity: 0.85; }\n .hero h1 { font-family: var(--serif); font-weight: 700; font-size: clamp(48px, 7vw, 84px); line-height: 1.05; letter-spacing: -1.5px; color: var(--navy); margin-bottom: 0 !important; position: relative; z-index: 2; }\n .yesterday-wrap { display: flex; justify-content: center; align-items: center; margin-top: -15px; margin-bottom: 10px; position: relative; z-index: 5; }\n .yesterday-img { height: 180px !important; width: auto !important; max-width: none !important; object-fit: contain; pointer-events: none; }\n .heading-inline-img { height: 98px !important; width: auto !important; vertical-align: middle; margin-left: -18px !important; margin-right: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; border-radius: 4px; object-fit: contain; display: inline-block; }\n .hero-copy { font-size: 17px; line-height: 1.7; color: var(--navy); opacity: 0.82; max-width: 520px; margin: 0 auto; position: relative; z-index: 10; }\n .btn-outline { display: inline-flex; align-items: center; gap: 10px; border: 1.5px solid var(--navy); background: transparent; color: var(--navy); font-family: var(--sans); font-size: 13px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; padding: 15px 34px; border-radius: 3px; text-decoration: none; transition: background 0.25s, color 0.25s, gap 0.25s; }\n .btn-outline:hover { background: var(--navy); color: var(--cream); gap: 16px; }\n \/* ============ SECTIONS ============ *\/\n .section { position: relative; padding: 96px 0; border-bottom: 2px solid var(--gold); }\n .section-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: flex-start; }\n .eyebrow { font-family: var(--mono); font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--gold-deep); margin-bottom: 18px; display: inline-flex; align-items: center; gap: 8px; }\n .eyebrow-icon { height: 19px !important; width: 19px !important; flex-shrink: 0; object-fit: contain; display: block; }\n .section h2 { font-family: var(--serif); font-weight: 700; font-size: clamp(32px, 3.8vw, 44px); line-height: 1.15; letter-spacing: -0.5px; margin-bottom: 20px; color: var(--navy); }\n .section p.lede { font-size: 15px; line-height: 1.75; color: var(--gray); margin-bottom: 28px; max-width: 440px; }\n .feature-list { list-style: none; margin-bottom: 32px; }\n .feature-list li { font-size: 14px; color: var(--navy); padding: 8px 0; padding-left: 38px; position: relative; border-bottom: 1px solid rgba(194,155,71,0.15); }\n .feature-list li::before { \n content: ''; position: absolute; left: 0; top: 4px; width: 22px; height: 22px; \n background-image: url('http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-18-2026-at-05_43_23-PM.webp'); \n background-size: contain; background-repeat: no-repeat; background-position: center; \n }\n .wash { position: relative; min-height: 380px; border-radius: 8px; overflow: hidden; }\n .sec-flavours { background: linear-gradient(180deg, var(--cream) 0%, rgba(247,193,200,0.06) 100%); }\n .sec-flavours .section-grid { align-items: center; }\n \/* ============ CORPORATE FAVOURS ============ *\/\n .sec-corporate { background: var(--cream); border-bottom: 2px solid var(--gold); text-align: center; }\n .corporate-intro { max-width: 600px; margin: 0 auto 64px auto; }\n .corporate-intro h2 { margin-bottom: 16px; }\n .corporate-intro .lede { max-width: 600px; margin: 0 auto; }\n .corporate-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; text-align: left; align-items: stretch; }\n .corp-card { background: #FFFFFF; border-radius: 6px; border: 1px solid rgba(194,155,71,0.2); border-top: 3px solid var(--gold); padding: 32px; display: flex; flex-direction: column; height: 100%; }\n .corp-card-img { width: 100%; aspect-ratio: 4 \/ 3; height: auto; object-fit: cover; border-radius: 4px; margin-bottom: 24px; background: rgba(194,155,71,0.05); display: block; }\n .corp-card h3 { font-family: var(--serif); font-weight: 700; font-size: 28px; line-height: 1.2; color: var(--navy); margin-bottom: 16px; }\n .corp-card h3 .italic-gold { display: block; font-style: italic; color: var(--gold); }\n .corp-card h3 .gold-foil-text { color: var(--gold); }\n .corp-card p { font-family: var(--sans); font-size: 15px; line-height: 1.6; color: var(--gray); margin-bottom: 24px; }\n .corp-features { list-style: none; margin-bottom: 32px; flex-grow: 1; }\n .corp-features li { font-family: var(--sans); font-size: 14px; color: var(--navy); padding: 12px 0 12px 40px; position: relative; border-bottom: 1px solid rgba(194,155,71,0.3); }\n .corp-features li:last-child { border-bottom: none; }\n .corp-features li::before { \n content: ''; position: absolute; left: 0; top: 8px; width: 22px; height: 22px; \n background-image: url('http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-18-2026-at-05_43_23-PM.webp'); \n background-size: contain; background-repeat: no-repeat; background-position: center; \n }\n .corp-card .btn-outline { align-self: flex-start; margin-top: auto; }\n \/* ============ OUR STORY ============ *\/\n .sec-story { background: var(--cream); border-bottom: none !important; }\n .sec-story .wash { width: 100%; aspect-ratio: 4 \/ 3; position: relative; border-radius: 8px; overflow: hidden; margin-top: 0; min-height: auto; padding: 0; }\n .sec-story .wash img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block; }\n \/* ============ CARRUSEL ============ *\/\n .carousel-wrapper { position: relative; width: 100%; min-height: 500px; border-radius: 12px; overflow: hidden; box-shadow: 0 20px 40px rgba(43,76,94,0.1); background: rgba(194,155,71,0.05); }\n .carousel-track { display: flex; width: 100%; height: 100%; position: absolute; inset: 0; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; -ms-overflow-style: none; scrollbar-width: none; }\n .carousel-track::-webkit-scrollbar { display: none; }\n .carousel-slide { flex: 0 0 100%; width: 100%; height: 100%; scroll-snap-align: center; display: flex; align-items: center; justify-content: center; padding: 10px; }\n .carousel-slide img { width: 100%; height: 100%; object-fit: contain; display: block; border-radius: 8px; }\n \/* ============ FOOTER ANIMADO ============ *\/\n footer { position: relative; background: var(--cream); isolation: isolate; min-height: 500px; display: flex; flex-direction: column; }\n .footer-bar { display: flex; height: 5px; position: relative; z-index: 20; }\n .footer-bar span { flex: 1; }\n .machine-factory { position: absolute; bottom: 52px; right: 5%; width: 320px; height: 400px; z-index: 10; }\n .machine-img { width: 100%; height: auto; position: relative; z-index: 10; filter: drop-shadow(0 20px 30px rgba(43,76,94,0.15)); }\n .footer-canvas { position: absolute; inset: 0; z-index: -2; overflow: hidden !important; }\n .f-wash-blob { position: absolute; filter: blur(35px); opacity: 0.75; }\n .fb-pink { width: 500px; height: 460px; background: var(--pink); top: -20px; left: -10%; animation: ffluff1 16s ease-in-out infinite alternate; }\n .fb-yellow { width: 460px; height: 410px; background: var(--yellow); top: 50px; left: 35%; animation: ffluff2 18s ease-in-out infinite alternate; }\n .fb-mint { width: 440px; height: 400px; background: var(--mint); top: 100px; left: 15%; animation: ffluff3 20s ease-in-out infinite alternate; }\n .fb-sky { width: 520px; height: 470px; background: var(--sky); top: -20px; right: 10%; animation: ffluff4 22s ease-in-out infinite alternate; }\n @keyframes ffluff1 { 0% { transform: translate(0, 0) scale(1) rotate(0deg); border-radius: 40% 60% 70% 30% \/ 40% 50% 60% 50%; } 50% { transform: translate(750px, 220px) scale(1.5) rotate(25deg); border-radius: 60% 40% 30% 70% \/ 50% 60% 40% 60%; } 100% { transform: translate(-80px, -120px) scale(0.95) rotate(-15deg); border-radius: 40% 60% 70% 30% \/ 40% 50% 60% 50%; } }\n @keyframes ffluff2 { 0% { transform: translate(0, 0) scale(1) rotate(0deg); border-radius: 50% 50% 50% 50% \/ 50% 50% 50% 50%; } 50% { transform: translate(-650px, 280px) scale(1.6) rotate(-30deg); border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%; } 100% { transform: translate(20px, -90px) scale(1.05) rotate(20deg); border-radius: 50% 50% 50% 50% \/ 50% 50% 50% 50%; } }\n @keyframes ffluff3 { 0% { transform: translate(0, 0) scale(1) rotate(0deg); border-radius: 30% 70% 50% 50% \/ 50% 50% 70% 30%; } 50% { transform: translate(850px, -180px) scale(1.7) rotate(45deg); border-radius: 50% 50% 30% 70% \/ 60% 40% 40% 60%; } 100% { transform: translate(-200px, 160px) scale(0.9) rotate(-20deg); border-radius: 30% 70% 50% 50% \/ 50% 50% 70% 30%; } }\n @keyframes ffluff4 { 0% { transform: translate(0, 0) scale(1) rotate(0deg); border-radius: 60% 40% 40% 60% \/ 40% 60% 60% 40%; } 50% { transform: translate(-800px, 320px) scale(1.4) rotate(-25deg); border-radius: 40% 60% 70% 30% \/ 70% 30% 50% 50%; } 100% { transform: translate(250px, -200px) scale(1.15) rotate(15deg); border-radius: 60% 40% 40% 60% \/ 40% 60% 60% 40%; } }\n .footer-veil { position: absolute; inset: 0; z-index: 1; background: linear-gradient(to right, rgba(255,253,246,0.7) 0%, rgba(255,253,246,0.3) 60%, rgba(255,253,246,0) 100%); pointer-events: none; }\n .footer-inner { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 40px; width: 100%; max-width: 1500px; margin: 0 auto; padding: 70px 48px 32px; position: relative; z-index: 15; align-items: start; }\n .footer-col-title { height: 24px; margin-bottom: 20px; display: flex; align-items: center; }\n .footer-col-title h3 { margin: 0; font-family: var(--mono); font-size: 10px; letter-spacing: 1px; text-transform: uppercase; color: var(--gold-deep); line-height: 1; }\n .footer-brand-img { max-height: 45px; width: auto; object-fit: contain; object-position: left center; display: block; margin: 0; }\n .footer-inner a, .footer-inner p:not(.footer-brand-text) { display: block; color: var(--navy); text-decoration: none; font-size: 14px; line-height: 1.9; opacity: 0.9; margin: 0; }\n .footer-inner a:hover { opacity: 1; text-decoration: underline; text-underline-offset: 4px; }\n .footer-brand-text { font-size: 14px; line-height: 1.8; color: var(--navy); opacity: 0.85; max-width: 320px; margin: 0; }\n .footer-legal { border-top: 1px solid rgba(194,155,71,0.2); width: 100%; max-width: 1500px; padding: 16px 48px; margin: auto auto 0 auto; display: flex; justify-content: space-between; font-family: var(--mono); font-size: 10px; letter-spacing: 0.5px; text-transform: uppercase; opacity: 0.7; color: var(--navy); position: relative; z-index: 20; }\n .mobile-only-link { display: none; }\n \/* ============ VISTA M\u00d3VIL ============ *\/\n @media (max-width: 860px) {\n .wash-blob, .f-wash-blob { animation: none !important; transform: none !important; }\n .wrap { padding: 0 24px; }\n .nav { height: 140px; } \n .logo-slot img { height: 135px !important; }\n .nav-right { gap: 15px; }\n div.mobile-menu-btn { display: flex !important; }\n .ps-order-btn { display: none !important; }\n .nav-links { display: none; position: absolute; top: 140px; left: 0; width: 100%; background: #FFFFFF; flex-direction: column; padding: 24px; box-shadow: 0 10px 20px rgba(43,76,94,0.1); gap: 20px; text-align: center; }\n .nav-links.active { display: flex; }\n .mobile-only-link { display: block !important; color: var(--gold) !important; font-weight: 700 !important; }\n .footer-inner, .footer-legal { padding-left: 24px; padding-right: 24px; }\n .hero { min-height: 560px; padding-top: 140px; }\n .hero h1 { font-size: clamp(34px, 8vw, 42px); } \n .yesterday-img { height: 130px !important; }\n .yesterday-wrap { margin-top: -10px; margin-bottom: 0px; } \n .section-grid { grid-template-columns: 1fr; gap: 36px; }\n .section { padding: 64px 0; }\n .corporate-cards { grid-template-columns: 1fr; gap: 32px; }\n .sec-story .wash { margin-top: 0; }\n footer { min-height: 600px; } \n .footer-inner { grid-template-columns: 1fr; gap: 40px; padding-top: 60px; padding-bottom: 20px; } \n .machine-factory { position: relative; right: auto; bottom: auto; transform: none; margin: 0 auto 40px auto; width: 280px; height: auto; }\n .footer-legal { flex-direction: column; gap: 8px; text-align: center; }\n }\n<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<header>\n<nav>\n <a href=\"\/\"><img decoding=\"async\" src=\"http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-7-2026-at-08_03_19-AM-1.webp\" alt=\"The Pineapple Sweets & Co. Logo\"><\/a><br \/>\n <a href=\"\/\">Home<\/a><br \/>\n <a href=\"\/?page_id=93\">Flavours<\/a><br \/>\n <a href=\"#corporate\">Corporate Favours<\/a><br \/>\n <a href=\"#story\">Our Story<\/a><br \/>\n <a href=\"\/?page_id=178\">Order Online →<\/a><br \/>\n <a href=\"\/?page_id=178\">Order →<\/a><br \/>\n <\/nav>\n<\/header>\n<section>\n Artisanal cotton candy Halifax NS<\/p>\n<h1>A sweeter version of<\/h1>\n<p> <img decoding=\"async\" src=\"http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-8-2026-at-03_59_11-PM-e1786219201114-1-3.webp\" alt=\"Yesterday\"><\/p>\n<p>Small-batch, hand-spun cotton candy \u2014 spun fresh this morning. Same treat. New standards.<\/p>\n<\/section>\n<section id=\"flavours\">\n <img decoding=\"async\" src=\"http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/Instagram.png2_-scaled-e1786217917384.webp\" alt=\"Sabor 1\"><br \/>\n <img decoding=\"async\" src=\"http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/Instagram-scaled-e1787241880162.webp\" alt=\"Sabor 2\"><br \/>\n <img decoding=\"async\" src=\"http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/488189532_1270722781722640_1798251876241115881_n.webp\" alt=\"Sabor 3\"><br \/>\n <img decoding=\"async\" src=\"http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-18-2026-at-05_43_23-PM.webp\" alt=\"*\"><br \/>\n Our flavours · spun fresh<\/p>\n<h2><img decoding=\"async\" src=\"http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-7-2026-at-09_40_48-PM.webp\" alt=\"The classics\">and a few we call our own<\/h2>\n<p>Every batch is hand-spun in Halifax — some flavours you already know and love, others born from our own recipes.<\/p>\n<ul>\n<li>Hand-spun, small-batch, always<\/li>\n<li>Classic favourites and original recipes<\/li>\n<li>Local pick up available <\/li>\n<\/ul>\n<p> <a href=\"\/?page_id=93\">See all flavours →<\/a><br \/>\n <\/section>\n<section id=\"corporate\">\n <img decoding=\"async\" src=\"http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-18-2026-at-05_43_23-PM.webp\" alt=\"*\"><br \/>\n CORPORATE FAVOURS<\/p>\n<h2>Two ways to work with us<\/h2>\n<p>A curated gift, or your own logo on the batch — built for teams, events and everything in between.<\/p>\n<p> Coming Soon<br \/>\n <img decoding=\"async\" src=\"http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-18-2026-at-05_25_35-PM.webp\" alt=\"Navy rigid keepsake gift box con tres envases\"><br \/>\n <img decoding=\"async\" src=\"http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-18-2026-at-05_43_23-PM.webp\" alt=\"*\"><br \/>\n FRIDAY BREAK BOX<\/p>\n<h3>Real appreciation<br \/>starts here<\/h3>\n<p>Curated gift boxes that say more than a gift card ever could. Hand-packed and ready to send — a signal of team culture, not just a treat.<\/p>\n<ul>\n<li>Support a local Nova Scotia supplier<\/li>\n<li>Volume pricing & bulk orders welcome<\/li>\n<li>Quick turnaround, local delivery<\/li>\n<\/ul>\n<p> <a href=\"\/?page_id=178\">Join the waitlist →<\/a><br \/>\n <img decoding=\"async\" src=\"http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-18-2026-at-04_36_50-PM-e1787240345286.webp\" alt=\"Clear tub list para logo\"><br \/>\n <img decoding=\"async\" src=\"http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-18-2026-at-05_43_23-PM.webp\" alt=\"*\"><br \/>\n YOUR LABEL, OUR BATCH<\/p>\n<h3>You dream it.<br \/>We make it.<\/h3>\n<p>Small-batch tubs with your logo on our label — made to hand out, not just hand over. Built for launches, trade shows, client events and team swag.<\/p>\n<ul>\n<li>Your logo, printed to spec — we handle the label<\/li>\n<li>Minimum order: 12 tubs per batch<\/li>\n<li>Turnaround: 1 week<\/li>\n<\/ul>\n<p> <a href=\"\/?page_id=178\">Start your batch →<\/a><br \/>\n <\/section>\n<section id=\"story\">\n <img decoding=\"async\" src=\"http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-18-2026-at-05_10_05-PM.webp\" alt=\"Meet Grace\"><br \/>\n <img decoding=\"async\" src=\"http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-18-2026-at-05_43_23-PM.webp\" alt=\"*\"><br \/>\n Our story · meet Grace<\/p>\n<h2>Made by hand,<br \/>made with intention<\/h2>\n<p>Grace Flores started The Pineapple Sweets & Co. as a side hustle while raising her children, Isabella and Sam. With the love and support of her husband, that small dream grew into a family business built on creativity, connection, and community. Through markets, fundraisers, and events, Grace discovered a deep appreciation for Maritime culture and the wonderful people who make the community so special.<\/p>\n<p style=\"margin-top: 15px; margin-bottom: 0;\">Inspired by that connection, Grace created one of the company\u2019s most beloved flavours, Moon Mist, celebrating an iconic Maritime favourite. Today, The Pineapple Sweets & Co. is about more than cotton candy\u2014it\u2019s about family, following a dream, celebrating community, and creating joyful moments for people of all ages. From our family to yours, thank you for being part of our sweet journey.<\/p>\n<\/section>\n<footer>\n <img decoding=\"async\" src=\"http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-7-2026-at-08_16_18-PM.webp\" alt=\"The Pineapple Sweets & Co.\"><\/p>\n<p>Small-batch cotton candy with original recipes you won’t find anywhere else. Made for gifting, perfect for the everyday.<\/p>\n<h3>Contact<\/h3>\n<p> <a href=\"mailto:grace@thepineapplesweets.com\">grace@thepineapplesweets.com<\/a><br \/>\n <a href=\"tel:+19024142177\">+1 (902) 414-2177<\/a><\/p>\n<p>Made in Halifax, NS<\/p>\n<h3>Explore<\/h3>\n<p> <a href=\"\/?page_id=93\">Flavours<\/a><br \/>\n <a href=\"#corporate\">Corporate Favours<\/a><br \/>\n <a href=\"#story\">Our Story<\/a><br \/>\n <a href=\"\/?page_id=178\">Order online<\/a><br \/>\n <img decoding=\"async\" src=\"http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-7-2026-at-05_36_55-PM-2.webp\" alt=\"Vintage Cotton Candy Machine\"><br \/>\n © 2026 The Pineapple Sweets & Co.<br \/>\n Artisanal cotton candy · Halifax · NS<br \/>\n <\/footer>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Pineapple Sweets & Co. \u2014 Artisanal Cotton Candy, Halifax NS Home Flavours Corporate Favours Our Story Order Online → Order → Artisanal cotton candy Halifax NS A sweeter version of Small-batch, hand-spun cotton candy \u2014 spun fresh this morning. Same treat. New standards. Our flavours · spun fresh and a few we call our […]<\/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-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thepineapplesweets.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thepineapplesweets.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thepineapplesweets.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thepineapplesweets.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thepineapplesweets.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":5,"href":"https:\/\/thepineapplesweets.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":310,"href":"https:\/\/thepineapplesweets.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/310"}],"wp:attachment":[{"href":"https:\/\/thepineapplesweets.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":6,"date":"2026-08-03T23:45:32","date_gmt":"2026-08-03T23:45:32","guid":{"rendered":"https:\/\/thepineapplesweets.com\/?page_id=6"},"modified":"2026-08-20T19:17:05","modified_gmt":"2026-08-20T19:17:05","slug":"elementor-6","status":"publish","type":"page","link":"https:\/\/thepineapplesweets.com\/","title":{"rendered":"HERO"},"content":{"rendered":"

\n
\n
\n
\n
\nThe Pineapple Sweets & Co. \u2014 Artisanal Cotton Candy, Halifax NS<\/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=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600;1,700&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@500;600&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --cream: #FFFDF6;\n --gold: #C29B47;\n --gold-deep: #7A5817; \n --navy: #2B4C5E;\n --pink: #F7C1C8;\n --yellow: #FCE196;\n --mint: #BCE3D2;\n --sky: #B7D2E8;\n --gray: #4A4946; \n --serif: 'Playfair Display', Georgia, serif;\n --sans: 'DM Sans', system-ui, sans-serif;\n --mono: 'DM Mono', monospace;\n --space: 'Space Grotesk', sans-serif;\n }\n \/* ============ ANIQUILADOR DE FRANJAS DE THEMES DE WORDPRESS ============ *\/\n header#masthead, \n header.site-header, \n header.ast-site-header, \n .elementor-page-title,\n .page-header { \n display: none !important; \n }\n #content, #main, .site-content, .site-main, #primary, .elementor-section-wrap {\n padding-top: 0 !important;\n margin-top: 0 !important;\n }\n * { \n margin: 0; \n padding: 0; \n box-sizing: border-box; \n -webkit-tap-highlight-color: transparent !important; \n }\n html, body { \n background: var(--cream) !important; \n color: var(--navy); \n font-family: var(--sans); \n -webkit-font-smoothing: antialiased; \n width: 100% !important;\n margin: 0 !important;\n padding: 0 !important;\n cursor: url('http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-18-2026-at-05_43_23-PM.webp'), auto !important;\n }\n a, div.mobile-menu-btn, .btn-outline, .ps-order-btn {\n cursor: url('http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-18-2026-at-05_43_23-PM.webp'), pointer !important;\n }\n \/* ============ TRUCO BREAKOUT ============ *\/\n .ps-fullscreen-breakout {\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(50% - 50vw) !important;\n margin-right: calc(50% - 50vw) !important;\n background: var(--cream);\n position: relative !important;\n overflow: hidden; \n }\n .wrap { max-width: 1200px; margin: 0 auto; padding: 0 48px; }\n \/* ============ HEADER FIXED CON GLOW 4 LADOS ============ *\/\n header { \n position: fixed !important; \n top: 0 !important; \n left: 0 !important;\n z-index: 999999 !important; \n background: rgba(255, 255, 255, 0.96) !important; \n border: 1px solid rgba(194,155,71,.3) !important; \n animation: headerGlow 3s ease-in-out infinite alternate !important;\n width: 100vw !important; \n }\n @keyframes headerGlow {\n 0% { \n box-shadow: 0 0 10px rgba(194, 155, 71, 0.05),\n inset 0 0 10px rgba(194, 155, 71, 0.05); \n }\n 100% { \n box-shadow: 0 0 25px rgba(194, 155, 71, 0.25),\n inset 0 0 20px rgba(194, 155, 71, 0.25); \n border-color: rgba(194, 155, 71, 0.6); \n }\n }\n .nav { display: flex; align-items: center; justify-content: space-between; height: 160px; }\n .logo-slot { display: flex; align-items: center; gap: 24px; height: 100%; }\n .logo-slot img { height: 155px !important; width: auto !important; max-height: none !important; max-width: none !important; object-fit: contain; display: block; }\n .nav-right { display: flex; align-items: center; gap: 40px; }\n .nav-links { display: flex; align-items: center; gap: 40px; }\n .nav-links a { font-family: var(--sans); font-size: 13px; font-weight: 500; color: var(--navy); text-decoration: none; letter-spacing: 0.5px; position: relative; transition: color 0.2s; }\n .nav-links a::after { content: ''; position: absolute; left: 0; bottom: -4px; width: 0; height: 1px; background: var(--gold); transition: width 0.25s ease; }\n .nav-links a:hover::after { width: 100%; }\n \/* ============ MEN\u00da HAMBURGUESA ============ *\/\n div.mobile-menu-btn {\n display: none;\n background: transparent !important;\n border: none !important;\n box-shadow: none !important;\n flex-direction: column;\n justify-content: space-around;\n width: 44px; \n height: 44px;\n padding: 10px;\n z-index: 101;\n border-radius: 6px;\n transition: background 0.2s ease, transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n div.mobile-menu-btn:active { background: rgba(194, 155, 71, 0.15) !important; }\n div.mobile-menu-btn span { \n display: block; \n width: 100%; \n height: 2px; \n background-color: var(--navy) !important; \n transition: opacity 0.3s ease; \n }\n \/* El bot\u00f3n abierto: Gira completo para aterrizar en 100% vertical y es 25% m\u00e1s grande *\/\n div.mobile-menu-btn.open {\n transform: rotate(360deg);\n background-image: url('http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-18-2026-at-05_43_23-PM.webp') !important;\n background-size: 30px 30px !important; \/* \u00a125% m\u00e1s grande y glorioso! *\/\n background-position: center !important;\n background-repeat: no-repeat !important;\n }\n div.mobile-menu-btn.open span { opacity: 0 !important; }\n \/* ============ BOT\u00d3N DE ORDEN ============ *\/\n .ps-order-btn {\n --ps-cream: #FFFDF6;\n --ps-gold: #C29B47;\n --ps-navy: #2B4C5E;\n font-family: 'DM Sans', system-ui, sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; \n color: var(--ps-cream) !important; background: var(--ps-navy) !important; padding: 14px 30px; border-radius: 3px; text-decoration: none; display: inline-flex; align-items: center; gap: 9px; position: relative; overflow: hidden; box-shadow: inset 0 0 0 1px rgba(194,155,71,0.5); transition: gap 0.3s ease, background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;\n }\n .ps-order-btn::after { display: none !important; }\n .ps-order-btn .ps-arrow { transition: transform 0.3s ease; }\n .ps-order-btn:hover { background: #FFFFFF !important; color: var(--ps-navy) !important; box-shadow: inset 0 0 0 1px var(--ps-navy) !important; gap: 14px; }\n .ps-order-btn:hover .ps-arrow { transform: translateX(2px); }\n \/* ============ HERO ============ *\/\n .hero { position: relative; min-height: 660px; padding-top: 160px; display: flex; align-items: center; justify-content: center; text-align: center; border-bottom: 2px solid var(--gold); isolation: isolate; }\n .hero-canvas { position: absolute; inset: 0; z-index: -2; overflow: hidden !important; }\n .wash-blob { position: absolute; filter: blur(60px); opacity: 0.6; }\n .b-pink { width: 620px; height: 560px; background: var(--pink); top: -80px; left: -60px; animation: fluff1 20s ease-in-out infinite alternate; }\n .b-yellow { width: 560px; height: 500px; background: var(--yellow); top: 120px; left: 34%; animation: fluff2 24s ease-in-out infinite alternate; }\n .b-mint { width: 520px; height: 480px; background: var(--mint); top: 200px; left: 12%; animation: fluff3 22s ease-in-out infinite alternate; }\n .b-sky { width: 640px; height: 580px; background: var(--sky); top: -40px; right: -80px; animation: fluff4 26s ease-in-out infinite alternate; }\n @keyframes fluff1 { 0% { transform: translate(0,0) scale(1); border-radius: 40% 60% 70% 30% \/ 40% 50% 60% 50%; } 50% { transform: translate(120px,80px) scale(1.1); border-radius: 60% 40% 30% 70% \/ 50% 60% 40% 60%; } 100% { transform: translate(40px,-40px) scale(0.95); border-radius: 40% 60% 70% 30% \/ 40% 50% 60% 50%; } }\n @keyframes fluff2 { 0% { transform: translate(0,0) scale(1); border-radius: 50% 50% 50% 50% \/ 50% 50% 50% 50%; } 50% { transform: translate(-100px,100px) scale(1.15); border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%; } 100% { transform: translate(20px,50px) scale(1); border-radius: 50% 50% 50% 50% \/ 50% 50% 50% 50%; } }\n @keyframes fluff3 { 0% { transform: translate(0,0) scale(1); border-radius: 30% 70% 50% 50% \/ 50% 50% 70% 30%; } 50% { transform: translate(140px,-60px) scale(1.1); border-radius: 50% 50% 30% 70% \/ 60% 40% 40% 60%; } 100% { transform: translate(-40px,20px) scale(0.9); border-radius: 30% 70% 50% 50% \/ 50% 50% 70% 30%; } }\n @keyframes fluff4 { 0% { transform: translate(0,0) scale(1); border-radius: 60% 40% 40% 60% \/ 40% 60% 60% 40%; } 50% { transform: translate(-800px, 320px) scale(1.4) rotate(-25deg); border-radius: 40% 60% 70% 30% \/ 70% 30% 50% 50%; } 100% { transform: translate(250px, -200px) scale(1.15) rotate(15deg); border-radius: 60% 40% 40% 60% \/ 40% 60% 60% 40%; } }\n .hero-veil { position: absolute; inset: 0; z-index: -1; background: radial-gradient(ellipse 70% 60% at 50% 50%, rgba(255,253,246,0.65) 0%, rgba(255,253,246,0.25) 55%, rgba(255,253,246,0) 100%); }\n .floss { position: absolute; inset: 0; z-index: -1; opacity: 0.35; mix-blend-mode: soft-light; pointer-events: none; }\n .hero-grain { position: absolute; inset: 0; z-index: -1; opacity: 0.06; pointer-events: none; background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\"); }\n .hero-inner { position: relative; z-index: 2; max-width: 780px; padding: 40px 24px; }\n .hero-kicker { font-family: var(--mono); font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--navy); margin-bottom: 32px; opacity: 0.85; }\n .hero h1 { font-family: var(--serif); font-weight: 700; font-size: clamp(48px, 7vw, 84px); line-height: 1.05; letter-spacing: -1.5px; color: var(--navy); margin-bottom: 0 !important; position: relative; z-index: 2; }\n .yesterday-wrap { display: flex; justify-content: center; align-items: center; margin-top: -15px; margin-bottom: 10px; position: relative; z-index: 5; }\n .yesterday-img { height: 180px !important; width: auto !important; max-width: none !important; object-fit: contain; pointer-events: none; }\n .heading-inline-img { height: 98px !important; width: auto !important; vertical-align: middle; margin-left: -18px !important; margin-right: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; border-radius: 4px; object-fit: contain; display: inline-block; }\n .hero-copy { font-size: 17px; line-height: 1.7; color: var(--navy); opacity: 0.82; max-width: 520px; margin: 0 auto; position: relative; z-index: 10; }\n .btn-outline { display: inline-flex; align-items: center; gap: 10px; border: 1.5px solid var(--navy); background: transparent; color: var(--navy); font-family: var(--sans); font-size: 13px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; padding: 15px 34px; border-radius: 3px; text-decoration: none; transition: background 0.25s, color 0.25s, gap 0.25s; }\n .btn-outline:hover { background: var(--navy); color: var(--cream); gap: 16px; }\n \/* ============ SECTIONS ============ *\/\n .section { position: relative; padding: 96px 0; border-bottom: 2px solid var(--gold); }\n .section-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: flex-start; }\n .eyebrow { font-family: var(--mono); font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--gold-deep); margin-bottom: 18px; display: inline-flex; align-items: center; gap: 8px; }\n .eyebrow-icon { height: 19px !important; width: 19px !important; flex-shrink: 0; object-fit: contain; display: block; }\n .section h2 { font-family: var(--serif); font-weight: 700; font-size: clamp(32px, 3.8vw, 44px); line-height: 1.15; letter-spacing: -0.5px; margin-bottom: 20px; color: var(--navy); }\n .section p.lede { font-size: 15px; line-height: 1.75; color: var(--gray); margin-bottom: 28px; max-width: 440px; }\n .feature-list { list-style: none; margin-bottom: 32px; }\n .feature-list li { font-size: 14px; color: var(--navy); padding: 8px 0; padding-left: 38px; position: relative; border-bottom: 1px solid rgba(194,155,71,0.15); }\n .feature-list li::before { \n content: ''; position: absolute; left: 0; top: 4px; width: 22px; height: 22px; \n background-image: url('http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-18-2026-at-05_43_23-PM.webp'); \n background-size: contain; background-repeat: no-repeat; background-position: center; \n }\n .wash { position: relative; min-height: 380px; border-radius: 8px; overflow: hidden; }\n .sec-flavours { background: linear-gradient(180deg, var(--cream) 0%, rgba(247,193,200,0.06) 100%); }\n .sec-flavours .section-grid { align-items: center; }\n \/* ============ CORPORATE FAVOURS ============ *\/\n .sec-corporate { background: var(--cream); border-bottom: 2px solid var(--gold); text-align: center; }\n .corporate-intro { max-width: 600px; margin: 0 auto 64px auto; }\n .corporate-intro h2 { margin-bottom: 16px; }\n .corporate-intro .lede { max-width: 600px; margin: 0 auto; }\n .corporate-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; text-align: left; align-items: stretch; }\n .corp-card { background: #FFFFFF; border-radius: 6px; border: 1px solid rgba(194,155,71,0.2); border-top: 3px solid var(--gold); padding: 32px; display: flex; flex-direction: column; height: 100%; }\n .corp-card-img { width: 100%; aspect-ratio: 4 \/ 3; height: auto; object-fit: cover; border-radius: 4px; margin-bottom: 24px; background: rgba(194,155,71,0.05); display: block; }\n .corp-card h3 { font-family: var(--serif); font-weight: 700; font-size: 28px; line-height: 1.2; color: var(--navy); margin-bottom: 16px; }\n .corp-card h3 .italic-gold { display: block; font-style: italic; color: var(--gold); }\n .corp-card h3 .gold-foil-text { color: var(--gold); }\n .corp-card p { font-family: var(--sans); font-size: 15px; line-height: 1.6; color: var(--gray); margin-bottom: 24px; }\n .corp-features { list-style: none; margin-bottom: 32px; flex-grow: 1; }\n .corp-features li { font-family: var(--sans); font-size: 14px; color: var(--navy); padding: 12px 0 12px 40px; position: relative; border-bottom: 1px solid rgba(194,155,71,0.3); }\n .corp-features li:last-child { border-bottom: none; }\n .corp-features li::before { \n content: ''; position: absolute; left: 0; top: 8px; width: 22px; height: 22px; \n background-image: url('http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-18-2026-at-05_43_23-PM.webp'); \n background-size: contain; background-repeat: no-repeat; background-position: center; \n }\n .corp-card .btn-outline { align-self: flex-start; margin-top: auto; }\n \/* ============ OUR STORY ============ *\/\n .sec-story { background: var(--cream); border-bottom: none !important; }\n .sec-story .wash { width: 100%; aspect-ratio: 4 \/ 3; position: relative; border-radius: 8px; overflow: hidden; margin-top: 0; min-height: auto; padding: 0; }\n .sec-story .wash img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block; }\n \/* ============ CARRUSEL ============ *\/\n .carousel-wrapper { position: relative; width: 100%; min-height: 500px; border-radius: 12px; overflow: hidden; box-shadow: 0 20px 40px rgba(43,76,94,0.1); background: rgba(194,155,71,0.05); }\n .carousel-track { display: flex; width: 100%; height: 100%; position: absolute; inset: 0; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; -ms-overflow-style: none; scrollbar-width: none; }\n .carousel-track::-webkit-scrollbar { display: none; }\n .carousel-slide { flex: 0 0 100%; width: 100%; height: 100%; scroll-snap-align: center; display: flex; align-items: center; justify-content: center; padding: 10px; }\n .carousel-slide img { width: 100%; height: 100%; object-fit: contain; display: block; border-radius: 8px; }\n \/* ============ FOOTER ANIMADO ============ *\/\n footer { position: relative; background: var(--cream); isolation: isolate; min-height: 500px; display: flex; flex-direction: column; }\n .footer-bar { display: flex; height: 5px; position: relative; z-index: 20; }\n .footer-bar span { flex: 1; }\n .machine-factory { position: absolute; bottom: 52px; right: 5%; width: 320px; height: 400px; z-index: 10; }\n .machine-img { width: 100%; height: auto; position: relative; z-index: 10; filter: drop-shadow(0 20px 30px rgba(43,76,94,0.15)); }\n .footer-canvas { position: absolute; inset: 0; z-index: -2; overflow: hidden !important; }\n .f-wash-blob { position: absolute; filter: blur(35px); opacity: 0.75; }\n .fb-pink { width: 500px; height: 460px; background: var(--pink); top: -20px; left: -10%; animation: ffluff1 16s ease-in-out infinite alternate; }\n .fb-yellow { width: 460px; height: 410px; background: var(--yellow); top: 50px; left: 35%; animation: ffluff2 18s ease-in-out infinite alternate; }\n .fb-mint { width: 440px; height: 400px; background: var(--mint); top: 100px; left: 15%; animation: ffluff3 20s ease-in-out infinite alternate; }\n .fb-sky { width: 520px; height: 470px; background: var(--sky); top: -20px; right: 10%; animation: ffluff4 22s ease-in-out infinite alternate; }\n @keyframes ffluff1 { 0% { transform: translate(0, 0) scale(1) rotate(0deg); border-radius: 40% 60% 70% 30% \/ 40% 50% 60% 50%; } 50% { transform: translate(750px, 220px) scale(1.5) rotate(25deg); border-radius: 60% 40% 30% 70% \/ 50% 60% 40% 60%; } 100% { transform: translate(-80px, -120px) scale(0.95) rotate(-15deg); border-radius: 40% 60% 70% 30% \/ 40% 50% 60% 50%; } }\n @keyframes ffluff2 { 0% { transform: translate(0, 0) scale(1) rotate(0deg); border-radius: 50% 50% 50% 50% \/ 50% 50% 50% 50%; } 50% { transform: translate(-650px, 280px) scale(1.6) rotate(-30deg); border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%; } 100% { transform: translate(20px, -90px) scale(1.05) rotate(20deg); border-radius: 50% 50% 50% 50% \/ 50% 50% 50% 50%; } }\n @keyframes ffluff3 { 0% { transform: translate(0, 0) scale(1) rotate(0deg); border-radius: 30% 70% 50% 50% \/ 50% 50% 70% 30%; } 50% { transform: translate(850px, -180px) scale(1.7) rotate(45deg); border-radius: 50% 50% 30% 70% \/ 60% 40% 40% 60%; } 100% { transform: translate(-200px, 160px) scale(0.9) rotate(-20deg); border-radius: 30% 70% 50% 50% \/ 50% 50% 70% 30%; } }\n @keyframes ffluff4 { 0% { transform: translate(0, 0) scale(1) rotate(0deg); border-radius: 60% 40% 40% 60% \/ 40% 60% 60% 40%; } 50% { transform: translate(-800px, 320px) scale(1.4) rotate(-25deg); border-radius: 40% 60% 70% 30% \/ 70% 30% 50% 50%; } 100% { transform: translate(250px, -200px) scale(1.15) rotate(15deg); border-radius: 60% 40% 40% 60% \/ 40% 60% 60% 40%; } }\n .footer-veil { position: absolute; inset: 0; z-index: 1; background: linear-gradient(to right, rgba(255,253,246,0.7) 0%, rgba(255,253,246,0.3) 60%, rgba(255,253,246,0) 100%); pointer-events: none; }\n .footer-inner { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 40px; width: 100%; max-width: 1500px; margin: 0 auto; padding: 70px 48px 32px; position: relative; z-index: 15; align-items: start; }\n .footer-col-title { height: 24px; margin-bottom: 20px; display: flex; align-items: center; }\n .footer-col-title h3 { margin: 0; font-family: var(--mono); font-size: 10px; letter-spacing: 1px; text-transform: uppercase; color: var(--gold-deep); line-height: 1; }\n .footer-brand-img { max-height: 45px; width: auto; object-fit: contain; object-position: left center; display: block; margin: 0; }\n .footer-inner a, .footer-inner p:not(.footer-brand-text) { display: block; color: var(--navy); text-decoration: none; font-size: 14px; line-height: 1.9; opacity: 0.9; margin: 0; }\n .footer-inner a:hover { opacity: 1; text-decoration: underline; text-underline-offset: 4px; }\n .footer-brand-text { font-size: 14px; line-height: 1.8; color: var(--navy); opacity: 0.85; max-width: 320px; margin: 0; }\n .footer-legal { border-top: 1px solid rgba(194,155,71,0.2); width: 100%; max-width: 1500px; padding: 16px 48px; margin: auto auto 0 auto; display: flex; justify-content: space-between; font-family: var(--mono); font-size: 10px; letter-spacing: 0.5px; text-transform: uppercase; opacity: 0.7; color: var(--navy); position: relative; z-index: 20; }\n .mobile-only-link { display: none; }\n \/* ============ VISTA M\u00d3VIL ============ *\/\n @media (max-width: 860px) {\n .wash-blob, .f-wash-blob { animation: none !important; transform: none !important; }\n .wrap { padding: 0 24px; }\n .nav { height: 140px; } \n .logo-slot img { height: 135px !important; }\n .nav-right { gap: 15px; }\n div.mobile-menu-btn { display: flex !important; }\n .ps-order-btn { display: none !important; }\n .nav-links { display: none; position: absolute; top: 140px; left: 0; width: 100%; background: #FFFFFF; flex-direction: column; padding: 24px; box-shadow: 0 10px 20px rgba(43,76,94,0.1); gap: 20px; text-align: center; }\n .nav-links.active { display: flex; }\n .mobile-only-link { display: block !important; color: var(--gold) !important; font-weight: 700 !important; }\n .footer-inner, .footer-legal { padding-left: 24px; padding-right: 24px; }\n .hero { min-height: 560px; padding-top: 140px; }\n .hero h1 { font-size: clamp(34px, 8vw, 42px); } \n .yesterday-img { height: 130px !important; }\n .yesterday-wrap { margin-top: -10px; margin-bottom: 0px; } \n .section-grid { grid-template-columns: 1fr; gap: 36px; }\n .section { padding: 64px 0; }\n .corporate-cards { grid-template-columns: 1fr; gap: 32px; }\n .sec-story .wash { margin-top: 0; }\n footer { min-height: 600px; } \n .footer-inner { grid-template-columns: 1fr; gap: 40px; padding-top: 60px; padding-bottom: 20px; } \n .machine-factory { position: relative; right: auto; bottom: auto; transform: none; margin: 0 auto 40px auto; width: 280px; height: auto; }\n .footer-legal { flex-direction: column; gap: 8px; text-align: center; }\n }\n<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<header>\n<nav>\n <a href=\"\/\"><img decoding=\"async\" src=\"http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-7-2026-at-08_03_19-AM-1.webp\" alt=\"The Pineapple Sweets & Co. Logo\"><\/a><br \/>\n <a href=\"\/\">Home<\/a><br \/>\n <a href=\"\/?page_id=93\">Flavours<\/a><br \/>\n <a href=\"#corporate\">Corporate Favours<\/a><br \/>\n <a href=\"#story\">Our Story<\/a><br \/>\n <a href=\"\/?page_id=178\">Order Online →<\/a><br \/>\n <a href=\"\/?page_id=178\">Order →<\/a><br \/>\n <\/nav>\n<\/header>\n<section>\n Artisanal cotton candy Halifax NS<\/p>\n<h1>A sweeter version of<\/h1>\n<p> <img decoding=\"async\" src=\"http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-8-2026-at-03_59_11-PM-e1786219201114-1-3.webp\" alt=\"Yesterday\"><\/p>\n<p>Small-batch, hand-spun cotton candy \u2014 spun fresh this morning. Same treat. New standards.<\/p>\n<\/section>\n<section id=\"flavours\">\n <img decoding=\"async\" src=\"http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/Instagram.png2_-scaled-e1786217917384.webp\" alt=\"Sabor 1\"><br \/>\n <img decoding=\"async\" src=\"http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/Instagram-scaled-e1787241880162.webp\" alt=\"Sabor 2\"><br \/>\n <img decoding=\"async\" src=\"http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/488189532_1270722781722640_1798251876241115881_n.webp\" alt=\"Sabor 3\"><br \/>\n <img decoding=\"async\" src=\"http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-18-2026-at-05_43_23-PM.webp\" alt=\"*\"><br \/>\n Our flavours · spun fresh<\/p>\n<h2><img decoding=\"async\" src=\"http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-7-2026-at-09_40_48-PM.webp\" alt=\"The classics\">and a few we call our own<\/h2>\n<p>Every batch is hand-spun in Halifax — some flavours you already know and love, others born from our own recipes.<\/p>\n<ul>\n<li>Hand-spun, small-batch, always<\/li>\n<li>Classic favourites and original recipes<\/li>\n<li>Local pick up available <\/li>\n<\/ul>\n<p> <a href=\"\/?page_id=93\">See all flavours →<\/a><br \/>\n <\/section>\n<section id=\"corporate\">\n <img decoding=\"async\" src=\"http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-18-2026-at-05_43_23-PM.webp\" alt=\"*\"><br \/>\n CORPORATE FAVOURS<\/p>\n<h2>Two ways to work with us<\/h2>\n<p>A curated gift, or your own logo on the batch — built for teams, events and everything in between.<\/p>\n<p> Coming Soon<br \/>\n <img decoding=\"async\" src=\"http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-18-2026-at-05_25_35-PM.webp\" alt=\"Navy rigid keepsake gift box con tres envases\"><br \/>\n <img decoding=\"async\" src=\"http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-18-2026-at-05_43_23-PM.webp\" alt=\"*\"><br \/>\n FRIDAY BREAK BOX<\/p>\n<h3>Real appreciation<br \/>starts here<\/h3>\n<p>Curated gift boxes that say more than a gift card ever could. Hand-packed and ready to send — a signal of team culture, not just a treat.<\/p>\n<ul>\n<li>Support a local Nova Scotia supplier<\/li>\n<li>Volume pricing & bulk orders welcome<\/li>\n<li>Quick turnaround, local delivery<\/li>\n<\/ul>\n<p> <a href=\"\/?page_id=178\">Join the waitlist →<\/a><br \/>\n <img decoding=\"async\" src=\"http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-18-2026-at-04_36_50-PM-e1787240345286.webp\" alt=\"Clear tub list para logo\"><br \/>\n <img decoding=\"async\" src=\"http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-18-2026-at-05_43_23-PM.webp\" alt=\"*\"><br \/>\n YOUR LABEL, OUR BATCH<\/p>\n<h3>You dream it.<br \/>We make it.<\/h3>\n<p>Small-batch tubs with your logo on our label — made to hand out, not just hand over. Built for launches, trade shows, client events and team swag.<\/p>\n<ul>\n<li>Your logo, printed to spec — we handle the label<\/li>\n<li>Minimum order: 12 tubs per batch<\/li>\n<li>Turnaround: 1 week<\/li>\n<\/ul>\n<p> <a href=\"\/?page_id=178\">Start your batch →<\/a><br \/>\n <\/section>\n<section id=\"story\">\n <img decoding=\"async\" src=\"http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-18-2026-at-05_10_05-PM.webp\" alt=\"Meet Grace\"><br \/>\n <img decoding=\"async\" src=\"http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-18-2026-at-05_43_23-PM.webp\" alt=\"*\"><br \/>\n Our story · meet Grace<\/p>\n<h2>Made by hand,<br \/>made with intention<\/h2>\n<p>Grace Flores started The Pineapple Sweets & Co. as a side hustle while raising her children, Isabella and Sam. With the love and support of her husband, that small dream grew into a family business built on creativity, connection, and community. Through markets, fundraisers, and events, Grace discovered a deep appreciation for Maritime culture and the wonderful people who make the community so special.<\/p>\n<p style=\"margin-top: 15px; margin-bottom: 0;\">Inspired by that connection, Grace created one of the company\u2019s most beloved flavours, Moon Mist, celebrating an iconic Maritime favourite. Today, The Pineapple Sweets & Co. is about more than cotton candy\u2014it\u2019s about family, following a dream, celebrating community, and creating joyful moments for people of all ages. From our family to yours, thank you for being part of our sweet journey.<\/p>\n<\/section>\n<footer>\n <img decoding=\"async\" src=\"http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-7-2026-at-08_16_18-PM.webp\" alt=\"The Pineapple Sweets & Co.\"><\/p>\n<p>Small-batch cotton candy with original recipes you won’t find anywhere else. Made for gifting, perfect for the everyday.<\/p>\n<h3>Contact<\/h3>\n<p> <a href=\"mailto:grace@thepineapplesweets.com\">grace@thepineapplesweets.com<\/a><br \/>\n <a href=\"tel:+19024142177\">+1 (902) 414-2177<\/a><\/p>\n<p>Made in Halifax, NS<\/p>\n<h3>Explore<\/h3>\n<p> <a href=\"\/?page_id=93\">Flavours<\/a><br \/>\n <a href=\"#corporate\">Corporate Favours<\/a><br \/>\n <a href=\"#story\">Our Story<\/a><br \/>\n <a href=\"\/?page_id=178\">Order online<\/a><br \/>\n <img decoding=\"async\" src=\"http:\/\/thepineapplesweets.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-7-2026-at-05_36_55-PM-2.webp\" alt=\"Vintage Cotton Candy Machine\"><br \/>\n © 2026 The Pineapple Sweets & Co.<br \/>\n Artisanal cotton candy · Halifax · NS<br \/>\n <\/footer>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Pineapple Sweets & Co. \u2014 Artisanal Cotton Candy, Halifax NS Home Flavours Corporate Favours Our Story Order Online → Order → Artisanal cotton candy Halifax NS A sweeter version of Small-batch, hand-spun cotton candy \u2014 spun fresh this morning. Same treat. New standards. Our flavours · spun fresh and a few we call our […]<\/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-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thepineapplesweets.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thepineapplesweets.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thepineapplesweets.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thepineapplesweets.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thepineapplesweets.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":5,"href":"https:\/\/thepineapplesweets.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":310,"href":"https:\/\/thepineapplesweets.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/310"}],"wp:attachment":[{"href":"https:\/\/thepineapplesweets.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}