/* Shared surface geometry. Round controls remain circular by design. */
:root{--hd-radius:12px;--hd-ease:cubic-bezier(.16,1,.3,1)}
html,html.lenis{scroll-behavior:auto}
body .wall-diagram,body .range-model,body .journey-image,
body .wall-comparison,body .audience-card,body .product-stage,
body .hero-logo-change,body .hd-selected-hero .hero-film-player{border-radius:var(--hd-radius)}
body .hd-selected-hero .hero-film-player video{border-radius:8px}
/* The old reveal class hid and reanimated already-painted content. Keep the
   reading surface stable; diagrams and the process rail supply purposeful motion. */
html.js .reveal,html.js .reveal.visible{opacity:1;transform:none;animation:none;transition:none}
body [data-scroll-image]{transform:none}
body.damp-detail-page .editorial-card:hover .detail-icon{transform:none}
.page-sections a{transition:background-color .2s ease,color .2s ease,border-color .2s ease}
body .swiss-project-map{touch-action:pan-y pinch-zoom}
@media(hover:hover) and (pointer:fine){
 .page-sections a:hover{background:#edf0f9;color:var(--blue)}
}
@media(prefers-reduced-motion:reduce){
 html,html.lenis{scroll-behavior:auto}
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}