:root{--accent:#ff5a47;--cuir:#6b4128;--doublure:#f4f1ea;--e1:#c62828;--e2:#f2c230;--e3:#f3efe6;--e4:#1f5fa8;--empiecement:#111114;--encre:#f1ece4;--encre-douce:#bcb7af;--etiquette:#f3efe6;--f1:#fff4e8;--f2:#45454f;--f3:#c62828;--f4:#fff4e8;--fil:#ff5a47;--fond-marque:#0b0b0d;--lien:#b3261e;--police-texte:Seravek,"Gill Sans Nova",Ubuntu,Calibri,"DejaVu Sans",source-sans-pro,sans-serif;--police-titre:Inter,Roboto,"Helvetica Neue","Arial Nova","Nimbus Sans",Arial,sans-serif;--sur-accent:#1b1b1f;--sur-cuir:#f6e3c8;--sur-doublure:#1b1b1f;--sur-empiecement:#f6f1e9;--sur-etiquette:#1b1b1f;--toile:#1b1b1f;--trame:#25252b;--trame-2:#1b1b1f;}
/* Écussons (t2b101) : le blouson à écussons. La page est une toile (sergé de jean, drap tramé, toile écrue ou jean noir selon
   la palette) ; chaque article y est un écusson brodé, bord en point de bourdon et piqûre en tirets, dont la forme tourne :
   blason, rond, rectangle à coins coupés, losange. Le rang, l'initiale ou la capture et le titre, sur un ruban à bouts
   fourchus, sont brodés ; la date et l'extrait sont écrits sur la toile, dessous. La une est un grand écusson à coins coupés.
   En-tête : empiècement à double surpiqûre ; pied : ceinture et étiquette de cuir ; lecture sur une doublure claire.
   Variables des options : --toile --trame --trame-2 --encre --encre-douce --accent --sur-accent --empiecement
   --sur-empiecement --fil --fond-marque --etiquette --sur-etiquette --e1..--e4 (écussons) --f1..--f4 (leurs fils) --doublure
   --sur-doublure --lien --cuir --sur-cuir (palette) ; --police-titre --police-texte (typo). Polices système seulement. */

:root{--piqure:repeating-linear-gradient(90deg,var(--fil) 0 10px,transparent 10px 16px)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background-color:var(--toile);background-image:repeating-linear-gradient(135deg,transparent 0 3px,var(--trame) 3px 4px),repeating-linear-gradient(0deg,transparent 0 3px,var(--trame-2) 3px 4px);color:var(--encre);font-family:var(--police-texte);font-size:1rem;line-height:1.55;overflow-wrap:break-word}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
h1,h2{font-family:var(--police-titre);line-height:1.12}
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.evitement{position:absolute;top:.75rem;left:.75rem;z-index:20;padding:.75rem 1.25rem;background:var(--etiquette);color:var(--sur-etiquette);font-weight:700;transform:translateY(-12rem)}
.evitement:focus{transform:none}
.evitement:focus-visible{outline-color:var(--fil)}

/* Empiècement (en-tête) et ceinture (pied) : toile plus foncée, surpiqûres doubles */
.empiecement,.ceinture{position:relative;background-color:var(--empiecement);background-image:repeating-linear-gradient(135deg,transparent 0 3px,rgb(255 255 255 / 6%) 3px 4px);color:var(--sur-empiecement)}
.empiecement{padding-bottom:1.25rem;border-bottom:3px solid rgb(0 0 0 / 35%)}
.empiecement::after,.ceinture::before,.ceinture::after{content:"";position:absolute;left:0;right:0;height:10px;background:var(--piqure) 0 0/100% 2px no-repeat,var(--piqure) 0 8px/100% 2px no-repeat}
.empiecement::after{bottom:.45rem}
.empiecement-int,.ceinture-int,.principal{width:min(100% - 4rem,77.5rem);margin:0 auto}
.empiecement-int{padding:1.1rem 0 .9rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem}
.empiecement :focus-visible,.ceinture :focus-visible{outline-color:var(--fil)}
.marque{display:inline-flex;align-items:center;gap:1rem;min-width:0;min-height:2.75rem;color:var(--sur-empiecement);text-decoration:none}
.marque-ecusson{flex:none;display:grid;place-items:center;width:4.25rem;height:4.25rem;border-radius:50%;background:var(--fond-marque);border:5px solid var(--fil);outline:2px dashed var(--fil);outline-offset:-11px;box-shadow:0 3px 0 rgb(0 0 0 / 35%),0 6px 12px rgb(0 0 0 / 30%)}
.marque-image{display:block;width:2.1rem;height:2.1rem}
.marque-nom{min-width:0;font-family:var(--police-titre);font-size:1.6rem;font-size:clamp(1.35rem,1rem + 1.1vw,2rem);font-style:italic;font-weight:800;line-height:1.05;text-transform:uppercase;text-shadow:.06em .06em 0 var(--fil);overflow-wrap:anywhere}
.marque:hover .marque-nom{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.15em}
.menu ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:1rem}

/* Étiquettes tissées : menu, rubrique, « À la une », pagination */
.menu a,.etiquette,.ecu-alaune,.pagination-sens{background:var(--etiquette);color:var(--sur-etiquette);border:1.5px dashed currentColor;box-shadow:0 0 0 4px var(--etiquette),0 4px 0 4px rgb(0 0 0 / 28%);font-size:.8rem;font-weight:700;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}
.menu a,.pagination-sens{display:flex;align-items:center;justify-content:center;gap:.6rem;min-height:2.75rem;padding:.3rem 1.1rem;text-align:center}
.menu a:hover,.pagination-sens:hover{text-decoration:underline}
.menu a[aria-current="page"],.ecu-alaune{background:var(--accent);color:var(--sur-accent);box-shadow:0 0 0 4px var(--accent),0 4px 0 4px rgb(0 0 0 / 28%)}
.menu a:focus-visible,.pagination-sens:focus-visible{outline-offset:7px}

/* Accueil : étiquette de rubrique, nom du site */
.principal{flex:1 0 auto;padding:2.75rem 0 1rem}
.ouverture{margin:0 0 3rem;container-type:inline-size}
.etiquette,.ecu-alaune{display:inline-block;margin:0 0 1.1rem 4px;padding:.3rem .9rem;letter-spacing:.14em}
.ouverture-titre{margin:0;font-size:3rem;font-size:clamp(1.25rem,5.1cqi,4rem);font-style:italic;font-weight:800;line-height:1;text-transform:uppercase;text-shadow:.05em .05em 0 var(--accent);overflow-wrap:anywhere}
.vide{padding:2rem;background:var(--doublure);color:var(--sur-doublure)}

/* Le blouson : grille d'écussons ; couleur sur 8 (voisins toujours différents), forme sur 4 */
.blouson{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3rem 2rem}
.ecu{position:relative;display:flex;flex-direction:column;--e:var(--e1);--f:var(--f1)}
.ecu:nth-child(8n+1),.ecu:nth-child(8n+3){--e:var(--e2);--f:var(--f2)}
.ecu:nth-child(8n+4),.ecu:nth-child(8n+6){--e:var(--e3);--f:var(--f3)}
.ecu:nth-child(8n+5),.ecu:nth-child(8n+7){--e:var(--e4);--f:var(--f4)}
.ecu-piece{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;container-type:inline-size}
.ecu-piece::before{content:"";grid-area:1/1;width:100%;aspect-ratio:1}
.ecu-forme,.ecu-rang,.ecu-initiale,.ecu-fenetre{grid-area:1/1}
.ecu-forme,.tete-ecusson{border:6px solid var(--f);outline:2px dashed var(--f);outline-offset:-13px;background:repeating-linear-gradient(135deg,var(--e) 0 3px,color-mix(in srgb,var(--e) 84%,#000) 3px 4px) var(--e);box-shadow:0 3px 0 rgb(0 0 0 / 25%),0 9px 18px -6px rgb(0 0 0 / 55%)}
.ecu-forme{align-self:center;width:86%;height:100%;border-radius:10% 10% 50% 50%/8% 8% 42% 42%}
.ecu-rang,.ecu-initiale,.ecu-fenetre{position:relative}
.ecu-rang{z-index:1;align-self:start;margin-top:11%;padding:0 .3em;color:var(--f);font-size:.75rem;font-weight:800;letter-spacing:.12em;line-height:1.1}
.ecu-rang::before,.ecu-rang::after{content:"";display:inline-block;width:.55rem;height:2px;margin:0 .35rem;vertical-align:.25em;background:currentColor}
.ecu-initiale,.tete-initiale{color:var(--f);font-family:var(--police-titre);font-weight:800;line-height:1;text-shadow:-1px -1px 0 color-mix(in srgb,var(--f) 55%,#fff),1px 1px 0 color-mix(in srgb,var(--f) 70%,#000),2px 2px 0 color-mix(in srgb,var(--f) 55%,#000),2px 5px 6px rgb(0 0 0 / 45%)}
.ecu-initiale{align-self:center;margin-top:-4%;font-size:3rem;font-size:31cqi}
.ecu-fenetre{align-self:center;width:58%;aspect-ratio:1;overflow:hidden;border:2px solid var(--f);border-radius:10% 10% 50% 50%/10% 10% 45% 45%;background:var(--e)}
.ecu-piece:has(.ecu-fenetre) .ecu-rang{background:var(--e)}
.ecu-capture{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0}
.ecu:nth-child(4n+3) :is(.ecu-forme,.ecu-fenetre){border-radius:50%}
.ecu:nth-child(4n+3) .ecu-forme{width:96%;height:96%}
.ecu:nth-child(4n+4) .ecu-forme{width:100%;height:78%;border-radius:15%/19.2%;corner-shape:bevel}
.ecu:nth-child(4n+4) .ecu-rang{margin-top:calc(11% + 1.1rem)}
.ecu:nth-child(4n+4) .ecu-fenetre{aspect-ratio:16/10;border-radius:12%/19.2%;corner-shape:bevel}
.ecu:nth-child(4n+5) .ecu-forme{width:70.7%;height:70.7%;border-radius:12%;rotate:45deg}
.ecu:nth-child(4n+5) .ecu-fenetre{width:41%;border-radius:8%;rotate:45deg}
.ecu:nth-child(4n+5) .ecu-capture{width:141.42%;height:141.42%;max-width:none;margin:-20.71%;rotate:-45deg}
.ecu:nth-child(4n+5) .ecu-rang{margin-top:15%}
.ecu:nth-child(4n+5) .ecu-rang::before,.ecu:nth-child(4n+5) .ecu-rang::after{display:none}

/* Le ruban brodé (titre) ; tout l'écusson mène à l'article */
.ecu-titre{grid-area:2/1;justify-self:stretch;margin:-21% -.5rem 0;font-size:.78rem;font-weight:800;letter-spacing:.02em;line-height:1.15;text-align:center;text-transform:uppercase}
.ecu-lien{display:block;color:var(--e);text-decoration:none}
.ecu-lien::after{content:"";position:absolute;inset:0;z-index:3}
.ecu-lien:focus-visible{outline:0}
.ecu-lien:focus-visible::after{outline:3px solid var(--accent);outline-offset:6px}
.ecu-ruban{display:block;filter:drop-shadow(0 3px 0 rgb(0 0 0 / 30%))}
.ecu-tissu{display:block;padding:.5rem .9rem;background:linear-gradient(90deg,var(--e) 60%,transparent 0) 0 4px/8px 1.5px repeat-x,linear-gradient(90deg,var(--e) 60%,transparent 0) 0 calc(100% - 4px)/8px 1.5px repeat-x,var(--f);clip-path:polygon(0 0,100% 0,calc(100% - .5rem) 50%,100% 100%,0 100%,.5rem 50%);overflow-wrap:anywhere}
.ecu:hover .ecu-tissu{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.15em}
@media (prefers-reduced-motion:no-preference){.ecu-forme,.ecu-rang,.ecu-initiale,.ecu-fenetre,.ecu-ruban{transition:translate .2s ease}}
.ecu:hover :is(.ecu-forme,.ecu-rang,.ecu-initiale,.ecu-fenetre,.ecu-ruban){translate:0 -3px}

/* Sur la toile, sous l'écusson : date, extrait */
.ecu-toile{padding:.9rem .2rem 0;text-align:center}
.ecu-date,.tete-date{margin:0 0 .3rem;color:var(--encre-douce);font-size:.85rem;font-weight:700;font-variant-caps:all-small-caps;letter-spacing:.09em;line-height:1.3}
.ecu-extrait{margin:0;font-size:.875rem;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}

/* La une : grand écusson à coins coupés sur trois colonnes, texte sur les deux autres */
.ecu-une{grid-column:1/-1;display:grid;grid-template-columns:subgrid;align-items:center}
.ecu-une .ecu-piece{grid-column:1/4;grid-template-rows:auto auto auto}
.ecu-une .ecu-piece::before{display:none}
.ecu-une .ecu-forme{grid-area:1/1/3/2;width:100%;height:100%;border-width:8px;border-radius:2.25rem;corner-shape:bevel;outline-offset:-16px}
.ecu-une .ecu-rang{grid-row:1;margin:1.75rem 0 .9rem;font-size:.9rem}
.ecu-une :is(.ecu-fenetre,.ecu-initiale){grid-row:2;margin:0 0 5.5rem}
.ecu-une .ecu-fenetre{width:80%;aspect-ratio:16/9;border-width:3px;border-radius:1rem;corner-shape:bevel}
.ecu-une .ecu-initiale{font-size:9rem;font-size:min(30cqi,11rem);line-height:.9}
.ecu-une .ecu-titre{grid-row:3;justify-self:center;width:92%;margin:-4.25rem 0 0;font-size:1.8rem}
.ecu-une .ecu-tissu{padding:.75rem 2.75rem;background-size:12px 2px,12px 2px,auto;background-position:0 6px,0 calc(100% - 6px),0 0;clip-path:polygon(0 0,100% 0,calc(100% - 1.4rem) 50%,100% 100%,0 100%,1.4rem 50%)}
.ecu-une .ecu-toile{grid-column:4/-1;padding:0;text-align:left}
.ecu-une .ecu-date{font-size:1.1rem}
.ecu-une .ecu-extrait{font-size:1.1rem;line-height:1.55;-webkit-line-clamp:9}

/* Pagination : petits écussons ronds numérotés */
.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.25rem 1.5rem;margin:4rem 0 1rem}
.pagination-pages{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.9rem}
.pagination-pages a,.pagination-courante{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--etiquette);color:var(--sur-etiquette);border:3px solid currentColor;outline:1.5px dashed currentColor;outline-offset:-8px;box-shadow:0 3px 0 rgb(0 0 0 / 30%);font-size:.9rem;font-weight:800;text-decoration:none}
.pagination-courante{background:var(--accent);color:var(--sur-accent)}
.pagination-pages a:hover{text-decoration:underline}
.pagination-pages a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.pagination-precedente::before,.pagination-suivante::after{content:"";width:.45rem;height:.45rem;border:solid currentColor;border-width:2px 2px 0 0;rotate:45deg}
.pagination-precedente::before{rotate:-135deg}

/* Ceinture : étiquette de cuir au centre, deux liens de chaque côté, passants */
.ceinture{margin-top:4.5rem;padding:2.25rem 0}
.ceinture::before{top:.45rem}
.ceinture::after{bottom:.45rem}
.ceinture-int{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:3rem}
.ceinture-int::before,.ceinture-int::after{content:"";position:absolute;top:-2.25rem;bottom:-2.25rem;left:3%;width:1.75rem;border-radius:3px;background:linear-gradient(var(--fil) 0 0) 50% 1.6rem/62% 4px no-repeat,linear-gradient(var(--fil) 0 0) 50% calc(100% - 1.6rem)/62% 4px no-repeat,repeating-linear-gradient(var(--fil) 0 6px,transparent 6px 10px) 4px 0/1.5px 100% no-repeat,repeating-linear-gradient(var(--fil) 0 6px,transparent 6px 10px) calc(100% - 4px) 0/1.5px 100% no-repeat,repeating-linear-gradient(135deg,transparent 0 3px,var(--trame) 3px 4px) var(--toile);box-shadow:0 0 0 1px rgb(0 0 0 / 30%),3px 0 6px rgb(0 0 0 / 45%)}
.ceinture-int::after{left:auto;right:3%}
.cuir{grid-area:1/2/3/3;margin:0;padding:1rem 1.75rem;border-radius:.6rem;background:var(--cuir);color:var(--sur-cuir);text-align:center;outline:1.5px dashed var(--sur-cuir);outline-offset:-7px;box-shadow:inset 0 0 0 1px rgb(0 0 0 / 25%),0 3px 0 rgb(0 0 0 / 35%);text-shadow:0 -1px 0 rgb(0 0 0 / 55%),0 1px 0 rgb(255 255 255 / 12%)}
.cuir-nom{display:block;font-family:var(--police-titre);font-size:1.3rem;font-style:italic;font-weight:800;letter-spacing:.03em;line-height:1.15;text-transform:uppercase;overflow-wrap:anywhere}
.cuir-domaine{display:block;margin-top:.2rem;font-size:.8rem;letter-spacing:.12em;overflow-wrap:anywhere}
.ceinture-liens{grid-area:1/1/3/4;display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;list-style:none;margin:0;padding:0}
.ceinture-liens li:nth-child(-n+2){grid-column:1;justify-self:end}
.ceinture-liens li:nth-child(n+3){grid-column:3;justify-self:start}
.ceinture-liens li:nth-child(odd){grid-row:1}
.ceinture-liens li:nth-child(even){grid-row:2}
.ceinture-liens a{display:inline-flex;align-items:center;min-height:2.75rem}

/* Article et pages : tête sur la toile (grand écusson rond), lecture sur la doublure. Sur ordinateur, l'écusson est cousu
   dans la marge : le titre a toute la largeur de la doublure (un domaine de 27 lettres tient sans coupure). */
.tete{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:1fr auto auto 1fr;grid-template-areas:"ecu ." "ecu date" "ecu titre" "ecu .";column-gap:1.5rem;width:53.5rem;max-width:100%;margin:0 0 2.25rem max(0px,50% - 31.5rem)}
.tete-ecusson{--e:var(--e1);--f:var(--f1);grid-area:ecu;display:grid;place-items:center;width:8rem;height:8rem;border-radius:50%;outline-offset:-14px}
.tete-initiale{font-size:3.75rem}
.tete-date{grid-area:date;margin-bottom:.5rem;font-size:.9rem}
.tete-titre,.decousu-titre{grid-area:titre;margin:0;font-size:clamp(1.5rem,1rem + 1.5vw,2.3rem);font-style:italic;font-weight:800;line-height:1.08;text-transform:uppercase;text-shadow:.05em .05em 0 var(--accent)}
.tete-suite{font-size:.72em;font-weight:400}
.doublure{max-width:44rem;margin:0 auto;padding:2.75rem 3rem;border-radius:.375rem;background:var(--doublure);color:var(--sur-doublure);font-size:1.125rem;line-height:1.7;outline:2px dashed var(--lien);outline-offset:-12px;box-shadow:0 3px 0 rgb(0 0 0 / 20%),0 16px 32px -10px rgb(0 0 0 / 55%)}
.doublure a{color:var(--lien);text-decoration:underline}
.doublure :focus-visible{outline-color:var(--lien)}
.corps>:first-child{margin-top:0}
.corps>:last-child{margin-bottom:0}
.corps p{margin:0 0 1.1em}
.corps h2{margin:2rem 0 .75rem;font-size:1.35rem;font-style:italic;font-weight:800;text-transform:uppercase}
.corps img{display:block;margin:2.25rem auto;border-radius:2px;outline:2px dashed var(--lien);outline-offset:6px}
.corps>p:has(>a){margin:0 0 1.5rem;padding:.65rem 1rem;background:var(--empiecement);color:var(--sur-empiecement);border:1.5px dashed var(--fil);box-shadow:0 0 0 5px var(--empiecement);font-size:.95rem;line-height:1.5;overflow-wrap:anywhere}
.corps>p:has(>a) a{color:var(--fil)}
.corps>p:has(>a) :focus-visible{outline-color:var(--fil)}
.corps>p:has(>a):has(+p>a){margin-bottom:0;border-bottom:0;padding-bottom:.25rem}
.corps>p:has(>a)+p:has(>a){border-top:0;padding-top:.25rem}
.page-contact iframe{margin-top:1.75rem;background:var(--doublure);outline:2px dashed var(--lien);outline-offset:6px}
.page-plan_du_site .tete{width:auto;max-width:72rem;margin:0 auto 2.25rem}
.page-plan_du_site .doublure{max-width:72rem}
.page-plan_du_site .corps ul{list-style:none;margin:0 0 1.75rem;padding:0;columns:3 15rem;column-gap:2.5rem}
.page-plan_du_site .corps li{position:relative;margin:0 0 .3rem;padding-left:1.3rem;break-inside:avoid;font-size:1rem;line-height:1.45}
.page-plan_du_site .corps li::before{content:"";position:absolute;left:.1rem;top:.42em;width:.62rem;height:.62rem;background:linear-gradient(45deg,transparent 40%,var(--lien) 40% 60%,transparent 60%),linear-gradient(-45deg,transparent 40%,var(--lien) 40% 60%,transparent 60%)}
.corps nav ul{display:flex;flex-wrap:wrap;gap:.5rem 1rem;columns:auto}

/* 404 : un écusson décousu, la piqûre seule */
.decousu{max-width:27rem;margin:1rem auto 0;padding:5rem 2.25rem 7.5rem;text-align:center;border:3px dashed var(--accent);border-radius:10% 10% 50% 50%/8% 8% 42% 42%}
.decousu-titre{margin-bottom:1rem}
.decousu-texte{margin:0;font-size:1.05rem}
.retour{margin:2.25rem 0 0;text-align:center}
.retour a{display:inline-flex;align-items:center;min-height:2.75rem;font-weight:700}

/* Tablette : trois colonnes, la une sur deux */
@media (max-width:63.99rem){
.empiecement-int,.ceinture-int,.principal{width:min(100% - 3rem,77.5rem)}
.blouson{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.75rem 1.5rem}
.ceinture-int::before,.ceinture-int::after{display:none}
.ecu-une .ecu-piece{grid-column:1/3}
.ecu-une .ecu-toile{grid-column:3/-1}
.ecu-une .ecu-titre{font-size:1.35rem}
.tete{width:auto;max-width:44rem;margin:0 auto 2.25rem;column-gap:1.75rem}
}

/* Téléphone : deux colonnes d'écussons, menu en trois étiquettes */
@media (max-width:39.99rem){
.empiecement-int,.ceinture-int,.principal{width:calc(100% - 2rem)}
.principal{padding-top:2rem}
.empiecement-int{flex-direction:column;align-items:stretch;gap:1.1rem}
.marque-ecusson{width:3.5rem;height:3.5rem;border-width:4px;outline-offset:-9px}
.marque-image{width:1.75rem;height:1.75rem}
.marque-nom{font-size:clamp(1.05rem,5vw,1.35rem)}
.ouverture-titre{font-size:clamp(1.25rem,6.6vw,2.5rem)}
.menu ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}
.menu a{padding:.3rem .35rem;font-size:.72rem;letter-spacing:.05em}
.blouson{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1rem}
.ecu:nth-child(8n+7){--e:var(--e1);--f:var(--f1)}
.ecu:nth-child(8n+3),.ecu:nth-child(8n+6){--e:var(--e2);--f:var(--f2)}
.ecu:nth-child(8n+1),.ecu:nth-child(8n+4){--e:var(--e3);--f:var(--f3)}
.ecu:nth-child(8n+5),.ecu:nth-child(8n+8){--e:var(--e4);--f:var(--f4)}
.ecu-forme{border-width:5px;outline-offset:-11px}
.ecu-rang::before,.ecu-rang::after{width:.35rem;margin:0 .2rem}
.ecu-titre{margin:-21% -.4rem 0;font-size:.75rem;letter-spacing:0}
.ecu-tissu{padding:.45rem .6rem}
.ecu-extrait{-webkit-line-clamp:2}
.ecu-une .ecu-piece,.ecu-une .ecu-toile{grid-column:1/-1}
.ecu-une .ecu-toile{padding-top:1rem;text-align:center}
.ecu-une :is(.ecu-fenetre,.ecu-initiale){margin-bottom:3.5rem}
.ecu-une .ecu-rang{margin:1.25rem 0 .7rem}
.ecu-une .ecu-titre{width:96%;margin-top:-2.75rem;font-size:1.15rem}
.ecu-une .ecu-tissu{padding:.6rem 1.75rem;clip-path:polygon(0 0,100% 0,calc(100% - .9rem) 50%,100% 100%,0 100%,.9rem 50%)}
.ecu-une :is(.ecu-date,.ecu-extrait){font-size:1rem}
.tete{grid-template-rows:auto auto;grid-template-areas:"ecu date" "titre titre";row-gap:1rem;align-items:center}
.tete-page{grid-template-rows:auto;grid-template-areas:"ecu titre";column-gap:1rem}
.tete-page .tete-ecusson{width:4rem;height:4rem;outline-offset:-9px}
.tete-page .tete-initiale{font-size:1.85rem}
.tete-page .tete-titre{font-size:clamp(1.1rem,5.6vw,1.5rem)}
.tete-ecusson{width:5rem;height:5rem;border-width:4px;outline-offset:-10px}
.tete-initiale{font-size:2.3rem}
.doublure{padding:1.75rem 1.25rem;font-size:1.0625rem;outline-offset:-8px}
.ceinture-int{grid-template-columns:1fr 1fr;row-gap:1.25rem}
.cuir{grid-area:1/1/2/3;justify-self:center}
.ceinture-liens{grid-area:2/1/3/3;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;column-gap:1rem}
.ceinture-liens li:nth-child(n){grid-column:auto;grid-row:auto;justify-self:start}
.decousu{max-width:20rem;padding:4rem 1.25rem 6rem}
.page-plan_du_site .corps li a{display:block;padding:.65rem 0}
.page-plan_du_site .corps li::before{top:1.05rem}
}