.closing-line { display: inline-block; }
html.motion-initial-anchor, html.motion-measuring { scroll-behavior: auto !important; }
.has-motion-boundary { position: relative; }
.motion-boundary { position: absolute; inset: -1px 0 auto; height: 144px; background: #fff; clip-path: polygon(0 0, 100% 0, 100% 100%); transform: scaleY(0); transform-origin: top; pointer-events: none; }
#offre > .motion-boundary { height: 96px; }
#studio-title > span { display: inline-block; }
@media (max-width: 760px) {
  .motion-boundary, #offre > .motion-boundary { height: 64px; }
}
.has-motion-rule { position: relative; }
.motion-rule { position: absolute; left: 0; right: 0; height: 1px; background: var(--motion-rule-color); transform-origin: left; pointer-events: none; }
.motion-rule-top { top: -1px; }
.motion-rule-bottom { bottom: -1px; }
.action-arrow { transition: transform 180ms cubic-bezier(.25,.8,.25,1); }
.navigation .nav-text::after { transition-duration: 180ms; }
.navigation .nav-text:focus-visible::after { transform: scaleX(1); }
:is(a, button):focus-visible > .action-arrow { transform: translate(3px, -3px); }
.discover:focus-visible > span { transform: translateY(2px); }
@media (hover: hover) and (pointer: fine) {
  .discover:hover > span { transform: translateY(2px); }
}
@media (hover: none) {
  .discover:hover > span { transform: none; }
}
.motion-paused { scroll-behavior: auto; }
.motion-paused *, .motion-paused *::before, .motion-paused *::after { transition: none !important; }
.motion-paused .discover > span { transform: none !important; }
@media (prefers-reduced-motion: reduce) {
  .discover:is(:hover, :focus-visible) > span { transform: none; }
}