/* Quiz accueil */

.hero--quiz{
    position:relative; min-height:778px;
    background:var(--c-blue);
    color:var(--c-white);
    overflow:hidden;
}
.hero--quiz .hero-pattern{
    position:absolute; inset:0;
    background:url("../assets/img/pattern-pool.png") center/cover;
    opacity:.4; mix-blend-mode:plus-lighter; pointer-events:none;
}
.hero--quiz .hero-content{
    position:relative;
    max-width:680px; margin:0 auto;
    padding:240px 20px 80px;
    text-align:center;
    display:flex; flex-direction:column; align-items:center; gap:64px;
}
.hero--quiz .hero-title{
    font-family:var(--f-display); font-weight:700;
    font-size:60px; letter-spacing:-1.2px; line-height:1.2;
    color:var(--c-white);
}

/* Décors */
.quiz-deco{
    position:absolute; pointer-events:none;
    font-size:80px;
    filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));
}
.quiz-deco--cloud{ top:226px; left:1059px; transform:rotate(-175deg); font-size:120px; opacity:.9; }
.quiz-deco--drop1{ top:468px; left:1196px; transform:rotate(-14deg); font-size:60px; }
.quiz-deco--drop2{ top:451px; left:1259px; transform:rotate(21deg); font-size:40px; }

.quiz-deco--polaroid{
    width:160px; height:160px;
    border:6px solid var(--c-white);
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 4.77px 23.86px rgba(0,0,0,.1);
    background:var(--c-white);
}
.quiz-deco--polaroid img{ width:100%; height:100%; object-fit:cover; }
.quiz-deco--polaroid1{ top:560px; left:146px; transform:rotate(18.78deg); }
.quiz-deco--polaroid2{ top:404px; left:226px; transform:rotate(-0.72deg); }

@media (max-width: 980px){
    .hero--quiz .hero-title{ font-size:36px; }
    .quiz-deco--polaroid{ display:none; }
    .quiz-deco--cloud, .quiz-deco--drop1, .quiz-deco--drop2{ display:none; }
}