{"id":7,"date":"2026-04-25T12:48:08","date_gmt":"2026-04-25T12:48:08","guid":{"rendered":"https:\/\/globalmystic.org\/?page_id=7"},"modified":"2026-04-25T12:54:15","modified_gmt":"2026-04-25T12:54:15","slug":"home","status":"publish","type":"page","link":"https:\/\/globalmystic.org\/home\/","title":{"rendered":""},"content":{"rendered":"\n<!DOCTYPE html>\n<html>\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel+Decorative:wght@400;700&#038;family=Raleway:ital,wght@0,300;0,400;0,600;1,300&#038;display=swap\" rel=\"stylesheet\">\n<style>\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  :root {\n    --deep: #0a0614;\n    --midnight: #120d24;\n    --violet: #3d1f6e;\n    --indigo: #5b3ba8;\n    --gold: #c9a84c;\n    --rose: #d4547a;\n    --teal: #3dcbaa;\n    --cream: #f5eedc;\n    --warm: #e8d5b0;\n    --text: #f0e8d5;\n    --muted: rgba(240,232,213,0.6);\n  }\n\n  body {\n    background: var(--deep);\n    color: var(--text);\n    font-family: 'Raleway', sans-serif;\n    font-weight: 300;\n    overflow-x: hidden;\n    cursor: default;\n  }\n\n  \/* --- STAR CANVAS --- *\/\n  #stars {\n    position: fixed;\n    top: 0; left: 0;\n    width: 100%; height: 100%;\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  \/* --- NAV --- *\/\n  nav {\n    position: fixed;\n    top: 0; left: 0; right: 0;\n    z-index: 100;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 1.2rem 3rem;\n    background: linear-gradient(to bottom, rgba(10,6,20,0.95), transparent);\n    backdrop-filter: blur(2px);\n  }\n\n  .nav-logo {\n    font-family: 'Cinzel Decorative', serif;\n    font-size: 1.1rem;\n    font-weight: 400;\n    letter-spacing: 0.12em;\n    color: var(--gold);\n    text-decoration: none;\n  }\n\n  .nav-links {\n    display: flex;\n    gap: 2.5rem;\n    list-style: none;\n  }\n\n  .nav-links a {\n    color: var(--warm);\n    text-decoration: none;\n    font-size: 0.78rem;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    transition: color 0.3s;\n  }\n\n  .nav-links a:hover { color: var(--gold); }\n\n  \/* --- HERO --- *\/\n  .hero {\n    position: relative;\n    min-height: 100vh;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 8rem 2rem 4rem;\n    z-index: 1;\n  }\n\n  .sacred-geo {\n    position: absolute;\n    top: 50%; left: 50%;\n    transform: translate(-50%, -50%);\n    width: 700px;\n    height: 700px;\n    opacity: 0.07;\n    animation: slowspin 80s linear infinite;\n    pointer-events: none;\n  }\n\n  @keyframes slowspin {\n    from { transform: translate(-50%, -50%) rotate(0deg); }\n    to { transform: translate(-50%, -50%) rotate(360deg); }\n  }\n\n  .hero-eyebrow {\n    font-size: 0.72rem;\n    letter-spacing: 0.35em;\n    text-transform: uppercase;\n    color: var(--teal);\n    margin-bottom: 1.5rem;\n    animation: fadein 1.5s ease forwards;\n    opacity: 0;\n    animation-delay: 0.3s;\n  }\n\n  .hero-title {\n    font-family: 'Cinzel Decorative', serif;\n    font-size: clamp(3rem, 8vw, 6.5rem);\n    font-weight: 700;\n    line-height: 1.05;\n    background: linear-gradient(135deg, var(--gold) 0%, var(--warm) 40%, var(--rose) 70%, var(--gold) 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin-bottom: 1rem;\n    animation: fadein 1.5s ease forwards;\n    opacity: 0;\n    animation-delay: 0.6s;\n  }\n\n  .hero-sub {\n    font-size: clamp(0.9rem, 2vw, 1.15rem);\n    font-weight: 300;\n    font-style: italic;\n    color: var(--muted);\n    max-width: 560px;\n    line-height: 1.8;\n    margin-bottom: 3rem;\n    animation: fadein 1.5s ease forwards;\n    opacity: 0;\n    animation-delay: 0.9s;\n  }\n\n  .hero-buttons {\n    display: flex;\n    gap: 1.2rem;\n    flex-wrap: wrap;\n    justify-content: center;\n    animation: fadein 1.5s ease forwards;\n    opacity: 0;\n    animation-delay: 1.2s;\n  }\n\n  .btn-primary {\n    display: inline-block;\n    padding: 1rem 2.8rem;\n    background: linear-gradient(135deg, var(--gold), #e8b84b);\n    color: #1a0e2e;\n    text-decoration: none;\n    font-size: 0.78rem;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    font-weight: 600;\n    font-family: 'Raleway', sans-serif;\n    transition: transform 0.3s, box-shadow 0.3s;\n    clip-path: polygon(12px 0%, 100% 0%, calc(100% - 12px) 100%, 0% 100%);\n  }\n\n  .btn-primary:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 12px 40px rgba(201,168,76,0.4);\n  }\n\n  .btn-outline {\n    display: inline-block;\n    padding: 1rem 2.8rem;\n    border: 1px solid rgba(201,168,76,0.5);\n    color: var(--gold);\n    text-decoration: none;\n    font-size: 0.78rem;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    font-family: 'Raleway', sans-serif;\n    transition: all 0.3s;\n    clip-path: polygon(12px 0%, 100% 0%, calc(100% - 12px) 100%, 0% 100%);\n  }\n\n  .btn-outline:hover {\n    background: rgba(201,168,76,0.1);\n    border-color: var(--gold);\n  }\n\n  .scroll-indicator {\n    position: absolute;\n    bottom: 2.5rem;\n    left: 50%;\n    transform: translateX(-50%);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 0.5rem;\n    animation: fadein 2s ease forwards;\n    opacity: 0;\n    animation-delay: 2s;\n  }\n\n  .scroll-line {\n    width: 1px;\n    height: 50px;\n    background: linear-gradient(to bottom, transparent, var(--gold));\n    animation: scrollpulse 2s ease-in-out infinite;\n  }\n\n  @keyframes scrollpulse {\n    0%, 100% { opacity: 0.4; }\n    50% { opacity: 1; }\n  }\n\n  @keyframes fadein {\n    to { opacity: 1; }\n  }\n\n  \/* --- DIVIDER --- *\/\n  .divider {\n    position: relative;\n    text-align: center;\n    padding: 2rem 0;\n    z-index: 1;\n  }\n\n  .divider-line {\n    width: 200px;\n    height: 1px;\n    background: linear-gradient(to right, transparent, var(--gold), transparent);\n    margin: 0 auto;\n  }\n\n  .divider-glyph {\n    display: inline-block;\n    color: var(--gold);\n    font-size: 1.4rem;\n    margin: 0.8rem 0;\n    opacity: 0.7;\n  }\n\n  \/* --- ETHOS --- *\/\n  .section {\n    position: relative;\n    z-index: 1;\n    padding: 6rem 2rem;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  .section-label {\n    font-size: 0.68rem;\n    letter-spacing: 0.4em;\n    text-transform: uppercase;\n    color: var(--teal);\n    text-align: center;\n    margin-bottom: 1rem;\n  }\n\n  .section-title {\n    font-family: 'Cinzel Decorative', serif;\n    font-size: clamp(1.8rem, 4vw, 2.8rem);\n    font-weight: 400;\n    text-align: center;\n    color: var(--warm);\n    margin-bottom: 1.5rem;\n    line-height: 1.3;\n  }\n\n  .section-intro {\n    text-align: center;\n    font-style: italic;\n    color: var(--muted);\n    font-size: 1rem;\n    line-height: 1.9;\n    max-width: 640px;\n    margin: 0 auto 4rem;\n  }\n\n  \/* --- PILLARS --- *\/\n  .pillars {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n    gap: 2rem;\n    margin-top: 3rem;\n  }\n\n  .pillar {\n    border: 1px solid rgba(201,168,76,0.2);\n    padding: 2.5rem 2rem;\n    text-align: center;\n    position: relative;\n    transition: border-color 0.4s, transform 0.4s;\n    background: rgba(61,31,110,0.15);\n    backdrop-filter: blur(4px);\n  }\n\n  .pillar::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, rgba(201,168,76,0.05), transparent);\n    opacity: 0;\n    transition: opacity 0.4s;\n  }\n\n  .pillar:hover {\n    border-color: rgba(201,168,76,0.6);\n    transform: translateY(-6px);\n  }\n\n  .pillar:hover::before { opacity: 1; }\n\n  .pillar-icon {\n    width: 60px;\n    height: 60px;\n    margin: 0 auto 1.5rem;\n  }\n\n  .pillar-title {\n    font-family: 'Cinzel Decorative', serif;\n    font-size: 0.95rem;\n    color: var(--gold);\n    margin-bottom: 1rem;\n    letter-spacing: 0.05em;\n  }\n\n  .pillar-text {\n    font-size: 0.88rem;\n    color: var(--muted);\n    line-height: 1.9;\n  }\n\n  \/* --- COLLECTION STRIP --- *\/\n  .collection-strip {\n    position: relative;\n    z-index: 1;\n    padding: 5rem 0;\n    overflow: hidden;\n    background: linear-gradient(to right, var(--midnight), rgba(61,31,110,0.4), var(--midnight));\n  }\n\n  .collection-inner {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 2rem;\n  }\n\n  .collection-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 1.5rem;\n    margin-top: 3rem;\n  }\n\n  .collection-card {\n    position: relative;\n    aspect-ratio: 3\/4;\n    overflow: hidden;\n    cursor: pointer;\n  }\n\n  .collection-card-inner {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-end;\n    padding: 2rem 1.5rem;\n    position: relative;\n  }\n\n  .card-bg {\n    position: absolute;\n    inset: 0;\n    transition: transform 0.6s ease;\n  }\n\n  .collection-card:hover .card-bg { transform: scale(1.06); }\n\n  .card-bg-1 { background: linear-gradient(160deg, #1a0b3d 0%, #3d1870 40%, #7a2d6e 100%); }\n  .card-bg-2 { background: linear-gradient(160deg, #0a2030 0%, #0d5a4a 50%, #1d9e75 100%); }\n  .card-bg-3 { background: linear-gradient(160deg, #2a0a1f 0%, #6b1f3a 40%, #c9534f 100%); }\n\n  .card-pattern {\n    position: absolute;\n    inset: 0;\n    opacity: 0.15;\n  }\n\n  .card-body {\n    position: relative;\n    z-index: 2;\n    text-align: center;\n  }\n\n  .card-tag {\n    font-size: 0.65rem;\n    letter-spacing: 0.3em;\n    text-transform: uppercase;\n    color: var(--teal);\n    margin-bottom: 0.6rem;\n  }\n\n  .card-name {\n    font-family: 'Cinzel Decorative', serif;\n    font-size: 1.1rem;\n    color: var(--warm);\n    margin-bottom: 0.5rem;\n  }\n\n  .card-desc {\n    font-size: 0.78rem;\n    color: var(--muted);\n    font-style: italic;\n  }\n\n  \/* --- ABOUT BAND --- *\/\n  .about-band {\n    position: relative;\n    z-index: 1;\n    padding: 7rem 2rem;\n  }\n\n  .about-inner {\n    max-width: 1100px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 6rem;\n    align-items: center;\n  }\n\n  .about-visual {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .mandala-wrap {\n    width: 360px;\n    height: 360px;\n    position: relative;\n  }\n\n  .about-text .section-label { text-align: left; }\n  .about-text .section-title { text-align: left; font-size: 2rem; }\n\n  .about-body {\n    color: var(--muted);\n    font-size: 0.95rem;\n    line-height: 2;\n    margin-bottom: 2rem;\n  }\n\n  \/* --- VALUES ROW --- *\/\n  .values-row {\n    display: flex;\n    gap: 2.5rem;\n    margin-top: 2rem;\n    flex-wrap: wrap;\n  }\n\n  .value-item {\n    display: flex;\n    align-items: center;\n    gap: 0.6rem;\n    font-size: 0.78rem;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    color: var(--warm);\n  }\n\n  .value-dot {\n    width: 6px;\n    height: 6px;\n    background: var(--gold);\n    border-radius: 50%;\n    flex-shrink: 0;\n  }\n\n  \/* --- LOCATIONS --- *\/\n  .locations {\n    position: relative;\n    z-index: 1;\n    padding: 5rem 2rem;\n    background: rgba(18,13,36,0.8);\n  }\n\n  .locations-inner {\n    max-width: 1000px;\n    margin: 0 auto;\n    text-align: center;\n  }\n\n  .location-tags {\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 1rem;\n    margin-top: 2.5rem;\n  }\n\n  .location-tag {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.7rem 1.8rem;\n    border: 1px solid rgba(201,168,76,0.3);\n    font-size: 0.78rem;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: var(--warm);\n    background: rgba(61,31,110,0.2);\n    transition: all 0.3s;\n  }\n\n  .location-tag:hover {\n    border-color: var(--gold);\n    background: rgba(201,168,76,0.1);\n    color: var(--gold);\n  }\n\n  .location-dot { color: var(--teal); font-size: 0.9rem; }\n\n  \/* --- CTA --- *\/\n  .cta-section {\n    position: relative;\n    z-index: 1;\n    padding: 8rem 2rem;\n    text-align: center;\n    overflow: hidden;\n  }\n\n  .cta-glow {\n    position: absolute;\n    top: 50%; left: 50%;\n    transform: translate(-50%, -50%);\n    width: 600px;\n    height: 600px;\n    background: radial-gradient(ellipse, rgba(61,31,110,0.5) 0%, transparent 70%);\n    pointer-events: none;\n  }\n\n  .cta-title {\n    font-family: 'Cinzel Decorative', serif;\n    font-size: clamp(1.8rem, 4vw, 3rem);\n    color: var(--warm);\n    margin-bottom: 1.2rem;\n    position: relative;\n  }\n\n  .cta-body {\n    font-style: italic;\n    color: var(--muted);\n    font-size: 1rem;\n    max-width: 480px;\n    margin: 0 auto 3rem;\n    line-height: 1.9;\n    position: relative;\n  }\n\n  \/* --- FOOTER --- *\/\n  footer {\n    position: relative;\n    z-index: 1;\n    border-top: 1px solid rgba(201,168,76,0.15);\n    padding: 3rem 3rem 2rem;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: gap;\n  }\n\n  .footer-logo {\n    font-family: 'Cinzel Decorative', serif;\n    font-size: 1rem;\n    color: var(--gold);\n    letter-spacing: 0.1em;\n  }\n\n  .footer-tagline {\n    font-size: 0.72rem;\n    color: var(--muted);\n    letter-spacing: 0.15em;\n    font-style: italic;\n    margin-top: 0.3rem;\n  }\n\n  .footer-links {\n    display: flex;\n    gap: 2rem;\n    list-style: none;\n  }\n\n  .footer-links a {\n    font-size: 0.72rem;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    color: var(--muted);\n    text-decoration: none;\n    transition: color 0.3s;\n  }\n\n  .footer-links a:hover { color: var(--gold); }\n\n  .footer-domain {\n    font-size: 0.72rem;\n    color: var(--teal);\n    letter-spacing: 0.1em;\n    opacity: 0.8;\n  }\n\n  @media (max-width: 760px) {\n    nav { padding: 1rem 1.5rem; }\n    .nav-links { display: none; }\n    .about-inner { grid-template-columns: 1fr; gap: 3rem; }\n    .collection-grid { grid-template-columns: 1fr; }\n    .mandala-wrap { width: 260px; height: 260px; }\n    footer { flex-direction: column; gap: 1.5rem; text-align: center; }\n    .footer-links { justify-content: center; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<!-- Stars -->\n<canvas id=\"stars\"><\/canvas>\n\n<!-- Nav -->\n<nav>\n  <a class=\"nav-logo\" href=\"#\">Global Mystic<\/a>\n  <ul class=\"nav-links\">\n    <li><a href=\"#\">Collections<\/a><\/li>\n    <li><a href=\"#\">Story<\/a><\/li>\n    <li><a href=\"#\">Glastonbury<\/a><\/li>\n    <li><a href=\"#\">Wholesale<\/a><\/li>\n    <li><a href=\"#\">Contact<\/a><\/li>\n  <\/ul>\n<\/nav>\n\n<!-- Hero -->\n<section class=\"hero\">\n  <!-- Sacred geometry background SVG -->\n  <svg class=\"sacred-geo\" viewBox=\"0 0 700 700\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <circle cx=\"350\" cy=\"350\" r=\"300\" stroke=\"#c9a84c\" stroke-width=\"0.5\"\/>\n    <circle cx=\"350\" cy=\"350\" r=\"200\" stroke=\"#c9a84c\" stroke-width=\"0.5\"\/>\n    <circle cx=\"350\" cy=\"350\" r=\"100\" stroke=\"#c9a84c\" stroke-width=\"0.5\"\/>\n    <!-- Flower of Life petals -->\n    <circle cx=\"350\" cy=\"250\" r=\"100\" stroke=\"#c9a84c\" stroke-width=\"0.4\"\/>\n    <circle cx=\"350\" cy=\"450\" r=\"100\" stroke=\"#c9a84c\" stroke-width=\"0.4\"\/>\n    <circle cx=\"263\" cy=\"300\" r=\"100\" stroke=\"#c9a84c\" stroke-width=\"0.4\"\/>\n    <circle cx=\"437\" cy=\"300\" r=\"100\" stroke=\"#c9a84c\" stroke-width=\"0.4\"\/>\n    <circle cx=\"263\" cy=\"400\" r=\"100\" stroke=\"#c9a84c\" stroke-width=\"0.4\"\/>\n    <circle cx=\"437\" cy=\"400\" r=\"100\" stroke=\"#c9a84c\" stroke-width=\"0.4\"\/>\n    <!-- Star of David lines -->\n    <polygon points=\"350,80 590,470 110,470\" stroke=\"#c9a84c\" stroke-width=\"0.4\" fill=\"none\"\/>\n    <polygon points=\"350,620 110,230 590,230\" stroke=\"#c9a84c\" stroke-width=\"0.4\" fill=\"none\"\/>\n    <!-- Outer ring marks -->\n    <line x1=\"350\" y1=\"50\" x2=\"350\" y2=\"90\" stroke=\"#c9a84c\" stroke-width=\"0.5\"\/>\n    <line x1=\"350\" y1=\"610\" x2=\"350\" y2=\"650\" stroke=\"#c9a84c\" stroke-width=\"0.5\"\/>\n    <line x1=\"50\" y1=\"350\" x2=\"90\" y2=\"350\" stroke=\"#c9a84c\" stroke-width=\"0.5\"\/>\n    <line x1=\"610\" y1=\"350\" x2=\"650\" y2=\"350\" stroke=\"#c9a84c\" stroke-width=\"0.5\"\/>\n  <\/svg>\n\n  <p class=\"hero-eyebrow\">Glastonbury \u00b7 London \u00b7 Brighton \u00b7 The World<\/p>\n  <h1 class=\"hero-title\">Global<br>Mystic<\/h1>\n  <p class=\"hero-sub\">Designer wearable art for the new consciousness \u2014 where sacred geometry meets cosmic couture<\/p>\n  <div class=\"hero-buttons\">\n    <a href=\"#\" class=\"btn-primary\">Explore Collections<\/a>\n    <a href=\"#\" class=\"btn-outline\">Our Story<\/a>\n  <\/div>\n  <div class=\"scroll-indicator\">\n    <div class=\"scroll-line\"><\/div>\n  <\/div>\n<\/section>\n\n<!-- Divider -->\n<div class=\"divider\">\n  <div class=\"divider-line\"><\/div>\n  <div class=\"divider-glyph\">\u2726<\/div>\n  <div class=\"divider-line\"><\/div>\n<\/div>\n\n<!-- Pillars -->\n<section class=\"section\">\n  <p class=\"section-label\">A New Vibration<\/p>\n  <h2 class=\"section-title\">Wear Your World View<\/h2>\n  <p class=\"section-intro\">Clothing as ceremony. Every piece a portal. Rooted in the ancient, alive in the now \u2014 for festival dreamers, spiritual seekers, and design-forward visionaries.<\/p>\n\n  <div class=\"pillars\">\n    <div class=\"pillar\">\n      <svg class=\"pillar-icon\" viewBox=\"0 0 60 60\">\n        <circle cx=\"30\" cy=\"30\" r=\"28\" stroke=\"#c9a84c\" stroke-width=\"0.8\" fill=\"none\"\/>\n        <circle cx=\"30\" cy=\"30\" r=\"18\" stroke=\"#c9a84c\" stroke-width=\"0.5\" fill=\"none\"\/>\n        <circle cx=\"30\" cy=\"12\" r=\"8\" stroke=\"#3dcbaa\" stroke-width=\"0.6\" fill=\"none\"\/>\n        <circle cx=\"30\" cy=\"48\" r=\"8\" stroke=\"#3dcbaa\" stroke-width=\"0.6\" fill=\"none\"\/>\n        <circle cx=\"44\" cy=\"21\" r=\"8\" stroke=\"#3dcbaa\" stroke-width=\"0.6\" fill=\"none\"\/>\n        <circle cx=\"16\" cy=\"21\" r=\"8\" stroke=\"#3dcbaa\" stroke-width=\"0.6\" fill=\"none\"\/>\n        <circle cx=\"44\" cy=\"39\" r=\"8\" stroke=\"#3dcbaa\" stroke-width=\"0.6\" fill=\"none\"\/>\n        <circle cx=\"16\" cy=\"39\" r=\"8\" stroke=\"#3dcbaa\" stroke-width=\"0.6\" fill=\"none\"\/>\n      <\/svg>\n      <h3 class=\"pillar-title\">Sacred Geometry<\/h3>\n      <p class=\"pillar-text\">Mathematical art woven into every garment \u2014 Metatron&#8217;s Cube, the Fibonacci spiral, fractal mandalas translated into wearable form.<\/p>\n    <\/div>\n\n    <div class=\"pillar\">\n      <svg class=\"pillar-icon\" viewBox=\"0 0 60 60\">\n        <path d=\"M30 5 L35 20 L50 20 L38 30 L43 45 L30 35 L17 45 L22 30 L10 20 L25 20 Z\" stroke=\"#c9a84c\" stroke-width=\"0.8\" fill=\"none\"\/>\n        <circle cx=\"30\" cy=\"30\" r=\"8\" stroke=\"#d4547a\" stroke-width=\"0.6\" fill=\"none\"\/>\n        <circle cx=\"30\" cy=\"30\" r=\"3\" fill=\"#c9a84c\" opacity=\"0.7\"\/>\n      <\/svg>\n      <h3 class=\"pillar-title\">Cosmic Couture<\/h3>\n      <p class=\"pillar-text\">Festival-born and gallery-worthy. Iridescent fabrics, celestial embroidery, designs that shimmer under sun, moon, and stage light alike.<\/p>\n    <\/div>\n\n    <div class=\"pillar\">\n      <svg class=\"pillar-icon\" viewBox=\"0 0 60 60\">\n        <ellipse cx=\"30\" cy=\"30\" rx=\"22\" ry=\"10\" stroke=\"#c9a84c\" stroke-width=\"0.7\" fill=\"none\"\/>\n        <ellipse cx=\"30\" cy=\"30\" rx=\"10\" ry=\"22\" stroke=\"#c9a84c\" stroke-width=\"0.7\" fill=\"none\"\/>\n        <circle cx=\"30\" cy=\"30\" r=\"4\" stroke=\"#3dcbaa\" stroke-width=\"0.8\" fill=\"none\"\/>\n        <line x1=\"30\" y1=\"8\" x2=\"30\" y2=\"52\" stroke=\"#3dcbaa\" stroke-width=\"0.4\" opacity=\"0.5\"\/>\n        <line x1=\"8\" y1=\"30\" x2=\"52\" y2=\"30\" stroke=\"#3dcbaa\" stroke-width=\"0.4\" opacity=\"0.5\"\/>\n      <\/svg>\n      <h3 class=\"pillar-title\">Eco Soul<\/h3>\n      <p class=\"pillar-text\">Low-impact dyes, ethical fabrics, slow fashion principles. Beauty that honours the Earth \u2014 because the planet is sacred too.<\/p>\n    <\/div>\n\n    <div class=\"pillar\">\n      <svg class=\"pillar-icon\" viewBox=\"0 0 60 60\">\n        <polygon points=\"30,8 54,22 54,38 30,52 6,38 6,22\" stroke=\"#c9a84c\" stroke-width=\"0.7\" fill=\"none\"\/>\n        <polygon points=\"30,16 46,26 46,34 30,44 14,34 14,26\" stroke=\"#d4547a\" stroke-width=\"0.5\" fill=\"none\"\/>\n        <circle cx=\"30\" cy=\"30\" r=\"5\" stroke=\"#3dcbaa\" stroke-width=\"0.8\" fill=\"none\"\/>\n      <\/svg>\n      <h3 class=\"pillar-title\">New Consciousness<\/h3>\n      <p class=\"pillar-text\">From the Glastonbury Tor to the stages of the world \u2014 clothing for those carrying a new vibration, dressed for the world they&#8217;re creating.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Divider -->\n<div class=\"divider\">\n  <div class=\"divider-line\"><\/div>\n  <div class=\"divider-glyph\">\u25c8<\/div>\n  <div class=\"divider-line\"><\/div>\n<\/div>\n\n<!-- Collections -->\n<div class=\"collection-strip\">\n  <div class=\"collection-inner\">\n    <p class=\"section-label\" style=\"text-align:center\">Current Collections<\/p>\n    <h2 class=\"section-title\">The Realms<\/h2>\n    <div class=\"collection-grid\">\n\n      <div class=\"collection-card\">\n        <div class=\"card-bg card-bg-1\">\n          <svg class=\"card-pattern\" viewBox=\"0 0 300 400\">\n            <defs>\n              <pattern id=\"p1\" x=\"0\" y=\"0\" width=\"60\" height=\"60\" patternUnits=\"userSpaceOnUse\">\n                <circle cx=\"30\" cy=\"30\" r=\"25\" stroke=\"#c9a84c\" stroke-width=\"0.5\" fill=\"none\"\/>\n                <circle cx=\"30\" cy=\"5\" r=\"10\" stroke=\"#c9a84c\" stroke-width=\"0.3\" fill=\"none\"\/>\n                <circle cx=\"30\" cy=\"55\" r=\"10\" stroke=\"#c9a84c\" stroke-width=\"0.3\" fill=\"none\"\/>\n                <circle cx=\"5\" cy=\"30\" r=\"10\" stroke=\"#c9a84c\" stroke-width=\"0.3\" fill=\"none\"\/>\n                <circle cx=\"55\" cy=\"30\" r=\"10\" stroke=\"#c9a84c\" stroke-width=\"0.3\" fill=\"none\"\/>\n              <\/pattern>\n            <\/defs>\n            <rect width=\"300\" height=\"400\" fill=\"url(#p1)\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"card-body\">\n          <p class=\"card-tag\">Collection I<\/p>\n          <h3 class=\"card-name\">Celestial Realm<\/h3>\n          <p class=\"card-desc\">Star maps, moon phases, nebula hues<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"collection-card\">\n        <div class=\"card-bg card-bg-2\">\n          <svg class=\"card-pattern\" viewBox=\"0 0 300 400\">\n            <defs>\n              <pattern id=\"p2\" x=\"0\" y=\"0\" width=\"50\" height=\"50\" patternUnits=\"userSpaceOnUse\">\n                <polygon points=\"25,5 45,15 45,35 25,45 5,35 5,15\" stroke=\"#3dcbaa\" stroke-width=\"0.5\" fill=\"none\"\/>\n                <line x1=\"25\" y1=\"5\" x2=\"25\" y2=\"45\" stroke=\"#3dcbaa\" stroke-width=\"0.2\"\/>\n                <line x1=\"5\" y1=\"15\" x2=\"45\" y2=\"35\" stroke=\"#3dcbaa\" stroke-width=\"0.2\"\/>\n                <line x1=\"45\" y1=\"15\" x2=\"5\" y2=\"35\" stroke=\"#3dcbaa\" stroke-width=\"0.2\"\/>\n              <\/pattern>\n            <\/defs>\n            <rect width=\"300\" height=\"400\" fill=\"url(#p2)\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"card-body\">\n          <p class=\"card-tag\">Collection II<\/p>\n          <h3 class=\"card-name\">Earth Temple<\/h3>\n          <p class=\"card-desc\">Forest greens, crystal geometries, root wisdom<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"collection-card\">\n        <div class=\"card-bg card-bg-3\">\n          <svg class=\"card-pattern\" viewBox=\"0 0 300 400\">\n            <defs>\n              <pattern id=\"p3\" x=\"0\" y=\"0\" width=\"40\" height=\"70\" patternUnits=\"userSpaceOnUse\">\n                <path d=\"M20 5 Q35 20 20 35 Q5 50 20 65\" stroke=\"#d4547a\" stroke-width=\"0.5\" fill=\"none\"\/>\n                <circle cx=\"20\" cy=\"35\" r=\"8\" stroke=\"#c9a84c\" stroke-width=\"0.3\" fill=\"none\"\/>\n              <\/pattern>\n            <\/defs>\n            <rect width=\"300\" height=\"400\" fill=\"url(#p3)\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"card-body\">\n          <p class=\"card-tag\">Collection III<\/p>\n          <h3 class=\"card-name\">Fire Ritual<\/h3>\n          <p class=\"card-desc\">Rose alchemy, dance-floor sorcery, bold devotion<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- About Band -->\n<section class=\"about-band\">\n  <div class=\"about-inner\">\n    <div class=\"about-visual\">\n      <div class=\"mandala-wrap\">\n        <svg viewBox=\"0 0 360 360\" width=\"100%\" height=\"100%\">\n          <!-- Animated mandala -->\n          <g transform=\"translate(180,180)\">\n            <!-- Outer ring -->\n            <circle r=\"170\" stroke=\"#c9a84c\" stroke-width=\"0.5\" fill=\"none\" opacity=\"0.4\"\/>\n            <circle r=\"140\" stroke=\"#3dcbaa\" stroke-width=\"0.3\" fill=\"none\" opacity=\"0.3\"\/>\n            <!-- 12-fold outer petals -->\n            <g>\n              <ellipse rx=\"18\" ry=\"55\" cy=\"-105\" stroke=\"#c9a84c\" stroke-width=\"0.6\" fill=\"rgba(201,168,76,0.06)\"\/>\n              <ellipse rx=\"18\" ry=\"55\" cy=\"-105\" stroke=\"#c9a84c\" stroke-width=\"0.6\" fill=\"rgba(201,168,76,0.06)\" transform=\"rotate(30)\"\/>\n              <ellipse rx=\"18\" ry=\"55\" cy=\"-105\" stroke=\"#c9a84c\" stroke-width=\"0.6\" fill=\"rgba(201,168,76,0.06)\" transform=\"rotate(60)\"\/>\n              <ellipse rx=\"18\" ry=\"55\" cy=\"-105\" stroke=\"#c9a84c\" stroke-width=\"0.6\" fill=\"rgba(201,168,76,0.06)\" transform=\"rotate(90)\"\/>\n              <ellipse rx=\"18\" ry=\"55\" cy=\"-105\" stroke=\"#c9a84c\" stroke-width=\"0.6\" fill=\"rgba(201,168,76,0.06)\" transform=\"rotate(120)\"\/>\n              <ellipse rx=\"18\" ry=\"55\" cy=\"-105\" stroke=\"#c9a84c\" stroke-width=\"0.6\" fill=\"rgba(201,168,76,0.06)\" transform=\"rotate(150)\"\/>\n              <ellipse rx=\"18\" ry=\"55\" cy=\"-105\" stroke=\"#c9a84c\" stroke-width=\"0.6\" fill=\"rgba(201,168,76,0.06)\" transform=\"rotate(180)\"\/>\n              <ellipse rx=\"18\" ry=\"55\" cy=\"-105\" stroke=\"#c9a84c\" stroke-width=\"0.6\" fill=\"rgba(201,168,76,0.06)\" transform=\"rotate(210)\"\/>\n              <ellipse rx=\"18\" ry=\"55\" cy=\"-105\" stroke=\"#c9a84c\" stroke-width=\"0.6\" fill=\"rgba(201,168,76,0.06)\" transform=\"rotate(240)\"\/>\n              <ellipse rx=\"18\" ry=\"55\" cy=\"-105\" stroke=\"#c9a84c\" stroke-width=\"0.6\" fill=\"rgba(201,168,76,0.06)\" transform=\"rotate(270)\"\/>\n              <ellipse rx=\"18\" ry=\"55\" cy=\"-105\" stroke=\"#c9a84c\" stroke-width=\"0.6\" fill=\"rgba(201,168,76,0.06)\" transform=\"rotate(300)\"\/>\n              <ellipse rx=\"18\" ry=\"55\" cy=\"-105\" stroke=\"#c9a84c\" stroke-width=\"0.6\" fill=\"rgba(201,168,76,0.06)\" transform=\"rotate(330)\"\/>\n            <\/g>\n            <!-- Inner 8-petal lotus -->\n            <g>\n              <ellipse rx=\"14\" ry=\"44\" cy=\"-55\" stroke=\"#d4547a\" stroke-width=\"0.5\" fill=\"rgba(212,84,122,0.06)\"\/>\n              <ellipse rx=\"14\" ry=\"44\" cy=\"-55\" stroke=\"#d4547a\" stroke-width=\"0.5\" fill=\"rgba(212,84,122,0.06)\" transform=\"rotate(45)\"\/>\n              <ellipse rx=\"14\" ry=\"44\" cy=\"-55\" stroke=\"#d4547a\" stroke-width=\"0.5\" fill=\"rgba(212,84,122,0.06)\" transform=\"rotate(90)\"\/>\n              <ellipse rx=\"14\" ry=\"44\" cy=\"-55\" stroke=\"#d4547a\" stroke-width=\"0.5\" fill=\"rgba(212,84,122,0.06)\" transform=\"rotate(135)\"\/>\n              <ellipse rx=\"14\" ry=\"44\" cy=\"-55\" stroke=\"#d4547a\" stroke-width=\"0.5\" fill=\"rgba(212,84,122,0.06)\" transform=\"rotate(180)\"\/>\n              <ellipse rx=\"14\" ry=\"44\" cy=\"-55\" stroke=\"#d4547a\" stroke-width=\"0.5\" fill=\"rgba(212,84,122,0.06)\" transform=\"rotate(225)\"\/>\n              <ellipse rx=\"14\" ry=\"44\" cy=\"-55\" stroke=\"#d4547a\" stroke-width=\"0.5\" fill=\"rgba(212,84,122,0.06)\" transform=\"rotate(270)\"\/>\n              <ellipse rx=\"14\" ry=\"44\" cy=\"-55\" stroke=\"#d4547a\" stroke-width=\"0.5\" fill=\"rgba(212,84,122,0.06)\" transform=\"rotate(315)\"\/>\n            <\/g>\n            <!-- Star -->\n            <polygon points=\"0,-60 10,-25 45,-25 17,0 28,35 0,15 -28,35 -17,0 -45,-25 -10,-25\" stroke=\"#3dcbaa\" stroke-width=\"0.6\" fill=\"none\" opacity=\"0.5\"\/>\n            <!-- Centre -->\n            <circle r=\"20\" stroke=\"#c9a84c\" stroke-width=\"0.8\" fill=\"rgba(201,168,76,0.1)\"\/>\n            <circle r=\"8\" fill=\"rgba(201,168,76,0.3)\"\/>\n            <circle r=\"3\" fill=\"#c9a84c\"\/>\n          <\/g>\n        <\/svg>\n      <\/div>\n    <\/div>\n\n    <div class=\"about-text\">\n      <p class=\"section-label\">The Origin<\/p>\n      <h2 class=\"section-title\">Born from Music,<br>Grown into Magic<\/h2>\n      <p class=\"about-body\">\n        Global Mystic began as a sonic identity \u2014 a vibration carried through music, through movement, through the sacred spaces between notes. Now that energy has found a new body: clothing that holds frequency, pattern that encodes meaning, and fabric that moves like a living thing.\n      <\/p>\n      <p class=\"about-body\">\n        Rooted in Glastonbury&#8217;s ancient heart, reaching outward to London, Brighton, and beyond \u2014 every stitch an act of intention. This is not fashion. This is <em>ceremony<\/em>.\n      <\/p>\n      <div class=\"values-row\">\n        <div class=\"value-item\"><div class=\"value-dot\"><\/div> Eco Conscious<\/div>\n        <div class=\"value-item\"><div class=\"value-dot\"><\/div> Glastonbury-born<\/div>\n        <div class=\"value-item\"><div class=\"value-dot\"><\/div> Sacred Design<\/div>\n        <div class=\"value-item\"><div class=\"value-dot\"><\/div> Global Vision<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Locations -->\n<div class=\"locations\">\n  <div class=\"locations-inner\">\n    <p class=\"section-label\">Where We Exist<\/p>\n    <h2 class=\"section-title\">A Global Current<\/h2>\n    <p class=\"section-intro\" style=\"margin-bottom:0\">From the Tor to the world. Global Mystic flows wherever seekers gather.<\/p>\n    <div class=\"location-tags\">\n      <div class=\"location-tag\"><span class=\"location-dot\">\u2726<\/span> Glastonbury<\/div>\n      <div class=\"location-tag\"><span class=\"location-dot\">\u2726<\/span> London<\/div>\n      <div class=\"location-tag\"><span class=\"location-dot\">\u2726<\/span> Brighton<\/div>\n      <div class=\"location-tag\"><span class=\"location-dot\">\u2726<\/span> Festival Circuit<\/div>\n      <div class=\"location-tag\"><span class=\"location-dot\">\u2726<\/span> Online Worldwide<\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- CTA -->\n<section class=\"cta-section\">\n  <div class=\"cta-glow\"><\/div>\n  <h2 class=\"cta-title\">Step Into Your Frequency<\/h2>\n  <p class=\"cta-body\">Join the Global Mystic circle \u2014 new collections, ritual drops, and sacred collaborations, direct to your cosmos.<\/p>\n  <div style=\"display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;position:relative;\">\n    <input type=\"email\" placeholder=\"your@email.com\" style=\"padding:1rem 2rem;background:rgba(255,255,255,0.06);border:1px solid rgba(201,168,76,0.3);color:#f0e8d5;font-family:Raleway,sans-serif;font-size:0.85rem;letter-spacing:0.08em;width:280px;outline:none;\">\n    <a href=\"#\" class=\"btn-primary\" style=\"padding:1rem 2.2rem\">Join the Circle<\/a>\n  <\/div>\n<\/section>\n\n<!-- Footer -->\n<footer>\n  <div>\n    <div class=\"footer-logo\">Global Mystic<\/div>\n    <div class=\"footer-tagline\">A new vibration for new consciousness<\/div>\n    <div class=\"footer-domain\" style=\"margin-top:0.4rem;\">globalmystic.org<\/div>\n  <\/div>\n  <ul class=\"footer-links\">\n    <li><a href=\"#\">Collections<\/a><\/li>\n    <li><a href=\"#\">Story<\/a><\/li>\n    <li><a href=\"#\">Wholesale<\/a><\/li>\n    <li><a href=\"#\">Instagram<\/a><\/li>\n    <li><a href=\"#\">Contact<\/a><\/li>\n  <\/ul>\n<\/footer>\n\n<script>\n  \/\/ Starfield\n  const canvas = document.getElementById('stars');\n  const ctx = canvas.getContext('2d');\n  let W, H, stars = [];\n\n  function resize() {\n    W = canvas.width = window.innerWidth;\n    H = canvas.height = window.innerHeight;\n  }\n\n  function initStars() {\n    stars = [];\n    for (let i = 0; i < 280; i++) {\n      stars.push({\n        x: Math.random() * W,\n        y: Math.random() * H,\n        r: Math.random() * 1.4 + 0.2,\n        o: Math.random() * 0.7 + 0.1,\n        speed: Math.random() * 0.3 + 0.05,\n        phase: Math.random() * Math.PI * 2,\n        color: Math.random() < 0.15 ? '#3dcbaa' : Math.random() < 0.25 ? '#d4547a' : '#c9a84c'\n      });\n    }\n  }\n\n  let frame = 0;\n  function draw() {\n    ctx.clearRect(0, 0, W, H);\n    frame++;\n    stars.forEach(s => {\n      const flicker = s.o * (0.6 + 0.4 * Math.sin(frame * s.speed + s.phase));\n      ctx.beginPath();\n      ctx.arc(s.x, s.y, s.r, 0, Math.PI * 2);\n      ctx.fillStyle = s.color;\n      ctx.globalAlpha = flicker;\n      ctx.fill();\n    });\n    ctx.globalAlpha = 1;\n    requestAnimationFrame(draw);\n  }\n\n  resize();\n  initStars();\n  draw();\n  window.addEventListener('resize', () => { resize(); initStars(); });\n\n  \/\/ Subtle parallax on hero\n  window.addEventListener('scroll', () => {\n    const y = window.scrollY;\n    const hero = document.querySelector('.hero');\n    if (hero) hero.style.transform = `translateY(${y * 0.25}px)`;\n  });\n<\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Global Mystic Collections Story Glastonbury Wholesale Contact Glastonbury \u00b7 London \u00b7 Brighton \u00b7 The World GlobalMystic Designer wearable art for the new consciousness \u2014 where sacred geometry meets cosmic couture Explore Collections Our Story \u2726 A New Vibration Wear Your World View Clothing as ceremony. Every piece a portal. Rooted in the ancient, alive in [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/globalmystic.org\/home\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/globalmystic.org\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/globalmystic.org\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/globalmystic.org\/home\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/globalmystic.org\/home\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":3,"href":"https:\/\/globalmystic.org\/home\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":10,"href":"https:\/\/globalmystic.org\/home\/wp-json\/wp\/v2\/pages\/7\/revisions\/10"}],"wp:attachment":[{"href":"https:\/\/globalmystic.org\/home\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}