#losing-weight .tagline{ min-height: 400px; padding-right: 0;}
#losing-weight .row h2{ text-align: center; width: 100%; display: block;}
#losing-weight .row p{ text-align: center; width: 100%; display: block;}


.btn {display: inline-block; margin-top: 20px; background: #fff; color: #5d2387; padding: 10px 25px;
    border-radius: 999px; text-decoration: none; font-weight: bold;}

a.btn{color: #5d2387;}

.cta{ margin: 0 auto; justify-content: center; color:#fff; text-align:center; padding: 50px 0;}
.cta h2{color:#fff}
.cta p{text-align:center; display: block;}

.published{ text-align:center; font-style: italic;  font-size: 85%; margin-top: 2em;}

/*-- Articles --*/
/* ==========================================================
   WHY YOUR DIET STOPS WORKING
========================================================== */

.reasons-section{
    padding:0;
}

.reading-container {
    width: min(860px, calc(100% - 48px));
    margin: 0 auto;
}


.section-title{
    color:#252525;
    font-size:39px;
    line-height:1.2;
}


.reason-list{
    border-top:1px solid #e8e8e8;
}

.reason-item{
    display:grid;
    grid-template-columns: 72px minmax(0,1fr);
    gap:26px;
    padding:38px 0;
    border-bottom:1px solid #e8e8e8;
}


.reason-number{
    padding-top:7px;
    color:var(--purple);
    font-size:15px;
    font-weight:700;
    letter-spacing:1.4px;
}


.reason-content h3{
    margin:0 0 13px;
    color:var(--purple);
    font-size:23px;
    line-height:1.35;
}


.reason-content p{
    margin:0;
    color:var(--body);
    font-size:17px;
    line-height:1.78;
}



/* ==========================================================
   WHAT ACTUALLY WORKS
========================================================== */

.works-section{
    position:relative;
    overflow:hidden;
    padding:30px 0 100px;
    background:#fbf6f9;
}

.works-grid{
    position:relative;
    z-index:2;    
    align-items:center;
}



/* ==========================================================
   BOTTOM VIDEO
========================================================== */

.works-video-column{
    position:relative;
    margin-top: 2em;
}




.video-frame{
    position:relative;
    z-index:2;
    overflow:hidden;
    width:100%;
    aspect-ratio:4 / 3;
    border-radius:21px;
    background:#111;
    box-shadow:
        0 18px 50px
        rgba(70,20,55,.12);
}


.video-frame iframe{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
}



/* ==========================================================
   RIGHT INFORMATION
========================================================== */

.works-content{
    position:relative;
}


.works-content h2{
    margin:0 0 19px;
    color:#242424;
    font-size:40px;
    line-height:1.15;
    text-align: center;
}


.works-intro{
    margin:0 0 27px;
    color:#555;
    font-size:16px;
    line-height:1.75;
}



/* LIST */

.works-list{
    margin:0 0 28px;
    padding:0;
    list-style:none;
    border-top:1px solid #dfd1da;
}


.works-list li{
    position:relative;
    padding: 15px 3px 15px  31px;
    border-bottom: 1px solid #dfd1da;
    color:#3e3e3e;
    font-size:15px;
    line-height:1.55;
}


.works-list li:before{
    content:"✓";
    position:absolute;
    left:0;
    top:17px;
    display:flex;
    width:18px;
    height:18px;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:var(--purple2);
    color:#fff;
    font-size:10px;
    font-weight:bold;
}


.works-bottom{
    margin:0;
    color:#555;
    font-size:16px;
    line-height:1.75;
}



/* ==========================================================
   SUPPORTING IMAGE
   RIGHT SIDE IMAGE
========================================================== */

.works-image{
    position:relative;
    overflow:hidden;
    height:250px;
    margin-top:32px;
    border-radius:18px;
    background:#f0e3eb;
}


.works-image img{
    width:100%;  
    height:100%;
    object-fit:cover;
    object-position:center;
}



/* ==========================================================
   FINAL CTA
========================================================== */
.final-section{
    position:relative;
    overflow:hidden;
    padding:82px 20px;
    text-align:center;
    background:
        radial-gradient(
            circle at 90% 0%,
            rgba(255,255,255,.11),
            transparent 30%
        ),
        linear-gradient(
            125deg,
            #59154f,
            #7b1c68
        );
}


.final-section:before{
    content:"";
    position:absolute;
    width:360px;
    height:360px;
    left:-190px;
    bottom:-250px;
    border:1px solid
        rgba(255,255,255,.10);
    border-radius:50%;
}


.final-inner{
    position:relative;
    z-index:2;
    max-width:720px;
    margin:0 auto;
}


.final-inner h2{
    margin:0 0 15px;
    color:#fff;
    font-size:40px;
    line-height:1.2;
}


.final-inner p{
    max-width:620px;
    margin:0 auto 26px;
    color:#f4eaf0;
    font-size:17px;
    line-height:1.7;
}


.final-inner .dorra-button{
    margin-top:0;
    background:#fff;
    color:var(--dorra-purple);

}


.final-inner .dorra-button:hover{
    background:#f6ecf2;
}