/* PRÉ-SCRIPTUM : direction éditoriale 2026. */
:root{
  --navy:#142b3b;--navy2:#172f40;--ivory:#fbfcfa;--cream:#e7eeed;
  --gold:#d44735;--gold-bright:#e86b54;--gold-text:#b63427;--anth:#233540;
  --sky:#dce8e7;--font-display:Arial,Helvetica,sans-serif;
  --font-sub:Arial,Helvetica,sans-serif;--font-text:Arial,Helvetica,sans-serif;
  --ink:#142b3b;--paper:#fbfcfa;--red:#d44735;--mist:#e7eeed;
}
html{scroll-padding-top:82px}
body{background:var(--paper);color:var(--ink);font-family:var(--font-text);line-height:1.6}
::selection{background:var(--red);color:#fff}
a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:4px}
header{background:#fff!important;border-bottom:2px solid var(--ink)!important;box-shadow:none!important}
.nav{max-width:1480px;min-height:78px;padding:11px 28px;gap:23px}
.brand{gap:10px}.brand-symbol{border:0;background-color:#fff}
.brand-word{font-family:var(--font-display);font-size:20px;font-weight:800;letter-spacing:.075em;color:var(--ink)}
.brand-tagline{font-family:var(--font-sub);font-size:9px;letter-spacing:.11em;color:#596973}
.nav>a:not(.brand){font-family:var(--font-sub);font-weight:700;font-size:13px;color:var(--ink)}
.nav>a:not(.brand):not(.cta):after{height:3px;background:var(--red)}
.nav>a:not(.brand):hover,.nav>a:not(.brand):focus-visible{color:var(--red)}
.nav .cta,.back{background:var(--red);border:2px solid var(--red);border-radius:0;color:#fff!important;padding:12px 16px;font-weight:700}
.nav .cta:hover,.back:hover{background:var(--ink);border-color:var(--ink);color:#fff!important}
.mobile-menu{background:#fff;border-color:var(--ink)}.mobile-menu a{font-family:var(--font-sub);color:var(--ink);border-color:#d1dddc}
.mobile-menu .mobile-cta{background:var(--red);color:#fff}
.menu-toggle{background:#fff;border:2px solid var(--ink);color:var(--ink);font-weight:800}
.read-progress{background:var(--red)!important}
.back-to-top{background:var(--red)!important;border-color:var(--red)!important;color:#fff!important}

/* Accueil : une une de journal, avec les livres comme pièces principales. */
.home .studio-hero{padding:0;background:var(--ink);color:#fff;overflow:hidden;position:relative;isolation:isolate}
.studio-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#ffffff10 calc(25% - 1px),#ffffff10 25%);pointer-events:none;z-index:-1}
.studio-wrap{max-width:1480px;margin:auto;padding:54px 42px 0}
.studio-topline{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff58;border-bottom:1px solid #ffffff58;padding:10px 0;color:#c9d8dc;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:800}
.studio-topline img{width:48px;height:48px;object-fit:contain;background:#fff}
.studio-main{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:36px;align-items:end;padding:58px 0 64px}
.studio-copy{position:relative;z-index:2;padding-bottom:4px}
.studio-kicker{font-size:19px;letter-spacing:.13em;font-weight:900;text-transform:uppercase;color:#ff9a83;margin:0 0 18px}
.studio-hero h1{font-family:var(--font-display);font-size:clamp(58px,7.7vw,116px);line-height:.92;letter-spacing:-.073em;font-weight:900;color:#fff;margin:0 0 30px;max-width:980px}
.studio-hero h1 span{color:#ff8b74;display:block}
.studio-deck{font-size:clamp(17px,1.5vw,22px);line-height:1.52;color:#e2eaeb;max-width:590px;margin:0 0 22px}
.studio-date{display:flex;align-items:center;gap:22px;border-top:2px solid #ffffff8a;border-bottom:2px solid #ffffff8a;padding:14px 0;margin:28px 0;max-width:530px}
.studio-date strong{font-size:clamp(76px,9vw,128px);line-height:.8;letter-spacing:-.09em;color:#ff8b74}
.studio-date span{font-size:21px;line-height:1.25;font-weight:800;text-transform:uppercase;letter-spacing:.13em}
.studio-countdown{font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#ff9a83;margin:0 0 22px}
.studio-actions{display:flex;gap:11px;flex-wrap:wrap}
.studio-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:13px 19px;border:2px solid #fff;font-weight:800;font-size:14px;}
.studio-actions a:first-child{background:var(--red);border-color:var(--red);color:#fff}
.studio-actions a:hover,.studio-actions a:focus-visible{background:#fff;color:var(--ink);transform:translateY(-3px)}
.studio-books{position:relative;display:flex;align-items:end;justify-content:center;gap:15px;padding:90px 0 16px;min-height:630px}
.studio-books:before{content:"07";font-weight:900;line-height:1;font-size:clamp(280px,31vw,530px);letter-spacing:-.13em;color:#ffffff0b;position:absolute;top:-25px;left:-6%;pointer-events:none}
.studio-book{display:block;position:relative;flex:0 0 31%;border:4px solid #fff;background:#fff;box-shadow:12px 20px 0 #0718248c;}
.studio-book:nth-child(1){transform:rotate(-7deg) translateY(24px)}
.studio-book:nth-child(2){transform:rotate(2deg) translateY(-24px);z-index:2}
.studio-book:nth-child(3){transform:rotate(8deg) translateY(15px)}
.studio-book:hover,.studio-book:focus-visible{transform:rotate(0) translateY(-36px) scale(1.05);z-index:3;box-shadow:14px 26px 0 #071824b0}
.studio-book img{display:block;width:100%;height:auto;aspect-ratio:5/8;object-fit:cover}
.studio-book::after{content:attr(data-number);position:absolute;left:0;bottom:-36px;color:#fff;font-size:11px;font-weight:800;letter-spacing:.2em}
.studio-strip{display:flex;gap:24px;align-items:center;justify-content:space-between;background:var(--red);padding:16px max(42px,calc((100vw - 1396px)/2));color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.09em;font-size:13px}
.studio-strip a{border-bottom:2px solid #fff;padding-bottom:3px;white-space:nowrap}.studio-strip a:hover{color:var(--ink);border-color:var(--ink)}
.home .launch-trail{display:none}

/* Sections et cartes : composition modulaire plutôt que cartons institutionnels. */
.home-section,.feature,.origin,.news,.carnet,.contact{padding:100px 36px}
.home-section .wrap,.feature .wrap,.origin .wrap,.news .wrap,.carnet .wrap,.contact .wrap{max-width:1396px}
.section-eyebrow,.event-section .section-kicker,.kicker,.tag{font-family:var(--font-sub);font-weight:900;letter-spacing:.16em;color:var(--red)}
.section-head{grid-template-columns:1fr 1fr;align-items:end;gap:50px}
.section-head h2,.origin h2,.feature-card h2,.contact h2{font-family:var(--font-display);font-size:clamp(46px,5.1vw,76px);font-weight:900;letter-spacing:-.065em;line-height:1.02}
.section-head p{font-family:var(--font-text);font-size:19px;line-height:1.52;color:#465963}
.poles-section{background:#e7eeed;border:0}
.poles{gap:17px}.pole{background:#fff;border:2px solid var(--ink);border-radius:0;padding:24px 18px;min-height:340px;box-shadow:7px 7px 0 #142b3b19}
.pole .num{color:var(--red);font-weight:900;font-size:14px}.pole-icon{border-radius:0;background:#eff4f2;color:var(--ink)}
.pole h3{font-family:var(--font-display);font-size:clamp(24px,2vw,30px);font-weight:900;letter-spacing:-.04em}
.pole p{font-size:15px;color:#465963}.pole a{border-top:2px solid var(--ink);color:var(--ink);font-weight:800}
.pole:hover,.pole:focus-within{background:#fff;box-shadow:12px 12px 0 #d44735;transform:translate(-4px,-4px)}
.pole:hover .pole-icon,.pole:focus-within .pole-icon{background:#f6e7e1;color:var(--red)}
.pole-icon.official-pole{background:#fff}.pole:hover .pole-icon.official-pole{background:#fff}
.publications{background:#fff;color:var(--ink);padding:102px 36px}.publications .wrap{max-width:1396px}
.publications .section-head h2{color:var(--ink)}.publications .section-head p{color:#465963}
.section-brand-row img{width:70px;height:70px}
.books{gap:18px}.book{background:#f5f8f7;border:2px solid var(--ink);padding:13px;box-shadow:6px 6px 0 #d7e3e0}
.book-cover{background:#142b3b}.book-body{padding:22px 10px 10px}.book .tag{color:var(--red);font-weight:900}
.book h3{font-family:var(--font-display);font-size:clamp(27px,2.4vw,37px);font-weight:900;letter-spacing:-.055em;color:var(--ink)}
.book p{color:#465963}.book-link{border-top:2px solid var(--ink);color:var(--red);font-weight:900}
.publication-note{border-color:#adc4c5;color:#465963}
.feature{background:#142b3b}.feature-card{background:#d44735;border:0;color:#fff;padding:64px}
.feature-card h2,.feature-card p{color:#fff}.feature-card .badge{color:#fff;border:2px solid #fff;font-weight:900}
.feature .hero-actions a{border:2px solid #fff;color:#fff}.feature .hero-actions a:hover{background:#fff;color:var(--red)}
.feature-side{background:#e7eeed;padding:64px}.feature-side h3{font-family:var(--font-display);font-weight:900;letter-spacing:-.05em}
.method-list span{font-family:var(--font-sub);color:var(--red);font-weight:900}
.origin{background:#fff}.origin-grid{grid-template-columns:.7fr 1.3fr;gap:8vw}.origin-photo{background:#fff;max-width:460px;box-shadow:18px 18px 0 #e7eeed}
.origin-photo figcaption{background:var(--ink)}.origin h2{color:var(--ink)}.origin p{color:#3b4d56}
.origin-link{background:var(--ink);border:2px solid var(--ink);color:#fff;font-weight:800}.origin-link:hover{background:var(--red);border-color:var(--red)}
.news{background:#142b3b;color:#fff}.news .section-head h2{color:#fff}.news .section-head p{color:#c3d4d6}
.cards{display:block;border-top:2px solid #fff}.news-card,.news-card:first-child{display:grid;grid-template-columns:180px 1fr 150px;gap:26px;min-height:0;background:transparent;color:#fff;border:0;border-bottom:1px solid #ffffff70;padding:26px 0;align-items:center;box-shadow:none}
.news-card h3,.news-card:first-child h3{color:#fff;font-family:var(--font-display);font-size:clamp(23px,2vw,33px);font-weight:900;letter-spacing:-.04em;margin:0}
.news-card p{display:block;grid-column:2;grid-row:2;color:#c3d4d6;font-size:15px;line-height:1.5;margin:0}.news-card .tag,.news-card:first-child .tag{color:#ff9a83;line-height:1.5;font-size:12px;grid-row:1/3}
.news-card a,.news-card:first-child a{color:#fff;font-weight:800;text-align:right;margin:0;padding:0;font-size:13px;grid-column:3;grid-row:1/3}
.news-card:hover{transform:translateX(5px);box-shadow:none}
.carnet{background:#e7eeed;color:var(--ink)}.carnet .section-head h2{color:var(--ink)}
.carnet .section-head .section-eyebrow,.carnet .note .tag{color:var(--red)!important}
.carnet .section-head p,.carnet .note p{color:#465963!important}
.carnet-grid{gap:15px}.carnet .note{background:#fff;border-top:4px solid var(--red);padding:25px;min-height:260px}
.note h3{font-family:var(--font-display);font-size:clamp(24px,2.2vw,34px);font-weight:900;letter-spacing:-.045em;color:var(--ink)}
.note a{color:var(--red);border-bottom:2px solid var(--red);font-weight:800}
.contact{background:var(--red);color:#fff;text-align:left}.contact h2{color:#fff;max-width:900px}
.contact p{color:#fff;max-width:850px;margin:0 0 12px}.contact .section-eyebrow{color:#fff}
.contact .button{background:#fff;color:var(--ink);border:2px solid #fff;font-weight:900}.contact .button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.contact-options{justify-content:flex-start}.contact-options a{border-color:#fff;color:#fff}
footer{background:#0e202e;color:#e0e9e8;border-top:5px solid var(--red)}.footer{max-width:1396px}.footer-word{font-family:var(--font-display);font-weight:900}.footer-legal a,.footer-nav{color:#ff9a83}

/* Lancement : affiche typographique claire et date monumentale. */
.launch-page{background:#fff}.event-hero{background:#e7eeed;color:var(--ink);border-bottom:8px solid var(--red)}
.event-hero .wrap{max-width:1470px;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:45px;padding:80px 42px 95px}
.event-eyebrow{font-size:16px;color:var(--red);font-weight:900;letter-spacing:.16em}.event-eyebrow:before{background:var(--red);height:3px}
.event-hero h1{font-family:var(--font-display);font-size:clamp(62px,6.4vw,102px);font-weight:900;letter-spacing:-.073em;line-height:.95;color:var(--ink);margin:30px 0}
.event-hero .lead{font-family:var(--font-text);font-size:20px;line-height:1.5;color:#3f5360}
.event-date{border-color:var(--ink);border-width:2px;gap:30px}.event-date .day{font-family:var(--font-display);font-weight:900;font-size:clamp(112px,12vw,170px);letter-spacing:-.1em;color:var(--red)}
.event-date .month,.event-date .year{font-family:var(--font-sub);font-weight:900;color:var(--ink)}.event-date .month{font-size:19px}.event-date .year{font-size:30px}
.event-countdown{color:var(--red);font-weight:900;font-size:15px;text-transform:uppercase}
.event-actions a{font-family:var(--font-sub);font-weight:900;border:2px solid var(--ink);color:var(--ink);min-height:54px}
.event-actions a:first-child{background:var(--red);border-color:var(--red);color:#fff}.event-actions a:hover{background:var(--ink);color:#fff}
.launch-cover-stage{gap:12px}.launch-cover-stage a{border:3px solid var(--ink);padding:4px;background:#fff;box-shadow:10px 13px 0 #142b3b27}
.launch-cover-stage a:nth-child(2){transform:translateY(-35px)}.launch-cover-stage a:hover,.launch-cover-stage a:focus-visible{transform:translateY(-45px) rotate(-3deg);box-shadow:14px 18px 0 #d44735}
.event-section{padding:90px 36px}.event-section h2{font-family:var(--font-display);font-size:clamp(46px,5vw,72px);font-weight:900;letter-spacing:-.06em}
.launch-books{gap:15px}.launch-book{border:2px solid var(--ink);background:#fff;box-shadow:7px 7px 0 #e7eeed}
.launch-book:hover,.launch-book:focus-within{box-shadow:10px 10px 0 #d44735}
.launch-book .book-kind{color:var(--red);font-weight:900}.launch-book h3{font-family:var(--font-display);font-weight:900;letter-spacing:-.04em}
.launch-book a{border-top:2px solid var(--ink);font-weight:900}
.event-practical{background:#e7eeed}.event-practical article{border-top:5px solid var(--red);box-shadow:7px 7px 0 #142b3b1e}
.event-practical article:last-child{background:var(--ink);color:#fff}.event-practical h3{font-family:var(--font-display);font-weight:900}
.event-practical article:last-child h3{color:#fff}.event-practical li::marker{color:var(--red)}
.event-contact{background:var(--red);color:#fff}.event-contact h2,.event-contact .section-kicker,.event-contact p{color:#fff}.event-contact .contact-button{background:#fff;border:2px solid #fff;color:var(--ink);font-weight:900}

/* Pages de service, Carnet, à propos et fiches ouvrages. */
.editorial-page,.about-page,.book-page{background:#fff;color:var(--ink);font-family:var(--font-text)}
.editorial-page h1,.editorial-page h2,.editorial-page h3,.about-page h1,.about-page h2,.about-page h3,.book-page h1,.book-page h2,.book-page h3{font-family:var(--font-display);font-weight:900;letter-spacing:-.045em}
.interior{max-width:1220px}.interior h1{font-size:clamp(54px,7vw,96px);line-height:.99;letter-spacing:-.07em;padding-bottom:28px;border-bottom:5px solid var(--red)}
.interior .lead{font-family:var(--font-text);font-size:clamp(22px,2.5vw,32px);font-weight:500;line-height:1.4;color:#39505d}
.service-panel{background:#f1f5f3;border:2px solid var(--ink);box-shadow:8px 8px 0 #d9e7e4}.service-panel h2{font-size:clamp(30px,3vw,42px)}
.service-contact{background:var(--ink);border-left:8px solid var(--red)}.service-cta{background:var(--red);color:#fff;font-weight:900}
.article-body h2{border-left:5px solid var(--red);padding-left:16px}.article-body blockquote{background:#e7eeed;border-left:5px solid var(--red)}
.about-page main{max-width:1230px}.about-page .story{grid-template-columns:.55fr 1.45fr;gap:6vw}.about-page .story-visual{background:#e7eeed;border:0;padding:30px}
.about-page .copy h1,.about-page h1{font-size:clamp(50px,6vw,86px);line-height:1;letter-spacing:-.065em;color:var(--ink)}
.about-page .brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.about-page .founder{background:#e7eeed;border-top:7px solid var(--red)}
.about-page .principles{border-top:5px solid var(--ink)}
.book-page header{border-bottom:2px solid var(--ink)}.book-page .hero{background:var(--ink);color:#fff}
.book-page .hero h1{font-size:clamp(52px,5.8vw,85px);color:#fff;line-height:.99}
.book-page .hero .kicker{color:#ff9a83}.book-page .cover{border:0;background:#fff;padding:6px;box-shadow:14px 14px 0 var(--red)}
.book-page .subtitle{font-family:var(--font-text);font-size:24px;color:#d9e8e7}
.book-page .hero .actions a,.book-page .action a{border-radius:0}
.book-page .hero .actions a:first-child,.book-page .action a:first-child{color:#fff}
.book-page .meta{border-color:#d44735}.book-page .meta strong{color:#fff}
.book-page .detail-card,.book-page .panel{border-color:var(--ink)}

@media(max-width:1100px){.studio-main{grid-template-columns:1fr;gap:5px;padding-top:48px}.studio-books{min-height:0;padding:30px 8vw 75px}.studio-book{max-width:260px}.studio-date strong{font-size:112px}.news-card,.news-card:first-child{grid-template-columns:130px 1fr 135px}.event-hero .wrap{grid-template-columns:1fr}.launch-cover-stage{max-width:780px;margin:0 auto}}
@media(max-width:700px){.nav{padding:8px 18px;min-height:70px}.brand-word{font-size:19px}.studio-wrap{padding:28px 20px 0}.studio-topline{font-size:9px;letter-spacing:.12em}.studio-topline img{width:37px;height:37px}.studio-main{padding:44px 0 0}.studio-kicker{font-size:16px}.studio-hero h1{font-size:clamp(57px,12vw,89px)}.studio-deck{font-size:17px}.studio-date strong{font-size:96px}.studio-date span{font-size:16px}.studio-books{padding:35px 5px 70px;gap:8px}.studio-books:before{font-size:78vw;top:0}.studio-book{flex-basis:31%;border-width:2px}.studio-book:after{bottom:-28px;font-size:9px}.studio-strip{padding:15px 20px;flex-wrap:wrap;gap:8px;font-size:11px}.home-section,.feature,.origin,.news,.carnet,.contact,.publications,.event-section{padding:65px 20px}.section-head{grid-template-columns:1fr;gap:16px}.section-head h2,.origin h2,.feature-card h2,.contact h2{font-size:clamp(45px,10vw,65px)}.poles{grid-template-columns:1fr}.pole,.pole:last-child{min-height:0;grid-column:auto;padding:24px}.books{grid-template-columns:1fr}.feature-grid,.origin-grid{grid-template-columns:1fr}.feature-card,.feature-side{padding:32px 25px}.origin-grid{gap:40px}.origin-photo{margin:0;max-width:330px}.cards{display:block}.news-card,.news-card:first-child{grid-template-columns:1fr;gap:10px;padding:23px 0}.news-card a,.news-card:first-child a{text-align:left}.carnet-grid{grid-template-columns:1fr}.contact{text-align:left}.event-hero .wrap{padding:58px 20px 75px}.event-hero h1{font-size:clamp(56px,11vw,80px)}.event-date .day{font-size:115px}.event-date .month{font-size:16px}.launch-cover-stage{gap:6px}.event-practical-grid,.launch-books{grid-template-columns:1fr}.about-page .story{grid-template-columns:1fr}.interior h1{font-size:clamp(48px,11vw,70px)}}
@media(max-width:390px){.brand-word{font-size:17px}.studio-hero h1{font-size:52px}.studio-date strong{font-size:80px}.studio-actions a{width:100%}.event-hero h1{font-size:49px}.event-date .day{font-size:94px}.event-date{gap:15px}}
@media(max-width:700px){.news-card .tag,.news-card h3,.news-card p,.news-card a,.news-card:first-child a{grid-column:1;grid-row:auto}}