.periode-main{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:34px 0 80px}
.periode-hero{overflow:hidden;border-radius:28px;background:#30211c;box-shadow:0 28px 65px rgba(55,36,27,.16);color:#fff}
.periode-hero.has-image{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)}
.periode-hero__content{display:flex;min-height:410px;flex-direction:column;justify-content:center;padding:clamp(36px,6vw,72px)}
.periode-hero__content>a{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-bottom:42px;color:#ddc7bb;font-size:.8rem;font-weight:900;text-decoration:none}
.periode-hero__content>p{margin:0 0 9px;color:#e4ad78;font-size:.74rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.periode-hero h1{max-width:720px;margin:0;font-family:Georgia,serif;font-size:clamp(2.8rem,6vw,5.4rem);font-weight:500;line-height:1}
.periode-hero__content>strong{margin-top:20px;color:#e7b783}
.periode-hero__content>span{max-width:660px;margin-top:13px;color:rgba(255,255,255,.7);line-height:1.65}
.periode-hero__image{min-height:410px;overflow:hidden}
.periode-hero__image img{display:block;width:100%;height:100%;object-fit:cover}
.periode-admin-actions{display:flex;justify-content:flex-end;margin-top:14px}.periode-admin-actions a{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:9px;background:#087f96;color:#fff;font-size:.76rem;font-weight:900;text-decoration:none}.periode-admin-actions a:hover{background:#056a7e}
.periode-subperiods{margin-top:70px}
.periode-subperiods>header{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:30px}
.periode-subperiods>header p{margin:0 0 8px;color:#8a4f35;font-size:.75rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.periode-subperiods h2{margin:0;color:#2d211d;font-family:Georgia,serif;font-size:clamp(2.3rem,5vw,4rem);font-weight:500}
.periode-subperiods>header>span{max-width:450px;color:#75665f;line-height:1.6}
.periode-subperiods>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.periode-subperiods>div>a{position:relative;display:flex;min-height:230px;flex-direction:column;padding:0;border:1px solid rgba(91,63,50,.14);border-radius:18px;background:#fffdf9;box-shadow:0 12px 30px rgba(55,36,27,.07);color:inherit;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.periode-subperiods>div>a.has-image{display:grid;grid-template-columns:minmax(190px,38%) 1fr;padding:0}
.periode-subperiods>div>a:hover{transform:translateY(-4px);box-shadow:0 19px 40px rgba(55,36,27,.12)}
.periode-subperiods a>figure{margin:0;overflow:hidden;border-radius:17px 0 0 17px;background:#eee4dc}
.periode-subperiods a>figure img{display:block;width:100%;height:100%;min-height:250px;object-fit:cover;transition:transform .4s ease}
.periode-subperiods a:hover>figure img{transform:scale(1.045)}
.periode-subperiods a>div{position:relative;display:flex;flex-direction:column;flex:1;padding:28px}
.periode-subperiods a small{position:absolute;top:23px;right:24px;color:#d4b9aa;font-size:2rem;font-weight:900}
.periode-subperiods a p{margin:0 0 9px;color:#9a6044;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.periode-subperiods a h3{max-width:80%;margin:0;color:#2d211d;font-family:Georgia,serif;font-size:1.8rem;font-weight:500}
.periode-subperiods a span{max-width:88%;margin-top:15px;color:#78675e;line-height:1.55}
.periode-subperiods a em{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:20px;color:#9a6044;font-size:.7rem;font-style:normal;font-weight:900;text-transform:uppercase}
.periode-story{margin-top:70px}.periode-story>header{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:30px}.periode-story>header p,.periode-bibliography>p{margin:0 0 8px;color:#8a4f35;font-size:.75rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.periode-story h2,.periode-bibliography h2{margin:0;color:#2d211d;font-family:Georgia,serif;font-size:clamp(2.3rem,5vw,4rem);font-weight:500}.periode-story>header>span{max-width:450px;color:#75665f;line-height:1.6}.periode-story__intro{margin-bottom:38px;padding:clamp(26px,4vw,44px);border-left:4px solid #b76f48;border-radius:0 18px 18px 0;background:#fffdf9;box-shadow:0 12px 30px rgba(55,36,27,.06)}.periode-story__intro p{max-width:920px;margin:0;color:#51413a;font-family:Georgia,serif;font-size:clamp(1.08rem,2vw,1.28rem);line-height:1.8}.periode-story__intro p+p{margin-top:1.15em}.periode-timeline{position:relative;margin:0;padding:0;list-style:none}.periode-timeline:before{position:absolute;top:20px;bottom:20px;left:31px;width:2px;background:#d7b9a8;content:""}.periode-event{position:relative;display:grid;grid-template-columns:64px 1fr;gap:22px;padding-bottom:28px}.periode-event__marker{position:relative;z-index:1;display:grid;width:64px;height:64px;place-items:center;border:7px solid #f9f5ef;border-radius:50%;background:#8a4f35;color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.08em}.periode-event>article{overflow:hidden;border:1px solid rgba(91,63,50,.14);border-radius:20px;background:#fffdf9;box-shadow:0 12px 30px rgba(55,36,27,.07)}.periode-event.has-image>article{display:grid;grid-template-columns:minmax(230px,34%) 1fr}.periode-event figure{min-height:100%;margin:0;overflow:hidden;background:#ede2d9}.periode-event figure img{display:block;width:100%;height:100%;min-height:310px;object-fit:cover}.periode-event__body{padding:clamp(24px,4vw,38px)}.periode-event__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.periode-event__meta span{color:#9a6044;font-size:.76rem;font-weight:900;text-transform:uppercase}.periode-event__meta em{padding:5px 9px;border-radius:999px;background:#f2e6dc;color:#725142;font-size:.65rem;font-style:normal;font-weight:800;text-transform:uppercase}.periode-event h3{margin:9px 0 12px;color:#2d211d;font-family:Georgia,serif;font-size:clamp(1.65rem,3vw,2.25rem);font-weight:500}.periode-event__body>p{margin:0;color:#65564f;font-size:1rem;line-height:1.7}.periode-event dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0 0}.periode-event dl>div{padding:16px;border-radius:12px;background:#f8f1ea}.periode-event dt{color:#8a4f35;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.periode-event dd{margin:7px 0 0;color:#65564f;font-size:.85rem;line-height:1.55}.periode-event__sources{margin-top:20px;border-top:1px solid rgba(91,63,50,.12);padding-top:14px}.periode-event__sources summary{cursor:pointer;color:#8a4f35;font-size:.75rem;font-weight:900}.periode-event__sources ul{margin:12px 0 0;padding-left:18px}.periode-event__sources li+li{margin-top:6px}.periode-event__sources a{color:#61483c}.periode-bibliography{margin-top:70px;padding:clamp(28px,4vw,44px);border-radius:20px;background:#30211c;color:#fff}.periode-bibliography h2{color:#fff;font-size:clamp(2rem,4vw,3rem)}.periode-bibliography ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 30px;margin:25px 0 0;padding-left:20px}.periode-bibliography li{color:#e4ad78}.periode-bibliography a{color:#fff;text-underline-offset:3px}.periode-bibliography li span{display:block;margin-top:4px;color:#cbb8af;font-size:.75rem}
.periode-powers{margin-top:70px}
.periode-powers>header{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:30px}
.periode-powers>header p{margin:0 0 8px;color:#8a4f35;font-size:.75rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.periode-powers h2{margin:0;color:#2d211d;font-family:Georgia,serif;font-size:clamp(2.3rem,5vw,4rem);font-weight:500}
.periode-powers>header>span{max-width:440px;color:#75665f;line-height:1.6}
.periode-power-groups{display:grid;gap:30px}.periode-power-group>header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid rgba(91,63,50,.14)}.periode-power-group>header h3{margin:0;color:#3b2b24;font-family:Georgia,serif;font-size:1.65rem;font-weight:500}.periode-power-group>header p{max-width:460px;margin:0;color:#78675e;line-height:1.5;text-align:right}.periode-power-group--couronne>header{border-bottom-color:rgba(151,105,31,.3)}.periode-power-group--gouvernement>header{border-bottom-color:rgba(47,82,120,.25)}.periode-leaders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.periode-leaders>article{display:grid;grid-template-columns:145px 1fr;min-height:210px;overflow:hidden;border:1px solid rgba(91,63,50,.14);border-radius:18px;background:#fffdf9;box-shadow:0 12px 30px rgba(55,36,27,.07)}
.periode-leader__visual{display:grid;place-items:center;overflow:hidden;background:#ede2d9;color:#8a4f35}
.periode-leader__visual img{display:block;width:100%;height:100%;object-fit:cover}
.periode-leader__visual>i{font-size:2.2rem}
.periode-leaders>article>div:last-child{display:flex;flex-direction:column;padding:23px}
.periode-leaders p{margin:0 0 7px;color:#9a6044;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.periode-leaders h3{margin:0;color:#2d211d;font-family:Georgia,serif;font-size:1.55rem;font-weight:500}
.periode-leaders h3 a{color:inherit;text-decoration-color:#d2a48b;text-underline-offset:4px}.periode-leaders h3 a:hover{color:#8a4f35}.periode-leaders h3 i{margin-left:5px;font-size:.66rem}.periode-leaders>article.has-profile{transition:transform .2s ease,box-shadow .2s ease}.periode-leaders>article.has-profile:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(55,36,27,.11)}
.periode-leaders strong{margin-top:6px;color:#695149;font-size:.8rem}
.periode-leaders span{margin-top:10px;color:#9a6044;font-size:.76rem;font-weight:900}
.periode-leaders small{margin-top:12px;color:#78675e;line-height:1.5}
.periode-empty,.periode-state{display:grid;place-items:center;min-height:280px;padding:35px;border:1px solid rgba(91,63,50,.14);border-radius:18px;background:#fffdf9;text-align:center}
.periode-empty i,.periode-state i{color:#8a4f35;font-size:2.1rem}
.periode-empty h3,.periode-state h1{color:#2d211d}
.periode-state{min-height:500px}
.periode-state a{color:#8a4f35;font-weight:900}
@media(max-width:850px){.periode-hero.has-image{grid-template-columns:1fr}.periode-hero__image{grid-row:1;min-height:260px;max-height:360px}.periode-powers>header,.periode-power-group>header,.periode-subperiods>header,.periode-story>header{display:block}.periode-hero__content{min-height:auto}.periode-powers>header>span,.periode-subperiods>header>span,.periode-story>header>span{display:block;margin-top:12px}.periode-power-group>header p{margin-top:7px;text-align:left}.periode-leaders,.periode-subperiods>div,.periode-bibliography ul{grid-template-columns:1fr}.periode-event.has-image>article{grid-template-columns:1fr}.periode-event figure{max-height:330px}}
@media(max-width:560px){.periode-main{width:min(100% - 24px,1180px);padding-top:18px}.periode-hero__content{padding:30px 24px}.periode-leaders>article{grid-template-columns:1fr}.periode-leader__visual{height:210px}.periode-subperiods>div>a.has-image{grid-template-columns:1fr}.periode-subperiods a>figure{height:220px;border-radius:17px 17px 0 0}.periode-subperiods a>figure img{min-height:220px}.periode-timeline:before{left:20px}.periode-event{grid-template-columns:42px 1fr;gap:10px}.periode-event__marker{width:42px;height:42px;border-width:5px}.periode-event__body{padding:22px 18px}.periode-event dl{grid-template-columns:1fr}}