/* Fidélité au repère de la maquette : le dessin garde son rapport 1054:1058. */
.home-page{container-type:inline-size}
.home-page .topography{position:absolute;inset:0;z-index:0;pointer-events:none}
.home-page .topography-desktop{position:absolute;top:0;left:0;right:auto;width:100%;height:auto;max-width:none;transform:none;opacity:1}
.home-page .topography-mobile-top,.home-page .topography-mobile-bottom{display:none}
.home-page .contour{fill:none;stroke:#9cc982;stroke-width:.9;vector-effect:non-scaling-stroke}
.home-page .contour-band{fill:none;stroke:#b4ed8b;stroke-width:65;opacity:1;stroke-linecap:round;stroke-linejoin:round}
.home-page .topography-desktop .contour-band{stroke:url(#sap-band-desktop)}
.home-page .organic-a,.home-page .organic-mobile-a{stroke:#6fd52f;stroke-width:1.3}
.home-page .organic-b,.home-page .organic-mobile-b{stroke:#80cb50;stroke-width:1.05}
.home-page .material-fiber{fill:none;stroke:#65d84b;stroke-width:2;opacity:.28;vector-effect:non-scaling-stroke}
.home-page .organic-material-b{stroke:#dbffc1;stroke-width:3;opacity:.34}
.home-page .material-glow{fill:none;stroke:url(#sap-inner-desktop);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;opacity:.58}
.home-page .island{stroke:#a6cc92;stroke-width:.8}
.home-page .motion-control{z-index:4;min-height:44px;line-height:1.3}

@media(min-width:701px){
  .home-page{width:min(100%,1054px,max(760px,calc(100svh * .996)));margin-inline:auto}
  .home-page .shell{width:calc(100% - 10.6cqw)}
  .home-page>.site-header{top:0;width:100%;padding-top:9.68cqw}
  .home-page .header-inner{gap:2.4cqw}
  .home-page .brand{width:29.9cqw;max-width:315px}
  .home-page .header-controls{gap:0}
  .home-page .site-nav{gap:4.2cqw}
  .home-page .site-nav a{font-size:clamp(14px,2.1cqw,21px);font-weight:700}
  .home-page .language{padding-left:3cqw}
  .home-page .language summary{font-size:clamp(14px,1.9cqw,20px)}
  .home-page .hero-stage{min-height:100.38cqw;padding-bottom:0}
  .home-page .hero-copy{padding-top:31.8cqw;padding-bottom:8cqw}
  .home-page .hero-title{font-size:10.25cqw;line-height:.9;letter-spacing:-.045em;max-width:70cqw;border-left:1.15cqw solid var(--bright);padding-left:2.7cqw}
  .home-page .hero-lead{font-size:3.06cqw;line-height:1.24;max-width:64cqw;margin-top:3.7cqw}
  .home-page .hero-geography{font-size:2.48cqw;line-height:1.3;max-width:70cqw;margin-top:1.8cqw}
  .home-page .hero-status{font-size:2.15cqw;line-height:1.3;gap:1.9cqw;max-width:72cqw;margin-top:3.1cqw}
  .home-page .hero-status::before{width:3.8cqw;height:.7cqw;min-height:4px}
  .home-page .hero-actions{margin-top:4.4cqw;gap:2.3cqw}
  .home-page .button{font-size:2.45cqw;min-height:max(44px,6.1cqw);padding:1cqw 2cqw;border-radius:2.05cqw}
  .home-page .button-primary{width:33.1cqw}.home-page .button-secondary{width:26.1cqw}
  .home-page .signature{font-size:1.95cqw;margin-top:2.5cqw}
  .home-page .motion-control{right:3cqw;bottom:1cqw;font-size:11px}
}
@media(max-width:700px){
  .home-page{width:100%;margin-inline:auto}
  .home-page .topography-desktop{display:none}
  .home-page .topography-mobile-top,.home-page .topography-mobile-bottom{display:block;position:absolute;left:0;width:100%;height:auto;max-width:none}
  .home-page .topography-mobile-top{top:0}
  .home-page .topography-mobile-bottom{bottom:0}
  .home-page .topography-mobile-bottom .contour-band{stroke:url(#sap-band-mobile);stroke-width:33}
  .home-page .topography-mobile-bottom .material-glow{stroke:url(#sap-inner-mobile);stroke-width:8;opacity:.5}
  .home-page .hero-stage{padding-bottom:220px}
  .home-page .hero-copy{padding-top:154px}
  .home-page:has(.site-nav[data-open="true"]) .hero-copy,html:not(.js) .home-page .hero-copy{padding-top:220px}
  .home-page .hero-title{font-size:clamp(44px,13.4vw,82px);letter-spacing:-.045em;line-height:.96}
  .home-page .hero-lead{font-size:22px;line-height:1.28;margin-top:30px}
  .home-page .hero-geography{font-size:21px;line-height:1.3;margin-top:15px}
  .home-page .hero-status{font-size:17px;line-height:1.25;margin-top:27px}
  .home-page .hero-actions{margin-top:28px;gap:12px}
  .home-page .button{font-size:23px;min-height:50px}
  .home-page .signature{font-size:18px;margin-top:20px}
  .home-page .motion-control{right:18px;bottom:0;font-size:11px}
}
@media(max-width:375px){.home-page .hero-lead{font-size:21px}.home-page .hero-geography{font-size:20px}.home-page .hero-status{font-size:16px}.home-page .button{font-size:21px}.home-page .signature{font-size:16px}}

.mobile-break{display:none}
@media(max-width:700px){.mobile-break{display:block}.desktop-break{display:none}}

/* La pause est intégrée au pied de page, accessible à la souris et au clavier. */
html.js .home-page .site-footer .motion-control{display:inline-flex;position:static;align-items:center;min-height:44px;margin:0;padding:8px 0;border:0;background:transparent;color:var(--muted);font-size:inherit;font-weight:400;line-height:1.3;text-decoration:underline;text-underline-offset:.2em}
html.js .home-page .site-footer .motion-control:hover{color:var(--ink)}