.memory-strip .memory-thread{display:block;width:42px;height:24px;flex:0 0 42px;color:var(--red)}
@media(max-width:760px){.memory-strip .memory-thread{width:28px;height:20px;flex-basis:28px}}
.home-carnet{display:grid;grid-template-columns:1fr 1.2fr;gap:7%;align-items:center;padding-block:90px}
.home-carnet-copy .eyebrow{color:var(--red);margin-bottom:24px}
.home-carnet-copy h2{font-size:clamp(3rem,4.7vw,4.9rem);line-height:1.04;letter-spacing:-.025em}
.home-carnet-copy h2 em{color:var(--red)}
.home-carnet-copy>p:not(.eyebrow){max-width:400px;margin-block:25px 28px;color:var(--muted)}
.home-carnet-note{display:block;margin-top:15px;font-size:.78rem;color:var(--muted)}
.home-carnet-table{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:18px 12px;padding:24px 12px 12px}
.home-carnet-object{--base:none;padding:8px 8px 14px;background:var(--white);box-shadow:0 7px 20px #302e2910;transform:var(--base) perspective(750px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(var(--lift,0px));will-change:transform}
.home-carnet-object img{aspect-ratio:1.5;object-fit:cover}
.home-carnet-object figcaption{font:italic clamp(1rem,1.6vw,1.35rem)/1.2 var(--serif);padding:12px 5px 0}
.home-carnet-cassette{--base:rotate(-7deg);z-index:1}
.home-carnet-shell{--base:translateY(34px) rotate(7deg)}
.home-carnet-key{--base:rotate(-3deg);margin:5px 0 0 18px}
.home-carnet-count{justify-self:center;padding-top:35px;text-align:center;color:var(--red);font-size:.78rem;line-height:1.6}
.home-carnet-count strong{display:block;font:italic 4.7rem/.95 var(--serif);margin-bottom:10px}
.home-carnet-invitation{grid-column:1/-1;text-align:center;font:italic 1.45rem/1.4 var(--serif);color:var(--red);padding-top:18px}
@media(max-width:760px){.home-carnet{grid-template-columns:1fr;gap:28px;padding-block:60px}.home-carnet-copy>p:not(.eyebrow){max-width:520px}.home-carnet-table{max-width:520px;width:100%;justify-self:center}.home-carnet-object figcaption{font-size:1.15rem}.home-carnet-invitation{font-size:1.3rem}}
.home-carnet-count strong{font-size:6.2rem;line-height:.9;-webkit-text-stroke:.045em currentColor;paint-order:stroke fill;letter-spacing:.02em}
/* Voyage dans le temps : frise des décennies */
.home-decades{padding-block:20px 110px}
.home-decades .section-header .eyebrow{color:var(--red);margin-bottom:1.25rem}
.home-decades-rail{list-style:none;margin:0;padding:34px 0 0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px;position:relative}
.home-decades-rail::before{content:'';position:absolute;left:4px;right:4px;top:12px;height:2px;background:var(--red);border-radius:2px}
.home-decade{--era-color:var(--red);position:relative}
.decade-1940{--era-color:#6b6259}.decade-1950{--era-color:#7c6344}.decade-1960{--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}
.home-decade a{display:block;text-align:center}
.home-decade-dot{position:absolute;top:-27px;left:50%;width:11px;height:11px;margin-left:-5.5px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px var(--paper);transition:transform .3s}
.home-decade figure{padding:6px 6px 0;background:var(--white);box-shadow:0 6px 16px #302e2912;transform:rotate(var(--tilt,-2deg));transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.home-decade:nth-child(even) figure{--tilt:2deg}
.home-decade:nth-child(3n) figure{--tilt:-1deg}
.home-decade img{aspect-ratio:.8;object-fit:cover;filter:saturate(.9)}
.home-decade figure::after{content:'';display:block;height:18px}
.home-decade-year{display:block;margin-top:16px;font:italic clamp(1.6rem,2.2vw,2.3rem)/1 var(--serif);color:var(--era-color)}
.home-decade-title{display:block;margin-top:6px;font-size:.8rem;line-height:1.35;color:var(--muted)}
.home-decade a:hover figure,.home-decade a:focus-visible figure{transform:translateY(-8px) rotate(0deg);box-shadow:0 14px 26px #302e2922}
.home-decade a:hover .home-decade-dot,.home-decade a:focus-visible .home-decade-dot{transform:scale(1.45)}
.home-decades-more{margin-top:2.6rem;text-align:center}
@media(max-width:1000px){.home-decades-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:16px;margin-inline:-6%;padding-inline:6%;scrollbar-width:thin}.home-decades-rail::before{left:6%;right:auto;width:calc(8 * 170px + 7 * 16px)}.home-decade{flex:0 0 170px;scroll-snap-align:start}}
@media(max-width:760px){.home-decades{padding-block:10px 70px}.home-decade{flex-basis:44vw}.home-decades-rail::before{width:calc(8 * 44vw + 7 * 16px)}}
/* Effets légers : inclinaison du visuel principal et apparitions au scroll */
.hero-visual{transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
.will-reveal{opacity:0;transform:translateY(22px)}
.will-reveal.is-revealed{opacity:1;transform:none;transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
/* Bandeau des souvenirs : fond bordeaux pleine largeur, fils et textes blancs */
.memory-strip{background:var(--red);color:#fff;border-block:0;font-weight:600;letter-spacing:.01em;box-shadow:0 0 0 100vmax var(--red);clip-path:inset(0 -100vmax)}
.memory-strip .memory-thread{color:#fff}
.memory-strip{font-size:1.1rem;padding-block:26px;gap:3rem}
.memory-strip .memory-thread{width:50px;height:28px;flex-basis:50px}
@media(max-width:760px){.memory-strip{font-size:.95rem;padding-block:20px;gap:.6rem 1.1rem}.memory-strip .memory-thread{width:34px;height:22px;flex-basis:34px}}
.memory-strip .memory-thread{width:64px;height:28px;flex-basis:64px}
@media(max-width:760px){.memory-strip .memory-thread{width:44px;height:20px;flex-basis:44px}}
/* Invitation sous les photos du carnet : plus présente */
.home-carnet-invitation{font-size:clamp(1.7rem,2.4vw,2.3rem);line-height:1.2;padding-top:30px;-webkit-text-stroke:.018em currentColor;paint-order:stroke fill}
.home-carnet-invitation span{display:inline-block;margin-left:.15em;-webkit-text-stroke:0;transition:transform .3s}
.home-carnet-table:hover .home-carnet-invitation span{transform:translate(3px,-3px)}
@media(max-width:760px){.home-carnet-invitation{font-size:1.55rem}}
.home-carnet-count{font-size:.95rem;font-weight:600;line-height:1.45}
.home-carnet-count strong{font-size:7.6rem;-webkit-text-stroke:.06em currentColor;margin-bottom:14px}
@media(max-width:760px){.home-carnet-count strong{font-size:5.6rem}}
