.elementor-4400 .elementor-element.elementor-element-c6f2943{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}@media(max-width:768px){.elementor-4400 .elementor-element.elementor-element-c6f2943{--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4400 .elementor-element.elementor-element-2c2c742{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS *//* ==========================================================
   RONY STORE — ABOUT PAGE V2
   Compact Editorial / Premium / RTL / Mobile First
   ========================================================== */

.rony-about-v2 {

    --rv-burgundy: #5B071E;
    --rv-deep: #330611;
    --rv-soft: #7A1733;

    --rv-gold: #D6AA4B;
    --rv-gold-dark: #A97A22;
    --rv-gold-light: #F1D88A;

    --rv-bg: #FBF7F6;
    --rv-bg-soft: #F7F0EE;

    --rv-text: #26151A;
    --rv-muted: #77676C;

    width: 100%;
    overflow: hidden;

    background: var(--rv-bg);

    font-family:
        "Alexandria",
        "Cairo",
        Tahoma,
        Arial,
        sans-serif;

    color: var(--rv-text);
}


.rony-about-v2 *,
.rony-about-v2 *::before,
.rony-about-v2 *::after {
    box-sizing: border-box;
}


.rav2-container {

    width:
        min(
            1180px,
            calc(100% - 44px)
        );

    margin-inline: auto;
}


/* ==========================================================
   HERO
   ========================================================== */

.rav2-hero {

    padding:
        clamp(45px,5vw,68px)
        0;

    background:

        radial-gradient(
            circle at 90% 7%,
            rgba(214,170,75,.12),
            transparent 25%
        ),

        linear-gradient(
            140deg,
            #FBF7F6,
            #F5ECE8
        );
}


.rav2-hero-grid {

    display: grid;

    grid-template-columns:
        minmax(0,.93fr)
        minmax(420px,1.07fr);

    align-items: center;

    gap:
        clamp(
            45px,
            7vw,
            90px
        );
}


/* CONTENT */

.rav2-breadcrumb {

    display: flex;

    align-items: center;

    gap: 7px;

    margin-bottom: 22px;

    color:
        var(--rv-muted);

    font-size: 9px;
}


.rav2-breadcrumb a {

    color:
        var(--rv-muted) !important;

    text-decoration: none !important;
}


.rav2-breadcrumb strong {

    color:
        var(--rv-burgundy);

    font-weight: 600;
}


.rav2-kicker,
.rav2-section-kicker {

    display: block;

    color:
        var(--rv-burgundy);

    font-size: 9px;

    font-weight: 700;

    letter-spacing: .04em;
}


.rav2-hero-content h1 {

    max-width: 590px;

    margin:
        10px
        0
        0;

    color:
        var(--rv-deep) !important;

    font-size:
        clamp(
            38px,
            4.8vw,
            61px
        );

    line-height: 1.17;

    font-weight: 740;

    letter-spacing: -.045em;
}


.rav2-hero-content h1 em {

    display: block;

    color:
        var(--rv-burgundy);

    font-style: normal;
}


.rav2-hero-content > p {

    max-width: 515px;

    margin:
        20px
        0
        0;

    color:
        var(--rv-muted);

    font-size:
        clamp(
            12px,
            1vw,
            14px
        );

    line-height: 1.95;
}


/* ACTIONS */

.rav2-hero-actions {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 17px;

    margin-top: 26px;
}


.rav2-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    min-height: 46px;

    padding:
        0 18px;

    border-radius: 12px;

    text-decoration: none !important;

    font-size: 10px;

    font-weight: 650;

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


.rav2-btn-primary {

    border:
        1px solid
        var(--rv-burgundy);

    background:
        linear-gradient(
            135deg,
            var(--rv-soft),
            var(--rv-deep)
        );

    color: #fff !important;

    box-shadow:
        0 10px 25px
        rgba(91,7,30,.15);
}


.rav2-btn svg,
.rav2-world-link svg,
.rav2-final-btn svg {

    width: 14px;
    height: 14px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.7;

    stroke-linecap: round;

    stroke-linejoin: round;
}


.rav2-text-link {

    color:
        var(--rv-burgundy) !important;

    font-size: 10px;

    font-weight: 600;

    text-decoration:
        underline
        rgba(214,170,75,.55) !important;

    text-underline-offset: 5px;
}


/* MINI PROMISE */

.rav2-mini-promise {

    display: flex;

    align-items: center;

    gap: 10px;

    width: max-content;

    max-width: 100%;

    margin-top: 30px;

    padding-top: 18px;

    border-top:
        1px solid
        rgba(91,7,30,.08);
}


.rav2-mini-icon {

    display: grid;

    place-items: center;

    width: 36px;
    height: 36px;

    flex: 0 0 36px;

    border-radius: 11px;

    background:
        rgba(214,170,75,.11);

    color:
        var(--rv-burgundy);
}


.rav2-mini-icon svg {

    width: 17px;
    height: 17px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.6;
}


.rav2-mini-promise small {

    display: block;

    color:
        var(--rv-muted);

    font-size: 8px;
}


.rav2-mini-promise strong {

    display: block;

    margin-top: 2px;

    color:
        var(--rv-deep);

    font-size: 10px;

    font-weight: 650;
}


/* ==========================================================
   HERO IMAGE
   ========================================================== */

.rav2-hero-visual {

    position: relative;

    min-width: 0;
}


.rav2-hero-visual figure {

    position: relative;

    width: 100%;

    aspect-ratio:
        4 / 4.75;

    margin: 0;

    overflow: hidden;

    border-radius:
        clamp(
            21px,
            2.5vw,
            30px
        );

    background:
        var(--rv-deep);

    box-shadow:
        0 20px 55px
        rgba(51,6,17,.12);
}


.rav2-hero-visual figure::after {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            transparent 58%,
            rgba(40,3,13,.20)
        );
}


.rav2-hero-visual img {

    width: 100%;
    height: 100%;

    object-fit: cover;

    display: block;

    transition:
        transform .8s
        cubic-bezier(.22,1,.36,1);
}


.rav2-image-tag {

    position: absolute;

    right: 17px;
    bottom: 17px;

    z-index: 3;

    padding:
        9px 12px;

    border:
        1px solid
        rgba(255,255,255,.19);

    border-radius: 999px;

    background:
        rgba(45,5,17,.38);

    backdrop-filter:
        blur(12px);

    color: #fff;

    font-size: 8px;
}


/* ==========================================================
   STORY
   ========================================================== */

.rav2-story {

    padding:
        clamp(68px,8vw,105px)
        0;

    background: #fff;
}


.rav2-story-grid {

    display: grid;

    grid-template-columns:
        minmax(420px,.92fr)
        minmax(0,1.08fr);

    align-items: center;

    gap:
        clamp(
            55px,
            8vw,
            105px
        );
}


/* COLLAGE */

.rav2-story-images {

    position: relative;

    min-height:
        clamp(
            415px,
            40vw,
            535px
        );
}


.rav2-story-main {

    position: absolute;

    top: 0;
    right: 0;

    width: 70%;
    height: 86%;

    margin: 0;

    overflow: hidden;

    border-radius: 25px;

    box-shadow:
        0 18px 45px
        rgba(51,6,17,.09);
}


.rav2-story-small {

    position: absolute;

    left: 0;
    bottom: 0;

    z-index: 2;

    width: 42%;
    height: 48%;

    margin: 0;

    overflow: hidden;

    border:
        6px solid #fff;

    border-radius: 21px;

    box-shadow:
        0 15px 40px
        rgba(51,6,17,.11);
}


.rav2-story-images img {

    width: 100%;
    height: 100%;

    object-fit: cover;

    display: block;

    transition:
        transform .7s ease;
}


/* CONTENT */

.rav2-story-content h2,
.rav2-world-content h2 {

    margin:
        9px
        0
        0;

    color:
        var(--rv-deep) !important;

    font-size:
        clamp(
            30px,
            3.6vw,
            47px
        );

    line-height: 1.23;

    font-weight: 710;

    letter-spacing: -.035em;
}


.rav2-story-content h2 em,
.rav2-world-content h2 em {

    display: block;

    color:
        var(--rv-burgundy);

    font-style: normal;
}


.rav2-story-content > p {

    max-width: 520px;

    margin:
        16px
        0
        0;

    color:
        var(--rv-muted);

    font-size: 12px;

    line-height: 1.95;
}


/* ==========================================================
   VALUES INLINE
   ========================================================== */

.rav2-values {

    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 8px;

    margin-top: 27px;
}


.rav2-values article {

    min-width: 0;

    padding:
        14px;

    border:
        1px solid
        rgba(91,7,30,.07);

    border-radius: 15px;

    background:
        var(--rv-bg);

    transition:
        border-color .3s ease,
        transform .3s ease;
}


.rav2-value-icon {

    display: grid;

    place-items: center;

    width: 31px;
    height: 31px;

    margin-bottom: 10px;

    border-radius: 9px;

    background:
        rgba(214,170,75,.10);

    color:
        var(--rv-burgundy);
}


.rav2-value-icon svg {

    width: 15px;
    height: 15px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.6;
}


.rav2-values strong {

    display: block;

    color:
        var(--rv-deep);

    font-size: 10px;
}


.rav2-values article > div span {

    display: block;

    margin-top: 4px;

    color:
        var(--rv-muted);

    font-size: 7.5px;

    line-height: 1.55;
}


/* ==========================================================
   WORLD
   ========================================================== */

.rav2-world {

    padding:
        clamp(65px,7vw,95px)
        0;

    background:
        var(--rv-bg-soft);
}


.rav2-world-card {

    display: grid;

    grid-template-columns:
        minmax(0,.95fr)
        minmax(390px,1.05fr);

    align-items: center;

    overflow: hidden;

    border:
        1px solid
        rgba(91,7,30,.08);

    border-radius:
        clamp(
            23px,
            3vw,
            34px
        );

    background: #fff;

    box-shadow:
        0 16px 50px
        rgba(51,6,17,.055);
}


.rav2-world-content {

    padding:
        clamp(
            31px,
            5vw,
            62px
        );
}


.rav2-world-content > p {

    margin:
        15px
        0
        0;

    color:
        var(--rv-muted);

    font-size: 11px;
}


.rav2-chips {

    display: flex;

    flex-wrap: wrap;

    gap: 6px;

    margin-top: 22px;
}


.rav2-chips a {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: 31px;

    padding:
        0 10px;

    border:
        1px solid
        rgba(91,7,30,.09);

    border-radius: 999px;

    background:
        var(--rv-bg);

    color:
        var(--rv-text) !important;

    font-size: 8px;

    text-decoration: none !important;

    white-space: nowrap;

    transition:
        background .25s ease,
        border-color .25s ease,
        transform .25s ease;
}


.rav2-world-link {

    display: inline-flex;

    align-items: center;

    gap: 7px;

    margin-top: 23px;

    color:
        var(--rv-burgundy) !important;

    font-size: 9.5px;

    font-weight: 650;

    text-decoration: none !important;
}


.rav2-world-image {

    height: 100%;

    min-height: 430px;

    overflow: hidden;
}


.rav2-world-image img {

    width: 100%;
    height: 100%;

    object-fit: cover;

    display: block;

    transition:
        transform .8s ease;
}


/* ==========================================================
   FINAL
   ========================================================== */

.rav2-final {

    padding:
        clamp(52px,6vw,75px)
        0;

    background:
        var(--rv-bg);
}


.rav2-final-inner {

    display: grid;

    grid-template-columns:
        auto
        minmax(0,1fr)
        auto;

    align-items: center;

    gap:
        20px;

    padding:
        clamp(
            21px,
            3vw,
            31px
        );

    border-radius:
        22px;

    background:
        linear-gradient(
            135deg,
            var(--rv-deep),
            var(--rv-burgundy)
        );

    box-shadow:
        0 17px 48px
        rgba(51,6,17,.14);
}


.rav2-final-icon {

    display: grid;

    place-items: center;

    width: 52px;
    height: 52px;

    border-radius: 15px;

    background:
        linear-gradient(
            145deg,
            var(--rv-gold),
            var(--rv-gold-dark)
        );

    color:
        var(--rv-deep);
}


.rav2-final-icon svg {

    width: 23px;
    height: 23px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.5;
}


.rav2-final-copy > span {

    color:
        var(--rv-gold-light);

    font-size: 7.5px;

    font-weight: 700;

    letter-spacing: .10em;
}


.rav2-final-copy h2 {

    margin:
        5px
        0
        0;

    color:
        #fff !important;

    font-size:
        clamp(
            18px,
            2vw,
            27px
        );

    line-height: 1.4;

    font-weight: 620;
}


.rav2-final-copy h2 em {

    color:
        var(--rv-gold-light);

    font-style: normal;
}


.rav2-final-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    min-height: 43px;

    padding:
        0 17px;

    border:
        1px solid
        rgba(241,216,138,.23);

    border-radius: 12px;

    background:
        rgba(255,255,255,.07);

    color:
        #fff !important;

    font-size: 9px;

    font-weight: 600;

    text-decoration: none !important;

    white-space: nowrap;
}


/* ==========================================================
   HOVER
   ========================================================== */

@media (hover:hover) and (pointer:fine) {

    .rav2-hero-visual:hover img,
    .rav2-story-main:hover img,
    .rav2-story-small:hover img,
    .rav2-world-image:hover img {

        transform:
            scale(1.045);
    }


    .rav2-values article:hover {

        transform:
            translateY(-3px);

        border-color:
            rgba(214,170,75,.25);
    }


    .rav2-chips a:hover {

        transform:
            translateY(-2px);

        border-color:
            rgba(214,170,75,.28);

        background:
            rgba(214,170,75,.08);
    }


    .rav2-btn:hover {

        transform:
            translateY(-2px);

        box-shadow:
            0 15px 32px
            rgba(91,7,30,.22);
    }

}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1024px) {

    .rav2-container {

        width:
            calc(100% - 36px);
    }


    .rav2-hero-grid {

        grid-template-columns:
            minmax(0,1fr)
            minmax(360px,.95fr);

        gap: 38px;
    }


    .rav2-story-grid {

        grid-template-columns:
            minmax(350px,.9fr)
            minmax(0,1.1fr);

        gap: 45px;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    .rav2-container {

        width:
            calc(100% - 28px);
    }


    /* HERO */

    .rav2-hero {

        padding:
            32px
            0
            48px;
    }


    .rav2-hero-grid {

        display: flex;

        flex-direction: column-reverse;

        gap: 27px;
    }


    .rav2-hero-visual {

        width: 100%;
    }


    .rav2-hero-visual figure {

        aspect-ratio:
            4 / 4.7;

        max-height: 490px;

        border-radius: 23px;
    }


    .rav2-hero-content {

        text-align: center;
    }


    .rav2-breadcrumb {

        justify-content: center;

        margin-bottom: 17px;
    }


    .rav2-hero-content h1 {

        font-size:
            clamp(
                32px,
                9.7vw,
                41px
            );

        line-height: 1.22;
    }


    .rav2-hero-content > p {

        max-width: 350px;

        margin:
            16px
            auto
            0;

        font-size: 11.5px;
    }


    .rav2-hero-actions {

        justify-content: center;

        margin-top: 22px;
    }


    .rav2-mini-promise {

        justify-content: center;

        margin:
            24px
            auto
            0;

        text-align: right;
    }


    /* STORY */

    .rav2-story {

        padding:
            58px
            0;
    }


    .rav2-story-grid {

        display: flex;

        flex-direction: column;

        gap: 38px;
    }


    .rav2-story-images {

        width: 100%;

        min-height:
            clamp(
                360px,
                105vw,
                470px
            );
    }


    .rav2-story-content {

        text-align: center;
    }


    .rav2-story-content h2,
    .rav2-world-content h2 {

        font-size:
            clamp(
                28px,
                8.8vw,
                37px
            );
    }


    .rav2-story-content > p {

        max-width: 360px;

        margin:
            14px
            auto
            0;

        font-size: 11.5px;
    }


    .rav2-values {

        grid-template-columns: 1fr;

        gap: 7px;

        margin-top: 23px;

        text-align: right;
    }


    .rav2-values article {

        display: flex;

        align-items: center;

        gap: 11px;

        padding:
            11px 13px;
    }


    .rav2-value-icon {

        margin-bottom: 0;

        flex: 0 0 31px;
    }


    /* WORLD */

    .rav2-world {

        padding:
            52px
            0;
    }


    .rav2-world-card {

        display: flex;

        flex-direction: column-reverse;

        border-radius: 23px;
    }


    .rav2-world-image {

        width: 100%;

        min-height: 0;

        aspect-ratio:
            4 / 3.7;
    }


    .rav2-world-content {

        width: 100%;

        padding:
            25px 19px 28px;

        text-align: center;
    }


    .rav2-chips {

        justify-content: center;
    }


    /* FINAL */

    .rav2-final {

        padding:
            45px
            0;
    }


    .rav2-final-inner {

        grid-template-columns:
            auto 1fr;

        gap: 13px;

        padding: 18px;

        border-radius: 19px;
    }


    .rav2-final-icon {

        width: 44px;
        height: 44px;

        border-radius: 13px;
    }


    .rav2-final-copy h2 {

        font-size: 17px;
    }


    .rav2-final-btn {

        grid-column:
            1 / -1;

        width: 100%;

        min-height: 43px;
    }

}


/* ==========================================================
   SMALL MOBILE
   ========================================================== */

@media (max-width: 390px) {

    .rav2-hero-actions {

        display: grid;

        grid-template-columns: 1fr;

        width: 100%;
    }


    .rav2-btn {

        width: 100%;
    }


    .rav2-story-main {

        width: 74%;
    }


    .rav2-story-small {

        width: 47%;
    }

}


/* ==========================================================
   ACCESSIBILITY
   ========================================================== */

.rony-about-v2 a:focus-visible {

    outline:
        3px solid
        var(--rv-gold);

    outline-offset: 4px;
}


/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

    .rony-about-v2 *,
    .rony-about-v2 *::before,
    .rony-about-v2 *::after {

        transition-duration:
            .01ms !important;

        animation-duration:
            .01ms !important;
    }

}/* End custom CSS */