/* A short, staggered arrival. Individual children move so the fitted layout stays put. */
.tyne-scene-arrival{display:none!important}
.tyne-intro-brand{position:fixed;z-index:180;left:50%;top:50%;width:min(340px,68vw);aspect-ratio:1024/384;transform:translate(-50%,-50%);pointer-events:none;transition:opacity .4s ease}
.tyne-intro-flat,.tyne-intro-material{position:absolute;inset:0;width:100%;height:100%;transition:opacity .4s ease}
.tyne-intro-flat{background:linear-gradient(135deg,#e8efe9,#a8c6d1);mask:url('wordmarks/tyne-brand-sky.svg?v=20261024-original-1') center/contain no-repeat;filter:drop-shadow(0 2px 3px #09202a55)}
.tyne-intro-material{opacity:0}.tyne-intro-brand.has-effects .tyne-intro-material{opacity:1}.tyne-intro-brand.has-effects .tyne-intro-flat{opacity:0}
html.tyne-brand-arrived .tyne-intro-brand{opacity:0}
html.tyne-theme-pending:not([data-brand-intro]) .tyne-sky-wordmark,html[data-brand-intro]:not([data-brand-intro=complete]) .tyne-sky-wordmark{opacity:0}
html[data-brand-intro] .tyne-sky-wordmark{transition:opacity .4s ease}
html[data-brand-intro] .tyne-wordmark-surface,html[data-brand-intro] .tyne-sky-wordmark-name{transition:opacity .4s ease}
html[data-brand-intro]:not([data-brand-intro=complete]) :is(.tyne-brand-divider,.tyne-brand-promise){opacity:0}
html[data-brand-intro=complete] :is(.tyne-brand-divider,.tyne-brand-promise){transition:opacity .2s ease}
@media(prefers-reduced-motion:reduce){html[data-brand-intro] .tyne-sky-wordmark{transition:none}}
html[data-first-scene] body::before{background-image:var(--scene-first-plate)!important;background-size:var(--scene-first-size,cover)!important;background-position:var(--scene-first-position,center)!important;filter:none!important;height:calc(var(--scene-document-height,100dvh) + var(--scene-home-offset,22px))}
html[data-first-scene=poster][data-first-scene][data-scene-mode]:not([data-scene-view=immersive]) body::before{inset:0!important;height:calc(100dvh + var(--scene-arrival-drop,0px))!important;background-size:100% 100%!important;background-position:center!important;opacity:1!important;transform:none!important}
html[data-first-scene] .tyne-ambient-scene{opacity:0!important;transition:opacity .55s ease}
html[data-live-scene=ready] .tyne-ambient-scene{opacity:1!important}
@media(prefers-reduced-motion:reduce){.tyne-intro-brand,.tyne-intro-flat,.tyne-intro-material,html[data-first-scene] .tyne-ambient-scene{transition:none}}
@keyframes tyne-panel-arrive{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
@keyframes tyne-home-arrive{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@keyframes tyne-logo-arrive{from{opacity:0;translate:12px 0}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:no-preference){
 .hero>.hero-inner{animation:tyne-panel-arrive .6s cubic-bezier(.22,1,.36,1) .10s both}
 .hero>.hero-inner>.hero-editorial-heading{animation:tyne-home-arrive .44s cubic-bezier(.22,1,.36,1) .04s both}
 .hero>.hero-inner>.lede{animation:tyne-home-arrive .44s cubic-bezier(.22,1,.36,1) .10s both}
 .hero>.hero-inner>.tyne-demo-dock{animation:tyne-home-arrive .44s cubic-bezier(.22,1,.36,1) .16s both}
 .hero>.hero-inner>.hero-bridge-stage{animation:tyne-home-arrive .46s cubic-bezier(.22,1,.36,1) .13s both}
 .hero>.hero-inner>.tyne-blog-carousel{animation:tyne-home-arrive .44s cubic-bezier(.22,1,.36,1) .22s both}
 .bridge-client-logos>.bridge-logo,.bridge-client-logos>.client-more{animation:tyne-logo-arrive .42s cubic-bezier(.22,1,.36,1) .20s both}
 .bridge-client-logos>:nth-child(2){animation-delay:.25s}.bridge-client-logos>:nth-child(3){animation-delay:.30s}.bridge-client-logos>:nth-child(4){animation-delay:.35s}.bridge-client-logos>:nth-child(5){animation-delay:.40s}
}