/* =========================================================
ABOUT PAGE
========================================================= */

.akv-about-page{

    position:relative;

    overflow:hidden;

    background:
        linear-gradient(
            180deg,
            #f7f3ec 0%,
            #f3eee7 45%,
            #111827 100%
        );

    color:#111827;
}

/* =========================================================
BACKGROUND ATMOSPHERE
========================================================= */

.akv-about-page::before{

    content:'';

    position:absolute;

    top:-250px;
    right:-250px;

    width:700px;
    height:700px;

    border-radius:50%;

    background:
        radial-gradient(
            rgba(181,145,87,0.16),
            transparent 70%
        );

    z-index:0;

    pointer-events:none;
}

.akv-about-page::after{

    content:'';

    position:absolute;

    bottom:-300px;
    left:-300px;

    width:800px;
    height:800px;

    border-radius:50%;

    background:
        radial-gradient(
            rgba(255,255,255,0.04),
            transparent 70%
        );

    z-index:0;

    pointer-events:none;
}

/* =========================================================
LAYER
========================================================= */

.akv-about-hero,
.akv-about-content,
.akv-about-stats{

    position:relative;

    z-index:2;
}

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

.akv-about-hero{

    padding:
        190px
        0
        130px;
}

.akv-about-hero-content{

    max-width:980px;
}

.akv-about-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:
        11px
        22px;

    border-radius:999px;

    background:
        rgba(181,145,87,0.10);

    border:
        1px solid rgba(181,145,87,0.18);

    color:#9f7a45;

    font-size:11px;
    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:34px;
}

.akv-about-title{

    font-size:110px;

    line-height:0.88;

    letter-spacing:-7px;

    font-weight:700;

    color:#111827;

    margin-bottom:36px;

    max-width:920px;
}

.akv-about-subtitle{

    max-width:720px;

    color:#4b5563;

    font-size:18px;

    line-height:2;

    font-weight:500;
}

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

.akv-about-content{

    padding-bottom:160px;
}

.akv-about-grid{

    display:grid;

    grid-template-columns:
        360px
        1fr;

    gap:100px;

    align-items:start;
}

/* =========================================================
LEFT SIDE
========================================================= */

.akv-about-left{

    position:sticky;

    top:140px;
}

.akv-about-label{

    display:inline-block;

    margin-bottom:24px;

    color:#9f7a45;

    font-size:11px;
    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;
}

.akv-about-left h2{

    font-size:54px;

    line-height:0.98;

    letter-spacing:-3px;

    color:#111827;

    max-width:340px;
}

/* =========================================================
EDITORIAL PANEL
========================================================= */

.akv-about-editorial{

    position:relative;

    overflow:hidden;

    padding:70px;

    border-radius:46px;

    background:
        rgba(255,255,255,0.72);

    backdrop-filter:blur(24px);

    border:
        1px solid rgba(255,255,255,0.7);

    box-shadow:
        0 40px 120px rgba(0,0,0,0.08);
}

.akv-about-editorial::before{

    content:'';

    position:absolute;

    top:-120px;
    right:-120px;

    width:260px;
    height:260px;

    border-radius:50%;

    background:
        radial-gradient(
            rgba(181,145,87,0.14),
            transparent 70%
        );
}

/* =========================================================
TEXT
========================================================= */

.akv-about-editorial h2{

    position:relative;

    z-index:2;

    font-size:36px;

    line-height:1;

    letter-spacing:-2px;

    color:#111827;

    margin:
        60px
        0
        20px;
}

.akv-about-editorial h2:first-child{

    margin-top:0;
}

.akv-about-editorial p{

    position:relative;

    z-index:2;

    color:#4b5563;

    font-size:16px;

    line-height:2.1;

    margin-bottom:24px;
}

/* =========================================================
BUTTON
========================================================= */

.akv-about-link{

    position:relative;

    z-index:2;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    height:62px;

    padding:
        0
        34px;

    border-radius:999px;

    background:#111827;

    color:#ffffff;

    font-size:13px;
    font-weight:700;

    letter-spacing:.5px;

    text-decoration:none;

    margin-top:18px;

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

.akv-about-link:hover{

    transform:
        translateY(-4px);

    opacity:.95;

    box-shadow:
        0 24px 50px rgba(0,0,0,0.14);
}

/* =========================================================
STATS SECTION
========================================================= */

.akv-about-stats{

    position:relative;

    padding-bottom:180px;
}

.akv-about-stats-grid{

    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    gap:24px;
}

.akv-about-stat{

    position:relative;

    overflow:hidden;

    padding:46px;

    border-radius:38px;

    background:
        rgba(255,255,255,0.06);

    backdrop-filter:blur(16px);

    border:
        1px solid rgba(255,255,255,0.08);

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

.akv-about-stat:hover{

    transform:
        translateY(-8px);

    border-color:
        rgba(181,145,87,0.25);

    box-shadow:
        0 30px 70px rgba(0,0,0,0.18);
}

.akv-about-stat::before{

    content:'';

    position:absolute;

    top:-60px;
    right:-60px;

    width:180px;
    height:180px;

    border-radius:50%;

    background:
        radial-gradient(
            rgba(181,145,87,0.12),
            transparent 70%
        );
}

.akv-about-stat h3{

    position:relative;

    z-index:2;

    color:#ffffff;

    font-size:58px;

    line-height:1;

    letter-spacing:-3px;

    margin-bottom:14px;
}

.akv-about-stat p{

    position:relative;

    z-index:2;

    color:
        rgba(255,255,255,0.72);

    font-size:14px;

    line-height:1.9;
}

/* =========================================================
RESPONSIVE
========================================================= */

@media(max-width:991px){

    .akv-about-grid{

        grid-template-columns:1fr;

        gap:60px;
    }

    .akv-about-left{

        position:relative;

        top:auto;
    }

    .akv-about-title{

        font-size:74px;

        letter-spacing:-4px;
    }

    .akv-about-left h2{

        max-width:100%;

        font-size:42px;
    }

    .akv-about-stats-grid{

        grid-template-columns:
            repeat(2,1fr);
    }

}

@media(max-width:768px){

    .akv-about-hero{

        padding:
            150px
            0
            90px;
    }

    .akv-about-title{

        font-size:48px;

        line-height:0.95;

        letter-spacing:-3px;
    }

    .akv-about-subtitle{

        font-size:15px;
    }

    .akv-about-left h2{

        font-size:34px;
    }

    .akv-about-editorial{

        padding:36px;

        border-radius:32px;
    }

    .akv-about-editorial h2{

        font-size:28px;
    }

    .akv-about-editorial p{

        font-size:15px;
    }

    .akv-about-stats-grid{

        grid-template-columns:1fr;
    }

    .akv-about-stat{

        padding:34px;

        border-radius:30px;
    }

    .akv-about-stat h3{

        font-size:44px;
    }

}