@import url('/css/why-recomp-v1012-base.css');

/* TEST — approved recomp-vs-diet evidence infographic */
.wm-hero.wm-hero-clarity {
    background:linear-gradient(105deg,rgba(2,8,11,.97),rgba(5,20,23,.91));
}

.wm-clarity-proof {
    padding:clamp(.65rem,1.4vw,1rem);
    overflow:hidden;
}

.wm-clarity-proof::before {
    content:"";
    display:block;
    width:100%;
    aspect-ratio:1672/941;
    border-radius:16px;
    background:url('/images/marketing-v15/recomp-vs-diet-approved.jpg') center/contain no-repeat;
    box-shadow:0 18px 46px rgba(0,0,0,.32);
}

.wm-clarity-intro,
.wm-clarity-sub,
.wm-clarity-grid,
.wm-why-callout {
    display:none !important;
}

.wm-clarity-note {
    margin-top:.8rem;
    padding:.25rem .35rem 0;
}

@media (max-width:720px) {
    .wm-hero.wm-hero-clarity { padding:.55rem; }
    .wm-clarity-proof { padding:.45rem; border-radius:15px; }
    .wm-clarity-proof::before { border-radius:11px; }
    .wm-clarity-note { font-size:.64rem; }
}