/* Cleradol Science & Evidence — premium, compact and data-led. */

.cl-science {
    --cl-science-max: 1240px;
    overflow: clip;
    background: #050505;
    color: #ffffff;
}

.cl-science,
.cl-science *,
.cl-science *::before,
.cl-science *::after { box-sizing: border-box; }

.cl-science :where(h1, h2, h3, p, blockquote) { margin-top: 0; }
.cl-science section[id] { scroll-margin-top: 8.5rem; }
.cl-science em { font-style: italic; font-weight: 400; }

.cl-science-kicker,
.cl-science .cl-eyebrow {
    margin: 0 0 1rem;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
}

/* ONE CONSISTENT 01–08 SECTION MARKER */
.cl-science-section-marker {
    display: inline-flex;
    width: max-content;
    max-width: 100%;
    align-items: center;
    gap: .7rem;
    margin: 0 0 1.1rem;
    padding: .28rem .8rem .28rem .28rem;
    border: 1px solid rgba(203, 163, 66, .42);
    border-radius: 999px;
    background: #0a0908;
    box-shadow: 0 .6rem 1.8rem rgba(0, 0, 0, .1);
    color: #ffffff;
}

.cl-science-section-marker > span {
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #e0bd6a, #b98e32);
    color: #17120b;
    font-family: var(--wp--preset--font-family--display);
    font-size: 1rem;
    line-height: 1;
}

.cl-science-section-marker > small {
    overflow: hidden;
    color: #d7d0c9;
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .13em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

/* REPLACEABLE PREMIUM IMAGE PLACEHOLDERS */
.cl-science-media {
    position: relative;
    min-width: 0;
    overflow: hidden;
    margin: 0;
    border: 1px solid rgba(203, 163, 66, .28);
    border-radius: 1rem;
    background:
        var(--cl-science-image, none) center / cover no-repeat,
        radial-gradient(circle at 68% 32%, rgba(225, 190, 112, .5), transparent 25%),
        radial-gradient(circle at 35% 70%, rgba(244, 225, 225, .35), transparent 32%),
        linear-gradient(145deg, #171009, #050505 72%);
    box-shadow: 0 1.2rem 3.5rem rgba(52, 39, 24, .1);
    isolation: isolate;
}

.cl-science-media::before,
.cl-science-media::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 50%;
    pointer-events: none;
    z-index: 1;
}

.cl-science-media > img {
    position: absolute;
    z-index: 0;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .7s cubic-bezier(.2, .65, .3, 1);
}

.cl-science-media:hover > img { transform: scale(1.035); }

.cl-science-media::before {
    width: 44%;
    aspect-ratio: 1;
    right: 8%;
    top: 12%;
    box-shadow: 0 0 0 2rem rgba(203, 163, 66, .035), 0 0 0 4rem rgba(203, 163, 66, .02);
    animation: cl-science-media-pulse 6s ease-in-out infinite;
}

.cl-science-media::after {
    width: .45rem;
    height: .45rem;
    right: 28%;
    top: 38%;
    border: 0;
    background: #d3a84c;
    box-shadow: -4.5rem 2.8rem 0 -.08rem rgba(255, 255, 255, .65), 3.8rem 3rem 0 -.08rem rgba(211, 168, 76, .75);
}

.cl-science-media__label {
    position: absolute;
    z-index: 1;
    left: 1.2rem;
    bottom: 1.2rem;
    display: grid;
    gap: .3rem;
    max-width: calc(100% - 2.4rem);
    padding: .75rem .9rem;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: .55rem;
    background: rgba(5, 5, 5, .7);
    color: #ffffff;
    backdrop-filter: blur(10px);
}

.cl-science-media__label span {
    color: #d3a84c;
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.cl-science-media__label small {
    color: #d3cdc7;
    font-size: .72rem;
    line-height: 1.4;
}

.cl-science-media--pathway { min-height: 22rem; }
.cl-science-media--safety { min-height: clamp(15rem, 30vw, 23rem); margin: 0 auto 1rem; }

/* COMPACT INNER-PAGE HERO */
.cl-science-hero {
    position: relative;
    display: grid;
    min-height: clamp(11rem, 22vw, 15rem);
    align-items: center;
    overflow: hidden;
    padding: clamp(2.25rem, 4vw, 3.5rem) max(var(--cl-page-gutter), calc((100% - var(--cl-science-max)) / 2));
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    background:
        radial-gradient(circle at 82% 18%, rgba(203, 163, 66, .13), transparent 27%),
        linear-gradient(135deg, #050505 0%, #0b0906 100%);
}

.cl-science-hero::before {
    content: "";
    position: absolute;
    width: 18rem;
    height: 18rem;
    right: max(var(--cl-page-gutter), calc((100% - var(--cl-science-max)) / 2));
    top: 50%;
    border: 1px solid rgba(203, 163, 66, .2);
    border-radius: 50%;
    background:
        radial-gradient(circle at 24% 32%, rgba(203, 163, 66, .65) 0 .18rem, transparent .22rem),
        radial-gradient(circle at 67% 24%, rgba(255, 255, 255, .4) 0 .14rem, transparent .18rem),
        radial-gradient(circle at 76% 67%, rgba(203, 163, 66, .45) 0 .2rem, transparent .24rem),
        radial-gradient(circle at 38% 75%, rgba(255, 255, 255, .28) 0 .14rem, transparent .18rem);
    opacity: .55;
    transform: translateY(-50%);
    animation: cl-science-orbit 14s linear infinite;
}

.cl-science-hero::after {
    content: "";
    position: absolute;
    width: 24rem;
    height: 1px;
    right: -5rem;
    top: 50%;
    background: linear-gradient(90deg, transparent, rgba(203, 163, 66, .55), transparent);
    transform: rotate(-24deg);
    animation: cl-science-scan 5s ease-in-out infinite alternate;
}

.cl-science-hero__inner {
    position: relative;
    z-index: 1;
    width: min(100%, var(--cl-science-max));
    margin-inline: auto;
}

.cl-science-kicker { color: #d3a84c; }

.cl-science-hero h1 {
    max-width: 16ch;
    margin: 0;
    font-family: var(--wp--preset--font-family--display);
    font-size: clamp(2.6rem, 4.6vw, 4.7rem);
    font-weight: 400;
    letter-spacing: -.055em;
    line-height: .91;
}

.cl-science-hero h1 em {
    background: var(--cl-gold-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* STICKY SECTION INDEX */
.cl-science-index {
    position: sticky;
    z-index: 40;
    top: 4.75rem;
    display: flex;
    overflow-x: auto;
    padding-inline: max(var(--cl-page-gutter), calc((100% - var(--cl-science-max)) / 2));
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    background: rgba(7, 7, 7, .9);
    box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .12);
    backdrop-filter: blur(14px);
    scrollbar-width: none;
}

.cl-science-index::-webkit-scrollbar { display: none; }

.cl-science-index a {
    display: inline-flex;
    min-height: 3.25rem;
    flex: 0 0 auto;
    gap: .5rem;
    align-items: center;
    padding: .65rem .9rem;
    border-right: 1px solid rgba(255, 255, 255, .1);
    color: #aaa39c;
    font-size: .64rem;
    font-weight: 700;
    letter-spacing: .09em;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .2s ease, background-color .2s ease;
}

.cl-science-index a:first-child { border-left: 1px solid rgba(255, 255, 255, .1); }
.cl-science-index a:hover { background: rgba(203, 163, 66, .1); color: #ffffff; }
.cl-science-index span { color: #cba342; font-family: var(--wp--preset--font-family--display); font-size: .9rem; }

/* SHARED SECTION TYPOGRAPHY */
.cl-science :where(.cl-science-pathway, .cl-science-intervention, .cl-science-safety, .cl-science-formulation, .cl-science-registrations) {
    padding: clamp(4.5rem, 8vw, 7.5rem) max(var(--cl-page-gutter), calc((100% - var(--cl-science-max)) / 2));
}

.cl-science :where(.cl-science-pathway, .cl-science-intervention, .cl-science-measurement, .cl-science-potency, .cl-science-safety, .cl-science-practice-limits, .cl-science-formulation, .cl-science-registrations, .cl-science-close) h2 {
    margin: 0;
    font-family: var(--wp--preset--font-family--display);
    font-size: clamp(2.65rem, 4.2vw, 4.5rem);
    font-weight: 400;
    letter-spacing: -.05em;
    line-height: .94;
}

/* PATHWAY */
.cl-science-pathway { background: #f7f3ef; color: #17120b; }

.cl-science-pathway__intro {
    display: grid;
    gap: clamp(2rem, 5vw, 4rem);
    width: min(100%, var(--cl-science-max));
    align-items: center;
}

.cl-science-pathway .cl-eyebrow { color: #8c6817; }
.cl-science-pathway h2 { max-width: 14ch; }

.cl-science-pathway__copy > p {
    max-width: 43rem;
    margin: 1rem 0 0;
    color: #665d55;
    line-height: 1.75;
}

.cl-science-pathway__flow {
    position: relative;
    display: grid;
    gap: .75rem;
    width: min(100%, var(--cl-science-max));
    margin: clamp(2.5rem, 5vw, 4rem) auto 0;
}

.cl-science-pathway__flow::before {
    content: "";
    position: absolute;
    z-index: 0;
    height: 2px;
    left: 5%;
    right: 5%;
    top: 50%;
    background: linear-gradient(90deg, #ded5cc, #cba342, #ded5cc);
    background-size: 200% 100%;
    animation: cl-science-flow 5s linear infinite;
}

.cl-science-pathway__flow article {
    position: relative;
    z-index: 1;
    display: flex;
    min-height: 11rem;
    flex-direction: column;
    padding: 1.25rem;
    border: 1px solid #ded5cc;
    border-radius: .85rem;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 .8rem 2rem rgba(52, 39, 24, .04);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.cl-science-pathway__flow article:hover {
    border-color: #c7a55b;
    box-shadow: 0 1rem 2.5rem rgba(52, 39, 24, .1);
    transform: translateY(-.35rem);
}

.cl-science-pathway__flow article:nth-of-type(2) { background: #f4e1e1; }
.cl-science-pathway__flow article:nth-of-type(3) { background: #efe3c7; }
.cl-science-pathway__flow span { color: #9a741d; font-family: var(--wp--preset--font-family--display); font-size: 1.35rem; }
.cl-science-pathway__flow strong { margin-top: auto; font-family: var(--wp--preset--font-family--display); font-size: 1.55rem; font-weight: 400; line-height: 1; }
.cl-science-pathway__flow small { margin-top: .55rem; color: #756b62; line-height: 1.45; }
.cl-science-pathway__flow i { display: none; }

/* INTERVENTION */
.cl-science-intervention {
    position: relative;
    background:
        radial-gradient(circle at 88% 14%, rgba(203, 163, 66, .12), transparent 24%),
        #050505;
}

.cl-science-intervention__head { width: min(100%, 52rem); margin-bottom: clamp(2.25rem, 4vw, 3.5rem); }
.cl-science-intervention__head h2 { max-width: 14ch; }
.cl-science-intervention__head > p:last-child { max-width: 40rem; margin: 1.25rem 0 0; color: #aaa39c; line-height: 1.7; }

.cl-science-intervention__grid {
    display: grid;
    gap: .8rem;
    width: min(100%, var(--cl-science-max));
    margin-inline: auto;
}

.cl-science-intervention__card {
    position: relative;
    display: flex;
    min-height: 21rem;
    flex-direction: column;
    overflow: hidden;
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border-radius: 1rem;
    color: #17120b;
    transition: transform .3s ease, box-shadow .3s ease;
}

.cl-science-intervention__card::after {
    content: "";
    position: absolute;
    width: 45%;
    height: 160%;
    left: -60%;
    top: -30%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .28), transparent);
    transform: rotate(14deg);
    transition: left .7s ease;
}

.cl-science-intervention__card:hover { box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, .28); transform: translateY(-.35rem); }
.cl-science-intervention__card:hover::after { left: 120%; }
.cl-science-intervention__card--gold { background: linear-gradient(145deg, #d8b45d, #b88e32); }
.cl-science-intervention__card--blush { background: linear-gradient(145deg, #f8e8e8, #e8cccf); }
.cl-science-intervention__num { font-family: var(--wp--preset--font-family--display); font-size: clamp(3.8rem, 7vw, 6rem); line-height: .8; opacity: .2; }
.cl-science-intervention__card > div { margin-top: auto; }
.cl-science-intervention__active { margin-bottom: .65rem; font-size: .68rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.cl-science-intervention__card h3 { max-width: 13ch; margin: 0 0 .8rem; color: #17120b; font-family: var(--wp--preset--font-family--display); font-size: clamp(2.2rem, 3.7vw, 3.8rem); font-weight: 400; letter-spacing: -.045em; line-height: .95; }
.cl-science-intervention__card p:last-child { max-width: 29rem; margin: 0; color: #4c402f; line-height: 1.65; }
.cl-science-intervention__close { width: min(100%, var(--cl-science-max)); margin: 2rem auto 0; font-family: var(--wp--preset--font-family--display); font-size: clamp(1.65rem, 2.8vw, 2.8rem); line-height: 1.15; }
.cl-science-intervention__close em { color: #cba342; }

/* MEASUREMENT */
.cl-science-measurement {
    padding: clamp(4.5rem, 8vw, 7.5rem) max(var(--cl-page-gutter), calc((100% - var(--cl-science-max)) / 2));
    background: #f7f3ef;
    color: #17120b;
}

.cl-science-measurement__inner {
    display: grid;
    width: min(100%, var(--cl-science-max));
    margin-inline: auto;
    overflow: hidden;
    border: 1px solid #ded5cc;
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 1.5rem 4rem rgba(52, 39, 24, .07);
}

.cl-science-measurement__stat,
.cl-science-measurement__content { padding: clamp(1.75rem, 4vw, 3.5rem); }

.cl-science-measurement__stat {
    display: flex;
    min-height: 19rem;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    background:
        radial-gradient(circle at 70% 30%, rgba(203, 163, 66, .2), transparent 32%),
        #0a0908;
    color: #ffffff;
}

.cl-science-measurement__stat .cl-eyebrow { color: #cba342; }
.cl-science-measurement__stat strong { display: block; margin-left: -.06em; color: #d3a84c; font-family: var(--wp--preset--font-family--display); font-size: clamp(6rem, 12vw, 9rem); font-variant-numeric: lining-nums tabular-nums; font-weight: 400; letter-spacing: -.07em; line-height: .75; white-space: nowrap; }
.cl-science-measurement__stat > span { margin-top: 1.25rem; color: #c1b8b0; font-size: .72rem; font-weight: 700; letter-spacing: .1em; line-height: 1.5; text-transform: uppercase; }
.cl-science-measurement__content { align-self: center; }
.cl-science-measurement h2 { max-width: 14ch; }
.cl-science-measurement__intro { max-width: 35rem; margin: 1.2rem 0 1.8rem; color: #6a6159; line-height: 1.7; }
.cl-science-compare { border-top: 1px solid #d7cfc7; }
.cl-science-compare__row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1rem; align-items: center; min-height: 3.25rem; padding-inline: .2rem; border-bottom: 1px solid #d7cfc7; transition: padding .2s ease, background-color .2s ease; }
.cl-science-compare__row:not(.cl-science-compare__row--head):hover { padding-inline: .75rem; background: #faf7f3; }
.cl-science-compare__row strong { font-family: var(--wp--preset--font-family--display); font-size: 1.4rem; font-weight: 400; }
.cl-science-compare__row--head { min-height: 2.6rem; color: #81776e; font-size: .65rem; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.cl-science-compare__row--focus { color: #8a6518; }
.cl-science-compare__row--focus strong { font-size: 1.9rem; }
.cl-science-measurement blockquote { max-width: 38rem; margin: 1.8rem 0 0; padding-top: 1.4rem; border-top: 1px solid #d7cfc7; font-family: var(--wp--preset--font-family--display); font-size: clamp(1.4rem, 2.1vw, 2rem); line-height: 1.25; }
.cl-science-measurement blockquote em { color: #9a741d; }

/* POTENCY */
.cl-science-potency {
    padding: clamp(4.5rem, 8vw, 7.5rem) max(var(--cl-page-gutter), calc((100% - var(--cl-science-max)) / 2));
    background: #050505;
}

.cl-science-potency__inner {
    display: grid;
    width: min(100%, var(--cl-science-max));
    margin-inline: auto;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 1rem;
    background: #0a0908;
}

.cl-science-potency__visual {
    position: relative;
    min-height: 27rem;
    overflow: hidden;
    background: linear-gradient(145deg, #17120b, #2c2110);
}

.cl-science-potency__visual > span { position: absolute; left: 6%; top: 7%; color: rgba(255, 255, 255, .05); font-family: var(--wp--preset--font-family--display); font-size: clamp(5rem, 11vw, 9rem); line-height: .75; }
.cl-science-potency__orb { position: absolute; width: 45%; aspect-ratio: 1; left: 52%; top: 47%; border: 1px solid rgba(255, 236, 148, .35); border-radius: 50%; box-shadow: 0 0 0 2.5rem rgba(203, 163, 66, .05), 0 0 0 5rem rgba(203, 163, 66, .025); transform: translate(-50%, -50%); animation: cl-science-pulse 5s ease-in-out infinite; }
.cl-science-potency__bottle { position: absolute; width: 36%; height: 76%; left: 34%; bottom: 0; background: url('../../images/advance-corrective-serum.png') center bottom/contain no-repeat; filter: drop-shadow(0 2rem 2.5rem rgba(0, 0, 0, .45)); animation: cl-science-float 5s ease-in-out infinite; }
.cl-science-potency__copy { display: grid; align-content: center; padding: clamp(2rem, 4vw, 3.5rem); }
.cl-science-potency h2 { max-width: 14ch; }
.cl-science-potency__copy > p:not(.cl-eyebrow) { max-width: 39rem; margin: 1rem 0 0; color: #aaa39c; line-height: 1.75; }

/* SAFETY */
.cl-science-safety { background: #f7f3ef; color: #17120b; }
.cl-science-safety__head { display: grid; gap: 1.25rem; width: min(100%, var(--cl-science-max)); margin: 0 auto clamp(2.25rem, 4vw, 3.5rem); }
.cl-science-safety .cl-eyebrow { color: #8c6817; }
.cl-science-safety h2 { max-width: 14ch; }
.cl-science-safety__head > p { max-width: 34rem; margin: 0; color: #6b625a; line-height: 1.7; }

.cl-science-safety__stats {
    display: grid;
    gap: .75rem;
    width: min(100%, var(--cl-science-max));
    margin-inline: auto;
}

.cl-science-safety__stats article {
    min-width: 0;
    padding: clamp(1.35rem, 2.5vw, 1.9rem);
    border: 1px solid #ded5cc;
    border-radius: .85rem;
    background: #ffffff;
    transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}

.cl-science-safety__stats article:hover { border-color: #c9a95f; box-shadow: 0 1rem 2.5rem rgba(52, 39, 24, .08); transform: translateY(-.3rem); }
.cl-science-safety__stats article:nth-child(2) { background: #efe3c7; }
.cl-science-safety__stats article:nth-child(3) { background: #f4e1e1; }
.cl-science-safety__stats strong { display: block; margin-bottom: 1.4rem; color: #956d13; font-family: var(--wp--preset--font-family--display); font-size: clamp(2.65rem, 3.5vw, 3.7rem); font-variant-numeric: lining-nums tabular-nums; font-weight: 400; letter-spacing: -.055em; line-height: .9; white-space: nowrap; }
.cl-science-safety__stats h3 { margin: 0 0 .65rem; color: #17120b; font-family: var(--wp--preset--font-family--display); font-size: clamp(1.45rem, 2vw, 1.9rem); font-weight: 400; line-height: 1.08; }
.cl-science-safety__stats p { margin: 0; color: #665d55; font-size: .9rem; line-height: 1.65; }
.cl-science-safety__stats small { display: block; margin-top: .9rem; color: #796f67; font-size: .65rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }

.cl-science-panel { width: min(100%, var(--cl-science-max)); margin: 1.5rem auto 0; border-top: 1px solid #d9d1c8; border-bottom: 1px solid #d9d1c8; }
.cl-science-panel summary { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 1rem; align-items: center; padding: 1.2rem 0; cursor: pointer; font-family: var(--wp--preset--font-family--display); font-size: clamp(1.3rem, 1.8vw, 1.7rem); list-style: none; }
.cl-science-panel summary::-webkit-details-marker { display: none; }
.cl-science-panel summary::after { content: "+"; display: grid; width: 1.8rem; height: 1.8rem; place-items: center; border: 1px solid #9a741d; border-radius: 50%; color: #9a741d; font-family: var(--wp--preset--font-family--body); font-size: .9rem; }
.cl-science-panel[open] summary::after { content: "−"; }
.cl-science-panel summary span { color: #81776e; font-family: var(--wp--preset--font-family--body); font-size: .65rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.cl-science-panel__body { padding: 0 0 1.5rem; }
.cl-science-table-wrap { overflow-x: auto; }
.cl-science-table { width: 100%; min-width: 720px; border-collapse: collapse; }
.cl-science-table th,
.cl-science-table td { padding: .85rem; border-bottom: 1px solid #e1dad3; text-align: left; vertical-align: top; }
.cl-science-table th { color: #7d746c; font-size: .65rem; letter-spacing: .1em; text-transform: uppercase; }
.cl-science-table td { color: #554d46; font-size: .9rem; line-height: 1.5; }
.cl-science-table td:first-child { color: #17120b; font-weight: 700; }

/* PRACTICE AND LIMITS */
.cl-science-practice-limits {
    display: grid;
    gap: .8rem;
    padding: clamp(4.5rem, 8vw, 7.5rem) max(var(--cl-page-gutter), calc((100% - var(--cl-science-max)) / 2));
    background: #efe3c7;
}

.cl-science-practice,
.cl-science-limits {
    min-width: 0;
    padding: clamp(1.75rem, 4vw, 3.5rem);
    border-radius: 1rem;
}

.cl-science-practice { background: linear-gradient(145deg, #d8b45d, #bd9132); color: #17120b; }
.cl-science-practice .cl-eyebrow { color: #5d4510; }
.cl-science-limits { background: linear-gradient(145deg, #171009, #050505); color: #ffffff; }
.cl-science-practice-limits h2 { max-width: 14ch; }
.cl-science-practice > p:not(.cl-eyebrow),
.cl-science-limits > p:not(.cl-eyebrow) { max-width: 39rem; margin: 1rem 0 0; line-height: 1.75; }
.cl-science-practice > p:not(.cl-eyebrow) { color: #443821; }
.cl-science-limits > p:not(.cl-eyebrow) { color: #aaa39c; }
.cl-science-practice blockquote { max-width: 35rem; margin: 2rem 0 0; padding-top: 1.35rem; border-top: 1px solid rgba(23, 18, 11, .25); font-family: var(--wp--preset--font-family--display); font-size: clamp(1.55rem, 2.4vw, 2.3rem); line-height: 1.18; }

/* FORMULATION */
.cl-science-formulation { background: #f4e1e1; color: #17120b; }
.cl-science-formulation__head { width: min(100%, 52rem); margin-bottom: clamp(2.25rem, 4vw, 3.5rem); }
.cl-science-formulation .cl-eyebrow { color: #7b5a13; }
.cl-science-formulation h2 { max-width: 16ch; }

.cl-science-formulation__grid {
    display: grid;
    gap: .75rem;
    width: min(100%, var(--cl-science-max));
    margin-inline: auto;
}

.cl-science-formulation__grid article {
    padding: 1.4rem;
    border: 1px solid rgba(23, 18, 11, .16);
    border-radius: .8rem;
    background: rgba(255, 255, 255, .3);
    transition: background-color .25s ease, transform .25s ease;
}

.cl-science-formulation__grid article:hover { background: rgba(255, 255, 255, .55); transform: translateY(-.25rem); }
.cl-science-formulation__grid span { color: #8e6818; font-family: var(--wp--preset--font-family--display); font-size: 1.45rem; }
.cl-science-formulation__grid h3 { margin: 1.75rem 0 .65rem; color: #17120b; font-family: var(--wp--preset--font-family--display); font-size: clamp(1.55rem, 2.2vw, 2rem); font-weight: 400; line-height: 1; }
.cl-science-formulation__grid p { margin: 0; color: #65584d; font-size: .9rem; line-height: 1.65; }
.cl-science-formulation__out { width: min(100%, var(--cl-science-max)); margin: .8rem auto 0; padding: clamp(1.5rem, 3vw, 2.5rem); border-radius: .8rem; background: #17120b; color: #ffffff; }
.cl-science-formulation__out > span { display: block; color: #cba342; font-size: .65rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.cl-science-formulation__out p { margin: .8rem 0 0; font-family: var(--wp--preset--font-family--display); font-size: clamp(1.45rem, 2.6vw, 2.5rem); line-height: 1.15; }
.cl-science-formulation__out i { color: #cba342; font-style: normal; }

/* REGISTRATIONS */
.cl-science-registrations { background: #ffffff; color: #17120b; }
/* CLOSING CTA */
.cl-science-close {
    position: relative;
    display: grid;
    min-height: 23rem;
    place-items: center;
    overflow: hidden;
    padding: clamp(4.5rem, 8vw, 7rem) max(var(--cl-page-gutter), calc((100% - var(--cl-science-max)) / 2));
    background:
        radial-gradient(circle at 50% 45%, rgba(203, 163, 66, .2), transparent 26%),
        linear-gradient(145deg, #050505, #171009);
    text-align: center;
}

.cl-science-close__ghost { position: absolute; left: 50%; top: 50%; color: rgba(255, 255, 255, .03); font-family: var(--wp--preset--font-family--display); font-size: clamp(6rem, 16vw, 13rem); letter-spacing: -.08em; transform: translate(-50%, -50%); white-space: nowrap; }
.cl-science-close__inner { position: relative; z-index: 1; display: grid; width: min(100%, 48rem); justify-items: center; }
.cl-science-close .cl-eyebrow { color: #cba342; }
.cl-science-close h2 { max-width: 15ch; }
.cl-science-close h2 em { background: var(--cl-gold-gradient); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.cl-science-close__inner > p:not(.cl-eyebrow) { max-width: 36rem; margin: 1.2rem 0 0; color: #aaa39c; line-height: 1.7; }
.cl-science-close .cl-actions { justify-content: center; }

/* MOTION */
@keyframes cl-science-orbit {
    to { transform: translateY(-50%) rotate(360deg); }
}

@keyframes cl-science-scan {
    from { opacity: .25; transform: translateY(-2rem) rotate(-24deg); }
    to { opacity: .8; transform: translateY(2rem) rotate(-24deg); }
}

@keyframes cl-science-flow {
    to { background-position: -200% 0; }
}

@keyframes cl-science-pulse {
    0%, 100% { opacity: .75; transform: translate(-50%, -50%) scale(.96); }
    50% { opacity: 1; transform: translate(-50%, -50%) scale(1.04); }
}

@keyframes cl-science-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-.45rem); }
}

@keyframes cl-science-media-pulse {
    0%, 100% { opacity: .7; transform: scale(.94); }
    50% { opacity: 1; transform: scale(1.04); }
}

@media (min-width: 680px) {
    .cl-science-intervention__grid,
    .cl-science-measurement__inner,
    .cl-science-potency__inner,
    .cl-science-practice-limits { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    .cl-science-safety__stats,
    .cl-science-formulation__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

}

@media (min-width: 760px) {
    .cl-science-safety__head { grid-template-columns: minmax(0, 1fr) minmax(18rem, 30rem); align-items: end; }

    .cl-science-pathway__intro { grid-template-columns: minmax(0, 1.05fr) minmax(20rem, .78fr); }
}

@media (min-width: 980px) {
    .cl-science-pathway__flow { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .cl-science-safety__stats,
    .cl-science-formulation__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 979px) {
    .cl-science-pathway__flow::before { display: none; }
}

@media (max-width: 679px) {
    .cl-science-hero { min-height: 10rem; }
    .cl-science-hero::before { width: 10rem; height: 10rem; right: -3rem; opacity: .3; }
    .cl-science-hero h1 { max-width: 12ch; font-size: clamp(2.55rem, 12vw, 3.55rem); }
    .cl-science-index a { padding-inline: .75rem; }

    .cl-science-pathway__flow { gap: .55rem; }

    .cl-science-pathway__flow article {
        display: grid;
        grid-template-columns: 2.35rem minmax(0, 1fr);
        grid-template-rows: auto auto;
        gap: .15rem .85rem;
        min-height: 0;
        padding: .8rem .9rem;
        background:
            radial-gradient(circle at 92% 15%, rgba(203, 163, 66, .12), transparent 28%),
            #ffffff;
    }

    .cl-science-pathway__flow article:nth-of-type(2) { background: linear-gradient(135deg, #f8e9e9, #f4e1e1); }
    .cl-science-pathway__flow article:nth-of-type(3) { background: linear-gradient(135deg, #f4ead4, #efe3c7); }

    .cl-science-pathway__flow article > span {
        display: grid;
        width: 2.35rem;
        height: 2.35rem;
        grid-row: 1 / 3;
        place-items: center;
        align-self: center;
        border: 1px solid rgba(154, 116, 29, .28);
        border-radius: 50%;
        background: rgba(255, 255, 255, .5);
        font-size: .95rem;
    }

    .cl-science-pathway__flow strong { align-self: end; margin-top: 0; font-size: 1.3rem; }
    .cl-science-pathway__flow small { align-self: start; margin-top: 0; font-size: .78rem; }
    .cl-science-intervention__card { min-height: 17rem; }
    .cl-science-potency__visual { min-height: 23rem; }
    .cl-science-panel summary { grid-template-columns: minmax(0, 1fr) auto; }
    .cl-science-panel summary span { display: none; }
    .cl-science-close { min-height: 20rem; }
}

@media (min-width: 980px) {
    .cl-science-formulation__grid h3 { min-height: 2.1em; }
}

@media (prefers-reduced-motion: reduce) {
    .cl-science-hero::before,
    .cl-science-hero::after,
    .cl-science-pathway__flow::before,
    .cl-science-potency__orb,
    .cl-science-potency__bottle { animation: none; }

    .cl-science-media::before { animation: none; }

    .cl-science :where(.cl-science-media > img, .cl-science-pathway__flow article, .cl-science-intervention__card, .cl-science-intervention__card::after, .cl-science-compare__row, .cl-science-safety__stats article, .cl-science-formulation__grid article) { transition: none; }
}