/* ==========================================================
   Fiche artiste SCENA CORSA - QUIZ ARTISTE integre au design actuel
   A coller APRES le CSS de la fiche artiste.
========================================================== */

.sc3-content .sc-quiz-wrapper,
.sc-quiz-wrapper.sc3-panel{
    width:100%;
    max-width:none;
    margin:0;
    color:var(--sc-text,#fff);
}

.sc-quiz-wrapper{
    position:relative;
    border:1px solid rgba(255,255,255,.10);
    border-radius:24px;
    background:
        linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035)),
        var(--sc-card,rgba(22,19,18,.58));
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    box-shadow:
        0 24px 70px rgba(0,0,0,.38),
        inset 0 1px rgba(255,255,255,.055);
    overflow:hidden;
}

.sc-quiz-wrapper::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 12% 0%,rgba(224,32,31,.16),transparent 28%),
        linear-gradient(120deg,rgba(255,255,255,.06),transparent 34%);
    pointer-events:none;
    opacity:.75;
}

.sc-quiz-wrapper::after{
    content:"";
    position:absolute;
    left:0;
    top:32px;
    bottom:32px;
    width:3px;
    border-radius:999px;
    background:linear-gradient(180deg,var(--sc-red,#e0201f),transparent);
    box-shadow:0 0 24px rgba(224,32,31,.65);
    opacity:.75;
}

.sc-quiz-header,
.sc-quiz-progress,
.sc-quiz-form,
.sc-quiz-result{
    position:relative;
    z-index:1;
}

.sc-quiz-header{
    margin:0 0 26px;
}

.sc-quiz-header span{
    display:inline-flex;
    align-items:center;
    min-height:36px;
    padding:9px 15px;
    margin:0 0 18px;
    border:0;
    border-radius:999px;
    background:linear-gradient(135deg,var(--sc-red,#e0201f),var(--sc-red-2,#a3141a));
    color:#fff;
    font-family:var(--f-head,'Oswald',sans-serif);
    font-size:11px;
    font-weight:500;
    line-height:1;
    letter-spacing:.11em;
    text-transform:uppercase;
    box-shadow:
        0 12px 28px rgba(224,32,31,.32),
        inset 0 1px rgba(255,255,255,.18);
}

.sc-quiz-header h2{
    position:relative;
    display:flex;
    align-items:center;
    gap:14px;
    margin:0;
    color:#fff;
    font-family:var(--f-display,'Bebas Neue',Impact,sans-serif) !important;
    font-size:clamp(34px,4vw,54px);
    font-weight:400;
    line-height:1;
    letter-spacing:.03em;
    text-transform:uppercase;
}

.sc-quiz-header h2::after{
    content:"";
    flex:1;
    height:1px;
    background:linear-gradient(90deg,rgba(224,32,31,.65),transparent);
}

.sc-quiz-progress{
    height:8px;
    margin:0 0 24px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.08);
    overflow:hidden;
    box-shadow:inset 0 1px rgba(255,255,255,.05);
}

.sc-quiz-progress-bar{
    height:100%;
    border-radius:999px;
    background:linear-gradient(90deg,var(--sc-red,#e0201f),#ff3b3b);
    box-shadow:0 0 22px rgba(224,32,31,.45);
    transition:width .35s var(--sc-ease,cubic-bezier(.22,.61,.36,1));
}

.sc-quiz-question{
    position:relative;
    padding:24px;
    margin:0;
    border:1px solid rgba(255,255,255,.10);
    border-radius:22px;
    background:
        linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025)),
        rgba(18,16,15,.58);
    box-shadow:
        0 22px 60px rgba(0,0,0,.28),
        inset 0 1px rgba(255,255,255,.06);
    overflow:hidden;
}

.sc-quiz-question::before{
    content:"";
    position:absolute;
    inset:-1px;
    background:
        radial-gradient(circle at 22% 0%,rgba(224,32,31,.18),transparent 34%),
        linear-gradient(120deg,rgba(224,32,31,.10),transparent 48%);
    opacity:.8;
    pointer-events:none;
}

.sc-quiz-question > *{
    position:relative;
    z-index:1;
}

.sc-quiz-number{
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:8px 12px;
    margin:0 0 16px;
    border:1px solid rgba(224,32,31,.35);
    border-radius:999px;
    background:linear-gradient(180deg,rgba(224,32,31,.18),rgba(224,32,31,.06));
    color:#fff;
    font-family:var(--f-head,'Oswald',sans-serif);
    font-size:11px;
    font-weight:500;
    line-height:1;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.sc-quiz-question h3{
    margin:0 0 20px;
    color:#fff;
    font-family:var(--f-head,'Oswald',sans-serif);
    font-size:clamp(21px,2.2vw,28px);
    font-weight:500;
    line-height:1.18;
}

.sc-quiz-question label{
    position:relative;
    display:flex;
    align-items:center;
    gap:14px;
    min-height:62px;
    padding:15px 18px;
    margin:0 0 12px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:18px;
    background:
        linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.028)),
        rgba(255,255,255,.025);
    color:rgba(255,255,255,.88);
    font-family:var(--f-body,'Montserrat',system-ui,sans-serif);
    font-size:15px;
    font-weight:600;
    line-height:1.35;
    cursor:pointer;
    box-shadow:inset 0 1px rgba(255,255,255,.05);
    transition:
        transform .25s var(--sc-ease,cubic-bezier(.22,.61,.36,1)),
        border-color .25s,
        background .25s,
        box-shadow .25s;
}

.sc-quiz-question label:last-of-type{
    margin-bottom:0;
}

.sc-quiz-question label:hover{
    transform:translateY(-3px);
    border-color:rgba(224,32,31,.42);
    background:rgba(224,32,31,.09);
    box-shadow:
        0 18px 42px rgba(0,0,0,.24),
        0 0 34px rgba(224,32,31,.10);
}

.sc-quiz-question input{
    appearance:none;
    -webkit-appearance:none;
    width:18px;
    height:18px;
    flex:0 0 auto;
    border-radius:50%;
    border:2px solid rgba(255,255,255,.55);
    background:rgba(0,0,0,.26);
    box-shadow:inset 0 0 0 4px rgba(10,9,8,.96);
}

.sc-quiz-question input:checked{
    border-color:#fff;
    background:var(--sc-red,#e0201f);
    box-shadow:
        inset 0 0 0 4px rgba(10,9,8,.96),
        0 0 0 4px rgba(224,32,31,.20),
        0 0 22px rgba(224,32,31,.50);
}

.sc-quiz-question label.is-correct{
    border-color:rgba(46,204,113,.76);
    background:rgba(46,204,113,.14);
    color:#fff;
}

.sc-quiz-question label.is-wrong{
    border-color:rgba(224,32,31,.74);
    background:rgba(224,32,31,.18);
    color:#fff;
}

.sc-quiz-explication{
    display:none;
    margin-top:18px;
    padding:16px 18px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:16px;
    background:rgba(0,0,0,.22);
    color:rgba(255,255,255,.74);
    font-family:var(--f-body,'Montserrat',system-ui,sans-serif);
    font-size:14px;
    line-height:1.75;
}

.sc-quiz-actions{
    position:relative;
    z-index:1;
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:20px;
}

.sc-quiz-validate,
.sc-quiz-submit,
.sc-quiz-replay,
.sc-copy-score{
    border:0;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    padding:12px 22px;
    border-radius:999px;
    background:linear-gradient(135deg,var(--sc-red,#e0201f),var(--sc-red-2,#a3141a));
    color:#fff !important;
    font-family:var(--f-head,'Oswald',sans-serif);
    font-size:12px;
    font-weight:500;
    letter-spacing:.11em;
    line-height:1;
    text-transform:uppercase;
    text-decoration:none;
    box-shadow:
        0 14px 28px rgba(224,32,31,.30),
        inset 0 1px rgba(255,255,255,.18);
    transition:
        transform .22s var(--sc-ease,cubic-bezier(.22,.61,.36,1)),
        box-shadow .22s,
        filter .22s;
}

.sc-quiz-validate:hover,
.sc-quiz-submit:hover,
.sc-quiz-replay:hover,
.sc-copy-score:hover{
    transform:translateY(-2px);
    filter:saturate(1.1);
    box-shadow:
        0 18px 36px rgba(224,32,31,.42),
        inset 0 1px rgba(255,255,255,.22);
}

.sc-quiz-next{
    border:1px solid rgba(255,255,255,.14);
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    padding:12px 22px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    color:#fff !important;
    font-family:var(--f-head,'Oswald',sans-serif);
    font-size:12px;
    font-weight:500;
    letter-spacing:.11em;
    line-height:1;
    text-transform:uppercase;
    box-shadow:inset 0 1px rgba(255,255,255,.06);
    transition:
        transform .22s var(--sc-ease,cubic-bezier(.22,.61,.36,1)),
        border-color .22s,
        background .22s;
}

.sc-quiz-next:hover{
    transform:translateY(-2px);
    border-color:rgba(224,32,31,.42);
    background:rgba(224,32,31,.13);
}

.sc-quiz-result{
    margin-top:22px;
    padding:24px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:22px;
    background:
        radial-gradient(circle at 20% 0%,rgba(224,32,31,.20),transparent 34%),
        linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035)),
        rgba(18,16,15,.72);
    color:#fff;
    text-align:center;
    box-shadow:
        0 22px 60px rgba(0,0,0,.30),
        inset 0 1px rgba(255,255,255,.06);
}

.sc-quiz-score{
    font-family:var(--f-display,'Bebas Neue',Impact,sans-serif);
    font-size:clamp(30px,3vw,44px);
    line-height:1;
    letter-spacing:.03em;
    text-transform:uppercase;
}

.sc-quiz-result p{
    margin:10px 0 0;
    color:rgba(255,255,255,.78);
    font-family:var(--f-head,'Oswald',sans-serif);
    font-size:18px;
    line-height:1.35;
}

.sc-quiz-share{
    margin-top:18px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:10px;
}

.sc-quiz-share span{
    width:100%;
    color:rgba(255,255,255,.62);
    font-family:var(--f-head,'Oswald',sans-serif);
    font-size:11px;
    letter-spacing:.13em;
    text-transform:uppercase;
}

.sc-quiz-share a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:10px 15px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:999px;
    background:rgba(255,255,255,.08);
    color:#fff !important;
    font-family:var(--f-head,'Oswald',sans-serif);
    font-size:11px;
    letter-spacing:.10em;
    text-transform:uppercase;
    text-decoration:none;
    transition:transform .22s var(--sc-ease,cubic-bezier(.22,.61,.36,1)),background .22s,border-color .22s;
}

.sc-quiz-share a:hover{
    transform:translateY(-2px);
    border-color:rgba(224,32,31,.48);
    background:rgba(224,32,31,.16);
}

@media (max-width:879px){
    .sc-quiz-question{
        padding:20px;
    }

    .sc-quiz-header h2{
        font-size:38px;
    }
}

@media (max-width:640px){
    .sc-quiz-header h2{
        display:block;
        font-size:34px;
    }

    .sc-quiz-header h2::after{
        display:none;
    }

    .sc-quiz-question{
        padding:18px;
        border-radius:20px;
    }

    .sc-quiz-question label{
        min-height:58px;
        padding:14px;
        font-size:14px;
    }

    .sc-quiz-actions{
        display:grid;
        grid-template-columns:1fr;
    }

    .sc-quiz-validate,
    .sc-quiz-submit,
    .sc-quiz-replay,
    .sc-quiz-next{
        width:100%;
    }
}


  /* Fond global */
body,
#page-container,
#sc-shell-main-area,
#main-content{
    background:
        radial-gradient(circle at 18% 10%, rgba(224,32,31,.22), transparent 28%),
        radial-gradient(circle at 88% 16%, rgba(255,255,255,.07), transparent 24%),
        linear-gradient(180deg, #080606 0%, #160909 48%, #080606 100%) !important;

    background-color: #080606 !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}


.sc-layout-section,
.sc-layout-row,
.sc-layout-column,
.sc-layout-module,
.sc-layout-code,
.sc-layout-code-inner,
.sc-layout-text,
.sc-layout-text-inner{
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}


.sc-layout-background-mask,
.sc-layout-background-pattern,
.sc-shell-parallax-bg,
.sc-layout-section-video-bg,
.sc-layout-section-video-bg video{
    display: none !important;
}

.sc3-artist h1,
.sc3-artist h2{
    font-family:'Playfair Display',serif !important;
}

.sc3-artist p,
.sc3-artist li,
.sc3-artist a{
    font-family:'Poppins',sans-serif !important;
}

body:not(:is(.wp-admin,.block-editor-page,.block-editor-iframe__body,.sc-shell-fb,.sc-shell-fb-preview-active,.sc-shell-fb-preview--desktop,.sc-shell-fb-preview--tablet,.sc-shell-fb-preview--phone)):has(.sc3-artist){
    overflow-x:clip;
    margin:0 !important;
    padding:0 !important;
    background:#0a0908 !important;
}

body:not(:is(.wp-admin,.block-editor-page,.block-editor-iframe__body,.sc-shell-fb,.sc-shell-fb-preview-active,.sc-shell-fb-preview--desktop,.sc-shell-fb-preview--tablet,.sc-shell-fb-preview--phone)):has(.sc3-artist) #page-container,
body:not(:is(.wp-admin,.block-editor-page,.block-editor-iframe__body,.sc-shell-fb,.sc-shell-fb-preview-active,.sc-shell-fb-preview--desktop,.sc-shell-fb-preview--tablet,.sc-shell-fb-preview--phone)):has(.sc3-artist) #sc-shell-main-area,
body:not(:is(.wp-admin,.block-editor-page,.block-editor-iframe__body,.sc-shell-fb,.sc-shell-fb-preview-active,.sc-shell-fb-preview--desktop,.sc-shell-fb-preview--tablet,.sc-shell-fb-preview--phone)):has(.sc3-artist) #main-content,
body:not(:is(.wp-admin,.block-editor-page,.block-editor-iframe__body,.sc-shell-fb,.sc-shell-fb-preview-active,.sc-shell-fb-preview--desktop,.sc-shell-fb-preview--tablet,.sc-shell-fb-preview--phone)):has(.sc3-artist) article,
body:not(:is(.wp-admin,.block-editor-page,.block-editor-iframe__body,.sc-shell-fb,.sc-shell-fb-preview-active,.sc-shell-fb-preview--desktop,.sc-shell-fb-preview--tablet,.sc-shell-fb-preview--phone)):has(.sc3-artist) .entry-content,
body:not(:is(.wp-admin,.block-editor-page,.block-editor-iframe__body,.sc-shell-fb,.sc-shell-fb-preview-active,.sc-shell-fb-preview--desktop,.sc-shell-fb-preview--tablet,.sc-shell-fb-preview--phone)):has(.sc3-artist) .sc-shell-l,
body:not(:is(.wp-admin,.block-editor-page,.block-editor-iframe__body,.sc-shell-fb,.sc-shell-fb-preview-active,.sc-shell-fb-preview--desktop,.sc-shell-fb-preview--tablet,.sc-shell-fb-preview--phone)):has(.sc3-artist) .sc-shell-l--body,
body:not(:is(.wp-admin,.block-editor-page,.block-editor-iframe__body,.sc-shell-fb,.sc-shell-fb-preview-active,.sc-shell-fb-preview--desktop,.sc-shell-fb-preview--tablet,.sc-shell-fb-preview--phone)):has(.sc3-artist) .sc-shell-builder-inner-content,
body:not(:is(.wp-admin,.block-editor-page,.block-editor-iframe__body,.sc-shell-fb,.sc-shell-fb-preview-active,.sc-shell-fb-preview--desktop,.sc-shell-fb-preview--tablet,.sc-shell-fb-preview--phone)):has(.sc3-artist) .sc-layout-section:has(.sc3-artist),
body:not(:is(.wp-admin,.block-editor-page,.block-editor-iframe__body,.sc-shell-fb,.sc-shell-fb-preview-active,.sc-shell-fb-preview--desktop,.sc-shell-fb-preview--tablet,.sc-shell-fb-preview--phone)):has(.sc3-artist) .sc-layout-row:has(.sc3-artist),
body:not(:is(.wp-admin,.block-editor-page,.block-editor-iframe__body,.sc-shell-fb,.sc-shell-fb-preview-active,.sc-shell-fb-preview--desktop,.sc-shell-fb-preview--tablet,.sc-shell-fb-preview--phone)):has(.sc3-artist) .sc-layout-column:has(.sc3-artist),
body:not(:is(.wp-admin,.block-editor-page,.block-editor-iframe__body,.sc-shell-fb,.sc-shell-fb-preview-active,.sc-shell-fb-preview--desktop,.sc-shell-fb-preview--tablet,.sc-shell-fb-preview--phone)):has(.sc3-artist) .sc-layout-module:has(.sc3-artist),
body:not(:is(.wp-admin,.block-editor-page,.block-editor-iframe__body,.sc-shell-fb,.sc-shell-fb-preview-active,.sc-shell-fb-preview--desktop,.sc-shell-fb-preview--tablet,.sc-shell-fb-preview--phone)):has(.sc3-artist) .sc-layout-code-inner:has(.sc3-artist),
body:not(:is(.wp-admin,.block-editor-page,.block-editor-iframe__body,.sc-shell-fb,.sc-shell-fb-preview-active,.sc-shell-fb-preview--desktop,.sc-shell-fb-preview--tablet,.sc-shell-fb-preview--phone)):has(.sc3-artist) .sc-layout-text-inner:has(.sc3-artist){
    margin:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    background:transparent !important;
}

body:not(:is(.wp-admin,.block-editor-page,.block-editor-iframe__body,.sc-shell-fb,.sc-shell-fb-preview-active,.sc-shell-fb-preview--desktop,.sc-shell-fb-preview--tablet,.sc-shell-fb-preview--phone)):has(.sc3-artist) .sc-layout-row:has(.sc3-artist){
    width:100% !important;
    max-width:none !important;
    padding-left:0 !important;
    padding-right:0 !important;
}



/* ==========================================================================
   01 - VARIABLES ET CONTENEUR PRINCIPAL
   ========================================================================== */

.sc3-artist{
    --sc-red:#e0201f;
    --sc-red-2:#a3141a;
    --sc-bg:#0a0908;
    --sc-bg-2:#130f0f;
    --sc-card:rgba(22,19,18,.58);
    --sc-card-strong:rgba(28,24,23,.76);
    --sc-line:rgba(255,255,255,.10);
    --sc-line-red:rgba(224,32,31,.34);
    --sc-text:#fff;
    --sc-muted:rgba(255,255,255,.64);
    --sc-soft:rgba(255,255,255,.08);
    --sc-ease:cubic-bezier(.22,.61,.36,1);

    --f-display:'Bebas Neue',Impact,sans-serif;
    --f-head:'Oswald',sans-serif;
    --f-body:'Montserrat',system-ui,sans-serif;

    position:relative;
    width:100vw;
    max-width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    background:
        radial-gradient(circle at 15% 5%,rgba(224,32,31,.18),transparent 34%),
        radial-gradient(circle at 90% 30%,rgba(224,32,31,.10),transparent 30%),
        linear-gradient(180deg,#0a0908 0%,#100d0d 42%,#080706 100%);
    color:var(--sc-text);
    font-family:var(--f-body);
    font-size:16px;
    line-height:1.65;
    overflow:hidden;
}

.sc3-artist::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.18;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
    background-size:54px 54px;
    mask-image:linear-gradient(180deg,#000,transparent 70%);
    -webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);
}

.sc3-artist::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.08;
    background:
        repeating-radial-gradient(circle at 20% 20%,rgba(255,255,255,.55) 0 1px,transparent 1px 7px);
    mix-blend-mode:screen;
}

.sc3-artist *{
    box-sizing:border-box;
}

.sc3-artist img{
    display:block;
    max-width:100%;
}

.sc3-artist a{
    color:inherit;
    text-decoration:none;
}

.sc3-artist a:focus-visible{
    outline:2px solid var(--sc-red);
    outline-offset:4px;
    border-radius:10px;
}



/* ========================================================================== 
   FIL D'ARIANE SEO YOAST
   ========================================================================== */

.sc3-breadcrumb{
    position:absolute;
    z-index:30;
    top:0;
    left:0;
    right:0;
    margin:0;
    padding:10px max(22px,calc((100vw - 1240px) / 2));
    border:0;
    background:transparent;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    color:rgba(255,255,255,.68);
    font-family:var(--f-body);
    font-size:11px;
    font-weight:600;
    line-height:1;
    letter-spacing:.12em;
    text-transform:uppercase;
}

body.sc-shell-fixed-nav .sc3-breadcrumb{
    top:88px;
}

body.admin-bar.sc-shell-fixed-nav .sc3-breadcrumb{
    top:120px;
}

.sc3-breadcrumb-inner{
    width:min(1240px,100%);
    min-width:0;
    margin:0 auto;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.sc3-breadcrumb-inner > span{
    display:inline-flex;
    align-items:center;
}

.sc3-breadcrumb a{
    color:rgba(255,255,255,.66);
    transition:color .22s var(--sc-ease);
}

.sc3-breadcrumb a:hover{
    color:var(--sc-red);
}

.sc3-breadcrumb .breadcrumb_last{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:36px;
    padding:0 15px;
    border:1px solid rgba(224,32,31,.58);
    border-radius:999px;
    background:rgba(224,32,31,.08);
    color:#fff;
    font-weight:700;
}

.sc3-breadcrumb-separator{
    display:inline-block;
    margin:0 10px;
    color:var(--sc-red);
    font-size:0;
    font-weight:600;
}

.sc3-breadcrumb-separator::before{
    content:"›";
    font-size:14px;
    line-height:1;
}



/* ========================================================================== 
   02 - HERO / HEADER ARTISTE
   ========================================================================== */

.sc3-hero{
    position:relative;
    min-height:clamp(420px,58vw,660px);
    display:flex;
    align-items:flex-end;
    margin:0 !important;
    padding:96px max(22px,calc((100vw - 1240px) / 2)) 56px;
    overflow:hidden;
    background-color:#0a0908;
    border-bottom:1px solid rgba(255,255,255,.10);
}

.sc3-hero::before{
    content:"";
    position:absolute;
    inset:-42px;
    background:var(--sc-cover) center/cover no-repeat;
    filter:blur(38px) saturate(1.1) contrast(1.06);
    transform:scale(1.12);
    opacity:.42;
    z-index:0;
}

.sc3-hero::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg,rgba(8,7,7,.96),rgba(8,7,7,.68) 46%,rgba(8,7,7,.34)),
        linear-gradient(0deg,var(--sc-bg) 0%,rgba(10,9,8,0) 45%),
        radial-gradient(circle at 70% 40%,rgba(224,32,31,.18),transparent 34%),
        var(--sc-cover) center center / contain no-repeat;
    z-index:1;
}

.sc3-hero-inner{
    position:relative;
    z-index:2;
    width:min(1240px,100%);
    display:grid;
    grid-template-columns:230px minmax(0,1fr);
    gap:42px;
    align-items:end;
}

.sc3-portrait{
    position:relative;
    width:230px;
    height:230px;
    padding:6px;
    border-radius:50%;
    background:
        conic-gradient(from 210deg,var(--sc-red),rgba(255,255,255,.22),var(--sc-red),rgba(255,255,255,.10),var(--sc-red));
    box-shadow:
        0 30px 80px rgba(0,0,0,.62),
        0 0 54px rgba(224,32,31,.24);
    transition:transform .35s var(--sc-ease),box-shadow .35s var(--sc-ease);
}

.sc3-portrait:hover{
    transform:translateY(-6px) scale(1.02);
    box-shadow:
        0 36px 90px rgba(0,0,0,.70),
        0 0 70px rgba(224,32,31,.36);
}

.sc3-portrait img{
    width:100%;
    height:100%;
    border-radius:50%;
    object-fit:cover;
    border:7px solid var(--sc-bg);
    filter:grayscale(1) contrast(1.08);
    transition:filter .45s var(--sc-ease),transform .45s var(--sc-ease);
}

.sc3-portrait:hover img{
    filter:grayscale(0) contrast(1.04);
    transform:scale(1.015);
}

.sc3-portrait::after{
    content:"";
    position:absolute;
    bottom:5px;
    left:50%;
    transform:translateX(-50%);
    width:46px;
    height:46px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--sc-red),var(--sc-red-2));
    border:3px solid var(--sc-bg);
    box-shadow:0 10px 26px rgba(224,32,31,.48);
}

.sc3-portrait::before{
    content:"";
    position:absolute;
    bottom:22px;
    left:50%;
    transform:translateX(-38%);
    z-index:2;
    border-style:solid;
    border-width:8px 0 8px 14px;
    border-color:transparent transparent transparent #fff;
}

.sc3-kicker{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin:0 0 14px;
    font-family:var(--f-head);
    font-size:13px;
    font-weight:500;
    letter-spacing:.24em;
    text-transform:uppercase;
    color:rgba(255,255,255,.82);
}

.sc3-kicker::before{
    content:"";
    width:38px;
    height:2px;
    background:linear-gradient(90deg,var(--sc-red),transparent);
}

.sc3-title{
    position:relative;
    display:inline-block;
    isolation:isolate;
    margin:0;
    font-family:var(--f-display);
    font-size:clamp(58px,8.8vw,90px);
    /*line-height:.86;*/
      line-height: 1.01;
    font-weight:400;
    letter-spacing:.015em;
    text-transform:uppercase;
    background:linear-gradient(180deg,#fff 0%,#f1f1f1 38%,#b8b8b8 100%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    text-shadow:
        0 8px 35px rgba(0,0,0,.66),
        0 18px 70px rgba(224,32,31,.24);
}

.sc3-title::before{
    content:attr(data-title);
    position:absolute;
    left:-4px;
    top:10px;
    z-index:-1;
    color:rgba(224,32,31,.24);
    -webkit-text-fill-color:rgba(224,32,31,.24);
    filter:blur(11px);
    transform:scale(1.035);
}

.sc3-title::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.92) 48%,transparent 66%);
    background-size:240% 100%;
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    animation:sc3-title-shine 7s linear infinite;
    pointer-events:none;
}

@keyframes sc3-title-shine{
    from{ background-position:-240% 0; }
    to{ background-position:240% 0; }
}

.sc3-meta-line{
    display:flex;
    flex-wrap:nowrap;
    gap:10px;
    margin-top:24px;
    width:max-content;
}

.sc3-pill{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:36px;
    padding:9px 15px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:999px;
    background:rgba(255,255,255,.07);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    color:rgba(255,255,255,.88);
    font-family:var(--f-head);
    font-size:11px;
    letter-spacing:.09em;
    text-transform:uppercase;
    box-shadow:inset 0 1px rgba(255,255,255,.06);
    transition:transform .25s var(--sc-ease),background .25s,border-color .25s;
}

.sc3-pill:hover{
    transform:translateY(-3px);
    border-color:rgba(224,32,31,.55);
    background:rgba(224,32,31,.15);
}

.sc3-pill:first-child{
    border:0;
    color:#fff;
    background:linear-gradient(135deg,var(--sc-red),var(--sc-red-2));
    box-shadow:
        0 12px 28px rgba(224,32,31,.32),
        inset 0 1px rgba(255,255,255,.18);
}


/* ==========================================================================
   02b - BOUTONS DE PARTAGE (réseaux sociaux)
   ========================================================================== */

.sc3-share{
    display:flex;
    align-items:center;
    gap:14px;
    margin-top:24px;
}

.sc3-share-label{
    font-family:var(--f-head);
    font-size:11px;
    letter-spacing:.15em;
    text-transform:uppercase;
    color:rgba(255,255,255,.62);
}

.sc3-share-links{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.sc3-share-btn{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid rgba(255,255,255,.14);
    border-radius:50%;
    background:rgba(255,255,255,.07);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    color:rgba(255,255,255,.85);
    cursor:pointer;
    box-shadow:inset 0 1px rgba(255,255,255,.06);
    transition:transform .25s var(--sc-ease),border-color .25s,background .25s,box-shadow .25s,color .25s;
}

.sc3-share-btn svg{
    width:18px;
    height:18px;
}

.sc3-share-btn:hover{
    transform:translateY(-3px);
    border-color:rgba(224,32,31,.55);
    background:rgba(224,32,31,.15);
    color:#fff;
    box-shadow:
        0 14px 30px rgba(0,0,0,.30),
        0 0 26px rgba(224,32,31,.14);
}

.sc3-share-copy.is-copied{
    border-color:rgba(46,204,113,.72);
    background:rgba(46,204,113,.16);
    color:#fff;
}



/* ==========================================================================
   03 - PLATEFORMES DE STREAMING
   ========================================================================== */

.sc3-stream-strip{
    position:relative;
    width:100%;
    margin:0;
    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.10);
    background:
        radial-gradient(circle at 20% 50%,rgba(224,32,31,.22),transparent 26%),
        linear-gradient(90deg,rgba(224,32,31,.12),transparent 28%,rgba(224,32,31,.10)),
        rgba(8,10,13,.78);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    z-index:3;
}

.sc3-stream-inner{
    width:100%;
    padding:20px max(16px,calc((100vw - 1240px) / 2));
    overflow:visible;
    mask-image:none;
    -webkit-mask-image:none;
}

.sc3-platform-grid{
    display:flex;
    flex-wrap:wrap !important;
    justify-content:center;
    align-items:stretch;
    gap:16px;
    width:100%;
    animation:none !important;
    transform:none !important;
}

.sc3-strip-dup{
    display:none !important;
}

.sc3-platform{
    position:relative;
    flex:1 1 220px;
    min-width:220px;
    max-width:280px;
    min-height:64px;
    margin:0;
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px 14px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:14px;
    background:
        linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
    box-shadow:
        0 18px 45px rgba(0,0,0,.24),
        inset 0 1px rgba(255,255,255,.06);
    overflow:hidden;
    transition:transform .25s var(--sc-ease),border-color .25s,background .25s,box-shadow .25s;
}

.sc3-platform::before{
    content:"";
    position:absolute;
    inset:-1px;
    background:linear-gradient(120deg,transparent,rgba(224,32,31,.18),transparent);
    opacity:0;
    transition:opacity .25s;
}

.sc3-platform:hover{
    transform:translateY(-5px);
    border-color:rgba(224,32,31,.46);
    background:rgba(224,32,31,.12);
    box-shadow:
        0 22px 56px rgba(0,0,0,.36),
        0 0 34px rgba(224,32,31,.12);
}

.sc3-platform:hover::before{
    opacity:1;
}

.sc3-logo-shell{
    position:relative;
    z-index:1;
    width:40px;
    height:40px;
    flex:0 0 auto;
    display:grid;
    place-items:center;
}

.sc-logo-img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.sc-logo-fallback{
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:linear-gradient(135deg,var(--sc-red),var(--sc-red-2));
    color:#fff;
    font-family:var(--f-head);
}

.sc3-platform-copy{
    position:relative;
    z-index:1;
    min-width:0;
}

.sc3-platform strong{
    display:block;
    color:#fff;
    font-family:var(--f-head);
    font-size:14px;
    font-weight:500;
    line-height:1.15;
}

.sc3-platform em{
    display:block;
    margin-top:2px;
    font-family:var(--f-head);
    font-style:normal;
    font-size:11px;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--sc-muted);
}



/* ==========================================================================
   04 - CONTENU PRINCIPAL
   ========================================================================== */

.sc3-content{
    position:relative;
    z-index:2;
    width:min(1240px,calc(100% - 32px));
    margin:0 auto;
    padding:46px 0 92px;
    display:grid;
    gap:28px;
}

.sc3-panel{
    position:relative;
    border:1px solid rgba(255,255,255,.10);
    border-radius:24px;
    background:
        linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035)),
        var(--sc-card);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    box-shadow:
        0 24px 70px rgba(0,0,0,.38),
        inset 0 1px rgba(255,255,255,.055);
    overflow:hidden;
    transition:transform .32s var(--sc-ease),border-color .32s,box-shadow .32s;
}

.sc3-panel::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 12% 0%,rgba(224,32,31,.16),transparent 28%),
        linear-gradient(120deg,rgba(255,255,255,.06),transparent 34%);
    pointer-events:none;
    opacity:.75;
}

.sc3-panel:hover{
    transform:translateY(-4px);
    border-color:rgba(224,32,31,.28);
    box-shadow:
        0 30px 82px rgba(0,0,0,.46),
        0 0 50px rgba(224,32,31,.08),
        inset 0 1px rgba(255,255,255,.07);
}

.sc3-pad{
    position:relative;
    z-index:1;
    padding:clamp(24px,3.8vw,44px);
}

.sc3-section-title{
    position:relative;
    display:flex;
    align-items:center;
    gap:14px;
    margin:0 0 26px;
    font-family:var(--f-display);
    font-size:clamp(32px,3.6vw,48px);
    font-weight:400;
    letter-spacing:.03em;
    text-transform:uppercase;
    line-height:1;
    color:#fff;
}

.sc3-section-title::before{
    content:"";
    width:10px;
    height:10px;
    border-radius:50%;
    background:var(--sc-red);
    box-shadow:0 0 26px rgba(224,32,31,.70);
}

.sc3-section-title::after{
    content:"";
    flex:1;
    height:1px;
    background:linear-gradient(90deg,rgba(224,32,31,.65),transparent);
}



/* ==========================================================================
   05 - BIOGRAPHIE
   ========================================================================== */

.sc3-about{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(280px,420px);
    gap:24px;
    align-items:stretch;
}

.sc3-bio{
    color:rgba(255,255,255,.78);
    font-size:16px;
    line-height:1.9;
}

.sc3-bio p{
    margin:0 0 16px;
}

.sc3-bio p:last-child{
    margin-bottom:0;
}

.sc3-facts{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin-top:28px;
}

.sc3-fact{
    padding:16px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:16px;
    background:rgba(255,255,255,.045);
    box-shadow:inset 0 1px rgba(255,255,255,.05);
    transition:transform .25s var(--sc-ease),border-color .25s,background .25s;
}

.sc3-fact:hover{
    transform:translateY(-3px);
    border-color:rgba(224,32,31,.38);
    background:rgba(224,32,31,.08);
}

.sc3-fact small{
    display:block;
    margin-bottom:7px;
    font-family:var(--f-head);
    font-size:11px;
    letter-spacing:.15em;
    text-transform:uppercase;
    color:var(--sc-red);
}

.sc3-fact span{
    color:rgba(255,255,255,.88);
    font-size:14px;
}

.sc3-side-photo{
    min-height:440px;
    overflow:hidden;
    padding:0;
}

.sc3-side-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    filter:grayscale(1) contrast(1.05);
    transition:filter .45s var(--sc-ease),transform .55s var(--sc-ease);
}

.sc3-side-photo:hover img{
    filter:grayscale(0) contrast(1.02);
    transform:scale(1.04);
}



/* ==========================================================================
   06 - VIDÉOS
   ========================================================================== */

.sc3-video-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px;
}

.sc3-video-card{
    min-width:0;
}

.sc3-video-frame{
    position:relative;
    overflow:hidden;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.10);
    box-shadow:0 20px 55px rgba(0,0,0,.36);
}

.sc3-video-frame iframe,
.sc3-video-frame embed,
.sc3-video-frame object{
    width:100%;
    aspect-ratio:16/9;
    height:auto;
    display:block;
    border:0;
    background:#000;
}

.sc3-video-title{
    margin:14px 0 0;
    font-family:var(--f-head);
    font-size:17px;
    line-height:1.25;
    color:#fff;
}

.sc3-video-type{
    margin:6px 0 0;
    font-family:var(--f-head);
    font-size:11px;
    letter-spacing:.13em;
    text-transform:uppercase;
    color:var(--sc-red);
}



/* ==========================================================================
   07 - DISCOGRAPHIE
   ========================================================================== */

.sc3-disc-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:30px;
}

.sc3-album{
    position:relative;
    min-width:0;
    padding:0;
    border:1px solid rgba(255,255,255,.10);
    border-radius:20px;
    background:
        linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
    overflow:hidden;
    box-shadow:
        0 20px 55px rgba(0,0,0,.28),
        inset 0 1px rgba(255,255,255,.05);
    transition:transform .30s var(--sc-ease),border-color .30s,background .30s,box-shadow .30s;
}

.sc3-album::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,rgba(224,32,31,.15),transparent 42%);
    opacity:0;
    transition:opacity .3s;
    pointer-events:none;
}

.sc3-album:hover{
    transform:translateY(-8px);
    border-color:rgba(224,32,31,.48);
    background:rgba(224,32,31,.09);
    box-shadow:
        0 28px 70px rgba(0,0,0,.42),
        0 0 44px rgba(224,32,31,.10);
}

.sc3-album:hover::before{
    opacity:1;
}

.sc3-album-cover{
    width:100%;
    aspect-ratio:1;
    object-fit:cover;
    border-radius:20px 20px 0 0;
    margin:0 0 16px;
    background:#191715;
    transition:transform .45s var(--sc-ease),filter .45s var(--sc-ease);
}

.sc3-album:hover .sc3-album-cover{
    transform:scale(1.045);
    filter:saturate(1.12) contrast(1.05);
}

.sc3-album strong{
    position:relative;
    display:block;
    padding:0 16px;
    text-align:center;
    font-family:var(--f-head);
    font-size:18px;
    font-weight:500;
    line-height:1.2;
    color:#fff;
}

.sc3-album-meta,
.sc3-album p{
    position:relative;
    margin:8px 0 0;
    padding:0 16px;
    color:var(--sc-muted);
    font-size:13px;
    line-height:1.45;
    text-align:center;
}

.sc3-album-meta{
    font-family:var(--f-head);
    letter-spacing:.07em;
    text-transform:uppercase;
}

.sc3-mini-links{
    position:relative;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:8px;
    margin-top:15px;
    padding:0 16px 18px;
}

.sc3-mini{
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    padding:4px;
    border-radius:50%;
    background:rgba(0,0,0,.40);
    border:1px solid rgba(255,255,255,.12);
    transition:transform .22s var(--sc-ease),border-color .22s,background .22s;
}

.sc3-mini:hover{
    transform:translateY(-3px);
    border-color:rgba(224,32,31,.62);
    background:rgba(224,32,31,.16);
}



/* ==========================================================================
   08 - GALERIE
   ========================================================================== */

.sc3-gallery{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:12px;
}

.sc3-gallery img{
    width:100%;
    aspect-ratio:1;
    object-fit:cover;
    border:1px solid rgba(255,255,255,.10);
    border-radius:16px;
    filter:grayscale(.25);
    box-shadow:0 16px 40px rgba(0,0,0,.25);
    transition:transform .32s var(--sc-ease),filter .32s,border-color .32s,box-shadow .32s;
}

.sc3-gallery img:hover{
    transform:scale(1.055) rotate(-1deg);
    filter:grayscale(0) contrast(1.04);
    border-color:rgba(224,32,31,.44);
    box-shadow:
        0 24px 58px rgba(0,0,0,.38),
        0 0 32px rgba(224,32,31,.12);
    position:relative;
    z-index:2;
}

@media (prefers-reduced-motion:no-preference){

    .sc3-hero-inner{
        animation:sc3-hero-in .9s var(--sc-ease) both;
    }

    .sc3-panel{
        animation:sc3-panel-in .8s var(--sc-ease) both;
    }

    @keyframes sc3-hero-in{
        from{
            opacity:0;
            transform:translateY(22px);
        }
        to{
            opacity:1;
            transform:none;
        }
    }

    @keyframes sc3-panel-in{
        from{
            opacity:0;
            transform:translateY(18px);
        }
        to{
            opacity:1;
            transform:none;
        }
    }
}

@media only screen and (min-width:880px) and (max-width:1366px){

    .sc3-hero{
        min-height:560px !important;
        padding:96px max(22px,calc((100vw - 1240px) / 2)) 56px !important;
        text-align:left !important;
    }

    .sc3-hero-inner{
        grid-template-columns:230px minmax(0,1fr) !important;
        justify-items:initial !important;
        gap:40px !important;
    }

    .sc3-meta-line{
        flex-direction:row !important;
        flex-wrap:nowrap !important;
        justify-content:flex-start !important;
        width:max-content !important;
    }

    .sc3-about{
        grid-template-columns:minmax(0,1fr) minmax(280px,420px) !important;
    }

    .sc3-disc-grid{
        grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    }

    .sc3-video-grid{
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    }

    .sc3-gallery{
        grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    }

    .sc3-facts{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .sc3-portrait{
        width:230px !important;
        height:230px !important;
    }
}

@media (max-width:879px){

    .sc3-breadcrumb{
        padding:10px 20px;
        font-size:11px;
    }

    body.sc-shell-fixed-nav .sc3-breadcrumb,
    body.admin-bar.sc-shell-fixed-nav .sc3-breadcrumb{
        top:0;
    }

    .sc3-breadcrumb-inner{
        text-align:center;
    }

    .sc3-breadcrumb-inner > span{
        justify-content:center;
    }

    .sc3-hero{
        min-height:520px;
        padding:56px 20px 44px;
        text-align:center;
    }

    .sc3-hero::after{
        background:
            linear-gradient(180deg,rgba(8,7,7,.35),rgba(8,7,7,.92) 72%),
            linear-gradient(0deg,var(--sc-bg) 0%,rgba(10,9,8,0) 45%),
            var(--sc-cover) center top / cover no-repeat;
    }

    .sc3-hero-inner{
        grid-template-columns:1fr;
        justify-items:center;
        gap:26px;
    }

    .sc3-kicker{
        justify-content:center;
    }

    .sc3-kicker::before{
        display:none;
    }

    .sc3-meta-line{
        flex-direction:column;
        align-items:center;
        width:auto;
    }

    .sc3-share{
        flex-direction:column;
        gap:12px;
    }

    .sc3-share-links{
        justify-content:center;
    }

    .sc3-content{
        width:min(100% - 24px,1240px);
        padding:30px 0 76px;
        gap:22px;
    }

    .sc3-about{
        grid-template-columns:1fr;
    }

    .sc3-side-photo{
        min-height:320px;
    }

    .sc3-video-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .sc3-disc-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:18px;
    }

    .sc3-gallery{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media (max-width:640px){

    .sc3-breadcrumb{
        padding-right:16px;
        padding-left:16px;
    }

    .sc3-breadcrumb .breadcrumb_last{
        min-height:34px;
        padding-right:13px;
        padding-left:13px;
    }

    .sc3-hero{
        min-height:500px;
        padding:42px 16px 38px;
    }

    .sc3-title{
        font-size:48px;
    }

    .sc3-portrait{
        width:190px;
        height:190px;
    }

    .sc3-pad{
        padding:22px;
    }

    .sc3-section-title{
        font-size:34px;
    }

    .sc3-platform-grid{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:12px !important;
        width:100% !important;
    }

    .sc3-platform{
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        margin:0 !important;
        padding:11px 8px !important;
        display:flex !important;
        flex-direction:column !important;
        justify-content:center !important;
        align-items:center !important;
        text-align:center !important;
        gap:7px;
    }

    .sc3-logo-shell{
        width:34px !important;
        height:34px !important;
    }

    .sc3-platform strong{
        font-size:13px !important;
        line-height:1.1 !important;
    }

    .sc3-platform em{
        font-size:10px !important;
    }

    .sc3-disc-grid,
    .sc3-video-grid,
    .sc3-gallery,
    .sc3-facts{
        grid-template-columns:1fr;
    }

    .sc3-event{
        grid-template-columns:1fr;
        gap:8px;
        text-align:center;
    }

    .sc3-event::before{
        margin:0 auto;
    }

    .sc3-event-btn{
        width:100%;
    }
}

@media (prefers-reduced-motion:reduce){

    .sc3-artist *,
    .sc3-artist *::before,
    .sc3-artist *::after{
        animation:none !important;
        transition:none !important;
    }
}





.sc3-events{
    position:relative;
    display:grid;
    gap:16px;
    overflow:visible;
    border:0;
    border-radius:0;
}

.sc3-event{
    position:relative;
    display:grid;
    grid-template-columns:auto 130px minmax(0,1fr) auto;
    align-items:center;
    gap:20px;

    padding:16px;
    min-height:118px;

    border:1px solid rgba(255,255,255,.10);
    border-radius:22px;

    background:
        linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035)),
        rgba(18,16,15,.58);

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    box-shadow:
        0 22px 60px rgba(0,0,0,.34),
        inset 0 1px rgba(255,255,255,.06);

    overflow:hidden;

    transition:
        transform .28s var(--sc-ease),
        border-color .28s,
        background .28s,
        box-shadow .28s;
}

.sc3-event::before{
    content:"";
    position:absolute;
    inset:-1px;
    background:
        radial-gradient(circle at 22% 50%,rgba(224,32,31,.26),transparent 34%),
        linear-gradient(120deg,rgba(224,32,31,.14),transparent 48%);
    opacity:0;
    transition:opacity .28s var(--sc-ease);
    pointer-events:none;
}

.sc3-event::after{
    content:"";
    position:absolute;
    left:0;
    top:18px;
    bottom:18px;
    width:3px;
    border-radius:999px;
    background:linear-gradient(180deg,var(--sc-red),transparent);
    box-shadow:0 0 24px rgba(224,32,31,.65);
    opacity:.75;
}

.sc3-event:hover{
    transform:translateY(-5px);
    border-color:rgba(224,32,31,.42);
    background:
        linear-gradient(180deg,rgba(224,32,31,.13),rgba(255,255,255,.04)),
        rgba(18,16,15,.70);

    box-shadow:
        0 28px 72px rgba(0,0,0,.46),
        0 0 46px rgba(224,32,31,.12),
        inset 0 1px rgba(255,255,255,.08);
}

.sc3-event:hover::before{
    opacity:1;
}

.sc3-event-date{
    position:relative;
    z-index:2;

    min-width:82px;
    padding:10px 12px;

    border:1px solid rgba(224,32,31,.35);
    border-radius:16px;

    background:
        linear-gradient(180deg,rgba(224,32,31,.18),rgba(224,32,31,.06));

    color:#fff;
    font-family:var(--f-head);
    font-size:13px;
    font-weight:500;
    line-height:1.15;
    letter-spacing:.09em;
    text-align:center;
    text-transform:uppercase;
    white-space:normal;

    box-shadow:
        0 12px 28px rgba(0,0,0,.25),
        inset 0 1px rgba(255,255,255,.07);
}

.sc3-event-media{
    position:relative;
    z-index:2;

    display:block;
    width:130px;
    height:86px;

    border-radius:18px;
    overflow:hidden;

    background:
        radial-gradient(circle at center,rgba(224,32,31,.18),rgba(255,255,255,.04));

    border:1px solid rgba(255,255,255,.11);

    box-shadow:
        0 18px 38px rgba(0,0,0,.38),
        inset 0 1px rgba(255,255,255,.06);

    transform:translateZ(0);
}

.sc3-event-media-empty{
    display:block;
}

.sc3-event-media-empty::before{
    content:"SC";
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;

    color:rgba(255,255,255,.76);
    font-family:var(--f-display);
    font-size:34px;
    letter-spacing:.05em;

    background:
        radial-gradient(circle at 50% 20%,rgba(224,32,31,.28),transparent 42%),
        linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
}

.sc3-event-thumb{
    width:100%;
    height:100%;
    object-fit:cover;

    filter:grayscale(.22) contrast(1.06) saturate(.95);

    transition:
        transform .45s var(--sc-ease),
        filter .45s var(--sc-ease),
        opacity .45s var(--sc-ease);
}

.sc3-event-media::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(180deg,transparent 45%,rgba(0,0,0,.38)),
        radial-gradient(circle at 50% 0%,rgba(255,255,255,.18),transparent 36%);
    opacity:.72;
    pointer-events:none;
}

.sc3-event:hover .sc3-event-thumb{
    transform:scale(1.09);
    filter:grayscale(0) contrast(1.04) saturate(1.08);
}

.sc3-event-title{
    position:relative;
    z-index:2;

    display:block;
    min-width:0;

    color:#fff !important;
    font-family:var(--f-head);
    font-size:clamp(18px,2vw,23px);
    font-weight:500;
    line-height:1.14;
    letter-spacing:.01em;

    text-shadow:0 8px 28px rgba(0,0,0,.45);

    transition:color .25s var(--sc-ease),transform .25s var(--sc-ease);
}

.sc3-event-title:hover{
    color:#fff !important;
    transform:translateX(3px);
}

.sc3-event-btn{
    position:relative;
    z-index:2;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:42px;
    padding:11px 18px;

    border-radius:999px;

    background:linear-gradient(135deg,var(--sc-red),var(--sc-red-2));
    color:#fff !important;

    font-family:var(--f-head);
    font-size:12px;
    font-weight:500;
    letter-spacing:.11em;
    text-transform:uppercase;

    box-shadow:
        0 14px 28px rgba(224,32,31,.30),
        inset 0 1px rgba(255,255,255,.18);

    transition:
        transform .22s var(--sc-ease),
        box-shadow .22s,
        filter .22s;
}

.sc3-event-btn:hover{
    transform:translateY(-2px);
    filter:saturate(1.1);
    box-shadow:
        0 18px 36px rgba(224,32,31,.42),
        inset 0 1px rgba(255,255,255,.22);
}

@media (max-width:879px){

    .sc3-event{
        grid-template-columns:110px minmax(0,1fr) auto;
        gap:14px;
        padding:14px;
    }

    .sc3-event-date{
        grid-column:1 / -1;
        justify-self:start;
        min-width:auto;
    }

    .sc3-event-media{
        width:110px;
        height:82px;
    }

    .sc3-event-title{
        font-size:19px;
    }
}

@media (max-width:640px){

    .sc3-events{
        gap:14px;
    }

    .sc3-event{
        grid-template-columns:92px minmax(0,1fr);
        gap:13px;
        padding:13px;
        min-height:auto;
        border-radius:20px;
    }

    .sc3-event::after{
        top:14px;
        bottom:14px;
    }

    .sc3-event-date{
        grid-column:1 / -1;
        justify-self:start;
        padding:8px 11px;
        border-radius:999px;
        font-size:11px;
        letter-spacing:.08em;
    }

    .sc3-event-media{
        width:92px;
        height:92px;
        border-radius:16px;
    }

    .sc3-event-title{
        align-self:center;
        font-size:18px;
        line-height:1.15;
    }

    .sc3-event-btn{
        grid-column:1 / -1;
        width:100%;
        min-height:40px;
        margin-top:4px;
    }
}



/* Fiches artistes : agenda compact responsive — 05/09/2026 */
.sc3-artist .sc3-agenda [hidden] {
    display: none !important;
}
.sc3-artist .sc3-agenda .sc3-section-title {
    margin-bottom: 22px;
}
.sc3-artist .sc3-agenda-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 18px;
}
.sc3-artist .sc3-agenda button {
    appearance: none;
    min-height: 44px;
    max-width: 100%;
    padding: 10px 16px;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 10px;
    background: #302b29;
    color: #fff;
    font-family: var(--f-body, 'Montserrat', sans-serif);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    text-transform: none;
    letter-spacing: 0;
    cursor: pointer;
}
.sc3-artist .sc3-agenda button:hover:not(:disabled) {
    border-color: rgba(255,255,255,.5);
}
.sc3-artist .sc3-agenda-tab[aria-selected="true"] {
    background: var(--sc-red, #e0201f);
    border-color: var(--sc-red, #e0201f);
}
.sc3-artist .sc3-agenda-count {
    margin-left: 8px;
    font-size: 12px;
}
.sc3-artist .sc3-agenda button:disabled {
    opacity: .42;
    cursor: default;
}
.sc3-artist .sc3-agenda-panel {
    display: grid;
    gap: 9px;
    min-width: 0;
}
.sc3-artist .sc3-agenda-list {
    display: grid;
    gap: 9px;
    min-width: 0;
}
.sc3-artist .sc3-agenda-group-title {
    margin: 14px 0 4px;
    color: #fff;
    font-size: 20px;
    line-height: 1.3;
}
.sc3-artist .sc3-agenda-row {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr) 20px;
    align-items: center;
    gap: 18px;
    min-height: 82px;
    padding: 14px 16px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 14px;
    background: #2b2726;
    color: #fff !important;
    text-decoration: none;
}
.sc3-artist .sc3-agenda-row:hover {
    border-color: rgba(255,255,255,.42);
    background: #332d2b;
}
.sc3-artist .sc3-agenda-date {
    padding-right: 16px;
    border-right: 1px solid rgba(255,255,255,.18);
    color: #f5f0ed;
    font-family: var(--f-head, 'Oswald', sans-serif);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    overflow-wrap: anywhere;
}
.sc3-artist .sc3-agenda-info {
    display: block;
    min-width: 0;
}
.sc3-artist .sc3-agenda-name {
    display: block;
    color: #fff;
    font-family: var(--f-head, 'Oswald', sans-serif);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.35;
    overflow-wrap: anywhere;
}
.sc3-artist .sc3-agenda-location {
    display: block;
    margin-top: 5px;
    color: #d5ceca;
    font-family: var(--f-body, 'Montserrat', sans-serif);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    overflow-wrap: anywhere;
}
.sc3-artist .sc3-agenda-arrow {
    color: #d5ceca;
    font-family: Arial, sans-serif;
    font-size: 26px;
    line-height: 1;
    text-align: right;
}
.sc3-artist .sc3-agenda-pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 16px;
}
.sc3-artist .sc3-agenda-status {
    color: #d5ceca;
    font-family: var(--f-body, 'Montserrat', sans-serif);
    font-size: 13px;
    line-height: 1.5;
}
.sc3-artist .sc3-agenda-empty {
    margin: 0;
    padding: 10px 0;
    color: #d5ceca;
    font-size: 14px;
    line-height: 1.6;
}
.sc3-artist .sc3-agenda a:focus-visible,
.sc3-artist .sc3-agenda button:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 3px;
}
@media (max-width: 767px) {
    .sc3-artist .sc3-agenda-row {
        grid-template-columns: 76px minmax(0, 1fr) 16px;
        gap: 12px;
        padding: 12px;
    }
    .sc3-artist .sc3-agenda-date {
        padding-right: 12px;
        font-size: 12px;
    }
    .sc3-artist .sc3-agenda-name {
        font-size: 16px;
    }
}
@media (max-width: 480px) {
    .sc3-artist .sc3-agenda.sc3-pad {
        padding: 20px 14px;
    }
    .sc3-artist .sc3-agenda .sc3-section-title {
        font-size: 28px;
    }
    .sc3-artist .sc3-agenda-row {
        grid-template-columns: 64px minmax(0, 1fr) 12px;
        gap: 9px;
        padding: 12px 10px;
    }
    .sc3-artist .sc3-agenda-date {
        padding-right: 9px;
    }
    .sc3-artist .sc3-agenda-location {
        font-size: 12px;
    }
    .sc3-artist .sc3-agenda-pagination {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
    .sc3-artist .sc3-agenda-status {
        order: -1;
        grid-column: 1 / -1;
        text-align: center;
    }
}