.hk-blog{display:block}.hk-blog-h1,.hk-blog-h2,.hk-blog-h3{font-family:var(--hk-titre);letter-spacing:.005em;text-wrap:balance;margin:0;font-weight:400;display:block}.hk-blog-h1{max-width:20ch;font-size:clamp(34px,4.6vw,72px);line-height:.94}.hk-blog-h2{font-size:var(--hk-h2);line-height:.95}.hk-blog-h3{text-transform:none}.hk-blog-mot{color:var(--hk-jaune-fonce)}.hk-blog-prose{color:var(--hk-texte-doux);max-width:48ch;margin:18px 0;font-size:17px;line-height:1.6}.hk-blog-prose :first-child{margin-top:0}.hk-blog-prose :last-child{margin-bottom:0}.hk-blog-prose p{margin:0 0 16px}.hk-blog-prose b,.hk-blog-prose strong{color:var(--hk-noir);font-weight:600}.hk-blog-prose ul,.hk-blog-prose ol{margin:0 0 16px;padding-left:20px}.hk-blog-prose li{margin-bottom:8px}.hk-blog-prose a{border-bottom:2px solid var(--hk-jaune)}.hk-blog-prose a:hover{color:var(--hk-jaune-fonce)}.hk-blog-sur{letter-spacing:.1em;text-transform:uppercase;color:var(--hk-texte-gris);margin:0;font-size:12px;font-weight:600}.hk-blog-rub{letter-spacing:.08em;text-transform:uppercase;font-size:11.5px;font-weight:600}.hk-blog-rub-projet{color:var(--hk-jaune-fonce)}.hk-blog-date{font-variant-numeric:tabular-nums;color:var(--hk-texte-gris);font-size:13px}.hk-blog-btn{letter-spacing:.02em;background:var(--hk-jaune);color:var(--hk-noir);padding:14px 22px;font-size:14px;font-weight:600;transition:background .25s,color .25s,box-shadow .25s;display:inline-block}.hk-blog-btn:hover{background:var(--hk-noir-plein);color:var(--hk-jaune)}.hk-blog-btn-contour{color:var(--hk-noir);background:0 0;box-shadow:inset 0 0 0 2px}.hk-blog-btn-contour:hover{background:var(--hk-noir-plein);color:var(--hk-jaune)}.hk-blog-hero{padding:36px var(--hk-marge) 32px;border-bottom:1px solid var(--hk-trait-moyen);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;display:grid}.hk-blog-actions{flex-wrap:wrap;gap:10px;margin:0;display:flex}.hk-blog-derniers{border-top:2px solid var(--hk-noir);align-self:end}.hk-blog-derniers .hk-blog-sur{color:var(--hk-noir);padding:12px 0 6px}.hk-blog-breve{border-top:1px solid var(--hk-trait);grid-template-columns:72px minmax(0,1fr);gap:12px;padding:12px 0;display:grid}.hk-blog-breve img{aspect-ratio:1;object-fit:cover;background:var(--hk-gris-2);grid-column:1;width:100%;height:auto;display:block}.hk-blog-breve:not(:has(img)):before{content:"";aspect-ratio:1;background:var(--hk-gris-2);grid-area:1/1}.hk-blog-breve-txt{flex-direction:column;grid-column:2;gap:3px;display:flex}.hk-blog-derniers .hk-blog-h3{font-size:18px;line-height:1.1}.hk-blog-mosaique{background:var(--hk-trait-moyen);grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:220px;gap:2px;display:grid}.hk-blog-tuile{background:var(--hk-noir);color:var(--hk-blanc);align-items:flex-end;display:flex;position:relative;overflow:hidden}.hk-blog-tuile img{object-fit:cover;width:100%;max-width:none;height:100%;transition:transform .5s;position:absolute;inset:0}.hk-blog-tuile:hover img{transform:scale(1.04)}.hk-blog-tuile:hover,.hk-blog-tuile:focus-visible{color:var(--hk-blanc)}.hk-blog-voile{background:linear-gradient(#0000,#14141459 35%,#141414e6);width:100%;padding:20px 22px;display:block;position:relative}.hk-blog-tuile .hk-blog-h3{max-width:22ch;font-size:22px;line-height:1.02}.hk-blog-tuile .hk-blog-rub{color:var(--hk-jaune);margin-bottom:8px;display:block}.hk-blog-tuile .hk-blog-date{color:#f4f2ecb3;margin-top:8px;display:block}.hk-blog-tuile-grande{grid-area:span 2/span 2}.hk-blog-tuile-grande .hk-blog-h3{font-size:clamp(30px,3.4vw,48px)}.hk-blog-tuile:not(:has(img)){background:linear-gradient(135deg, var(--hk-gris-2), var(--hk-gris-3));color:var(--hk-noir)}.hk-blog-tuile:not(:has(img)):hover{color:var(--hk-noir)}.hk-blog-tuile:not(:has(img)) .hk-blog-voile{background:0 0}.hk-blog-tuile:not(:has(img)) .hk-blog-rub{color:var(--hk-jaune-fonce)}.hk-blog-tuile:not(:has(img)) .hk-blog-date{color:var(--hk-texte-gris)}.hk-blog-projets{background:var(--hk-jaune);color:var(--hk-noir);padding:28px var(--hk-marge) 30px;border-top:2px solid var(--hk-noir)}.hk-blog-projets .hk-blog-tete{gap:20px;margin-bottom:18px}.hk-blog-projets .hk-blog-h2{font-size:clamp(30px,3.6vw,52px);line-height:.95}.hk-blog-projets .hk-blog-sur{color:var(--hk-noir)}.hk-blog-tete{flex-wrap:wrap;align-items:baseline;display:flex}.hk-blog-defile{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--hk-noir) #00000024;gap:2px;padding-bottom:6px;display:flex;overflow-x:auto}.hk-blog-defile::-webkit-scrollbar{height:8px}.hk-blog-defile::-webkit-scrollbar-track{background:#00000024}.hk-blog-defile::-webkit-scrollbar-thumb{background:var(--hk-noir)}.hk-blog-projet{scroll-snap-align:start;background:var(--hk-blanc);border:1px solid var(--hk-trait-fort);flex:0 0 300px}.hk-blog-projet img{aspect-ratio:3/2;object-fit:cover;background:var(--hk-gris-2);width:100%;height:auto;display:block}.hk-blog-projet:not(:has(img)):before{content:"";aspect-ratio:3/2;background:var(--hk-gris-2);width:100%;display:block}.hk-blog-projet-txt{padding:14px 16px 18px;display:block}.hk-blog-projet .hk-blog-date{margin-bottom:4px;display:block}.hk-blog-projet .hk-blog-h3{font-size:20px;line-height:1.05}.hk-blog-liste{padding:8px var(--hk-marge) 64px}.hk-blog-liste .hk-blog-tete{border-bottom:2px solid var(--hk-noir);gap:16px;padding:36px 0 14px}.hk-blog-liste .hk-blog-h2{font-size:clamp(28px,3.2vw,44px)}.hk-blog-liste .hk-blog-sur{margin-left:auto}.hk-blog-ligne{border-bottom:1px solid var(--hk-trait-moyen);grid-template-columns:110px 1fr 120px 100px;align-items:center;gap:20px;padding:18px 0;display:grid}.hk-blog-ligne img{aspect-ratio:4/3;object-fit:cover;background:var(--hk-gris-2);grid-column:1;width:100%;height:auto;display:block}.hk-blog-ligne:not(:has(img)):before{content:"";aspect-ratio:4/3;background:var(--hk-gris-2);grid-column:1}.hk-blog-ligne .hk-blog-h3{grid-column:2;font-size:24px;line-height:1.05}.hk-blog-ligne .hk-blog-date{grid-column:3}.hk-blog-ligne .hk-blog-rub{text-align:right;grid-column:4}.hk-blog-breve:hover,.hk-blog-projet:hover,.hk-blog-ligne:hover{color:var(--hk-noir)}.hk-blog-breve:hover .hk-blog-h3,.hk-blog-projet:hover .hk-blog-h3,.hk-blog-ligne:hover .hk-blog-h3{color:var(--hk-jaune-fonce)}.hk-blog a:focus-visible{outline:2px solid var(--hk-jaune-fonce);outline-offset:2px}.hk-blog-tuile:focus-visible{outline:2px solid var(--hk-jaune);outline-offset:-4px}@media (prefers-reduced-motion:reduce){.hk-blog-tuile img{transition:none}.hk-blog-tuile:hover img{transform:none}}@media (width<=820px){.hk-blog-hero{grid-template-columns:minmax(0,1fr);gap:32px}.hk-blog-mosaique{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:200px}.hk-blog-tuile:not(.hk-blog-tuile-grande) .hk-blog-h3{font-size:19px}.hk-blog-tuile-grande{grid-area:span 2/span 2}.hk-blog-ligne{grid-template-columns:90px 1fr;gap:6px 16px}.hk-blog-ligne .hk-blog-date,.hk-blog-ligne .hk-blog-rub{text-align:left;grid-column:2}.hk-blog-ligne .hk-blog-h3{font-size:20px}}h3.hk-blog-h3{font-size:inherit;color:inherit}h2.hk-blog-sur{font-family:var(--hk-texte);line-height:1.4}.hk-blog-filtres{flex-wrap:wrap;gap:10px;margin:0 0 24px;display:flex}.hk-blog-filtre{border:1px solid var(--hk-noir);letter-spacing:.06em;text-transform:uppercase;padding:10px 18px;font-size:13px;font-weight:600}.hk-blog-filtre:hover,.hk-blog-filtre:focus-visible{background:var(--hk-jaune);color:var(--hk-noir)}.hk-blog-liste:has(#filtre-tous:target) .hk-blog-filtre-tous,.hk-blog-liste:has(#filtre-conseils:target) .hk-blog-filtre-conseils,.hk-blog-liste:has(#filtre-projets:target) .hk-blog-filtre-projets{background:var(--hk-noir);color:var(--hk-blanc)}.hk-blog-liste:has(#filtre-conseils:target) .hk-blog-ligne-projet,.hk-blog-liste:has(#filtre-projets:target) .hk-blog-ligne-conseil{display:none}.hk-blog-liste span[id^=filtre-]{scroll-margin-top:96px}