.elementor-4067 .elementor-element.elementor-element-0f48045{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4067 .elementor-element.elementor-element-0f48045:not(.elementor-motion-effects-element-type-background), .elementor-4067 .elementor-element.elementor-element-0f48045 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F7FA;}/* Start custom CSS for container, class: .elementor-element-0f48045 *//* ==========================================================
   HOME-003 — Chaîne publique de thérapeutes
   Mise en scène UI V0.1
   ========================================================== */

.ooi-home-therapists {
    position: relative;
    overflow: hidden;
}

.ooi-home-therapists__chain {
    position: relative;
    width: 100%;
}


/* Neutralisation de la présentation en ligne classique */

.ooi-home-therapists .ooi-identity-chain {
    position: relative;
    width: 100%;
    min-height: 430px;
    overflow: visible;
}

.ooi-home-therapists .ooi-identity-chain__track {
    position: relative;
    width: 100%;
    min-height: 430px;
}


/* Chaque personne devient libre dans la scène */

.ooi-home-therapists .ooi-identity-chain__item {
    position: absolute;
    z-index: 2;
    margin: 0;
    transition:
        transform .28s ease,
        opacity .28s ease,
        filter .28s ease;
}


/* Placement organique — desktop */

.ooi-home-therapists .ooi-identity-chain__item--1 {
    top: 44px;
    left: 2%;
}

.ooi-home-therapists .ooi-identity-chain__item--2 {
    top: 154px;
    left: 10%;
}

.ooi-home-therapists .ooi-identity-chain__item--3 {
    top: 12px;
    left: 20%;
}

.ooi-home-therapists .ooi-identity-chain__item--4 {
    top: 222px;
    left: 28%;
}

.ooi-home-therapists .ooi-identity-chain__item--5 {
    top: 82px;
    left: 36%;
}

.ooi-home-therapists .ooi-identity-chain__item--6 {
    top: 174px;
    left: 45%;
}

.ooi-home-therapists .ooi-identity-chain__item--7 {
    top: 20px;
    left: 53%;
}

.ooi-home-therapists .ooi-identity-chain__item--8 {
    top: 226px;
    left: 61%;
}

.ooi-home-therapists .ooi-identity-chain__item--9 {
    top: 88px;
    left: 69%;
}

.ooi-home-therapists .ooi-identity-chain__item--10 {
    top: 180px;
    left: 78%;
}

.ooi-home-therapists .ooi-identity-chain__item--11 {
    top: 28px;
    left: 86%;
}

.ooi-home-therapists .ooi-identity-chain__item--12 {
    top: 238px;
    left: 91%;
}


/* Quelques variations de taille créent le rythme */

.ooi-home-therapists
.ooi-identity-chain__item--3
.ooi-identity-bubble,
.ooi-home-therapists
.ooi-identity-chain__item--7
.ooi-identity-bubble,
.ooi-home-therapists
.ooi-identity-chain__item--11
.ooi-identity-bubble {
    --ooi-bubble-size: 112px;
    --ooi-bubble-ring: 5px;
    --ooi-bubble-indicator: 25px;
}

.ooi-home-therapists
.ooi-identity-chain__item--2
.ooi-identity-bubble,
.ooi-home-therapists
.ooi-identity-chain__item--8
.ooi-identity-bubble,
.ooi-home-therapists
.ooi-identity-chain__item--12
.ooi-identity-bubble {
    --ooi-bubble-size: 76px;
    --ooi-bubble-ring: 4px;
    --ooi-bubble-indicator: 20px;
}


/* Halo collectif très discret */

.ooi-home-therapists .ooi-identity-chain__track::before {
    position: absolute;
    top: 92px;
    right: 4%;
    bottom: 70px;
    left: 4%;
    z-index: 0;
    border-radius: 50%;
    background:
        radial-gradient(
            ellipse at center,
            rgba(128, 197, 207, .10),
            rgba(114, 112, 172, .035) 45%,
            transparent 72%
        );
    filter: blur(10px);
    content: "";
    pointer-events: none;
}


/* Interaction collective */

.ooi-home-therapists
.ooi-identity-chain__track:has(.ooi-identity-chain__item:hover)
.ooi-identity-chain__item:not(:hover) {
    opacity: .72;
    filter: saturate(.78);
}

.ooi-home-therapists .ooi-identity-chain__item:hover,
.ooi-home-therapists .ooi-identity-chain__item:focus-within {
    z-index: 20;
    transform: translateY(-7px) scale(1.045);
}


/* Animation de respiration légère */

.ooi-home-therapists .ooi-identity-chain__item:nth-child(3n + 1) {
    animation: ooi-chain-float-a 9s ease-in-out infinite alternate;
}

.ooi-home-therapists .ooi-identity-chain__item:nth-child(3n + 2) {
    animation: ooi-chain-float-b 11s ease-in-out infinite alternate;
}

.ooi-home-therapists .ooi-identity-chain__item:nth-child(3n) {
    animation: ooi-chain-float-c 13s ease-in-out infinite alternate;
}

@keyframes ooi-chain-float-a {
    from {
        translate: 0 -3px;
    }

    to {
        translate: 5px 6px;
    }
}

@keyframes ooi-chain-float-b {
    from {
        translate: -2px 4px;
    }

    to {
        translate: 4px -5px;
    }
}

@keyframes ooi-chain-float-c {
    from {
        translate: 3px 0;
    }

    to {
        translate: -4px 7px;
    }
}


/* Tablette */

@media (max-width: 1024px) {
    .ooi-home-therapists .ooi-identity-chain {
        min-height: 390px;
    }

    .ooi-home-therapists .ooi-identity-chain__track {
        min-height: 390px;
    }

    .ooi-home-therapists .ooi-identity-chain__item {
        transform: scale(.88);
        transform-origin: center;
    }

    .ooi-home-therapists .ooi-identity-chain__item--1 {
        left: 0;
    }

    .ooi-home-therapists .ooi-identity-chain__item--2 {
        left: 8%;
    }

    .ooi-home-therapists .ooi-identity-chain__item--3 {
        left: 17%;
    }

    .ooi-home-therapists .ooi-identity-chain__item--4 {
        left: 25%;
    }

    .ooi-home-therapists .ooi-identity-chain__item--5 {
        left: 34%;
    }

    .ooi-home-therapists .ooi-identity-chain__item--6 {
        left: 43%;
    }

    .ooi-home-therapists .ooi-identity-chain__item--7 {
        left: 51%;
    }

    .ooi-home-therapists .ooi-identity-chain__item--8 {
        left: 60%;
    }

    .ooi-home-therapists .ooi-identity-chain__item--9 {
        left: 68%;
    }

    .ooi-home-therapists .ooi-identity-chain__item--10 {
        left: 77%;
    }

    .ooi-home-therapists .ooi-identity-chain__item--11 {
        left: 85%;
    }

    .ooi-home-therapists .ooi-identity-chain__item--12 {
        left: 91%;
    }
}


/* ==========================================================
   HOME-003 — Mobile corrigé
   ========================================================== */

@media (max-width: 680px) {

    .ooi-home-therapists {
        overflow: hidden;
    }

    .ooi-home-therapists__inner {
        width: 100%;
        max-width: 100%;
    }

    .ooi-home-therapists__chain {
        width: 100vw;
        max-width: none;
        margin-right: calc(50% - 50vw);
        margin-left: calc(50% - 50vw);
        overflow: visible;
    }

    .ooi-home-therapists .ooi-identity-chain {
        width: 100%;
        min-height: 190px;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0 20px;
        scrollbar-width: none;
        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch;
    }

    .ooi-home-therapists .ooi-identity-chain::-webkit-scrollbar {
        display: none;
    }

    .ooi-home-therapists .ooi-identity-chain__track {
        position: relative;
        display: flex;
        width: max-content;
        min-width: 100%;
        min-height: 190px;
        gap: 22px;
        align-items: center;
        padding: 24px 28px 28px 0;
    }

    .ooi-home-therapists .ooi-identity-chain__item {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        flex: 0 0 auto;
        margin: 0;
        animation: none;
        scroll-snap-align: center;
        transform: none !important;
    }

    .ooi-home-therapists
    .ooi-identity-chain__item:nth-child(odd) {
        translate: 0 -18px;
    }

    .ooi-home-therapists
    .ooi-identity-chain__item:nth-child(even) {
        translate: 0 20px;
    }

    .ooi-home-therapists
    .ooi-identity-chain__item
    .ooi-identity-bubble {
        --ooi-bubble-size: 78px;
        --ooi-bubble-ring: 4px;
        --ooi-bubble-indicator: 19px;
    }

    .ooi-home-therapists
    .ooi-identity-chain__item--3
    .ooi-identity-bubble,
    .ooi-home-therapists
    .ooi-identity-chain__item--7
    .ooi-identity-bubble,
    .ooi-home-therapists
    .ooi-identity-chain__item--11
    .ooi-identity-bubble {
        --ooi-bubble-size: 94px;
    }

    .ooi-home-therapists .ooi-identity-chain__track::before {
        display: none;
    }
}


/* Réduction des animations */

@media (prefers-reduced-motion: reduce) {
    .ooi-home-therapists .ooi-identity-chain__item {
        animation: none;
        transition: none;
    }
}

/* HOME-003 — Neutralisation de l’enveloppe native */

.ooi-home-therapists .ooi-identity-chain {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.ooi-home-therapists .ooi-identity-chain::before,
.ooi-home-therapists .ooi-identity-chain__header {
    display: none;
}

/* HOME-003 — Scène ouverte, sans carte native */

.ooi-home-therapists .ooi-identity-chain,
.ooi-home-therapists .ooi-identity-chain__inner,
.ooi-home-therapists .ooi-identity-chain__content {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.ooi-home-therapists .ooi-identity-chain::before,
.ooi-home-therapists .ooi-identity-chain::after {
    display: none !important;
}
/* ==========================================================
   HOME-003 — Identity Preview Card
   Direction artistique OOI V0.1
   ========================================================== */

.ooi-home-therapists .ooi-identity-preview {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    width: min(390px, calc(100vw - 32px));
    min-height: 126px;
    padding: 18px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 24px;
    background:
        radial-gradient(
            circle at 100% 0,
            rgba(128, 197, 207, .16),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            rgba(7, 20, 38, .99),
            rgba(17, 29, 53, .98)
        );
    box-shadow:
        0 22px 54px rgba(7, 20, 38, .34),
        0 0 0 1px rgba(114, 112, 172, .06);
    color: #fff;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}


/* Lueur décorative discrète */

.ooi-home-therapists .ooi-identity-preview::before {
    position: absolute;
    z-index: -1;
    right: -45px;
    bottom: -65px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: rgba(114, 112, 172, .18);
    filter: blur(6px);
    content: "";
    pointer-events: none;
}


/* Portrait */

.ooi-home-therapists .ooi-identity-preview__portrait {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 78px;
    height: 78px;
    padding: 4px;
    overflow: hidden;
    border-radius: 50%;
    background:
        linear-gradient(
            135deg,
            #7270AC,
            #80C5CF,
            #AACF80
        );
    box-shadow:
        0 12px 28px rgba(0, 0, 0, .28);
}

.ooi-home-therapists .ooi-identity-preview__image,
.ooi-home-therapists .ooi-identity-preview__initials {
    width: 100%;
    height: 100%;
    border: 3px solid #071426;
    border-radius: 50%;
}

.ooi-home-therapists .ooi-identity-preview__image {
    display: block;
    object-fit: cover;
}

.ooi-home-therapists .ooi-identity-preview__initials {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #7270AC;
    color: #fff;
    font-size: 22px;
    font-weight: 850;
}


/* Contenu */

.ooi-home-therapists .ooi-identity-preview__content {
    min-width: 0;
}

.ooi-home-therapists .ooi-identity-preview__firstname {
    margin: 0;
    overflow: hidden;
    color: #fff;
    font-size: 22px;
    font-weight: 850;
    line-height: 1.08;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ooi-home-therapists .ooi-identity-preview__profession {
    margin: 6px 0 0;
    color: #80C5CF;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
}


/* CTA */

.ooi-home-therapists .ooi-identity-preview__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 34px;
    margin-top: 12px;
    padding: 8px 13px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    transition:
        transform .2s ease,
        background-color .2s ease,
        border-color .2s ease,
        color .2s ease;
}

.ooi-home-therapists .ooi-identity-preview__link::after {
    content: "→";
}

.ooi-home-therapists .ooi-identity-preview__link:hover,
.ooi-home-therapists .ooi-identity-preview__link:focus-visible {
    border-color: #FFAB4E;
    background: #FFAB4E;
    color: #071426;
    transform: translateY(-2px);
}

.ooi-home-therapists .ooi-identity-preview__link:focus-visible {
    outline: 3px solid rgba(128, 197, 207, .55);
    outline-offset: 3px;
}


/* QR code */

.ooi-home-therapists .ooi-identity-preview__qr {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    padding: 6px;
    overflow: hidden;
    border-radius: 16px;
    background: #fff;
    box-shadow:
        0 12px 28px rgba(0, 0, 0, .25);
}

.ooi-home-therapists .ooi-identity-preview__qr img,
.ooi-home-therapists .ooi-identity-preview__qr svg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.ooi-home-therapists .ooi-identity-preview__qr-placeholder {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px dashed rgba(7, 20, 38, .38);
    border-radius: 8px;
    background:
        linear-gradient(
            135deg,
            rgba(114, 112, 172, .10),
            rgba(128, 197, 207, .12)
        );
    color: #071426;
    opacity: 1;
}


/* Mobile */

@media (max-width: 480px) {
    .ooi-home-therapists .ooi-identity-preview {
        grid-template-columns: 58px minmax(0, 1fr) 46px;
        gap: 11px;
        width: min(340px, calc(100vw - 24px));
        min-height: 104px;
        padding: 12px;
        border-radius: 20px;
    }

    .ooi-home-therapists .ooi-identity-preview__portrait {
        width: 58px;
        height: 58px;
        padding: 3px;
    }

    .ooi-home-therapists .ooi-identity-preview__firstname {
        font-size: 19px;
    }

    .ooi-home-therapists .ooi-identity-preview__profession {
        margin-top: 4px;
        font-size: 12px;
    }

    .ooi-home-therapists .ooi-identity-preview__link {
        min-height: 30px;
        margin-top: 8px;
        padding: 7px 10px;
        font-size: 11px;
    }

    .ooi-home-therapists .ooi-identity-preview__qr {
        width: 46px;
        height: 46px;
        padding: 4px;
        border-radius: 12px;
    }
}


/* Animations réduites */

@media (prefers-reduced-motion: reduce) {
    .ooi-home-therapists .ooi-identity-preview__link {
        transition: none;
    }

    .ooi-home-therapists .ooi-identity-preview__link:hover {
        transform: none;
    }
}/* End custom CSS */
/* Start custom CSS *//* ==========================================================
   OOI Platform — HOME-HERO-001
   Hero public V0.1
   ========================================================== */

.ooi-home-hero {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: clamp(620px, 82vh, 900px);
    overflow: hidden;
    border-radius: clamp(0px, 2vw, 30px);
    background: #071426;
    color: #fff;
}

.ooi-home-hero__background {
    position: absolute;
    z-index: -3;
    inset: 0;
    background-image: url("URL-DU-VISUEL-ACTUEL");
    background-position: 72% center;
    background-repeat: no-repeat;
    background-size: cover;
    transform: scale(1.03);
}

.ooi-home-hero__overlay {
    position: absolute;
    z-index: -2;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(7, 20, 38, .98) 0%,
            rgba(7, 20, 38, .91) 35%,
            rgba(7, 20, 38, .54) 68%,
            rgba(7, 20, 38, .26) 100%
        ),
        radial-gradient(
            circle at 78% 18%,
            rgba(128, 197, 207, .22),
            transparent 35%
        ),
        linear-gradient(
            180deg,
            rgba(7, 20, 38, .08),
            rgba(7, 20, 38, .66)
        );
}

.ooi-home-hero__inner {
    position: relative;
    z-index: 2;
    width: min(100%, 1440px);
    margin-inline: auto;
    padding:
        clamp(92px, 11vw, 160px)
        clamp(28px, 7vw, 110px);
}

.ooi-home-hero__content {
    width: min(100%, 760px);
}

.ooi-home-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    margin: 0 0 24px;
    padding: 7px 14px;
    border: 1px solid rgba(255, 255, 255, .20);
    border-radius: 999px;
    background: rgba(114, 112, 172, .32);
    color: rgba(255, 255, 255, .94);
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .11em;
    text-transform: uppercase;
    backdrop-filter: blur(12px);
}

.ooi-home-hero__title {
    max-width: 760px;
    margin: 0;
    color: #fff;
    font-size: clamp(44px, 6.4vw, 94px);
    font-weight: 750;
    line-height: .98;
    letter-spacing: -.052em;
    text-wrap: balance;
}

.ooi-home-hero__summary {
    max-width: 610px;
    margin: 30px 0 0;
    color: rgba(255, 255, 255, .78);
    font-size: clamp(17px, 1.65vw, 22px);
    line-height: 1.55;
    text-wrap: balance;
}

.ooi-home-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 38px;
}

.ooi-home-hero__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 13px 25px;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    transition:
        transform .22s ease,
        background-color .22s ease,
        border-color .22s ease,
        box-shadow .22s ease;
}

.ooi-home-hero__action:hover,
.ooi-home-hero__action:focus-visible {
    transform: translateY(-3px);
}

.ooi-home-hero__action:focus-visible,
.ooi-home-hero__bubble:focus-visible,
.ooi-home-hero__scroll:focus-visible {
    outline: 3px solid #80C5CF;
    outline-offset: 4px;
}

.ooi-home-hero__action--primary {
    background: #FFAB4E;
    color: #071426;
    box-shadow: 0 14px 32px rgba(255, 171, 78, .24);
}

.ooi-home-hero__action--primary:hover,
.ooi-home-hero__action--primary:focus-visible {
    color: #071426;
    box-shadow: 0 18px 40px rgba(255, 171, 78, .34);
}

.ooi-home-hero__action--secondary {
    border: 1px solid rgba(255, 255, 255, .30);
    background: rgba(255, 255, 255, .08);
    color: #fff;
    backdrop-filter: blur(14px);
}

.ooi-home-hero__action--secondary:hover,
.ooi-home-hero__action--secondary:focus-visible {
    border-color: rgba(255, 255, 255, .55);
    background: rgba(255, 255, 255, .15);
    color: #fff;
}


/* Identity Bubbles provisoires */

.ooi-home-hero__bubbles {
    position: absolute;
    z-index: 3;
    inset: 0;
    pointer-events: none;
}

.ooi-home-hero__bubble {
    position: absolute;
    display: block;
    width: clamp(48px, 5vw, 76px);
    aspect-ratio: 1;
    overflow: hidden;
    border: 3px solid rgba(255, 255, 255, .82);
    border-radius: 50%;
    background: #7270AC;
    box-shadow:
        0 16px 34px rgba(0, 0, 0, .28),
        0 0 0 8px rgba(128, 197, 207, .08);
    pointer-events: auto;
    animation: ooi-home-bubble-drift 11s ease-in-out infinite alternate;
    transition:
        transform .24s ease,
        box-shadow .24s ease,
        border-color .24s ease;
}

.ooi-home-hero__bubble img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ooi-home-hero__bubble:hover,
.ooi-home-hero__bubble:focus-visible {
    z-index: 6;
    border-color: #80C5CF;
    transform: translateY(-5px) scale(1.09);
    box-shadow:
        0 22px 46px rgba(0, 0, 0, .36),
        0 0 0 11px rgba(128, 197, 207, .15);
}

.ooi-home-hero__bubble--1 {
    top: 14%;
    left: 5%;
    animation-delay: -2s;
}

.ooi-home-hero__bubble--2 {
    top: 11%;
    right: 29%;
    width: clamp(42px, 4.3vw, 66px);
    animation-delay: -6s;
}

.ooi-home-hero__bubble--3 {
    top: 24%;
    right: 6%;
    width: clamp(58px, 5.8vw, 86px);
    animation-delay: -4s;
}

.ooi-home-hero__bubble--4 {
    right: 17%;
    bottom: 15%;
    width: clamp(44px, 4.5vw, 68px);
    animation-delay: -8s;
}

.ooi-home-hero__bubble--5 {
    bottom: 12%;
    left: 9%;
    width: clamp(54px, 5.2vw, 80px);
    animation-delay: -3s;
}

.ooi-home-hero__bubble--6 {
    right: 43%;
    bottom: 8%;
    width: clamp(38px, 4vw, 60px);
    animation-delay: -7s;
}

@keyframes ooi-home-bubble-drift {
    from {
        translate: 0 -3px;
    }

    to {
        translate: 5px 8px;
    }
}


/* Indication de scroll */

.ooi-home-hero__scroll {
    position: absolute;
    z-index: 4;
    left: 50%;
    bottom: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 50%;
    background: rgba(7, 20, 38, .30);
    color: #fff;
    text-decoration: none;
    backdrop-filter: blur(10px);
    transform: translateX(-50%);
    transition:
        background-color .2s ease,
        transform .2s ease;
}

.ooi-home-hero__scroll:hover {
    background: rgba(255, 255, 255, .14);
    color: #fff;
    transform: translateX(-50%) translateY(3px);
}


/* Tablette */

@media (max-width: 900px) {
    .ooi-home-hero {
        min-height: 760px;
    }

    .ooi-home-hero__background {
        background-position: 66% center;
    }

    .ooi-home-hero__overlay {
        background:
            linear-gradient(
                90deg,
                rgba(7, 20, 38, .97) 0%,
                rgba(7, 20, 38, .82) 62%,
                rgba(7, 20, 38, .48) 100%
            ),
            linear-gradient(
                180deg,
                rgba(7, 20, 38, .12),
                rgba(7, 20, 38, .72)
            );
    }

    .ooi-home-hero__content {
        width: min(100%, 650px);
    }

    .ooi-home-hero__bubble--2 {
        right: 12%;
    }

    .ooi-home-hero__bubble--6 {
        right: 30%;
    }
}


/* Mobile */

@media (max-width: 600px) {
    .ooi-home-hero {
        align-items: flex-end;
        min-height: min(780px, 92svh);
        border-radius: 20px;
    }

    .ooi-home-hero__background {
        background-position: 68% 18%;
        background-size: auto 62%;
    }

    .ooi-home-hero__overlay {
        background:
            linear-gradient(
                180deg,
                rgba(7, 20, 38, .20) 0%,
                rgba(7, 20, 38, .58) 39%,
                rgba(7, 20, 38, .97) 67%,
                #071426 100%
            );
    }

    .ooi-home-hero__inner {
        padding:
            300px
            22px
            92px;
    }

    .ooi-home-hero__title {
        font-size: clamp(39px, 12vw, 56px);
        line-height: 1.01;
    }

    .ooi-home-hero__summary {
        margin-top: 22px;
        font-size: 17px;
    }

    .ooi-home-hero__actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-top: 28px;
    }

    .ooi-home-hero__action {
        min-height: 48px;
        padding-inline: 16px;
        font-size: 14px;
    }

    .ooi-home-hero__bubble--1 {
        top: 9%;
        left: 7%;
    }

    .ooi-home-hero__bubble--2 {
        top: 6%;
        right: 12%;
    }

    .ooi-home-hero__bubble--3 {
        top: 24%;
        right: 5%;
    }

    .ooi-home-hero__bubble--4 {
        top: 31%;
        right: auto;
        bottom: auto;
        left: 13%;
    }

    .ooi-home-hero__bubble--5,
    .ooi-home-hero__bubble--6 {
        display: none;
    }

    .ooi-home-hero__scroll {
        bottom: 18px;
        width: 38px;
        height: 38px;
    }
}


/* Réduction des animations */

@media (prefers-reduced-motion: reduce) {
    .ooi-home-hero__bubble {
        animation: none;
    }

    .ooi-home-hero__action,
    .ooi-home-hero__bubble,
    .ooi-home-hero__scroll {
        transition: none;
    }
}/* End custom CSS */