/* Quiet cinematic motion, with the original blastocyst as a no-motion fallback. */
.development-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;filter:saturate(.56);transition:opacity 1.6s ease}
.site-atmosphere[data-development=ready] .development-canvas{opacity:1}
.site-atmosphere[data-development=ready] .blastocyst-anchor{opacity:0}
.site-atmosphere[data-development=ready] .blastocyst-drift{animation:none}
.development-caption{position:fixed;z-index:24;left:22px;bottom:20px;display:flex;align-items:center;gap:16px;pointer-events:none;padding:10px 14px;background:#0c1e18d9;border:1px solid #bdc7ae30;color:#d4d8c9;backdrop-filter:blur(8px);font:10px/1.4 var(--sans);letter-spacing:.08em;opacity:0;transition:opacity 1s ease;max-width:calc(100vw - 160px)}
html[data-motion=on] .site-atmosphere[data-development=ready]~.development-caption{opacity:1}
.development-caption small{font-size:8px;letter-spacing:.13em;color:#adbaa7;white-space:nowrap}
.development-caption i{width:25px;height:1px;background:#c9ceb573;flex:none}
.development-caption span{min-width:3.6em;white-space:nowrap}
.development-caption .development-kicker{display:none}
.site-atmosphere .atmosphere-veil{background:linear-gradient(90deg,#0a1917e6 0%,#0a19178c 25%,#0a191710 57%,transparent 82%),linear-gradient(0deg,#0a191755,transparent 40%)}
html[data-motion=on] .reveal-target{transform:translate3d(0,35px,0);transition:opacity 1.1s ease,transform 1.55s cubic-bezier(.16,1,.3,1),clip-path 1.55s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
html[data-motion=on] .reveal-target.reveal-frame{clip-path:inset(10% 0 0 0);transform:translate3d(0,46px,0) scale(.965)}
html[data-motion=on] .reveal-target.reveal-heading{clip-path:inset(0 0 24% 0);transform:translate3d(0,27px,0)}
html[data-motion=on] .reveal-target.is-visible{opacity:1;transform:translate3d(0,0,0);clip-path:inset(0 0 0 0)}
.channel-card:after{content:'';position:absolute;inset:0 0 auto;height:1px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#e4d4aa,transparent);transition:transform 1.9s cubic-bezier(.16,1,.3,1)}
.channel-card.is-visible:after{transform:scaleX(1)}
.research-topics>article>div,.background-grid>div{position:relative}
.research-topics>article:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#8b9a8077;transform:scaleX(0);transform-origin:left;transition:transform 1.6s ease}
.research-topics>article{position:relative}
.research-topics>article.is-visible:before{transform:scaleX(1)}
.contact-details.reveal-target{transition-delay:100ms}
html[data-motion=off] .development-caption{opacity:0}
html[data-motion=off] .reveal-target{clip-path:none;transform:none;opacity:1}
@media(min-width:1500px){.development-caption{left:30px;bottom:24px;gap:18px}.development-caption .development-kicker{display:inline}}
@media(max-width:760px){
  .development-caption{left:14px;bottom:14px;padding:9px 10px;gap:8px;font-size:9px;max-width:calc(100vw - 145px)}
  .development-caption small{font-size:7px}.development-caption i{width:14px}
  .site-atmosphere .atmosphere-veil{background:linear-gradient(90deg,#0a1917b3,#0a191733 65%,transparent),linear-gradient(0deg,#0a191755,transparent 40%)}
  html[data-motion=on] .reveal-target{transform:translate3d(0,20px,0);transition-duration:.8s,1.1s,1.1s}
  html[data-motion=on] .reveal-target.reveal-frame{transform:translate3d(0,26px,0) scale(.98);clip-path:inset(6% 0 0 0)}
  html[data-motion=on] .reveal-target.is-visible{transform:none;clip-path:inset(0 0 0 0)}
}
@media(prefers-reduced-motion:reduce){
  .development-canvas,.development-caption{display:none!important}
  .site-atmosphere[data-development=ready] .blastocyst-anchor{opacity:1}
  .reveal-target{clip-path:none!important;opacity:1!important;transform:none!important;transition:none!important}
  .channel-card:after,.research-topics>article:before{transition:none!important;transform:scaleX(1)}
}