/* =========================================
ORBISCURE TYPOGRAPHY SYSTEM
Kun 5 faste typografiske niveauer
========================================= */
/* 1. HERO / DISPLAY — 52px */
.oc-title,
.oc-price {
font-size:52px;
line-height:1.06;
letter-spacing:-0.04em;
}
/* 2. SECTION HEADINGS — 36px */
.oc-h2,
.oc-final h2 {
font-size:36px;
line-height:1.1;
letter-spacing:-0.03em;
}
/* 3. CARD / COMPONENT HEADINGS — 20px */
.oc-h3,
.oc-module-title b,
.oc-outcome b,
.oc-step h3,
.oc-company-card h3,
.oc-priceitem strong {
font-size:20px;
line-height:1.25;
letter-spacing:-0.015em;
}
/* 4. BODY — 16px */
.oc-leder,
.oc-lead,
.oc-card p,
.oc-outcome p,
.oc-module-body p,
.oc-module-body li,
.oc-program-note,
.oc-step p,
.oc-list-item b,
.oc-list-item p,
.oc-teacher p,
.oc-price-card li,
.oc-company-card p,
.oc-faq summary,
.oc-faq details p,
.oc-final p,
.oc-chip,
.oc-btn {
font-size:16px;
line-height:1.55;
}
/* Lead må gerne få mere luft uden at blive større */
.oc-lead {
line-height:1.6;
}
/* 5. META / SUPPORTING TEXT — 14px */
.oc-kicker,
.oc-priceitem span,
.oc-trust-label,
.oc-module-title small,
.oc-teacher-role,
.oc-tiny,
.oc-hero-note span {
font-size:14px;
line-height:1.45;
}
/* Små labels */
.oc-kicker {
font-weight:800;
letter-spacing:.1em;
text-transform:uppercase;
}
/* Navigationselementer / chips */
.oc-chip,
.oc-btn {
font-weight:700;
}
/* FAQ skal ikke ligne en separat overskriftstype */
.oc-faq summary {
font-weight:750;
}
/* MOBILE
Bevar samme system — kun de to største niveauer ændres */
@media(max-width:620px){
.oc-title,
.oc-price {
font-size:40px;
}
.oc-h2,
.oc-final h2 {
font-size:30px;
}
}
