/* ==========================================================
   ARMENIA CRYSTAL
   Design System v1.0
   typography.css
========================================================== */

/* ----------------------------------------------------------
   BODY
---------------------------------------------------------- */

body{

    font-family:var(--font-body);
    font-size:var(--text-md);
    line-height:var(--lh-normal);

    color:var(--color-white);

    background:var(--color-bg);

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

}

/* ----------------------------------------------------------
   DISPLAY TITLES
---------------------------------------------------------- */

.display-xl{

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

    font-size:clamp(64px,8vw,120px);

    line-height:0.95;

    letter-spacing:-2px;

    font-weight:300;

}

.display-lg{

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

    font-size:clamp(52px,6vw,88px);

    line-height:1;

    letter-spacing:-1px;

    font-weight:300;

}

.display-md{

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

    font-size:clamp(42px,5vw,64px);

    line-height:1.05;

    font-weight:400;

}

/* ----------------------------------------------------------
   HEADINGS
---------------------------------------------------------- */

h1{

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

    font-size:56px;

    line-height:1.05;

    font-weight:500;

    margin-bottom:24px;

}

h2{

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

    font-size:44px;

    line-height:1.1;

    font-weight:500;

    margin-bottom:20px;

}

h3{

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

    font-size:34px;

    line-height:1.15;

    font-weight:500;

    margin-bottom:18px;

}

h4{

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

    font-size:28px;

    line-height:1.2;

    font-weight:500;

}

h5{

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

    font-size:22px;

    line-height:1.25;

    font-weight:500;

}

h6{

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

    font-size:18px;

    line-height:1.3;

    font-weight:600;

}

/* ----------------------------------------------------------
   PARAGRAPHS
---------------------------------------------------------- */

p{

    font-size:18px;

    line-height:1.8;

    color:var(--color-light);

    margin-bottom:20px;

    max-width:720px;

}

/* ----------------------------------------------------------
   LEAD TEXT
---------------------------------------------------------- */

.lead{

    font-size:24px;

    line-height:1.7;

    color:var(--color-white);

    max-width:900px;

}

/* ----------------------------------------------------------
   SMALL TEXT
---------------------------------------------------------- */

.small{

    font-size:14px;

    color:var(--color-gray);

    line-height:1.7;

}

/* ----------------------------------------------------------
   CAPTION
---------------------------------------------------------- */

.caption{

    font-size:12px;

    text-transform:uppercase;

    letter-spacing:3px;

    color:var(--color-gold);

}

/* ----------------------------------------------------------
   OVERLINE
---------------------------------------------------------- */

.overline{

    font-size:13px;

    letter-spacing:4px;

    text-transform:uppercase;

    color:var(--color-gold);

    margin-bottom:16px;

}

/* ----------------------------------------------------------
   GOLD TEXT
---------------------------------------------------------- */

.text-gold{

    color:var(--color-gold);

}

/* ----------------------------------------------------------
   MUTED
---------------------------------------------------------- */

.text-muted{

    color:var(--color-muted);

}

/* ----------------------------------------------------------
   CENTER
---------------------------------------------------------- */

.text-center{

    text-align:center;

}

/* ----------------------------------------------------------
   LINKS
---------------------------------------------------------- */

a{

    transition:var(--transition-normal);

}

a:hover{

    color:var(--color-gold);

}

/* ----------------------------------------------------------
   NUMBERS
---------------------------------------------------------- */

.number{

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

    color:var(--color-gold);

    letter-spacing:1px;

}

/* ----------------------------------------------------------
   BLOCKQUOTE
---------------------------------------------------------- */

blockquote{

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

    font-size:30px;

    line-height:1.5;

    color:var(--color-white);

    font-style:italic;

    border-left:2px solid var(--color-gold);

    padding-left:32px;

    margin:48px 0;

}

/* ----------------------------------------------------------
   RESPONSIVE
---------------------------------------------------------- */

@media(max-width:1024px){

    h1{

        font-size:42px;

    }

    h2{

        font-size:34px;

    }

    h3{

        font-size:28px;

    }

    .lead{

        font-size:20px;

    }

}

@media(max-width:768px){

    h1{

        font-size:34px;

    }

    h2{

        font-size:28px;

    }

    h3{

        font-size:24px;

    }

    p{

        font-size:16px;

        line-height:1.7;

    }

    .display-xl{

        font-size:52px;

    }

    .display-lg{

        font-size:42px;

    }

}
/* ==========================================================
   GLOBAL TYPOGRAPHY CONSISTENCY — 2026 cleanup
========================================================== */

body {
    font-size: 16px;
    line-height: 1.7;
}

p {
    font-size: 16px;
    line-height: 1.7;
}

.section-kicker {
    font-size: 10px;
    line-height: 1.2;
    letter-spacing: 0.30em;
}

@media (max-width: 767px) {
    body,
    p {
        font-size: 15.5px;
    }
}


/* =========================================================
   CLICKABLE GOOGLE MAPS
========================================================= */
.google-map-link {
    display: block;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}
.google-map-link img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.open-google-map {
    display: inline-block;
    margin-top: 18px;
    color: #d4af37;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: .16em;
}