/* ------------------------------------------------------------------
   Polices
   ------------------------------------------------------------------ */
@font-face {
	font-family: "Landnama";
	src: url("../fonts/landnama-neww.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: block;
}
@font-face {
	font-family: "Neuzeit";
	src: url("../fonts/neuzeit-s-book.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/* ------------------------------------------------------------------
   Échelle : 1 --u = 1 point de la maquette.
   Ordinateur : maquette de 2051,76 pt de large.
   Mobile (< 800 px) : maquette de 1258 pt de large.
   ------------------------------------------------------------------ */
:root {
	--u: calc(100vw / 2051.76);
	--marge: calc(57 * var(--u));
	--haut: calc(55 * var(--u));
	--logo: calc(57 * var(--u));
	/* Slogan : taille calculée sur les vraies polices pour que « territoires »
	   finisse à l’aplomb du fût du deuxième « a » de « cabanon ». */
	--slogan: calc(var(--logo) * 0.6430);
	--texte: max(15px, calc(18 * var(--u)));
	--encre: #111;
	--fond: #fff;
}
@media (max-width: 799px) {
	:root {
		--u: calc(100vw / 1258);
		--marge: calc(50 * var(--u));
		--haut: calc(34 * var(--u));
		--logo: calc(92 * var(--u));
		--texte: calc(54 * var(--u));
	}
}

/* ------------------------------------------------------------------
   Base
   ------------------------------------------------------------------ */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	background: var(--fond);
	color: var(--encre);
	font-family: "Neuzeit", "Helvetica Neue", Arial, sans-serif;
	font-size: var(--texte);
	line-height: 1.33;
	font-kerning: normal;
	-webkit-font-smoothing: antialiased;
}
a { color: inherit; }

/* ------------------------------------------------------------------
   En-tête (marque)
   ------------------------------------------------------------------ */
.cab-entete {
	padding: var(--haut) var(--marge) 0;
}
.cab-marque {
	display: inline-block;
	text-decoration: none;
	color: inherit;
}
.cab-logo {
	display: block;
	font-family: "Landnama", Georgia, serif;
	font-size: var(--logo);
	line-height: 1;
	white-space: nowrap;
}
.cab-slogan {
	display: block;
	font-family: "Neuzeit", "Helvetica Neue", Arial, sans-serif;
	font-size: var(--slogan);
	line-height: 1;
	margin-top: 0.02em;
	white-space: nowrap;
}

/* ------------------------------------------------------------------
   Écran « en construction »
   ------------------------------------------------------------------ */
.cab-chantier__message {
	padding: calc(120 * var(--u)) var(--marge) var(--marge);
	max-width: 60em;
}
.cab-chantier__message p { margin: 0 0 0.6em; }

/* Retour à la ligne réservé au mobile */
.cab-mobile { display: none; }
@media (max-width: 799px) {
	.cab-mobile { display: inline; }
	.cab-chantier__message p { margin-bottom: 1.33em; }
}
.cab-chantier__message a { text-decoration: none; border-bottom: 1px solid currentColor; }