/* ══════════════════════════════════════════════════════════ SAE WEBSITE — FONT OVERRIDE v2 1. Cormorant Garamond → Plus Jakarta Sans (bold, modern) 2. Perbesar semua teks yang terlalu kecil CARA PAKAI: Tambahkan di setelah Google Fonts: ══════════════════════════════════════════════════════════ */ @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,700;1,800&display=swap'); /* ─── HEADINGS / TITLES ─── */ .hero-title { font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: clamp(36px, 4.8vw, 68px) !important; font-weight: 800 !important; line-height: 1.05 !important; letter-spacing: -0.03em !important; } .hero-title em { font-style: italic !important; font-weight: 800 !important; } .section-title { font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: clamp(30px, 3.8vw, 52px) !important; font-weight: 800 !important; line-height: 1.08 !important; letter-spacing: -0.03em !important; } .section-title em { font-style: italic !important; font-weight: 800 !important; } /* ─── NAV ─── */ .nav-links a { font-size: 13px !important; letter-spacing: 0.08em !important; } .nav-cta { font-size: 12px !important; padding: 11px 24px !important; } .nav-logo-text span:first-child { font-size: 19px !important; } .nav-logo-text span:last-child { font-size: 11px !important; } .lang-btn { font-size: 12px !important; } /* ─── TICKER ─── */ .ticker-item { font-size: 12px !important; } /* ─── HERO ─── */ .hero-eyebrow span { font-size: 13px !important; letter-spacing: 0.2em !important; } .hero-sub { font-size: 17px !important; line-height: 1.8 !important; max-width: 600px !important; } .hero-stat .num { font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 42px !important; font-weight: 800 !important; letter-spacing: -0.04em !important; } .hero-stat .lbl { font-size: 13px !important; letter-spacing: 0.06em !important; } .hero-scroll { font-size: 13px !important; } .btn-primary, .btn-outline { font-size: 13px !important; letter-spacing: 0.1em !important; } /* ─── SECTION COMMON ─── */ .section-eyebrow { font-size: 12px !important; letter-spacing: 0.2em !important; } .section-desc { font-size: 16px !important; line-height: 1.85 !important; max-width: 640px !important; } /* ─── ABOUT ─── */ .about-text p { font-size: 16px !important; line-height: 1.9 !important; } .about-badge .num { font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 40px !important; font-weight: 800 !important; letter-spacing: -0.04em !important; } .about-badge .lbl { font-size: 11px !important; } .highlight-item .val { font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 26px !important; font-weight: 800 !important; letter-spacing: -0.03em !important; } .highlight-item .key { font-size: 12px !important; letter-spacing: 0.06em !important; } /* ─── ORG CHART ─── */ .org-node-main .company-name { font-size: 17px !important; } .org-node-main .company-type { font-size: 12px !important; } .org-child-card .cname { font-size: 16px !important; } .org-child-card .cdesc { font-size: 13px !important; line-height: 1.6 !important; } /* ─── SUBSIDIARIES ─── */ .sub-since { font-size: 11px !important; } .sub-name { font-size: 19px !important; } .sub-desc { font-size: 14px !important; line-height: 1.75 !important; } .sub-metric { font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 24px !important; font-weight: 800 !important; letter-spacing: -0.03em !important; } .sub-metric-lbl { font-size: 12px !important; } /* ─── CLIENTS ─── */ .client-rank { font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 44px !important; font-weight: 800 !important; letter-spacing: -0.04em !important; } .client-info .client-name { font-size: 21px !important; } .client-info .client-desc { font-size: 14px !important; line-height: 1.7 !important; } .client-info .client-tag { font-size: 11px !important; letter-spacing: 0.08em !important; } .clients-logos .client-logo-box span { font-size: 14px !important; } .client-map-title { font-size: 14px !important; } /* ─── COAL SPEC ─── */ .spec-table thead th { font-size: 12px !important; } .spec-table tbody td { font-size: 14px !important; padding: 15px 18px !important; } .qty-card .val { font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 26px !important; font-weight: 800 !important; letter-spacing: -0.03em !important; } .qty-card .lbl { font-size: 12px !important; } .spec-overlay p { font-size: 15px !important; line-height: 1.75 !important; } /* ─── FLEET ─── */ .fleet-type { font-size: 11px !important; } .fleet-name { font-size: 21px !important; } .fleet-spec { font-size: 13px !important; } .fleet-inquiry { font-size: 14px !important; } /* ─── TRUCKING ─── */ .truck-stat .val { font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 36px !important; font-weight: 800 !important; letter-spacing: -0.04em !important; } .truck-stat .key { font-size: 12px !important; } .trucking-regions h4 { font-size: 13px !important; } .region-tag { font-size: 13px !important; padding: 8px 16px !important; } .trucking-layout p { font-size: 15px !important; line-height: 1.85 !important; } /* ─── CAREER ─── */ .careers-intro p { font-size: 16px !important; line-height: 1.85 !important; } .career-email-box .label { font-size: 12px !important; } .career-email-box a { font-size: 17px !important; } .career-email-box p { font-size: 13px !important; line-height: 1.6 !important; } .vacancy-title { font-size: 22px !important; } .vtag { font-size: 11px !important; padding: 4px 12px !important; } .vacancy-reqs ul li { font-size: 13px !important; line-height: 1.7 !important; } .vacancy-apply { font-size: 12px !important; padding: 13px 26px !important; } /* ─── CONTACT ─── */ .contact-detail-text .label { font-size: 11px !important; letter-spacing: 0.18em !important; } .contact-detail-text p, .contact-detail-text a { font-size: 15px !important; line-height: 1.7 !important; } /* ─── FOOTER ─── */ .footer-brand .tagline { font-size: 14px !important; line-height: 1.8 !important; } .footer-col h4 { font-size: 12px !important; letter-spacing: 0.16em !important; } .footer-col ul a { font-size: 14px !important; } .footer-bottom p { font-size: 13px !important; } /* ─── INLINE STYLE OVERRIDES (fleet stats bar, qa box, etc.) ─── */ /* Catch-all untuk elemen yang pakai inline font-family Cormorant */ [style*="Cormorant Garamond"], [style*="Cormorant+Garamond"] { font-family: 'Plus Jakarta Sans', sans-serif !important; font-weight: 800 !important; letter-spacing: -0.04em !important; } /* Fleet stats (inline font-size:38px) */ #fleet > div:last-of-type div > div:first-child { font-family: 'Plus Jakarta Sans', sans-serif !important; font-weight: 800 !important; letter-spacing: -0.04em !important; font-size: 36px !important; } /* QA assurance box */ #coal-spec div[style*="border-left"] p { font-size: 14px !important; line-height: 1.8 !important; } /* Contact hours */ #contact p[data-i18n="contact_hours"] { font-size: 13px !important; line-height: 1.8 !important; }