/* =====================================================
VISAC INTELLIGENCE GLOSSARY
Knowledge Base System
===================================================== */


/* =====================================================
FOUNDATION
===================================================== */


.glossary-page {

background:#ffffff;
color:#050505;

}


.glossary-container {

width:min(1400px,90%);
margin:0 auto;

}




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


.glossary-hero {

padding:130px 0 120px;

}



.glossary-label {

display:flex;
align-items:center;
gap:12px;

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

font-size:12px;

letter-spacing:.28em;

text-transform:uppercase;

color:#666;

margin-bottom:35px;

}



.glossary-label span {

width:8px;
height:8px;

background:#0f9f6e;

border-radius:50%;

}



.glossary-hero h1 {

font-size:clamp(60px,7vw,110px);

font-weight:500;

line-height:.95;

letter-spacing:-.065em;

max-width:1200px;

margin:0 0 45px;

}



.glossary-hero p {

max-width:900px;

font-size:22px;

line-height:1.65;

color:#555;

}





/* =====================================================
DOMAINS
===================================================== */


.glossary-domains {

padding:120px 0;

background:#f5f5f3;

}



.glossary-domains h2,
.glossary-entries h2 {

font-size:64px;

font-weight:500;

letter-spacing:-.05em;

line-height:1;

margin-bottom:70px;

}




.domain-grid {

display:grid;

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

gap:28px;

}



.domain-grid div {

background:#ffffff;

border:1px solid #e5e5e5;

padding:45px;

min-height:260px;

transition:.25s ease;

}



.domain-grid div:hover {

border-color:#000;

transform:translateY(-4px);

}



.domain-grid h3 {

font-size:30px;

letter-spacing:-.03em;

font-weight:500;

margin-bottom:20px;

}



.domain-grid p {

font-size:17px;

line-height:1.7;

color:#666;

}







/* =====================================================
GLOSSARY ENTRIES
===================================================== */


.glossary-entries {

padding:140px 0;

}



.entry-list {

display:flex;

flex-direction:column;

gap:0;

}



.entry-list article {

display:grid;

grid-template-columns:350px 1fr;

gap:80px;

padding:55px 0;

border-top:1px solid #dedede;

}



.entry-list article:last-child {

border-bottom:1px solid #dedede;

}



.entry-list h3 {

font-size:38px;

font-weight:500;

letter-spacing:-.04em;

}



.entry-list p {

font-size:20px;

line-height:1.7;

color:#555;

max-width:800px;

}


/* =====================================================
FOOTER ALIGNMENT
===================================================== */

.glossary-page + .site-footer {

margin-top:0;

}




/* =====================================================
INTELLIGENCE FRAMEWORK
===================================================== */


.glossary-framework {

background:#050505;

color:white;

padding:140px 0;

}



.glossary-framework h2 {

font-size:64px;

letter-spacing:-.05em;

font-weight:500;

margin-bottom:70px;

}



.framework-grid {

display:grid;

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

gap:30px;

}



.framework-card {

border:1px solid rgba(255,255,255,.2);

padding:45px;

}



.framework-card h3 {

font-size:30px;

margin-bottom:20px;

}



.framework-card p {

color:#aaa;

line-height:1.7;

}







/* =====================================================
CTA
===================================================== */


.glossary-cta {

padding:150px 0;

text-align:center;

}



.glossary-cta h2 {

font-size:72px;

font-weight:500;

letter-spacing:-.06em;

line-height:1;

}



.glossary-cta p {

font-size:22px;

color:#555;

margin:35px auto 50px;

max-width:700px;

}





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


@media(max-width:1000px){


.domain-grid,
.framework-grid {

grid-template-columns:1fr;

}



.entry-list article {

grid-template-columns:1fr;

gap:25px;

}



}


@media(max-width:700px){


.glossary-container {

width:min(92%,1400px);

}



.glossary-hero {

padding:80px 0;

}



.glossary-hero h1 {

font-size:48px;

letter-spacing:-.04em;

}



.glossary-hero p {

font-size:18px;

}



.glossary-domains,
.glossary-entries,
.glossary-framework {

padding:90px 0;

}



.glossary-domains h2,
.glossary-entries h2,
.glossary-framework h2 {

font-size:42px;

}



.domain-grid div {

padding:30px;

}



.entry-list h3 {

font-size:30px;

}



.entry-list p {

font-size:17px;

}



.glossary-cta {

padding:90px 0;

}



.glossary-cta h2 {

font-size:42px;

}

    


}