@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;500;600;700&display=swap');
:root{
--font-sans:'Archivo',sans-serif;
/* Display: full-bleed wordmark. Fills viewport width with one word. */
--display-size:clamp(96px,17vw,280px);
--display-weight:640;
--display-tracking:-0.045em;
--display-leading:0.86;
/* Section header */
--h2-size:clamp(34px,3.6vw,56px);
--h2-weight:560;
--h2-tracking:-0.025em;
--h2-leading:1.02;
/* Body */
--body-size:17px;
--body-weight:400;
--body-leading:1.55;
/* Label: small letter-spaced uppercase for metadata and tags */
--label-size:11px;
--label-weight:500;
--label-tracking:0.14em;
}
.dt-display{font-family:var(--font-sans);font-size:var(--display-size);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:var(--display-leading);color:var(--fg-1)}
.dt-h2{font-family:var(--font-sans);font-size:var(--h2-size);font-weight:var(--h2-weight);letter-spacing:var(--h2-tracking);line-height:var(--h2-leading);color:var(--fg-1)}
.dt-body{font-family:var(--font-sans);font-size:var(--body-size);font-weight:var(--body-weight);line-height:var(--body-leading);color:var(--text-body)}
.dt-label{font-family:var(--font-sans);font-size:var(--label-size);font-weight:var(--label-weight);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--fg-2)}