/* Accueil : fonds blancs, beige clair chaud sur les surfaces papier existantes. */
.has-hero-header{--paper:#fff7e2;--mist:#fff7e2;--highlight:#fff;--warm-card:#fff7e2;--warm-hover:#faedcf;--red:#ee3b2b;background:#fff}
[data-home-motion]{overflow-x:clip}
/* Le logo termine son arrivée avant la toute première apparition de l'accueil. */
@media(prefers-reduced-motion:no-preference){
  .m67-logo-intro [data-home-motion],
  .m67-logo-intro .has-hero-header .site-footer{visibility:hidden}
  .m67-logo-intro-leaving .has-hero-header .site-header::before{opacity:1;pointer-events:auto}
  html.m67-logo-intro.m67-logo-intro-leaving .has-hero-header .site-header .site-mark--light svg{filter:brightness(1) invert(0)}
}
[data-home-motion] .home-social-card{border:0}
[data-home-motion] .home-social-card--white,
[data-home-motion] .home-social-card--paper{background:var(--white);color:var(--blue);box-shadow:inset 0 0 0 1px #1e47ab35}
[data-home-motion] .home-social-card--white:hover,
[data-home-motion] .home-social-card--paper:hover{background:var(--white)}
[data-home-motion] .home-social-card--white .home-social-card__bottom{border-color:var(--line)}
[data-home-motion] .home-social-card--paper .home-social-card__bottom>span:last-child{color:#c82d20}
[data-home-motion] .home-social-card--newsletter{background:var(--paper);color:var(--blue);box-shadow:inset 0 0 0 1px #1e47ab35}
[data-home-motion] .home-social-card--newsletter:hover{background:var(--warm-hover)}
[data-home-motion] .home-social-card--newsletter .home-social-card__bottom{border-color:#1e47ab55}
[data-home-motion] .home-newsletter-panel{background:var(--mist)}
[data-home-motion] .home-about__image{background:var(--warm-card)}
[data-home-motion] .home-archive-photo__image{background:var(--paper)}
[data-home-motion] .home-archive-photo__caption{border-left-color:var(--red)}
[data-home-motion] .home-press-section .press-card,
[data-home-motion] .resource-card{background:var(--warm-card)}
[data-home-motion] .resource-card__type{border:1px solid #1e47ab35;background:var(--highlight);color:var(--blue)}
[data-home-motion] .home-journal{background:var(--blue);color:#fff}
[data-home-motion] .home-journal .section-heading__subtitle{color:#fff}
[data-home-motion] .home-journal .section-index,
[data-home-motion] .home-journal .eyebrow{color:var(--highlight)}
[data-home-motion] .home-journal :focus-visible{outline-color:var(--highlight)}
[data-home-motion] .home-coming-soon{background:var(--paper)}
[data-home-motion] .home-coming-soon__action{background:var(--blue);color:#fff}
[data-home-motion] .home-coming-soon__action:hover{background:#173b97}
.has-hero-header [data-home-motion] .final-participate{background:var(--blue);color:#fff}
.has-hero-header [data-home-motion] .final-participate .section-index{color:var(--highlight)}
.has-hero-header [data-home-motion] .final-participate .button{background:var(--highlight);color:var(--blue)}
.has-hero-header [data-home-motion] .final-participate .button:hover{background:var(--warm-hover)}
[data-home-motion] .final-participate__background::after{background:linear-gradient(90deg,rgba(30,71,171,.97),rgba(30,71,171,.86) 45%,rgba(30,71,171,.25)),linear-gradient(0deg,rgba(18,50,124,.75),transparent 40%)}
[data-home-motion] .final-participate__background figcaption{color:#fff}
.has-hero-header .site-header.is-scrolled .final-propose{background:var(--highlight);color:var(--blue);border-color:var(--blue)}
.has-hero-header .site-header.is-scrolled .final-propose:hover{background:var(--warm-hover);border-color:var(--blue)}
.has-hero-header .site-footer__years{color:var(--highlight)}
@media(max-width:760px){
  [data-home-motion] .final-participate__background::after{background:linear-gradient(90deg,rgba(30,71,171,.97),rgba(30,71,171,.88)),linear-gradient(0deg,rgba(18,50,124,.75),transparent 35%)}
}
/* Une respiration après les bandeaux plutôt qu’un trait collé à l’image. */
.has-hero-header .site-header.is-scrolled{border-bottom:0;background:#fff}
[data-home-motion] > .home-hero + *{padding-top:clamp(88px,9vw,144px)}
[data-home-motion] > .final-participate + *{padding-top:clamp(64px,7.5vw,112px)}
[data-home-motion] .home-engagement__heading{border-top:0;padding-top:0;margin-bottom:clamp(36px,4vw,56px);gap:20px}
[data-home-motion] .home-engagement__heading h2{margin-bottom:20px}
[data-home-motion] .home-social-grid{gap:clamp(20px,2vw,32px)}
[data-home-motion] > .home-coming-soon + .home-about{padding-top:clamp(48px,5vw,80px)}
@media(max-width:760px){
  [data-home-motion] > .home-hero + *{padding-top:64px}
  [data-home-motion] > .final-participate + *{padding-top:56px}
  [data-home-motion] .home-engagement__heading{gap:16px;margin-bottom:32px}
  [data-home-motion] .home-engagement__heading h2{margin-bottom:16px}
}
/* Le contenu reste visible sans le script ou sans les API d’animation. */
.js [data-home-motion] .reveal{opacity:1;transform:none;transition:none}
[data-home-motion] .home-motion-pending,
.js [data-home-motion] .reveal.home-motion-pending{opacity:0}

[data-home-motion] .home-social-card{position:relative;isolation:isolate;overflow:hidden;transition:translate .5s var(--ease),box-shadow .5s var(--ease),background .3s,border-color .3s}
/* Même fragment du symbole Expo 67 dans les cartes sociales, presse et ressources. */
[data-home-motion] .home-social-card::after,
[data-home-motion] .press-card-body::after{content:'';position:absolute;z-index:-1;top:-48px;right:-60px;width:160px;height:160px;border:0;border-radius:0;box-shadow:none;background:currentColor;opacity:.045;-webkit-mask:url('../images/expo67-symbol.svg') center / contain no-repeat;mask:url('../images/expo67-symbol.svg') center / contain no-repeat;pointer-events:none;transition:transform .8s var(--ease)}
[data-home-motion] .home-social-card--white::after{opacity:.075}
[data-home-motion] .press-card-body{position:relative;isolation:isolate;overflow:hidden}
[data-home-motion] .press-card-body::after{top:-40px;right:-54px;width:144px;height:144px;background:var(--blue);opacity:.035}
[data-home-motion] .home-social-card::before{position:absolute;inset:-1px -1px auto;height:3px;content:'';background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease);pointer-events:none}
[data-home-motion] .home-social-card__bottom>span:last-child{transition:transform .5s var(--ease)}
[data-home-motion] .press-card-link{transition:translate .5s var(--ease),box-shadow .5s var(--ease)}
[data-home-motion] .press-card-image img{transition:transform .8s var(--ease)}
[data-home-motion] .button>span[aria-hidden]{display:inline-block;transition:transform .4s var(--ease)}

@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  [data-home-motion] .home-social-card:hover{translate:0 -7px;box-shadow:0 18px 36px -24px #1e47ab66}
  [data-home-motion] .home-social-card:hover::before{transform:scaleX(1)}
  [data-home-motion] .home-social-card:hover .home-social-card__bottom>span:last-child{transform:translate(4px,-4px)}
  [data-home-motion] .home-social-card:hover::after,
  [data-home-motion] .press-card-link:hover .press-card-body::after{transform:translate(-3px,3px)}
  [data-home-motion] .press-card-link:hover{translate:0 -5px;box-shadow:0 16px 32px -20px #1e47ab55}
  [data-home-motion] .press-card-link:hover .press-card-image img{transform:scale(1.045)}
  [data-home-motion] .resource-card--book .press-card-link:hover .press-card-image img{transform:scale(1.025)}
  [data-home-motion] .button:hover>span[aria-hidden]{transform:translateX(5px)}
}

@media(prefers-reduced-motion:reduce){
  [data-home-motion] .home-motion-pending,
  .js [data-home-motion] .reveal.home-motion-pending{opacity:1}
  [data-home-motion] .home-social-card,
  [data-home-motion] .home-social-card::after,
  [data-home-motion] .press-card-body::after,
  [data-home-motion] .press-card-link,
  [data-home-motion] .press-card-image img{transition:none}
}

/* Typographie vivante : la place du texte est réservée avant la première lettre. */
[data-home-motion] .motion-type{isolation:isolate}
[data-home-motion] .motion-letter{position:relative;opacity:0}
[data-home-motion] .motion-letter.is-typed{opacity:1}
[data-home-motion] .motion-letter.is-caret::after{content:'';position:absolute;left:100%;top:.08em;height:.85em;border-right:2px solid currentColor;margin-left:.035em;pointer-events:none}
[data-home-motion] .motion-word{display:inline-block;transform-origin:left bottom}
.home-reading-progress{position:fixed;inset:0 0 auto;height:3px;z-index:100001;background:linear-gradient(90deg,#1e47ab 0%,#1e47ab 72%,#ee3b2b 72%);transform:scaleX(0);transform-origin:left;pointer-events:none}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  [data-home-motion].home-motion-ready .home-social-card{transform:perspective(900px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg));transition:transform .28s ease-out,translate .5s var(--ease),box-shadow .5s var(--ease),background .3s}
}
@media(prefers-reduced-motion:reduce){
  [data-home-motion] .motion-letter{opacity:1}
  [data-home-motion] .motion-letter.is-caret::after,.home-reading-progress{display:none}
  [data-home-motion].home-motion-ready .home-social-card{transform:none;translate:none}
}

/* Le compteur mobile suit le grand visuel, dans le flux et hors de la photo. */
[data-home-hero]{position:relative}
/* Position de repli sur grand écran avant le placement du script principal. */
@media(min-width:761px){
  [data-home-hero] > .hero__countdown{position:absolute;z-index:2;right:calc((100% - var(--shell))/2);top:calc(var(--header-height) + 28px);margin:0}
}
@media(max-width:760px){
  .has-hero-header [data-home-hero] .hero--with-countdown .hero__content{padding-top:calc(var(--header-height) + 65px)}
  [data-home-hero] > .hero__countdown{position:relative;inset:auto;order:initial;width:min(calc(100% - 40px),280px);margin:32px auto 0;padding:16px;background:rgba(255,255,255,.90);border-color:#1e47ab35;color:#0d1e4c;text-align:center}
}