/* Fontshare — load only what each landing needs by adjusting in HTML.
This file documents the @import URLs for each typeface used across the 5 landings.
BarPhone → Cabinet Grotesk
ThirstyReviews → Satoshi
Fedora → Clash Display
MCC → Khand
HireBot → Switzer
In each landing's , include the appropriate tag pointing to:
Cabinet Grotesk: https://api.fontshare.com/v2/css?f[]=cabinet-grotesk@400,500,700,900&display=swap
Satoshi: https://api.fontshare.com/v2/css?f[]=satoshi@300,400,500,700,900&display=swap
Clash Display: https://api.fontshare.com/v2/css?f[]=clash-display@400,500,600,700&display=swap
Khand: https://api.fontshare.com/v2/css?f[]=khand@300,400,500,600,700&display=swap
Switzer: https://api.fontshare.com/v2/css?f[]=switzer@300,400,500,600,700,900&display=swap
*/
/* Typography utility classes used by all landings */
.t-display {
font-weight: 700;
line-height: 0.95;
letter-spacing: -0.02em;
}
.t-h1 {
font-size: clamp(2.5rem, 8vw, var(--t-5xl));
font-weight: 700;
line-height: 1;
letter-spacing: -0.02em;
}
.t-h2 {
font-size: clamp(2rem, 5vw, var(--t-3xl));
font-weight: 600;
line-height: 1.1;
letter-spacing: -0.015em;
}
.t-h3 {
font-size: clamp(1.5rem, 3vw, var(--t-2xl));
font-weight: 500;
line-height: 1.2;
}
.t-body {
font-size: var(--t-base);
font-weight: 400;
line-height: 1.6;
}
.t-lead {
font-size: clamp(var(--t-lg), 1.8vw, var(--t-xl));
font-weight: 400;
line-height: 1.5;
}
.t-eyebrow {
font-size: var(--t-sm);
font-weight: 500;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.t-mono {
font-family: ui-monospace, "SF Mono", Menlo, monospace;
font-size: var(--t-sm);
letter-spacing: 0;
}