/* POLICES : déposer les fichiers dans le dossier fonts/ (voir LISEZMOI.md) */
@font-face{font-family:Fantome;font-weight:400;font-display:swap;src:url(../fonts/Fantome-Regular.woff2) format("woff2"),url(../fonts/Fantome-Regular.otf) format("opentype"),url(../fonts/Fantome-Regular.ttf) format("truetype")}
@font-face{font-family:Latitude;font-weight:400;font-display:swap;src:url(../fonts/Latitude-Regular.woff2) format("woff2"),url(../fonts/Latitude-Regular.otf) format("opentype"),url(../fonts/Latitude-Regular.ttf) format("truetype")}
@font-face{font-family:Latitude;font-weight:700;font-display:swap;src:url(../fonts/Latitude-Bold.woff2) format("woff2"),url(../fonts/Latitude-Bold.otf) format("opentype"),url(../fonts/Latitude-Bold.ttf) format("truetype")}
@font-face{font-family:Sligoil;font-weight:400;font-display:swap;src:url(../fonts/SligoilMicro-Regular.woff2) format("woff2"),url(../fonts/SligoilMicro-Regular.otf) format("opentype"),url(../fonts/SligoilMicro-Regular.ttf) format("truetype")}

:root{--bg:#fbfbfc;--ink:#0a0a0a;--rouge:#d3131b;
--fantome:Fantome,Impact,"Arial Narrow",sans-serif;--lat:Latitude,Georgia,"Times New Roman",serif;
--sli:Sligoil,ui-monospace,Menlo,Consolas,monospace;
--gl:"Noto Sans Symbols 2","Segoe UI Symbol","Apple Symbols",Sligoil,sans-serif;
--marge:clamp(1.25rem,4.5vw,5rem);
/* IMAGE D'ACCUEIL : largeur et proportions (ratio « auto » = image entière, sans recadrage) */
--bandeau-largeur:68%;--bandeau-ratio:auto}
*{box-sizing:border-box}
html{background:var(--bg);color:var(--ink)}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;padding:0 var(--marge);font:.8rem/1.5 var(--lat)}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:1px solid var(--rouge);outline-offset:3px}
main{flex:1;padding:6rem 0 4rem}
.meta{margin:0;font-family:var(--sli);font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;line-height:1.6}
.g{font-family:var(--gl);font-size:.8em}
.rouge{color:var(--rouge)}

/* En-tête et menu (légèrement déstructuré, toujours lisible) */
.entete{display:flex;justify-content:space-between;align-items:flex-start;padding-top:1.6rem}
.logo{font:400 1.2rem/.9 var(--fantome);text-transform:uppercase}
.entete nav{width:min(62vw,54rem)}
nav ul{list-style:none;margin:0;padding:0;display:flex;justify-content:space-between}
nav li{font-family:var(--sli);font-size:.72rem;letter-spacing:.09em;transform:translateY(var(--dy,0))}
nav li:nth-child(2){--dy:.5rem}nav li:nth-child(3){--dy:.3rem}nav li:nth-child(4){--dy:.9rem}
nav a{position:relative;display:inline-block}
nav a[aria-current]::after{content:"✦";position:absolute;left:50%;top:1.7em;transform:translateX(-50%);color:var(--rouge);font:.8rem var(--gl)}

/* Pied de page */
.pied{display:flex;gap:2.5rem;padding:3rem 0 1.6rem}

/* Accueil : affiche */
body.accueil .entete{display:block}
.grand{margin:0;font:400 clamp(3rem,12.6vw,13.5rem)/.86 var(--fantome);text-transform:uppercase}
body.accueil nav{width:100%;margin-top:2rem}
body.accueil nav li:nth-child(1){--dy:1.5rem}body.accueil nav li:nth-child(2){--dy:2.2rem}
body.accueil nav li:nth-child(3){--dy:0}body.accueil nav li:nth-child(4){--dy:2.4rem}body.accueil nav li:nth-child(5){--dy:.2rem}
body.accueil nav a[aria-current]::after{display:none}
main.accueil{padding-top:6.5rem}
.bandeau{display:block;width:var(--bandeau-largeur);aspect-ratio:var(--bandeau-ratio);object-fit:cover}
.etat{margin-top:1.6rem;font-size:.85rem;text-transform:none}
.etat a{font-family:var(--lat);font-size:1.1rem;letter-spacing:0;text-decoration:underline;text-underline-offset:.25em}

/* Index : constellation de titres */
main.index{padding-left:clamp(0rem,18vw,22rem)}
.cat{display:none}
.constellation{list-style:none;margin:0;padding:2rem 0 0}
.constellation li{margin:0 0 1.2rem;padding-left:calc(var(--x)*1%)}
.titre{font:400 clamp(.85rem,1.45vw,1.15rem)/1.2 var(--lat)}
.titre::after{content:attr(data-g);margin-left:.7em;font:.6em var(--gl);vertical-align:.2em;opacity:0}
.titre:hover::after,.titre:focus-visible::after{opacity:1}

/* Pages de lecture */
.lecture h1{margin:.6rem 0 .9rem;font:400 clamp(1.15rem,2.2vw,1.65rem)/1.1 var(--lat)}
.nouvelle{margin-left:clamp(0rem,14vw,16rem)}
.corps{display:grid;grid-template-columns:8rem minmax(0,36rem);gap:2rem;margin-top:3rem}
.corps figure{margin:0;grid-column:1;grid-row:1}
.corps img{width:6rem;height:auto;display:block}
.texte{grid-column:2;grid-row:1}
.texte p{margin:0 0 1.5em;font-size:.85rem;line-height:1.6;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.bas{display:flex;justify-content:space-between;margin-top:4rem;gap:2rem}
.poeme{margin-left:clamp(0rem,20vw,24rem);max-width:38rem}
.poeme h1{font-size:clamp(1rem,1.7vw,1.35rem)}
.vers{margin-top:3rem;font-size:.85rem;line-height:1.55}
.strophe{margin:0 0 1.8rem;padding-left:calc(var(--o)*5%)}
.strophe p{margin:0}

/* Fragments */
.frag{width:fit-content;max-width:min(16rem,calc(100% - var(--x)*1%));margin:var(--y) 0 0 calc(var(--x)*1%);font-size:.8rem;line-height:1.45}
.fragments .frag:first-of-type{margin-top:0}
.frag .g{font-size:1rem}

/* Collages */
.annee{margin:3rem 0 2rem}
.mur{display:flex;flex-wrap:wrap;gap:4rem 6%;align-items:flex-start;list-style:none;margin:0 0 5rem;padding:0}
.mur li{width:calc(var(--w)*.65%);margin:calc(var(--y)*1.5rem) 0 0 calc(var(--x)*1%)}
.mur a{position:relative;display:block}
.mur img{display:block;width:100%;height:auto}
.mur a::after{content:attr(data-g);position:absolute;top:0;right:-1.5rem;font:.8rem var(--gl);opacity:0}
.mur a:hover::after,.mur a:focus-visible::after{opacity:1}
.collage{margin-left:clamp(0rem,8vw,9rem)}
.oeuvre{display:block;width:auto;max-width:100%;max-height:85vh;height:auto;margin-top:3rem}

/* Archives */
main.archives{padding-left:clamp(0rem,6vw,8rem)}
.mois{display:grid;grid-template-columns:clamp(6rem,14vw,16rem) 1fr;margin-bottom:3.4rem}
.mois ul{list-style:none;margin:0;padding:0}
.mois li{display:grid;grid-template-columns:minmax(0,26rem) 10rem;align-items:baseline;line-height:1.75}
.mois .titre{font-size:.85rem}
.type{text-transform:none;font-size:.7rem}

/* L'autrice */
main.autrice{padding-left:clamp(0rem,4vw,6rem)}
.autrice .long{max-width:70rem;margin:2.5rem 0;font-size:clamp(.7rem,.9vw,.8rem);line-height:1.75;letter-spacing:.01em;text-transform:none}
.autrice .long p{margin:0}
.contact{font-size:.7rem;line-height:1.8}
.contact a{text-decoration:underline;text-underline-offset:.2em}

.credits{margin-top:5rem}
.credits ul{list-style:none;margin:.9rem 0 0;padding:0}
.credits li{font:.72rem/1.9 var(--sli);letter-spacing:.06em}
.credits a{text-decoration:underline;text-underline-offset:.2em}

/* Mobile : recomposé, jamais un simple desktop réduit */
@media (max-width:700px){
 body{font-size:.85rem}
 main{padding-top:4rem}
 .entete{flex-direction:column;gap:1.4rem}
 .entete nav{width:100%}
 nav ul{flex-wrap:wrap;gap:.6rem 1.3rem;justify-content:flex-start}
 nav li{transform:none!important}
 nav a[aria-current]::after{top:1.6em}
 body.accueil nav{margin-top:1.4rem}
 .bandeau{width:100%;aspect-ratio:auto}
  main.index,.nouvelle,.poeme,.collage,main.archives,main.autrice{margin-left:0;padding-left:0}
 .constellation li{padding-left:calc(var(--x)*.35%)}
 .corps{grid-template-columns:1fr;margin-top:2rem}
 .corps figure,.texte{grid-column:1;grid-row:auto}
 .corps img{width:5rem}
 .texte p,.vers{font-size:.8rem}
 .strophe{padding-left:calc(var(--o)*1.6%)}
 .frag{margin-left:calc(var(--x)*.4%);max-width:calc(100% - var(--x)*.4%)}
 .mur{display:block}
  .mur li{width:calc(var(--w)*1.3%);margin:calc(var(--y)*.5rem) 0 1.6rem calc((100% - var(--w)*1.3%)*var(--x)/6)}
 .mois{grid-template-columns:1fr}
 .mois h2{margin-bottom:.8rem}
 .mois li{grid-template-columns:1fr auto;gap:1rem}
 .bas{flex-wrap:wrap}
 /* Menu mobile : resserré sur les pages intérieures */
 nav ul{position:relative;display:block;height:6.6rem}
 nav li{position:absolute}
 nav li:nth-child(1){left:0;top:0}
 nav li:nth-child(2){left:38%;top:.9rem}
 nav li:nth-child(3){left:6%;top:2.4rem}
 nav li:nth-child(4){left:34%;top:3.5rem}
 nav li:nth-child(5){left:10%;top:4.8rem}
 nav a{display:block;padding:.4rem .8rem .4rem 0}
 /* Menu mobile : plus éparpillé sur l'accueil */
 body.accueil nav ul{height:9.5rem}
 body.accueil nav li:nth-child(1){left:0;top:0}
 body.accueil nav li:nth-child(2){left:50%;top:1.7rem}
 body.accueil nav li:nth-child(3){left:7%;top:4.2rem}
 body.accueil nav li:nth-child(4){left:44%;top:6.2rem}
 body.accueil nav li:nth-child(5){left:14%;top:8.4rem}
 main.accueil{padding:1rem 0 2rem}
 /* Pied de page mobile */
 .pied{gap:0 .9rem;align-items:center;padding:1rem 0 1.4rem;font-size:.66rem}
 .pied a{padding:.6rem 0}
 .pied .g{font-size:1em;line-height:1}
  /* Textes et titres plus petits sur mobile */
 .frag{font-size:.72rem}
 .titre{font-size:.78rem}
 .lecture h1{font-size:1rem}
 .poeme h1{font-size:.9rem}
 .mois .titre{font-size:.78rem}
}

/* Mentions légales */
main.mentions{padding-left:clamp(0rem,4vw,6rem);max-width:56rem}
main.mentions h2{margin:2.4rem 0 .8rem}
main.mentions p{margin:0 0 1rem;font:.72rem/1.8 var(--sli);letter-spacing:.03em}
main.mentions a{text-decoration:underline;text-underline-offset:.2em}
.pied{flex-wrap:wrap}
@media (max-width:700px){main.mentions{padding-left:0}}
main.mentions .credits{margin-top:0}

/* Glyphe séparateur dans une nouvelle */
.texte .sep{text-align:center;margin:2.2rem 0}
.texte .sep .g{font-size:1rem}