/* Indès · site Écoles : édition culturelle, papier, encre et preuves. */
@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url('assets/fonts/fraunces.woff2') format('woff2')}
@font-face{font-family:'Host Grotesk';font-style:normal;font-weight:100 900;font-display:swap;src:url('assets/fonts/host-grotesk-latin.woff2') format('woff2')}
@font-face{font-family:'Host Grotesk';font-style:normal;font-weight:100 900;font-display:swap;src:url('assets/fonts/host-grotesk-latin-ext.woff2') format('woff2')}
:root{--paper:#f6f1e7;--light:#fcfaf5;--dark-paper:#e8dfd0;--ink:#17212b;--text:#3d4851;--muted:#667078;--red:#963e32;--line:#c8bead;--max:1180px;--serif:Fraunces,Georgia,serif;--sans:'Host Grotesk',Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--text);font:400 1.05rem/1.7 var(--sans);overflow-x:clip}img{display:block;height:auto;max-width:100%}a{color:var(--ink);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--red)}::selection{background:var(--red);color:white}:focus-visible{outline:2px solid var(--red);outline-offset:4px}
h1,h2{color:var(--ink);font-family:var(--serif);font-weight:650;letter-spacing:-.035em;line-height:1.02}h1{font-size:clamp(3rem,1.8rem + 4.3vw,5.65rem)}h2{font-size:clamp(2.1rem,1.3rem + 2.6vw,3.65rem)}h1 em,h2 em{color:var(--red);font-style:italic}h3{color:var(--ink);font:650 clamp(1.35rem,1.1rem + .65vw,1.7rem)/1.15 var(--serif);letter-spacing:-.02em}h4{color:var(--ink);font-size:.76rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}p{margin-bottom:1.1rem}p:last-child{margin-bottom:0}strong{color:var(--ink);font-weight:700}.wrap{margin:auto;max-width:var(--max);padding:0 30px}section{padding:clamp(4.3rem,3rem + 5vw,8.2rem) 0}.bg-2{background:var(--dark-paper)}.bg-light{background:var(--light)}.shead{border-top:1px solid var(--line);margin:0 0 clamp(2.5rem,1.7rem + 2vw,4.2rem);max-width:850px;padding-top:1.05rem}.eyebrow,.idx,.tl-y,.spec h4,.ag .d,.footer h4{color:var(--red);font-size:.73rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.eyebrow{margin-bottom:1.25rem}.lead{color:var(--text);font-size:clamp(1.1rem,1rem + .35vw,1.27rem);line-height:1.58}
/* Navigation opaque, sans chrome logiciel. */
.nav{background:var(--light);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:60}.nav-in{align-items:center;display:flex;gap:1.5rem;justify-content:space-between;margin:auto;max-width:var(--max);padding:1rem 30px}.brand{color:var(--ink);display:inline-block;font:700 1.5rem/1 var(--serif);letter-spacing:-.045em;text-decoration:none;white-space:nowrap}.brand:hover{color:var(--ink)}.brand span{color:var(--red)}.brand .bsub{color:var(--muted);font:650 .65rem var(--sans);letter-spacing:.15em;margin-left:.65rem;text-transform:uppercase}.nav-links{align-items:center;display:flex;gap:1.65rem;list-style:none}.nav-links a{color:var(--text);font-size:.91rem;font-weight:560;text-decoration:none}.nav-toggle{background:none;border:0;color:var(--ink);cursor:pointer;display:none}
/* Hero : sujet réel et photo réelle, sans halo ni carte. */
.hero{background:var(--light);padding-top:clamp(3rem,2rem + 4vw,6rem)}.hero-grid{align-items:start;display:grid;gap:clamp(2rem,1rem + 5vw,6.4rem);grid-template-columns:1.13fr .87fr}.hero h1{margin-bottom:1.35rem;max-width:790px}.hero .lead{margin-bottom:1.65rem;max-width:650px}.creds{border-left:2px solid var(--red);color:var(--muted);display:grid;font-size:.88rem;gap:.28rem;line-height:1.5;margin-top:1.7rem;padding-left:1rem}.creds span{display:block}.hero-media{border-top:1px solid var(--ink);padding-top:.75rem}.hero-media img{max-height:675px;object-fit:cover;object-position:50% 14%;width:100%}.credit{border-top:1px solid var(--line);color:var(--muted);display:block;font-size:.77rem;line-height:1.48;margin-top:.8rem;padding-top:.7rem}.credit:before{color:var(--red);content:'Crédit photo · ';font-size:.67rem;font-weight:750;letter-spacing:.11em;text-transform:uppercase}
.btn-row{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2rem}.btn{align-items:center;border:1px solid var(--ink);display:inline-flex;font-size:.92rem;font-weight:700;gap:.55rem;justify-content:center;line-height:1;padding:.95rem 1.15rem;text-decoration:none}.btn-primary{background:var(--ink);color:white}.btn-primary:hover{background:var(--red);color:white}.btn-ghost{background:transparent}.nav-cta{padding:.67rem .9rem}.cta-sub{color:var(--muted);display:block;font-size:.84rem;line-height:1.5;margin-top:1rem}
/* Un sommaire factuel, non des métriques de landing page. */
.stats{border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.stat{padding:1.5rem 1.4rem 1.65rem 0}.stat+.stat{border-left:1px solid var(--line);padding-left:1.4rem}.stat .n{color:var(--ink);display:block;font:650 clamp(1.65rem,1.1rem + 1.6vw,2.5rem)/1.08 var(--serif);letter-spacing:-.035em}.stat .n-mot{font-size:clamp(1.4rem,1.1rem + .7vw,1.8rem)}.stat .l{color:var(--muted);display:block;font-size:.85rem;line-height:1.45;margin-top:.55rem}
/* Chapitres éditoriaux et non cartes interchangeables. */
.g3{display:grid;gap:0;grid-template-columns:repeat(3,1fr)}.card{display:flex;flex-direction:column}.claims .card{border-left:1px solid var(--line);padding:0 1.65rem}.claims .card:first-child{border-left:0;padding-left:0}.claims .idx{display:block;margin-bottom:1.05rem}.claims h3{margin-bottom:.8rem}.claims p{font-size:.98rem;line-height:1.62}.band{background:var(--ink);padding:0}.band img{width:100%}.band .credit{color:#d8d0c4;margin:0 auto;max-width:var(--max);padding:.85rem 30px 1rem}.band .credit:before{color:#e6a398}
.split{align-items:center;display:grid;gap:clamp(2.5rem,1.4rem + 4vw,5.2rem);grid-template-columns:.95fr 1.05fr}.split.rev{grid-template-columns:1.05fr .95fr}.split figure{margin:0}.split figure img{max-height:650px;object-fit:cover;width:100%}.split h2{margin-bottom:1.2rem}.split .lead{margin-bottom:1.55rem}.dots{display:grid;gap:1.15rem;list-style:none;margin-top:1.65rem}.dots li{border-top:1px solid var(--line);padding:1rem 0 0 2rem;position:relative}.dots li:before{color:var(--red);content:'—';font:1.5rem var(--serif);left:0;position:absolute;top:.47rem}.tl{border-top:1px solid var(--line);display:grid;margin-top:1.7rem}.tl-item{border-bottom:1px solid var(--line);display:grid;gap:1.25rem;grid-template-columns:11.2rem 1fr;padding:1rem 0}.tl-y{line-height:1.4;padding-top:.2rem}.tl-item p{font-size:.96rem;line-height:1.58;margin:0}
/* Références : index documenté de réalisations. */
.agenda{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 2.8rem;margin-top:.4rem}.ag{border-bottom:1px solid var(--line);display:grid;gap:1rem;grid-template-columns:8.5rem 1fr;padding:1.2rem 0}.ag .t{font-size:.96rem;line-height:1.56}.cara{border-top:1px solid var(--line);padding-top:.7rem}.cara+.cara{border-left:1px solid var(--line);padding-left:1.4rem}.cara img{aspect-ratio:3/2;object-fit:cover;width:100%}.cara-t{display:flex;flex:1;flex-direction:column;padding-top:1.15rem}.cara-t h3{margin-bottom:.65rem}.cara-t p{flex:1;font-size:.93rem;line-height:1.58}.cara-c{border-top:1px solid var(--line);color:var(--muted);display:block;font-size:.74rem;line-height:1.45;margin-top:.6rem;padding-top:.65rem}.pquote{border-bottom:1px solid var(--line);border-top:1px solid var(--line);margin:clamp(3rem,2rem + 2.4vw,4.6rem) auto 0;max-width:960px;padding:2.3rem 0;text-align:center}.pquote blockquote{color:var(--ink);font:600 clamp(1.45rem,1rem + 1.35vw,2.15rem)/1.3 var(--serif);letter-spacing:-.025em}.pquote .src{color:var(--muted);display:block;font-size:.84rem;margin-top:1.2rem}
.specs{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.spec{border-bottom:1px solid var(--line);padding:1.35rem 1.5rem 1.55rem 0}.spec:nth-child(3n+2),.spec:nth-child(3n){border-left:1px solid var(--line);padding-left:1.5rem}.spec h4{margin-bottom:.75rem}.spec p{font-size:.94rem;line-height:1.58;margin:0}.ctapanel{background:var(--ink);color:#e9e2d5;padding:clamp(2.6rem,1.8rem + 3vw,4.4rem) clamp(1.4rem,1rem + 2.8vw,3.5rem);text-align:center}.ctapanel h2{color:white;margin:auto;max-width:850px}.ctapanel p{color:#d9d1c4;margin:1.3rem auto 0;max-width:660px}.ctapanel .btn-row{justify-content:center}.ctapanel .btn-primary{background:white;color:var(--ink)}.ctapanel .btn-primary:hover{background:#eadad5;color:var(--ink)}.ctapanel .cta-sub{color:#d9d1c4}.ctapanel .cta-sub a{color:white}
.footer{background:var(--dark-paper);border-top:1px solid var(--line);padding:3.8rem 0 2.3rem}.footer-grid{display:grid;gap:2.6rem;grid-template-columns:1.7fr 1fr 1fr}.footer .fdesc{color:var(--muted);font-size:.94rem;margin-top:.95rem;max-width:24rem}.footer h4{margin-bottom:1rem}.footer nav a,.footer .fcol a{color:var(--text);display:block;font-size:.92rem;margin-bottom:.55rem}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);display:grid;font-size:.77rem;gap:.7rem;line-height:1.58;margin-top:2.8rem;padding-top:1.4rem}
@media(max-width:980px){.hero-grid,.split,.split.rev{grid-template-columns:1fr}.hero-media{max-width:540px}.split figure{order:2}.g3{gap:1.7rem;grid-template-columns:1fr}.claims .card,.claims .card:first-child{border-left:0;border-top:1px solid var(--line);padding:1.5rem 0 0}.tl-item{grid-template-columns:1fr;gap:.35rem}.agenda,.specs{grid-template-columns:1fr}.cara+.cara,.spec:nth-child(3n+2),.spec:nth-child(3n){border-left:0;padding-left:0}}@media(max-width:740px){body{font-size:1rem}.wrap{padding:0 20px}.nav-in{padding:.85rem 20px}.nav-links{align-items:stretch;background:var(--light);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:1rem;inset:62px 0 auto;padding:1.25rem 20px;position:fixed;transform:translateY(-160%);transition:transform .2s ease}.nav-links.open{transform:translateY(0)}.nav-toggle{display:inline-flex}.nav-links .nav-cta{justify-content:center}.brand .bsub{display:none}.btn-row .btn{width:100%}.stats{grid-template-columns:1fr}.stat,.stat+.stat{border-left:0;border-top:1px solid var(--line);padding:1.2rem 0}.stat:first-child{border-top:0}.band .credit{padding-left:20px;padding-right:20px}.footer-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
