:root{--papier:#efe2c4;--papier-clair:#f8f0dc;--encre:#241c14;--encre-pale:#5c4b36;
--rouge:#b23227;--rouge-sombre:#8a241b;--ocre:#c8912c;--vert:#2f6157}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--papier);color:var(--encre);
 font-family:"Rockwell","Bookman Old Style",Georgia,"Times New Roman",serif;line-height:1.5;
 background-image:radial-gradient(120% 60% at 50% 0,var(--papier-clair) 0%,var(--papier) 60%)}
.bande{max-width:980px;margin:0 auto;padding:0 22px}
header{border-bottom:5px double var(--encre);padding:34px 0 24px;text-align:center}
.marque{font-size:14px;letter-spacing:7px;text-transform:uppercase;color:var(--rouge-sombre);font-weight:bold}
h1{font-size:clamp(30px,6vw,56px);line-height:1.08;margin:16px 0 10px;text-transform:uppercase;
 letter-spacing:-.5px}
.chapeau{font-style:italic;color:var(--encre-pale);font-size:18px;max-width:640px;margin:0 auto}
main{padding:34px 0 60px}
.grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:26px;margin-top:26px}
.tuile{border:3px double var(--encre);background:rgba(255,255,255,.22);padding:0 0 18px;
 display:flex;flex-direction:column;text-decoration:none;color:inherit}
.tuile:hover{border-color:var(--rouge);box-shadow:8px 8px 0 rgba(36,28,20,.16)}
.tuile img{width:100%;aspect-ratio:9/16;object-fit:cover;border-bottom:3px double var(--encre);display:block}
.tuile .dedans{padding:14px 16px 0}
.tuile h2{font-size:21px;line-height:1.16;text-transform:uppercase}
.tuile .auteur{font-style:italic;color:var(--encre-pale);margin-top:6px;font-size:15px}
.tuile .plus{margin-top:12px;font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--rouge-sombre)}
.filet{height:0;border-top:3px solid var(--encre);margin:30px 0}
article h1{text-align:left}
.sous{font-size:13px;letter-spacing:4px;text-transform:uppercase;color:var(--vert);margin-bottom:8px}
ol.idees{list-style:none;counter-reset:idee;margin:14px 0 0}
ol.idees li{counter-increment:idee;display:flex;gap:18px;padding:16px 0;border-bottom:1px solid rgba(36,28,20,.2)}
ol.idees li::before{content:counter(idee);font-family:"Cooper Black","Rockwell Extra Bold",serif;
 font-size:40px;line-height:1;color:var(--rouge);min-width:48px;text-align:right}
ol.idees p{font-size:19px}
blockquote{border-left:6px solid var(--ocre);margin:26px 0 0;padding:6px 0 6px 22px;
 font-family:"Bookman Old Style",Georgia,serif;font-style:italic;font-size:21px}
.ref{margin-top:12px;font-size:13px;letter-spacing:3px;text-transform:uppercase;color:var(--vert)}
.bouton{display:inline-block;margin-top:14px;background:var(--rouge);color:var(--papier-clair);
 text-decoration:none;padding:12px 22px;font-weight:bold;letter-spacing:2px;text-transform:uppercase;
 box-shadow:6px 6px 0 rgba(36,28,20,.26);font-size:15px}
.bouton.sobre{background:transparent;color:var(--encre);border:3px double var(--encre);box-shadow:none}
video{width:100%;max-width:360px;border:3px double var(--encre);display:block;margin-top:10px}
.deux{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:32px;align-items:start}
@media(max-width:760px){.deux{grid-template-columns:1fr}}
footer{border-top:5px double var(--encre);padding:22px 0 44px;font-size:13px;color:var(--encre-pale)}
footer a{color:var(--rouge-sombre)}
a.retour{display:inline-block;margin-bottom:18px;font-size:13px;letter-spacing:3px;
 text-transform:uppercase;color:var(--rouge-sombre)}