Grownofola | Coming Soon<\/title>\r\n <meta name=\"description\" content=\"Something new is growing. Grownoola is coming soon.\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <style>\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n :root {\r\n --black: #0a0a0a;\r\n --gray-light: #dfdfdf;\r\n --gray-mid: #888;\r\n --gray-dim: #333;\r\n --accent: #c8f04a;\r\n --font: 'DM Sans', sans-serif;\r\n }\r\n\r\n html, body {\r\n height: 100%;\r\n background: var(--black);\r\n color: var(--gray-light);\r\n font-family: var(--font);\r\n -webkit-font-smoothing: antialiased;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* Subtle noise grain overlay *\/\r\n body::before {\r\n content: '';\r\n position: fixed;\r\n inset: 0;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.04'\/%3E%3C\/svg%3E\");\r\n pointer-events: none;\r\n z-index: 0;\r\n opacity: 0.6;\r\n }\r\n\r\n \/* Ambient glow *\/\r\n body::after {\r\n content: '';\r\n position: fixed;\r\n top: -20%;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 600px;\r\n height: 600px;\r\n background: radial-gradient(ellipse, rgba(200, 240, 74, 0.06) 0%, transparent 70%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .page {\r\n position: relative;\r\n z-index: 1;\r\n height: 100vh;\r\n min-height: 480px;\r\n display: grid;\r\n grid-template-rows: 1fr auto;\r\n padding: clamp(20px, 4vw, 48px);\r\n }\r\n\r\n \/* \u2500\u2500 CENTER CONTENT \u2500\u2500 *\/\r\n .center {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n gap: 0;\r\n padding-bottom: clamp(16px, 3vh, 32px);\r\n }\r\n\r\n .logo-wrap {\r\n margin-bottom: 5px;\r\n opacity: 0;\r\n transform: translateY(12px);\r\n animation: fadeUp 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.1s forwards;\r\n }\r\n\r\n .logo-wrap img {\r\n height: clamp(64px, 100vw, 160px);\r\n width: auto;\r\n display: block;\r\n }\r\n\r\n \/* Divider line *\/\r\n .divider {\r\n width: 40px;\r\n height: 1px;\r\n background: var(--gray-dim);\r\n margin-bottom: 16px;\r\n opacity: 0;\r\n animation: fadeUp 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.25s forwards;\r\n }\r\n\r\n.headline {\r\n font-size: clamp(2.8rem, 7vw, 6.5rem) !important;\r\n font-weight: 300 !important;\r\n line-height: 1.05 !important;\r\n letter-spacing: -0.03em !important;\r\n color: var(--gray-light) !important;\r\n font-family: 'DM Sans', sans-serif !important;\r\n max-width: 14ch;\r\n opacity: 0;\r\n transform: translateY(16px);\r\n animation: fadeUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.35s forwards;\r\n}\r\n\r\n .headline em {\r\n font-style: italic;\r\n color: var(--accent);\r\n }\r\n\r\n .subtext {\r\n margin-top: 28px;\r\n font-size: clamp(0.9rem, 2.5vw, 1rem) !important;\r\n font-weight: 400 !important;\r\n color: var(--gray-mid) !important;\r\n font-family: 'DM Sans', sans-serif !important;\r\n letter-spacing: 0.01em;\r\n max-width: 38ch;\r\n line-height: 1.6;\r\n opacity: 0;\r\n transform: translateY(12px);\r\n animation: fadeUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.5s forwards;\r\n }\r\n\r\n \/* \u2500\u2500 BOTTOM BAR \u2500\u2500 *\/\r\n .bottom {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 24px;\r\n padding-top: clamp(16px, 2.5vh, 28px);\r\n border-top: 1px solid var(--gray-dim);\r\n opacity: 0;\r\n animation: fadeIn 1s ease 0.9s forwards;\r\n }\r\n\r\n .bottom-left {\r\n font-size: 0.75rem;\r\n color: var(--gray-mid);\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n font-weight: 500;\r\n }\r\n\r\n .contact-link {\r\n font-size: 0.82rem;\r\n color: var(--gray-light);\r\n text-decoration: none;\r\n letter-spacing: 0.01em;\r\n border-bottom: 1px solid var(--gray-dim);\r\n padding-bottom: 1px;\r\n transition: color 0.2s ease, border-color 0.2s ease;\r\n }\r\n\r\n .contact-link:hover {\r\n color: var(--accent);\r\n border-color: var(--accent);\r\n }\r\n\r\n \/* \u2500\u2500 MARQUEE strip (optional visual flair) \u2500\u2500 *\/\r\n.marquee-wrap {\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n overflow: hidden;\r\n pointer-events: none;\r\n z-index: 0;\r\n\r\n \/* lebih visible *\/\r\n opacity: 0.10;\r\n\r\n padding: 14px 0;\r\n\r\n \/* sedikit glow lembut *\/\r\n backdrop-filter: blur(1px);\r\n}\r\n\r\n.marquee-track {\r\n display: flex;\r\n gap: 56px;\r\n white-space: nowrap;\r\n animation: marquee 30s linear infinite;\r\n\r\n \/* sedikit lebih besar *\/\r\n font-size: 0.72rem;\r\n\r\n letter-spacing: 0.28em;\r\n text-transform: uppercase;\r\n\r\n \/* warna lebih soft premium *\/\r\n color: rgba(255,255,255,0.55);\r\n\r\n font-weight: 500;\r\n}\r\n\r\n .marquee-track span {\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\r\n @keyframes fadeUp {\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @keyframes fadeIn {\r\n to { opacity: 1; }\r\n }\r\n\r\n @keyframes marquee {\r\n from { transform: translateX(0); }\r\n to { transform: translateX(-50%); }\r\n }\r\n\r\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n @media (max-width: 600px) {\r\n .page {\r\n min-height: 100dvh;\r\n height: 100dvh;\r\n }\r\n\r\n .bottom {\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 12px;\r\n text-align: center;\r\n }\r\n }\r\n <\/style>\r\n<link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"\/apple-touch-icon.png\">\r\n<link rel=\"icon\" type=\"image\/png\" sizes=\"32x32\" href=\"\/favicon-32x32.png\">\r\n<link rel=\"icon\" type=\"image\/png\" sizes=\"16x16\" href=\"\/favicon-16x16.png\">\r\n<link rel=\"manifest\" href=\"\/site.webmanifest\">\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"page\">\r\n <main class=\"center\">\r\n\r\n <div class=\"logo-wrap\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/grownoola.com\/id\/wp-content\/uploads\/2026\/06\/grownoola-logo-lime-transparent.png\"\r\n alt=\"Grownoola\"\r\n \/>\r\n <\/div>\r\n\r\n <div class=\"divider\"><\/div>\r\n\r\n <h1 class=\"headline\">\r\n Something<br>\r\n is <em>growing.<\/em>\r\n <\/h1>\r\n\r\n <p class=\"subtext\">\r\n We're building something worth waiting for.\r\n Check back soon, or reach out if you're curious.\r\n <\/p>\r\n\r\n <\/main>\r\n\r\n <footer class=\"bottom\">\r\n <span class=\"bottom-left\">Coming Soon<\/span>\r\n <a class=\"contact-link\" href=\"mailto:grownoola@gmail.com\">\r\n grownoola@gmail.com\r\n <\/a>\r\n <\/footer>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\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>Grownofola | Coming Soon Something is growing. We’re building something worth waiting for. Check back soon, or reach out if you’re curious. Coming Soon grownoola@gmail.com<\/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"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/grownoola.com\/id\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/grownoola.com\/id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/grownoola.com\/id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/grownoola.com\/id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/grownoola.com\/id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":12,"href":"https:\/\/grownoola.com\/id\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":70,"href":"https:\/\/grownoola.com\/id\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/70"}],"wp:attachment":[{"href":"https:\/\/grownoola.com\/id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Grownofola | Coming Soon<\/title>\r\n <meta name=\"description\" content=\"Something new is growing. Grownoola is coming soon.\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <style>\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n :root {\r\n --black: #0a0a0a;\r\n --gray-light: #dfdfdf;\r\n --gray-mid: #888;\r\n --gray-dim: #333;\r\n --accent: #c8f04a;\r\n --font: 'DM Sans', sans-serif;\r\n }\r\n\r\n html, body {\r\n height: 100%;\r\n background: var(--black);\r\n color: var(--gray-light);\r\n font-family: var(--font);\r\n -webkit-font-smoothing: antialiased;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* Subtle noise grain overlay *\/\r\n body::before {\r\n content: '';\r\n position: fixed;\r\n inset: 0;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.04'\/%3E%3C\/svg%3E\");\r\n pointer-events: none;\r\n z-index: 0;\r\n opacity: 0.6;\r\n }\r\n\r\n \/* Ambient glow *\/\r\n body::after {\r\n content: '';\r\n position: fixed;\r\n top: -20%;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 600px;\r\n height: 600px;\r\n background: radial-gradient(ellipse, rgba(200, 240, 74, 0.06) 0%, transparent 70%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .page {\r\n position: relative;\r\n z-index: 1;\r\n height: 100vh;\r\n min-height: 480px;\r\n display: grid;\r\n grid-template-rows: 1fr auto;\r\n padding: clamp(20px, 4vw, 48px);\r\n }\r\n\r\n \/* \u2500\u2500 CENTER CONTENT \u2500\u2500 *\/\r\n .center {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n gap: 0;\r\n padding-bottom: clamp(16px, 3vh, 32px);\r\n }\r\n\r\n .logo-wrap {\r\n margin-bottom: 5px;\r\n opacity: 0;\r\n transform: translateY(12px);\r\n animation: fadeUp 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.1s forwards;\r\n }\r\n\r\n .logo-wrap img {\r\n height: clamp(64px, 100vw, 160px);\r\n width: auto;\r\n display: block;\r\n }\r\n\r\n \/* Divider line *\/\r\n .divider {\r\n width: 40px;\r\n height: 1px;\r\n background: var(--gray-dim);\r\n margin-bottom: 16px;\r\n opacity: 0;\r\n animation: fadeUp 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.25s forwards;\r\n }\r\n\r\n.headline {\r\n font-size: clamp(2.8rem, 7vw, 6.5rem) !important;\r\n font-weight: 300 !important;\r\n line-height: 1.05 !important;\r\n letter-spacing: -0.03em !important;\r\n color: var(--gray-light) !important;\r\n font-family: 'DM Sans', sans-serif !important;\r\n max-width: 14ch;\r\n opacity: 0;\r\n transform: translateY(16px);\r\n animation: fadeUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.35s forwards;\r\n}\r\n\r\n .headline em {\r\n font-style: italic;\r\n color: var(--accent);\r\n }\r\n\r\n .subtext {\r\n margin-top: 28px;\r\n font-size: clamp(0.9rem, 2.5vw, 1rem) !important;\r\n font-weight: 400 !important;\r\n color: var(--gray-mid) !important;\r\n font-family: 'DM Sans', sans-serif !important;\r\n letter-spacing: 0.01em;\r\n max-width: 38ch;\r\n line-height: 1.6;\r\n opacity: 0;\r\n transform: translateY(12px);\r\n animation: fadeUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.5s forwards;\r\n }\r\n\r\n \/* \u2500\u2500 BOTTOM BAR \u2500\u2500 *\/\r\n .bottom {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 24px;\r\n padding-top: clamp(16px, 2.5vh, 28px);\r\n border-top: 1px solid var(--gray-dim);\r\n opacity: 0;\r\n animation: fadeIn 1s ease 0.9s forwards;\r\n }\r\n\r\n .bottom-left {\r\n font-size: 0.75rem;\r\n color: var(--gray-mid);\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n font-weight: 500;\r\n }\r\n\r\n .contact-link {\r\n font-size: 0.82rem;\r\n color: var(--gray-light);\r\n text-decoration: none;\r\n letter-spacing: 0.01em;\r\n border-bottom: 1px solid var(--gray-dim);\r\n padding-bottom: 1px;\r\n transition: color 0.2s ease, border-color 0.2s ease;\r\n }\r\n\r\n .contact-link:hover {\r\n color: var(--accent);\r\n border-color: var(--accent);\r\n }\r\n\r\n \/* \u2500\u2500 MARQUEE strip (optional visual flair) \u2500\u2500 *\/\r\n.marquee-wrap {\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n overflow: hidden;\r\n pointer-events: none;\r\n z-index: 0;\r\n\r\n \/* lebih visible *\/\r\n opacity: 0.10;\r\n\r\n padding: 14px 0;\r\n\r\n \/* sedikit glow lembut *\/\r\n backdrop-filter: blur(1px);\r\n}\r\n\r\n.marquee-track {\r\n display: flex;\r\n gap: 56px;\r\n white-space: nowrap;\r\n animation: marquee 30s linear infinite;\r\n\r\n \/* sedikit lebih besar *\/\r\n font-size: 0.72rem;\r\n\r\n letter-spacing: 0.28em;\r\n text-transform: uppercase;\r\n\r\n \/* warna lebih soft premium *\/\r\n color: rgba(255,255,255,0.55);\r\n\r\n font-weight: 500;\r\n}\r\n\r\n .marquee-track span {\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\r\n @keyframes fadeUp {\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @keyframes fadeIn {\r\n to { opacity: 1; }\r\n }\r\n\r\n @keyframes marquee {\r\n from { transform: translateX(0); }\r\n to { transform: translateX(-50%); }\r\n }\r\n\r\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n @media (max-width: 600px) {\r\n .page {\r\n min-height: 100dvh;\r\n height: 100dvh;\r\n }\r\n\r\n .bottom {\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 12px;\r\n text-align: center;\r\n }\r\n }\r\n <\/style>\r\n<link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"\/apple-touch-icon.png\">\r\n<link rel=\"icon\" type=\"image\/png\" sizes=\"32x32\" href=\"\/favicon-32x32.png\">\r\n<link rel=\"icon\" type=\"image\/png\" sizes=\"16x16\" href=\"\/favicon-16x16.png\">\r\n<link rel=\"manifest\" href=\"\/site.webmanifest\">\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"page\">\r\n <main class=\"center\">\r\n\r\n <div class=\"logo-wrap\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/grownoola.com\/id\/wp-content\/uploads\/2026\/06\/grownoola-logo-lime-transparent.png\"\r\n alt=\"Grownoola\"\r\n \/>\r\n <\/div>\r\n\r\n <div class=\"divider\"><\/div>\r\n\r\n <h1 class=\"headline\">\r\n Something<br>\r\n is <em>growing.<\/em>\r\n <\/h1>\r\n\r\n <p class=\"subtext\">\r\n We're building something worth waiting for.\r\n Check back soon, or reach out if you're curious.\r\n <\/p>\r\n\r\n <\/main>\r\n\r\n <footer class=\"bottom\">\r\n <span class=\"bottom-left\">Coming Soon<\/span>\r\n <a class=\"contact-link\" href=\"mailto:grownoola@gmail.com\">\r\n grownoola@gmail.com\r\n <\/a>\r\n <\/footer>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\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>Grownofola | Coming Soon Something is growing. We’re building something worth waiting for. Check back soon, or reach out if you’re curious. Coming Soon grownoola@gmail.com<\/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"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/grownoola.com\/id\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/grownoola.com\/id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/grownoola.com\/id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/grownoola.com\/id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/grownoola.com\/id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":12,"href":"https:\/\/grownoola.com\/id\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":70,"href":"https:\/\/grownoola.com\/id\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/70"}],"wp:attachment":[{"href":"https:\/\/grownoola.com\/id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}