{"id":7706,"date":"2026-06-29T05:49:06","date_gmt":"2026-06-29T05:49:06","guid":{"rendered":"https:\/\/blackstagworldwide.com\/?page_id=7706"},"modified":"2026-07-20T01:10:53","modified_gmt":"2026-07-20T01:10:53","slug":"home","status":"publish","type":"page","link":"https:\/\/blackstagworldwide.com\/id\/","title":{"rendered":"Home"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"7706\" class=\"elementor elementor-7706\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d8af3ef e-con-full e-flex e-con e-parent\" data-id=\"d8af3ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b2e109 elementor-widget elementor-widget-html\" data-id=\"2b2e109\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- === LOAD GSAP ANIMATIONS === -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;600&family=Outfit:wght@300;400;600&display=swap');\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Krona+One&display=swap');\r\n\r\n\/* === BASE STYLES === *\/\r\n.master-scroll-wrapper {\r\n    width: 100%;\r\n    height: 100vh;\r\n    position: relative;\r\n    background-color: #050505 !important;\r\n    overflow: hidden;\r\n    font-family: 'Outfit', sans-serif;\r\n    color: #fff;\r\n}\r\n\r\n.pin-spacer {\r\n    background-color: #050505 !important;\r\n}\r\n\r\n.krona { \r\n    font-family: 'Krona One', sans-serif !important; \r\n    text-transform: uppercase; \r\n    background: linear-gradient(135deg, #d4af37, #f3e5ab, #aa7c11);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n.krona * {\r\n    font-family: inherit !important;\r\n    -webkit-text-fill-color: transparent !important;\r\n    color: transparent !important;\r\n}\r\n.cormorant { font-family: 'Cormorant Garamond', serif; }\r\n\r\n\/* === ANTIGRAVITY PARTICLES === *\/\r\n.particles-container {\r\n    position: absolute;\r\n    top: 0; left: 0;\r\n    width: 100%; height: 100%;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n    overflow: hidden;\r\n}\r\n\r\n.particle {\r\n    position: absolute;\r\n    bottom: -10%;\r\n    background: #d4af37;\r\n    box-shadow: 0 0 10px #d4af37, 0 0 20px #aa7c11;\r\n    border-radius: 50%;\r\n    animation: floatUp linear infinite;\r\n}\r\n@keyframes floatUp {\r\n    0% { transform: translateY(0) scale(0.5); opacity: 0; }\r\n    10% { opacity: 0.6; }\r\n    90% { opacity: 0.6; }\r\n    100% { transform: translateY(-120vh) scale(1.2); opacity: 0; }\r\n}\r\n\r\n\/* === STICKY VIEWPORT === *\/\r\n.sticky-viewport {\r\n    width: 100%;\r\n    height: 100%;\r\n    position: relative;\r\n}\r\n\r\n\/* === SEMUA SECTION === *\/\r\n.scene-section {\r\n    position: absolute;\r\n    top: 0; left: 0;\r\n    width: 100%; height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* --- SCENE 0: INTRO LOGO --- *\/\r\n.intro-logo {\r\n    position: absolute;\r\n    top: 50%; left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 50vw;\r\n    max-width: 500px;\r\n    z-index: 60;\r\n}\r\n\r\n\/* --- SCENE 1: HERO TEXT --- *\/\r\n.hero-scene { opacity: 1; }\r\n.crafting-dreams {\r\n    position: absolute;\r\n    right: 5%;\r\n    width: 35%;\r\n    opacity: 0;\r\n    text-align: left;\r\n}\r\n.crafting-dreams h2 { font-size: clamp(2rem, 4vw, 3rem); margin-bottom: 20px; }\r\n.crafting-dreams p { font-size: 1.1rem; color: #ccc; line-height: 1.6; }\r\n\r\n\/* --- SCENE 1.5: WELCOME --- *\/\r\n.welcome-sec {\r\n    flex-direction: row;\r\n    justify-content: flex-start;\r\n    padding-left: 10%;\r\n}\r\n.welcome-text-container {\r\n    width: 45%;\r\n    color: #ccc;\r\n    z-index: 5;\r\n}\r\n.welcome-text-container h3 { font-size: 1rem; letter-spacing: 4px; margin-bottom: 10px; }\r\n.welcome-text-container h2 { font-size: clamp(1.5rem, 3vw, 2.5rem); margin-bottom: 20px; line-height: 1.3; }\r\n.welcome-text-container p { font-weight: 300; font-size: 1rem; line-height: 1.8; margin-bottom: 20px; text-align: justify; color: #ccc; }\r\n\r\n\/* --- SCENE 2: TOP COLLECTION --- *\/\r\n.top-collection-sec {\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n.tc-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n}\r\n.tc-subtitle {\r\n    font-size: 0.9rem;\r\n    color: #aaa;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    display: block;\r\n    margin-bottom: 10px;\r\n}\r\n.tc-header h2 {\r\n    font-size: clamp(1.5rem, 3vw, 2.5rem);\r\n    letter-spacing: 2px;\r\n}\r\n.tc-cards-wrapper {\r\n    display: flex;\r\n    gap: 30px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    max-width: 1100px;\r\n}\r\n.tc-card {\r\n    background: #0a0a0a;\r\n    border-radius: 16px;\r\n    padding: 30px 20px;\r\n    width: 300px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    position: relative;\r\n    border: 1px solid #1a1a1a;\r\n    box-shadow: 0 20px 40px rgba(0,0,0,0.5);\r\n}\r\n.card-glow {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 150px;\r\n    height: 150px;\r\n    border-radius: 50%;\r\n    filter: blur(50px);\r\n    z-index: 0;\r\n    opacity: 0.3;\r\n}\r\n.glow-purple { background: #d4af37; }\r\n.glow-blue { background: #f3e5ab; }\r\n.glow-green { background: #aa7c11; }\r\n\r\n.card-bottle {\r\n    height: 220px !important;\r\n    width: auto !important;\r\n    object-fit: contain;\r\n    position: relative;\r\n    z-index: 2;\r\n    margin-bottom: 25px;\r\n    margin-top: -60px;\r\n}\r\n.card-desc {\r\n    font-size: 0.75rem;\r\n    color: #888;\r\n    text-align: center;\r\n    line-height: 1.6;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n.card-btn {\r\n    width: 100%;\r\n    padding: 12px 0;\r\n    border: none;\r\n    border-radius: 8px;\r\n    font-family: 'Outfit', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 0.9rem;\r\n    cursor: pointer;\r\n    position: relative;\r\n    z-index: 2;\r\n    color: #fff;\r\n    transition: opacity 0.3s;\r\n}\r\n.card-btn:hover { opacity: 0.8; }\r\n.btn-gold { \r\n    background: linear-gradient(135deg, #d4af37, #aa7c11); \r\n    color: #000; \r\n    font-weight: bold; \r\n    border: 1px solid #ffdf73;\r\n}\r\n.card-title {\r\n    font-size: 1.2rem;\r\n    margin: 0 0 10px 0;\r\n    text-align: center;\r\n    color: #fff;\r\n    position: relative;\r\n    z-index: 2;\r\n    letter-spacing: 1px;\r\n}\r\n.sb-left { filter: drop-shadow(0 15px 25px rgba(212,175,55,0.25)); }\r\n.sb-right { filter: drop-shadow(0 15px 25px rgba(212,175,55,0.25)); }\r\n\r\n\/* --- SCENE 3: WHY CHOOSE --- *\/\r\n.why-title { font-size: clamp(3rem, 7vw, 7rem); text-align: center; line-height: 1.1; width: 100%; }\r\n\r\n\/* --- SCENE 4, 5, 6: FEATURE CARDS --- *\/\r\n.horizontal-cards-container {\r\n    position: absolute;\r\n    top: 0; left: 0;\r\n    width: 100vw;\r\n    height: 300vh;\r\n    display: flex;\r\n    flex-direction: column;\r\n    pointer-events: none;\r\n    z-index: 5;\r\n}\r\n.feat-card-slot {\r\n    width: 100vw;\r\n    height: 100vh;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n.feat-card {\r\n    width: 100vw;\r\n    height: 100vh;\r\n    background: transparent;\r\n    position: relative;\r\n    border: none;\r\n    box-shadow: none;\r\n    overflow: hidden;\r\n}\r\n.feat-bg-circle {\r\n    position: absolute;\r\n    top: 50%; left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 50vw; height: 50vw;\r\n    max-width: 600px; max-height: 600px;\r\n    border-radius: 50%;\r\n    z-index: 0;\r\n    border: none;\r\n}\r\n.glow-sig { background: radial-gradient(circle, rgba(212,175,55,0.4) 0%, rgba(212,175,55,0) 70%); }\r\n.glow-disc { background: radial-gradient(circle, rgba(170,124,17,0.4) 0%, rgba(170,124,17,0) 70%); }\r\n.glow-art { background: radial-gradient(circle, rgba(243,229,171,0.35) 0%, rgba(243,229,171,0) 70%); }\r\n\r\n.feat-title {\r\n    position: absolute;\r\n    font-family: 'Outfit', sans-serif;\r\n    font-weight: 300;\r\n    font-size: clamp(1.5rem, 4vw, 3rem);\r\n    letter-spacing: 4px;\r\n    text-transform: uppercase;\r\n    color: #fff;\r\n    z-index: 5;\r\n    max-width: 40%;\r\n    line-height: 1.2;\r\n}\r\n.feat-desc {\r\n    position: absolute;\r\n    width: 280px;\r\n    font-size: 0.85rem;\r\n    color: #aaa;\r\n    line-height: 1.6;\r\n    text-align: left;\r\n    z-index: 5;\r\n}\r\n.top-left { top: 10%; left: 10%; }\r\n.bottom-right { bottom: 10%; right: 10%; }\r\n.top-right { top: 10%; right: 10%; text-align: right; }\r\n.bottom-left { bottom: 10%; left: 10%; }\r\n\r\n\/* --- SCENE 7: FOOTER --- *\/\r\n.footer-sec { flex-direction: column; text-align: center; }\r\n.footer-title { font-size: clamp(2rem, 4vw, 4rem); position: absolute; top: 20%; }\r\n\r\n.footer-nav-bar {\r\n    position: absolute;\r\n    bottom: 80px;\r\n    width: 80%;\r\n    max-width: 1000px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 15px 40px;\r\n    background: rgba(255, 255, 255, 0.03);\r\n    border: 1px solid rgba(255, 255, 255, 0.05);\r\n    border-radius: 50px;\r\n    backdrop-filter: blur(10px);\r\n    pointer-events: auto !important;\r\n}\r\n.f-logo { font-size: 1rem; color: #d4af37; letter-spacing: 2px; }\r\n.f-links { display: flex; gap: 30px; }\r\n.f-links a {\r\n    color: #999;\r\n    text-decoration: none;\r\n    font-size: 0.85rem;\r\n    font-weight: 300;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    transition: color 0.3s;\r\n    pointer-events: auto !important;\r\n    cursor: pointer !important;\r\n}\r\n.f-links a:hover { color: #d4af37; }\r\n.f-socials { display: flex; gap: 15px; }\r\n.soc-icon {\r\n    width: 35px; height: 35px;\r\n    border-radius: 50%;\r\n    background: rgba(255, 255, 255, 0.1);\r\n    color: #ccc;\r\n    display: flex; justify-content: center; align-items: center;\r\n    text-decoration: none;\r\n    font-size: 0.75rem;\r\n    transition: all 0.3s;\r\n    font-family: 'Outfit', sans-serif;\r\n    text-transform: uppercase;\r\n    pointer-events: auto !important;\r\n    cursor: pointer !important;\r\n}\r\n.soc-icon:hover { background: #d4af37; color: #000; transform: translateY(-3px); }\r\n.soc-icon svg { pointer-events: none; }\r\n\r\n.copyright { position: absolute; bottom: 30px; color: #555; font-size: 0.8rem; }\r\n\r\n\/* === MASTER BOTTLE ANCHOR === *\/\r\n.master-bottle-anchor {\r\n    position: absolute;\r\n    top: 0; left: 0;\r\n    width: 100%; height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 50;\r\n    pointer-events: none;\r\n}\r\n.master-bottle-container {\r\n    position: relative;\r\n    height: 45vh; \r\n    max-height: 500px;\r\n    width: 250px;\r\n    will-change: transform;\r\n}\r\n.master-bottle-container img {\r\n    position: absolute;\r\n    top: 0; left: 0;\r\n    height: 100%; width: 100%;\r\n    object-fit: contain;\r\n}\r\n.body-part {\r\n    clip-path: polygon(0 23%, 100% 23%, 100% 100%, 0 100%);\r\n    z-index: 1;\r\n}\r\n.cap-part {\r\n    clip-path: polygon(0 0, 100% 0, 100% 23%, 0 23%);\r\n    z-index: 3;\r\n    will-change: transform;\r\n}\r\n.we-believe-text {\r\n    position: absolute;\r\n    bottom: 77%;\r\n    font-size: clamp(4rem, 8vw, 10rem); \r\n    white-space: nowrap;\r\n    z-index: 2;\r\n    left: 100vw;\r\n    letter-spacing: -2px;\r\n    line-height: 1;\r\n    margin: 0;\r\n}\r\n<\/style>\r\n\r\n<!-- === HTML RENDER === -->\r\n<div class=\"master-scroll-wrapper\">\r\n    <div class=\"sticky-viewport\">\r\n        \r\n        <!-- 0. INTRO LOGO -->\r\n        <img decoding=\"async\" src=\"https:\/\/blackstagworldwide.com\/wp-content\/uploads\/2026\/06\/BLACKSTAG-ALL-LOGO-13-scaled.png\" class=\"intro-logo\">\r\n\r\n        <!-- 1. HERO TEXTS -->\r\n        <div class=\"scene-section hero-scene\">\r\n            <div class=\"crafting-dreams\">\r\n                <h2 class=\"krona\">CRAFTING BLACKSTAG<\/h2>\r\n                <p>Temukan sentuhan seni dan kemewahan di balik setiap aroma eksklusif kami. Setiap detail dirancang secara saksama menuju kesempurnaan.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 1.5. WELCOME TEXT -->\r\n        <div class=\"scene-section welcome-sec\">\r\n            <div class=\"welcome-text-container\">\r\n                <h3 class=\"krona\">Welcome<\/h3>\r\n                <h2 class=\"krona\">Jelajahi Seni Meracik Aroma Parfum<\/h2>\r\n                <p>Di Blackstag, kami berdedikasi meracik wewangian mewah yang mencerminkan standar tertinggi dari sebuah karya seni dan keanggunan. Kreasi kami merupakan perpaduan harmonis dari bahan-bahan pilihan terbaik, dirancang khusus bagi individu berselera tinggi yang ingin mengekspresikan identitas unik mereka melalui sebuah aroma. Setiap botolnya menyimpan cerita, emosi, dan pengalaman yang mampu mengubah hal-hal biasa menjadi sesuatu yang luar biasa. Dengan ketelitian pada setiap detailnya, Blackstag mendefinisikan ulang standar parfum kelas premium<\/p>\r\n                <p>Didirikan oleh tim peracik wewangian dan pencerita yang penuh dedikasi, Blackstag lahir dari keinginan untuk membawa seni penciptaan aroma ke level yang lebih tinggi. Perjalanan kami bermula dari sebuah keyakinan bahwa parfum adalah medium yang kuat untuk mengekspresikan diri, sekaligus bagian tak terpisahkan dari gaya hidup seseorang. Seiring berjalannya waktu, kami berkembang menjadi sebuah rumah parfum mewah yang merayakan kerumitan sebuah mahakarya serta keindahan estetika yang berkelas.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 2. TOP COLLECTION -->\r\n        <div class=\"scene-section top-collection-sec\">\r\n            <div class=\"tc-header\">\r\n                <span class=\"tc-subtitle\">Tiga wewangian berkarakter. Tiga identitas unik. Temukan aroma yang mencerminkan diri Anda.<\/span>\r\n                <h2 class=\"krona\">OUR FLAGSHIP COLLECTION<\/h2>\r\n            <\/div>\r\n            <div class=\"tc-cards-wrapper\">\r\n                \r\n                <div class=\"tc-card\" id=\"card-left\">\r\n                    <div class=\"glow-purple card-glow\"><\/div>\r\n                    <img decoding=\"async\" src=\"https:\/\/blackstagworldwide.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-5-2026-03_50_29-PM-1.png\" class=\"card-bottle sb-left\">\r\n                    <div class=\"card-content\">\r\n                        <h3 class=\"krona card-title\">BRIGHT<\/h3>\r\n                        <p class=\"card-desc\">An aura of radiant warmth and effortless comfort. Creamy notes of banana, pear, and caramel intertwine with delicate coconut and vanilla. A soft, luminous embrace.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"tc-card\" id=\"card-center\">\r\n                    <div class=\"glow-blue card-glow\" style=\"transform: translateY(-20px);\"><\/div>\r\n                    <div style=\"height: 280px;\"><\/div> \r\n                    <div class=\"card-content\">\r\n                        <h3 class=\"krona card-title\">WOLFGANG<\/h3>\r\n                        <p class=\"card-desc\">Quiet strength wrapped in timeless elegance. Zesty lemon opens into delicate rose and creamy vanilla, anchored by warm amber and musk. Refined and unforgettable.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"tc-card\" id=\"card-right\">\r\n                    <div class=\"glow-green card-glow\"><\/div>\r\n                    <img decoding=\"async\" src=\"https:\/\/blackstagworldwide.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-5-2026-03_15_09-PM-1.png\" class=\"card-bottle sb-right\">\r\n                    <div class=\"card-content\">\r\n                        <h3 class=\"krona card-title\">PULSE<\/h3>\r\n                        <p class=\"card-desc\">Dynamic energy forged into magnetic allure. Fresh citrus bursts with woody depth and vibrant intensity. Bold, captivating, and impossible to ignore.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- Single CTA Button -->\r\n            <a href=\"https:\/\/blackstagworldwide.com\/id\/produk\/\" class=\"card-btn btn-gold\" style=\"margin-top:30px;padding:14px 50px;width:auto;text-decoration:none;display:inline-block;text-align:center;pointer-events:auto;\">PRODUK LAIN<\/a>\r\n\r\n        <\/div>\r\n\r\n        <!-- 3. WHY CHOOSE BLACKSTAG -->\r\n        <div class=\"scene-section why-choose-sec\">\r\n            <h2 class=\"krona why-title\">WHY<br>CHOOSE<br>BLACKSTAG<\/h2>\r\n        <\/div>\r\n\r\n        <!-- 4, 5, 6. FEATURE CARDS -->\r\n        <div class=\"horizontal-cards-container\">\r\n            \r\n            <div class=\"feat-card-slot\">\r\n                <div class=\"feat-card\">\r\n                    <div class=\"feat-bg-circle glow-sig\"><\/div>\r\n                    <div class=\"feat-title top-left\">Signature Fragrance Creation<\/div>\r\n                    <div class=\"feat-desc bottom-right\">Rasakan pengalaman seni wewangian personal melalui layanan pembuatan parfum signature kami. Para peracik ahli kami akan berkolaborasi dengan Anda untuk meracik aroma unik yang selaras dengan gaya dan kisah pribadi Anda. Tingkatkan identitas personal Anda dengan wewangian mewah yang mampu menangkap esensi sejati diri Anda.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"feat-card-slot\">\r\n                <div class=\"feat-card\">\r\n                    <div class=\"feat-bg-circle glow-disc\"><\/div>\r\n                    <div class=\"feat-title top-right\">PHILOSOPHY<\/div>\r\n                    <div class=\"feat-desc bottom-left\">We believe that scent is a language unspoken, yet always understood. Every man has a story. One of ambition, loss, triumph, and a long journey that isn't always visible. Blackstag translates all of that into a scent composition that lives on the skin. It's not about the scent. It's about how someone is remembered.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n                        <div class=\"feat-card-slot\">\r\n                <div class=\"feat-card\">\r\n                    <div class=\"feat-bg-circle glow-art\"><\/div>\r\n                    <div class=\"feat-title top-left\">Artisan Craftsmanship Tours<\/div>\r\n                    <div class=\"feat-desc bottom-right\" style=\"width: 340px;\">\r\n                        <p style=\"margin-top: 0; line-height: 1.6;\">Ikuti perjalanan eksklusif di balik layar proses penciptaan karya artisan kami. Temukan ketelitian pada setiap detail serta passion yang dicurahkan ke dalam setiap wewangian, mulai dari tahap pemilihan bahan hingga proses pembotolan. Pengalaman mendalam ini memperlihatkan keanggunan serta nilai seni tinggi dari rumah parfum mewah kami.<\/p>\r\n                        <p style=\"font-weight: 500; color: #ddd; margin-bottom: 0; line-height: 1.6;\">Each Blackstag formula is created with an almost ritualistic approach. The choice of ingredients isn't just about quality, but about how each note interacts, develops, and evolves over time. From the opening top notes to the lingering drydown like a memory, nothing is rushed. Because anything meaningful always takes time.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- 7. FOOTER -->\r\n        <div class=\"scene-section footer-sec\">\r\n            <h2 class=\"krona footer-title\">EMBRACE YOUR<br>BLACKSTAG<\/h2>\r\n            \r\n            <!-- Navbar Footer -->\r\n            <div class=\"footer-nav-bar\">\r\n                <a href=\"https:\/\/blackstagworldwide.com\/id\/\" style=\"pointer-events:auto;display:flex;align-items:center;\">\r\n                    <img decoding=\"async\" src=\"https:\/\/blackstagworldwide.com\/wp-content\/uploads\/2026\/07\/BLACKSTAG-ALL-LOGO-08-scaled.png\" alt=\"Blackstag\" style=\"height:36px;width:auto;object-fit:contain;\">\r\n                <\/a>\r\n\r\n                <!-- MENU: HOME ABOUT STORE CONTACT -->\r\n                <div class=\"f-links\">\r\n                    <a href=\"https:\/\/blackstagworldwide.com\/id\/\">Home<\/a>\r\n                    <a href=\"https:\/\/blackstagworldwide.com\/id\/about\/\">About<\/a>\r\n                    <a href=\"https:\/\/blackstagworldwide.com\/id\/produk\/\">Product<\/a>\r\n                    <a href=\"https:\/\/blackstagworldwide.com\/id\/contact\/\">Contact<\/a>\r\n                <\/div>\r\n\r\n                <!-- SOCIALS: Hanya IG dan FB dengan logo SVG -->\r\n                               <!-- SOCIALS -->\r\n                <div class=\"f-socials\">\r\n                    <!-- Instagram -->\r\n                    <a href=\"https:\/\/www.instagram.com\/blackstagindonesia?igsh=M25ka2s3d2xlOGxp\" target=\"_blank\" class=\"soc-icon\" title=\"Instagram\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"><\/rect>\r\n                            <path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path>\r\n                            <line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"><\/line>\r\n                        <\/svg>\r\n                    <\/a>\r\n                    <!-- TikTok -->\r\n                    <a href=\"https:\/\/www.tiktok.com\/@blackstag.official?_r=1&_t=ZS-986Odkw9kKi\" target=\"_blank\" class=\"soc-icon\" title=\"TikTok\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M9 12a4 4 0 1 0 4 4V4a5 5 0 0 0 5 5\"><\/path>\r\n                        <\/svg>\r\n                    <\/a>\r\n                    <!-- YouTube -->\r\n                    <a href=\"https:\/\/youtube.com\/@blackstagofficial?si=YV7aH34PtUvct8BD\" target=\"_blank\" class=\"soc-icon\" title=\"YouTube\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.42a2.78 2.78 0 0 0-1.94 2C1 8.13 1 12 1 12s0 3.87.46 5.58a2.78 2.78 0 0 0 1.94 2C5.12 20 12 20 12 20s6.88 0 8.6-.42a2.78 2.78 0 0 0 1.94-2C23 15.87 23 12 23 12s0-3.87-.46-5.58z\"><\/path>\r\n                            <polygon points=\"9.75 15.02 15.5 12 9.75 8.98 9.75 15.02\"><\/polygon>\r\n                        <\/svg>\r\n                    <\/a>\r\n                    <!-- Facebook -->\r\n                    <a href=\"https:\/\/www.facebook.com\/share\/1CKny3tsLG\/?mibextid=wwXIfr\" target=\"_blank\" class=\"soc-icon\" title=\"Facebook\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\r\n                            <path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/>\r\n                        <\/svg>\r\n                    <\/a>\r\n                <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <p class=\"copyright\">\u00a9 2026 Blackstag. All Rights Reserved.<\/p>\r\n        <\/div>\r\n\r\n        <!-- THE MASTER BOTTLE -->\r\n        <div class=\"master-bottle-anchor\">\r\n            <div class=\"master-bottle-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/blackstagworldwide.com\/wp-content\/uploads\/2026\/06\/Wolfgang-scaled.webp\" class=\"body-part\">\r\n                <h1 class=\"krona we-believe-text\">THE ART OF CRAFTMANSHIP<\/h1>\r\n                <img decoding=\"async\" src=\"https:\/\/blackstagworldwide.com\/wp-content\/uploads\/2026\/06\/Wolfgang-scaled.webp\" class=\"cap-part\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- === JAVASCRIPT MASTER TIMELINE === -->\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n    gsap.registerPlugin(ScrollTrigger);\r\n\r\n    const stickyViewport = document.querySelector('.sticky-viewport');\r\n    const particlesContainer = document.createElement('div');\r\n    particlesContainer.className = 'particles-container';\r\n    stickyViewport.prepend(particlesContainer);\r\n\r\n    for (let i = 0; i < 40; i++) {\r\n        let p = document.createElement('div');\r\n        p.className = 'particle';\r\n        p.style.left = Math.random() * 100 + 'vw';\r\n        p.style.width = Math.random() * 6 + 2 + 'px';\r\n        p.style.height = p.style.width;\r\n        p.style.animationDuration = Math.random() * 10 + 10 + 's';\r\n        p.style.animationDelay = Math.random() * 10 + 's';\r\n        particlesContainer.appendChild(p);\r\n    }\r\n\r\n    const tl = gsap.timeline({\r\n        scrollTrigger: {\r\n            trigger: \".master-scroll-wrapper\",\r\n            start: \"top top\",\r\n            end: \"+=1500%\", \r\n            scrub: 1.5,\r\n            pin: true, \r\n            anticipatePin: 1\r\n        }\r\n    });\r\n\r\n    gsap.set(\".welcome-sec\", { opacity: 0 });\r\n    gsap.set(\".top-collection-sec\", { opacity: 0 });\r\n    gsap.set(\".why-choose-sec\", { opacity: 0 });\r\n    gsap.set(\".horizontal-cards-container\", { opacity: 0 });\r\n    gsap.set(\".footer-sec\", { opacity: 0 });\r\n    gsap.set(\".master-bottle-container\", { y: \"100vh\" });\r\n\r\n    \/\/ --- SCENE 0: INTRO LOGO ---\r\n    tl.to(\".intro-logo\", { y: \"-47vh\", scale: 0.15, duration: 15, ease: \"power2.inOut\" }, 0);\r\n    tl.to(\".master-bottle-container\", { y: \"0vh\", duration: 15, ease: \"power2.out\" }, 5);\r\n\r\n    \/\/ --- SCENE 1: HERO ---\r\n    tl.to(\".we-believe-text\", { x: \"-350vw\", duration: 40, ease: \"none\" }, 15);\r\n    tl.to(\".we-believe-text\", { autoAlpha: 0, duration: 5 }, 50);\r\n    tl.set(\".we-believe-text\", { display: \"none\" }, 55);\r\n\r\n    tl.to(\".cap-part\", { y: \"-22vh\", duration: 5, ease: \"power2.inOut\" }, 15);\r\n    tl.to(\".cap-part\", { y: 0, duration: 5, ease: \"power2.inOut\" }, 48);\r\n    \r\n    tl.to(\".master-bottle-container\", { scale: 0.7, x: \"-15vw\", duration: 15, ease: \"sine.inOut\" }, 40);\r\n    tl.to(\".crafting-dreams\", { opacity: 1, y: -20, duration: 15, ease: \"sine.out\" }, 40);\r\n\r\n    \/\/ --- TRANSISI 1 ---\r\n    tl.to(\".crafting-dreams\", { y: \"-50vh\", opacity: 0, duration: 10, ease: \"sine.inOut\" }, 55);\r\n    tl.to(\".master-bottle-container\", { y: \"-30vh\", duration: 10, ease: \"sine.inOut\" }, 55);\r\n    tl.fromTo(\".welcome-sec\", { y: \"50vh\", opacity: 0 }, { y: \"0vh\", opacity: 1, duration: 10, ease: \"sine.inOut\" }, 65);\r\n    tl.to(\".master-bottle-container\", { scale: 0.8, x: \"20vw\", y: 0, duration: 10, ease: \"sine.out\" }, 65);\r\n\r\n    \/\/ --- TRANSISI 1.5 (Di sini botol mendarat ke tengah & scale dibesarkan jadi 0.6) ---\r\n    tl.to(\".welcome-sec\", { y: \"-50vh\", opacity: 0, duration: 10, ease: \"sine.inOut\" }, 80);\r\n    tl.to(\".master-bottle-container\", { y: \"-30vh\", x: \"0vw\", duration: 10, ease: \"sine.inOut\" }, 80);\r\n    tl.fromTo(\".top-collection-sec\", { y: \"50vh\", opacity: 0 }, { y: \"0vh\", opacity: 1, duration: 10, ease: \"sine.inOut\" }, 90);\r\n    tl.to(\".master-bottle-container\", { scale: 0.6, x: 0, y: \"-2vh\", duration: 10, ease: \"sine.out\" }, 90);\r\n\r\n    \/\/ --- SCENE 2: TOP COLLECTION CARDS ---\r\n    tl.fromTo(\"#card-left\", { x: 50, opacity: 0 }, { x: 0, opacity: 1, duration: 10 }, 95);\r\n    tl.fromTo(\"#card-right\", { x: -50, opacity: 0 }, { x: 0, opacity: 1, duration: 10 }, 95);\r\n    tl.fromTo(\"#card-center\", { y: 30, opacity: 0 }, { y: 0, opacity: 1, duration: 10 }, 95);\r\n\r\n    \/\/ --- TRANSISI 2 ---\r\n    tl.to(\".top-collection-sec\", { y: \"-50vh\", opacity: 0, duration: 10, ease: \"sine.inOut\" }, 110);\r\n    tl.to(\".master-bottle-container\", { y: \"-30vh\", duration: 10, ease: \"sine.inOut\" }, 110);\r\n    tl.fromTo(\".why-choose-sec\", { y: \"50vh\", opacity: 0 }, { y: \"0vh\", opacity: 1, duration: 10, ease: \"sine.inOut\" }, 120);\r\n    tl.to(\".master-bottle-container\", { scale: 0.9, x: 0, y: 0, duration: 10, ease: \"sine.out\" }, 120);\r\n\r\n    \/\/ --- SCENE 3: WHY CHOOSE ---\r\n    tl.to(\".master-bottle-container\", { rotation: 360, duration: 20, ease: \"power1.inOut\" }, 125);\r\n\r\n    \/\/ --- TRANSISI 3 ---\r\n    tl.to(\".why-choose-sec\", { y: \"-50vh\", opacity: 0, duration: 10, ease: \"sine.inOut\" }, 150);\r\n    tl.to(\".master-bottle-container\", { y: \"-30vh\", rotation: 0, duration: 10, ease: \"sine.inOut\" }, 150);\r\n    tl.fromTo(\".horizontal-cards-container\", { y: \"50vh\", opacity: 0 }, { y: \"0vh\", opacity: 1, duration: 10, ease: \"sine.inOut\" }, 160);\r\n    tl.to(\".master-bottle-container\", { scale: 0.85, x: 0, y: 0, rotation: 25, duration: 10, ease: \"sine.out\" }, 160);\r\n\r\n    \/\/ --- SCENE 4: FEATURE CARDS ---\r\n    tl.to(\".horizontal-cards-container\", { y: \"-100vh\", duration: 20, ease: \"power2.inOut\" }, 175);\r\n    tl.to(\".master-bottle-container\", { y: \"-30vh\", rotation: 0, duration: 10, ease: \"sine.in\" }, 175); \r\n    tl.to(\".master-bottle-container\", { y: 0, rotation: -25, duration: 10, ease: \"sine.out\" }, 185); \r\n\r\n    tl.to(\".horizontal-cards-container\", { y: \"-200vh\", duration: 20, ease: \"power2.inOut\" }, 200);\r\n    tl.to(\".master-bottle-container\", { y: \"-30vh\", rotation: 0, duration: 10, ease: \"sine.in\" }, 200);\r\n    tl.to(\".master-bottle-container\", { y: 0, rotation: 25, duration: 10, ease: \"sine.out\" }, 210);\r\n\r\n    \/\/ --- TRANSISI 4 (Footer) ---\r\n    tl.to(\".horizontal-cards-container\", { y: \"-250vh\", opacity: 0, duration: 10, ease: \"sine.inOut\" }, 225);\r\n    tl.to(\".master-bottle-container\", { y: \"-30vh\", rotation: 0, duration: 10, ease: \"sine.inOut\" }, 225);\r\n    tl.fromTo(\".footer-sec\", { y: \"50vh\", opacity: 0 }, { y: \"0vh\", opacity: 1, duration: 10, ease: \"sine.inOut\" }, 235);\r\n    tl.to(\".master-bottle-container\", { scale: 0.6, x: 0, y: \"15vh\", duration: 10, ease: \"sine.out\" }, 235);\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>CRAFTING BLACKSTAG Discover the artistry and sophistication behind our exclusive scents. Every detail meticulously designed to perfection. Welcome Discover the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_angie_page":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7706","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/blackstagworldwide.com\/id\/wp-json\/wp\/v2\/pages\/7706","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blackstagworldwide.com\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blackstagworldwide.com\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blackstagworldwide.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blackstagworldwide.com\/id\/wp-json\/wp\/v2\/comments?post=7706"}],"version-history":[{"count":41,"href":"https:\/\/blackstagworldwide.com\/id\/wp-json\/wp\/v2\/pages\/7706\/revisions"}],"predecessor-version":[{"id":7913,"href":"https:\/\/blackstagworldwide.com\/id\/wp-json\/wp\/v2\/pages\/7706\/revisions\/7913"}],"wp:attachment":[{"href":"https:\/\/blackstagworldwide.com\/id\/wp-json\/wp\/v2\/media?parent=7706"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}