/** OOI Platform — Mémoire des Moments */

.ooi-agenda-history{position:relative;overflow:hidden;padding:clamp(84px,9vw,130px) 0;background:radial-gradient(circle at 78% 34%,rgba(94,62,190,.22),transparent 27%),radial-gradient(circle at 30% 78%,rgba(64,175,199,.11),transparent 30%),#071426;color:#fff}
.ooi-agenda-history__header{display:flex;width:min(100%,1540px);align-items:flex-end;justify-content:space-between;gap:30px;margin:0 auto;padding:0 clamp(24px,5vw,82px)}
.ooi-agenda-history__eyebrow{margin:0 0 12px;color:#80c5cf;font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.ooi-agenda-history__title{margin:0;color:#fff;font-size:clamp(42px,5vw,70px);font-weight:900;line-height:1;letter-spacing:-.045em}
.ooi-agenda-history__summary{margin:15px 0 0;color:rgba(255,255,255,.68);font-size:17px;line-height:1.5}
.ooi-agenda-history__controls{display:flex;gap:10px;flex:0 0 auto}
.ooi-agenda-history__controls button{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;border:1px solid rgba(128,197,207,.35);border-radius:50%;background:rgba(7,20,38,.55);color:#80c5cf;font-size:21px;cursor:pointer;transition:.2s ease}
.ooi-agenda-history__controls button:hover,.ooi-agenda-history__controls button:focus-visible{border-color:#80c5cf;background:rgba(128,197,207,.12);transform:translateY(-2px)}

.ooi-agenda-history__rail{--history-card:220px;position:relative;display:flex;width:100%;min-height:610px;gap:72px;overflow-x:auto;overflow-y:hidden;padding:52px max(24px,calc((100vw - 1540px)/2 + 82px)) 28px;cursor:grab;scroll-padding-left:max(24px,calc((100vw - 1540px)/2 + 82px));scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(128,197,207,.35) transparent;user-select:none}
.ooi-agenda-history__rail.is-dragging{cursor:grabbing;scroll-snap-type:none}
.ooi-agenda-history__rail::-webkit-scrollbar{height:5px}.ooi-agenda-history__rail::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(128,197,207,.35)}
.ooi-agenda-history__line{position:absolute;top:320px;left:0;width:max(100%,2500px);height:3px;background:rgba(128,197,207,.2);box-shadow:0 0 12px rgba(128,197,207,.24);pointer-events:none}
.ooi-agenda-history__item{position:relative;flex:0 0 var(--history-card);height:530px;scroll-snap-align:start}
.ooi-agenda-history__item::before{position:absolute;z-index:2;top:267px;right:-72px;left:-72px;height:3px;background:var(--history-year-color,#80c5cf);box-shadow:0 0 13px color-mix(in srgb,var(--history-year-color,#80c5cf) 55%,transparent);content:'';pointer-events:none}
.ooi-agenda-history__item:nth-of-type(3n){--history-card:235px}.ooi-agenda-history__item:nth-of-type(4n){--history-card:205px}
.ooi-agenda-history__card{position:absolute;z-index:5;left:0;width:100%}
.ooi-agenda-history__card-link{position:relative;display:block;color:inherit;text-decoration:none}
.ooi-agenda-history__item--top .ooi-agenda-history__card{top:30px}.ooi-agenda-history__item--bottom .ooi-agenda-history__card{top:300px}
.ooi-agenda-history__poster{position:relative;display:block;overflow:hidden;border:1px solid rgba(128,197,207,.24);border-radius:17px;background:#10243a;aspect-ratio:1/1;box-shadow:0 22px 45px rgba(0,0,0,.3);transition:transform .25s ease,border-color .25s ease}
.ooi-agenda-history__poster img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.ooi-agenda-history__card-link:hover .ooi-agenda-history__poster,.ooi-agenda-history__card-link:focus-visible .ooi-agenda-history__poster{border-color:rgba(128,197,207,.75);transform:translateY(-5px)}.ooi-agenda-history__card-link:hover .ooi-agenda-history__poster img,.ooi-agenda-history__card-link:focus-visible .ooi-agenda-history__poster img{transform:scale(1.035)}
.ooi-agenda-history__month{position:absolute;z-index:5;top:-12px;left:-10px;padding:8px 11px;border-radius:6px;background:#087aa0;color:#fff;font-size:22px;font-weight:950;line-height:1;text-transform:uppercase;box-shadow:0 8px 20px rgba(0,0,0,.35)}
.ooi-agenda-history__item:nth-child(3n+1) .ooi-agenda-history__month{background:#7270ac}.ooi-agenda-history__item:nth-child(4n+1) .ooi-agenda-history__month{background:#e78a2f}
.ooi-agenda-history__people{position:absolute;z-index:6;top:calc(var(--history-card) - 31px);left:20px;display:flex;align-items:center}
.ooi-agenda-history__people a{pointer-events:auto}
.ooi-agenda-history__people .ooi-identity-bubble{margin:0 0 0 -8px}.ooi-agenda-history__people .ooi-identity-bubble:first-child{margin-left:0}
.ooi-agenda-history__more{display:grid;width:42px;height:42px;margin-left:-7px;place-items:center;border:2px solid #7270ac;border-radius:50%;background:#111a3d;color:#fff;font-size:12px;font-weight:900}
.ooi-agenda-history__stem{position:absolute;z-index:3;left:50%;width:2px;background:var(--history-year-color,#80c5cf)}.ooi-agenda-history__item--top .ooi-agenda-history__stem{top:250px;height:19px}.ooi-agenda-history__item--bottom .ooi-agenda-history__stem{top:269px;height:31px}
.ooi-agenda-history__node{position:absolute;z-index:4;top:256px;left:calc(50% - 9px);width:18px;height:18px;border:3px solid var(--history-year-color,#80c5cf);border-radius:50%;background:#071426;box-shadow:0 0 16px var(--history-year-color,#80c5cf)}
.ooi-agenda-history__year{position:absolute;z-index:7;top:220px;left:-36px;padding:4px 14px 7px;background:#071426;color:var(--history-year-color,#80c5cf);font-size:40px;font-weight:950;line-height:1;letter-spacing:-.045em;text-shadow:0 0 22px color-mix(in srgb,var(--history-year-color,#80c5cf) 50%,transparent);transform:translateX(-50%) rotate(-2deg)}
.ooi-agenda-history__year::after{position:absolute;top:100%;left:50%;width:2px;height:13px;background:var(--history-year-color,#80c5cf);box-shadow:0 0 10px var(--history-year-color,#80c5cf);content:''}
.ooi-agenda-history__item:nth-child(4n) .ooi-agenda-history__poster{transform:rotate(1.2deg)}
.ooi-agenda-history__item:nth-child(4n+2) .ooi-agenda-history__poster{transform:rotate(-1.2deg)}
.ooi-agenda-history__item:nth-child(4n) .ooi-agenda-history__card-link:hover .ooi-agenda-history__poster,.ooi-agenda-history__item:nth-child(4n+2) .ooi-agenda-history__card-link:hover .ooi-agenda-history__poster,.ooi-agenda-history__item:nth-child(4n) .ooi-agenda-history__card-link:focus-visible .ooi-agenda-history__poster,.ooi-agenda-history__item:nth-child(4n+2) .ooi-agenda-history__card-link:focus-visible .ooi-agenda-history__poster{transform:translateY(-5px) rotate(0)}
.ooi-agenda-history__item--bottom .ooi-agenda-history__month{top:-10px}.ooi-agenda-history__item--bottom .ooi-agenda-history__people{top:calc(var(--history-card) - 31px)}
.ooi-agenda-history__empty{width:min(calc(100% - 48px),1376px);margin:48px auto 0;padding:34px;border:1px dashed rgba(128,197,207,.3);border-radius:20px;background:rgba(128,197,207,.05);text-align:center}.ooi-agenda-history__empty p{margin:8px 0 0;color:rgba(255,255,255,.65)}

@media(max-width:700px){.ooi-agenda-history{padding:78px 0}.ooi-agenda-history__header{align-items:flex-start}.ooi-agenda-history__controls{display:none}.ooi-agenda-history__title{font-size:clamp(39px,11vw,52px)}.ooi-agenda-history__summary{font-size:16px}.ooi-agenda-history__rail{--history-card:62vw;min-height:410px;gap:26px;padding-top:38px;cursor:auto;scroll-snap-type:x mandatory}.ooi-agenda-history__item,.ooi-agenda-history__item:nth-of-type(3n),.ooi-agenda-history__item:nth-of-type(4n){--history-card:62vw;max-width:240px;height:360px}.ooi-agenda-history__line{top:300px}.ooi-agenda-history__item::before{top:261px;right:-13px;left:-13px}.ooi-agenda-history__item--top .ooi-agenda-history__card,.ooi-agenda-history__item--bottom .ooi-agenda-history__card{top:18px}.ooi-agenda-history__stem{display:none}.ooi-agenda-history__node{top:250px}.ooi-agenda-history__year{top:216px;left:-13px;font-size:30px}.ooi-agenda-history__people{top:calc(var(--history-card) - 31px)}}
@media(prefers-reduced-motion:reduce){.ooi-agenda-history__poster,.ooi-agenda-history__poster img,.ooi-agenda-history__controls button{transition:none}.ooi-agenda-history__card-link:hover .ooi-agenda-history__poster,.ooi-agenda-history__card-link:hover .ooi-agenda-history__poster img{transform:none}}
