/* A fixed moving layer avoids fighting the browser's compositor scrolling. */
.project-flight{position:relative;transform-origin:50% 50%}
.morph-ready .project-tile.is-flying{will-change:auto}
.morph-ready .project-tile.is-flying .project-flight{top:0;left:0;will-change:transform;transition:none}
.morph-ready .project-tile.is-flying .project-card{will-change:opacity;contain:paint}
.morph-ready .project-flight>.morph-cover{inset:14% 0;border-radius:20px;contain:paint;will-change:opacity}
.morph-ready .morph-cover>.card-heading,.morph-ready .morph-cover>strong,.morph-ready .morph-cover>.card-notes{transform:none}
.project-tile:not(:first-child) .morph-cover>strong,.project-tile:not(:first-child) .morph-cover>.card-notes{opacity:0}
.noise{display:none}
.site-nav{background:linear-gradient(130deg,#fffffffa,#f5f6f7f5 48%,#fffffff8);backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.site-nav .liquid-control::before{backdrop-filter:none;-webkit-backdrop-filter:none}
.morph-flight .scene-ground{filter:none}
/* Restore a compact glass scene and touch feedback without taking over scrolling. */
@media(max-width:760px){
  .hero{overflow:hidden;padding-bottom:28px}
  .hero-visual{display:block!important;position:relative;height:300px;min-height:300px;width:100%;margin:24px 0 0;transform:none;overflow:visible}
  .hero-visual .halo{display:block;filter:none;opacity:.15;inset:8% 0;width:100%;height:90%}
  .hero-visual .scene-ground{display:block;filter:blur(10px);height:55px;bottom:0;opacity:.28;left:12%;width:76%}
  .hero-visual::before{content:"";position:absolute;inset:5% -2%;border:1px solid #ffffffb0;border-radius:50%;transform:rotate(-20deg);pointer-events:none}
  .hero-development{display:none}.client-benefits{margin-top:26px}
  .morph-ready .morph-cover{padding:22px;box-shadow:inset 0 1px 0 #fff;backdrop-filter:none;-webkit-backdrop-filter:none}
  .morph-cover .card-heading{grid-template-columns:36px minmax(0,1fr) 16px;gap:10px}
  .morph-cover .card-symbol{width:36px;height:36px;border-radius:10px}.morph-cover .card-symbol .reference-icon{width:23px;height:23px}
  .morph-cover .card-heading-copy>span{font-size:12px;letter-spacing:.06em}.morph-cover .card-heading-copy p{display:none}.morph-cover .card-direction .reference-icon{width:18px;height:18px}
  .morph-cover strong{font-size:34px;line-height:1.08}.morph-cover .card-notes{font-size:11px;line-height:1.5}
  .hero-static-card{left:4%;top:40%;width:80%;height:68%;padding:18px;border-radius:16px;overflow:hidden;transform:translate(calc(var(--card)*17px),calc(var(--card)*-35px)) rotate(6deg);background:linear-gradient(135deg,#fff,#eef0f3 70%,#fff);box-shadow:inset 0 1px 0 #fff,8px 14px 25px #00000012}
  .hero-static-card .card-heading{grid-template-columns:28px minmax(0,1fr) 14px;gap:8px}.hero-static-card .card-symbol{width:28px;height:28px;border-radius:8px}.hero-static-card .card-symbol .reference-icon{width:19px;height:19px}.hero-static-card .card-heading-copy>span{font-size:10px;letter-spacing:.06em}.hero-static-card .card-heading-copy p{display:none}.hero-static-card .card-direction .reference-icon{width:15px;height:15px}
  .hero-static-card strong{font-size:28px;line-height:1.08;margin-top:24px;font-weight:530}.hero-static-card .card-notes{display:block;font-size:10px;line-height:1.4;margin-top:16px;color:#72767a}
  .morph-ready #projets .section-top{opacity:1!important;transform:none!important}
  .liquid-control.liquid-engaged::before,.liquid-control.liquid-engaged::after{transition:none;transform:translate3d(var(--liquid-x),var(--liquid-y),0) scale(var(--liquid-sx),var(--liquid-sy)) skewX(var(--liquid-skew))}
  .liquid-control:active::after{opacity:.9}
  .motion-paused .hero-visual,.motion-paused .hero-static-card{transition:none!important}
}
@media(prefers-reduced-motion:reduce){
  .hero-visual{animation:none!important}.hero-static-card{transition:none!important}
  .js-reveal [data-reveal]{opacity:1!important;transform:none!important;filter:none!important}
}
