@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Inter:wght@400;500;600&display=swap');
:root{--night:#04141b;--ivory:#f1eadf;--gold:#cba761;--line:rgba(203,167,97,.28);--muted:#aeb6b5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--ivory);font-family:Inter,Arial,sans-serif}.mdl-cahiers-nav{height:78px;position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,110px);background:rgba(2,12,17,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.mdl-cahiers-nav>a{display:grid;color:var(--gold);text-decoration:none;letter-spacing:.14em}.mdl-cahiers-nav>a span{font:500 21px/1 "Cormorant Garamond",serif}.mdl-cahiers-nav>a small{font-size:8px;margin-top:6px}.mdl-cahiers-nav nav{display:flex;gap:32px}.mdl-cahiers-nav nav a{color:#e8e1d6;text-decoration:none;text-transform:uppercase;letter-spacing:.17em;font-size:9px}.mdl-cahiers-hero{min-height:92svh;padding:clamp(145px,18vh,220px) clamp(25px,10vw,190px) 90px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(90deg,rgba(2,12,17,.98),rgba(2,12,17,.55) 58%,rgba(2,12,17,.18)),url('../../img/home/editorial/source-collection.webp') center/cover fixed no-repeat}.mdl-cahiers-hero>span,.mdl-cahiers-intro small,.mdl-cahiers-circle>span{color:var(--gold);font-size:9px;letter-spacing:.28em;text-transform:uppercase}.mdl-cahiers-hero h1{font:400 clamp(72px,10vw,168px)/.72 "Cormorant Garamond",serif;letter-spacing:-.065em;margin:30px 0;color:#f4eee4}.mdl-cahiers-hero p{max-width:650px;font:400 clamp(19px,1.5vw,25px)/1.55 "Cormorant Garamond",serif;color:#d0ccc4}.mdl-cahiers-hero a,.mdl-cahiers-circle a{display:inline-flex;width:max-content;gap:35px;margin-top:28px;padding:18px 24px;border:1px solid var(--gold);color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.18em;font-size:9px}.mdl-cahiers-intro{padding:clamp(90px,11vw,170px) clamp(25px,9vw,170px);display:grid;grid-template-columns:1.1fr .9fr;gap:10vw;background:#eee8dc;color:#102027}.mdl-cahiers-intro h2{font:400 clamp(50px,6vw,105px)/.84 "Cormorant Garamond",serif;letter-spacing:-.05em;margin:20px 0 0}.mdl-cahiers-intro p{align-self:end;font:400 20px/1.7 "Cormorant Garamond",serif;color:#52605d}.mdl-cahiers-grid{padding:0 clamp(25px,7vw,130px) clamp(100px,12vw,180px);display:grid;grid-template-columns:1fr 1fr;background:#eee8dc;color:#102027}.mdl-cahiers-grid article{min-height:570px;padding:clamp(35px,5vw,75px);border-top:1px solid rgba(16,32,39,.2);border-right:1px solid rgba(16,32,39,.14)}.mdl-cahiers-grid article:nth-child(2n){border-right:0}.mdl-cahiers-grid b{font:400 42px "Cormorant Garamond",serif;color:#aa8140}.mdl-cahiers-grid small{display:block;margin:45px 0 15px;color:#96723a;text-transform:uppercase;letter-spacing:.22em;font-size:9px}.mdl-cahiers-grid h2{font:400 clamp(35px,3.2vw,57px)/.95 "Cormorant Garamond",serif;letter-spacing:-.035em;margin:0 0 24px}.mdl-cahiers-grid p{font:400 18px/1.72 "Cormorant Garamond",serif;color:#53605d}.mdl-cahiers-grid dl{margin-top:38px;border-top:1px solid rgba(16,32,39,.15);padding-top:22px}.mdl-cahiers-grid dt{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#96723a}.mdl-cahiers-grid dd{margin:10px 0 0;font:italic 17px/1.55 "Cormorant Garamond",serif}.mdl-cahiers-circle{text-align:center;padding:clamp(100px,12vw,190px) 25px;background:radial-gradient(circle at 50% 0,rgba(203,167,97,.13),transparent 35%),#04141b}.mdl-cahiers-circle h2{font:400 clamp(58px,8vw,125px)/.8 "Cormorant Garamond",serif;letter-spacing:-.055em;margin:28px 0}.mdl-cahiers-circle p{max-width:680px;margin:auto;color:var(--muted);font:400 20px/1.6 "Cormorant Garamond",serif}.mdl-cahiers-circle a{margin:35px auto 0}@media(max-width:760px){.mdl-cahiers-nav nav{display:none}.mdl-cahiers-hero{background-attachment:scroll;padding-left:24px}.mdl-cahiers-hero h1{font-size:68px}.mdl-cahiers-intro,.mdl-cahiers-grid{grid-template-columns:1fr}.mdl-cahiers-intro{gap:45px}.mdl-cahiers-grid article{min-height:0;border-right:0;padding:55px 20px}.mdl-cahiers-grid small{margin-top:25px}}
.mdl-cahier-objectives,.mdl-cahier-exercise{margin-top:55px;padding:42px;border:1px solid rgba(170,129,64,.3);background:rgba(255,255,255,.32)}.mdl-cahier-objectives ul{padding-left:20px;font:400 18px/1.7 "Cormorant Garamond",serif}.mdl-cahier-objectives li{margin:10px 0}.mdl-cahier-exercise{background:#102027;color:#eee8dc}.mdl-cahier-exercise small{color:#cba761}.mdl-cahier-exercise p{color:#d9d4cb!important}.mdl-cahier-study,.mdl-cahier-selfcheck{margin-top:55px;padding:42px;border-top:1px solid rgba(170,129,64,.35);border-bottom:1px solid rgba(170,129,64,.22)}.mdl-cahier-study ol,.mdl-cahier-selfcheck ul{margin:24px 0 0;padding-left:24px;font:400 18px/1.75 "Cormorant Garamond",serif}.mdl-cahier-study li,.mdl-cahier-selfcheck li{margin:12px 0}.mdl-cahier-selfcheck{background:#e8e0d4;color:#102027}
/* R20.5.6 — Cahiers : header canonique + densité */
.mdl-cahiers-page .mdl-cahiers-nav{display:none!important}
.mdl-cahiers-page .mdl-site-nav{position:relative!important;top:auto!important;left:auto!important;right:auto!important}
.mdl-cahiers-page .mdl-cahiers-hero{
  min-height:min(720px,72svh)!important;
  padding:clamp(105px,12vh,150px) clamp(25px,9vw,170px) 62px!important;
  background-attachment:scroll!important;
}
.mdl-cahiers-page .mdl-cahiers-intro{padding:clamp(64px,7vw,105px) clamp(25px,9vw,150px)!important}
.mdl-cahiers-page .mdl-cahiers-grid{padding-bottom:clamp(72px,8vw,110px)!important}
.mdl-cahiers-page .mdl-cahiers-grid article{min-height:460px!important;padding:clamp(32px,4vw,58px)!important}
.mdl-cahiers-page .mdl-cahiers-circle{padding:72px 25px 82px!important;min-height:0!important}
.mdl-cahiers-page .mdl-cahiers-circle h2{margin:20px 0!important}
.mdl-cahiers-page .mdl-cahiers-circle a{margin-top:26px!important}
@media(max-width:760px){
 .mdl-cahiers-page .mdl-cahiers-hero{min-height:620px!important;padding:110px 24px 48px!important}
 .mdl-cahiers-page .mdl-cahiers-circle{padding:58px 22px 64px!important}
}
