/* Page introuvable. */
/* L'en-tête du site se superpose au haut de page : le contenu commence dessous. */
.pk-404{padding:231px 24px 72px;background:var(--pk-bg)}
.pk-404__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;max-width:1140px;margin:0 auto}
.pk-404__eyebrow{margin:0 0 12px;color:var(--pk-blue);font-size:15px;font-weight:700;line-height:1.4}
.pk-404 .pk-404__title{margin:0 0 16px;color:#1f1f1f;font-size:42px;font-weight:700;line-height:1.2;text-wrap:balance}
.pk-404__lead{max-width:30em;margin:0 0 32px;color:#555;font-size:18px;line-height:1.6;text-wrap:pretty}
.pk-404__actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}
.pk-404 a.pk-404__button{display:inline-block;padding:15px 36px;background:var(--pk-blue);color:#fff;font-size:16px;font-weight:700;line-height:1.3;text-decoration:none;transition:background-color .2s ease}
.pk-404 a.pk-404__button:hover{background:#15658f;color:#fff}
.pk-404 a.pk-404__phone{color:#555;font-size:16px;text-decoration:none}
.pk-404 a.pk-404__phone span{color:var(--pk-blue);font-weight:700}
.pk-404 a.pk-404__phone:hover span{text-decoration:underline}

/* La façade : une grille de panneaux, dont un manque. */
.pk-404__facade{display:grid;box-sizing:border-box;width:100%;max-width:400px;justify-self:center;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px;background:#3d4145;box-shadow:0 18px 40px rgba(31,31,31,.18)}
.pk-404__panel{display:block;aspect-ratio:1/1;background:#808285}
.pk-404__panel:nth-child(3n){background:#6f7276}
.pk-404__panel:nth-child(4n+1){background:#1c81bd}
.pk-404__panel:nth-child(5n){background:#2ea3dc}
.pk-404__panel:nth-child(7n){background:#9a9c9f}
.pk-404__facade .pk-404__panel--missing{display:flex;align-items:center;justify-content:center;background:#f7f7f7;color:#1c81bd;font-size:26px;font-weight:700;line-height:1;outline:2px dashed #1c81bd;outline-offset:-7px}

/* Liens utiles. */
.pk-404__links{max-width:1140px;margin:64px auto 0}
.pk-404__links ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.pk-404__links a{display:block;height:100%;box-sizing:border-box;padding:20px;border:1px solid #e2e2e2;border-top:3px solid var(--pk-blue);background:#fff;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease}
.pk-404__links a:hover{border-color:var(--pk-blue);box-shadow:0 6px 18px rgba(31,31,31,.1)}
.pk-404__links strong{display:block;margin-bottom:4px;color:var(--pk-blue);font-size:18px;line-height:1.3}
.pk-404__links span{display:block;color:#555;font-size:14px;line-height:1.5}
.pk-404 a:focus-visible{outline:3px solid #15658f;outline-offset:3px}

@media (max-width:921px){
	.pk-404{padding:262px 20px 56px}
	.pk-404__inner{grid-template-columns:minmax(0,1fr);gap:36px}
	.pk-404 .pk-404__title{font-size:32px}
	.pk-404__lead{font-size:17px;margin-bottom:24px}
	.pk-404__facade{max-width:260px}
	.pk-404__links{margin-top:40px}
	.pk-404__links ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
@media (max-width:544px){
	.pk-404{padding-top:219px}
	.pk-404 .pk-404__title{font-size:28px}
	.pk-404__facade .pk-404__panel--missing{font-size:16px;outline-offset:-5px}
	.pk-404 a.pk-404__button{display:block;width:100%;box-sizing:border-box;text-align:center}
	.pk-404__actions{justify-content:center}
	.pk-404__links a{padding:16px}
}
@media (prefers-reduced-motion:reduce){
	.pk-404 a{transition:none}
}