NORBIDA | Coming Soon<\/title>\r\n\r\n<meta\r\n name=\"description\"\r\n content=\"NORBIDA is coming soon. Discover a new experience built to make an impact. Stay tuned for the official launch.\"\r\n>\r\n\r\n<meta\r\n name=\"keywords\"\r\n content=\"NORBIDA, NORBIDA official, NORBIDA website, coming soon, new experience\"\r\n>\r\n\r\n<meta\r\n name=\"robots\"\r\n content=\"index, follow\"\r\n>\r\n\r\n<meta\r\n name=\"author\"\r\n content=\"NORBIDA\"\r\n>\r\n\r\n<meta\r\n name=\"viewport\"\r\n content=\"width=device-width, initial-scale=1.0\"\r\n>\r\n\r\n<link\r\n rel=\"canonical\"\r\n href=\"https:\/\/YOURDOMAIN.com\/\"\r\n>\r\n\r\n\r\n\r\n\r\n<meta\r\n property=\"og:type\"\r\n content=\"website\"\r\n>\r\n\r\n<meta\r\n property=\"og:title\"\r\n content=\"NORBIDA | Coming Soon\"\r\n>\r\n\r\n<meta\r\n property=\"og:description\"\r\n content=\"Something new is coming. Discover NORBIDA and stay tuned for the official launch.\"\r\n>\r\n\r\n<meta\r\n property=\"og:url\"\r\n content=\"https:\/\/YOURDOMAIN.com\/\"\r\n>\r\n\r\n<meta\r\n property=\"og:site_name\"\r\n content=\"NORBIDA\"\r\n>\r\n\r\n\r\n\r\n\r\n<meta\r\n name=\"twitter:card\"\r\n content=\"summary_large_image\"\r\n>\r\n\r\n<meta\r\n name=\"twitter:title\"\r\n content=\"NORBIDA | Coming Soon\"\r\n>\r\n\r\n<meta\r\n name=\"twitter:description\"\r\n content=\"Something new is coming. Discover NORBIDA and stay tuned for the official launch.\"\r\n>\r\n\r\n\r\n\r\n\r\n<meta\r\n name=\"theme-color\"\r\n content=\"#050505\"\r\n>\r\n\r\n\r\n\r\n\r\n<div id=\"norbida-coming-soon\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n NORBIDA VARIABLES\r\n ========================================================= *\/\r\n\r\n#norbida-coming-soon {\r\n\r\n --bg: #050505;\r\n\r\n --text: #ffffff;\r\n\r\n --muted: rgba(255,255,255,0.58);\r\n\r\n --line: rgba(255,255,255,0.12);\r\n\r\n --red: #ff3b16;\r\n\r\n --orange: #ff8a3d;\r\n\r\n --light-orange: #ffb06b;\r\n\r\n position: relative;\r\n\r\n width: 100%;\r\n\r\n min-height: 100vh;\r\n\r\n overflow: hidden;\r\n\r\n background:\r\n\r\n radial-gradient(\r\n circle at 50% 45%,\r\n rgba(255,59,22,0.16),\r\n transparent 32%\r\n ),\r\n\r\n radial-gradient(\r\n circle at 80% 20%,\r\n rgba(255,138,61,0.09),\r\n transparent 25%\r\n ),\r\n\r\n #050505;\r\n\r\n color: var(--text);\r\n\r\n font-family:\r\n Arial,\r\n Helvetica,\r\n sans-serif;\r\n\r\n isolation: isolate;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RESET\r\n ========================================================= *\/\r\n\r\n#norbida-coming-soon *,\r\n#norbida-coming-soon *::before,\r\n#norbida-coming-soon *::after {\r\n\r\n box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SCENE\r\n ========================================================= *\/\r\n\r\n#norbida-coming-soon\r\n.norbida-scene {\r\n\r\n position: absolute;\r\n\r\n inset: 0;\r\n\r\n overflow: hidden;\r\n\r\n perspective: 1200px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PARTICLES\r\n ========================================================= *\/\r\n\r\n#norbida-particles {\r\n\r\n position: absolute;\r\n\r\n inset: 0;\r\n\r\n width: 100%;\r\n\r\n height: 100%;\r\n\r\n z-index: 1;\r\n\r\n pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n NOISE\r\n ========================================================= *\/\r\n\r\n#norbida-coming-soon\r\n.norbida-noise {\r\n\r\n position: absolute;\r\n\r\n inset: 0;\r\n\r\n z-index: 2;\r\n\r\n opacity: 0.035;\r\n\r\n pointer-events: none;\r\n\r\n background-image:\r\n\r\n url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'\/%3E%3C\/svg%3E\");\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n 3D FLOOR GRID\r\n ========================================================= *\/\r\n\r\n#norbida-coming-soon\r\n.norbida-grid {\r\n\r\n position: absolute;\r\n\r\n width: 180%;\r\n\r\n height: 80%;\r\n\r\n left: -40%;\r\n\r\n bottom: -28%;\r\n\r\n z-index: 1;\r\n\r\n transform:\r\n rotateX(66deg);\r\n\r\n transform-origin:\r\n center top;\r\n\r\n background-image:\r\n\r\n linear-gradient(\r\n rgba(255,59,22,0.14) 1px,\r\n transparent 1px\r\n ),\r\n\r\n linear-gradient(\r\n 90deg,\r\n rgba(255,59,22,0.14) 1px,\r\n transparent 1px\r\n );\r\n\r\n background-size:\r\n 65px 65px;\r\n\r\n -webkit-mask-image:\r\n linear-gradient(\r\n to top,\r\n transparent,\r\n black 35%,\r\n transparent\r\n );\r\n\r\n mask-image:\r\n linear-gradient(\r\n to top,\r\n transparent,\r\n black 35%,\r\n transparent\r\n );\r\n\r\n animation:\r\n norbidaGridMove 12s linear infinite;\r\n\r\n}\r\n\r\n\r\n@keyframes norbidaGridMove {\r\n\r\n to {\r\n\r\n transform:\r\n rotateX(66deg)\r\n translateY(65px);\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n 3D ORB WRAPPER\r\n ========================================================= *\/\r\n\r\n#norbida-coming-soon\r\n.norbida-orb-wrap {\r\n\r\n position: absolute;\r\n\r\n left: 50%;\r\n\r\n top: 45%;\r\n\r\n width: 360px;\r\n\r\n height: 360px;\r\n\r\n z-index: 3;\r\n\r\n transform-style:\r\n preserve-3d;\r\n\r\n transform:\r\n translate(-50%, -50%);\r\n\r\n transition:\r\n transform 0.15s ease-out;\r\n\r\n pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ORB\r\n ========================================================= *\/\r\n\r\n#norbida-coming-soon\r\n.norbida-orb {\r\n\r\n position: absolute;\r\n\r\n inset: 0;\r\n\r\n border-radius: 50%;\r\n\r\n transform-style:\r\n preserve-3d;\r\n\r\n background:\r\n\r\n radial-gradient(\r\n circle at 32% 27%,\r\n rgba(255,255,255,0.95) 0 1%,\r\n rgba(255,255,255,0.35) 4%,\r\n transparent 16%\r\n ),\r\n\r\n radial-gradient(\r\n circle at 35% 30%,\r\n #ffb06b 0%,\r\n #ff4d1f 25%,\r\n #8f1608 55%,\r\n #180301 78%,\r\n #020101 100%\r\n );\r\n\r\n box-shadow:\r\n\r\n 0 0 40px\r\n rgba(255,59,22,0.45),\r\n\r\n 0 0 100px\r\n rgba(255,59,22,0.20),\r\n\r\n inset -35px -35px 70px\r\n rgba(0,0,0,0.65),\r\n\r\n inset 15px 15px 30px\r\n rgba(255,255,255,0.18);\r\n\r\n animation:\r\n norbidaFloat 7s ease-in-out infinite;\r\n\r\n}\r\n\r\n\r\n#norbida-coming-soon\r\n.norbida-orb::before,\r\n\r\n#norbida-coming-soon\r\n.norbida-orb::after {\r\n\r\n content: \"\";\r\n\r\n position: absolute;\r\n\r\n border-radius: 50%;\r\n\r\n border:\r\n 1px solid\r\n rgba(255,255,255,0.17);\r\n\r\n transform-style:\r\n preserve-3d;\r\n\r\n}\r\n\r\n\r\n#norbida-coming-soon\r\n.norbida-orb::before {\r\n\r\n inset: 12%;\r\n\r\n transform:\r\n translateZ(28px)\r\n rotate(20deg);\r\n\r\n}\r\n\r\n\r\n#norbida-coming-soon\r\n.norbida-orb::after {\r\n\r\n inset: 20%;\r\n\r\n border-color:\r\n rgba(255,138,61,0.25);\r\n\r\n transform:\r\n translateZ(50px)\r\n rotate(-35deg);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ORBIT RINGS\r\n ========================================================= *\/\r\n\r\n#norbida-coming-soon\r\n.norbida-ring {\r\n\r\n position: absolute;\r\n\r\n inset: -8%;\r\n\r\n border:\r\n 1px solid\r\n rgba(255,255,255,0.15);\r\n\r\n border-radius: 50%;\r\n\r\n transform-style:\r\n preserve-3d;\r\n\r\n}\r\n\r\n\r\n#norbida-coming-soon\r\n.norbida-ring.one {\r\n\r\n transform:\r\n rotateX(72deg)\r\n rotateZ(12deg);\r\n\r\n border-color:\r\n rgba(255,59,22,0.55);\r\n\r\n animation:\r\n norbidaSpin 12s linear infinite;\r\n\r\n}\r\n\r\n\r\n#norbida-coming-soon\r\n.norbida-ring.two {\r\n\r\n inset: -15%;\r\n\r\n transform:\r\n rotateY(72deg)\r\n rotateZ(-15deg);\r\n\r\n border-color:\r\n rgba(255,138,61,0.42);\r\n\r\n animation:\r\n norbidaSpinReverse 16s linear infinite;\r\n\r\n}\r\n\r\n\r\n#norbida-coming-soon\r\n.norbida-ring.three {\r\n\r\n inset: -4%;\r\n\r\n transform:\r\n rotateX(20deg)\r\n rotateY(55deg);\r\n\r\n border-color:\r\n rgba(255,255,255,0.13);\r\n\r\n animation:\r\n norbidaSpin 9s linear infinite;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ORB ANIMATIONS\r\n ========================================================= *\/\r\n\r\n@keyframes norbidaFloat {\r\n\r\n 0%,\r\n 100% {\r\n\r\n transform:\r\n translateY(-10px)\r\n rotateX(-3deg)\r\n rotateY(8deg);\r\n\r\n }\r\n\r\n 50% {\r\n\r\n transform:\r\n translateY(15px)\r\n rotateX(5deg)\r\n rotateY(-8deg);\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n@keyframes norbidaSpin {\r\n\r\n to {\r\n\r\n transform:\r\n rotateX(72deg)\r\n rotateZ(372deg);\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n@keyframes norbidaSpinReverse {\r\n\r\n to {\r\n\r\n transform:\r\n rotateY(432deg)\r\n rotateZ(-15deg);\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN CONTENT\r\n ========================================================= *\/\r\n\r\n#norbida-coming-soon\r\n.norbida-content {\r\n\r\n position: relative;\r\n\r\n z-index: 10;\r\n\r\n width: 100%;\r\n\r\n min-height: 100vh;\r\n\r\n margin: 0 auto;\r\n\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n text-align: center;\r\n\r\n padding:\r\n 60px 24px;\r\n\r\n pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n NAVBAR\r\n ========================================================= *\/\r\n\r\n#norbida-coming-soon\r\n.norbida-navbar {\r\n\r\n position: absolute;\r\n\r\n top: 0;\r\n\r\n left: 0;\r\n\r\n width: 100%;\r\n\r\n padding:\r\n 30px 40px;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: space-between;\r\n\r\n pointer-events: auto;\r\n\r\n}\r\n\r\n\r\n#norbida-coming-soon\r\n.norbida-brand {\r\n\r\n font-size: 21px;\r\n\r\n font-weight: 800;\r\n\r\n letter-spacing:\r\n 0.22em;\r\n\r\n color: #ffffff;\r\n\r\n text-decoration: none;\r\n\r\n text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n#norbida-coming-soon\r\n.norbida-brand::after {\r\n\r\n content: \"\";\r\n\r\n display: block;\r\n\r\n width: 30px;\r\n\r\n height: 2px;\r\n\r\n margin-top: 7px;\r\n\r\n background:\r\n\r\n linear-gradient(\r\n 90deg,\r\n var(--red),\r\n var(--orange)\r\n );\r\n\r\n border-radius: 10px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STATUS BADGE\r\n ========================================================= *\/\r\n\r\n#norbida-coming-soon\r\n.norbida-badge {\r\n\r\n display: inline-flex;\r\n\r\n align-items: center;\r\n\r\n gap: 9px;\r\n\r\n padding:\r\n 9px 15px;\r\n\r\n border:\r\n 1px solid\r\n rgba(255,255,255,0.11);\r\n\r\n border-radius:\r\n 100px;\r\n\r\n background:\r\n rgba(255,255,255,0.045);\r\n\r\n backdrop-filter:\r\n blur(15px);\r\n\r\n -webkit-backdrop-filter:\r\n blur(15px);\r\n\r\n color:\r\n rgba(255,255,255,0.78);\r\n\r\n font-size: 11px;\r\n\r\n font-weight: 700;\r\n\r\n letter-spacing:\r\n 0.17em;\r\n\r\n text-transform:\r\n uppercase;\r\n\r\n box-shadow:\r\n 0 10px 50px\r\n rgba(0,0,0,0.25);\r\n\r\n}\r\n\r\n\r\n#norbida-coming-soon\r\n.norbida-badge-dot {\r\n\r\n width: 7px;\r\n\r\n height: 7px;\r\n\r\n border-radius: 50%;\r\n\r\n background:\r\n var(--orange);\r\n\r\n box-shadow:\r\n 0 0 15px\r\n var(--orange);\r\n\r\n animation:\r\n norbidaPulse 1.8s infinite;\r\n\r\n}\r\n\r\n\r\n@keyframes norbidaPulse {\r\n\r\n 50% {\r\n\r\n opacity: 0.35;\r\n\r\n transform:\r\n scale(0.7);\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN HEADING\r\n ========================================================= *\/\r\n\r\n#norbida-coming-soon\r\nh1 {\r\n\r\n margin:\r\n 22px 0 0;\r\n\r\n font-size:\r\n clamp(56px, 9vw, 122px);\r\n\r\n line-height:\r\n 0.88;\r\n\r\n letter-spacing:\r\n -0.075em;\r\n\r\n font-weight:\r\n 800;\r\n\r\n background:\r\n\r\n linear-gradient(\r\n 120deg,\r\n #ffffff 15%,\r\n #ffe0d0 45%,\r\n #ff5a24 75%,\r\n #ff9a4d\r\n );\r\n\r\n -webkit-background-clip:\r\n text;\r\n\r\n background-clip:\r\n text;\r\n\r\n color:\r\n transparent;\r\n\r\n filter:\r\n drop-shadow(\r\n 0 15px 35px\r\n rgba(255,59,22,0.15)\r\n );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n DESCRIPTION\r\n ========================================================= *\/\r\n\r\n#norbida-coming-soon\r\n.norbida-subtitle {\r\n\r\n max-width:\r\n 570px;\r\n\r\n margin-top:\r\n 25px;\r\n\r\n color:\r\n var(--muted);\r\n\r\n font-size:\r\n 15px;\r\n\r\n line-height:\r\n 1.8;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CURSOR GLOW\r\n ========================================================= *\/\r\n\r\n#norbida-coming-soon\r\n.norbida-cursor-glow {\r\n\r\n position: fixed;\r\n\r\n z-index: 4;\r\n\r\n width: 280px;\r\n\r\n height: 280px;\r\n\r\n border-radius: 50%;\r\n\r\n pointer-events: none;\r\n\r\n background:\r\n\r\n radial-gradient(\r\n circle,\r\n rgba(255,59,22,0.12),\r\n transparent 65%\r\n );\r\n\r\n transform:\r\n translate(-50%, -50%);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FOOTER\r\n ========================================================= *\/\r\n\r\n#norbida-coming-soon\r\n.norbida-footer {\r\n\r\n position: absolute;\r\n\r\n bottom: 28px;\r\n\r\n color:\r\n rgba(255,255,255,0.32);\r\n\r\n font-size: 10px;\r\n\r\n letter-spacing:\r\n 0.14em;\r\n\r\n text-transform:\r\n uppercase;\r\n\r\n}\r\n\r\n\r\n#norbida-coming-soon\r\n.norbida-footer span {\r\n\r\n color:\r\n var(--orange);\r\n\r\n font-weight:\r\n 700;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n ========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n #norbida-coming-soon\r\n .norbida-navbar {\r\n\r\n padding:\r\n 24px;\r\n\r\n }\r\n\r\n\r\n #norbida-coming-soon\r\n .norbida-brand {\r\n\r\n font-size:\r\n 18px;\r\n\r\n }\r\n\r\n\r\n #norbida-coming-soon\r\n .norbida-orb-wrap {\r\n\r\n width:\r\n 260px;\r\n\r\n height:\r\n 260px;\r\n\r\n top:\r\n 38%;\r\n\r\n }\r\n\r\n\r\n #norbida-coming-soon\r\n .norbida-content {\r\n\r\n justify-content:\r\n flex-end;\r\n\r\n padding:\r\n 0 22px 90px;\r\n\r\n }\r\n\r\n\r\n #norbida-coming-soon\r\n h1 {\r\n\r\n font-size:\r\n clamp(52px, 17vw, 78px);\r\n\r\n }\r\n\r\n\r\n #norbida-coming-soon\r\n .norbida-subtitle {\r\n\r\n max-width:\r\n 340px;\r\n\r\n font-size:\r\n 13px;\r\n\r\n line-height:\r\n 1.7;\r\n\r\n }\r\n\r\n\r\n #norbida-coming-soon\r\n .norbida-badge {\r\n\r\n font-size:\r\n 9px;\r\n\r\n }\r\n\r\n\r\n #norbida-coming-soon\r\n .norbida-footer {\r\n\r\n bottom:\r\n 18px;\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REDUCED MOTION\r\n ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n #norbida-coming-soon *,\r\n #norbida-coming-soon *::before,\r\n #norbida-coming-soon *::after {\r\n\r\n animation-duration:\r\n 0.01ms !important;\r\n\r\n animation-iteration-count:\r\n 1 !important;\r\n\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<div class=\"norbida-scene\">\r\n\r\n\r\n \r\n\r\n <canvas\r\n id=\"norbida-particles\">\r\n <\/canvas>\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"norbida-noise\">\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"norbida-grid\">\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"norbida-orb-wrap\"\r\n id=\"norbidaOrb\">\r\n\r\n\r\n <div\r\n class=\"norbida-orb\">\r\n <\/div>\r\n\r\n\r\n <div\r\n class=\"norbida-ring one\">\r\n <\/div>\r\n\r\n\r\n <div\r\n class=\"norbida-ring two\">\r\n <\/div>\r\n\r\n\r\n <div\r\n class=\"norbida-ring three\">\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"norbida-cursor-glow\"\r\n id=\"norbidaCursor\">\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<main\r\n class=\"norbida-content\">\r\n\r\n\r\n \r\n\r\n <nav\r\n class=\"norbida-navbar\">\r\n\r\n\r\n <a\r\n href=\"#\"\r\n class=\"norbida-brand\">\r\n\r\n NORBIDA\r\n\r\n <\/a>\r\n\r\n\r\n <\/nav>\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"norbida-badge\">\r\n\r\n\r\n <span\r\n class=\"norbida-badge-dot\">\r\n <\/span>\r\n\r\n\r\n A New Experience Is Coming\r\n\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <h1>\r\n\r\n COMING\r\n <br>\r\n SOON.\r\n\r\n <\/h1>\r\n\r\n\r\n \r\n\r\n <p\r\n class=\"norbida-subtitle\">\r\n\r\n We're building something exceptional\r\n behind the scenes.\r\n\r\n <br>\r\n\r\n Something new is on the way.\r\n\r\n <\/p>\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"norbida-footer\">\r\n\r\n \u00a9 2026\r\n\r\n <span>\r\n NORBIDA\r\n <\/span>\r\n\r\n \u00b7 All Rights Reserved\r\n\r\n <\/div>\r\n\r\n\r\n<\/main>\r\n\r\n\r\n\r\n\r\n<script>\r\n\r\n(function() {\r\n\r\n \"use strict\";\r\n\r\n\r\n \/* =======================================================\r\n ELEMENTS\r\n ======================================================= *\/\r\n\r\n const container =\r\n document.getElementById(\r\n \"norbida-coming-soon\"\r\n );\r\n\r\n\r\n const orb =\r\n document.getElementById(\r\n \"norbidaOrb\"\r\n );\r\n\r\n\r\n const cursor =\r\n document.getElementById(\r\n \"norbidaCursor\"\r\n );\r\n\r\n\r\n const canvas =\r\n document.getElementById(\r\n \"norbida-particles\"\r\n );\r\n\r\n\r\n if (\r\n !container ||\r\n !orb ||\r\n !cursor ||\r\n !canvas\r\n ) {\r\n\r\n return;\r\n\r\n }\r\n\r\n\r\n \/* =======================================================\r\n MOUSE 3D PARALLAX\r\n ======================================================= *\/\r\n\r\n container.addEventListener(\r\n \"mousemove\",\r\n function(e) {\r\n\r\n\r\n const rect =\r\n container.getBoundingClientRect();\r\n\r\n\r\n const x =\r\n (e.clientX - rect.left)\r\n \/ rect.width\r\n - 0.5;\r\n\r\n\r\n const y =\r\n (e.clientY - rect.top)\r\n \/ rect.height\r\n - 0.5;\r\n\r\n\r\n orb.style.transform =\r\n\r\n `\r\n translate(-50%, -50%)\r\n rotateX(${y * -14}deg)\r\n rotateY(${x * 18}deg)\r\n `;\r\n\r\n\r\n cursor.style.left =\r\n e.clientX + \"px\";\r\n\r\n\r\n cursor.style.top =\r\n e.clientY + \"px\";\r\n\r\n\r\n }\r\n );\r\n\r\n\r\n \/* =======================================================\r\n PARTICLE ENGINE\r\n ======================================================= *\/\r\n\r\n const ctx =\r\n canvas.getContext(\"2d\");\r\n\r\n\r\n let particles = [];\r\n\r\n\r\n let mouse = {\r\n\r\n x: -1000,\r\n\r\n y: -1000\r\n\r\n };\r\n\r\n\r\n \/* =======================================================\r\n RESIZE CANVAS\r\n ======================================================= *\/\r\n\r\n function resizeCanvas() {\r\n\r\n\r\n const rect =\r\n container.getBoundingClientRect();\r\n\r\n\r\n const dpr =\r\n Math.min(\r\n window.devicePixelRatio || 1,\r\n 2\r\n );\r\n\r\n\r\n canvas.width =\r\n rect.width * dpr;\r\n\r\n\r\n canvas.height =\r\n rect.height * dpr;\r\n\r\n\r\n canvas.style.width =\r\n rect.width + \"px\";\r\n\r\n\r\n canvas.style.height =\r\n rect.height + \"px\";\r\n\r\n\r\n ctx.setTransform(\r\n dpr,\r\n 0,\r\n 0,\r\n dpr,\r\n 0,\r\n 0\r\n );\r\n\r\n\r\n }\r\n\r\n\r\n \/* =======================================================\r\n CREATE PARTICLES\r\n ======================================================= *\/\r\n\r\n function createParticles() {\r\n\r\n\r\n const rect =\r\n container.getBoundingClientRect();\r\n\r\n\r\n particles = [];\r\n\r\n\r\n const count =\r\n Math.min(\r\n 110,\r\n Math.floor(rect.width \/ 10)\r\n );\r\n\r\n\r\n for (\r\n let i = 0;\r\n i < count;\r\n i++\r\n ) {\r\n\r\n\r\n particles.push({\r\n\r\n x:\r\n Math.random()\r\n * rect.width,\r\n\r\n y:\r\n Math.random()\r\n * rect.height,\r\n\r\n size:\r\n Math.random()\r\n * 1.7\r\n + 0.3,\r\n\r\n speed:\r\n Math.random()\r\n * 0.25\r\n + 0.08,\r\n\r\n drift:\r\n (Math.random() - 0.5)\r\n * 0.15,\r\n\r\n opacity:\r\n Math.random()\r\n * 0.5\r\n + 0.1\r\n\r\n });\r\n\r\n\r\n }\r\n\r\n\r\n }\r\n\r\n\r\n \/* =======================================================\r\n DRAW PARTICLES\r\n ======================================================= *\/\r\n\r\n function drawParticles() {\r\n\r\n\r\n const rect =\r\n container.getBoundingClientRect();\r\n\r\n\r\n ctx.clearRect(\r\n 0,\r\n 0,\r\n rect.width,\r\n rect.height\r\n );\r\n\r\n\r\n particles.forEach(\r\n function(p) {\r\n\r\n\r\n const dx =\r\n mouse.x - p.x;\r\n\r\n\r\n const dy =\r\n mouse.y - p.y;\r\n\r\n\r\n const distance =\r\n Math.sqrt(\r\n dx * dx +\r\n dy * dy\r\n );\r\n\r\n\r\n \/* Mouse interaction *\/\r\n\r\n if (\r\n distance < 130\r\n ) {\r\n\r\n p.x -=\r\n dx * 0.002;\r\n\r\n p.y -=\r\n dy * 0.002;\r\n\r\n }\r\n\r\n\r\n \/* Particle movement *\/\r\n\r\n p.y -=\r\n p.speed;\r\n\r\n\r\n p.x +=\r\n p.drift;\r\n\r\n\r\n \/* Reset *\/\r\n\r\n if (\r\n p.y < -10\r\n ) {\r\n\r\n p.y =\r\n rect.height + 10;\r\n\r\n p.x =\r\n Math.random()\r\n * rect.width;\r\n\r\n }\r\n\r\n\r\n if (\r\n p.x < -10\r\n ) {\r\n\r\n p.x =\r\n rect.width + 10;\r\n\r\n }\r\n\r\n\r\n if (\r\n p.x >\r\n rect.width + 10\r\n ) {\r\n\r\n p.x =\r\n -10;\r\n\r\n }\r\n\r\n\r\n \/* Draw *\/\r\n\r\n ctx.beginPath();\r\n\r\n\r\n ctx.arc(\r\n p.x,\r\n p.y,\r\n p.size,\r\n 0,\r\n Math.PI * 2\r\n );\r\n\r\n\r\n ctx.fillStyle =\r\n \"rgba(255,150,100,\" +\r\n p.opacity +\r\n \")\";\r\n\r\n\r\n ctx.fill();\r\n\r\n\r\n }\r\n );\r\n\r\n\r\n requestAnimationFrame(\r\n drawParticles\r\n );\r\n\r\n\r\n }\r\n\r\n\r\n \/* =======================================================\r\n PARTICLE MOUSE TRACKING\r\n ======================================================= *\/\r\n\r\n container.addEventListener(\r\n \"mousemove\",\r\n function(e) {\r\n\r\n\r\n const rect =\r\n container.getBoundingClientRect();\r\n\r\n\r\n mouse.x =\r\n e.clientX -\r\n rect.left;\r\n\r\n\r\n mouse.y =\r\n e.clientY -\r\n rect.top;\r\n\r\n\r\n }\r\n );\r\n\r\n\r\n container.addEventListener(\r\n \"mouseleave\",\r\n function() {\r\n\r\n\r\n mouse.x =\r\n -1000;\r\n\r\n\r\n mouse.y =\r\n -1000;\r\n\r\n\r\n }\r\n );\r\n\r\n\r\n \/* =======================================================\r\n WINDOW RESIZE\r\n ======================================================= *\/\r\n\r\n window.addEventListener(\r\n \"resize\",\r\n function() {\r\n\r\n\r\n resizeCanvas();\r\n\r\n\r\n createParticles();\r\n\r\n\r\n }\r\n );\r\n\r\n\r\n \/* =======================================================\r\n START\r\n ======================================================= *\/\r\n\r\n resizeCanvas();\r\n\r\n\r\n createParticles();\r\n\r\n\r\n drawParticles();\r\n\r\n\r\n})();\r\n\r\n<\/script>\r\n\r\n<\/div>\r\n\r\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>NORBIDA | Coming Soon NORBIDA A New Experience Is Coming COMING SOON. We’re building something exceptional behind the scenes. Something new is on the way. \u00a9 2026 NORBIDA \u00b7 All Rights Reserved<\/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-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/norbida.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/norbida.co.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/norbida.co.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/norbida.co.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/norbida.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":10,"href":"https:\/\/norbida.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":23,"href":"https:\/\/norbida.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/23"}],"wp:attachment":[{"href":"https:\/\/norbida.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nNORBIDA | Coming Soon<\/title>\r\n\r\n<meta\r\n name=\"description\"\r\n content=\"NORBIDA is coming soon. Discover a new experience built to make an impact. Stay tuned for the official launch.\"\r\n>\r\n\r\n<meta\r\n name=\"keywords\"\r\n content=\"NORBIDA, NORBIDA official, NORBIDA website, coming soon, new experience\"\r\n>\r\n\r\n<meta\r\n name=\"robots\"\r\n content=\"index, follow\"\r\n>\r\n\r\n<meta\r\n name=\"author\"\r\n content=\"NORBIDA\"\r\n>\r\n\r\n<meta\r\n name=\"viewport\"\r\n content=\"width=device-width, initial-scale=1.0\"\r\n>\r\n\r\n<link\r\n rel=\"canonical\"\r\n href=\"https:\/\/YOURDOMAIN.com\/\"\r\n>\r\n\r\n\r\n\r\n\r\n<meta\r\n property=\"og:type\"\r\n content=\"website\"\r\n>\r\n\r\n<meta\r\n property=\"og:title\"\r\n content=\"NORBIDA | Coming Soon\"\r\n>\r\n\r\n<meta\r\n property=\"og:description\"\r\n content=\"Something new is coming. Discover NORBIDA and stay tuned for the official launch.\"\r\n>\r\n\r\n<meta\r\n property=\"og:url\"\r\n content=\"https:\/\/YOURDOMAIN.com\/\"\r\n>\r\n\r\n<meta\r\n property=\"og:site_name\"\r\n content=\"NORBIDA\"\r\n>\r\n\r\n\r\n\r\n\r\n<meta\r\n name=\"twitter:card\"\r\n content=\"summary_large_image\"\r\n>\r\n\r\n<meta\r\n name=\"twitter:title\"\r\n content=\"NORBIDA | Coming Soon\"\r\n>\r\n\r\n<meta\r\n name=\"twitter:description\"\r\n content=\"Something new is coming. Discover NORBIDA and stay tuned for the official launch.\"\r\n>\r\n\r\n\r\n\r\n\r\n<meta\r\n name=\"theme-color\"\r\n content=\"#050505\"\r\n>\r\n\r\n\r\n\r\n\r\n<div id=\"norbida-coming-soon\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n NORBIDA VARIABLES\r\n ========================================================= *\/\r\n\r\n#norbida-coming-soon {\r\n\r\n --bg: #050505;\r\n\r\n --text: #ffffff;\r\n\r\n --muted: rgba(255,255,255,0.58);\r\n\r\n --line: rgba(255,255,255,0.12);\r\n\r\n --red: #ff3b16;\r\n\r\n --orange: #ff8a3d;\r\n\r\n --light-orange: #ffb06b;\r\n\r\n position: relative;\r\n\r\n width: 100%;\r\n\r\n min-height: 100vh;\r\n\r\n overflow: hidden;\r\n\r\n background:\r\n\r\n radial-gradient(\r\n circle at 50% 45%,\r\n rgba(255,59,22,0.16),\r\n transparent 32%\r\n ),\r\n\r\n radial-gradient(\r\n circle at 80% 20%,\r\n rgba(255,138,61,0.09),\r\n transparent 25%\r\n ),\r\n\r\n #050505;\r\n\r\n color: var(--text);\r\n\r\n font-family:\r\n Arial,\r\n Helvetica,\r\n sans-serif;\r\n\r\n isolation: isolate;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RESET\r\n ========================================================= *\/\r\n\r\n#norbida-coming-soon *,\r\n#norbida-coming-soon *::before,\r\n#norbida-coming-soon *::after {\r\n\r\n box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SCENE\r\n ========================================================= *\/\r\n\r\n#norbida-coming-soon\r\n.norbida-scene {\r\n\r\n position: absolute;\r\n\r\n inset: 0;\r\n\r\n overflow: hidden;\r\n\r\n perspective: 1200px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PARTICLES\r\n ========================================================= *\/\r\n\r\n#norbida-particles {\r\n\r\n position: absolute;\r\n\r\n inset: 0;\r\n\r\n width: 100%;\r\n\r\n height: 100%;\r\n\r\n z-index: 1;\r\n\r\n pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n NOISE\r\n ========================================================= *\/\r\n\r\n#norbida-coming-soon\r\n.norbida-noise {\r\n\r\n position: absolute;\r\n\r\n inset: 0;\r\n\r\n z-index: 2;\r\n\r\n opacity: 0.035;\r\n\r\n pointer-events: none;\r\n\r\n background-image:\r\n\r\n url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'\/%3E%3C\/svg%3E\");\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n 3D FLOOR GRID\r\n ========================================================= *\/\r\n\r\n#norbida-coming-soon\r\n.norbida-grid {\r\n\r\n position: absolute;\r\n\r\n width: 180%;\r\n\r\n height: 80%;\r\n\r\n left: -40%;\r\n\r\n bottom: -28%;\r\n\r\n z-index: 1;\r\n\r\n transform:\r\n rotateX(66deg);\r\n\r\n transform-origin:\r\n center top;\r\n\r\n background-image:\r\n\r\n linear-gradient(\r\n rgba(255,59,22,0.14) 1px,\r\n transparent 1px\r\n ),\r\n\r\n linear-gradient(\r\n 90deg,\r\n rgba(255,59,22,0.14) 1px,\r\n transparent 1px\r\n );\r\n\r\n background-size:\r\n 65px 65px;\r\n\r\n -webkit-mask-image:\r\n linear-gradient(\r\n to top,\r\n transparent,\r\n black 35%,\r\n transparent\r\n );\r\n\r\n mask-image:\r\n linear-gradient(\r\n to top,\r\n transparent,\r\n black 35%,\r\n transparent\r\n );\r\n\r\n animation:\r\n norbidaGridMove 12s linear infinite;\r\n\r\n}\r\n\r\n\r\n@keyframes norbidaGridMove {\r\n\r\n to {\r\n\r\n transform:\r\n rotateX(66deg)\r\n translateY(65px);\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n 3D ORB WRAPPER\r\n ========================================================= *\/\r\n\r\n#norbida-coming-soon\r\n.norbida-orb-wrap {\r\n\r\n position: absolute;\r\n\r\n left: 50%;\r\n\r\n top: 45%;\r\n\r\n width: 360px;\r\n\r\n height: 360px;\r\n\r\n z-index: 3;\r\n\r\n transform-style:\r\n preserve-3d;\r\n\r\n transform:\r\n translate(-50%, -50%);\r\n\r\n transition:\r\n transform 0.15s ease-out;\r\n\r\n pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ORB\r\n ========================================================= *\/\r\n\r\n#norbida-coming-soon\r\n.norbida-orb {\r\n\r\n position: absolute;\r\n\r\n inset: 0;\r\n\r\n border-radius: 50%;\r\n\r\n transform-style:\r\n preserve-3d;\r\n\r\n background:\r\n\r\n radial-gradient(\r\n circle at 32% 27%,\r\n rgba(255,255,255,0.95) 0 1%,\r\n rgba(255,255,255,0.35) 4%,\r\n transparent 16%\r\n ),\r\n\r\n radial-gradient(\r\n circle at 35% 30%,\r\n #ffb06b 0%,\r\n #ff4d1f 25%,\r\n #8f1608 55%,\r\n #180301 78%,\r\n #020101 100%\r\n );\r\n\r\n box-shadow:\r\n\r\n 0 0 40px\r\n rgba(255,59,22,0.45),\r\n\r\n 0 0 100px\r\n rgba(255,59,22,0.20),\r\n\r\n inset -35px -35px 70px\r\n rgba(0,0,0,0.65),\r\n\r\n inset 15px 15px 30px\r\n rgba(255,255,255,0.18);\r\n\r\n animation:\r\n norbidaFloat 7s ease-in-out infinite;\r\n\r\n}\r\n\r\n\r\n#norbida-coming-soon\r\n.norbida-orb::before,\r\n\r\n#norbida-coming-soon\r\n.norbida-orb::after {\r\n\r\n content: \"\";\r\n\r\n position: absolute;\r\n\r\n border-radius: 50%;\r\n\r\n border:\r\n 1px solid\r\n rgba(255,255,255,0.17);\r\n\r\n transform-style:\r\n preserve-3d;\r\n\r\n}\r\n\r\n\r\n#norbida-coming-soon\r\n.norbida-orb::before {\r\n\r\n inset: 12%;\r\n\r\n transform:\r\n translateZ(28px)\r\n rotate(20deg);\r\n\r\n}\r\n\r\n\r\n#norbida-coming-soon\r\n.norbida-orb::after {\r\n\r\n inset: 20%;\r\n\r\n border-color:\r\n rgba(255,138,61,0.25);\r\n\r\n transform:\r\n translateZ(50px)\r\n rotate(-35deg);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ORBIT RINGS\r\n ========================================================= *\/\r\n\r\n#norbida-coming-soon\r\n.norbida-ring {\r\n\r\n position: absolute;\r\n\r\n inset: -8%;\r\n\r\n border:\r\n 1px solid\r\n rgba(255,255,255,0.15);\r\n\r\n border-radius: 50%;\r\n\r\n transform-style:\r\n preserve-3d;\r\n\r\n}\r\n\r\n\r\n#norbida-coming-soon\r\n.norbida-ring.one {\r\n\r\n transform:\r\n rotateX(72deg)\r\n rotateZ(12deg);\r\n\r\n border-color:\r\n rgba(255,59,22,0.55);\r\n\r\n animation:\r\n norbidaSpin 12s linear infinite;\r\n\r\n}\r\n\r\n\r\n#norbida-coming-soon\r\n.norbida-ring.two {\r\n\r\n inset: -15%;\r\n\r\n transform:\r\n rotateY(72deg)\r\n rotateZ(-15deg);\r\n\r\n border-color:\r\n rgba(255,138,61,0.42);\r\n\r\n animation:\r\n norbidaSpinReverse 16s linear infinite;\r\n\r\n}\r\n\r\n\r\n#norbida-coming-soon\r\n.norbida-ring.three {\r\n\r\n inset: -4%;\r\n\r\n transform:\r\n rotateX(20deg)\r\n rotateY(55deg);\r\n\r\n border-color:\r\n rgba(255,255,255,0.13);\r\n\r\n animation:\r\n norbidaSpin 9s linear infinite;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ORB ANIMATIONS\r\n ========================================================= *\/\r\n\r\n@keyframes norbidaFloat {\r\n\r\n 0%,\r\n 100% {\r\n\r\n transform:\r\n translateY(-10px)\r\n rotateX(-3deg)\r\n rotateY(8deg);\r\n\r\n }\r\n\r\n 50% {\r\n\r\n transform:\r\n translateY(15px)\r\n rotateX(5deg)\r\n rotateY(-8deg);\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n@keyframes norbidaSpin {\r\n\r\n to {\r\n\r\n transform:\r\n rotateX(72deg)\r\n rotateZ(372deg);\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n@keyframes norbidaSpinReverse {\r\n\r\n to {\r\n\r\n transform:\r\n rotateY(432deg)\r\n rotateZ(-15deg);\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN CONTENT\r\n ========================================================= *\/\r\n\r\n#norbida-coming-soon\r\n.norbida-content {\r\n\r\n position: relative;\r\n\r\n z-index: 10;\r\n\r\n width: 100%;\r\n\r\n min-height: 100vh;\r\n\r\n margin: 0 auto;\r\n\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n text-align: center;\r\n\r\n padding:\r\n 60px 24px;\r\n\r\n pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n NAVBAR\r\n ========================================================= *\/\r\n\r\n#norbida-coming-soon\r\n.norbida-navbar {\r\n\r\n position: absolute;\r\n\r\n top: 0;\r\n\r\n left: 0;\r\n\r\n width: 100%;\r\n\r\n padding:\r\n 30px 40px;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: space-between;\r\n\r\n pointer-events: auto;\r\n\r\n}\r\n\r\n\r\n#norbida-coming-soon\r\n.norbida-brand {\r\n\r\n font-size: 21px;\r\n\r\n font-weight: 800;\r\n\r\n letter-spacing:\r\n 0.22em;\r\n\r\n color: #ffffff;\r\n\r\n text-decoration: none;\r\n\r\n text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n#norbida-coming-soon\r\n.norbida-brand::after {\r\n\r\n content: \"\";\r\n\r\n display: block;\r\n\r\n width: 30px;\r\n\r\n height: 2px;\r\n\r\n margin-top: 7px;\r\n\r\n background:\r\n\r\n linear-gradient(\r\n 90deg,\r\n var(--red),\r\n var(--orange)\r\n );\r\n\r\n border-radius: 10px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STATUS BADGE\r\n ========================================================= *\/\r\n\r\n#norbida-coming-soon\r\n.norbida-badge {\r\n\r\n display: inline-flex;\r\n\r\n align-items: center;\r\n\r\n gap: 9px;\r\n\r\n padding:\r\n 9px 15px;\r\n\r\n border:\r\n 1px solid\r\n rgba(255,255,255,0.11);\r\n\r\n border-radius:\r\n 100px;\r\n\r\n background:\r\n rgba(255,255,255,0.045);\r\n\r\n backdrop-filter:\r\n blur(15px);\r\n\r\n -webkit-backdrop-filter:\r\n blur(15px);\r\n\r\n color:\r\n rgba(255,255,255,0.78);\r\n\r\n font-size: 11px;\r\n\r\n font-weight: 700;\r\n\r\n letter-spacing:\r\n 0.17em;\r\n\r\n text-transform:\r\n uppercase;\r\n\r\n box-shadow:\r\n 0 10px 50px\r\n rgba(0,0,0,0.25);\r\n\r\n}\r\n\r\n\r\n#norbida-coming-soon\r\n.norbida-badge-dot {\r\n\r\n width: 7px;\r\n\r\n height: 7px;\r\n\r\n border-radius: 50%;\r\n\r\n background:\r\n var(--orange);\r\n\r\n box-shadow:\r\n 0 0 15px\r\n var(--orange);\r\n\r\n animation:\r\n norbidaPulse 1.8s infinite;\r\n\r\n}\r\n\r\n\r\n@keyframes norbidaPulse {\r\n\r\n 50% {\r\n\r\n opacity: 0.35;\r\n\r\n transform:\r\n scale(0.7);\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN HEADING\r\n ========================================================= *\/\r\n\r\n#norbida-coming-soon\r\nh1 {\r\n\r\n margin:\r\n 22px 0 0;\r\n\r\n font-size:\r\n clamp(56px, 9vw, 122px);\r\n\r\n line-height:\r\n 0.88;\r\n\r\n letter-spacing:\r\n -0.075em;\r\n\r\n font-weight:\r\n 800;\r\n\r\n background:\r\n\r\n linear-gradient(\r\n 120deg,\r\n #ffffff 15%,\r\n #ffe0d0 45%,\r\n #ff5a24 75%,\r\n #ff9a4d\r\n );\r\n\r\n -webkit-background-clip:\r\n text;\r\n\r\n background-clip:\r\n text;\r\n\r\n color:\r\n transparent;\r\n\r\n filter:\r\n drop-shadow(\r\n 0 15px 35px\r\n rgba(255,59,22,0.15)\r\n );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n DESCRIPTION\r\n ========================================================= *\/\r\n\r\n#norbida-coming-soon\r\n.norbida-subtitle {\r\n\r\n max-width:\r\n 570px;\r\n\r\n margin-top:\r\n 25px;\r\n\r\n color:\r\n var(--muted);\r\n\r\n font-size:\r\n 15px;\r\n\r\n line-height:\r\n 1.8;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CURSOR GLOW\r\n ========================================================= *\/\r\n\r\n#norbida-coming-soon\r\n.norbida-cursor-glow {\r\n\r\n position: fixed;\r\n\r\n z-index: 4;\r\n\r\n width: 280px;\r\n\r\n height: 280px;\r\n\r\n border-radius: 50%;\r\n\r\n pointer-events: none;\r\n\r\n background:\r\n\r\n radial-gradient(\r\n circle,\r\n rgba(255,59,22,0.12),\r\n transparent 65%\r\n );\r\n\r\n transform:\r\n translate(-50%, -50%);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FOOTER\r\n ========================================================= *\/\r\n\r\n#norbida-coming-soon\r\n.norbida-footer {\r\n\r\n position: absolute;\r\n\r\n bottom: 28px;\r\n\r\n color:\r\n rgba(255,255,255,0.32);\r\n\r\n font-size: 10px;\r\n\r\n letter-spacing:\r\n 0.14em;\r\n\r\n text-transform:\r\n uppercase;\r\n\r\n}\r\n\r\n\r\n#norbida-coming-soon\r\n.norbida-footer span {\r\n\r\n color:\r\n var(--orange);\r\n\r\n font-weight:\r\n 700;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n ========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n #norbida-coming-soon\r\n .norbida-navbar {\r\n\r\n padding:\r\n 24px;\r\n\r\n }\r\n\r\n\r\n #norbida-coming-soon\r\n .norbida-brand {\r\n\r\n font-size:\r\n 18px;\r\n\r\n }\r\n\r\n\r\n #norbida-coming-soon\r\n .norbida-orb-wrap {\r\n\r\n width:\r\n 260px;\r\n\r\n height:\r\n 260px;\r\n\r\n top:\r\n 38%;\r\n\r\n }\r\n\r\n\r\n #norbida-coming-soon\r\n .norbida-content {\r\n\r\n justify-content:\r\n flex-end;\r\n\r\n padding:\r\n 0 22px 90px;\r\n\r\n }\r\n\r\n\r\n #norbida-coming-soon\r\n h1 {\r\n\r\n font-size:\r\n clamp(52px, 17vw, 78px);\r\n\r\n }\r\n\r\n\r\n #norbida-coming-soon\r\n .norbida-subtitle {\r\n\r\n max-width:\r\n 340px;\r\n\r\n font-size:\r\n 13px;\r\n\r\n line-height:\r\n 1.7;\r\n\r\n }\r\n\r\n\r\n #norbida-coming-soon\r\n .norbida-badge {\r\n\r\n font-size:\r\n 9px;\r\n\r\n }\r\n\r\n\r\n #norbida-coming-soon\r\n .norbida-footer {\r\n\r\n bottom:\r\n 18px;\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REDUCED MOTION\r\n ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n #norbida-coming-soon *,\r\n #norbida-coming-soon *::before,\r\n #norbida-coming-soon *::after {\r\n\r\n animation-duration:\r\n 0.01ms !important;\r\n\r\n animation-iteration-count:\r\n 1 !important;\r\n\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<div class=\"norbida-scene\">\r\n\r\n\r\n \r\n\r\n <canvas\r\n id=\"norbida-particles\">\r\n <\/canvas>\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"norbida-noise\">\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"norbida-grid\">\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"norbida-orb-wrap\"\r\n id=\"norbidaOrb\">\r\n\r\n\r\n <div\r\n class=\"norbida-orb\">\r\n <\/div>\r\n\r\n\r\n <div\r\n class=\"norbida-ring one\">\r\n <\/div>\r\n\r\n\r\n <div\r\n class=\"norbida-ring two\">\r\n <\/div>\r\n\r\n\r\n <div\r\n class=\"norbida-ring three\">\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"norbida-cursor-glow\"\r\n id=\"norbidaCursor\">\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<main\r\n class=\"norbida-content\">\r\n\r\n\r\n \r\n\r\n <nav\r\n class=\"norbida-navbar\">\r\n\r\n\r\n <a\r\n href=\"#\"\r\n class=\"norbida-brand\">\r\n\r\n NORBIDA\r\n\r\n <\/a>\r\n\r\n\r\n <\/nav>\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"norbida-badge\">\r\n\r\n\r\n <span\r\n class=\"norbida-badge-dot\">\r\n <\/span>\r\n\r\n\r\n A New Experience Is Coming\r\n\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <h1>\r\n\r\n COMING\r\n <br>\r\n SOON.\r\n\r\n <\/h1>\r\n\r\n\r\n \r\n\r\n <p\r\n class=\"norbida-subtitle\">\r\n\r\n We're building something exceptional\r\n behind the scenes.\r\n\r\n <br>\r\n\r\n Something new is on the way.\r\n\r\n <\/p>\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"norbida-footer\">\r\n\r\n \u00a9 2026\r\n\r\n <span>\r\n NORBIDA\r\n <\/span>\r\n\r\n \u00b7 All Rights Reserved\r\n\r\n <\/div>\r\n\r\n\r\n<\/main>\r\n\r\n\r\n\r\n\r\n<script>\r\n\r\n(function() {\r\n\r\n \"use strict\";\r\n\r\n\r\n \/* =======================================================\r\n ELEMENTS\r\n ======================================================= *\/\r\n\r\n const container =\r\n document.getElementById(\r\n \"norbida-coming-soon\"\r\n );\r\n\r\n\r\n const orb =\r\n document.getElementById(\r\n \"norbidaOrb\"\r\n );\r\n\r\n\r\n const cursor =\r\n document.getElementById(\r\n \"norbidaCursor\"\r\n );\r\n\r\n\r\n const canvas =\r\n document.getElementById(\r\n \"norbida-particles\"\r\n );\r\n\r\n\r\n if (\r\n !container ||\r\n !orb ||\r\n !cursor ||\r\n !canvas\r\n ) {\r\n\r\n return;\r\n\r\n }\r\n\r\n\r\n \/* =======================================================\r\n MOUSE 3D PARALLAX\r\n ======================================================= *\/\r\n\r\n container.addEventListener(\r\n \"mousemove\",\r\n function(e) {\r\n\r\n\r\n const rect =\r\n container.getBoundingClientRect();\r\n\r\n\r\n const x =\r\n (e.clientX - rect.left)\r\n \/ rect.width\r\n - 0.5;\r\n\r\n\r\n const y =\r\n (e.clientY - rect.top)\r\n \/ rect.height\r\n - 0.5;\r\n\r\n\r\n orb.style.transform =\r\n\r\n `\r\n translate(-50%, -50%)\r\n rotateX(${y * -14}deg)\r\n rotateY(${x * 18}deg)\r\n `;\r\n\r\n\r\n cursor.style.left =\r\n e.clientX + \"px\";\r\n\r\n\r\n cursor.style.top =\r\n e.clientY + \"px\";\r\n\r\n\r\n }\r\n );\r\n\r\n\r\n \/* =======================================================\r\n PARTICLE ENGINE\r\n ======================================================= *\/\r\n\r\n const ctx =\r\n canvas.getContext(\"2d\");\r\n\r\n\r\n let particles = [];\r\n\r\n\r\n let mouse = {\r\n\r\n x: -1000,\r\n\r\n y: -1000\r\n\r\n };\r\n\r\n\r\n \/* =======================================================\r\n RESIZE CANVAS\r\n ======================================================= *\/\r\n\r\n function resizeCanvas() {\r\n\r\n\r\n const rect =\r\n container.getBoundingClientRect();\r\n\r\n\r\n const dpr =\r\n Math.min(\r\n window.devicePixelRatio || 1,\r\n 2\r\n );\r\n\r\n\r\n canvas.width =\r\n rect.width * dpr;\r\n\r\n\r\n canvas.height =\r\n rect.height * dpr;\r\n\r\n\r\n canvas.style.width =\r\n rect.width + \"px\";\r\n\r\n\r\n canvas.style.height =\r\n rect.height + \"px\";\r\n\r\n\r\n ctx.setTransform(\r\n dpr,\r\n 0,\r\n 0,\r\n dpr,\r\n 0,\r\n 0\r\n );\r\n\r\n\r\n }\r\n\r\n\r\n \/* =======================================================\r\n CREATE PARTICLES\r\n ======================================================= *\/\r\n\r\n function createParticles() {\r\n\r\n\r\n const rect =\r\n container.getBoundingClientRect();\r\n\r\n\r\n particles = [];\r\n\r\n\r\n const count =\r\n Math.min(\r\n 110,\r\n Math.floor(rect.width \/ 10)\r\n );\r\n\r\n\r\n for (\r\n let i = 0;\r\n i < count;\r\n i++\r\n ) {\r\n\r\n\r\n particles.push({\r\n\r\n x:\r\n Math.random()\r\n * rect.width,\r\n\r\n y:\r\n Math.random()\r\n * rect.height,\r\n\r\n size:\r\n Math.random()\r\n * 1.7\r\n + 0.3,\r\n\r\n speed:\r\n Math.random()\r\n * 0.25\r\n + 0.08,\r\n\r\n drift:\r\n (Math.random() - 0.5)\r\n * 0.15,\r\n\r\n opacity:\r\n Math.random()\r\n * 0.5\r\n + 0.1\r\n\r\n });\r\n\r\n\r\n }\r\n\r\n\r\n }\r\n\r\n\r\n \/* =======================================================\r\n DRAW PARTICLES\r\n ======================================================= *\/\r\n\r\n function drawParticles() {\r\n\r\n\r\n const rect =\r\n container.getBoundingClientRect();\r\n\r\n\r\n ctx.clearRect(\r\n 0,\r\n 0,\r\n rect.width,\r\n rect.height\r\n );\r\n\r\n\r\n particles.forEach(\r\n function(p) {\r\n\r\n\r\n const dx =\r\n mouse.x - p.x;\r\n\r\n\r\n const dy =\r\n mouse.y - p.y;\r\n\r\n\r\n const distance =\r\n Math.sqrt(\r\n dx * dx +\r\n dy * dy\r\n );\r\n\r\n\r\n \/* Mouse interaction *\/\r\n\r\n if (\r\n distance < 130\r\n ) {\r\n\r\n p.x -=\r\n dx * 0.002;\r\n\r\n p.y -=\r\n dy * 0.002;\r\n\r\n }\r\n\r\n\r\n \/* Particle movement *\/\r\n\r\n p.y -=\r\n p.speed;\r\n\r\n\r\n p.x +=\r\n p.drift;\r\n\r\n\r\n \/* Reset *\/\r\n\r\n if (\r\n p.y < -10\r\n ) {\r\n\r\n p.y =\r\n rect.height + 10;\r\n\r\n p.x =\r\n Math.random()\r\n * rect.width;\r\n\r\n }\r\n\r\n\r\n if (\r\n p.x < -10\r\n ) {\r\n\r\n p.x =\r\n rect.width + 10;\r\n\r\n }\r\n\r\n\r\n if (\r\n p.x >\r\n rect.width + 10\r\n ) {\r\n\r\n p.x =\r\n -10;\r\n\r\n }\r\n\r\n\r\n \/* Draw *\/\r\n\r\n ctx.beginPath();\r\n\r\n\r\n ctx.arc(\r\n p.x,\r\n p.y,\r\n p.size,\r\n 0,\r\n Math.PI * 2\r\n );\r\n\r\n\r\n ctx.fillStyle =\r\n \"rgba(255,150,100,\" +\r\n p.opacity +\r\n \")\";\r\n\r\n\r\n ctx.fill();\r\n\r\n\r\n }\r\n );\r\n\r\n\r\n requestAnimationFrame(\r\n drawParticles\r\n );\r\n\r\n\r\n }\r\n\r\n\r\n \/* =======================================================\r\n PARTICLE MOUSE TRACKING\r\n ======================================================= *\/\r\n\r\n container.addEventListener(\r\n \"mousemove\",\r\n function(e) {\r\n\r\n\r\n const rect =\r\n container.getBoundingClientRect();\r\n\r\n\r\n mouse.x =\r\n e.clientX -\r\n rect.left;\r\n\r\n\r\n mouse.y =\r\n e.clientY -\r\n rect.top;\r\n\r\n\r\n }\r\n );\r\n\r\n\r\n container.addEventListener(\r\n \"mouseleave\",\r\n function() {\r\n\r\n\r\n mouse.x =\r\n -1000;\r\n\r\n\r\n mouse.y =\r\n -1000;\r\n\r\n\r\n }\r\n );\r\n\r\n\r\n \/* =======================================================\r\n WINDOW RESIZE\r\n ======================================================= *\/\r\n\r\n window.addEventListener(\r\n \"resize\",\r\n function() {\r\n\r\n\r\n resizeCanvas();\r\n\r\n\r\n createParticles();\r\n\r\n\r\n }\r\n );\r\n\r\n\r\n \/* =======================================================\r\n START\r\n ======================================================= *\/\r\n\r\n resizeCanvas();\r\n\r\n\r\n createParticles();\r\n\r\n\r\n drawParticles();\r\n\r\n\r\n})();\r\n\r\n<\/script>\r\n\r\n<\/div>\r\n\r\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>NORBIDA | Coming Soon NORBIDA A New Experience Is Coming COMING SOON. We’re building something exceptional behind the scenes. Something new is on the way. \u00a9 2026 NORBIDA \u00b7 All Rights Reserved<\/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-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/norbida.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/norbida.co.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/norbida.co.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/norbida.co.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/norbida.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":10,"href":"https:\/\/norbida.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":23,"href":"https:\/\/norbida.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/23"}],"wp:attachment":[{"href":"https:\/\/norbida.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}