/* ==========================================================
   LUMEN SANUS
   GEOMETRIJA.HTML

GEOMETRIJA· CARL GUSTAV JUNG

   CSS BEZ KARTICA I MANDALA
========================================================== */


/* ==========================================================
   OSNOVNO
========================================================== */

.analytic-main {

    position: relative;

    width: 100%;

    margin-top: 110px;

    overflow: hidden;

    background:
        var(--paper);

    color:
        var(--ink);
}



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


.analytic-hero {

    position: relative;

    min-height:75vh;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:
        120px 30px 110px;

    background:

        radial-gradient(
            circle at 50% 45%,
            var(--paper-dark) 0%,
            var(--paper) 58%,
            var(--paper) 100%
        );

    text-align:center;

    overflow:hidden;
}



.analytic-hero::before {

    content:"";

    position:absolute;

    width:
        680px;

    height:
        680px;

    top:50%;

    left:50%;

    transform:
        translate(-50%,-50%);

    border-radius:50%;

    border:
        1px solid rgba(176,138,82,.18);

    box-shadow:

        0 0 70px rgba(176,138,82,.08),

        inset 0 0 70px rgba(176,138,82,.05);

    pointer-events:none;
}



.analytic-hero::after {

    content:"✦";

    position:absolute;

    bottom:35px;

    left:50%;

    transform:
        translateX(-50%);

    color:
        var(--gold);

    font-size:
        14px;

    opacity:.65;
}



.analytic-hero-inner {

    position:relative;

    z-index:2;

    width:
        min(900px,100%);

    margin:auto;
}



/* ==========================================================
   EYEBROW
========================================================== */


.analytic-main .eyebrow {

    margin:
        0 0 18px;

    color:
        var(--gold);

    font-size:
        .72rem;

    font-weight:
        600;

    letter-spacing:
        .24em;

    line-height:
        1.5;

    text-transform:
        uppercase;
}

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


.analytic-hero h1 {

    margin:
        0 0 30px;

    color:
        var(--ink);

    font-family:

        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:

        clamp(3.3rem,8vw,6.4rem);

    font-weight:
        400;

    line-height:
        .95;

    letter-spacing:
        .02em;
}



.analytic-lead {

    width:
        min(750px,100%);

    margin:
        0 auto 30px;

    color:
        var(--brown);

    font-family:

        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:

        clamp(1.35rem,2.5vw,1.8rem);

    line-height:
        1.55;
}



.analytic-intro-text {

    width:
        min(760px,100%);

    margin:auto;

    color:
        var(--brown);

    font-size:
        .97rem;

    line-height:
        1.9;
}