/* ==========================================================
   YADOMART BASE STYLES
   Version: 1.0
========================================================== */

/* ----------------------------------
   HTML & BODY
---------------------------------- */

html,
body{
    width:100%;
    min-height:100%;
}

body{

    position:relative;

    overflow-x:hidden;

    font-family:var(--font-family);

    background:var(--background);

    color:var(--text);

    line-height:var(--leading-normal);

}

/* ----------------------------------
   Main Wrapper
---------------------------------- */

.page{

    position:relative;

    width:100%;

    min-height:100vh;

}

/* ----------------------------------
   Container
---------------------------------- */

.container{

    width:min(100% - 48px,var(--container));

    margin-inline:auto;

}

/* ----------------------------------
   Sections
---------------------------------- */

section{

    position:relative;

    padding:var(--section-padding) 0;

}

/* ----------------------------------
   Typography
---------------------------------- */

h1{

    font-size:clamp(3rem,7vw,5.75rem);

    font-weight:var(--font-extra);

    line-height:1.05;

    letter-spacing:-2px;

    color:var(--heading);

}

h2{

    font-size:clamp(2rem,5vw,3.75rem);

    font-weight:var(--font-extra);

    line-height:1.15;

    letter-spacing:-1px;

    margin-bottom:1.5rem;

}

h3{

    font-size:1.5rem;

    font-weight:var(--font-bold);

}

h4{

    font-size:1.2rem;

    font-weight:var(--font-semibold);

}

p{

    max-width:720px;

    font-size:1.1rem;

    color:var(--text-light);

    line-height:1.8;

}

/* ----------------------------------
   Small Labels
---------------------------------- */

.section-tag{

    display:inline-flex;

    align-items:center;

    gap:.6rem;

    padding:.55rem 1rem;

    margin-bottom:1.4rem;

    border-radius:999px;

    background:rgba(14,122,83,.08);

    color:var(--primary);

    font-size:.85rem;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

}

/* ----------------------------------
   Headings Block
---------------------------------- */

.section-heading{

    width:min(780px,100%);

    margin:0 auto 4rem;

    text-align:center;

}

.section-heading p{

    margin-inline:auto;

}

/* ----------------------------------
   Glass Surface
---------------------------------- */

.glass{

    background:var(--glass);

    border:1px solid var(--glass-border);

    backdrop-filter:var(--glass-blur);

    -webkit-backdrop-filter:var(--glass-blur);

    box-shadow:var(--glass-shadow);

}

/* ----------------------------------
   Divider
---------------------------------- */

.divider{

    width:100%;

    height:1px;

    background:var(--border);

}

/* ----------------------------------
   Background Blobs
---------------------------------- */

.green-glow,
.gold-glow{

    position:absolute;

    border-radius:50%;

    filter:blur(120px);

    opacity:.22;

    pointer-events:none;

    z-index:-1;

}

.green-glow{

    width:560px;

    height:560px;

    background:var(--primary);

    top:-180px;

    left:-140px;

}

.gold-glow{

    width:460px;

    height:460px;

    background:var(--accent);

    right:-120px;

    top:120px;

}

/* ----------------------------------
   Decorative Grid
---------------------------------- */

.grid-overlay{

    position:absolute;

    inset:0;

    pointer-events:none;

    opacity:.05;

    background-image:

        linear-gradient(to right,#000 1px,transparent 1px),

        linear-gradient(to bottom,#000 1px,transparent 1px);

    background-size:48px 48px;

}

/* ----------------------------------
   Utility
---------------------------------- */

.text-center{

    text-align:center;

}

.mx-auto{

    margin-inline:auto;

}

.hidden{

    display:none !important;

}