class KdcPageComponent extends HTMLElement { constructor() { super(); this.attachShadow({ mode: 'open' }); } connectedCallback() { this.shadowRoot.innerHTML = ` :host { display: block; all: initial; width: 100%; } *, *::before, *::after { box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: inherit; line-height: inherit; margin: 0; padding: 0; } #kdc-page { display: block; width: 100%; margin: 0; padding: 0; background: #faf8f5; color: #1a1926; font: 16px/1.7 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; text-align: left; isolation: isolate; /* Enhanced Color Palette */ --gold-primary: #d4af37; --gold-light: #f3e5ab; --purple-deep: #2e1a47; --purple-accent: #6c4ab6; --purple-soft: #f1edfa; --night-bg: #120e1d; --night-card: #1c162e; --text-dark: #1f1e29; --text-muted: #575366; --line-light: #e6e1d8; } #kdc-page img { max-width: 100%; display: block; height: auto; border-radius: 12px; object-fit: cover; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08); } #kdc-page [hidden] { display: none !important; } #kdc-page a { color: inherit; transition: all 0.2s ease; } #kdc-page .kdcx-shell { max-width: 1180px; margin: auto; padding: 0 36px; } #kdc-page p { margin: 0 0 20px; } #kdc-page h1, #kdc-page h2, #kdc-page h3 { line-height: 1.15; margin: 0 0 24px; color: var(--text-dark); } #kdc-page h1, #kdc-page h2 { font-family: "Georgia", "Times New Roman", serif; font-weight: 500; } #kdc-page h1 { font-size: clamp(48px, 6vw, 76px); letter-spacing: -2px; } #kdc-page h2 { font-size: clamp(32px, 3.8vw, 48px); letter-spacing: -1px; } #kdc-page h3 { font-size: 26px; letter-spacing: -0.5px; } #kdc-page .kdcx-eyebrow { font-size: 12px; letter-spacing: 2.5px; text-transform: uppercase; font-weight: 800; margin-bottom: 16px; color: #b08d28; } /* Header / Topbar */ #kdc-page .kdcx-topbar { display: flex; align-items: center; justify-content: space-between; padding-top: 24px; padding-bottom: 24px; gap: 24px; background: #ffffff; border-bottom: 1px solid var(--line-light); } #kdc-page .kdcx-logo { text-decoration: none; display: flex; align-items: center; gap: 16px; } #kdc-page .kdcx-logo b { font: 700 32px "Georgia", serif; letter-spacing: 1px; color: var(--purple-deep); } #kdc-page .kdcx-logo span { border-left: 2px solid var(--gold-primary); padding-left: 16px; font-size: 11px; letter-spacing: 1.5px; line-height: 1.5; font-weight: 600; color: var(--text-muted); } #kdc-page nav { display: flex; gap: 28px; font-size: 13px; font-weight: 700; } #kdc-page nav a { text-decoration: none; color: var(--text-dark); position: relative; } #kdc-page nav a:hover { color: var(--purple-accent); } /* Hero Section */ #kdc-page .kdcx-hero { background: linear-gradient(135deg, var(--night-bg) 0%, #1a122e 100%); color: #fff; position: relative; overflow: hidden; } #kdc-page .kdcx-hero-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 64px; align-items: center; padding-top: 80px; padding-bottom: 80px; } #kdc-page .kdcx-hero h1 { color: #ffffff; } #kdc-page .kdcx-hero .kdcx-eyebrow { color: var(--gold-primary); } #kdc-page .kdcx-hero h1 em { color: var(--gold-primary); font-weight: 400; font-style: italic; } #kdc-page .kdcx-hero .kdcx-lead { color: #e2ddf0; max-width: 530px; font-size: 18px; line-height: 1.8; } #kdc-page .kdcx-actions { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; margin-top: 36px; } #kdc-page .kdcx-btn { display: inline-block; padding: 16px 28px; background: var(--gold-primary); color: var(--night-bg); text-decoration: none; font-size: 13px; font-weight: 800; border-radius: 6px; box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3); transition: transform 0.2s ease, box-shadow 0.2s ease; } #kdc-page .kdcx-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(212, 175, 55, 0.4); } #kdc-page .kdcx-text-link { font-size: 13px; font-weight: 600; color: #ffffff; text-underline-offset: 6px; } #kdc-page .kdcx-text-link:hover { color: var(--gold-primary); } #kdc-page .kdcx-hero .kdcx-media { position: relative; padding: 12px; background: rgba(255, 255, 255, 0.05); border-radius: 16px; border: 1px solid rgba(212, 175, 55, 0.3); } #kdc-page .kdcx-hero-note { padding: 18px 6px 4px; display: flex; justify-content: space-between; color: var(--gold-primary); font-size: 11px; letter-spacing: 2px; font-weight: 700; } /* Ribbon */ #kdc-page .kdcx-ribbon { background: linear-gradient(90deg, #e9dbb9 0%, var(--gold-light) 50%, #e9dbb9 100%); color: #3d3118; padding: 20px 0; box-shadow: inset 0 2px 4px rgba(0,0,0,0.05); } #kdc-page .kdcx-ribbon .kdcx-shell { display: flex; justify-content: space-between; gap: 15px; font-size: 11px; text-transform: uppercase; letter-spacing: 2px; font-weight: 800; } /* Main Sections */ #kdc-page section { padding: 90px 0; } #kdc-page .kdcx-intro-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 80px; } #kdc-page .kdcx-intro-copy { color: var(--text-muted); font-size: 17px; } #kdc-page .kdcx-question { font: 500 28px/1.45 "Georgia", serif; border-left: 4px solid var(--gold-primary); padding-left: 28px; margin: 28px 0 0; color: var(--purple-deep); } /* Stage Cards */ #kdc-page .kdcx-pathway { background: #f1edfa; border-top: 1px solid var(--line-light); border-bottom: 1px solid var(--line-light); } #kdc-page .kdcx-section-top { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; margin-bottom: 40px; } #kdc-page .kdcx-section-top p { max-width: 380px; font-size: 15px; color: var(--text-muted); margin: 0; } #kdc-page .kdcx-stage-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; } #kdc-page .kdcx-stage { background: #ffffff; padding: 40px; border-radius: 16px; border-top: 6px solid var(--gold-primary); box-shadow: 0 10px 30px rgba(46, 26, 71, 0.05); } #kdc-page .kdcx-stage.kdcx-artistry { border-top-color: var(--purple-accent); } #kdc-page .kdcx-stage-header { display: flex; align-items: center; gap: 20px; border-bottom: 1px solid var(--line-light); padding-bottom: 24px; margin-bottom: 26px; } #kdc-page .kdcx-stage-no { font: italic 500 56px/1 "Georgia", serif; color: var(--gold-primary); } #kdc-page .kdcx-artistry .kdcx-stage-no { color: var(--purple-accent); } #kdc-page .kdcx-stage p { font-size: 15px; color: var(--text-muted); } #kdc-page .kdcx-stage h4 { margin: 28px 0 14px; font-size: 12px; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 700; color: var(--purple-deep); } #kdc-page .kdcx-stage .kdcx-media { margin: 28px 0; } #kdc-page .kdcx-chips { padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 8px; } #kdc-page .kdcx-chips li { background: #faf8f5; padding: 8px 14px; font-size: 12px; font-weight: 600; border-radius: 20px; border: 1px solid var(--line-light); color: var(--text-dark); } #kdc-page .kdcx-rule { background: var(--purple-soft); border-left: 4px solid var(--purple-accent); padding: 20px 24px; font-size: 15px; border-radius: 0 12px 12px 0; margin: 24px 0; color: var(--purple-deep); } #kdc-page .kdcx-rule strong { display: block; margin-bottom: 6px; font-size: 16px; } #kdc-page .kdcx-bridge { margin: 48px 0 0; text-align: center; font: italic 26px/1.5 "Georgia", serif; color: var(--purple-deep); } /* Criteria Accordion */ #kdc-page .kdcx-judging-intro { display: grid; grid-template-columns: 1.1fr .9fr; gap: 60px; align-items: center; margin-bottom: 40px; } #kdc-page .kdcx-controls { display: flex; gap: 12px; margin-bottom: 24px; } #kdc-page button { background: #ffffff; border: 1px solid var(--purple-accent); border-radius: 6px; padding: 10px 18px; font: 700 12px sans-serif; cursor: pointer; color: var(--purple-accent); transition: all 0.2s ease; } #kdc-page button:hover { background: var(--purple-accent); color: #ffffff; } #kdc-page .kdcx-criteria-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: start; } #kdc-page details { background: #ffffff; border: 1px solid var(--line-light); border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.02); transition: border-color 0.2s ease; } #kdc-page summary { display: flex; align-items: center; gap: 16px; cursor: pointer; padding: 24px; list-style: none; font-weight: 700; font-size: 16px; color: var(--purple-deep); } #kdc-page .kdcx-num { font: italic 26px "Georgia", serif; color: var(--gold-primary); } #kdc-page .kdcx-plus { margin-left: auto; color: var(--purple-accent); font-size: 22px; font-weight: 600; transition: transform 0.2s ease; } #kdc-page details[open] { border-color: var(--purple-accent); } #kdc-page details[open] .kdcx-plus { transform: rotate(45deg); } #kdc-page .kdcx-detail { padding: 0 28px 24px; font-size: 15px; color: var(--text-muted); } #kdc-page blockquote { margin: 20px 0; border-left: 3px solid var(--gold-primary); padding: 6px 0 6px 20px; font-style: italic; color: var(--purple-deep); } /* Music Section */ #kdc-page .kdcx-music { background: #ffffff; border-top: 1px solid var(--line-light); border-bottom: 1px solid var(--line-light); } #kdc-page .kdcx-music-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 65px; } #kdc-page .kdcx-music-panel { padding: 36px; background: var(--purple-soft); border-left: 4px solid var(--purple-accent); border-radius: 0 16px 16px 0; } #kdc-page .kdcx-music-panel ul { padding-left: 20px; } #kdc-page .kdcx-music-panel li { margin-bottom: 12px; } /* Final Banner & Footer */ #kdc-page .kdcx-final { background: linear-gradient(135deg, var(--night-bg) 0%, var(--purple-deep) 100%); color: white; text-align: center; } #kdc-page .kdcx-final h2 { color: #ffffff; max-width: 750px; margin: 0 auto 24px; } #kdc-page .kdcx-final p { max-width: 690px; margin: 0 auto 28px; color: #e2ddf0; font-size: 18px; } #kdc-page .kdcx-final-line { color: var(--gold-primary); font-size: 12px; letter-spacing: 2.5px; text-transform: uppercase; font-weight: 700; margin-top: 40px; } #kdc-page footer { padding: 30px 0; font-size: 12px; background: #ffffff; color: var(--text-muted); border-top: 1px solid var(--line-light); } #kdc-page .kdcx-footer-row { display: flex; justify-content: space-between; gap: 20px; font-weight: 600; } @media (max-width: 800px) { #kdc-page .kdcx-shell { padding-left: 24px; padding-right: 24px; } #kdc-page .kdcx-hero-grid, #kdc-page .kdcx-intro-grid, #kdc-page .kdcx-stage-grid, #kdc-page .kdcx-judging-intro, #kdc-page .kdcx-music-grid, #kdc-page .kdcx-criteria-grid { grid-template-columns: 1fr; gap: 32px; } #kdc-page section { padding: 56px 0; } } Skip to content KDC KALAMATA DANCE CUP DANCESPORT CHALLENGES The philosophy The pathway Judging Music Competitive opportunities in DanceSport Master the basics. Make themextraordinary. A competition journey from technical precision to artistic expression. Two stages. The same fundamentals. A new way to show what you can do. Explore the two stages ↗ Discover what is judged TECHNIQUE → PERFORMANCE KDC CHALLENGES Technique Confidence Performance Excellence 01 / The philosophy Great performance starts with a strong foundation. The KDC DanceSport Challenges create a structured progression from technical precision to artistic expression. KDC brings technical education and artistic performance together as two stages of the same journey. Instead of simply asking who has the most impressive choreography, KDC asks a deeper question: Who has truly mastered the fundamentals—and who can transform that mastery into performance? 02 / The competition pathway Two stages. One journey. First, demonstrate your foundations. Then, reveal the possibilities within them. 01 Master the fundamentals Syllabuscompetition Every competitor performs a predefined syllabus sequence. The same fundamental material is presented by every competitor, creating a transparent environment in which the dancer—not the complexity of the choreography—is evaluated. The technical focus Technical accuracy Timing & musicality Body posture Footwork Balance Lead & follow Leg action Basic shaping Partnership quality 02 Transform technique into performance Closed syllabuschoreography finals The finalists take the same fundamental vocabulary and transform it into a creative competitive performance. Limited figures. Unlimited creativity. The choreography must be created exclusively from the official syllabus figures. No open figures are introduced. The challenge is to demonstrate how creatively and beautifully the fundamentals can be connected and performed. Master it. Then transform it. 03 / Beyond the steps What makes a performance exceptional? Excellence is not created by difficult figures. It is created by exceptional execution. Expand all qualities Collapse all 01 Musical Interpretation + Musical Interpretation is the ability to transform what you hear into purposeful movement, timing, dynamics, and emotion. It is more than staying on the beat—it is dancing the music rather than dancing beside it. Musicality, Timing Phrasing, Accents Dynamics, Texture e.t.c Technique gives you the ability to move. Musical interpretation gives your movement meaning. 02 Transitions + Transitions are the connecting movements that transform individual figures into a continuous, coherent performance. They are often the difference between simply executing choreography and truly dancing a phrase. Continuity, Preparation Weight Transfer, Momentum Musical Connection, Directional Intelligence Styling, Efficiency A great dancer does not finish one movement and start another. They make one movement become the next. 03 Partnership + Partnership is the ability of two dancers to function as one coordinated performance unit while maintaining individual balance, technique, identity, and expression. Connection, Lead & Follow Shared Balance, Timing Together Energy Exchange, Coordination Trust & Responsiveness, Individuality Within Unity, Recovery Together Great partnership is not one dancer making the other move. It is two dancers listening, responding, supporting, and creating together. 04 Energy & Dynamics + Energy & Dynamics give DanceSport its power, contrast, intensity, and emotional impact. They determine not only what dancers do, but how strongly, how quickly, and with what intention they do it. Energy — Project controlled physical and emotional power through the body, creating presence and impact without unnecessary tension. Dynamics — Constantly vary intensity, speed, amplitude, weight, and movement quality to create contrast. Great DanceSport is not danced at one intensity. It breathes, builds, explodes, suspends, and releases—just like music. 05 Creativity & Flow + Creativity & Flow transform choreography from a sequence of steps into a continuous, intelligent, and expressive performance. Creativity — Find original ways to interpret movement, music, space, and partnership without sacrificing technique. Flow — Create seamless continuity between figures, actions, and phrases so the performance never feels disconnected. The goal is not to perform more movements. It is to make every movement connect, evolve, and mean something. 06 Floorcraft + Floorcraft is the ability to navigate the floor intelligently while maintaining technique, musicality, partnership, and performance quality. In competitive Ballroom, it is not simply about knowing where to go—it is about reading the floor and making intelligent decisions in real time. Spatial Awareness, Line of Dance Adaptability, Collision Avoidance Partnership Communication Maintaining Performance Composure Under Pressure Great floorcraft is invisible to the audience. The couple adapts, redirects, and continues—while the performance never appears to stop. In elite DanceSport, floorcraft is not merely survival. It is a competitive skill. 07 Character & Style + Character & Style are what transform technically correct dancing into a recognizable, compelling performance. Character — Understand the personality and identity of each dance. A Tango should communicate differently from a Waltz, Cha-Cha, or Paso Doble. Style — Develop a distinctive movement quality through posture, body action, shaping, timing, and presentation. TECHNIQUE CREATES THE MOVEMENT. CHARACTER GIVES IT IDENTITY. STYLE MAKES IT MEMORABLE. 08 Audience Connection + Audience Connection is the ability to make people feel, understand, and remember the performance. It transforms technical execution into a compelling experience that reaches beyond the competition floor. Presence, Projection Expression, Storytelling Eye Contact & Focus Emotional Authenticity, Energy Exchange e.t.c Technique earns attention. Performance creates emotion. Connection creates memory. 04 / The musical foundation A steady tempo. Endless expression. Strict tempo Latin music for Dancesport refers to tracks arranged or produced to maintain a precise, non-fluctuating tempo (measured in Measures Per Minute or Beats Per Minute) and clear, predictable rhythmic accents. Unlike standard commercial Latin tracks—which often feature tempo fluctuations, rubato, or extended dropouts—strict tempo music ensures a consistent floor speed so competitive dancers can execute standardized choreography and adjudicators can evaluate timing fairly. Two sounds. The same rhythmic discipline. Traditional Strict Tempo: Recorded by specialized ballroom orchestras (e.g., Hugo Strasser, Ross Mitchell, Empress Orchestra). These feature acoustic brass, percussion, and traditional vocal arrangements. Modern / Remix Strict Tempo: Contemporary pop, acoustic, or urban tracks digitally quantised (grid-aligned) to meet exact MPM standards while retaining modern sound design and production quality. From fundamentals to excellence Discipline gives creativity a place to begin. The KDC DanceSport Challenges demonstrate that technical discipline does not restrict creativity—it creates the foundation from which creativity can grow. Same fundamentals · Beautiful performances · Extraordinary dancers KDC · Kalamata Dance Cup · DanceSport Challenges Back to top ↑ `; const shadow = this.shadowRoot; const kdcPanels = [...shadow.querySelectorAll('details')]; const expandBtn = shadow.getElementById('expand-all'); const collapseBtn = shadow.getElementById('collapse-all'); if (expandBtn) { expandBtn.addEventListener('click', () => kdcPanels.forEach(p => p.open = true)); } if (collapseBtn) { collapseBtn.addEventListener('click', () => kdcPanels.forEach(p => p.open = false)); } } } customElements.define('kdc-page-component', KdcPageComponent);
