/* =====================================================================
   TEO fluid landing — flex/grid 100vh desktop, stacked mobile
   Loaded for both EN and AR. Last stylesheet wins over landing.css /
   landing-mobile.css. landing-en.css then flips copy to LTR.

   Desktop: each .lp-section is one viewport. Content uses flex/grid
   and clamp() — no artboard scale, no top/bottom % placement.
   Mobile: natural stacked height matching the Arabic mobile Figma.
   ===================================================================== */

body.lp-fluid {
    --lp-gutter: clamp(20px, 6.4vw, 100px);
    --lp-gutter-sm: clamp(16px, 4vw, 48px);
    --lp-header-h: 120px;
    --lp-title: clamp(28px, 4.4vw, 48px);
    --lp-title-lg: clamp(32px, 5vw, 58px);
    --lp-body: clamp(15px, 1.35vw, 18px);
    --lp-lead: clamp(16px, 1.7vw, 22px);
    --lp-cta-h: 48px;
    --lp-brown: #6d5f5a;
    --lp-ink: rgba(0, 0, 0, 0.73);
    --lp-modules-bg: #4d4130;
    --lp-unique-bg: #603f22;
    --lp-taleen-bg: #4d4130;
    --lp-cream: #f7f1ea;
}

@keyframes lp-instructor-glow {
    0%, 62%, 100% {
        box-shadow: 0 0 0 0 rgba(212, 173, 70, 0);
    }
    72% {
        box-shadow: 0 0 28px 6px rgba(212, 173, 70, 0.62);
    }
}

@keyframes lp-instructor-shine {
    0% {
        transform: translateX(-160%) skewX(-20deg);
    }
    22%, 100% {
        transform: translateX(280%) skewX(-20deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.lp-fluid .lp-instructor__btn,
    body.lp-fluid .lp-instructor__btn::after {
        animation: none !important;
    }
}

body.lp-fluid .lp-video-modal__dialog {
    width: auto;
    max-width: min(960px, 92vw);
}

body.lp-fluid .lp-video-modal__player {
    width: auto;
    height: auto;
    max-width: min(960px, 92vw);
    max-height: 80vh;
}

body.lp-fluid .lp-video-modal.is-loading .lp-video-modal__dialog {
    width: min(960px, 92vw);
    min-height: 240px;
}

body.lp-fluid .lp-hero__actions {
    position: fixed;
    top: 24px;
    right: var(--lp-gutter);
    left: auto;
    z-index: 110;
}

body.lp-fluid .lp-header__inner {
    max-width: none;
    padding: 24px var(--lp-gutter);
    direction: ltr;
}

/* Kill 1280×832 canvas scaling on Arabic */
body.lp-fluid .lp-hero__canvas,
body.lp-fluid .lp-faq__canvas,
body.lp-fluid .lp-testimonials__canvas,
body.lp-fluid .lp-footer__canvas,
body.lp-fluid .lp-footer__bg-frame {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    transform: none !important;
    will-change: auto;
}

@media (min-width: 769px) and (min-height: 601px) {
    html {
        scroll-snap-type: y mandatory;
        scroll-behavior: auto;
    }

    /* Arabic uses JS one-section scroll; CSS snap would fight that motion. */
    html:has(body.lp-lang-ar) {
        scroll-snap-type: none;
        scroll-behavior: smooth;
    }
}

@media (min-width: 769px) {
    body.lp-fluid .lp-section {
        display: flex;
        flex-direction: column;
        height: 100vh;
        height: 100dvh;
        min-height: 100vh;
        min-height: 100dvh;
        overflow: hidden;
        position: relative;
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    /* Keep Figma photo sides (physical left/right). Copy stays RTL. */
    body.lp-fluid .lp-hero__canvas,
    body.lp-fluid .lp-video,
    body.lp-fluid .lp-method,
    body.lp-fluid .lp-curriculum,
    body.lp-fluid .lp-modules,
    body.lp-fluid .lp-unique,
    body.lp-fluid .lp-transform,
    body.lp-fluid .lp-instructor,
    body.lp-fluid .lp-taleen {
        direction: ltr;
    }

    body.lp-lang-ar .lp-hero__copy,
    body.lp-lang-ar .lp-hero__cta,
    body.lp-lang-ar .lp-video__bottom,
    body.lp-lang-ar .lp-video__text,
    body.lp-lang-ar .lp-video__cta,
    body.lp-lang-ar .lp-method__text,
    body.lp-lang-ar .lp-method__cta,
    body.lp-lang-ar .lp-curriculum__copy,
    body.lp-lang-ar .lp-modules__heading,
    body.lp-lang-ar .lp-modules__item p,
    body.lp-lang-ar .lp-modules__cta,
    body.lp-lang-ar .lp-unique__title,
    body.lp-lang-ar .lp-unique__item p,
    body.lp-lang-ar .lp-transform__title,
    body.lp-lang-ar .lp-transform__copy,
    body.lp-lang-ar .lp-transform__text,
    body.lp-lang-ar .lp-transform__body,
    body.lp-lang-ar .lp-transform__cta,
    body.lp-lang-ar .lp-instructor__stack,
    body.lp-lang-ar .lp-instructor__btn span,
    body.lp-lang-ar .lp-taleen__copy,
    body.lp-lang-ar .lp-taleen__label,
    body.lp-lang-ar .lp-taleen__body {
        direction: rtl;
        unicode-bidi: isolate;
    }

    body.lp-fluid .lp-header--on-hero .lp-header__logo,
    body.lp-fluid .lp-header .lp-header__logo {
        opacity: 1;
        pointer-events: auto;
        filter: none;
        mix-blend-mode: difference;
    }

    body.lp-fluid .lp-curriculum__logo,
    body.lp-fluid .lp-modules__logo,
    body.lp-fluid .lp-unique__logo,
    body.lp-fluid .lp-transform__logo,
    body.lp-fluid .lp-instructor__logo,
    body.lp-fluid .lp-science__logo,
    body.lp-fluid .lp-taleen__logo,
    body.lp-fluid .lp-faq__logo {
        display: none !important;
    }

    body.lp-fluid .lp-curriculum__logo img,
    body.lp-fluid .lp-modules__logo img,
    body.lp-fluid .lp-unique__logo img,
    body.lp-fluid .lp-transform__logo img,
    body.lp-fluid .lp-instructor__logo img,
    body.lp-fluid .lp-science__logo img,
    body.lp-fluid .lp-taleen__logo img,
    body.lp-fluid .lp-faq__logo img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    /* ---------- S1 Hero ---------- */
    body.lp-fluid .lp-hero {
        background: #111;
    }

    body.lp-fluid .lp-hero__marble,
    body.lp-fluid .lp-hero__model,
    body.lp-fluid .lp-hero__model-blur,
    body.lp-fluid .lp-hero__logo-t,
    body.lp-fluid .lp-hero__logo-e,
    body.lp-fluid .lp-hero__logo-sil,
    body.lp-fluid .lp-hero__brand {
        display: none !important;
    }

    body.lp-fluid .lp-hero__photo {
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
    }

    body.lp-fluid .lp-hero__photo img,
    body.lp-fluid .lp-hero__photo video {
        width: 100%;
        height: 100%;
        max-width: none;
        object-fit: cover;
        object-position: center center;
        display: block;
    }

    body.lp-fluid .lp-hero__photo::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.8) 100%);
    }

    body.lp-fluid .lp-hero__canvas {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        justify-content: space-between;
        gap: clamp(20px, 4vw, 64px);
        padding: 0 var(--lp-gutter) clamp(32px, 7.4vh, 80px);
        z-index: 2;
        box-sizing: border-box;
    }

    body.lp-fluid .lp-hero__copy {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: clamp(16px, 3.6vh, 40px);
        max-width: min(520px, 48vw);
        min-width: 0;
        order: 1;
    }

    body.lp-fluid .lp-hero__mark {
        order: 2;
    }

    body.lp-fluid .lp-hero__titles {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }

    body.lp-fluid .lp-hero__discover,
    body.lp-fluid .lp-hero__elegance,
    body.lp-fluid .lp-hero__built,
    body.lp-fluid .lp-hero__cta,
    body.lp-fluid .lp-hero__mark {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: auto;
        max-width: 100%;
        margin: 0;
    }

    body.lp-fluid .lp-hero__discover {
        font-size: clamp(28px, 5vw, 64px);
        line-height: 0.95;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.51);
        white-space: nowrap;
    }

    body.lp-fluid .lp-hero__elegance {
        margin-inline-start: clamp(24px, 4vw, 90px);
        margin-block: -0.28em -0.08em;
        font-size: clamp(64px, 11vw, 147px);
        line-height: 0.72;
        color: #cb1e31;
    }

    body.lp-fluid .lp-hero__built {
        font-size: clamp(22px, 3.4vw, 44px);
        line-height: 1.05;
        font-weight: 700;
        color: #fff;
        white-space: nowrap;
    }

    body.lp-fluid .lp-hero__cta {
        height: var(--lp-cta-h);
        padding: 10px 20px;
        font-family: 'PTBoldHeadingArabic', 'AlmaraiArabic', sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: normal;
        text-transform: none;
        letter-spacing: 0;
    }

    body.lp-fluid .lp-hero__mark {
        width: min(373px, 30vw);
        height: auto;
        flex-shrink: 0;
        align-self: flex-end;
        z-index: 3;
    }

    /* ---------- S2 Methodology (video slot) ---------- */
    /* 12-col grid, max 1100px: copy = 7 cols, portrait = 5 cols */
    body.lp-fluid .lp-video {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-template-rows: minmax(0, 1fr);
        align-items: stretch;
        column-gap: 0;
        width: 100%;
        padding-left: max(20px, calc((100% - 1100px) / 2));
        padding-right: max(20px, calc((100% - 1100px) / 2));
        box-sizing: border-box;
        background: #f4eee8;
    }

    body.lp-fluid .lp-video__media,
    body.lp-fluid .lp-video__gradient,
    body.lp-fluid .lp-video__menu {
        display: none !important;
    }

    body.lp-fluid .lp-video__marble {
        position: absolute;
        inset: 0;
        grid-column: 1 / -1;
        grid-row: 1;
        z-index: 0;
        overflow: hidden;
        pointer-events: none;
    }

    body.lp-fluid .lp-video__marble img {
        width: 100%;
        height: 100%;
        max-width: none;
        object-fit: cover;
        object-position: center;
    }

    body.lp-fluid .lp-video__model {
        grid-column: 8 / 13;
        grid-row: 1;
        position: relative;
        inset: auto;
        left: auto;
        right: auto;
        top: auto;
        bottom: 0;
        width: 100%;
        height: 100%;
        min-height: 0;
        align-self: stretch;
        z-index: 1;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        pointer-events: none;
    }

    body.lp-fluid .lp-video__model img {
        display: block;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        object-position: bottom center;
        filter: drop-shadow(-16px 27px 90px rgba(0, 0, 0, 0.13));
    }

    body.lp-fluid .lp-video__bottom {
        grid-column: 1 / 8;
        grid-row: 1;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        align-self: center;
        display: grid;
        grid-template-areas: "mark" "text" "cta";
        justify-items: end;
        align-items: end;
        gap: 25px;
        width: 100%;
        max-width: none;
        padding: 0;
        z-index: 2;
    }

    body.lp-fluid .lp-video__brand {
        display: contents;
    }

    body.lp-fluid .lp-video__mark { grid-area: mark; }
    body.lp-fluid .lp-video__text { grid-area: text; }
    body.lp-fluid .lp-video__cta { grid-area: cta; }

    body.lp-fluid .lp-video__mark {
        width: 100%;
        height: auto;
    }

    body.lp-fluid .lp-video__mark img {
        width: 100%;
        height: auto;
    }

    body.lp-fluid .lp-video__text,
    body.lp-fluid .lp-video__cta {
        font-family: 'PTBoldHeadingArabic', 'AlmaraiArabic', sans-serif;
        letter-spacing: 0;
        text-transform: none;
    }

    body.lp-fluid .lp-video__text {
        margin: 0;
        font-size: clamp(18px, 2.4vw, 32px);
        line-height: 1.5;
        color: var(--lp-ink);
        text-align: right;
        letter-spacing: 0.1em;
        font-kerning: none;
    }

    body.lp-fluid .lp-video__cta {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        height: var(--lp-cta-h);
        padding: 10px 16px;
        font-size: 18px;
        justify-self: end;
    }

    /* ---------- S2b Methodology frame 321:105 ---------- */
    body.lp-fluid .lp-method {
        background: #fff;
    }

    body.lp-fluid .lp-method__marble {
        position: absolute;
        inset: 0;
        z-index: 0;
        overflow: hidden;
        pointer-events: none;
    }

    body.lp-fluid .lp-method__marble img {
        position: absolute;
        left: -21.05%;
        top: -21.15%;
        width: 144.76%;
        height: 148.44%;
        max-width: none;
        object-fit: cover;
    }

    body.lp-fluid .lp-method__inner {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        justify-content: center;
        gap: 100px;
        width: 100%;
        max-width: 1440px;
        height: 100%;
        margin: 0 auto;
        padding: 0 120px;
        box-sizing: border-box;
    }

    body.lp-fluid .lp-method__copy {
        flex: 1 0 0;
        min-width: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 8px 8px 100px;
        box-sizing: border-box;
    }

    body.lp-fluid .lp-method__stack {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 25px;
        width: 100%;
    }

    body.lp-fluid .lp-method__mark {
        position: relative;
        width: 422px;
        height: 292px;
        flex-shrink: 0;
    }

    body.lp-fluid .lp-method__mark img {
        position: absolute;
        top: -2.48%;
        left: -2.57%;
        display: block;
        max-width: none;
    }

    body.lp-fluid .lp-method__body {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 25px;
        width: 100%;
    }

    body.lp-fluid .lp-method__text {
        margin: 0;
        width: 100%;
        font-family: 'PTBoldHeadingArabic', 'AlmaraiArabic', sans-serif;
        font-size: 32px;
        line-height: 1.5;
        color: rgba(0, 0, 0, 0.73);
        text-align: right;
        letter-spacing: 0.1em;
        font-kerning: none;
        text-transform: none;
    }

    body.lp-fluid .lp-method__cta {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 48px;
        padding: 10px 16px;
        border-radius: 999px;
        background: #cb1e31;
        color: #fff;
        font-family: 'PTBoldHeadingArabic', 'AlmaraiArabic', sans-serif;
        font-size: 18px;
        line-height: normal;
        letter-spacing: 0;
        text-transform: none;
        text-decoration: none;
        white-space: nowrap;
        box-sizing: border-box;
    }

    body.lp-fluid .lp-method__model {
        flex: 0 0 486px;
        width: 486px;
        height: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        pointer-events: none;
    }

    body.lp-fluid .lp-method__model img {
        display: block;
        width: 422px;
        height: 735px;
        max-height: 100%;
        object-fit: contain;
        object-position: bottom center;
    }

    @media (max-width: 1439px) {
        body.lp-fluid .lp-method__inner {
            padding: 0 clamp(40px, 8.33vw, 120px);
            gap: clamp(40px, 6.94vw, 100px);
        }

        body.lp-fluid .lp-method__model {
            flex: 0 1 486px;
            width: min(486px, 38vw);
        }

        body.lp-fluid .lp-method__model img {
            width: min(422px, 100%);
            height: auto;
        }

        body.lp-fluid .lp-method__mark {
            width: min(422px, 100%);
            height: auto;
            aspect-ratio: 422 / 292;
        }
    }

    /* ---------- S3 Curriculum (Figma 322:201) ---------- */
    /* Frame 1321314553: pl 120, gap 120, items-center, justify-center.
       Marble = absolute inset 0 cover.
       Frame 1321314561 = flex 1 0 0 / col / items-end.
       Frame 13 = max-width 600px / width 100%.
       image 11 = height 100% / width auto / shrink-0 / flush right. */
    body.lp-fluid .lp-curriculum {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 120px;
        padding: 0 0 0 120px;
        box-sizing: border-box;
        background-color: transparent;
        background-image: url("../images/curriculum-marble-ar.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    body.lp-fluid .lp-curriculum__container {
        position: relative;
        z-index: 2;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: center;
        flex: 1 0 0;
        width: auto;
        max-width: none;
        min-width: 0;
        height: auto;
        align-self: center;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    body.lp-fluid .lp-curriculum__art,
    body.lp-fluid .lp-curriculum__fade,
    body.lp-fluid .lp-curriculum__menu {
        display: none !important;
    }

    body.lp-fluid .lp-curriculum__marble {
        position: absolute;
        inset: 0;
        z-index: 0;
        overflow: hidden;
        pointer-events: none;
    }

    body.lp-fluid .lp-curriculum__marble img {
        width: 100%;
        height: 100%;
        max-width: none;
        object-fit: cover;
        object-position: center;
    }

    body.lp-fluid .lp-curriculum__copy {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        inset: auto !important;
        transform: none !important;
        align-self: flex-end;
        z-index: 2;
        flex: 0 0 auto;
        min-width: 0;
        width: 100%;
        max-width: 600px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        padding: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

    body.lp-fluid .lp-curriculum__heading {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 24px;
        width: 100%;
        text-align: right;
    }

    body.lp-fluid .lp-curriculum__label {
        margin: 0;
        width: 100%;
        font-family: 'PTBoldHeadingArabic', 'AlmaraiArabic', sans-serif;
        font-size: 48px;
        line-height: 1.2;
        color: #cb1e31;
        letter-spacing: 0.1em;
        font-kerning: none;
        text-align: right;
    }

    body.lp-fluid .lp-curriculum__title {
        margin: 0;
        width: 100%;
        font-family: 'El Messiri', 'AlmaraiArabic', sans-serif;
        font-weight: 700;
        font-size: 32px;
        line-height: 1.1;
        letter-spacing: -1.6px;
        color: #6d5f5a;
        text-align: right;
    }

    body.lp-fluid .lp-curriculum__body {
        display: flex;
        flex-direction: column;
        gap: 20px;
        width: 100%;
        font-family: 'El Messiri', 'AlmaraiArabic', sans-serif;
        font-weight: 500;
        font-size: 20px;
        line-height: normal;
        color: #000;
    }

    body.lp-fluid .lp-curriculum__body p {
        margin: 0;
        font-size: 20px;
        line-height: normal;
        color: #000;
        text-align: justify;
        text-align-last: right;
    }

    body.lp-fluid .lp-curriculum__photo {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        inset: auto !important;
        z-index: 1;
        flex: 0 0 auto;
        align-self: stretch;
        height: 100%;
        width: auto;
        margin: 0;
        aspect-ratio: 847 / 1441;
    }

    body.lp-fluid .lp-curriculum__photo img {
        display: block;
        height: 100%;
        width: auto;
        max-width: none;
        max-height: none;
        object-fit: unset;
        object-position: right center;
    }

    @media (max-width: 1180px) {
        body.lp-fluid .lp-curriculum {
            gap: clamp(40px, 8vw, 120px);
            padding-left: clamp(40px, 8vw, 120px);
        }
    }

    /* ---------- S4 Modules (Figma 325:275) ---------- */
    /* Frame 1321314555: pl 120, gap 40, items-center, bg #4d4130.
       Frame 1321314554 = stack flex 1 0 0 / col / gap 28.
       image 12 = height 100% / width auto, flush right. */
    body.lp-fluid .lp-modules {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 40px;
        padding: 0 0 0 120px;
        box-sizing: border-box;
        background: #4d4130;
        color: #fff;
    }

    body.lp-fluid .lp-modules__veil,
    body.lp-fluid .lp-modules__menu {
        display: none !important;
    }

    body.lp-fluid .lp-modules__stack {
        position: relative;
        z-index: 2;
        flex: 1 0 0;
        min-width: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 28px;
        margin-top: auto;
        margin-bottom: auto;
        transform: none !important;
    }

    body.lp-fluid .lp-modules__main {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 48px;
        width: 100%;
    }

    body.lp-fluid .lp-modules__heading,
    body.lp-fluid .lp-modules__list,
    body.lp-fluid .lp-modules__cta {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        inset: auto !important;
        transform: none !important;
        width: auto;
        max-width: none;
        z-index: 2;
    }

    body.lp-fluid .lp-modules__heading {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 24px;
        width: 538px;
        max-width: 100%;
        text-align: right;
        color: #fff;
    }

    body.lp-fluid .lp-modules__label {
        margin: 0;
        width: 100%;
        font-family: 'PTBoldHeadingArabic', 'AlmaraiArabic', sans-serif;
        font-size: 48px;
        line-height: 1.2;
        color: #fff;
        letter-spacing: 0.1em;
        font-kerning: none;
        text-align: right;
    }

    body.lp-fluid .lp-modules__subtitle {
        margin: 0;
        width: 100%;
        max-width: none;
        font-family: 'El Messiri', 'AlmaraiArabic', sans-serif;
        font-weight: 700;
        font-size: 24px;
        line-height: 1.5;
        letter-spacing: -1.2px;
        color: #fff;
        text-align: right;
    }

    body.lp-fluid .lp-modules__list {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-end;
        gap: 16px;
        width: 100%;
        overflow: visible;
        font-family: 'El Messiri', 'AlmaraiArabic', sans-serif;
        font-weight: 400;
    }

    body.lp-fluid .lp-modules__col {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        min-width: 0;
    }

    body.lp-fluid .lp-modules__col:first-child {
        order: 2;
        flex: 0 0 40%;
        width: 40%;
    }

    body.lp-fluid .lp-modules__col:last-child {
        order: 1;
        flex: 0 0 60%;
        width: 60%;
    }

    body.lp-fluid .lp-modules__item {
        display: flex;
        flex-direction: row-reverse;
        align-items: flex-start;
        justify-content: flex-end;
        gap: 12px;
        width: 100%;
        min-height: 0;
    }

    body.lp-fluid .lp-modules__num {
        flex: 0 0 auto;
        position: static;
        font-family: 'El Messiri', 'AlmaraiArabic', sans-serif;
        font-weight: 400;
        font-size: 16.2px;
        line-height: 18.628px;
        color: rgba(255, 255, 255, 0.7);
        white-space: nowrap;
        font-variant-numeric: tabular-nums;
    }

    body.lp-fluid .lp-modules__item p {
        flex: 1 0 0;
        min-width: 0;
        margin: 0;
        font-family: 'El Messiri', 'AlmaraiArabic', sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 1.5;
        color: rgba(255, 255, 255, 0.72);
        text-align: right;
        overflow-wrap: break-word;
    }

    body.lp-fluid .lp-modules__cta {
        align-self: flex-start;
        height: 48px;
        padding: 10px 16px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        background: #cb1e31;
        color: #fff;
        font-family: 'PTBoldHeadingArabic', 'AlmaraiArabic', sans-serif;
        font-weight: 400;
        font-size: 18px;
        line-height: normal;
        letter-spacing: 0.1em;
        font-kerning: none;
        text-transform: none;
        white-space: nowrap;
        text-decoration: none;
    }

    body.lp-fluid .lp-modules__photo {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        bottom: auto !important;
        inset: auto !important;
        z-index: 1;
        flex: 0 0 auto;
        align-self: stretch;
        width: auto;
        height: 100%;
        aspect-ratio: 1024 / 1440;
        overflow: hidden;
        pointer-events: none;
    }

    body.lp-fluid .lp-modules__photo img {
        position: relative !important;
        inset: auto !important;
        display: block;
        height: 100%;
        width: auto;
        max-width: none;
        max-height: none;
        object-fit: unset;
        object-position: top right;
    }

    @media (max-width: 1280px) {
        body.lp-fluid .lp-modules {
            gap: clamp(24px, 3vw, 40px);
            padding-left: clamp(40px, 8vw, 120px);
        }
    }

    /* ---------- S5 Transform (Figma 326:316) ---------- */
    /* Frame 1321314556: bg #edeff4, items-center, justify-between.
       image = left, height 100%, width auto.
       Frame 1321314478 = right, padding-right 120, gap auto. */
    body.lp-fluid .lp-transform {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 0;
        padding: 0 120px 0 0;
        box-sizing: border-box;
        background: #edeff4;
        color: #000;
    }

    body.lp-fluid .lp-transform__menu {
        display: none !important;
    }

    body.lp-fluid .lp-transform__photo {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        bottom: auto !important;
        inset: auto !important;
        z-index: 1;
        flex: 0 0 auto;
        align-self: stretch;
        width: auto;
        height: 100%;
        aspect-ratio: 1400 / 2099;
        overflow: hidden;
        pointer-events: none;
        -webkit-mask-image: none;
        mask-image: none;
    }

    body.lp-fluid .lp-transform__photo img:not(.lp-transform__mark) {
        position: relative !important;
        inset: auto !important;
        display: block;
        height: 100%;
        width: auto;
        max-width: none;
        max-height: none;
        object-fit: unset;
        object-position: left center;
    }

    body.lp-fluid .lp-transform__photo::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 129px;
        background: linear-gradient(to left, #edeff4 0%, rgba(237, 239, 244, 0) 100%);
        pointer-events: none;
    }

    body.lp-fluid .lp-transform__mark {
        display: none;
    }

    body.lp-fluid .lp-transform__frame {
        position: relative;
        z-index: 2;
        flex: 0 0 auto;
        margin-left: auto;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 45px;
        width: 519px;
        max-width: min(519px, calc(100% - 40px));
        transform: none !important;
    }

    body.lp-fluid .lp-transform__title,
    body.lp-fluid .lp-transform__copy,
    body.lp-fluid .lp-transform__frame,
    body.lp-fluid .lp-transform__text,
    body.lp-fluid .lp-transform__cta {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        inset: auto !important;
        transform: none !important;
        z-index: 2;
    }

    body.lp-fluid .lp-transform__text {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
        width: 100%;
        text-align: right;
    }

    body.lp-fluid .lp-transform__title {
        margin: 0;
        width: 428px;
        max-width: 100%;
        font-family: 'PTBoldHeadingArabic', 'AlmaraiArabic', sans-serif;
        font-size: 48px;
        line-height: 1.2;
        color: #6d5f5a;
        letter-spacing: 0.1em;
        font-kerning: none;
        text-align: right;
        padding-inline-start: 0;
        word-break: break-word;
    }

    body.lp-fluid .lp-transform__copy,
    body.lp-fluid .lp-transform__body {
        margin: 0;
        width: 419px;
        max-width: 100%;
        font-family: 'El Messiri', 'AlmaraiArabic', sans-serif;
        font-weight: 700;
        font-size: 20px;
        line-height: 1.5;
        color: rgba(0, 0, 0, 0.7);
        text-align: right;
        padding-inline-start: 0;
    }

    body.lp-fluid .lp-transform__cta {
        align-self: flex-start;
        width: auto;
        height: 48px;
        padding: 10px 16px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        background: #cb1e31;
        color: #fff;
        font-family: 'PTBoldHeadingArabic', 'AlmaraiArabic', sans-serif;
        font-weight: 400;
        font-size: 18px;
        line-height: normal;
        letter-spacing: 0.1em;
        font-kerning: none;
        text-transform: none;
        white-space: nowrap;
        text-decoration: none;
    }

    @media (max-width: 1180px) {
        body.lp-fluid .lp-transform {
            padding-right: clamp(40px, 8vw, 120px);
        }
    }

    /* ---------- S6 Unique (Figma 326:348) ---------- */
    /* image 13 left, height 100% / width auto.
       Frame 1321314479 flex-1, min gap 80, pr 120, align-items center. */
    body.lp-fluid .lp-unique {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 80px;
        padding: 0;
        box-sizing: border-box;
        background: #603f22;
        color: #fff;
    }

    body.lp-fluid .lp-unique__veil,
    body.lp-fluid .lp-unique__menu {
        display: none !important;
    }

    body.lp-fluid .lp-unique__photo {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        bottom: auto !important;
        inset: auto !important;
        z-index: 1;
        flex: 0 0 auto;
        align-self: stretch;
        width: auto;
        height: 100%;
        aspect-ratio: 1024 / 1438;
        overflow: hidden;
        pointer-events: none;
        -webkit-mask-image: none;
        mask-image: none;
    }

    body.lp-fluid .lp-unique__photo img {
        position: relative !important;
        inset: auto !important;
        display: block;
        height: 100%;
        width: auto;
        max-width: none;
        max-height: none;
        object-fit: unset;
        object-position: left center;
    }

    body.lp-fluid .lp-unique__frame {
        position: relative;
        z-index: 2;
        flex: 1 1 auto;
        min-width: 0;
        width: auto;
        align-self: center;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: center;
        gap: 40px;
        padding: 0 120px 0 0;
        box-sizing: border-box;
        direction: ltr;
        transform: none !important;
    }

    body.lp-fluid .lp-unique__title,
    body.lp-fluid .lp-unique__list,
    body.lp-fluid .lp-unique__frame {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        inset: auto !important;
        transform: none !important;
        z-index: 2;
        max-width: none;
        padding-inline-start: 0;
    }

    body.lp-fluid .lp-unique__frame {
        padding: 0 120px 0 0 !important;
    }

    body.lp-fluid .lp-unique__title {
        margin: 0;
        width: 100%;
        font-family: 'PTBoldHeadingArabic', 'AlmaraiArabic', sans-serif;
        font-size: 48px;
        line-height: 1.2;
        color: #fff;
        letter-spacing: 0.1em;
        font-kerning: none;
        text-align: right;
        word-break: break-word;
    }

    body.lp-fluid .lp-unique__list {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
        width: 100%;
    }

    body.lp-fluid .lp-unique__item {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-end;
        gap: 14px;
        width: 100%;
        height: auto;
    }

    body.lp-fluid .lp-unique__bar {
        flex: 0 0 5px;
        width: 5px;
        height: 68px;
        min-height: 0;
        margin-top: 0;
        border-radius: 999px 0 0 999px;
        background: #fff;
        align-self: flex-start;
    }

    body.lp-fluid .lp-unique__item--short .lp-unique__bar {
        height: 51px;
    }

    body.lp-fluid .lp-unique__item p {
        flex: 1 0 0;
        min-width: 0;
        margin: 0;
        font-family: 'El Messiri', 'AlmaraiArabic', sans-serif;
        font-weight: 400;
        font-size: 20px;
        line-height: 27px;
        color: #fff;
        text-align: justify;
        text-align-last: right;
    }

    @media (max-width: 1180px) {
        body.lp-fluid .lp-unique {
            gap: 80px;
        }

        body.lp-fluid .lp-unique__frame {
            padding-right: clamp(40px, 8vw, 120px);
        }
    }

    /* ---------- S7 Instructor (Figma 327:383) ---------- */
    body.lp-fluid .lp-instructor {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        justify-content: flex-start;
        gap: 0;
        padding: 0;
        box-sizing: border-box;
        background: #f4f1ea;
        background-image: none;
    }

    body.lp-fluid .lp-instructor__marble {
        display: block !important;
        position: absolute;
        inset: 0;
        z-index: 0;
        overflow: hidden;
        pointer-events: none;
    }

    body.lp-fluid .lp-instructor__marble img {
        width: 100%;
        height: 100%;
        max-width: none;
        object-fit: cover;
        object-position: center;
    }

    body.lp-fluid .lp-instructor__logo,
    body.lp-fluid .lp-instructor__menu,
    body.lp-fluid .lp-instructor__copy,
    body.lp-fluid .lp-instructor__heading,
    body.lp-fluid .lp-instructor__actions {
        display: none !important;
    }

    body.lp-fluid .lp-instructor__frame {
        position: relative;
        z-index: 2;
        flex: 1 1 auto;
        min-width: 0;
        width: auto;
        height: 100%;
        align-self: stretch;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0;
        padding: 0;
        box-sizing: border-box;
        direction: ltr;
        transform: none !important;
    }

    body.lp-fluid .lp-instructor__stack {
        width: 100%;
        max-width: 470px;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: center;
        gap: 12px;
        margin: 0;
    }

    body.lp-fluid .lp-instructor__photo {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        bottom: auto !important;
        inset: auto !important;
        z-index: 1;
        flex: 0 0 auto;
        align-self: stretch;
        width: auto;
        height: 100%;
        aspect-ratio: 996 / 1440;
        overflow: hidden;
        pointer-events: none;
        -webkit-mask-image: none !important;
        mask-image: none !important;
        background: none;
    }

    body.lp-fluid .lp-instructor__photo img,
    body.lp-fluid .lp-instructor__photo picture,
    body.lp-fluid .lp-instructor__photo picture img {
        position: relative !important;
        inset: auto !important;
        left: auto !important;
        top: auto !important;
        display: block;
        height: 100%;
        width: auto;
        max-width: none;
        max-height: none;
        object-fit: unset;
        object-position: right center;
    }

    body.lp-fluid .lp-instructor__btn {
        position: relative;
        overflow: hidden;
        isolation: isolate;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        width: 100%;
        height: 100px;
        min-height: 100px;
        padding: 10px 32px;
        box-sizing: border-box;
        border: 5px solid #d4ad46;
        border-radius: 999px;
        background: #000;
        color: #fff;
        font-family: 'PTBoldHeadingArabic', 'AlmaraiArabic', sans-serif;
        font-size: 24px;
        line-height: 1.15;
        letter-spacing: 0.1em;
        font-kerning: none;
        text-transform: uppercase;
        text-align: right;
        text-decoration: none;
        white-space: nowrap;
        direction: ltr;
        cursor: pointer;
        appearance: none;
        transform: none;
        transition: transform 0.28s ease, background 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;
        animation: lp-instructor-glow 2.8s ease-in-out infinite;
    }

    body.lp-fluid .lp-instructor__btn:nth-child(2) {
        animation-delay: 1.4s;
    }

    body.lp-fluid .lp-instructor__btn::after {
        content: "";
        position: absolute;
        top: -30%;
        bottom: -30%;
        left: 0;
        width: 38%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.18), rgba(212, 173, 70, 0.55), rgba(255, 255, 255, 0.22), transparent);
        transform: translateX(-160%) skewX(-20deg);
        animation: lp-instructor-shine 2.8s ease-in-out infinite;
        pointer-events: none;
        z-index: 1;
    }

    body.lp-fluid .lp-instructor__btn:nth-child(2)::after {
        animation-delay: 1.4s;
    }

    body.lp-fluid .lp-instructor__btn img,
    body.lp-fluid .lp-instructor__btn span {
        position: relative;
        z-index: 2;
    }

    body.lp-fluid .lp-instructor__btn img {
        width: 32px;
        height: 32px;
        flex: 0 0 32px;
        max-width: none;
    }

    body.lp-fluid .lp-instructor__btn span {
        flex: 1 1 auto;
        min-width: 0;
        color: #fff;
        text-align: right;
    }

    body.lp-fluid .lp-instructor__btn:hover,
    body.lp-fluid .lp-instructor__btn:focus-visible {
        background: #1a1408;
        border-color: #ecc45a;
        color: #fff;
        transform: translateY(-3px) scale(1.03);
        box-shadow: 0 12px 32px rgba(212, 173, 70, 0.42);
        animation: none;
    }

    body.lp-fluid .lp-instructor__btn:hover::after,
    body.lp-fluid .lp-instructor__btn:focus-visible::after {
        animation-duration: 0.85s;
    }

    /* ---------- S8 Science (Figma 287:1945) ---------- */
    body.lp-fluid .lp-science {
        display: block;
        padding: 0;
        background: #f7f4ef url('../images/hero-marble.jpg') center / cover no-repeat;
        overflow: hidden;
    }

    body.lp-fluid .lp-science__title {
        position: absolute !important;
        left: 50% !important;
        top: 127px !important;
        transform: translateX(-50%) !important;
        width: max-content !important;
        max-width: calc(100% - 160px) !important;
        margin: 0 !important;
        font-family: 'PTBoldHeadingArabic', 'El Messiri', sans-serif !important;
        font-size: clamp(40px, 4.22vw, 54px) !important;
        font-weight: 400 !important;
        line-height: 63px !important;
        color: #4d4130 !important;
        text-align: center !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
    }

    body.lp-fluid .lp-science__viewport {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        top: 225px !important;
        bottom: auto !important;
        height: auto !important;
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
    }

    body.lp-fluid .lp-science__card {
        flex-direction: row !important;
        direction: ltr !important;
        width: min(1000px, 88vw) !important;
        height: auto !important;
        max-height: none !important;
        align-items: center !important;
        gap: 50px !important;
        padding: 48px !important;
        border-radius: 40px !important;
        background: #4d4130 !important;
        box-sizing: border-box !important;
    }

    body.lp-fluid .lp-science__pair {
        direction: ltr !important;
        gap: 20px !important;
        flex-shrink: 0 !important;
    }

    body.lp-fluid .lp-science__pair img,
    body.lp-fluid .lp-science__pair--wide img,
    body.lp-fluid .lp-science__pair--xl img {
        width: 270px !important;
        height: 450px !important;
        border-radius: 12px !important;
        object-fit: cover !important;
        object-position: center top !important;
    }

    body.lp-fluid .lp-science__media {
        width: 350px !important;
        height: 450px !important;
        flex-shrink: 0 !important;
        border-radius: 12px !important;
    }

    body.lp-fluid .lp-science__media img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 12px !important;
    }

    body.lp-fluid .lp-science__quote,
    body.lp-fluid .lp-science__body,
    body.lp-fluid .lp-science__body p {
        direction: rtl !important;
        font-family: 'El Messiri', 'AlmaraiArabic', sans-serif !important;
        font-size: 28px !important;
        font-weight: 400 !important;
        line-height: 1.5 !important;
        letter-spacing: -0.84px !important;
        color: #fff !important;
        text-align: right !important;
    }

    body.lp-fluid .lp-science__quote {
        flex: 1 1 auto !important;
        max-width: none !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
    }

    body.lp-fluid .lp-science__body {
        flex: 1 1 auto !important;
        max-width: none !important;
        gap: 48px !important;
        justify-content: center !important;
    }

    body.lp-fluid .lp-science__thumbs {
        gap: 28px !important;
    }

    body.lp-fluid .lp-science__thumbs img {
        height: 200px !important;
        border-radius: 12px !important;
        flex: 1 1 0 !important;
        width: auto !important;
    }

    /* ---------- S9 Taleen (Figma 330:471) ---------- */
    /* Frame 1321314563: bg #4d4130, items-center.
       image 15 = flush left, max-height 500, width auto.
       Frame 1321314564 = flush right, width 579.
       Frame 1321314562 = max-width 560.
       Negative gap when viewport is not wide enough. */
    body.lp-fluid .lp-taleen {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: center;
        gap: 0;
        padding: 0 120px;
        box-sizing: border-box;
        background: #4d4130;
        color: #fff;
        overflow: hidden;
    }

    body.lp-fluid .lp-taleen__inner {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        gap: 0;
        width: 100%;
        max-width: none;
        min-width: 0;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    body.lp-fluid .lp-taleen__logo,
    body.lp-fluid .lp-taleen__menu,
    body.lp-fluid .lp-taleen__watermark {
        display: none !important;
    }

    body.lp-fluid .lp-taleen__portrait {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        inset: auto !important;
        z-index: 1;
        flex: 0 0 auto;
        align-self: flex-start;
        width: auto;
        height: auto;
        max-height: 500px;
        margin: 0;
        margin-right: clamp(-274px, calc(100vw - 240px - 747px - 579px), 0px);
        border-radius: 0;
        overflow: visible;
        background: none;
    }

    body.lp-fluid .lp-taleen__portrait img {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        display: block;
        height: auto;
        max-height: 500px;
        width: auto;
        max-width: none;
        object-fit: unset;
        object-position: left center;
    }

    body.lp-fluid .lp-taleen__frame {
        position: relative;
        z-index: 2;
        flex: 1 1 auto;
        align-self: flex-start;
        width: auto;
        max-width: 579px;
        min-width: 0;
        height: auto;
        margin-left: auto;
        margin-right: 0;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-end;
        box-sizing: border-box;
    }

    body.lp-fluid .lp-taleen__copy {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        inset: auto !important;
        transform: none !important;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 40px;
        width: 100%;
        max-width: 560px;
        min-width: 0;
        margin: 0;
        padding: 0;
        z-index: 2;
        box-sizing: border-box;
    }

    body.lp-fluid .lp-taleen__label {
        margin: 0;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        font-family: 'PTBoldHeadingArabic', 'AlmaraiArabic', sans-serif;
        font-size: clamp(28px, 3.4vw, 48px);
        line-height: 1.2;
        letter-spacing: 0.1em;
        font-kerning: none;
        color: #fff;
        text-align: right;
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    body.lp-fluid .lp-taleen__body {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 0;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin: 0;
        font-family: 'El Messiri', 'AlmaraiArabic', sans-serif;
        font-weight: 400;
        font-size: clamp(16px, 1.5vw, 20px);
        line-height: 1.5;
        color: rgba(255, 255, 255, 0.7);
        text-align: justify;
        text-align-last: right;
    }

    body.lp-fluid .lp-taleen__body p {
        margin: 0;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        font-size: inherit;
        line-height: 1.5;
        color: rgba(255, 255, 255, 0.7);
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    body.lp-fluid .lp-taleen__body strong {
        font-weight: 700;
        color: #fff;
    }

    /* ---------- S10 FAQ (Figma 332:476) ---------- */
    body.lp-fluid .lp-faq {
        display: flex;
        flex-direction: column;
        justify-content: center;
        background: #f4f1ea;
    }

    body.lp-fluid .lp-faq__marble {
        position: absolute;
        inset: 0;
        z-index: 0;
        overflow: hidden;
        pointer-events: none;
    }

    body.lp-fluid .lp-faq__marble img {
        position: absolute;
        left: -17.13%;
        top: -7.88%;
        width: 120.18%;
        height: 123.23%;
        max-width: none;
        object-fit: cover;
    }

    body.lp-fluid .lp-faq__canvas {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
        gap: 32px;
        padding: 100px clamp(24px, 9.375vw, 120px);
        z-index: 1;
        box-sizing: border-box;
    }

    body.lp-fluid .lp-faq__menu {
        display: none !important;
    }

    body.lp-fluid .lp-faq__header {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    body.lp-fluid .lp-faq__badge {
        display: none !important;
    }

    body.lp-fluid .lp-faq__title {
        margin: 0;
        width: 100%;
        font-family: 'PTBoldHeadingArabic', 'AlmaraiArabic', sans-serif;
        font-size: clamp(32px, 3.75vw, 48px);
        line-height: 63px;
        color: #4d4130;
        letter-spacing: 0.1em;
        font-kerning: none;
        text-align: center;
        white-space: normal;
    }

    body.lp-fluid .lp-faq__grid {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 34px;
        row-gap: 16px;
        align-items: start;
        width: 100%;
        max-width: none;
        margin: 0;
    }

    body.lp-fluid .lp-faq__col {
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: auto;
        max-width: none;
    }

    body.lp-fluid .lp-faq__item,
    body.lp-fluid .lp-faq__item[open] {
        height: auto;
        min-height: 0;
        overflow: visible;
    }

    body.lp-fluid .lp-faq__item {
        background: #fff;
        border-radius: 8px;
        padding: 16px;
        width: 100%;
        box-sizing: border-box;
    }

    body.lp-fluid .lp-faq__item summary {
        display: flex;
        flex-direction: row;
        direction: rtl;
        align-items: center;
        justify-content: flex-start;
        gap: clamp(16px, 3.75vw, 48px);
        width: 100%;
        color: #474849;
    }

    body.lp-fluid .lp-faq__q {
        flex: 1 1 auto;
        min-width: 0;
        white-space: normal;
        overflow: visible;
        text-overflow: unset;
        font-family: 'El Messiri', 'AlmaraiArabic', sans-serif;
        font-weight: 700;
        font-size: clamp(16px, 1.56vw, 20px);
        line-height: 1.24875;
        letter-spacing: 0;
        text-transform: capitalize;
        color: #474849;
        text-align: right;
        direction: rtl;
    }

    body.lp-fluid .lp-faq__toggle {
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 15px;
        height: 15px;
        margin: 0;
        padding: 0;
    }

    body.lp-fluid .lp-faq__icon {
        width: 15px;
        height: 15px;
        max-width: none;
    }

    body.lp-fluid .lp-faq__icon--minus {
        display: none;
    }

    body.lp-fluid .lp-faq__icon--plus {
        display: block;
    }

    body.lp-fluid .lp-faq__item[open] .lp-faq__icon--plus {
        display: none;
    }

    body.lp-fluid .lp-faq__item[open] .lp-faq__icon--minus {
        display: block;
    }

    body.lp-fluid .lp-faq__item p {
        margin: 12px 0 0;
        width: 100%;
        font-family: 'El Messiri', 'AlmaraiArabic', sans-serif;
        font-weight: 400;
        font-size: clamp(14px, 1.2vw, 16px);
        line-height: 1.5;
        color: #474849;
        text-align: right;
        direction: rtl;
    }

    /* ---------- S11 Testimonials (Figma 288:759) ---------- */
    body.lp-fluid .lp-testimonials,
    body.lp-fluid #testimonials.lp-testimonials {
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        padding: 50px 100px;
        overflow: hidden;
        background-color: #fff;
        background-image:
            url('../images/testimonial-ring-3.svg'),
            url('../images/testimonial-ring-2.svg'),
            url('../images/testimonial-ring-1.svg');
        background-repeat: no-repeat;
        background-position: center top, center top, center top;
        background-size: 83.59375vw auto, 100.46875vw auto, 121.171875vw auto;
    }

    body.lp-fluid .lp-testimonials__rings {
        display: none !important;
    }

    body.lp-fluid #lp-testimonials-canvas,
    body.lp-fluid .lp-testimonials__canvas {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: center !important;
        gap: 0 !important;
        overflow: visible !important;
        background: transparent !important;
        transform: none !important;
    }

    body.lp-fluid .lp-testimonials__intro {
        display: none !important;
    }

    body.lp-fluid .lp-testimonials__title {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 0 8px !important;
        font-family: 'PTBoldHeadingArabic', 'El Messiri', sans-serif !important;
        font-size: 48px !important;
        font-weight: 400 !important;
        line-height: 63px !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        color: #4d4130 !important;
        white-space: nowrap !important;
        z-index: 2 !important;
    }

    body.lp-fluid .lp-testimonials__track {
        position: relative !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-end !important;
        justify-content: center !important;
        gap: 17px !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    body.lp-fluid .lp-testimonials__col {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 20px !important;
        flex: 202 1 0 !important;
        min-width: 0 !important;
        width: auto !important;
    }

    body.lp-fluid .lp-testimonial {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        flex: none !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 16px !important;
        overflow: hidden !important;
        background: transparent !important;
    }

    body.lp-fluid .lp-testimonial--b,
    body.lp-fluid .lp-testimonial--d {
        flex: 202 1 0 !important;
        min-width: 0 !important;
        width: auto !important;
    }

    body.lp-fluid .lp-testimonial--c {
        flex: 206 1 0 !important;
        min-width: 0 !important;
        width: auto !important;
    }

    body.lp-fluid .lp-testimonial--a,
    body.lp-fluid .lp-testimonial--e { aspect-ratio: 202 / 277 !important; }
    body.lp-fluid .lp-testimonial--b,
    body.lp-fluid .lp-testimonial--d { aspect-ratio: 202 / 366 !important; }
    body.lp-fluid .lp-testimonial--c { aspect-ratio: 206 / 294 !important; }
    body.lp-fluid .lp-testimonial--f,
    body.lp-fluid .lp-testimonial--g { aspect-ratio: 202 / 130 !important; }

    body.lp-fluid .lp-testimonial > img,
    body.lp-fluid .lp-testimonial__media,
    body.lp-fluid .lp-testimonial__media img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        border-radius: 16px !important;
        object-fit: cover !important;
    }

    body.lp-fluid .lp-testimonial__play {
        width: 59px !important;
        height: 59px !important;
    }

    body.lp-fluid .lp-testimonial__play img {
        width: 59px !important;
        height: 59px !important;
    }

    /* ---------- S12 Footer ---------- */
    body.lp-fluid .lp-footer {
        display: flex;
        flex-direction: column;
    }

    body.lp-fluid .lp-footer__bg {
        position: absolute;
        inset: 0;
        z-index: 0;
        overflow: hidden;
    }

    body.lp-fluid .lp-footer__bg img {
        width: 100%;
        height: 100%;
        max-width: none;
        object-fit: cover;
        object-position: center top;
    }

    body.lp-fluid .lp-footer__canvas {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: calc(var(--lp-header-h) - 8px) var(--lp-gutter) 24px;
        z-index: 1;
        box-sizing: border-box;
    }

    body.lp-fluid .lp-footer__hero {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: clamp(16px, 3vh, 28px);
        min-height: 0;
    }

    body.lp-fluid .lp-footer__logo {
        width: min(399px, 42vw);
    }

    body.lp-fluid .lp-footer__logo img {
        width: 100%;
        height: auto;
    }

    body.lp-fluid .lp-footer__cta {
        height: var(--lp-cta-h);
        padding: 10px 28px;
    }

    body.lp-fluid .lp-footer__bar {
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
    }

    /* Short laptop viewports — shrink type, keep 100vh */
    @media (max-height: 800px) {
        body.lp-fluid {
            --lp-header-h: 96px;
            --lp-title: clamp(24px, 4.6vh, 40px);
            --lp-title-lg: clamp(26px, 5.2vh, 44px);
            --lp-body: clamp(13px, 2vh, 16px);
            --lp-lead: clamp(14px, 2.2vh, 18px);
        }

        body.lp-fluid .lp-instructor__btn {
            height: 100px;
            min-height: 100px;
        }

        body.lp-fluid .lp-science__title {
            top: 88px !important;
            font-size: 40px !important;
            line-height: 48px !important;
        }

        body.lp-fluid .lp-science__viewport {
            top: 156px !important;
        }

        body.lp-fluid .lp-science__pair img,
        body.lp-fluid .lp-science__pair--wide img,
        body.lp-fluid .lp-science__pair--xl img,
        body.lp-fluid .lp-science__media {
            height: min(450px, calc(100vh - 280px)) !important;
        }
    }
}

/* =====================================================================
   Mobile Arabic — stacked, auto height (Figma iPhone)
   ===================================================================== */
@media (max-width: 768px) {
    body.lp-fluid {
        --lp-gutter: 20px;
        --lp-title-lg: 32px;
        --lp-lead: 18px;
        --lp-body: 16px;
    }

    body.lp-fluid .lp-section {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    body.lp-fluid .lp-hero__actions {
        top: 16px;
        right: 20px;
        left: auto;
    }

    body.lp-fluid .lp-header__inner {
        padding: 12px 20px;
    }

    body.lp-fluid .lp-hero {
        min-height: 100vh;
        min-height: 100dvh;
        background: #111;
    }

    body.lp-fluid .lp-hero__marble,
    body.lp-fluid .lp-hero__model,
    body.lp-fluid .lp-hero__model-blur,
    body.lp-fluid .lp-hero__logo-t,
    body.lp-fluid .lp-hero__logo-e,
    body.lp-fluid .lp-hero__logo-sil,
    body.lp-fluid .lp-hero__brand {
        display: none !important;
    }

    body.lp-fluid .lp-hero__photo {
        position: absolute;
        inset: 0;
    }

    body.lp-fluid .lp-hero__photo img {
        width: 100%;
        height: 100%;
        max-width: none;
        object-fit: cover;
        object-position: center top;
    }

    body.lp-fluid .lp-hero__photo::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.88) 100%);
    }

    body.lp-fluid .lp-hero__canvas {
        min-height: 100vh;
        min-height: 100dvh;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        gap: 20px;
        padding: 24px 20px 36px;
        box-sizing: border-box;
    }

    body.lp-fluid .lp-hero__mark {
        width: min(241px, 70vw);
        height: auto;
        align-self: flex-start;
        position: relative;
        z-index: 2;
    }

    body.lp-fluid .lp-hero__copy {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        width: min(316px, 100%);
        z-index: 2;
    }

    body.lp-fluid .lp-hero__titles {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }

    body.lp-fluid .lp-hero__discover,
    body.lp-fluid .lp-hero__elegance,
    body.lp-fluid .lp-hero__built,
    body.lp-fluid .lp-hero__cta {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        margin: 0;
    }

    body.lp-fluid .lp-hero__discover {
        font-size: 22px;
        line-height: 1.1;
        color: rgba(255, 255, 255, 0.55);
    }

    body.lp-fluid .lp-hero__elegance {
        margin-inline-start: 24px;
        font-size: 60px;
        line-height: 0.75;
        color: #cb1e31;
    }

    body.lp-fluid .lp-hero__built {
        font-size: 20px;
        line-height: 1.2;
        color: #fff;
        white-space: normal;
    }

    body.lp-fluid .lp-hero__cta {
        height: 50px;
        padding: 11px 20px;
        font-size: 15px;
        text-transform: none;
    }

    /* S2 stacked */
    body.lp-fluid .lp-video {
        display: flex;
        flex-direction: column;
        background: #fff;
    }

    body.lp-fluid .lp-video__media {
        display: block !important;
        position: relative;
        width: 100%;
        height: min(72vh, 720px);
        order: -1;
    }

    body.lp-fluid .lp-video__el {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    body.lp-fluid .lp-video__marble,
    body.lp-fluid .lp-video__model,
    body.lp-fluid .lp-video__gradient,
    body.lp-fluid .lp-video__mark {
        display: none !important;
    }

    body.lp-fluid .lp-video__bottom,
    body.lp-fluid .lp-video__brand {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        width: 100%;
        max-width: none;
        padding: 40px 20px 48px;
        box-sizing: border-box;
    }

    body.lp-fluid .lp-video__text {
        font-size: 20px;
        line-height: 1.6;
        color: var(--lp-ink);
        text-align: right;
    }

    body.lp-fluid .lp-video__cta {
        position: relative !important;
        height: 48px;
        text-transform: none;
    }

    /* Arabic no longer renders the video section. Keep this methodology frame. */
    body.lp-fluid .lp-method {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
        background: #f7f3ef !important;
        padding: 0 0 36px !important;
    }

    body.lp-fluid .lp-method__marble {
        display: none !important;
    }

    body.lp-fluid .lp-method__inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px !important;
        width: 100% !important;
        height: auto !important;
        max-width: none !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    body.lp-fluid .lp-method__model {
        order: -1;
        width: 100% !important;
        height: min(68vh, 520px) !important;
        flex: none !important;
    }

    body.lp-fluid .lp-method__model img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center top !important;
    }

    body.lp-fluid .lp-method__copy {
        width: 100% !important;
        padding: 24px 20px 0 !important;
        box-sizing: border-box !important;
    }

    body.lp-fluid .lp-method__stack,
    body.lp-fluid .lp-method__body {
        align-items: flex-start !important;
        gap: 16px !important;
        width: 100% !important;
    }

    body.lp-fluid .lp-method__mark {
        width: min(220px, 60vw) !important;
        height: auto !important;
    }

    body.lp-fluid .lp-method__mark img {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }

    body.lp-fluid .lp-method__text {
        width: 100% !important;
        font-size: 16px !important;
        line-height: 1.7 !important;
        letter-spacing: 0 !important;
        text-align: right !important;
        color: #1f1b16 !important;
    }

    body.lp-fluid .lp-method__cta {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 48px !important;
        padding: 10px 16px !important;
        border-radius: 999px !important;
        background: #cb1e31 !important;
        color: #fff !important;
        text-decoration: none !important;
        white-space: nowrap !important;
    }

    /* Shared stacked photo + copy */
    body.lp-fluid .lp-curriculum,
    body.lp-fluid .lp-modules,
    body.lp-fluid .lp-unique,
    body.lp-fluid .lp-transform,
    body.lp-fluid .lp-instructor,
    body.lp-fluid .lp-taleen {
        display: flex !important;
        flex-direction: column;
    }

    body.lp-fluid .lp-curriculum__photo,
    body.lp-fluid .lp-curriculum__art,
    body.lp-fluid .lp-modules__photo,
    body.lp-fluid .lp-unique__photo,
    body.lp-fluid .lp-transform__photo,
    body.lp-fluid .lp-instructor__photo,
    body.lp-fluid .lp-taleen__portrait {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: 100% !important;
        height: min(72vh, 680px) !important;
        max-width: none;
        order: -1;
    }

    body.lp-fluid .lp-curriculum__marble,
    body.lp-fluid .lp-curriculum__fade,
    body.lp-fluid .lp-modules__veil,
    body.lp-fluid .lp-unique__veil,
    body.lp-fluid .lp-instructor__marble {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
    }

    body.lp-fluid .lp-curriculum__art img,
    body.lp-fluid .lp-curriculum__photo img,
    body.lp-fluid .lp-modules__photo img,
    body.lp-fluid .lp-unique__photo img,
    body.lp-fluid .lp-transform__photo img:not(.lp-transform__mark),
    body.lp-fluid .lp-instructor__photo img,
    body.lp-fluid .lp-taleen__portrait img {
        width: 100%;
        height: 100%;
        max-width: none;
        object-fit: cover;
        object-position: top center;
    }

    body.lp-fluid .lp-curriculum__container {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 600px;
        height: auto;
        gap: 0;
        margin: 0 auto;
        padding: 0;
    }

    body.lp-fluid .lp-curriculum__copy,
    body.lp-fluid .lp-modules__heading,
    body.lp-fluid .lp-modules__list,
    body.lp-fluid .lp-modules__cta,
    body.lp-fluid .lp-unique__title,
    body.lp-fluid .lp-unique__list,
    body.lp-fluid .lp-transform__title,
    body.lp-fluid .lp-transform__copy,
    body.lp-fluid .lp-transform__frame,
    body.lp-fluid .lp-transform__text,
    body.lp-fluid .lp-instructor__frame {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        width: auto !important;
        max-width: none !important;
        padding: 36px 20px;
        margin: 0;
    }

    body.lp-fluid .lp-modules {
        background: var(--lp-modules-bg);
        padding: 0;
        gap: 0;
    }

    body.lp-fluid .lp-modules__stack,
    body.lp-fluid .lp-modules__main {
        width: 100%;
        max-width: none;
        gap: 0;
        margin: 0;
        align-items: stretch;
    }

    body.lp-fluid .lp-modules__heading {
        padding-bottom: 0;
        width: 100%;
        max-width: none;
    }

    body.lp-fluid .lp-modules__list {
        display: flex;
        flex-direction: column;
        gap: 28px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    body.lp-fluid .lp-modules__col:first-child,
    body.lp-fluid .lp-modules__col:last-child {
        order: 0;
        flex: 1 1 auto;
        width: 100%;
    }

    body.lp-fluid .lp-modules__cta {
        align-self: flex-end;
        padding-top: 0;
    }

    body.lp-fluid .lp-unique {
        background: var(--lp-unique-bg);
        padding: 0;
        gap: 0;
    }

    body.lp-fluid .lp-unique__frame {
        width: 100%;
        max-width: none;
        padding: 36px 20px;
        gap: 24px;
        margin: 0;
        align-items: stretch;
    }

    body.lp-fluid .lp-unique__title {
        padding-bottom: 0;
        padding: 0;
        font-size: 32px;
        color: #fff;
        width: 100%;
    }

    body.lp-fluid .lp-unique__list {
        padding-top: 16px;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    body.lp-fluid .lp-transform {
        padding: 0;
        justify-content: flex-start;
        background: #edeff4;
    }

    body.lp-fluid .lp-transform__frame {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        gap: 45px !important;
        padding: 0 20px 80px !important;
        direction: rtl !important;
    }

    body.lp-fluid .lp-transform__text {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 40px !important;
        padding: 0 !important;
        width: 100% !important;
        margin: 0 !important;
    }

    body.lp-fluid .lp-transform__title,
    body.lp-fluid .lp-transform__copy,
    body.lp-fluid .lp-transform__body {
        padding: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    body.lp-fluid .lp-transform__photo {
        -webkit-mask-image: none !important;
        mask-image: none !important;
        height: auto !important;
        aspect-ratio: 393 / 596 !important;
    }

    body.lp-fluid .lp-transform__photo::after {
        display: none;
    }

    body.lp-fluid .lp-transform__title {
        margin: 0 !important;
        padding-bottom: 0 !important;
        font-family: 'PTBoldHeadingArabic', 'AlmaraiArabic', sans-serif !important;
        font-size: 48px !important;
        line-height: 1.2 !important;
        color: #6d5f5a !important;
        width: 100% !important;
    }

    body.lp-fluid .lp-transform__copy,
    body.lp-fluid .lp-transform__body {
        margin: 0 !important;
        padding-top: 0 !important;
        gap: 0 !important;
        width: 100% !important;
        font-family: 'El Messiri', 'AlmaraiArabic', sans-serif !important;
        font-weight: 700 !important;
        font-size: 20px !important;
        line-height: 1.5 !important;
        color: rgba(0, 0, 0, 0.7) !important;
    }

    body.lp-fluid .lp-transform__cta {
        margin: 0 !important;
        padding: 10px 16px !important;
        align-self: flex-start !important;
        width: auto !important;
        font-family: 'PTBoldHeadingArabic', 'AlmaraiArabic', sans-serif !important;
        font-size: 18px !important;
    }

    body.lp-fluid .lp-instructor {
        background: #f4f1ea;
        background-image: none;
        padding: 0;
        gap: 0;
    }

    body.lp-fluid .lp-instructor__marble {
        display: block !important;
        position: absolute;
        inset: 0;
        z-index: 0;
    }

    body.lp-fluid .lp-instructor__heading,
    body.lp-fluid .lp-instructor__copy,
    body.lp-fluid .lp-instructor__actions {
        display: none !important;
    }

    body.lp-fluid .lp-instructor__frame {
        width: 100%;
        max-width: none;
        height: auto;
        padding: 36px 20px 48px;
        align-items: center;
        justify-content: center;
    }

    body.lp-fluid .lp-instructor__stack {
        width: 100%;
        max-width: 470px;
        gap: 12px;
        padding: 0;
        margin: 0 auto;
    }

    body.lp-fluid .lp-instructor__btn {
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        height: 80px;
        min-height: 80px;
        padding: 10px 24px;
        border: 5px solid #d4ad46;
        border-radius: 999px;
        background: #000;
        color: #fff;
        font-family: 'PTBoldHeadingArabic', 'AlmaraiArabic', sans-serif;
        font-size: 18px;
        letter-spacing: 0.1em;
        font-kerning: none;
        text-transform: uppercase;
        white-space: normal;
        animation: lp-instructor-glow 2.8s ease-in-out infinite;
    }

    body.lp-fluid .lp-science {
        padding: 48px 0 32px;
        min-height: 0;
        height: auto !important;
    }

    body.lp-fluid .lp-science__title {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        margin: 0 20px 24px;
        font-size: 28px;
        text-align: center;
        white-space: normal;
    }

    body.lp-fluid .lp-science__viewport {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        height: auto;
    }

    body.lp-fluid .lp-science__card {
        width: min(92vw, 360px);
        height: auto;
        max-height: none;
        flex-direction: column;
    }

    body.lp-fluid .lp-taleen {
        background: #4d4130;
        padding: 36px 20px 48px;
        gap: 0;
        justify-content: flex-start;
    }

    body.lp-fluid .lp-taleen__inner {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }

    body.lp-fluid .lp-taleen__watermark {
        display: none !important;
    }

    body.lp-fluid .lp-taleen__portrait {
        max-height: none;
        width: 100% !important;
        height: auto !important;
        margin: 0;
    }

    body.lp-fluid .lp-taleen__portrait img {
        width: 100%;
        max-height: none;
        height: auto;
    }

    body.lp-fluid .lp-taleen__frame {
        width: 100%;
        max-width: none;
        padding: 0 20px;
        margin: 0;
    }

    body.lp-fluid .lp-taleen__copy {
        max-width: 560px;
        margin: 0 auto;
        padding: 28px 0 0;
        gap: 24px;
    }

    body.lp-fluid .lp-taleen__label {
        font-size: 32px;
        line-height: 1.15;
    }

    body.lp-fluid .lp-faq,
    body.lp-fluid .lp-testimonials,
    body.lp-fluid .lp-footer {
        height: auto !important;
        min-height: 0 !important;
    }

    body.lp-fluid .lp-faq__canvas,
    body.lp-fluid .lp-testimonials__canvas,
    body.lp-fluid .lp-footer__canvas {
        height: auto !important;
        padding: 48px 20px;
    }

    body.lp-fluid .lp-faq__canvas {
        gap: 24px;
        padding: 48px 20px;
    }

    body.lp-fluid .lp-faq__title {
        font-size: 32px;
        line-height: 1.3;
    }

    body.lp-fluid .lp-faq__grid {
        grid-template-columns: 1fr;
        column-gap: 0;
        row-gap: 12px;
        max-width: none;
    }

    body.lp-fluid .lp-faq__col {
        gap: 12px;
    }

    body.lp-fluid .lp-faq__item summary {
        gap: 16px;
    }

    body.lp-fluid .lp-faq__q {
        font-size: 16px;
        line-height: 1.35;
    }

    body.lp-fluid .lp-testimonials__canvas {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        height: auto !important;
        transform: none !important;
        padding: 36px 16px 28px !important;
        background: #fff !important;
    }

    body.lp-fluid .lp-testimonials__title {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        width: auto !important;
        margin: 0 0 20px !important;
        font-size: 32px !important;
        line-height: 1.3 !important;
        white-space: normal !important;
    }

    body.lp-fluid .lp-testimonials__intro {
        display: none !important;
    }

    body.lp-fluid .lp-testimonials__track {
        position: relative !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
        align-items: stretch;
        width: 100% !important;
    }

    body.lp-fluid .lp-testimonials__col {
        display: contents !important;
    }

    body.lp-fluid .lp-testimonial,
    body.lp-fluid .lp-testimonial--a,
    body.lp-fluid .lp-testimonial--b,
    body.lp-fluid .lp-testimonial--c,
    body.lp-fluid .lp-testimonial--d,
    body.lp-fluid .lp-testimonial--e,
    body.lp-fluid .lp-testimonial--f,
    body.lp-fluid .lp-testimonial--g {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        height: 180px !important;
        max-width: none !important;
        align-self: stretch;
        margin: 0 !important;
        overflow: hidden !important;
        border-radius: 16px !important;
    }

    body.lp-fluid .lp-testimonial--b,
    body.lp-fluid .lp-testimonial--d {
        height: 240px !important;
    }

    body.lp-fluid .lp-testimonial--c {
        grid-column: 1 / -1;
        height: 220px !important;
        max-width: 220px !important;
        justify-self: center;
    }

    body.lp-fluid .lp-footer__canvas {
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    body.lp-fluid .lp-footer__links,
    body.lp-fluid .lp-footer__bottom {
        flex-wrap: wrap;
        gap: 12px;
    }
}

/* =====================================================================
   Revisions. The English mobile sheet uses !important, so these must too.
   ===================================================================== */
@media (min-width: 769px) {
    body.lp-fluid .lp-science__title {
        position: absolute !important;
        left: 50% !important;
        top: 127px !important;
        transform: translateX(-50%) !important;
        width: max-content !important;
        max-width: calc(100% - 160px) !important;
        margin: 0 !important;
        white-space: nowrap !important;
        text-align: center !important;
        overflow: visible !important;
        color: #4d4130 !important;
    }

    body.lp-fluid .lp-footer__thanks {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 12px 24px !important;
        width: 100% !important;
    }

    body.lp-fluid .lp-footer__credits {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: flex-end !important;
        gap: 12px 28px !important;
        flex: 1 1 280px !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    body.lp-fluid .lp-footer__credit-item {
        flex: 0 1 auto !important;
    }
}

@media (max-width: 768px) {
    body.lp-fluid .lp-video {
        height: auto !important;
        min-height: 0 !important;
        background: #fff !important;
        overflow: visible !important;
    }

    body.lp-fluid .lp-video__media {
        position: relative !important;
        inset: auto !important;
        display: block !important;
        width: 100% !important;
        height: min(68vh, 520px) !important;
        order: -1 !important;
    }

    body.lp-fluid .lp-video__el {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    body.lp-fluid .lp-video__gradient,
    body.lp-fluid .lp-video__mark,
    body.lp-fluid .lp-video__marble,
    body.lp-fluid .lp-video__model {
        display: none !important;
    }

    body.lp-fluid .lp-video__bottom,
    body.lp-fluid .lp-video__brand {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
        padding: 28px 20px 40px !important;
        gap: 16px !important;
        pointer-events: auto !important;
        z-index: 2 !important;
        box-sizing: border-box !important;
    }

    body.lp-fluid .lp-video__text {
        position: relative !important;
        width: 100% !important;
        max-width: none !important;
        color: #1f1b16 !important;
        font-size: 16px !important;
        line-height: 1.7 !important;
        text-align: right !important;
    }

    body.lp-fluid .lp-video__cta {
        position: relative !important;
        color: #fff !important;
    }

    body.lp-fluid .lp-taleen {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
        padding: 28px 20px 48px !important;
        background: #4d4130 !important;
    }

    body.lp-fluid .lp-taleen::after {
        content: none !important;
    }

    body.lp-fluid .lp-taleen__inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        height: auto !important;
        gap: 20px !important;
    }

    body.lp-fluid .lp-taleen__portrait {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        order: -1 !important;
        overflow: hidden !important;
        border-radius: 18px !important;
    }

    body.lp-fluid .lp-taleen__portrait img {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-height: 460px !important;
        object-fit: cover !important;
        object-position: center top !important;
    }

    body.lp-fluid .lp-taleen__watermark {
        display: none !important;
    }

    body.lp-fluid .lp-taleen__frame,
    body.lp-fluid .lp-taleen__copy {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 2 !important;
    }

    body.lp-fluid .lp-taleen__label,
    body.lp-fluid .lp-taleen__body {
        color: #fff !important;
        text-align: right !important;
    }

    body.lp-fluid .lp-faq__badge {
        display: none !important;
    }
}

@media (min-width: 769px) {
    body.lp-fluid .lp-footer__canvas,
    body.lp-fluid .lp-footer__bar,
    body.lp-fluid .lp-footer__thanks {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    body.lp-fluid .lp-footer__thanks {
        display: block !important;
    }

    body.lp-fluid #lp-footer-canvas {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 40px !important;
        padding-right: 40px !important;
        transform: none !important;
    }

    body.lp-fluid .lp-footer__bar,
    body.lp-fluid .lp-footer__thanks {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    body.lp-fluid .lp-footer__credits {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: flex-end !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 12px 0 0 !important;
        gap: 8px 16px !important;
        box-sizing: border-box !important;
        justify-content: flex-end !important;
        transform: translateX(-120px) !important;
    }
}

/* English landing is paused. Hide the EN/AR switch on both header and hero. */
body.lp-fluid .lp-hero__actions .lp-lang,
body.lp-fluid .lp-header__actions .lp-lang {
    display: grid !important;
}

@media (min-width: 769px) and (max-width: 1199px) {
    body.lp-fluid .lp-science__card {
        gap: 28px !important;
        padding: 28px !important;
    }

    body.lp-fluid .lp-science__pair img,
    body.lp-fluid .lp-science__pair--wide img,
    body.lp-fluid .lp-science__pair--xl img {
        width: clamp(120px, 18vw, 200px) !important;
        height: clamp(220px, 32vw, 360px) !important;
    }

    body.lp-fluid .lp-science__media {
        width: clamp(150px, 24vw, 240px) !important;
        height: clamp(220px, 32vw, 360px) !important;
    }

    body.lp-fluid .lp-science__quote,
    body.lp-fluid .lp-science__body,
    body.lp-fluid .lp-science__body p {
        font-size: 22px !important;
    }
}

@media (min-width: 769px) and (max-height: 800px) {
    body.lp-fluid .lp-science__title {
        top: 88px !important;
        font-size: 40px !important;
        line-height: 48px !important;
    }

    body.lp-fluid .lp-science__viewport {
        top: 156px !important;
    }

    body.lp-fluid .lp-science__pair img,
    body.lp-fluid .lp-science__pair--wide img,
    body.lp-fluid .lp-science__pair--xl img,
    body.lp-fluid .lp-science__media {
        height: min(360px, calc(100vh - 280px)) !important;
    }
}

/* Footer: show the full Figma frame, including the last rows. */
@media (min-width: 769px) {
    body.lp-fluid .lp-footer {
        height: 100vh !important;
        height: 100dvh !important;
        min-height: 100vh !important;
        overflow: hidden !important;
        background: #111 !important;
    }

    body.lp-fluid #lp-footer-canvas {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        width: 1280px !important;
        height: 832px !important;
        max-width: none !important;
        padding: 0 !important;
        overflow: hidden !important;
        transform-origin: center center !important;
        transform: translate(-50%, -50%) scale(var(--lp-footer-fit, 1)) !important;
    }

    /* Photo starts at the top so the model's face stays in frame. */
    body.lp-fluid #lp-footer-bg-frame {
        position: absolute !important;
        left: 50% !important;
        top: 0 !important;
        width: 1280px !important;
        height: 832px !important;
        max-width: none !important;
        padding: 0 !important;
        overflow: hidden !important;
        transform-origin: top center !important;
        transform: translateX(-50%) scale(var(--lp-footer-cover, 1)) !important;
    }

    body.lp-fluid #lp-footer-bg-frame img {
        object-position: top center !important;
    }

    body.lp-fluid .lp-footer__hero {
        position: absolute !important;
        left: 50% !important;
        top: 275px !important;
        transform: translateX(-50%) !important;
        width: 252px !important;
        gap: 29px !important;
        flex: none !important;
        min-height: 0 !important;
    }

    body.lp-fluid .lp-footer__logo {
        width: 252px !important;
        height: 159px !important;
    }

    body.lp-fluid .lp-footer__cta {
        width: 100% !important;
        height: 39px !important;
        padding: 8px 24px !important;
        font-size: 14px !important;
    }

    body.lp-fluid .lp-footer__bar {
        position: absolute !important;
        left: 100px !important;
        right: auto !important;
        top: auto !important;
        bottom: 50px !important;
        width: 1081px !important;
        max-width: none !important;
        gap: 16px !important;
        transform: none !important;
    }

    body.lp-fluid .lp-footer__thanks,
    body.lp-fluid .lp-footer__bottom,
    body.lp-fluid .lp-footer__row {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        gap: 16px !important;
        transform: none !important;
    }

    body.lp-fluid .lp-footer__credits {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: flex-end !important;
        align-items: flex-start !important;
        width: auto !important;
        max-width: none !important;
        flex: none !important;
        margin: 0 !important;
        gap: 24px !important;
        transform: none !important;
    }

    body.lp-fluid .lp-footer__credit-social {
        color: rgba(255, 255, 255, 0.78) !important;
        font-family: Inter, Lato, sans-serif !important;
        font-size: 11px !important;
        font-weight: 400 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
    }
}

@media (max-width: 768px) {
    body.lp-fluid .lp-science__viewport,
    body.lp-fluid .lp-science__track {
        height: auto !important;
        min-height: 0 !important;
        align-items: flex-start !important;
    }

    body.lp-fluid .lp-science__card {
        flex-direction: column !important;
        direction: ltr !important;
        justify-content: flex-start !important;
        align-items: stretch !important;
        align-self: flex-start !important;
        width: min(92vw, 360px) !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 16px !important;
        gap: 16px !important;
    }

    body.lp-fluid .lp-science__pair {
        direction: ltr !important;
        width: 100% !important;
        gap: 10px !important;
    }

    body.lp-fluid .lp-science__pair img,
    body.lp-fluid .lp-science__pair--wide img,
    body.lp-fluid .lp-science__pair--xl img {
        width: calc(50% - 5px) !important;
        height: 190px !important;
        flex: none !important;
    }

    body.lp-fluid .lp-science__media {
        width: 100% !important;
        height: 220px !important;
    }

    body.lp-fluid .lp-science__quote,
    body.lp-fluid .lp-science__body,
    body.lp-fluid .lp-science__body p {
        flex: none !important;
        height: auto !important;
        margin: 0 !important;
        font-family: 'El Messiri', 'AlmaraiArabic', sans-serif !important;
        font-size: 16px !important;
        line-height: 1.6 !important;
        text-align: right !important;
    }
}

/* Mobile hero only. Desktop rules above stay as they are. Figma 292:2237 / 292:2248, 393×850. */
body.lp-fluid .lp-hero__mark-m,
body.lp-fluid .lp-header__logo-m {
    display: none;
}

body.lp-fluid .lp-hero__stack {
    display: contents;
}

@media (max-width: 768px) {
    body.lp-fluid #hero {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: 100vh !important;
        height: 100dvh !important;
        aspect-ratio: auto !important;
        min-height: 100vh !important;
        min-height: 100dvh !important;
        max-height: none !important;
        overflow: hidden !important;
        background: #000 !important;
    }

    body.lp-fluid .lp-hero__marble,
    body.lp-fluid .lp-hero__model,
    body.lp-fluid .lp-hero__model-blur,
    body.lp-fluid .lp-hero__logo-t,
    body.lp-fluid .lp-hero__logo-e,
    body.lp-fluid .lp-hero__logo-sil,
    body.lp-fluid .lp-hero__brand,
    body.lp-fluid .lp-hero__mark {
        display: none !important;
    }

    body.lp-fluid .lp-hero__photo {
        position: absolute !important;
        inset: 0 !important;
        z-index: 0 !important;
        overflow: hidden !important;
    }

    body.lp-fluid .lp-hero__photo img {
        position: absolute !important;
        width: 252.75% !important;
        height: 65.21% !important;
        left: -76.38% !important;
        top: -0.04% !important;
        max-width: none !important;
        object-fit: fill !important;
    }

    body.lp-fluid #hero .lp-hero__photo video {
        position: absolute !important;
        inset: 0 !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        object-fit: cover !important;
        object-position: center center !important;
        display: block !important;
    }

    body.lp-fluid .lp-hero__photo::before,
    body.lp-fluid .lp-hero__photo::after {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        width: 100% !important;
        pointer-events: none !important;
    }

    body.lp-fluid .lp-hero__photo::before {
        inset: 0 !important;
        height: auto !important;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.8) 100%) !important;
        z-index: 1 !important;
    }

    body.lp-fluid .lp-hero__photo::after {
        top: auto !important;
        bottom: 0 !important;
        height: 55% !important;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 42%, rgba(0, 0, 0, 0.88) 100%) !important;
        z-index: 2 !important;
    }

    body.lp-fluid #lp-hero-canvas {
        position: absolute !important;
        inset: 0 !important;
        left: 0 !important;
        top: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        padding: 0 20px 50px !important;
        box-sizing: border-box !important;
        transform: none !important;
        overflow: visible !important;
        z-index: 3 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important;
        align-items: flex-start !important;
        direction: ltr !important;
        gap: 0 !important;
    }

    body.lp-fluid .lp-hero__stack {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-end !important;
        direction: ltr !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 0 !important;
        position: relative !important;
        z-index: 4 !important;
    }

    body.lp-fluid .lp-hero__copy,
    body.lp-fluid .lp-hero__titles {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        width: min(305px, 100%) !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body.lp-fluid .lp-hero__copy {
        gap: 26px !important;
    }

    body.lp-fluid .lp-hero__mark-m {
        display: block !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: min(241px, 70vw) !important;
        height: auto !important;
        max-width: none !important;
        z-index: 4 !important;
    }

    body.lp-fluid .lp-hero__discover,
    body.lp-fluid .lp-hero__elegance,
    body.lp-fluid .lp-hero__built,
    body.lp-fluid .lp-hero__cta {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        margin: 0 !important;
        transform: none !important;
        text-transform: none !important;
    }

    body.lp-fluid .lp-hero__discover {
        width: auto !important;
        font-family: 'Geist', sans-serif !important;
        font-weight: 400 !important;
        font-size: 41px !important;
        line-height: 0.72 !important;
        color: rgba(255, 255, 255, 0.51) !important;
        z-index: 5 !important;
    }

    body.lp-fluid .lp-hero__elegance {
        width: auto !important;
        margin-top: -0.22em !important;
        margin-inline-start: 58px !important;
        font-family: 'Great Vibes', cursive !important;
        font-weight: 400 !important;
        font-size: 95px !important;
        line-height: 0.62 !important;
        color: #cb1e31 !important;
        white-space: nowrap !important;
        z-index: 6 !important;
    }

    body.lp-fluid .lp-hero__built {
        width: auto !important;
        margin-top: -0.08em !important;
        font-family: 'Geist', sans-serif !important;
        font-weight: 700 !important;
        font-size: 28px !important;
        line-height: 0.92 !important;
        color: #fff !important;
        white-space: nowrap !important;
        z-index: 5 !important;
    }

    body.lp-fluid .lp-hero__cta {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 260px !important;
        max-width: 100% !important;
        height: 50px !important;
        padding: 0 13px !important;
        border-radius: 999px !important;
        background: #cb1e31 !important;
        color: #fff !important;
        font-family: 'PTBoldHeadingArabic', 'AlmaraiArabic', sans-serif !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: normal !important;
        white-space: nowrap !important;
        z-index: 7 !important;
    }

    body.lp-fluid #lp-header {
        display: block !important;
        z-index: 100 !important;
    }

    body.lp-fluid #lp-header .lp-header__inner {
        direction: ltr !important;
        align-items: flex-start !important;
        max-width: none !important;
        padding: 3.817vw 5.089vw 0 !important;
    }

    body.lp-fluid #lp-header .lp-header__logo {
        mix-blend-mode: normal !important;
        opacity: 1 !important;
        filter: none !important;
        pointer-events: auto !important;
    }

    body.lp-fluid #lp-header .lp-header__logo img:not(.lp-header__logo-m) {
        display: none !important;
    }

    body.lp-fluid #lp-header .lp-header__logo-m {
        display: block !important;
        width: 22.067vw !important;
        height: auto !important;
        max-width: none !important;
    }

    body.lp-fluid #lp-header .lp-header__actions {
        display: flex !important;
    }

    body.lp-fluid #lp-header .lp-menu-btn {
        display: none !important;
    }

    body.lp-fluid .lp-hero__actions {
        display: flex !important;
        position: fixed !important;
        top: 5.344vw !important;
        right: 5.089vw !important;
        left: auto !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        z-index: 110 !important;
    }

    body.lp-fluid #lp-hero-menu {
        display: flex !important;
        width: 12.214vw !important;
        height: 12.214vw !important;
        background: #999 !important;
        border: 0 !important;
        border-radius: 999px !important;
    }

    body.lp-fluid #lp-hero-menu img {
        width: 6.107vw !important;
        height: 6.107vw !important;
        filter: brightness(0) invert(1) !important;
    }
}

/* Mobile method only. Desktop rules stay as they are. Figma 344:26, 393×1089. */
@media (max-width: 768px) {
    body.lp-fluid #method {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
        background: #fff !important;
        padding: 0 0 25.445vw !important;
    }

    body.lp-fluid #method .lp-method__marble,
    body.lp-fluid #method .lp-method__mark {
        display: none !important;
    }

    body.lp-fluid #method .lp-method__inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0 !important;
        width: 100% !important;
        height: auto !important;
        max-width: none !important;
        padding: 0 !important;
    }

    body.lp-fluid #method .lp-method__model {
        order: -1 !important;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 393 / 721 !important;
        flex: none !important;
    }

    body.lp-fluid #method .lp-method__model img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        object-fit: fill !important;
        object-position: center top !important;
    }

    body.lp-fluid #method .lp-method__copy {
        width: 100% !important;
        padding: 3.817vw 5.089vw 0 !important;
        box-sizing: border-box !important;
    }

    body.lp-fluid #method .lp-method__stack,
    body.lp-fluid #method .lp-method__body {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 6.361vw !important;
        width: 100% !important;
    }

    body.lp-fluid #method .lp-method__text {
        width: 100% !important;
        margin: 0 !important;
        font-family: 'PTBoldHeadingArabic', 'AlmaraiArabic', sans-serif !important;
        font-size: 6.107vw !important;
        line-height: 1.5 !important;
        letter-spacing: 0 !important;
        text-align: justify !important;
        color: rgba(0, 0, 0, 0.73) !important;
    }

    body.lp-fluid #method .lp-method__cta {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        height: 12.214vw !important;
        margin: 0 !important;
        padding: 0 4.071vw !important;
        border-radius: 999px !important;
        background: #cb1e31 !important;
        color: #fff !important;
        font-family: 'PTBoldHeadingArabic', 'AlmaraiArabic', sans-serif !important;
        font-size: 4.580vw !important;
        font-weight: 400 !important;
        line-height: normal !important;
        text-decoration: none !important;
        text-transform: none !important;
        white-space: nowrap !important;
    }
}

/* Mobile curriculum only. Desktop rules stay as they are. Figma 344:27, 393×1448. */
@media (max-width: 768px) {
    body.lp-fluid #curriculum {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
        background: #fff !important;
        padding: 0 0 25.445vw !important;
    }

    body.lp-fluid #curriculum .lp-curriculum__marble,
    body.lp-fluid #curriculum .lp-curriculum__fade {
        display: none !important;
    }

    body.lp-fluid #curriculum .lp-curriculum__photo {
        order: -1 !important;
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 393 / 682 !important;
        max-width: none !important;
        flex: none !important;
    }

    body.lp-fluid #curriculum .lp-curriculum__photo img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        object-fit: fill !important;
        object-position: center top !important;
    }

    body.lp-fluid #curriculum .lp-curriculum__container {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.lp-fluid #curriculum .lp-curriculum__copy {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8.142vw !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 12.214vw 5.089vw 0 !important;
        box-sizing: border-box !important;
    }

    body.lp-fluid #curriculum .lp-curriculum__heading {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 6.107vw !important;
        width: 100% !important;
        margin: 0 !important;
    }

    body.lp-fluid #curriculum .lp-curriculum__label {
        margin: 0 !important;
        width: 100% !important;
        font-family: 'PTBoldHeadingArabic', 'AlmaraiArabic', sans-serif !important;
        font-size: 12.214vw !important;
        font-weight: 400 !important;
        line-height: 1.2 !important;
        text-align: right !important;
        color: #cb1e31 !important;
    }

    body.lp-fluid #curriculum .lp-curriculum__title {
        margin: 0 !important;
        width: 100% !important;
        font-family: 'El Messiri', 'AlmaraiArabic', sans-serif !important;
        font-size: 8.142vw !important;
        font-weight: 700 !important;
        line-height: 1.1 !important;
        letter-spacing: -0.407vw !important;
        text-align: right !important;
        color: #6d5f5a !important;
    }

    body.lp-fluid #curriculum .lp-curriculum__body {
        width: 100% !important;
        margin: 0 !important;
    }

    body.lp-fluid #curriculum .lp-curriculum__body p {
        margin: 0 !important;
        font-family: 'El Messiri', 'AlmaraiArabic', sans-serif !important;
        font-size: 5.089vw !important;
        font-weight: 500 !important;
        line-height: normal !important;
        text-align: justify !important;
        color: #000 !important;
    }

    body.lp-fluid #curriculum .lp-curriculum__body p + p {
        margin-top: 7.888vw !important;
    }
}

/* Mobile modules only. Desktop rules stay as they are. Figma 293:2336. */
@media (max-width: 768px) {
    body.lp-fluid #modules {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
        background: #4d4130 !important;
        padding: 0 0 12.658vw !important;
    }

    body.lp-fluid #modules .lp-modules__photo {
        order: -1 !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 395 / 672.592 !important;
        max-width: none !important;
        flex: none !important;
        -webkit-mask-image: none !important;
        mask-image: none !important;
    }

    body.lp-fluid #modules .lp-modules__photo img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        object-fit: fill !important;
        object-position: center top !important;
    }

    body.lp-fluid #modules .lp-modules__stack {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 7.089vw !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 5.063vw 5.063vw 12.658vw !important;
        box-sizing: border-box !important;
    }

    body.lp-fluid #modules .lp-modules__main,
    body.lp-fluid #modules .lp-modules__heading,
    body.lp-fluid #modules .lp-modules__list,
    body.lp-fluid #modules .lp-modules__col {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: none !important;
        flex: none !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
    }

    body.lp-fluid #modules .lp-modules__heading {
        gap: 6.076vw !important;
    }

    body.lp-fluid #modules .lp-modules__list,
    body.lp-fluid #modules .lp-modules__col {
        gap: 4.051vw !important;
    }

    body.lp-fluid #modules .lp-modules__main {
        gap: 12.152vw !important;
    }

    body.lp-fluid #modules .lp-modules__label {
        margin: 0 !important;
        width: 100% !important;
        font-family: 'PTBoldHeadingArabic', 'AlmaraiArabic', sans-serif !important;
        font-size: 12.152vw !important;
        font-weight: 400 !important;
        line-height: 1.2 !important;
        text-align: right !important;
        color: #fff !important;
    }

    body.lp-fluid #modules .lp-modules__subtitle {
        margin: 0 !important;
        width: 100% !important;
        font-family: 'El Messiri', 'AlmaraiArabic', sans-serif !important;
        font-size: 6.076vw !important;
        font-weight: 700 !important;
        line-height: 1.5 !important;
        letter-spacing: -0.304vw !important;
        text-align: right !important;
        color: #fff !important;
    }

    body.lp-fluid #modules .lp-modules__item {
        display: flex !important;
        flex-direction: row !important;
        direction: rtl !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 3.038vw !important;
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.lp-fluid #modules .lp-modules__num {
        flex: none !important;
        position: static !important;
        width: auto !important;
        font-family: 'El Messiri', 'AlmaraiArabic', sans-serif !important;
        font-weight: 400 !important;
        font-size: 4.101vw !important;
        line-height: 4.716vw !important;
        color: rgba(255, 255, 255, 0.7) !important;
        white-space: nowrap !important;
    }

    body.lp-fluid #modules .lp-modules__item p {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        font-family: 'El Messiri', 'AlmaraiArabic', sans-serif !important;
        font-weight: 400 !important;
        font-size: 3.544vw !important;
        line-height: 1.5 !important;
        text-align: right !important;
        color: rgba(255, 255, 255, 0.72) !important;
    }

    body.lp-fluid #modules .lp-modules__cta {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        align-self: flex-start !important;
        width: auto !important;
        height: 12.152vw !important;
        margin: 0 !important;
        padding: 0 4.051vw !important;
        border-radius: 999px !important;
        background: #cb1e31 !important;
        color: #fff !important;
        font-family: 'PTBoldHeadingArabic', 'AlmaraiArabic', sans-serif !important;
        font-size: 4.557vw !important;
        font-weight: 400 !important;
        line-height: normal !important;
        text-decoration: none !important;
        text-transform: none !important;
        white-space: nowrap !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
    }
}

/* Mobile unique only. Desktop rules stay as they are. Figma 293:2353. */
@media (max-width: 768px) {
    body.lp-fluid #unique {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
        background: #603f22 !important;
        padding: 0 !important;
        gap: 0 !important;
    }

    body.lp-fluid #unique .lp-unique__photo {
        order: -1 !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 393 / 653 !important;
        max-width: none !important;
        flex: none !important;
        margin: 0 !important;
        -webkit-mask-image: none !important;
        mask-image: none !important;
    }

    body.lp-fluid #unique .lp-unique__photo img {
        display: block !important;
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        object-fit: fill !important;
        object-position: center top !important;
    }

    body.lp-fluid #unique .lp-unique__veil,
    body.lp-fluid #unique .lp-unique__logo,
    body.lp-fluid #unique .lp-unique__menu {
        display: none !important;
    }

    body.lp-fluid #unique .lp-unique__frame {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 10.204vw !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 5.102vw 20.408vw !important;
        box-sizing: border-box !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        transform: none !important;
    }

    body.lp-fluid #unique .lp-unique__title,
    body.lp-fluid #unique .lp-unique__list {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }

    body.lp-fluid #unique .lp-unique__title {
        font-family: 'PTBoldHeadingArabic', 'AlmaraiArabic', sans-serif !important;
        font-size: 12.245vw !important;
        font-weight: 400 !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
        text-align: right !important;
        color: #fff !important;
    }

    body.lp-fluid #unique .lp-unique__list {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 7.653vw !important;
    }

    body.lp-fluid #unique .lp-unique__item {
        display: flex !important;
        flex-direction: row !important;
        direction: ltr !important;
        align-items: flex-start !important;
        justify-content: flex-end !important;
        gap: 3.571vw !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.lp-fluid #unique .lp-unique__bar {
        flex: 0 0 1.276vw !important;
        width: 1.276vw !important;
        height: 17.347vw !important;
        min-height: 0 !important;
        margin: 0 !important;
        border-radius: 999px 0 0 999px !important;
        background: #fff !important;
        align-self: flex-start !important;
    }

    body.lp-fluid #unique .lp-unique__item--short .lp-unique__bar {
        height: 13.010vw !important;
    }

    body.lp-fluid #unique .lp-unique__item p {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        direction: rtl !important;
        font-family: 'El Messiri', 'AlmaraiArabic', sans-serif !important;
        font-weight: 400 !important;
        font-size: 5.102vw !important;
        line-height: 6.888vw !important;
        text-align: justify !important;
        text-align-last: right !important;
        color: #fff !important;
    }
}

/* Mobile instructor only. Desktop rules stay as they are. Figma 293:2358. */
@media (max-width: 768px) {
    body.lp-fluid #instructor {
        display: flex !important;
        flex-direction: column !important;
        position: relative !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
        background: #f4f1ea !important;
        padding: 0 0 20.408vw !important;
        gap: 0 !important;
    }

    body.lp-fluid #instructor .lp-instructor__marble {
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 0 !important;
        width: 100% !important;
        height: 100% !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }

    body.lp-fluid #instructor .lp-instructor__marble img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    body.lp-fluid #instructor .lp-instructor__photo {
        order: -1 !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        transform: none !important;
        z-index: 1 !important;
        width: 100% !important;
        height: auto !important;
        max-width: none !important;
        aspect-ratio: 392 / 791 !important;
        flex: none !important;
        margin: 0 !important;
        pointer-events: none !important;
        -webkit-mask-image: none !important;
        mask-image: none !important;
        background: none !important;
    }

    body.lp-fluid #instructor .lp-instructor__photo img {
        display: block !important;
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        object-fit: fill !important;
        object-position: center top !important;
    }

    body.lp-fluid #instructor .lp-instructor__logo,
    body.lp-fluid #instructor .lp-instructor__menu,
    body.lp-fluid #instructor .lp-instructor__copy,
    body.lp-fluid #instructor .lp-instructor__heading,
    body.lp-fluid #instructor .lp-instructor__actions {
        display: none !important;
    }

    body.lp-fluid #instructor .lp-instructor__frame {
        position: relative !important;
        z-index: 2 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 4.082vw !important;
        box-sizing: border-box !important;
        transform: none !important;
    }

    body.lp-fluid #instructor .lp-instructor__stack {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: none !important;
        gap: 3.061vw !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.lp-fluid #instructor .lp-instructor__btn {
        display: flex !important;
        flex-direction: row !important;
        direction: ltr !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 4.082vw !important;
        width: 100% !important;
        height: 22.449vw !important;
        min-height: 22.449vw !important;
        margin: 0 !important;
        padding: 0 8.163vw !important;
        box-sizing: border-box !important;
        border: 1.276vw solid #d4ad46 !important;
        border-radius: 999px !important;
        background: #000 !important;
        color: #fff !important;
        font-family: 'PTBoldHeadingArabic', 'AlmaraiArabic', sans-serif !important;
        font-size: 5.102vw !important;
        font-weight: 400 !important;
        line-height: normal !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
        text-align: right !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        cursor: pointer !important;
        appearance: none !important;
        animation: none !important;
        transform: none !important;
        box-shadow: none !important;
    }

    body.lp-fluid #instructor .lp-instructor__btn::after {
        display: none !important;
    }

    body.lp-fluid #instructor .lp-instructor__btn img {
        flex: 0 0 8.163vw !important;
        width: 8.163vw !important;
        height: 8.163vw !important;
        max-width: none !important;
    }

    body.lp-fluid #instructor .lp-instructor__btn span {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        color: #fff !important;
        font-size: 5.102vw !important;
        line-height: normal !important;
        letter-spacing: 0 !important;
        text-align: right !important;
        white-space: nowrap !important;
    }
}

/* Mobile science only. Desktop rules stay as they are. Figma 293:2363. */
@media (max-width: 768px) {
    body.lp-fluid #science {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 9.184vw !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
        padding: 20.408vw 5.102vw !important;
        background: #f7f4ef url('../images/hero-marble.jpg') center / cover no-repeat !important;
    }

    body.lp-fluid #science .lp-science__logo,
    body.lp-fluid #science .lp-science__menu {
        display: none !important;
    }

    body.lp-fluid #science .lp-science__title {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        transform: none !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        font-family: 'PTBoldHeadingArabic', 'AlmaraiArabic', sans-serif !important;
        font-size: 12.245vw !important;
        font-weight: 400 !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        white-space: normal !important;
        color: #6d5f5a !important;
    }

    body.lp-fluid #science .lp-science__viewport {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        display: block !important;
        overflow: hidden !important;
    }

    body.lp-fluid #science .lp-science__track {
        display: flex !important;
        direction: ltr !important;
        align-items: flex-start !important;
        gap: 0 !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        touch-action: pan-y !important;
        scroll-snap-type: x mandatory !important;
    }

    body.lp-fluid #science .lp-science__card {
        display: flex !important;
        flex: 0 0 100% !important;
        flex-direction: column !important;
        direction: ltr !important;
        align-items: stretch !important;
        align-self: flex-start !important;
        justify-content: flex-start !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 5.612vw !important;
        gap: 5.102vw !important;
        box-sizing: border-box !important;
        border-radius: 6.122vw !important;
        background: #4d4130 !important;
        scroll-snap-align: start !important;
        opacity: 1 !important;
    }

    /* 3-photo: left tall + right stacked, quote below. */
    body.lp-fluid #science .lp-science__card--thumbs {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        grid-template-rows: auto auto !important;
        column-gap: 2.041vw !important;
        row-gap: 5.102vw !important;
        align-items: stretch !important;
        gap: 5.102vw 2.041vw !important;
    }

    body.lp-fluid #science .lp-science__card--thumbs .lp-science__media {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 84vw !important;
        margin: 0 !important;
        border-radius: 5.612vw !important;
        overflow: hidden !important;
        flex: none !important;
    }

    body.lp-fluid #science .lp-science__card--thumbs .lp-science__body {
        display: contents !important;
    }

    body.lp-fluid #science .lp-science__card--thumbs .lp-science__body p {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
    }

    body.lp-fluid #science .lp-science__card--thumbs .lp-science__thumbs {
        grid-column: 2 !important;
        grid-row: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        direction: ltr !important;
        align-items: stretch !important;
        gap: 2.041vw !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 84vw !important;
        margin: 0 !important;
    }

    body.lp-fluid #science .lp-science__card--thumbs .lp-science__thumbs img {
        flex: 1 1 0 !important;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
        min-height: 0 !important;
        border-radius: 5.612vw !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    body.lp-fluid #science .lp-science__card--thumbs .lp-science__media img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
        border-radius: 5.612vw !important;
    }

    /* 2-photo: equal side-by-side portraits, quote below. */
    body.lp-fluid #science .lp-science__pair {
        display: flex !important;
        flex-direction: row !important;
        direction: ltr !important;
        align-items: stretch !important;
        gap: 2.041vw !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        flex: none !important;
    }

    body.lp-fluid #science .lp-science__pair > img,
    body.lp-fluid #science .lp-science__pair > picture {
        flex: 1 1 0 !important;
        display: block !important;
        width: 0 !important;
        min-width: 0 !important;
        height: auto !important;
        aspect-ratio: 3 / 4 !important;
        margin: 0 !important;
        border-radius: 5.612vw !important;
        overflow: hidden !important;
    }

    body.lp-fluid #science .lp-science__pair img,
    body.lp-fluid #science .lp-science__pair--wide img,
    body.lp-fluid #science .lp-science__pair--xl img {
        max-width: none !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        border-radius: 5.612vw !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    body.lp-fluid #science .lp-science__pair > picture img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
    }

    /* 1-photo: large portrait on top, quote below. */
    body.lp-fluid #science .lp-science__media {
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        border-radius: 5.612vw !important;
        overflow: hidden !important;
        flex: none !important;
    }

    body.lp-fluid #science .lp-science__card--text .lp-science__media {
        aspect-ratio: 3 / 4 !important;
    }

    body.lp-fluid #science .lp-science__media img,
    body.lp-fluid #science .lp-science__thumbs img {
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        object-fit: cover !important;
        object-position: center center !important;
        border-radius: 5.612vw !important;
    }

    body.lp-fluid #science .lp-science__body {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        flex: none !important;
    }

    body.lp-fluid #science .lp-science__quote,
    body.lp-fluid #science .lp-science__body,
    body.lp-fluid #science .lp-science__body p {
        flex: none !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
        direction: rtl !important;
        font-family: 'El Messiri', 'AlmaraiArabic', sans-serif !important;
        font-weight: 400 !important;
        font-size: 4.102vw !important;
        line-height: 1.5 !important;
        letter-spacing: -0.153vw !important;
        text-align: center !important;
        text-align-last: center !important;
        color: #fff8ee !important;
    }

    /* Same card height as the first slide; image area fills leftover space. */
    body.lp-fluid #science.is-fitted .lp-science__card {
        overflow: hidden !important;
    }

    body.lp-fluid #science.is-fitted .lp-science__card--thumbs {
        grid-template-rows: minmax(0, 1fr) auto !important;
    }

    body.lp-fluid #science.is-fitted .lp-science__card--thumbs .lp-science__media,
    body.lp-fluid #science.is-fitted .lp-science__card--thumbs .lp-science__thumbs {
        height: 100% !important;
        max-height: none !important;
        min-height: 0 !important;
        flex: none !important;
        overflow: hidden !important;
    }

    body.lp-fluid #science.is-fitted .lp-science__card--thumbs .lp-science__thumbs img {
        aspect-ratio: auto !important;
        height: 100% !important;
        flex: 1 1 0 !important;
        object-fit: cover !important;
    }

    body.lp-fluid #science.is-fitted .lp-science__card--thumbs .lp-science__media img {
        height: 100% !important;
        object-fit: cover !important;
    }

    body.lp-fluid #science.is-fitted .lp-science__card--thumbs .lp-science__body p,
    body.lp-fluid #science.is-fitted .lp-science__quote {
        flex: none !important;
        overflow: visible !important;
    }

    body.lp-fluid #science.is-fitted .lp-science__card--pair,
    body.lp-fluid #science.is-fitted .lp-science__card--text {
        display: flex !important;
        flex-direction: column !important;
    }

    body.lp-fluid #science.is-fitted .lp-science__card--pair .lp-science__pair,
    body.lp-fluid #science.is-fitted .lp-science__card--text .lp-science__media {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        aspect-ratio: auto !important;
        overflow: hidden !important;
    }

    body.lp-fluid #science.is-fitted .lp-science__card--pair .lp-science__pair > img,
    body.lp-fluid #science.is-fitted .lp-science__card--pair .lp-science__pair > picture,
    body.lp-fluid #science.is-fitted .lp-science__card--text .lp-science__media img {
        height: 100% !important;
        min-height: 0 !important;
        aspect-ratio: auto !important;
        object-fit: cover !important;
    }

    body.lp-fluid #science.is-fitted .lp-science__body {
        flex: 0 0 auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }
}

/* Mobile taleen only. Desktop rules stay as they are. Figma 293:2385. */
@media (max-width: 768px) {
    body.lp-fluid #taleen {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
        gap: 0 !important;
        margin: 0 !important;
        padding: 20.408vw 0 7.653vw !important;
        background: #4d4130 !important;
        color: #fff !important;
    }

    body.lp-fluid #taleen::after,
    body.lp-fluid #taleen .lp-taleen__watermark,
    body.lp-fluid #taleen .lp-taleen__logo,
    body.lp-fluid #taleen .lp-taleen__menu {
        display: none !important;
        content: none !important;
    }

    body.lp-fluid #taleen .lp-taleen__inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 12.245vw !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.lp-fluid #taleen .lp-taleen__portrait {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        transform: none !important;
        order: 0 !important;
        z-index: 1 !important;
        flex: none !important;
        align-self: center !important;
        width: 91.837% !important;
        max-width: none !important;
        height: auto !important;
        max-height: none !important;
        aspect-ratio: 360 / 579 !important;
        margin: 0 !important;
        border-radius: 0 !important;
        overflow: hidden !important;
        background: none !important;
    }

    body.lp-fluid #taleen .lp-taleen__portrait img {
        position: relative !important;
        inset: auto !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center center !important;
        border-radius: 0 !important;
    }

    body.lp-fluid #taleen .lp-taleen__frame,
    body.lp-fluid #taleen .lp-taleen__copy {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        transform: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
        z-index: 2 !important;
    }

    body.lp-fluid #taleen .lp-taleen__frame {
        padding: 0 5.102vw !important;
        box-sizing: border-box !important;
    }

    body.lp-fluid #taleen .lp-taleen__copy {
        gap: 10.204vw !important;
        padding: 0 !important;
    }

    body.lp-fluid #taleen .lp-taleen__label {
        margin: 0 !important;
        width: 100% !important;
        max-width: none !important;
        font-family: 'PTBoldHeadingArabic', 'AlmaraiArabic', sans-serif !important;
        font-size: 12.245vw !important;
        font-weight: 400 !important;
        line-height: 1.292 !important;
        letter-spacing: 0 !important;
        text-align: right !important;
        color: #fff !important;
        white-space: normal !important;
    }

    body.lp-fluid #taleen .lp-taleen__body,
    body.lp-fluid #taleen .lp-taleen__body p {
        margin: 0 !important;
        width: 100% !important;
        max-width: none !important;
        font-family: 'El Messiri', 'AlmaraiArabic', sans-serif !important;
        font-weight: 400 !important;
        font-size: 5.102vw !important;
        line-height: 1.5 !important;
        letter-spacing: 0 !important;
        text-align: justify !important;
        text-align-last: right !important;
        color: rgba(255, 255, 255, 0.7) !important;
    }

    body.lp-fluid #taleen .lp-taleen__body {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
    }

    body.lp-fluid #taleen .lp-taleen__body strong {
        font-weight: 700 !important;
        color: #fff !important;
    }
}

/* Mobile FAQ only. Desktop rules stay as they are. Figma 292:2037. */
@media (max-width: 768px) {
    body.lp-fluid #faq {
        position: relative !important;
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        background: #f4f1ea !important;
    }

    body.lp-fluid #faq .lp-faq__marble {
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }

    body.lp-fluid #faq .lp-faq__marble img {
        position: absolute !important;
        left: -17.13% !important;
        top: -7.88% !important;
        width: 120.18% !important;
        height: 123.23% !important;
        max-width: none !important;
        object-fit: fill !important;
    }

    body.lp-fluid #faq .lp-faq__logo,
    body.lp-fluid #faq .lp-faq__menu,
    body.lp-fluid #faq .lp-faq__badge {
        display: none !important;
    }

    body.lp-fluid #faq .lp-faq__canvas {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        transform: none !important;
        z-index: 2 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8.142vw !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 25.445vw 5.089vw !important;
        box-sizing: border-box !important;
        background: transparent !important;
        overflow: visible !important;
    }

    body.lp-fluid #faq .lp-faq__header {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.lp-fluid #faq .lp-faq__title {
        margin: 0 !important;
        width: 100% !important;
        max-width: none !important;
        font-family: 'PTBoldHeadingArabic', 'AlmaraiArabic', sans-serif !important;
        font-size: 12.214vw !important;
        font-weight: 400 !important;
        line-height: 16.031vw !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        white-space: normal !important;
        color: #4d4130 !important;
    }

    body.lp-fluid #faq .lp-faq__grid,
    body.lp-fluid #faq .lp-faq__col {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 4.071vw !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.lp-fluid #faq .lp-faq__item,
    body.lp-fluid #faq .lp-faq__item[open] {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 4.071vw !important;
        box-sizing: border-box !important;
        border-radius: 8px !important;
        background: #fff !important;
        overflow: visible !important;
    }

    body.lp-fluid #faq .lp-faq__item summary {
        display: flex !important;
        flex-direction: row !important;
        direction: rtl !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 12.214vw !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        cursor: pointer !important;
    }

    body.lp-fluid #faq .lp-faq__item summary::-webkit-details-marker {
        display: none !important;
    }

    body.lp-fluid #faq .lp-faq__q {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        font-family: 'El Messiri', 'AlmaraiArabic', sans-serif !important;
        font-weight: 700 !important;
        font-size: 5.089vw !important;
        line-height: 6.355vw !important;
        letter-spacing: 0 !important;
        text-align: right !important;
        text-transform: none !important;
        white-space: normal !important;
        color: #474849 !important;
    }

    body.lp-fluid #faq .lp-faq__toggle {
        flex: 0 0 3.817vw !important;
        width: 3.817vw !important;
        height: 3.817vw !important;
        margin: 0 !important;
    }

    body.lp-fluid #faq .lp-faq__icon {
        display: block !important;
        width: 3.817vw !important;
        height: 3.817vw !important;
        max-width: none !important;
    }

    body.lp-fluid #faq .lp-faq__icon--minus,
    body.lp-fluid #faq .lp-faq__item[open] .lp-faq__icon--plus {
        display: none !important;
    }

    body.lp-fluid #faq .lp-faq__item[open] .lp-faq__icon--minus {
        display: block !important;
    }

    body.lp-fluid #faq .lp-faq__item p {
        margin: 3.053vw 0 0 !important;
        font-family: 'El Messiri', 'AlmaraiArabic', sans-serif !important;
        font-weight: 400 !important;
        font-size: 4.071vw !important;
        line-height: 1.5 !important;
        text-align: right !important;
        color: #474849 !important;
    }
}

/* Mobile testimonials only. Desktop rules stay as they are. Figma 293:2412. */
@media (max-width: 768px) {
    body.lp-fluid #testimonials {
        position: relative !important;
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 20.356vw 0 !important;
        background: #fff !important;
    }

    body.lp-fluid #testimonials::before {
        content: "" !important;
        position: absolute !important;
        left: -29.13% !important;
        top: 0 !important;
        width: 158.26% !important;
        height: 69.97% !important;
        background: url('../images/testimonials-mobile-bg.png') center / 100% 100% no-repeat !important;
        pointer-events: none !important;
        z-index: 0 !important;
    }

    body.lp-fluid #testimonials .lp-testimonials__canvas {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        transform: none !important;
        z-index: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8.142vw !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        background: transparent !important;
    }

    body.lp-fluid #testimonials .lp-testimonials__rings,
    body.lp-fluid #testimonials .lp-testimonials__intro {
        display: none !important;
    }

    body.lp-fluid #testimonials .lp-testimonials__col {
        display: contents !important;
    }

    body.lp-fluid #testimonials .lp-testimonials__title {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        z-index: 2 !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        font-family: 'PTBoldHeadingArabic', 'AlmaraiArabic', sans-serif !important;
        font-size: 12.214vw !important;
        font-weight: 400 !important;
        line-height: 16.031vw !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        white-space: normal !important;
        color: #4d4130 !important;
    }

    body.lp-fluid #testimonials .lp-testimonials__track {
        position: relative !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 6.028vw !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 0 0 7.535vw !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        z-index: 2 !important;
    }

    body.lp-fluid #testimonials .lp-testimonial {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        flex: 0 0 77.608vw !important;
        width: 77.608vw !important;
        height: 110.762vw !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 6.028vw !important;
        overflow: hidden !important;
        background: transparent !important;
        scroll-snap-align: none !important;
        max-width: none !important;
    }

    body.lp-fluid #testimonials .lp-testimonial--c {
        order: -1 !important;
        grid-column: auto !important;
        width: 77.608vw !important;
        height: 110.762vw !important;
        max-width: none !important;
    }

    body.lp-fluid #testimonials .lp-testimonial > img,
    body.lp-fluid #testimonials .lp-testimonial__media,
    body.lp-fluid #testimonials .lp-testimonial__media img {
        position: absolute !important;
        inset: 0 !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        border-radius: 0 !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    body.lp-fluid #testimonials .lp-testimonial__play {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        z-index: 2 !important;
        width: 34.58vw !important;
        height: 32.87vw !important;
        margin: 0 !important;
        transform: translate(-50%, -50%) rotate(90deg) !important;
        background: url('../images/testimonial-play-m.svg') center / contain no-repeat !important;
        pointer-events: none !important;
    }

    body.lp-fluid #testimonials .lp-testimonial__play img {
        display: none !important;
    }
}

/* Mobile footer only. Desktop rules stay as they are. Figma 292:2122. */
@media (max-width: 768px) {
    body.lp-fluid #footer {
        position: relative !important;
        direction: ltr !important;
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #111 !important;
    }

    body.lp-fluid #footer .lp-footer__bg,
    body.lp-fluid #footer #lp-footer-bg-frame,
    body.lp-fluid #footer #lp-footer-bg-frame picture {
        position: absolute !important;
        inset: 0 !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        overflow: hidden !important;
    }

    body.lp-fluid #footer #lp-footer-bg-frame img {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        object-fit: cover !important;
        object-position: center center !important;
        transform: none !important;
    }

    body.lp-fluid #footer .lp-footer__bg::after {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        background: rgba(0, 0, 0, 0.54) !important;
        z-index: 1 !important;
    }

    body.lp-fluid #footer #lp-footer-canvas {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        transform: none !important;
        z-index: 2 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 16px !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 250px 20px 80px !important;
        overflow: visible !important;
        background: transparent !important;
    }

    body.lp-fluid #footer .lp-footer__hero {
        display: none !important;
    }

    body.lp-fluid #footer .lp-footer__logo {
        width: 169px !important;
        height: auto !important;
        max-width: 100% !important;
    }

    body.lp-fluid #footer .lp-footer__logo img {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }

    body.lp-fluid #footer .lp-footer__cta {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 40px !important;
        padding: 4px 20px !important;
        border-radius: 999px !important;
        background: #fff !important;
        color: #000 !important;
        font-family: Geist, Inter, sans-serif !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        letter-spacing: 0.04em !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }

    body.lp-fluid #footer .lp-footer__bar {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        transform: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 16px !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    body.lp-fluid #footer .lp-footer__row {
        display: contents !important;
    }

    body.lp-fluid #footer .lp-footer__social {
        order: 1 !important;
    }

    body.lp-fluid #footer .lp-footer__rule:nth-child(2) {
        order: 2 !important;
    }

    body.lp-fluid #footer .lp-footer__thanks {
        order: 3 !important;
    }

    body.lp-fluid #footer .lp-footer__rule:nth-child(4) {
        order: 4 !important;
    }

    body.lp-fluid #footer .lp-footer__payment {
        order: 5 !important;
    }

    body.lp-fluid #footer .lp-footer__bottom {
        order: 6 !important;
    }

    body.lp-fluid #footer .lp-footer__social,
    body.lp-fluid #footer .lp-footer__payment {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 6.107vw !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    body.lp-fluid #footer .lp-footer__social-label,
    body.lp-fluid #footer .lp-footer__payment-label {
        font-family: Inter, Lato, sans-serif !important;
        font-weight: 400 !important;
        font-size: 3.562vw !important;
        line-height: 5.089vw !important;
        color: #fff !important;
        white-space: nowrap !important;
    }

    body.lp-fluid #footer .lp-footer__icons {
        display: flex !important;
        align-items: center !important;
        gap: 6.107vw !important;
        margin: 0 !important;
    }

    body.lp-fluid #footer .lp-footer__icons a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 6.107vw !important;
        height: 6.107vw !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    body.lp-fluid #footer .lp-footer__icons a img {
        width: 6.107vw !important;
        height: 6.107vw !important;
        max-width: none !important;
    }

    body.lp-fluid #footer .lp-footer__icons:not(.lp-footer__icons--pay) a i {
        color: #fff !important;
        font-size: 5.598vw !important;
        line-height: 1 !important;
        width: auto !important;
        height: auto !important;
        display: block !important;
    }

    body.lp-fluid #footer .lp-footer__icons--pay {
        gap: 2.036vw !important;
    }

    body.lp-fluid #footer .lp-footer__icons--pay .lp-footer__pay,
    body.lp-fluid #footer .lp-footer__pay,
    body.lp-fluid #footer .lp-footer__pay--visa {
        width: auto !important;
        height: 6.107vw !important;
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        box-sizing: border-box !important;
        cursor: default !important;
        pointer-events: none !important;
    }

    body.lp-fluid #footer .lp-footer__icons--pay .lp-footer__pay img {
        width: auto !important;
        height: 6.107vw !important;
        max-width: none !important;
        max-height: none !important;
    }

    body.lp-fluid #footer .lp-footer__rule {
        position: relative !important;
        width: 100% !important;
        height: 1px !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
        overflow: visible !important;
    }

    body.lp-fluid #footer .lp-footer__rule img {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 1px !important;
        max-width: none !important;
        display: block !important;
    }

    body.lp-fluid #footer .lp-footer__thanks {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 6.107vw !important;
        width: 100% !important;
        margin: 0 !important;
        transform: none !important;
    }

    body.lp-fluid #footer .lp-footer__thanks-label {
        font-family: Inter, Lato, sans-serif !important;
        font-weight: 400 !important;
        font-size: 4.071vw !important;
        line-height: 6.107vw !important;
        color: #fff !important;
        white-space: nowrap !important;
    }

    body.lp-fluid #footer .lp-footer__credits {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 6.107vw !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        transform: none !important;
        text-align: left !important;
        justify-content: stretch !important;
    }

    body.lp-fluid #footer .lp-footer__credit-item {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        width: 100% !important;
        margin: 0 !important;
        text-align: left !important;
        font-family: Inter, Lato, sans-serif !important;
    }

    body.lp-fluid #footer .lp-footer__credit-item strong {
        font-family: Inter, Lato, sans-serif !important;
        font-weight: 700 !important;
        font-size: 3.817vw !important;
        line-height: normal !important;
        color: #fff !important;
    }

    body.lp-fluid #footer .lp-footer__credit-item em {
        font-family: Inter, Lato, sans-serif !important;
        font-style: normal !important;
        font-weight: 400 !important;
        font-size: 3.308vw !important;
        line-height: normal !important;
        color: rgba(255, 255, 255, 0.6) !important;
    }

    body.lp-fluid #footer .lp-footer__credit-social {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 1.527vw !important;
        margin-top: 1.018vw !important;
        color: rgba(255, 255, 255, 0.78) !important;
        font-family: Inter, Lato, sans-serif !important;
        font-size: 2.8vw !important;
        font-weight: 400 !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
        text-decoration: none !important;
        text-transform: none !important;
        white-space: nowrap !important;
    }

    body.lp-fluid #footer .lp-footer__credit-social i {
        font-size: 3.053vw !important;
        line-height: 1 !important;
    }

    body.lp-fluid #footer .lp-footer__bottom {
        display: flex !important;
        flex-direction: column-reverse !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 8.142vw !important;
        width: 100% !important;
        margin: 0 !important;
        transform: none !important;
        font-family: Inter, Lato, sans-serif !important;
        font-weight: 400 !important;
        font-size: 4.071vw !important;
        line-height: 6.107vw !important;
        color: #fff !important;
    }

    body.lp-fluid #footer .lp-footer__links {
        display: none !important;
    }

    body.lp-fluid #footer .lp-footer__links a,
    body.lp-fluid #footer .lp-footer__bottom > span {
        font-family: Inter, Lato, sans-serif !important;
        font-weight: 400 !important;
        font-size: 4.071vw !important;
        line-height: 6.107vw !important;
        color: #fff !important;
        text-decoration: none !important;
    }

    body.lp-fluid #footer .lp-footer__rights {
        display: inline-flex !important;
        align-items: center !important;
        gap: 1.527vw !important;
    }

    body.lp-fluid #footer #lp-back-top {
        display: none !important;
    }

    /* Mobile #transform — Figma 363:276. Beats landing-mobile !important. */
    body.lp-fluid #transform {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: #edeff4 !important;
    }

    body.lp-fluid #transform .lp-transform__photo {
        position: relative !important;
        inset: auto !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        order: -1 !important;
        z-index: 0 !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        aspect-ratio: 397 / 596 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
        -webkit-mask-image: none !important;
        mask-image: none !important;
        -webkit-mask-size: auto !important;
        mask-size: auto !important;
    }

    body.lp-fluid #transform .lp-transform__photo picture {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
    }

    body.lp-fluid #transform .lp-transform__photo img {
        position: relative !important;
        inset: auto !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center top !important;
    }

    body.lp-fluid #transform .lp-transform__photo::after,
    body.lp-fluid #transform .lp-transform__mark {
        display: none !important;
    }

    body.lp-fluid #transform .lp-transform__frame {
        position: relative !important;
        inset: auto !important;
        z-index: 2 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 45px !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 20px 80px !important;
        box-sizing: border-box !important;
        transform: none !important;
        direction: rtl !important;
    }

    body.lp-fluid #transform .lp-transform__text {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 40px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: right !important;
    }

    body.lp-fluid #transform .lp-transform__title {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: none !important;
        font-family: 'PTBoldHeadingArabic', 'AlmaraiArabic', sans-serif !important;
        font-weight: 400 !important;
        font-size: 48px !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
        color: #6d5f5a !important;
        text-align: right !important;
        word-break: break-word !important;
    }

    body.lp-fluid #transform .lp-transform__copy,
    body.lp-fluid #transform .lp-transform__body {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: none !important;
        font-family: 'El Messiri', 'AlmaraiArabic', sans-serif !important;
        font-weight: 700 !important;
        font-size: 20px !important;
        line-height: 1.5 !important;
        color: rgba(0, 0, 0, 0.7) !important;
        text-align: right !important;
    }

    body.lp-fluid #transform .lp-transform__cta {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        align-self: flex-start !important;
        width: auto !important;
        max-width: none !important;
        height: 48px !important;
        min-height: 48px !important;
        margin: 0 !important;
        padding: 10px 16px !important;
        box-sizing: border-box !important;
        border-radius: 999px !important;
        background: #cb1e31 !important;
        color: #fff !important;
        font-family: 'PTBoldHeadingArabic', 'AlmaraiArabic', sans-serif !important;
        font-weight: 400 !important;
        font-size: 18px !important;
        line-height: normal !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
        text-decoration: none !important;
        white-space: nowrap !important;
    }
}

/* Instructor + science images open the lightbox; keep buttons/links clickable. */
body.lp-fluid #instructor .lp-instructor__photo,
body.lp-fluid #instructor .lp-instructor__marble,
body.lp-fluid #instructor .lp-instructor__photo img,
body.lp-fluid #instructor .lp-instructor__marble img,
body.lp-fluid #science .lp-science__pair,
body.lp-fluid #science .lp-science__media,
body.lp-fluid #science .lp-science__thumbs,
body.lp-fluid #science .lp-science__pair img,
body.lp-fluid #science .lp-science__media img,
body.lp-fluid #science .lp-science__thumbs img,
body.lp-fluid #science .lp-science__pair picture,
body.lp-fluid #science .lp-science__pair picture img {
    pointer-events: auto !important;
    cursor: zoom-in;
}

@media (min-width: 769px) {
    body.lp-fluid #science .lp-science__pair img,
    body.lp-fluid #science .lp-science__media,
    body.lp-fluid #science .lp-science__media img,
    body.lp-fluid #science .lp-science__thumbs img,
    body.lp-fluid #science .lp-science__pair picture {
        border-radius: 12px !important;
    }
}

@media (max-width: 768px) {
    body.lp-fluid #science .lp-science__card {
        border-radius: 6.122vw !important;
    }

    body.lp-fluid #science .lp-science__pair img,
    body.lp-fluid #science .lp-science__media,
    body.lp-fluid #science .lp-science__media img,
    body.lp-fluid #science .lp-science__thumbs img,
    body.lp-fluid #science .lp-science__pair picture,
    body.lp-fluid #science .lp-science__pair > img,
    body.lp-fluid #science .lp-science__pair > picture {
        border-radius: 5.612vw !important;
    }
}

/* =====================================================================
   Phone landscape — keep desktop columns, grow section height, free scroll.
   Width often exceeds 768px so desktop 100vh + snap would otherwise apply.
   max-height: 600px covers iPhone/Android landscape (~375–500px tall)
   without matching laptops (~700px+). min-width: 769px keeps true
   phone-portrait CSS (≤768) untouched, including 667×375.
   ===================================================================== */
@media (orientation: landscape) and (max-height: 600px) and (min-width: 769px) {
    html {
        height: auto;
        scroll-snap-type: none;
    }

    body.lp-fluid {
        height: auto;
        min-height: 0;
        overflow-x: hidden;
        overflow-y: auto;
        scroll-snap-type: none;
    }

    body.lp-fluid .lp-section,
    body.lp-fluid .lp-footer {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    body.lp-fluid .lp-hero__canvas,
    body.lp-fluid .lp-method__inner,
    body.lp-fluid .lp-faq__canvas,
    body.lp-fluid .lp-instructor__frame,
    body.lp-fluid .lp-footer__canvas {
        height: auto !important;
        min-height: 0 !important;
    }

    body.lp-fluid .lp-hero__canvas {
        padding-top: 72px !important;
    }

    body.lp-fluid .lp-video {
        grid-template-rows: auto !important;
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }

    body.lp-fluid .lp-method__inner {
        align-items: stretch !important;
        gap: 24px !important;
        padding: 0 32px !important;
    }

    body.lp-fluid .lp-method__model {
        position: relative !important;
        flex: 0 1 auto !important;
        align-self: stretch !important;
        width: min(34vw, 280px) !important;
        height: auto !important;
        min-height: 100% !important;
        overflow: hidden !important;
    }

    body.lp-fluid .lp-method__model picture,
    body.lp-fluid .lp-method__model img {
        position: absolute !important;
        inset: 0 !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center top !important;
    }

    body.lp-fluid .lp-method__mark {
        width: 160px !important;
        max-width: 160px !important;
        height: auto !important;
        aspect-ratio: 433 / 299;
    }

    body.lp-fluid .lp-method__mark img {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }

    body.lp-fluid .lp-method__copy {
        padding: 40px 0 !important;
    }

    body.lp-fluid .lp-faq__canvas {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }

    body.lp-fluid .lp-transform,
    body.lp-fluid .lp-instructor {
        align-items: flex-start !important;
    }

    body.lp-fluid .lp-curriculum,
    body.lp-fluid .lp-modules,
    body.lp-fluid .lp-unique {
        align-items: stretch !important;
    }

    body.lp-fluid .lp-transform__photo,
    body.lp-fluid .lp-instructor__photo,
    body.lp-fluid .lp-video__model {
        height: auto !important;
        max-height: none !important;
        align-self: flex-start !important;
    }

    body.lp-fluid .lp-curriculum__photo,
    body.lp-fluid .lp-modules__photo,
    body.lp-fluid .lp-unique__photo {
        position: relative !important;
        align-self: stretch !important;
        height: auto !important;
        min-height: 100% !important;
        max-height: none !important;
        width: min(38vw, 420px) !important;
        overflow: hidden !important;
        aspect-ratio: auto !important;
    }

    body.lp-fluid .lp-transform__photo,
    body.lp-fluid .lp-instructor__photo {
        width: min(38vw, 420px) !important;
    }

    body.lp-fluid .lp-curriculum__photo picture,
    body.lp-fluid .lp-modules__photo picture,
    body.lp-fluid .lp-unique__photo picture,
    body.lp-fluid .lp-curriculum__photo img,
    body.lp-fluid .lp-modules__photo img,
    body.lp-fluid .lp-unique__photo img {
        position: absolute !important;
        inset: 0 !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center top !important;
    }

    body.lp-fluid .lp-transform__photo img:not(.lp-transform__mark),
    body.lp-fluid .lp-instructor__photo img,
    body.lp-fluid .lp-instructor__photo picture,
    body.lp-fluid .lp-instructor__photo picture img,
    body.lp-fluid .lp-video__model img {
        height: auto !important;
        max-height: none !important;
        width: 100% !important;
    }

    body.lp-fluid .lp-curriculum__container,
    body.lp-fluid .lp-modules__stack,
    body.lp-fluid .lp-unique__frame {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }

    body.lp-fluid .lp-transform__frame {
        padding-top: 50px !important;
    }

    body.lp-fluid .lp-instructor__frame {
        align-self: center !important;
        padding: 40px 24px !important;
    }

    /* Science: keep desktop card layout, put title/track in flow so the
       section can grow past 100vh. Horizontal card snap stays on the track. */
    body.lp-fluid .lp-science {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 48px 0 64px !important;
        overflow: hidden !important;
    }

    body.lp-fluid .lp-science__title {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        margin: 0 auto 24px !important;
    }

    body.lp-fluid .lp-science__viewport {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        height: auto !important;
    }

    body.lp-fluid .lp-science__pair img,
    body.lp-fluid .lp-science__pair--wide img,
    body.lp-fluid .lp-science__pair--xl img,
    body.lp-fluid .lp-science__media {
        height: 220px !important;
    }

    body.lp-fluid .lp-science__thumbs img {
        height: 100px !important;
    }

    body.lp-fluid .lp-taleen {
        padding: 40px 32px !important;
        gap: 24px !important;
        align-items: flex-start !important;
    }

    body.lp-fluid .lp-taleen__inner {
        gap: 24px !important;
        align-items: flex-start !important;
    }

    body.lp-fluid .lp-taleen__portrait {
        width: min(38vw, 360px) !important;
        max-height: none !important;
        margin-right: 0 !important;
    }

    body.lp-fluid .lp-taleen__portrait img {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
    }

    body.lp-fluid .lp-taleen__frame,
    body.lp-fluid .lp-taleen__copy {
        max-width: none !important;
    }

    /* Footer still uses a fitted 1280×832 artboard. Testimonials is fluid. */
    body.lp-fluid .lp-footer {
        min-height: calc(100vw * 832 / 1280) !important;
        overflow: hidden !important;
    }

    body.lp-fluid .lp-testimonials {
        min-height: 0 !important;
        height: auto !important;
        padding: 40px 100px !important;
        overflow: hidden !important;
    }

    body.lp-fluid .lp-testimonials__canvas {
        height: auto !important;
    }

    /* Hero + Taleen: floor at 100vh, still allowed to grow with content. */
    body.lp-fluid #hero.lp-section,
    body.lp-fluid #taleen.lp-section {
        min-height: 100vh !important;
    }

    body.lp-fluid #hero .lp-hero__canvas {
        min-height: 100vh !important;
    }
}

/* Overlay nav — El Messiri links, PTBoldHeadingArabic CTAs (mobile + desktop) */
body.lp-fluid .lp-nav {
    gap: 0.95rem;
}

body.lp-fluid .lp-nav > a:not(.lp-nav__btn) {
    font-family: 'El Messiri', 'AlmaraiArabic', sans-serif !important;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1.4;
}

body.lp-fluid .lp-nav__btn {
    font-family: 'PTBoldHeadingArabic', 'AlmaraiArabic', sans-serif !important;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    text-transform: none;
}

body.lp-fluid .lp-nav__auth {
    margin-top: 1.45rem;
    gap: 0.9rem;
}

@media (min-width: 769px) {
    body.lp-fluid .lp-nav {
        gap: 1.1rem;
    }
}