{"id":20,"date":"2025-04-26T00:31:55","date_gmt":"2025-04-26T00:31:55","guid":{"rendered":"https:\/\/choralclash.com\/?page_id=20"},"modified":"2026-01-08T13:46:33","modified_gmt":"2026-01-08T13:46:33","slug":"auditions","status":"publish","type":"page","link":"https:\/\/choralclash.com\/en\/auditions\/","title":{"rendered":"Auditions"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"20\" class=\"elementor elementor-20\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ff646e e-flex e-con-boxed e-con e-parent\" data-id=\"5ff646e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37af1a7 elementor-widget elementor-widget-html\" data-id=\"37af1a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n==============================================\nCHORAL CLASH - PAGE AUDITIONS\nSECTION 1: HERO - Style Premium\n==============================================\n-->\n\n<style>\n\/* ============================================\n   FONTS\n   ============================================ *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Bebas+Neue&family=Space+Mono:wght@400;700&display=swap');\n\n\/* ============================================\n   CSS VARIABLES\n   ============================================ *\/\n:root {\n    --cc-black: #000000;\n    --cc-dark: #0a0a0a;\n    --cc-gray-dark: #111111;\n    --cc-gray: #1a1a1a;\n    --cc-gray-light: #888888;\n    --cc-gray-lighter: #aaaaaa;\n    --cc-white: #ffffff;\n    --cc-gold: #c9a227;\n    --cc-gold-light: #d4b044;\n    --cc-gold-subtle: rgba(201, 162, 39, 0.15);\n    --cc-font-display: 'Bebas Neue', sans-serif;\n    --cc-font-body: 'Space Grotesk', sans-serif;\n    --cc-font-mono: 'Space Mono', monospace;\n    --cc-transition: cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n\/* ============================================\n   HERO SECTION\n   ============================================ *\/\n.cc-auditions-hero {\n    position: relative;\n    min-height: 100vh;\n    background: var(--cc-black);\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n}\n\n\/* Background Gradient - Plus subtil *\/\n.cc-auditions-hero-bg {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: \n        radial-gradient(ellipse 40% 60% at 0% 50%, rgba(201, 162, 39, 0.04) 0%, transparent 50%),\n        radial-gradient(ellipse 40% 60% at 100% 50%, rgba(150, 100, 50, 0.03) 0%, transparent 50%),\n        radial-gradient(ellipse 60% 40% at 50% 0%, rgba(201, 162, 39, 0.02) 0%, transparent 40%);\n    pointer-events: none;\n}\n\n\/* Vertical Lines *\/\n.cc-auditions-hero-lines {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    z-index: 1;\n}\n\n.cc-auditions-hero-line {\n    position: absolute;\n    top: 0;\n    width: 1px;\n    height: 100%;\n    background: rgba(255, 255, 255, 0.04);\n}\n\n.cc-auditions-hero-line:nth-child(1) { left: 20%; }\n.cc-auditions-hero-line:nth-child(2) { left: 40%; }\n.cc-auditions-hero-line:nth-child(3) { left: 60%; }\n.cc-auditions-hero-line:nth-child(4) { left: 80%; }\n\n\/* Main Layout *\/\n.cc-auditions-hero-layout {\n    position: relative;\n    z-index: 2;\n    width: 100%;\n    display: grid;\n    grid-template-columns: 280px 1fr 280px;\n    align-items: center;\n    min-height: 100vh;\n}\n\n\/* Side Images *\/\n.cc-auditions-hero-image {\n    position: relative;\n    height: 100%;\n    overflow: hidden;\n}\n\n.cc-auditions-hero-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    filter: grayscale(20%);\n}\n\n.cc-auditions-hero-image--left img {\n    object-position: right center;\n}\n\n.cc-auditions-hero-image--right img {\n    object-position: left center;\n}\n\n\/* Image Overlay *\/\n.cc-auditions-hero-image::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent 0%, var(--cc-black) 100%);\n    pointer-events: none;\n}\n\n.cc-auditions-hero-image--left::after {\n    background: linear-gradient(270deg, transparent 0%, rgba(0,0,0,0.4) 50%, var(--cc-black) 100%);\n}\n\n.cc-auditions-hero-image--right::after {\n    background: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.4) 50%, var(--cc-black) 100%);\n}\n\n\/* Center Content *\/\n.cc-auditions-hero-content {\n    padding: 80px 60px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}\n\n\/* Icon *\/\n.cc-auditions-hero-icon {\n    width: 40px;\n    height: 40px;\n    margin-bottom: 25px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.cc-auditions-hero-icon svg {\n    width: 20px;\n    height: 20px;\n    fill: var(--cc-gray-light);\n}\n\n\/* Label *\/\n.cc-auditions-hero-label {\n    font-family: var(--cc-font-mono);\n    font-size: 11px;\n    font-weight: 400;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    color: var(--cc-gray-lighter);\n    margin-bottom: 35px;\n}\n\n\/* Title *\/\n.cc-auditions-hero-title {\n    font-family: var(--cc-font-display);\n    font-size: clamp(55px, 9vw, 130px);\n    line-height: 0.95;\n    color: var(--cc-white);\n    text-transform: uppercase;\n    letter-spacing: 4px;\n    margin: 0 0 35px;\n}\n\n\/* Description *\/\n.cc-auditions-hero-description {\n    font-family: var(--cc-font-body);\n    font-size: 16px;\n    font-weight: 300;\n    line-height: 1.8;\n    color: var(--cc-gray-light);\n    margin: 0 auto 50px;\n    max-width: 480px;\n}\n\n\/* Buttons *\/\n.cc-auditions-hero-buttons {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 20px;\n    flex-wrap: wrap;\n}\n\n.cc-auditions-hero-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    padding: 18px 40px;\n    font-family: var(--cc-font-mono);\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    text-decoration: none;\n    border-radius: 0;\n    transition: all 0.4s var(--cc-transition);\n    position: relative;\n    overflow: hidden;\n}\n\n.cc-auditions-hero-btn--primary {\n    background: transparent;\n    color: var(--cc-white);\n    border: 1px solid var(--cc-white);\n}\n\n.cc-auditions-hero-btn--primary::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 0;\n    height: 100%;\n    background: var(--cc-white);\n    transition: width 0.4s var(--cc-transition);\n    z-index: -1;\n}\n\n.cc-auditions-hero-btn--primary:hover::before {\n    width: 100%;\n}\n\n.cc-auditions-hero-btn--primary:hover {\n    color: var(--cc-black);\n}\n\n.cc-auditions-hero-btn--secondary {\n    background: transparent;\n    color: var(--cc-gray-lighter);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n}\n\n.cc-auditions-hero-btn--secondary:hover {\n    border-color: rgba(255, 255, 255, 0.4);\n    color: var(--cc-white);\n}\n\n.cc-auditions-hero-btn svg {\n    width: 14px;\n    height: 14px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2;\n    transition: transform 0.3s var(--cc-transition);\n}\n\n.cc-auditions-hero-btn:hover svg {\n    transform: translateX(4px);\n}\n\n\/* Scroll Indicator *\/\n.cc-auditions-hero-scroll {\n    position: absolute;\n    bottom: 40px;\n    left: 50%;\n    transform: translateX(-50%);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 10px;\n    z-index: 5;\n}\n\n.cc-auditions-hero-scroll-text {\n    font-family: var(--cc-font-mono);\n    font-size: 9px;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: var(--cc-gray-light);\n}\n\n.cc-auditions-hero-scroll-line {\n    width: 1px;\n    height: 50px;\n    background: linear-gradient(180deg, var(--cc-gold) 0%, transparent 100%);\n    animation: cc-scroll-bounce 2s ease-in-out infinite;\n}\n\n@keyframes cc-scroll-bounce {\n    0%, 100% { transform: scaleY(1); opacity: 1; }\n    50% { transform: scaleY(0.5); opacity: 0.5; }\n}\n\n\/* ============================================\n   ANIMATIONS\n   ============================================ *\/\n@keyframes cc-fade-up {\n    from {\n        opacity: 0;\n        transform: translateY(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n@keyframes cc-fade-in {\n    from { opacity: 0; }\n    to { opacity: 1; }\n}\n\n@keyframes cc-slide-right {\n    from {\n        opacity: 0;\n        transform: translateX(-50px);\n    }\n    to {\n        opacity: 1;\n        transform: translateX(0);\n    }\n}\n\n@keyframes cc-slide-left {\n    from {\n        opacity: 0;\n        transform: translateX(50px);\n    }\n    to {\n        opacity: 1;\n        transform: translateX(0);\n    }\n}\n\n.cc-auditions-hero-image--left {\n    animation: cc-slide-right 1s var(--cc-transition) 0.2s both;\n}\n\n.cc-auditions-hero-image--right {\n    animation: cc-slide-left 1s var(--cc-transition) 0.2s both;\n}\n\n.cc-auditions-hero-icon {\n    animation: cc-fade-in 0.8s var(--cc-transition) 0.3s both;\n}\n\n.cc-auditions-hero-label {\n    animation: cc-fade-up 0.8s var(--cc-transition) 0.4s both;\n}\n\n.cc-auditions-hero-title {\n    animation: cc-fade-up 0.9s var(--cc-transition) 0.5s both;\n}\n\n.cc-auditions-hero-description {\n    animation: cc-fade-up 0.8s var(--cc-transition) 0.65s both;\n}\n\n.cc-auditions-hero-buttons {\n    animation: cc-fade-up 0.8s var(--cc-transition) 0.8s both;\n}\n\n\/* ============================================\n   RESPONSIVE\n   ============================================ *\/\n@media (max-width: 1200px) {\n    .cc-auditions-hero-layout {\n        grid-template-columns: 200px 1fr 200px;\n    }\n    \n    .cc-auditions-hero-content {\n        padding: 60px 40px;\n    }\n}\n\n@media (max-width: 992px) {\n    .cc-auditions-hero {\n        min-height: auto;\n    }\n    \n    .cc-auditions-hero-layout {\n        grid-template-columns: 1fr;\n        min-height: auto;\n    }\n    \n    .cc-auditions-hero-image {\n        display: none;\n    }\n    \n    .cc-auditions-hero-content {\n        padding: 120px 40px 100px;\n    }\n    \n    .cc-auditions-hero-scroll {\n        display: none;\n    }\n}\n\n@media (max-width: 768px) {\n    .cc-auditions-hero-content {\n        padding: 100px 24px 80px;\n    }\n    \n    .cc-auditions-hero-description {\n        font-size: 15px;\n    }\n    \n    .cc-auditions-hero-buttons {\n        flex-direction: column;\n        gap: 15px;\n    }\n    \n    .cc-auditions-hero-btn {\n        width: 100%;\n        max-width: 280px;\n        justify-content: center;\n        padding: 16px 32px;\n    }\n}\n\n@media (max-width: 480px) {\n    .cc-auditions-hero-content {\n        padding: 80px 20px 60px;\n    }\n    \n    .cc-auditions-hero-label {\n        font-size: 10px;\n        letter-spacing: 3px;\n    }\n    \n    .cc-auditions-hero-title {\n        font-size: clamp(40px, 12vw, 55px);\n    }\n    \n    .cc-auditions-hero-description {\n        font-size: 14px;\n    }\n}\n<\/style>\n\n<!-- HERO SECTION -->\n<section class=\"cc-auditions-hero\" id=\"cc-auditions-hero\">\n    <!-- Background -->\n    <div class=\"cc-auditions-hero-bg\"><\/div>\n    \n    <!-- Vertical Lines -->\n    <div class=\"cc-auditions-hero-lines\">\n        <div class=\"cc-auditions-hero-line\"><\/div>\n        <div class=\"cc-auditions-hero-line\"><\/div>\n        <div class=\"cc-auditions-hero-line\"><\/div>\n        <div class=\"cc-auditions-hero-line\"><\/div>\n    <\/div>\n    \n    <!-- Main Layout -->\n    <div class=\"cc-auditions-hero-layout\">\n        <!-- Left Image -->\n        <div class=\"cc-auditions-hero-image cc-auditions-hero-image--left\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1516450360452-9312f5e86fc7?w=600&h=900&fit=crop\" alt=\"Performance\">\n        <\/div>\n        \n        <!-- Center Content -->\n        <div class=\"cc-auditions-hero-content\">\n            <!-- Icon -->\n            <div class=\"cc-auditions-hero-icon\">\n                <svg viewbox=\"0 0 24 24\">\n                    <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/>\n                    <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/>\n                    <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/>\n                    <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/>\n                <\/svg>\n            <\/div>\n            \n            <!-- Label -->\n            <div class=\"cc-auditions-hero-label\">[ Auditions Season 1 ]<\/div>\n            \n            <!-- Title -->\n            <h1 class=\"cc-auditions-hero-title\">Ready to breed<br>Your voice?<\/h1>\n            \n            <!-- Description -->\n            <p class=\"cc-auditions-hero-description\">\n                Think your choir has what it takes to compete with the best? Sign up now and be part of something unforgettable.\n            <\/p>\n            \n            <!-- Buttons -->\n            <div class=\"cc-auditions-hero-buttons\">\n                <a href=\"https:\/\/choralclash.com\/en\/register-your-choir\/\" class=\"cc-auditions-hero-btn cc-auditions-hero-btn--primary\">\n                    Register Now\n                    <svg viewbox=\"0 0 24 24\">\n                        <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n                    <\/svg>\n                <\/a>\n                <a href=\"https:\/\/choralclash.com\/en\/auditions-faq\/\" class=\"cc-auditions-hero-btn cc-auditions-hero-btn--secondary\">\n                    FAQ Auditions\n                <\/a>\n            <\/div>\n        <\/div>\n        \n        <!-- Right Image -->\n        <div class=\"cc-auditions-hero-image cc-auditions-hero-image--right\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1493225457124-a3eb161ffa5f?w=600&h=900&fit=crop\" alt=\"Choir\">\n        <\/div>\n    <\/div>\n    \n    <!-- Scroll Indicator -->\n    <div class=\"cc-auditions-hero-scroll\">\n        <span class=\"cc-auditions-hero-scroll-text\">Scroll<\/span>\n        <div class=\"cc-auditions-hero-scroll-line\"><\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f7c1adc e-flex e-con-boxed e-con e-parent\" data-id=\"f7c1adc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c06990c elementor-widget elementor-widget-html\" data-id=\"c06990c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n==============================================\nCHORAL CLASH - PAGE AUDITIONS\nSECTION 2: QUI PEUT PARTICIPER - Style Premium\n==============================================\n-->\n\n<style>\n\/* ============================================\n   FONTS\n   ============================================ *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Bebas+Neue&family=Space+Mono:wght@400;700&display=swap');\n\n\/* ============================================\n   CSS VARIABLES\n   ============================================ *\/\n:root {\n    --cc-black: #000000;\n    --cc-dark: #0a0a0a;\n    --cc-gray-dark: #111111;\n    --cc-gray: #1a1a1a;\n    --cc-gray-medium: #2a2a2a;\n    --cc-gray-light: #888888;\n    --cc-gray-lighter: #aaaaaa;\n    --cc-white: #ffffff;\n    --cc-gold: #c9a227;\n    --cc-gold-light: #d4b044;\n    --cc-font-display: 'Bebas Neue', sans-serif;\n    --cc-font-body: 'Space Grotesk', sans-serif;\n    --cc-font-mono: 'Space Mono', monospace;\n    --cc-transition: cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n\/* ============================================\n   WHO CAN APPLY SECTION\n   ============================================ *\/\n.cc-who-apply {\n    position: relative;\n    background: var(--cc-black);\n    padding: 50px 0;\n    overflow: hidden;\n}\n\n\/* Vertical Lines *\/\n.cc-who-apply-lines {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    z-index: 1;\n}\n\n.cc-who-apply-line {\n    position: absolute;\n    top: 0;\n    width: 1px;\n    height: 100%;\n    background: rgba(255, 255, 255, 0.04);\n}\n\n.cc-who-apply-line:nth-child(1) { left: 25%; }\n.cc-who-apply-line:nth-child(2) { left: 50%; }\n.cc-who-apply-line:nth-child(3) { left: 75%; }\n\n\/* Container *\/\n.cc-who-apply-container {\n    position: relative;\n    z-index: 2;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 60px;\n}\n\n\/* Header *\/\n.cc-who-apply-header {\n    margin-bottom: 80px;\n}\n\n.cc-who-apply-label {\n    font-family: var(--cc-font-mono);\n    font-size: 11px;\n    font-weight: 400;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    color: var(--cc-gray-lighter);\n    margin-bottom: 20px;\n}\n\n.cc-who-apply-title {\n    font-family: var(--cc-font-body);\n    font-size: clamp(36px, 5vw, 52px);\n    font-weight: 300;\n    line-height: 1.2;\n    color: var(--cc-white);\n    margin: 0;\n}\n\n.cc-who-apply-title strong {\n    font-weight: 600;\n    color: var(--cc-white);\n}\n\n\/* Cards Grid *\/\n.cc-who-apply-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 25px;\n}\n\n\/* Card *\/\n.cc-who-apply-card {\n    position: relative;\n    padding: 45px 35px;\n    background: var(--cc-gray-dark);\n    border: 1px solid rgba(255, 255, 255, 0.06);\n    border-radius: 0;\n    transition: all 0.5s var(--cc-transition);\n    overflow: hidden;\n}\n\n\/* Card left border accent *\/\n.cc-who-apply-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: 2px;\n    background: var(--cc-gold);\n    opacity: 0;\n    transition: opacity 0.5s var(--cc-transition);\n}\n\n.cc-who-apply-card:hover {\n    transform: translateY(-5px);\n    border-color: rgba(255, 255, 255, 0.1);\n    background: rgba(20, 20, 20, 1);\n}\n\n.cc-who-apply-card:hover::before {\n    opacity: 1;\n}\n\n\/* Card Number *\/\n.cc-who-apply-card-number {\n    position: absolute;\n    top: 20px;\n    right: 25px;\n    font-family: var(--cc-font-mono);\n    font-size: 11px;\n    font-weight: 400;\n    letter-spacing: 1px;\n    color: rgba(255, 255, 255, 0.12);\n}\n\n\/* Card Icon *\/\n.cc-who-apply-card-icon {\n    width: 50px;\n    height: 50px;\n    margin-bottom: 30px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.06);\n    border-radius: 0;\n    transition: all 0.4s var(--cc-transition);\n}\n\n.cc-who-apply-card:hover .cc-who-apply-card-icon {\n    background: rgba(255, 255, 255, 0.06);\n    border-color: rgba(255, 255, 255, 0.1);\n}\n\n.cc-who-apply-card-icon svg {\n    width: 24px;\n    height: 24px;\n    fill: none;\n    stroke: var(--cc-gray-lighter);\n    stroke-width: 1.5;\n    transition: stroke 0.4s var(--cc-transition);\n}\n\n.cc-who-apply-card:hover .cc-who-apply-card-icon svg {\n    stroke: var(--cc-white);\n}\n\n\/* Card Title *\/\n.cc-who-apply-card-title {\n    font-family: var(--cc-font-body);\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--cc-white);\n    margin: 0 0 15px;\n    transition: color 0.3s var(--cc-transition);\n}\n\n\/* Card Text *\/\n.cc-who-apply-card-text {\n    font-family: var(--cc-font-body);\n    font-size: 15px;\n    font-weight: 300;\n    line-height: 1.7;\n    color: var(--cc-gray-light);\n    margin: 0;\n}\n\n\/* ============================================\n   ANIMATIONS\n   ============================================ *\/\n@keyframes cc-fade-up {\n    from {\n        opacity: 0;\n        transform: translateY(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n.cc-who-apply-label {\n    animation: cc-fade-up 0.8s var(--cc-transition) 0.1s both;\n}\n\n.cc-who-apply-title {\n    animation: cc-fade-up 0.8s var(--cc-transition) 0.2s both;\n}\n\n.cc-who-apply-card:nth-child(1) {\n    animation: cc-fade-up 0.8s var(--cc-transition) 0.3s both;\n}\n\n.cc-who-apply-card:nth-child(2) {\n    animation: cc-fade-up 0.8s var(--cc-transition) 0.4s both;\n}\n\n.cc-who-apply-card:nth-child(3) {\n    animation: cc-fade-up 0.8s var(--cc-transition) 0.5s both;\n}\n\n\/* ============================================\n   RESPONSIVE\n   ============================================ *\/\n@media (max-width: 1100px) {\n    .cc-who-apply-grid {\n        gap: 20px;\n    }\n    \n    .cc-who-apply-card {\n        padding: 40px 30px;\n    }\n}\n\n@media (max-width: 992px) {\n    .cc-who-apply {\n        padding: 100px 0;\n    }\n    \n    .cc-who-apply-header {\n        margin-bottom: 60px;\n    }\n    \n    .cc-who-apply-grid {\n        grid-template-columns: 1fr;\n        max-width: 500px;\n        margin: 0 auto;\n    }\n}\n\n@media (max-width: 768px) {\n    .cc-who-apply {\n        padding: 80px 0;\n    }\n    \n    .cc-who-apply-container {\n        padding: 0 24px;\n    }\n    \n    .cc-who-apply-header {\n        margin-bottom: 50px;\n    }\n    \n    .cc-who-apply-card {\n        padding: 35px 28px;\n    }\n    \n    .cc-who-apply-card-title {\n        font-size: 17px;\n    }\n    \n    .cc-who-apply-card-text {\n        font-size: 14px;\n    }\n}\n\n@media (max-width: 480px) {\n    .cc-who-apply {\n        padding: 60px 0;\n    }\n    \n    .cc-who-apply-card {\n        padding: 30px 24px;\n    }\n    \n    .cc-who-apply-card-icon {\n        width: 45px;\n        height: 45px;\n    }\n    \n    .cc-who-apply-card-icon svg {\n        width: 22px;\n        height: 22px;\n    }\n}\n<\/style>\n\n<!-- WHO CAN APPLY SECTION -->\n<section class=\"cc-who-apply\" id=\"cc-who-apply\">\n    <!-- Vertical Lines -->\n    <div class=\"cc-who-apply-lines\">\n        <div class=\"cc-who-apply-line\"><\/div>\n        <div class=\"cc-who-apply-line\"><\/div>\n        <div class=\"cc-who-apply-line\"><\/div>\n    <\/div>\n    \n    <div class=\"cc-who-apply-container\">\n        <!-- Header -->\n        <div class=\"cc-who-apply-header\">\n            <div class=\"cc-who-apply-label\">[Eligibility Criteria]<\/div>\n            <h2 class=\"cc-who-apply-title\">Who Can <strong>Taking part?<\/strong><\/h2>\n        <\/div>\n        \n        <!-- Cards Grid -->\n        <div class=\"cc-who-apply-grid\">\n            <!-- Card 1 - Types of Groups -->\n            <div class=\"cc-who-apply-card\">\n                <div class=\"cc-who-apply-card-number\">01<\/div>\n                <div class=\"cc-who-apply-card-icon\">\n                    <svg viewbox=\"0 0 24 24\">\n                        <path d=\"M3 21h18M5 21V7l8-4 8 4v14\"\/>\n                        <path d=\"M9 21v-6h6v6\"\/>\n                    <\/svg>\n                <\/div>\n                <h3 class=\"cc-who-apply-card-title\">Eligible Groups<\/h3>\n                <p class=\"cc-who-apply-card-text\">\n                    Choirs or vocal groups from schools, churches, universities, communities, associations or companies.\n                <\/p>\n            <\/div>\n            \n            <!-- Card 2 - Minimum Members -->\n            <div class=\"cc-who-apply-card\">\n                <div class=\"cc-who-apply-card-number\">02<\/div>\n                <div class=\"cc-who-apply-card-icon\">\n                    <svg viewbox=\"0 0 24 24\">\n                        <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\n                        <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\n                        <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\n                        <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\n                    <\/svg>\n                <\/div>\n                <h3 class=\"cc-who-apply-card-title\">Minimum 10 Members<\/h3>\n                <p class=\"cc-who-apply-card-text\">\n                    Each choir must have at least 10 members to guarantee a rich and harmonious vocal performance.\n                <\/p>\n            <\/div>\n            \n            <!-- Card 3 - All Genres -->\n            <div class=\"cc-who-apply-card\">\n                <div class=\"cc-who-apply-card-number\">03<\/div>\n                <div class=\"cc-who-apply-card-icon\">\n                    <svg viewbox=\"0 0 24 24\">\n                        <path d=\"M9 18V5l12-2v13\"\/>\n                        <circle cx=\"6\" cy=\"18\" r=\"3\"\/>\n                        <circle cx=\"18\" cy=\"16\" r=\"3\"\/>\n                    <\/svg>\n                <\/div>\n                <h3 class=\"cc-who-apply-card-title\">All Genres Accepted<\/h3>\n                <p class=\"cc-who-apply-card-text\">\n                    Makossa, Gospel, Pop, Jazz, Traditional Music and much more. All musical styles are welcome.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7077e03 e-flex e-con-boxed e-con e-parent\" data-id=\"7077e03\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-659be8a elementor-widget elementor-widget-html\" data-id=\"659be8a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n==============================================\nCHORAL CLASH - PAGE AUDITIONS\nSECTION 3: COMMENT AUDITIONNER\nStyle Premium - 3 \u00c9tapes\n==============================================\n-->\n\n<style>\n\/* ============================================\n   FONTS\n   ============================================ *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Bebas+Neue&family=Space+Mono:wght@400;700&display=swap');\n\n\/* ============================================\n   CSS VARIABLES\n   ============================================ *\/\n:root {\n    --cc-black: #000000;\n    --cc-dark: #0a0a0a;\n    --cc-gray-dark: #111111;\n    --cc-gray: #1a1a1a;\n    --cc-gray-medium: #2a2a2a;\n    --cc-gray-light: #888888;\n    --cc-gray-lighter: #aaaaaa;\n    --cc-white: #ffffff;\n    --cc-gold: #c9a227;\n    --cc-gold-light: #d4b044;\n    --cc-font-display: 'Bebas Neue', sans-serif;\n    --cc-font-body: 'Space Grotesk', sans-serif;\n    --cc-font-mono: 'Space Mono', monospace;\n    --cc-transition: cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n\/* ============================================\n   HOW TO AUDITION SECTION\n   ============================================ *\/\n.cc-how-audition {\n    position: relative;\n    background: var(--cc-black);\n    padding: 50px 0;\n    overflow: hidden;\n}\n\n\/* Subtle Background *\/\n.cc-how-audition::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: radial-gradient(ellipse 50% 50% at 50% 100%, rgba(201, 162, 39, 0.02) 0%, transparent 50%);\n    pointer-events: none;\n}\n\n\/* Vertical Lines *\/\n.cc-how-audition-lines {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    z-index: 1;\n}\n\n.cc-how-audition-line {\n    position: absolute;\n    top: 0;\n    width: 1px;\n    height: 100%;\n    background: rgba(255, 255, 255, 0.04);\n}\n\n.cc-how-audition-line:nth-child(1) { left: 25%; }\n.cc-how-audition-line:nth-child(2) { left: 50%; }\n.cc-how-audition-line:nth-child(3) { left: 75%; }\n\n\/* Container *\/\n.cc-how-audition-container {\n    position: relative;\n    z-index: 2;\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 0 60px;\n}\n\n\/* Header *\/\n.cc-how-audition-header {\n    text-align: center;\n    margin-bottom: 80px;\n}\n\n.cc-how-audition-label {\n    font-family: var(--cc-font-mono);\n    font-size: 11px;\n    font-weight: 400;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    color: var(--cc-gray-lighter);\n    margin-bottom: 20px;\n}\n\n.cc-how-audition-title {\n    font-family: var(--cc-font-display);\n    font-size: clamp(45px, 7vw, 80px);\n    line-height: 1;\n    color: var(--cc-white);\n    text-transform: uppercase;\n    letter-spacing: 3px;\n    margin: 0;\n}\n\n\/* Steps Container *\/\n.cc-how-audition-steps {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n}\n\n\/* Timeline Line *\/\n.cc-how-audition-steps::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 50px;\n    width: 1px;\n    height: 100%;\n    background: rgba(255, 255, 255, 0.08);\n}\n\n\/* Animated glow on timeline - Gold conserv\u00e9 *\/\n.cc-how-audition-steps::after {\n    content: '';\n    position: absolute;\n    top: -50px;\n    left: 48px;\n    width: 5px;\n    height: 100px;\n    background: linear-gradient(180deg, transparent 0%, var(--cc-gold) 50%, transparent 100%);\n    filter: blur(3px);\n    animation: cc-timeline-glow 4s ease-in-out infinite;\n}\n\n@keyframes cc-timeline-glow {\n    0% { top: -100px; opacity: 0; }\n    10% { opacity: 1; }\n    90% { opacity: 1; }\n    100% { top: 100%; opacity: 0; }\n}\n\n\/* Step *\/\n.cc-how-audition-step {\n    display: grid;\n    grid-template-columns: 100px 1fr;\n    gap: 50px;\n    padding: 50px 0;\n    position: relative;\n}\n\n.cc-how-audition-step:not(:last-child) {\n    border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n}\n\n\/* Step Number *\/\n.cc-how-audition-step-number {\n    position: relative;\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n}\n\n.cc-how-audition-step-number-inner {\n    width: 70px;\n    height: 70px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--cc-black);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 0;\n    font-family: var(--cc-font-display);\n    font-size: 32px;\n    color: var(--cc-white);\n    position: relative;\n    z-index: 2;\n    transition: all 0.4s var(--cc-transition);\n}\n\n.cc-how-audition-step:hover .cc-how-audition-step-number-inner {\n    background: var(--cc-white);\n    color: var(--cc-black);\n    border-color: var(--cc-white);\n}\n\n\/* Step Content *\/\n.cc-how-audition-step-content {\n    padding-top: 10px;\n}\n\n.cc-how-audition-step-title {\n    font-family: var(--cc-font-display);\n    font-size: clamp(26px, 4vw, 38px);\n    line-height: 1.2;\n    color: var(--cc-white);\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    margin: 0 0 15px;\n    transition: color 0.3s var(--cc-transition);\n}\n\n.cc-how-audition-step-text {\n    font-family: var(--cc-font-body);\n    font-size: 16px;\n    font-weight: 300;\n    line-height: 1.8;\n    color: var(--cc-gray-light);\n    margin: 0 0 25px;\n    max-width: 500px;\n}\n\n\/* Step Button *\/\n.cc-how-audition-step-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 16px 32px;\n    font-family: var(--cc-font-mono);\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    text-decoration: none;\n    background: transparent;\n    color: var(--cc-white);\n    border: 1px solid var(--cc-white);\n    border-radius: 0;\n    transition: all 0.4s var(--cc-transition);\n    position: relative;\n    overflow: hidden;\n}\n\n.cc-how-audition-step-btn::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 0;\n    height: 100%;\n    background: var(--cc-white);\n    transition: width 0.4s var(--cc-transition);\n    z-index: -1;\n}\n\n.cc-how-audition-step-btn:hover::before {\n    width: 100%;\n}\n\n.cc-how-audition-step-btn:hover {\n    color: var(--cc-black);\n}\n\n.cc-how-audition-step-btn svg {\n    width: 14px;\n    height: 14px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2;\n    transition: transform 0.3s var(--cc-transition);\n}\n\n.cc-how-audition-step-btn:hover svg {\n    transform: translateX(4px);\n}\n\n\/* Step Icon *\/\n.cc-how-audition-step-icon {\n    width: 50px;\n    height: 50px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 0;\n}\n\n.cc-how-audition-step-icon svg {\n    width: 24px;\n    height: 24px;\n    fill: none;\n    stroke: var(--cc-gray-lighter);\n    stroke-width: 1.5;\n}\n\n\/* ============================================\n   ANIMATIONS\n   ============================================ *\/\n@keyframes cc-fade-up {\n    from {\n        opacity: 0;\n        transform: translateY(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n.cc-how-audition-label {\n    animation: cc-fade-up 0.8s var(--cc-transition) 0.1s both;\n}\n\n.cc-how-audition-title {\n    animation: cc-fade-up 0.8s var(--cc-transition) 0.2s both;\n}\n\n.cc-how-audition-step:nth-child(1) {\n    animation: cc-fade-up 0.8s var(--cc-transition) 0.3s both;\n}\n\n.cc-how-audition-step:nth-child(2) {\n    animation: cc-fade-up 0.8s var(--cc-transition) 0.45s both;\n}\n\n.cc-how-audition-step:nth-child(3) {\n    animation: cc-fade-up 0.8s var(--cc-transition) 0.6s both;\n}\n\n\/* ============================================\n   RESPONSIVE\n   ============================================ *\/\n@media (max-width: 992px) {\n    .cc-how-audition {\n        padding: 100px 0;\n    }\n    \n    .cc-how-audition-header {\n        margin-bottom: 60px;\n    }\n    \n    .cc-how-audition-step {\n        grid-template-columns: 80px 1fr;\n        gap: 35px;\n        padding: 40px 0;\n    }\n    \n    .cc-how-audition-steps::before {\n        left: 40px;\n    }\n    \n    .cc-how-audition-steps::after {\n        left: 38px;\n    }\n    \n    .cc-how-audition-step-number-inner {\n        width: 60px;\n        height: 60px;\n        font-size: 28px;\n    }\n}\n\n@media (max-width: 768px) {\n    .cc-how-audition {\n        padding: 80px 0;\n    }\n    \n    .cc-how-audition-container {\n        padding: 0 24px;\n    }\n    \n    .cc-how-audition-step {\n        grid-template-columns: 60px 1fr;\n        gap: 25px;\n        padding: 35px 0;\n    }\n    \n    .cc-how-audition-steps::before {\n        left: 30px;\n    }\n    \n    .cc-how-audition-steps::after {\n        left: 28px;\n    }\n    \n    .cc-how-audition-step-number-inner {\n        width: 50px;\n        height: 50px;\n        font-size: 24px;\n    }\n    \n    .cc-how-audition-step-title {\n        font-size: clamp(22px, 5vw, 30px);\n    }\n    \n    .cc-how-audition-step-text {\n        font-size: 15px;\n    }\n    \n    .cc-how-audition-step-btn {\n        padding: 14px 28px;\n        font-size: 10px;\n    }\n}\n\n@media (max-width: 480px) {\n    .cc-how-audition {\n        padding: 60px 0;\n    }\n    \n    .cc-how-audition-step {\n        grid-template-columns: 1fr;\n        gap: 20px;\n        padding: 30px 0;\n    }\n    \n    .cc-how-audition-steps::before,\n    .cc-how-audition-steps::after {\n        display: none;\n    }\n    \n    .cc-how-audition-step-number {\n        justify-content: flex-start;\n    }\n    \n    .cc-how-audition-step-content {\n        padding-top: 0;\n    }\n    \n    .cc-how-audition-step-btn {\n        width: 100%;\n        justify-content: center;\n    }\n}\n<\/style>\n\n<!-- HOW TO AUDITION SECTION -->\n<section class=\"cc-how-audition\" id=\"cc-how-audition\">\n    <!-- Vertical Lines -->\n    <div class=\"cc-how-audition-lines\">\n        <div class=\"cc-how-audition-line\"><\/div>\n        <div class=\"cc-how-audition-line\"><\/div>\n        <div class=\"cc-how-audition-line\"><\/div>\n    <\/div>\n    \n    <div class=\"cc-how-audition-container\">\n        <!-- Header -->\n        <div class=\"cc-how-audition-header\">\n            <div class=\"cc-how-audition-label\">[Registration Process]<\/div>\n            <h2 class=\"cc-how-audition-title\">How to audition<\/h2>\n        <\/div>\n        \n        <!-- Steps -->\n        <div class=\"cc-how-audition-steps\">\n            <!-- Step 1 -->\n            <div class=\"cc-how-audition-step\">\n                <div class=\"cc-how-audition-step-number\">\n                    <div class=\"cc-how-audition-step-number-inner\">1<\/div>\n                <\/div>\n                <div class=\"cc-how-audition-step-content\">\n                    <h3 class=\"cc-how-audition-step-title\">Fill in the Registration Form<\/h3>\n                    <p class=\"cc-how-audition-step-text\">\n                        Submit your contact details and full information about your choir.\n                    <\/p>\n                    <a href=\"https:\/\/choralclash.com\/en\/register-your-choir\/\" class=\"cc-how-audition-step-btn\">\n                        Sign up\n                        <svg viewbox=\"0 0 24 24\">\n                            <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n                        <\/svg>\n                    <\/a>\n                <\/div>\n            <\/div>\n            \n            <!-- Step 2 -->\n            <div class=\"cc-how-audition-step\">\n                <div class=\"cc-how-audition-step-number\">\n                    <div class=\"cc-how-audition-step-number-inner\">2<\/div>\n                <\/div>\n                <div class=\"cc-how-audition-step-content\">\n                    <h3 class=\"cc-how-audition-step-title\">Download a 2-Minute Hearing Video<\/h3>\n                    <p class=\"cc-how-audition-step-text\">\n                        Show us what you can do! Capture the essence of your choir in a 2-minute performance.\n                    <\/p>\n                    <div class=\"cc-how-audition-step-icon\">\n                        <svg viewbox=\"0 0 24 24\">\n                            <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/>\n                            <polyline points=\"17 8 12 3 7 8\"\/>\n                            <line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\"\/>\n                        <\/svg>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Step 3 -->\n            <div class=\"cc-how-audition-step\">\n                <div class=\"cc-how-audition-step-number\">\n                    <div class=\"cc-how-audition-step-number-inner\">3<\/div>\n                <\/div>\n                <div class=\"cc-how-audition-step-content\">\n                    <h3 class=\"cc-how-audition-step-title\">Wait for confirmation from our team<\/h3>\n                    <p class=\"cc-how-audition-step-text\">\n                        Our casting team will review your application and contact you regarding the next steps.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ae8b879 e-flex e-con-boxed e-con e-parent\" data-id=\"ae8b879\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1331865 elementor-widget elementor-widget-html\" data-id=\"1331865\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n==============================================\nCHORAL CLASH - PAGE AUDITIONS\nSECTION 4: FAQ\n==============================================\n-->\n\n<style>\n\/* ============================================\n   FONTS\n   ============================================ *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Bebas+Neue&family=Space+Mono:wght@400;700&display=swap');\n\n\/* ============================================\n   CSS VARIABLES\n   ============================================ *\/\n:root {\n    --cc-black: #000000;\n    --cc-dark: #0a0a0a;\n    --cc-gray-dark: #111111;\n    --cc-gray: #1a1a1a;\n    --cc-gray-light: #888888;\n    --cc-white: #ffffff;\n    --cc-gold: #d4af37;\n    --cc-gold-light: #e8c864;\n    --cc-font-display: 'Bebas Neue', sans-serif;\n    --cc-font-body: 'Space Grotesk', sans-serif;\n    --cc-font-mono: 'Space Mono', monospace;\n    --cc-transition: cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n\/* ============================================\n   SECTION FAQ\n   ============================================ *\/\n.cc-faq {\n    position: relative;\n    background: var(--cc-black);\n    padding: 0;\n    overflow: hidden;\n}\n\n\/* Vertical Lines *\/\n.cc-faq-lines {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    z-index: 1;\n}\n\n.cc-faq-line {\n    position: absolute;\n    top: 0;\n    width: 1px;\n    height: 100%;\n    background: rgba(255, 255, 255, 0.06);\n}\n\n.cc-faq-line:nth-child(1) { left: 12%; }\n.cc-faq-line:nth-child(2) { left: 50%; }\n.cc-faq-line:nth-child(3) { left: 75%; }\n\n\/* Container *\/\n.cc-faq-container {\n    position: relative;\n    z-index: 2;\n    max-width: 100%;\n    margin: 0;\n    padding: 0;\n}\n\n\/* Header *\/\n.cc-faq-header {\n    padding: 40px 60px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n}\n\n.cc-faq-label {\n    font-family: var(--cc-font-mono);\n    font-size: 14px;\n    font-weight: 400;\n    letter-spacing: 2px;\n    color: var(--cc-white);\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.cc-faq-label::after {\n    content: '\u2726';\n    font-size: 10px;\n    color: var(--cc-gold);\n}\n\n\/* FAQ List *\/\n.cc-faq-list {\n    display: flex;\n    flex-direction: column;\n}\n\n\/* FAQ Item *\/\n.cc-faq-item {\n    display: grid;\n    grid-template-columns: 12% 38% 1fr auto;\n    align-items: center;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n    cursor: pointer;\n    transition: background 0.3s var(--cc-transition);\n}\n\n.cc-faq-item:hover {\n    background: rgba(255, 255, 255, 0.02);\n}\n\n\/* Number Column *\/\n.cc-faq-number {\n    padding: 50px 30px 50px 60px;\n    font-family: var(--cc-font-mono);\n    font-size: 13px;\n    font-weight: 400;\n    letter-spacing: 1px;\n    color: rgba(255, 255, 255, 0.25);\n    border-right: 1px solid rgba(255, 255, 255, 0.08);\n    height: 100%;\n    display: flex;\n    align-items: center;\n    transition: color 0.3s var(--cc-transition);\n}\n\n.cc-faq-item:hover .cc-faq-number {\n    color: var(--cc-gold);\n}\n\n\/* Title Column *\/\n.cc-faq-title {\n    padding: 50px 40px;\n    font-family: var(--cc-font-display);\n    font-size: clamp(32px, 4vw, 52px);\n    font-weight: 400;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: var(--cc-white);\n    border-right: 1px solid rgba(255, 255, 255, 0.08);\n    height: 100%;\n    display: flex;\n    align-items: center;\n    transition: color 0.3s var(--cc-transition);\n}\n\n.cc-faq-item:hover .cc-faq-title {\n    color: var(--cc-gold);\n}\n\n\/* Question Column *\/\n.cc-faq-question {\n    padding: 50px 40px;\n    font-family: var(--cc-font-mono);\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 1.6;\n    letter-spacing: 0.5px;\n    color: var(--cc-gray-light);\n    height: 100%;\n    display: flex;\n    align-items: center;\n}\n\n\/* Toggle Icon *\/\n.cc-faq-toggle {\n    padding: 50px 60px 50px 40px;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.cc-faq-toggle-icon {\n    width: 44px;\n    height: 44px;\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.3s var(--cc-transition);\n}\n\n.cc-faq-item:hover .cc-faq-toggle-icon {\n    border-color: var(--cc-gold);\n}\n\n.cc-faq-toggle-icon svg {\n    width: 18px;\n    height: 18px;\n    fill: none;\n    stroke: var(--cc-white);\n    stroke-width: 2;\n    transition: all 0.3s var(--cc-transition);\n}\n\n.cc-faq-item:hover .cc-faq-toggle-icon svg {\n    stroke: var(--cc-gold);\n}\n\n.cc-faq-item.active .cc-faq-toggle-icon {\n    background: var(--cc-gold);\n    border-color: var(--cc-gold);\n}\n\n.cc-faq-item.active .cc-faq-toggle-icon svg {\n    stroke: var(--cc-black);\n    transform: rotate(45deg);\n}\n\n\/* Answer - Hidden by default *\/\n.cc-faq-answer {\n    grid-column: 2 \/ -1;\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.5s var(--cc-transition);\n}\n\n.cc-faq-item.active .cc-faq-answer {\n    max-height: 200px;\n}\n\n.cc-faq-answer-inner {\n    padding: 0 60px 40px 40px;\n}\n\n.cc-faq-answer-text {\n    font-family: var(--cc-font-body);\n    font-size: 15px;\n    font-weight: 300;\n    line-height: 1.8;\n    color: var(--cc-gray-light);\n    margin: 0;\n    max-width: 600px;\n}\n\n\/* ============================================\n   ANIMATIONS\n   ============================================ *\/\n@keyframes cc-fade-up {\n    from {\n        opacity: 0;\n        transform: translateY(20px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n.cc-faq-header {\n    animation: cc-fade-up 0.8s var(--cc-transition) 0.1s both;\n}\n\n.cc-faq-item:nth-child(1) {\n    animation: cc-fade-up 0.6s var(--cc-transition) 0.2s both;\n}\n\n.cc-faq-item:nth-child(2) {\n    animation: cc-fade-up 0.6s var(--cc-transition) 0.3s both;\n}\n\n.cc-faq-item:nth-child(3) {\n    animation: cc-fade-up 0.6s var(--cc-transition) 0.4s both;\n}\n\n.cc-faq-item:nth-child(4) {\n    animation: cc-fade-up 0.6s var(--cc-transition) 0.5s both;\n}\n\n\/* ============================================\n   RESPONSIVE\n   ============================================ *\/\n@media (max-width: 1200px) {\n    .cc-faq-header {\n        padding: 35px 40px;\n    }\n    \n    .cc-faq-item {\n        grid-template-columns: 10% 35% 1fr auto;\n    }\n    \n    .cc-faq-number {\n        padding: 40px 20px 40px 40px;\n    }\n    \n    .cc-faq-title {\n        padding: 40px 30px;\n    }\n    \n    .cc-faq-question {\n        padding: 40px 30px;\n    }\n    \n    .cc-faq-toggle {\n        padding: 40px;\n    }\n}\n\n@media (max-width: 992px) {\n    .cc-faq-line:nth-child(1) { left: 15%; }\n    .cc-faq-line:nth-child(2) { display: none; }\n    .cc-faq-line:nth-child(3) { display: none; }\n    \n    .cc-faq-item {\n        grid-template-columns: 15% 1fr auto;\n    }\n    \n    .cc-faq-title {\n        font-size: clamp(28px, 5vw, 40px);\n    }\n    \n    .cc-faq-question {\n        display: none;\n    }\n    \n    .cc-faq-answer-inner {\n        padding: 0 40px 30px 30px;\n    }\n}\n\n@media (max-width: 768px) {\n    .cc-faq-header {\n        padding: 30px 24px;\n    }\n    \n    .cc-faq-item {\n        grid-template-columns: 60px 1fr auto;\n    }\n    \n    .cc-faq-number {\n        padding: 30px 15px 30px 24px;\n        font-size: 12px;\n    }\n    \n    .cc-faq-title {\n        padding: 30px 20px;\n        font-size: clamp(24px, 6vw, 32px);\n    }\n    \n    .cc-faq-toggle {\n        padding: 30px 24px 30px 15px;\n    }\n    \n    .cc-faq-toggle-icon {\n        width: 38px;\n        height: 38px;\n    }\n    \n    .cc-faq-toggle-icon svg {\n        width: 14px;\n        height: 14px;\n    }\n    \n    .cc-faq-answer-inner {\n        padding: 0 24px 25px 20px;\n    }\n    \n    .cc-faq-answer-text {\n        font-size: 14px;\n    }\n}\n\n@media (max-width: 480px) {\n    .cc-faq-item {\n        grid-template-columns: 50px 1fr auto;\n    }\n    \n    .cc-faq-number {\n        padding: 25px 10px 25px 20px;\n        font-size: 11px;\n    }\n    \n    .cc-faq-title {\n        padding: 25px 15px;\n        font-size: clamp(20px, 7vw, 26px);\n    }\n    \n    .cc-faq-toggle {\n        padding: 25px 20px 25px 10px;\n    }\n    \n    .cc-faq-toggle-icon {\n        width: 34px;\n        height: 34px;\n    }\n    \n    .cc-faq-answer-inner {\n        padding: 0 20px 20px 15px;\n    }\n}\n<\/style>\n\n<!-- SECTION FAQ -->\n<section class=\"cc-faq\" id=\"faq\">\n    <!-- Vertical Lines -->\n    <div class=\"cc-faq-lines\">\n        <div class=\"cc-faq-line\"><\/div>\n        <div class=\"cc-faq-line\"><\/div>\n        <div class=\"cc-faq-line\"><\/div>\n    <\/div>\n    \n    <div class=\"cc-faq-container\">\n        <!-- Header -->\n        <div class=\"cc-faq-header\">\n            <span class=\"cc-faq-label\">Frequently asked questions<\/span>\n        <\/div>\n        \n        <!-- FAQ List -->\n        <div class=\"cc-faq-list\">\n            <!-- Q1 -->\n            <div class=\"cc-faq-item\">\n                <div class=\"cc-faq-number\">[01]<\/div>\n                <div class=\"cc-faq-title\">Watch<\/div>\n                <div class=\"cc-faq-question\">How can I watch CHORAL CLASH?<\/div>\n                <div class=\"cc-faq-toggle\">\n                    <div class=\"cc-faq-toggle-icon\">\n                        <svg viewbox=\"0 0 24 24\">\n                            <path d=\"M12 5v14M5 12h14\"\/>\n                        <\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"cc-faq-answer\">\n                    <div class=\"cc-faq-answer-inner\">\n                        <p class=\"cc-faq-answer-text\">\n                            All episodes are available on our official YouTube channel. You can also follow the live broadcasts on our partner platforms.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Q2 -->\n            <div class=\"cc-faq-item\">\n                <div class=\"cc-faq-number\">[02]<\/div>\n                <div class=\"cc-faq-title\">Vote<\/div>\n                <div class=\"cc-faq-question\">How do I vote for my favourite choir?<\/div>\n                <div class=\"cc-faq-toggle\">\n                    <div class=\"cc-faq-toggle-icon\">\n                        <svg viewbox=\"0 0 24 24\">\n                            <path d=\"M12 5v14M5 12h14\"\/>\n                        <\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"cc-faq-answer\">\n                    <div class=\"cc-faq-answer-inner\">\n                        <p class=\"cc-faq-answer-text\">\n                            Voting takes place via our official platform during the open voting periods. Go to the \"Vote\" page to support your favourite choir.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Q3 -->\n            <div class=\"cc-faq-item\">\n                <div class=\"cc-faq-number\">[03]<\/div>\n                <div class=\"cc-faq-title\">En Direct<\/div>\n                <div class=\"cc-faq-question\">Can I attend a live recording?<\/div>\n                <div class=\"cc-faq-toggle\">\n                    <div class=\"cc-faq-toggle-icon\">\n                        <svg viewbox=\"0 0 24 24\">\n                            <path d=\"M12 5v14M5 12h14\"\/>\n                        <\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"cc-faq-answer\">\n                    <div class=\"cc-faq-answer-inner\">\n                        <p class=\"cc-faq-answer-text\">\n                            Yes, follow our social networks to keep up to date with recording dates and how to get involved as a spectator.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Q4 -->\n            <div class=\"cc-faq-item\">\n                <div class=\"cc-faq-number\">[04]<\/div>\n                <div class=\"cc-faq-title\">Season 2<\/div>\n                <div class=\"cc-faq-question\">When does the next season start?<\/div>\n                <div class=\"cc-faq-toggle\">\n                    <div class=\"cc-faq-toggle-icon\">\n                        <svg viewbox=\"0 0 24 24\">\n                            <path d=\"M12 5v14M5 12h14\"\/>\n                        <\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"cc-faq-answer\">\n                    <div class=\"cc-faq-answer-inner\">\n                        <p class=\"cc-faq-answer-text\">\n                            Auditions for the next season start three months after our final. Follow our social networks for announcements about audition locations and requirements.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n\/\/ ============================================\n\/\/ FAQ ACCORDION FUNCTIONALITY\n\/\/ ============================================\ndocument.addEventListener('DOMContentLoaded', function() {\n    const faqItems = document.querySelectorAll('.cc-faq-item');\n    \n    faqItems.forEach(item => {\n        item.addEventListener('click', () => {\n            const isActive = item.classList.contains('active');\n            \n            \/\/ Close all items\n            faqItems.forEach(i => i.classList.remove('active'));\n            \n            \/\/ Open clicked item if it wasn't active\n            if (!isActive) {\n                item.classList.add('active');\n            }\n        });\n    });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5e3aa19 e-flex e-con-boxed e-con e-parent\" data-id=\"5e3aa19\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd616d7 elementor-widget elementor-widget-html\" data-id=\"fd616d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n==============================================\nCHORAL CLASH - PAGE AUDITIONS\nSECTION 5: CTA - Boutons Premium\n==============================================\n-->\n\n<style>\n\/* ============================================\n   FONTS\n   ============================================ *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Bebas+Neue&family=Space+Mono:wght@400;700&display=swap');\n\n\/* ============================================\n   CSS VARIABLES\n   ============================================ *\/\n:root {\n    --cc-black: #000000;\n    --cc-dark: #0a0a0a;\n    --cc-gray-dark: #111111;\n    --cc-gray: #1a1a1a;\n    --cc-gray-light: #888888;\n    --cc-white: #ffffff;\n    --cc-gold: #c9a227;\n    --cc-gold-light: #d4b044;\n    --cc-font-display: 'Bebas Neue', sans-serif;\n    --cc-font-body: 'Space Grotesk', sans-serif;\n    --cc-font-mono: 'Space Mono', monospace;\n    --cc-transition: cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n\/* ============================================\n   CTA SECTION\n   ============================================ *\/\n.cc-cta-final {\n    position: relative;\n    background: var(--cc-black);\n    padding: 90px 0;\n    overflow: hidden;\n}\n\n\/* Background Gradient *\/\n.cc-cta-final::before {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 80%;\n    background: radial-gradient(ellipse 80% 60% at 50% 100%, rgba(201, 162, 39, 0.05) 0%, transparent 60%);\n    pointer-events: none;\n}\n\n\/* Vertical Lines *\/\n.cc-cta-final-lines {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    z-index: 1;\n}\n\n.cc-cta-final-line {\n    position: absolute;\n    top: 0;\n    width: 1px;\n    height: 100%;\n    background: rgba(255, 255, 255, 0.04);\n}\n\n.cc-cta-final-line:nth-child(1) { left: 25%; }\n.cc-cta-final-line:nth-child(2) { left: 50%; }\n.cc-cta-final-line:nth-child(3) { left: 75%; }\n\n\/* Sound Wave Visual *\/\n.cc-cta-final-wave {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 100%;\n    max-width: 1100px;\n    height: 120px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n    opacity: 0.1;\n    z-index: 1;\n}\n\n.cc-cta-final-wave-bar {\n    width: 2px;\n    background: var(--cc-gold);\n    border-radius: 2px;\n    animation: cc-wave-animate 1.8s ease-in-out infinite;\n}\n\n@keyframes cc-wave-animate {\n    0%, 100% { height: 12px; }\n    50% { height: 70px; }\n}\n\n\/* Container *\/\n.cc-cta-final-container {\n    position: relative;\n    z-index: 2;\n    max-width: 1000px;\n    margin: 0 auto;\n    padding: 0 60px;\n    text-align: center;\n}\n\n\/* Label *\/\n.cc-cta-final-label {\n    font-family: var(--cc-font-mono);\n    font-size: 11px;\n    font-weight: 400;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    color: var(--cc-gray-light);\n    margin-bottom: 30px;\n}\n\n\/* Title *\/\n.cc-cta-final-title {\n    font-family: var(--cc-font-display);\n    font-size: clamp(55px, 10vw, 110px);\n    line-height: 0.95;\n    color: var(--cc-white);\n    text-transform: uppercase;\n    letter-spacing: 4px;\n    margin: 0 0 25px;\n}\n\n\/* Subtitle *\/\n.cc-cta-final-subtitle {\n    font-family: var(--cc-font-body);\n    font-size: 18px;\n    font-weight: 300;\n    color: var(--cc-gray-light);\n    margin: 0 0 55px;\n}\n\n\/* Buttons *\/\n.cc-cta-final-buttons {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 20px;\n    flex-wrap: wrap;\n}\n\n.cc-cta-final-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    padding: 20px 42px;\n    font-family: var(--cc-font-mono);\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    text-decoration: none;\n    border-radius: 0;\n    transition: all 0.4s var(--cc-transition);\n    position: relative;\n    overflow: hidden;\n}\n\n.cc-cta-final-btn--primary {\n    background: transparent;\n    color: var(--cc-white);\n    border: 1px solid var(--cc-white);\n}\n\n.cc-cta-final-btn--primary::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 0;\n    height: 100%;\n    background: var(--cc-white);\n    transition: width 0.4s var(--cc-transition);\n    z-index: -1;\n}\n\n.cc-cta-final-btn--primary:hover::before {\n    width: 100%;\n}\n\n.cc-cta-final-btn--primary:hover {\n    color: var(--cc-black);\n}\n\n.cc-cta-final-btn--secondary {\n    background: transparent;\n    color: var(--cc-gray-light);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n}\n\n.cc-cta-final-btn--secondary:hover {\n    border-color: rgba(255, 255, 255, 0.4);\n    color: var(--cc-white);\n}\n\n.cc-cta-final-btn svg {\n    width: 16px;\n    height: 16px;\n    fill: currentColor;\n    transition: transform 0.3s var(--cc-transition);\n}\n\n.cc-cta-final-btn:hover svg {\n    transform: scale(1.1);\n}\n\n\/* ============================================\n   ANIMATIONS\n   ============================================ *\/\n@keyframes cc-fade-up {\n    from {\n        opacity: 0;\n        transform: translateY(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n.cc-cta-final-label {\n    animation: cc-fade-up 0.8s var(--cc-transition) 0.1s both;\n}\n\n.cc-cta-final-title {\n    animation: cc-fade-up 0.9s var(--cc-transition) 0.2s both;\n}\n\n.cc-cta-final-subtitle {\n    animation: cc-fade-up 0.8s var(--cc-transition) 0.35s both;\n}\n\n.cc-cta-final-buttons {\n    animation: cc-fade-up 0.8s var(--cc-transition) 0.5s both;\n}\n\n\/* ============================================\n   RESPONSIVE\n   ============================================ *\/\n@media (max-width: 992px) {\n    .cc-cta-final {\n        padding: 120px 0;\n    }\n}\n\n@media (max-width: 768px) {\n    .cc-cta-final {\n        padding: 100px 0;\n    }\n    \n    .cc-cta-final-container {\n        padding: 0 24px;\n    }\n    \n    .cc-cta-final-subtitle {\n        font-size: 16px;\n        margin-bottom: 45px;\n    }\n    \n    .cc-cta-final-buttons {\n        flex-direction: column;\n        gap: 15px;\n    }\n    \n    .cc-cta-final-btn {\n        width: 100%;\n        max-width: 300px;\n        justify-content: center;\n        padding: 18px 36px;\n    }\n}\n\n@media (max-width: 480px) {\n    .cc-cta-final {\n        padding: 80px 0;\n    }\n    \n    .cc-cta-final-subtitle {\n        font-size: 15px;\n    }\n    \n    .cc-cta-final-btn {\n        padding: 16px 32px;\n        font-size: 10px;\n    }\n}\n<\/style>\n\n<!-- CTA SECTION -->\n<section class=\"cc-cta-final\" id=\"cc-cta-final\">\n    <!-- Vertical Lines -->\n    <div class=\"cc-cta-final-lines\">\n        <div class=\"cc-cta-final-line\"><\/div>\n        <div class=\"cc-cta-final-line\"><\/div>\n        <div class=\"cc-cta-final-line\"><\/div>\n    <\/div>\n    \n    <!-- Sound Wave Visual -->\n    <div class=\"cc-cta-final-wave\" id=\"cc-cta-wave\"><\/div>\n    \n    <div class=\"cc-cta-final-container\">\n        <div class=\"cc-cta-final-label\">[Be Part of the Adventure]<\/div>\n        <h2 class=\"cc-cta-final-title\">Join the<br>Movement<\/h2>\n        <p class=\"cc-cta-final-subtitle\">Be part of the adventure - as a fan, choir or sponsor.<\/p>\n        \n        <!-- Buttons -->\n        <div class=\"cc-cta-final-buttons\">\n            <a href=\"https:\/\/choralclash.com\/en\/partners\/\" class=\"cc-cta-final-btn cc-cta-final-btn--primary\">\n                Become a partner\n            <\/a>\n            <a href=\"https:\/\/www.youtube.com\/@ChoralClash\" target=\"_blank\" class=\"cc-cta-final-btn cc-cta-final-btn--secondary\">\n                <svg viewbox=\"0 0 24 24\">\n                    <path d=\"M23 7s-.3-2.1-1.2-3c-1.1-1.2-2.4-1.2-3-1.3C15.5 2.5 12 2.5 12 2.5s-3.5 0-6.8.2c-.6.1-1.9.1-3 1.3C1.3 4.9 1 7 1 7S.7 9.5.7 12s.3 5 .3 5 .3 2.1 1.2 3c1.1 1.2 2.6 1.1 3.2 1.3 2.4.2 10.6.2 10.6.2s3.5 0 6.8-.2c.6-.1 1.9-.1 3-1.3.9-.9 1.2-3 1.2-3s.3-2.5.3-5-.3-5-.3-5zM9.5 15.5v-7l6 3.5-6 3.5z\"\/>\n                <\/svg>\n                Follow us on YouTube\n            <\/a>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n\/\/ ============================================\n\/\/ GENERATE SOUND WAVE BARS\n\/\/ ============================================\ndocument.addEventListener('DOMContentLoaded', function() {\n    const wave = document.getElementById('cc-cta-wave');\n    if (wave && wave.children.length === 0) {\n        for (let i = 0; i < 80; i++) {\n            const bar = document.createElement('div');\n            bar.className = 'cc-cta-final-wave-bar';\n            bar.style.animationDelay = (Math.random() * 1.8) + 's';\n            bar.style.height = (Math.random() * 45 + 12) + 'px';\n            wave.appendChild(bar);\n        }\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>[ Auditions Season 1 ] Ready to RaiseYour Voice? Think your choir has what it takes to compete with the best? Sign up now and be part of something unforgettable. Register Now FAQ Auditions Scroll [Eligibility Criteria] Who Can Participate? 01 Eligible Groups Choirs or vocal groups from schools, churches, universities, communities, [...]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/choralclash.com\/en\/wp-json\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/choralclash.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/choralclash.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/choralclash.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/choralclash.com\/en\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":166,"href":"https:\/\/choralclash.com\/en\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":3416,"href":"https:\/\/choralclash.com\/en\/wp-json\/wp\/v2\/pages\/20\/revisions\/3416"}],"wp:attachment":[{"href":"https:\/\/choralclash.com\/en\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}