/* ============================================================
   ADVOPTIX 2027
   LIGHT THEME AWARDS SECTION

   IMPORTANT:
   This section uses ONLY .adv-awards-* classes.

   It will NOT affect:
   .ax-award-section
   .ax-award-card
   .ax-award-content
   .ax-award-title
   .ax-award-button
   .ax-award-trophy
   etc.
============================================================ */


/* ============================================================
   MAIN SECTION
============================================================ */

.adv-awards-page {

    --adv-awards-navy: #111b52;
    --adv-awards-navy-dark: #0b1544;

    --adv-awards-purple: #4730c5;
    --adv-awards-purple-light: #7569df;

    --adv-awards-gold: #dfad3e;
    --adv-awards-gold-light: #edca78;

    --adv-awards-text: #142052;
    --adv-awards-text-soft: #61709d;

    --adv-awards-border: #dfe4f3;

    position: relative;

    width: 100%;

    overflow: hidden;

    padding: 75px 0 70px;

    background:

        radial-gradient(
            circle at 85% 12%,
            rgba(71, 48, 197, .055),
            transparent 28%
        ),

        radial-gradient(
            circle at 8% 88%,
            rgba(223, 173, 62, .045),
            transparent 25%
        ),

        linear-gradient(
            135deg,
            #ffffff 0%,
            #fbfcff 55%,
            #f5f7fd 100%
        );

}


/* ============================================================
   CONTAINER
============================================================ */

.adv-awards-container {

    position: relative;

    z-index: 5;

    width: min(
        calc(100% - 70px),
        1280px
    );

    margin: 0 auto;

}


/* ============================================================
   DECORATIVE LEFT ARC
============================================================ */

.adv-awards-arc {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    z-index: 1;

}


/* LEFT */

.adv-awards-arc-left {

    width: 620px;

    height: 620px;

    left: -480px;

    top: -250px;

    border:
        1px solid
        rgba(71, 48, 197, .09);

    box-shadow:

        0 0 0 20px
        rgba(71, 48, 197, .025),

        0 0 0 42px
        rgba(71, 48, 197, .018),

        0 0 0 70px
        rgba(223, 173, 62, .012);

}


/* RIGHT */

.adv-awards-arc-right {

    width: 650px;

    height: 650px;

    right: -500px;

    bottom: -400px;

    border:
        1px solid
        rgba(71, 48, 197, .09);

    box-shadow:

        0 0 0 20px
        rgba(71, 48, 197, .025),

        0 0 0 42px
        rgba(71, 48, 197, .018),

        0 0 0 70px
        rgba(223, 173, 62, .012);

}


/* ============================================================
   HEADER
============================================================ */

.adv-awards-header {

    position: relative;

    margin-bottom: 38px;

}


/* ============================================================
   KICKER
============================================================ */

.adv-awards-kicker {

    display: flex;

    align-items: center;

    gap: 13px;

    margin-bottom: 8px;

    color:
        var(--adv-awards-purple);

    font-family:
        "Space Mono",
        "Courier New",
        monospace;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: .25em;

}


.adv-awards-kicker-line {

    width: 38px;

    height: 1px;

    background:
        var(--adv-awards-gold);

}


.adv-awards-kicker-line:last-child {

    width: 42px;

}


/* ============================================================
   HEADER TITLE
============================================================ */

.adv-awards-header h1 {

    margin: 0;

    color:
        var(--adv-awards-navy);

    font-family:
        "Cormorant Garamond",
        "Cormorant",
        Georgia,
        serif;

    font-size:
        clamp(55px, 6vw, 78px);

    font-weight: 500;

    line-height: .9;

    letter-spacing: -.045em;

}


/* ============================================================
   AWARD CARD
============================================================ */

.adv-awards-card {

    position: relative;

    display: grid;

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

    align-items: center;

    gap: 58px;

    width: 100%;

    margin-bottom: 22px;

    padding: 34px 34px 34px 30px;

    border:
        1px solid
        rgba(71, 48, 197, .14);

    border-radius: 17px;

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

    box-shadow:

        0 14px 45px
        rgba(25, 38, 95, .055);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;

}


/* ============================================================
   CARD TOP ACCENT
============================================================ */

.adv-awards-card::before {

    content: "";

    position: absolute;

    top: 0;

    left: 30px;

    width: 70px;

    height: 3px;

    border-radius:
        0 0 8px 8px;

    background:

        linear-gradient(
            90deg,
            var(--adv-awards-gold),
            var(--adv-awards-purple)
        );

}


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

.adv-awards-card:hover {

    transform:
        translateY(-4px);

    border-color:
        rgba(71, 48, 197, .22);

    box-shadow:

        0 22px 55px
        rgba(25, 38, 95, .09);

}


/* ============================================================
   CONTENT
============================================================ */

.adv-awards-content {

    min-width: 0;

}


/* ============================================================
   TITLE WRAPPER
============================================================ */

.adv-awards-title-wrap {

    display: flex;

    align-items: flex-start;

    gap: 15px;

    margin-bottom: 18px;

}


/* ============================================================
   TITLE ACCENT
============================================================ */

.adv-awards-title-accent {

    flex:
        0 0 3px;

    width: 3px;

    min-height: 53px;

    border-radius: 4px;

    background:

        linear-gradient(
            to bottom,
            var(--adv-awards-gold),
            var(--adv-awards-purple)
        );

}


/* ============================================================
   TITLE
============================================================ */

.adv-awards-content h2 {

    margin: 0;

    color:
        var(--adv-awards-navy);

    font-family:
        "Cormorant Garamond",
        "Cormorant",
        Georgia,
        serif;

    font-size:
        clamp(28px, 3vw, 39px);

    font-weight: 500;

    line-height: 1.08;

    letter-spacing: -.025em;

}


/* ============================================================
   PARAGRAPHS
============================================================ */

.adv-awards-content p {

    margin:
        0 0 16px;

    color:
        var(--adv-awards-text-soft);

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;

    font-size: 13px;

    line-height: 1.75;

}


.adv-awards-content p:last-child {

    margin-bottom: 0;

}


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

.adv-awards-image {

    display: flex;

    justify-content: center;

    align-items: center;

}


/* ============================================================
   IMAGE FRAME
============================================================ */

.adv-awards-image-frame {

    position: relative;

    width: 100%;

    max-width: 320px;

    overflow: hidden;

    border-radius: 12px;

    border:
        1px solid
        rgba(71, 48, 197, .14);

    background:
        #f1f3fa;

    box-shadow:

        0 14px 32px
        rgba(25, 38, 95, .12);

}


/* GOLD IMAGE TOP EDGE */

.adv-awards-image-frame::before {

    content: "";

    position: absolute;

    z-index: 3;

    top: 0;

    left: 0;

    width: 100%;

    height: 3px;

    background:

        linear-gradient(
            90deg,
            var(--adv-awards-gold),
            var(--adv-awards-purple)
        );

}


/* IMAGE */

.adv-awards-image-frame img {

    display: block;

    width: 100%;

    height: 330px;

    object-fit: cover;

    transition:
        transform .5s
        cubic-bezier(.16,1,.3,1);

}


.adv-awards-card:hover
.adv-awards-image-frame img {

    transform:
        scale(1.025);

}


/* ============================================================
   SECOND CARD
============================================================ */

.adv-awards-card-second {

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

    padding:
        34px 30px 34px 34px;

}


/* SECOND CARD IMAGE */

.adv-awards-card-second
.adv-awards-image {

    order: 1;

}


/* SECOND CARD CONTENT */

.adv-awards-card-second
.adv-awards-content {

    order: 2;

}


/* ============================================================
   QUOTE
============================================================ */

.adv-awards-content blockquote {

    position: relative;

    margin:
        18px 0;

    padding:
        15px 20px;

    border:
        1px solid
        rgba(71, 48, 197, .10);

    border-left:
        3px solid
        var(--adv-awards-purple);

    border-radius:
        0 9px 9px 0;

    background:
        #f5f5fd;

    color:
        var(--adv-awards-purple);

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;

    font-size: 12px;

    font-style: italic;

    font-weight: 600;

    line-height: 1.65;

}


/* QUOTE MARK */

.adv-awards-quote {

    color:
        var(--adv-awards-gold);

    font-family:
        Georgia,
        serif;

    font-size:
        25px;

    font-weight:
        700;

    line-height: 0;

    margin-right:
        3px;

}


/* ============================================================
   BOTTOM LABEL
============================================================ */

.adv-awards-footer-label {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 15px;

    margin-top: 42px;

    color:
        var(--adv-awards-purple);

    font-family:
        "Space Mono",
        "Courier New",
        monospace;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: .25em;

    text-align: center;

}


.adv-awards-footer-label span {

    width: 42px;

    height: 1px;

    background:
        var(--adv-awards-gold);

}


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

@media (max-width: 1000px) {

    .adv-awards-container {

        width:
            calc(100% - 45px);

    }


    .adv-awards-card {

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

        gap:
            35px;

    }


    .adv-awards-card-second {

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

    }


    .adv-awards-image-frame img {

        height:
            300px;

    }


    .adv-awards-content h2 {

        font-size:
            31px;

    }


    .adv-awards-content p {

        font-size:
            12px;

    }

}


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

@media (max-width: 760px) {

    .adv-awards-page {

        padding:
            55px 0 55px;

    }


    .adv-awards-container {

        width:
            calc(100% - 28px);

    }


    /* HEADER */

    .adv-awards-header {

        margin-bottom:
            28px;

    }


    .adv-awards-kicker {

        font-size:
            8px;

        letter-spacing:
            .18em;

        gap:
            9px;

    }


    .adv-awards-kicker-line {

        width:
            24px;

    }


    .adv-awards-header h1 {

        font-size:
            50px;

    }


    /* CARDS */

    .adv-awards-card,
    .adv-awards-card-second {

        grid-template-columns:
            1fr;

        gap:
            25px;

        padding:
            25px 20px;

        border-radius:
            14px;

    }


    /* IMAGE FIRST ON MOBILE */

    .adv-awards-card .adv-awards-image,
    .adv-awards-card-second .adv-awards-image {

        order:
            1;

    }


    /* CONTENT SECOND */

    .adv-awards-card .adv-awards-content,
    .adv-awards-card-second .adv-awards-content {

        order:
            2;

    }


    /* IMAGE */

    .adv-awards-image-frame {

        width:
            100%;

        max-width:
            340px;

    }


    .adv-awards-image-frame img {

        height:
            360px;

    }


    /* TITLE */

    .adv-awards-content h2 {

        font-size:
            30px;

    }


    /* TEXT */

    .adv-awards-content p {

        font-size:
            12px;

        line-height:
            1.75;

    }


    /* QUOTE */

    .adv-awards-content blockquote {

        font-size:
            11px;

        padding:
            13px 15px;

    }


    /* FOOTER LABEL */

    .adv-awards-footer-label {

        gap:
            9px;

        font-size:
            7px;

        letter-spacing:
            .14em;

    }


    .adv-awards-footer-label span {

        width:
            25px;

    }

}


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

@media (max-width: 420px) {

    .adv-awards-page {

        padding:
            45px 0 45px;

    }


    .adv-awards-container {

        width:
            calc(100% - 20px);

    }


    .adv-awards-header h1 {

        font-size:
            43px;

    }


    .adv-awards-card,
    .adv-awards-card-second {

        padding:
            20px 15px;

        gap:
            20px;

    }


    .adv-awards-content h2 {

        font-size:
            27px;

    }


    .adv-awards-content p {

        font-size:
            11px;

    }


    .adv-awards-image-frame img {

        height:
            320px;

    }


    .adv-awards-title-wrap {

        gap:
            11px;

        margin-bottom:
            14px;

    }


    .adv-awards-title-accent {

        min-height:
            45px;

    }

}