.vh-period-page{background:#fff;color:#29252f;padding:150px 20px 64px;}
.vh-period-shell{max-width:1140px;margin:0 auto;}
.vh-period-back{display:inline-flex;align-items:center;min-height:44px;color:#71409b;font-weight:600;margin-bottom:28px;text-decoration:none;}
.vh-period-content{font-size:17px;line-height:1.7;}
.vh-period-hero{position:relative;padding:38px 42px;margin-bottom:30px;border-radius:22px;background:linear-gradient(120deg,#f0e8f6,#faf8fc 75%);border:1px solid #e5d9ee;overflow:hidden;}
.vh-period-hero:after{content:'';position:absolute;right:-70px;top:-100px;width:280px;height:280px;border:35px solid rgba(127,77,171,.05);border-radius:50%;pointer-events:none;}
.vh-period-kicker{color:#7646a0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin:0 0 10px;}
.vh-period-content h1{font-size:clamp(29px,4vw,48px);line-height:1.12;letter-spacing:-.025em;font-weight:700;color:#30213d;margin:0 0 14px;max-width:850px;}
.vh-period-tagline{font-size:clamp(19px,2vw,24px);font-weight:500;margin:0 0 16px;color:#674278;}
.vh-period-dates{display:inline-flex;align-items:center;background:#fff;color:#72469b;padding:5px 13px;border-radius:999px;border:1px solid #e0cee9;font-weight:600;font-size:14px;margin:0 0 18px;}
.vh-period-intro{max-width:900px;margin:0;}
.vh-period-context{max-width:900px;margin:0 0 25px;}
.vh-period-content h2,.vh-period-works h2{font-size:clamp(21px,2.7vw,28px);line-height:1.25;font-weight:650;color:#362443;margin:0 0 18px;}
.vh-period-timeline{list-style:none;display:flex;gap:0;padding:0;margin:0 0 30px;border-top:2px solid #dbc5e9;}
.vh-period-timeline li{flex:1;position:relative;min-width:0;padding:18px 22px 0 0;line-height:1.5;font-size:15px;}
.vh-period-timeline li:before{content:'';position:absolute;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#8550b1;top:-6px;left:0;box-shadow:0 0 0 1px #8550b1;}
.vh-period-timeline strong{display:block;color:#75429a;font-size:20px;margin-bottom:4px;}
.vh-period-cues{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 28px;}
.vh-period-cue{padding:22px;border:1px solid #e6deeb;border-radius:15px;background:#fdfbfd;}
.vh-period-cue-number{display:inline-flex;justify-content:center;align-items:center;border-radius:50%;width:28px;height:28px;background:#efe5f6;color:#75469b;font-size:13px;font-weight:700;margin-bottom:12px;}
.vh-period-cue h3{font-size:18px;font-weight:650;line-height:1.3;margin:0 0 9px;}
.vh-period-cue p{font-size:15px;line-height:1.55;margin:0;}
.vh-period-anecdote{padding:26px 30px;border-radius:16px;background:#f5eef9;border-left:4px solid #8b54b1;margin:0 0 18px;}
.vh-period-anecdote h2{font-size:21px;margin-bottom:10px;}
.vh-period-anecdote p{margin:0;font-size:16px;line-height:1.65;}
.vh-period-nuance{font-size:14px;color:#6e6474;margin:0 0 16px;}
.vh-period-sources{font-size:13px;color:#6c5b79;margin-bottom:35px;}
.vh-period-sources summary{cursor:pointer;min-height:32px;}
.vh-period-sources ul{padding-left:18px;}
.vh-period-sources a{color:#74469b;text-decoration:underline;text-underline-offset:3px;}
.vh-period-works{padding-top:36px;border-top:1px solid #ece5f0;margin-bottom:36px;}
.vh-period-count{display:inline-flex;align-items:center;justify-content:center;font-size:14px;min-width:27px;height:27px;border-radius:50%;background:#efe5f6;color:#75469b;vertical-align:middle;margin-left:5px;}
.vh-period-works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.vh-period-work{border:1px solid #e8e0ed;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;background:#fff;}
.vh-period-work-picture{display:block;overflow:hidden;background:#f4eef8;flex-shrink:0;}
.vh-period-work-image{display:block;width:100%;height:auto;object-fit:contain;object-position:center center;}
.vh-period-work-copy{display:flex;flex-direction:column;flex:1;padding:18px;}
.vh-period-composer{font-size:13px;color:#73677c;margin:0 0 7px;}
.vh-period-work h3{font-size:20px;line-height:1.28;margin:0 0 17px;font-weight:650;}
.vh-period-work h3 a{color:#34263e;text-decoration:none;}
.vh-period-work-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:auto;}
.vh-period-work-actions a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;text-decoration:none;color:#75469b;font-weight:600;}
.vh-period-work-actions .vh-period-listen{padding:0 13px;background:#7c45a6;color:#fff;border-radius:9px;}
.vh-period-coming{align-self:flex-start;color:#795c36;background:#faf1e1;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:650;margin-bottom:10px;}
.vh-period-nav{margin:24px 0 30px;padding:20px 22px;background:#faf7fc;border:1px solid #e5daec;border-radius:15px;}
.vh-period-nav>p{font-size:14px;font-weight:650;color:#574163;margin:0 0 10px;}
.vh-period-nav ol{display:flex;flex-wrap:wrap;gap:9px;padding:0;margin:0;list-style:none;}
.vh-period-nav a{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:6px 12px;font-size:13px;color:#744498;border:1px solid #dac7e8;border-radius:9px;text-decoration:none;background:#fff;line-height:1.3;}
.vh-period-nav a>span{font-size:11px;color:#a389b7;}
.vh-period-nav a[aria-current=page]{background:#7e49a5;border-color:#7e49a5;color:#fff;}
.vh-period-nav a[aria-current=page]>span{color:#e4d6ef;}
.vh-period-badge{display:inline-flex;align-items:center;min-height:32px;max-width:100%;border-radius:7px;font-size:12px;line-height:1.35;color:#74449b;background:#f1e8f8;padding:5px 9px;margin:0 0 9px;text-decoration:none;border:1px solid transparent;}
.vh-period-badge:hover{background:#e8daf3;border-color:#d8c0e8;}
.vh-period-page a:focus-visible,.vh-period-nav a:focus-visible,.vh-period-badge:focus-visible{outline:3px solid #9466b6;outline-offset:3px;}
@media(max-width:767px){.vh-period-page{padding:122px 16px 40px;}.vh-period-hero{padding:25px 22px;border-radius:17px;}.vh-period-content{font-size:16px;}.vh-period-cues{grid-template-columns:1fr;gap:12px;}.vh-period-cue{padding:18px;}.vh-period-cue-number{float:left;margin:0 12px 10px 0;}.vh-period-works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}.vh-period-nav{padding:17px;}.vh-period-anecdote{padding:22px;}.vh-period-timeline li{padding-right:12px;font-size:13px;}.vh-period-timeline strong{font-size:18px;}}
@media(max-width:480px){.vh-period-works-grid{grid-template-columns:1fr;}.vh-period-timeline{flex-direction:column;border-top:0;border-left:2px solid #dbc5e9;margin-left:5px;}.vh-period-timeline li{padding:0 0 20px 20px;}.vh-period-timeline li:last-child{padding-bottom:0;}.vh-period-timeline li:before{left:-6px;top:8px;}.vh-period-timeline strong{font-size:19px;}.vh-period-nav ol{flex-direction:column;}.vh-period-nav a{display:flex;}}

/* Preserve the existing catalogue ordering after splitting card links. */
.container:has(#filter-form) > .grid > .group:has(> .vh-period-linked-card > a img[src*="/photo-catalogue-prochainement-"]){order:1;}
.vh-period-sources a{overflow-wrap:anywhere;}