:root{--timeline-accent-default: #1b5e55;--timeline-card-bg-default: rgba(255, 255, 255, .92);--timeline-connector-shadow: rgba(15, 23, 42, .1)}.timeline,.anecdotes{--timeline-accent: var(--timeline-accent-default);--timeline-card-bg: var(--timeline-card-bg-default);--timeline-card-border: color-mix(in srgb, var(--timeline-accent) 32%, rgba(15,23,42,.12));--timeline-card-glow: color-mix(in srgb, var(--timeline-accent) 24%, rgba(15,23,42,.2));--timeline-surface: color-mix(in srgb, var(--timeline-accent) 6%, rgba(255,255,255,.96));--timeline-surface-border: color-mix(in srgb, var(--timeline-accent) 18%, rgba(15,23,42,.12));--timeline-line-x: clamp(1rem, 2vw, 1.35rem);--timeline-indent: clamp(2.85rem, 4vw, 3.35rem);position:relative;margin:clamp(1.35rem,3vw,2rem) auto;padding:clamp(1.25rem,3vw,2rem) clamp(.75rem,3vw,2rem);border-radius:clamp(18px,3vw,26px);background:linear-gradient(180deg,var(--timeline-surface) 0%,color-mix(in srgb,var(--timeline-card-bg) 70%,rgba(255,255,255,.98)) 100%);border:1px solid var(--timeline-surface-border);box-shadow:0 18px 40px #0f172a1f}.timeline__list,.anecdotes__list{list-style:none;margin:clamp(.9rem,2.4vw,1.35rem) auto 0;padding:0;display:grid;gap:clamp(1.15rem,2.8vw,1.75rem);max-width:960px;position:relative}.timeline__list:before,.anecdotes__list:before{content:"";position:absolute;top:.25rem;bottom:.25rem;left:calc(var(--timeline-line-x) - 1px);width:2px;border-radius:999px;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--timeline-accent) 34%,rgba(15,23,42,.15)) 18%,color-mix(in srgb,var(--timeline-accent) 34%,rgba(15,23,42,.15)) 82%,transparent 100%);opacity:.75;pointer-events:none}.timeline__item{position:relative;padding-left:var(--timeline-indent)}.timeline__item:before{content:"";position:absolute;left:var(--timeline-line-x);top:1.55rem;width:14px;height:14px;border-radius:999px;transform:translate(-50%,-50%);background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--timeline-accent) 20%,#ffffff) 0%,var(--timeline-accent) 70%);border:2px solid color-mix(in srgb,var(--timeline-accent) 35%,#fff);box-shadow:0 0 color-mix(in srgb,var(--timeline-accent) 35%,transparent);z-index:2;opacity:.95}.timeline__item:after{content:"";position:absolute;left:calc(var(--timeline-line-x) + 7px);top:1.55rem;width:calc(var(--timeline-indent) - var(--timeline-line-x) - 14px);height:2px;transform:translateY(-50%);background:linear-gradient(90deg,color-mix(in srgb,var(--timeline-accent) 42%,rgba(15,23,42,.16)) 0%,transparent 100%);opacity:.65;z-index:1}.timeline__content{position:relative;padding:clamp(1.05rem,2.2vw,1.25rem) clamp(1.05rem,2.2vw,1.35rem);background:color-mix(in srgb,var(--timeline-card-bg) 78%,rgba(255,255,255,.98));border-radius:20px;border:1px solid var(--timeline-card-border);box-shadow:0 18px 42px color-mix(in srgb,var(--timeline-card-glow) 55%,rgba(15,23,42,.14));transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.timeline__item:hover .timeline__content,.timeline__item:focus-within .timeline__content{transform:translateY(-2px);border-color:color-mix(in srgb,var(--timeline-accent) 36%,rgba(15,23,42,.16));box-shadow:0 22px 56px color-mix(in srgb,var(--timeline-card-glow) 65%,rgba(15,23,42,.16))}.timeline__content:after{content:"";position:absolute;inset:12px;border-radius:inherit;background:radial-gradient(circle at top,color-mix(in srgb,var(--timeline-card-glow) 70%,transparent) 0%,transparent 70%);opacity:.55;z-index:-1}.timeline__meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;letter-spacing:.01em;font-size:.82rem;color:color-mix(in srgb,var(--timeline-accent) 60%,#1f2937)}.timeline__date{display:inline-flex;align-items:center;padding:.26rem .65rem;border-radius:999px;font-weight:650;background:color-mix(in srgb,var(--timeline-accent) 10%,rgba(255,255,255,.92));border:1px solid color-mix(in srgb,var(--timeline-accent) 22%,rgba(15,23,42,.12))}.timeline__title{margin:.4rem 0 .2rem;font-size:1.15rem;font-family:var(--font-display, var(--font-sans, system-ui));color:color-mix(in srgb,var(--timeline-accent) 55%,#0f172a)}.timeline__description{margin:0;color:#334155;line-height:1.6}.anecdotes__list .timeline__content{background:color-mix(in srgb,var(--timeline-card-bg) 80%,rgba(248,250,252,.85))}.anecdotes{background:radial-gradient(circle at 12% 22%,color-mix(in srgb,var(--timeline-accent) 16%,transparent) 0%,transparent 58%),radial-gradient(circle at 86% 14%,color-mix(in srgb,var(--timeline-accent) 12%,transparent) 0%,transparent 62%),linear-gradient(180deg,var(--timeline-surface) 0%,color-mix(in srgb,var(--timeline-card-bg) 72%,rgba(255,255,255,.98)) 100%)}.anecdotes__list:before{background:repeating-linear-gradient(180deg,color-mix(in srgb,var(--timeline-accent) 36%,rgba(15,23,42,.18)) 0 10px,transparent 10px 18px);opacity:.55}.anecdotes .timeline__item:before{width:12px;height:12px;border-radius:4px;transform:translate(-50%,-50%) rotate(45deg);background:linear-gradient(135deg,color-mix(in srgb,#ffffff 45%,var(--timeline-accent)) 0%,var(--timeline-accent) 100%);border:2px solid color-mix(in srgb,var(--timeline-accent) 34%,#fff);opacity:.92}.anecdotes .timeline__item:after{height:2px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--timeline-accent) 42%,rgba(15,23,42,.18)) 0 9px,transparent 9px 16px);opacity:.45}.anecdotes .timeline__content{border-left-width:3px;border-left-color:color-mix(in srgb,var(--timeline-accent) 46%,rgba(15,23,42,.12))}@media(max-width:640px){.timeline,.anecdotes{--timeline-line-x: .95rem;--timeline-indent: 2.75rem;padding:1.1rem 1rem}}@media(prefers-reduced-motion:no-preference){.timeline__item{opacity:0;transform:translateY(24px);animation:timeline-fade .9s cubic-bezier(.21,.68,.18,1) forwards}.timeline__item:nth-child(2){animation-delay:.1s}.timeline__item:nth-child(3){animation-delay:.18s}.timeline__item:nth-child(4){animation-delay:.26s}.timeline__item:nth-child(5){animation-delay:.34s}.timeline__item:nth-child(n+6){animation-delay:.42s}.timeline__item:before{animation:timeline-pulse 3s ease-in-out infinite}}@media(prefers-reduced-motion:reduce){.timeline__item,.timeline__item:before{animation:none!important}}@keyframes timeline-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--timeline-accent) 45%,transparent)}70%{box-shadow:0 0 0 12px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes timeline-fade{to{opacity:1;transform:none}}.timeline[data-theme=floral],.anecdotes[data-theme=floral]{--timeline-accent: #d946ef;--timeline-card-bg: rgba(249, 240, 255, .9)}.timeline[data-theme=woody],.anecdotes[data-theme=woody],.timeline[data-theme=boise],.anecdotes[data-theme=boise]{--timeline-accent: #7c4a1f;--timeline-card-bg: rgba(250, 244, 235, .92)}.timeline[data-theme=amber],.anecdotes[data-theme=amber],.timeline[data-theme=oriental],.anecdotes[data-theme=oriental]{--timeline-accent: #d97706;--timeline-card-bg: rgba(255, 247, 237, .92)}.timeline[data-theme=hesperide],.anecdotes[data-theme=hesperide],.timeline[data-theme=citrus],.anecdotes[data-theme=citrus]{--timeline-accent: #059669;--timeline-card-bg: rgba(236, 253, 245, .94)}.timeline[data-theme=aromatique],.anecdotes[data-theme=aromatique],.timeline[data-theme=herbal],.anecdotes[data-theme=herbal]{--timeline-accent: #0f766e;--timeline-card-bg: rgba(231, 253, 250, .94)}.timeline[data-theme=gourmand],.anecdotes[data-theme=gourmand]{--timeline-accent: #db2777;--timeline-card-bg: rgba(255, 240, 248, .94)}.timeline[data-theme=cuir],.anecdotes[data-theme=cuir],.timeline[data-theme=leather],.anecdotes[data-theme=leather]{--timeline-accent: #92400e;--timeline-card-bg: rgba(250, 244, 237, .94)}.timeline[data-theme=musque],.anecdotes[data-theme=musque],.timeline[data-theme=musky],.anecdotes[data-theme=musky]{--timeline-accent: #6366f1;--timeline-card-bg: rgba(238, 242, 255, .94)}.timeline[data-theme=marine],.anecdotes[data-theme=marine],.timeline[data-theme=aquatic],.anecdotes[data-theme=aquatic]{--timeline-accent: #0284c7;--timeline-card-bg: rgba(235, 248, 255, .94)}.timeline[data-theme=universal],.anecdotes[data-theme=universal]{--timeline-accent: var(--theme-primary, var(--timeline-accent-default));--timeline-card-bg: var(--timeline-card-bg-default)}:is(html[data-theme=dark] body,body[data-theme=dark]) :is(.timeline,.anecdotes){--timeline-card-bg: color-mix(in srgb, var(--surface-card, #171d32) 90%, transparent);--timeline-card-border: color-mix(in srgb, var(--timeline-accent) 34%, var(--surface-border, #272c43));--timeline-card-glow: color-mix(in srgb, var(--timeline-accent) 22%, rgba(0, 0, 0, .46));--timeline-surface: color-mix(in srgb, var(--surface-card, #171d32) 88%, transparent);--timeline-surface-border: color-mix(in srgb, var(--timeline-accent) 24%, var(--surface-border, #272c43));background:radial-gradient(circle at 88% 10%,color-mix(in srgb,var(--timeline-accent) 13%,transparent),transparent 44%),linear-gradient(180deg,color-mix(in srgb,var(--surface-card, #171d32) 92%,transparent),color-mix(in srgb,var(--surface-muted, #121731) 90%,transparent));border-color:var(--timeline-surface-border);color:var(--color-text, #f4f6ff);box-shadow:var(--theme-panel-shadow-strong, 0 24px 48px rgba(0, 0, 0, .34))}:is(html[data-theme=dark] body,body[data-theme=dark]) .anecdotes{background:radial-gradient(circle at 12% 22%,color-mix(in srgb,var(--timeline-accent) 14%,transparent),transparent 58%),radial-gradient(circle at 86% 14%,color-mix(in srgb,var(--timeline-accent) 11%,transparent),transparent 62%),linear-gradient(180deg,color-mix(in srgb,var(--surface-card, #171d32) 92%,transparent),color-mix(in srgb,var(--surface-muted, #121731) 90%,transparent))}:is(html[data-theme=dark] body,body[data-theme=dark]) :is(.timeline__content,.anecdotes__list .timeline__content){background:color-mix(in srgb,var(--surface-card, #171d32) 88%,transparent);border-color:var(--timeline-card-border);box-shadow:0 18px 42px color-mix(in srgb,var(--timeline-card-glow) 62%,rgba(0,0,0,.34))}:is(html[data-theme=dark] body,body[data-theme=dark]) .timeline__item:hover .timeline__content,:is(html[data-theme=dark] body,body[data-theme=dark]) .timeline__item:focus-within .timeline__content{border-color:color-mix(in srgb,var(--timeline-accent) 42%,var(--surface-border, #272c43));box-shadow:0 22px 56px color-mix(in srgb,var(--timeline-card-glow) 74%,rgba(0,0,0,.4))}:is(html[data-theme=dark] body,body[data-theme=dark]) .timeline__content:after{opacity:.34}:is(html[data-theme=dark] body,body[data-theme=dark]) .timeline__date{background:color-mix(in srgb,var(--timeline-accent) 16%,var(--surface-muted, #121731));border-color:color-mix(in srgb,var(--timeline-accent) 36%,var(--surface-border, #272c43));color:var(--color-text, #f4f6ff)}:is(html[data-theme=dark] body,body[data-theme=dark]) .timeline__meta{color:color-mix(in srgb,var(--color-text-muted, #b8c0df) 88%,var(--timeline-accent))}:is(html[data-theme=dark] body,body[data-theme=dark]) .timeline__title{color:color-mix(in srgb,var(--timeline-accent) 34%,var(--color-text, #f4f6ff))}:is(html[data-theme=dark] body,body[data-theme=dark]) .timeline__description{color:var(--color-text-muted, #b8c0df)}:is(html[data-theme=dark] body,body[data-theme=dark]) .timeline__list:before,:is(html[data-theme=dark] body,body[data-theme=dark]) .anecdotes__list:before{background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--timeline-accent) 42%,var(--surface-border, #272c43)) 18%,color-mix(in srgb,var(--timeline-accent) 42%,var(--surface-border, #272c43)) 82%,transparent 100%)}:is(html[data-theme=dark] body,body[data-theme=dark]) .anecdotes__list:before{background:repeating-linear-gradient(180deg,color-mix(in srgb,var(--timeline-accent) 42%,var(--surface-border, #272c43)) 0 10px,transparent 10px 18px)}:is(html[data-theme=dark] body,body[data-theme=dark]) .timeline__item:before{background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--timeline-accent) 28%,var(--color-text, #f4f6ff)) 0%,var(--timeline-accent) 72%);border-color:color-mix(in srgb,var(--timeline-accent) 45%,var(--surface-card, #171d32))}:is(html[data-theme=dark] body,body[data-theme=dark]) .anecdotes .timeline__item:before{background:linear-gradient(135deg,color-mix(in srgb,var(--timeline-accent) 42%,var(--color-text, #f4f6ff)) 0%,var(--timeline-accent) 100%);border-color:color-mix(in srgb,var(--timeline-accent) 42%,var(--surface-card, #171d32))}