/* ============================================================
   YLLY Expertise — Statement — Frontend styles
   Figma: NovCast > node 893:10790
   CSS reformate depuis une version minifiee sans source :
   reformatage verifie semantiquement neutre.
   ============================================================ */

.yl-exp-statement {
    background-color:var(--color-surface-white);
    overflow:hidden;
    padding-block: var(--section-py-lg);
    padding-inline:clamp(24px,6vw,115px);
}

.yl-exp-statement__inner {
    align-items:center;
    display:flex;
    justify-content:center;
    margin-inline:auto;
    max-width:1440px;
    position:relative;
}

.yl-exp-statement__text {
    font-family:var(--font-family-base);
    font-size:clamp(28px,3.5vw,var(--font-size-display));
    letter-spacing:-.0326em;
    line-height:1.2;
    margin:0;
    max-width:775px;
    position:relative;
    text-align:center;
    z-index:1;
}

.yl-exp-statement__regular {
    color:var(--color-text-default);
    font-weight:var(--font-weight-medium);
}

.yl-exp-statement__italic {
    color:var(--color-surface-secondary);
    font-family:var(--font-family-display);
    font-style:italic;
    font-weight:var(--font-weight-bold);
}

.yl-exp-statement__deco {
    /* Trame élargie qui déborde du cadre, rognée par overflow:hidden (Figma 654:3254) */
    background-image:repeating-linear-gradient(45deg,rgba(214,53,0,.06) 0,rgba(214,53,0,.06) 1px,transparent 0,transparent 50%);
    background-size:20px 20px;
    border-radius:var(--radius-full);
    height:640px;
    pointer-events:none;
    position:absolute;
    right:-180px;
    top:-220px;
    width:640px;
}

@media (max-width:768px) {
    .yl-exp-statement {
        padding-inline:24px;
    }
    .yl-exp-statement__deco {
        display:none;
    }
}