/* Dedicated to the chronology: the homepage styles remain untouched. */
.decades-intro{padding:38px 0 54px}
.decades-intro-grid{display:grid;grid-template-columns:1.45fr 1fr;align-items:end;gap:7%}
.decades-intro h1{font-family:var(--serif);font-size:clamp(64px,7.7vw,110px);font-weight:400;line-height:.98;letter-spacing:-.025em;margin:22px 0 0}
.decades-intro h1 em{color:var(--red)}
.decades-intro-aside{max-width:370px;padding-bottom:5px}
.decades-intro-aside p{line-height:1.75;color:var(--muted);margin:14px 0 0}
.decades-intro-aside .decades-range{font-family:var(--serif);font-size:44px;color:var(--red);line-height:1.2;margin:0 0 20px}
.decades-range span{padding:0 12px;color:var(--line)}
.decade-navigation{position:sticky;top:0;z-index:5;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.decade-links{display:grid;grid-template-columns:repeat(8,minmax(0,1fr))}
.decade-links a{padding:19px 10px;text-align:center;font-family:var(--serif);font-size:30px;white-space:nowrap;border-left:1px solid var(--line);text-decoration:none;transition:background .2s,color .2s}
.decade-links a:last-child{border-right:1px solid var(--line)}
.decade-links a:hover,.decade-links a:focus-visible{background:var(--red);color:var(--paper)}
.decade-nav-label{font-family:var(--sans);font-size:10px;text-transform:uppercase;letter-spacing:.08em;display:block;margin-bottom:3px}
.decade-links a>span:last-child{font-family:var(--sans);font-size:14px}
.decade{padding:52px 0 70px;scroll-margin-top:108px;border-bottom:1px solid var(--line);--era-color:#866343}
.decade-1970{--era-color:#78734c}.decade-1980{--era-color:#963f35}.decade-1990{--era-color:#526474}.decade-2000{--era-color:#5c6d6b}.decade-2010{--era-color:#946851}
.decade-topline{display:flex;justify-content:space-between;gap:16px;font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);margin-bottom:30px}
.decade-topline span:nth-child(2){color:var(--era-color)}
.decade-layout{display:grid;grid-template-columns:1.18fr 1fr;gap:6%;align-items:center}
.decade-photo{margin:0;padding:10px 10px 0;background:var(--white);border:1px solid var(--line);transform:rotate(-1deg)}
.decade:nth-child(even) .decade-layout{grid-template-columns:1fr 1.18fr}
.decade:nth-child(even) .decade-photo{order:2;transform:rotate(1deg)}
.decade-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.decade-photo figcaption{font-family:var(--serif);font-style:italic;font-size:22px;line-height:1.3;padding:18px 10px 20px}
.decade-year{font-family:var(--serif);color:var(--era-color);font-size:clamp(84px,9.5vw,142px);letter-spacing:-.055em;line-height:.8;margin:8px 0 25px}
.decade-story h2{font-size:clamp(33px,3.3vw,48px);line-height:1.05;margin:0 0 21px}
.decade-copy{font-size:14px;line-height:1.85;color:var(--muted);margin:0}
.decade-story h3{font-family:var(--sans);font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;margin:25px 0 12px}
.memory-list{list-style:none;padding:0;margin:0;font-size:12px;line-height:1.65}
.memory-list li{padding:8px 0;border-top:1px solid var(--line)}
.memory-list li::before{content:"↗";color:var(--era-color);margin-right:12px}
.memory-question{margin-top:24px;border-left:2px solid var(--era-color);padding-left:19px}
.memory-question>span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--era-color)}
.memory-question p{font-family:var(--serif);font-size:25px;font-style:italic;line-height:1.2;margin:7px 0 0}
.decades-note{max-width:800px;margin:30px auto 0;text-align:center}
.decades-return{margin-top:30px!important;font-size:12px!important}
@media(max-width:1000px){.decade-layout,.decade:nth-child(even) .decade-layout{gap:4%}.decade-year{font-size:95px}.decade-photo figcaption{font-size:19px}.decades-intro-grid{gap:5%}}
@media(max-width:760px){.decades-intro{padding:25px 0 35px}.decades-intro-grid{grid-template-columns:1fr;gap:26px}.decades-intro h1{font-size:clamp(58px,12vw,84px)}.decades-intro-aside{max-width:100%}.decades-intro-aside .decades-range{font-size:32px;margin-bottom:12px}.decade-links a{font-size:23px;padding:15px 2px}.decade-nav-label{font-size:8px;letter-spacing:0}.decade-links a>span:last-child{display:none}.decade{padding:30px 0 42px;scroll-margin-top:95px}.decade-topline{font-size:8px;letter-spacing:.08em;margin-bottom:23px}.decade-layout,.decade:nth-child(even) .decade-layout{grid-template-columns:1fr;gap:36px}.decade:nth-child(even) .decade-photo{order:0}.decade-photo{margin:0 3px}.decade-photo figcaption{padding:13px 6px 16px}.decade-year{font-size:100px}.decade-story h2{font-size:38px}.decade-copy{font-size:14px}.memory-question p{font-size:27px}.decades-note{text-align:left}}
@media(prefers-reduced-motion:reduce){.decade-links a{transition:none}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.decade-1940{--era-color:#6b6259}.decade-1950{--era-color:#7c6344}
@media(max-width:600px){.decade-links{grid-template-columns:repeat(4,minmax(0,1fr))}.decade-links a{padding:8px 2px}.decade-links a:nth-child(4){border-right:1px solid var(--line)}.decade-links a:nth-child(n+5){border-top:1px solid var(--line)}.decade{scroll-margin-top:155px}}
/* Lisibilité : tailles minimales */
.decade-nav-label,.decade-topline,.decade-story h3,.memory-question>span{font-size:12px}
.decade-nav-label{letter-spacing:.04em}