#mehdi-banner{width:100%;overflow:hidden;isolation:isolate}
#mehdi-banner .thumbnail-img-banner-three{overflow:hidden;margin-left:0;min-width:0}
#mehdi-banner .rts-reveal-image-one{width:100%;min-width:0;margin-left:0;height:650px;object-fit:cover;object-position:60% center}
#mehdi-banner .title{font-size:clamp(70px,8vw,130px)}
#mehdi-banner .title span{font-size:clamp(18px,2vw,30px)}
#mehdi-banner .disc{max-width:500px;line-height:1.8}
@media(min-width:992px){
 #mehdi-banner .thumbnail-img-banner-three{position:absolute;right:0;top:80px;width:48vw;max-width:none;height:calc(100% - 80px)!important;margin:0}
 #mehdi-banner .rts-reveal-image-one{width:100%;height:100%;object-position:60% center}
}
html body.lc-word-reviewed #mehdi-banner :is(.title,.title span,.disc){color:#fff!important;-webkit-text-fill-color:#fff!important}
html body.lc-word-reviewed #mehdi-banner{background-color:#141414!important}
@media(max-width:991px){#mehdi-banner .rts-reveal-image-one{height:450px}#mehdi-banner .pt--140{padding-top:40px!important}#mehdi-banner .banner-content-wrapper-three{padding-top:35px;padding-bottom:45px}#mehdi-banner .title{font-size:76px}}
@media(max-width:575px){#mehdi-banner .rts-reveal-image-one{height:390px}#mehdi-banner .title{font-size:65px}#mehdi-banner .title span{font-size:18px}#mehdi-banner .small-shape{display:none}}
@media(prefers-reduced-motion:reduce){#mehdi-banner .rts-reveal-one{visibility:visible!important}}
#mehdi-banner .banner-content-wrapper-three .title{margin-bottom:20px}
html body.lc-word-reviewed #mehdi-banner .lc-mehdi-role{display:block;position:static;width:fit-content;max-width:100%;margin:0 0 26px;padding:10px 16px;border:1px solid #ffffff26;border-radius:8px;font-size:24px;line-height:1.4;color:#fff!important;-webkit-text-fill-color:#fff!important}
@media(max-width:991px){
 #mehdi-banner>.container>.row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:center;margin:0}
 #mehdi-banner>.container>.row>.col-lg-6{width:100%;min-width:0;padding:0!important;order:initial!important}
 #mehdi-banner{padding:55px 0;height:auto;min-height:520px}
 #mehdi-banner .banner-content-wrapper-three{padding:0}
 #mehdi-banner .title{font-size:clamp(36px,8vw,70px);line-height:1.15;max-width:none}
 html body.lc-word-reviewed #mehdi-banner .lc-mehdi-role{font-size:12px;padding:7px 8px;margin-bottom:18px}
 #mehdi-banner .title span{position:absolute;top:auto;bottom:-44px;left:0;right:auto;transform:none;font-size:clamp(10px,2.5vw,17px);white-space:nowrap;padding:7px 8px;line-height:1.3}
 #mehdi-banner .disc{font-size:13px;line-height:1.7;margin-bottom:20px}
 #mehdi-banner .rts-reveal-image-one{height:clamp(340px,60vw,500px);object-position:49% center}
 #mehdi-banner .click-down-bottom{margin-top:12px}
}

#mehdi-portraits .row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}
#mehdi-portraits .row>.col-4{width:100%;padding:0;min-width:0;margin-top:0}
#mehdi-portraits .ens-context-figure{margin:0}
#mehdi-portraits .ens-context-figure img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;display:block}
@media(max-width:767px){#mehdi-portraits .row{gap:8px}#mehdi-portraits .container-140{padding-inline:16px}}
