body[data-arrival] #arrival-mark{width:256px!important;height:94px!important;contain:layout paint;will-change:opacity;}
body[data-arrival] .arrival-letters{display:none!important}
.arrival-raster{position:absolute;inset:0;width:256px;height:94px;pointer-events:none;will-change:opacity}
.arrival-raster-main{opacity:1;animation:logo-film-in 850ms ease both}
.arrival-raster-burn{opacity:0}
body[data-arrival=focusing] #arrival-mark{animation:logo-film-out 440ms ease both!important}
body[data-arrival=focusing] .arrival-raster-main{animation:logo-core-out 440ms ease both}
body[data-arrival=focusing] .arrival-raster-burn{animation:logo-ember 440ms ease both}
body[data-arrival=focusing] #arrival-curtain{mask:none!important;-webkit-mask:none!important;animation:studio-first-image 1200ms 180ms ease both!important;will-change:opacity}
@keyframes logo-film-in{0%{opacity:0}35%{opacity:.55}70%{opacity:.32}100%{opacity:.46}}
@keyframes logo-film-out{0%,30%{opacity:1}100%{opacity:0;visibility:hidden}}
@keyframes logo-core-out{0%{opacity:1}28%{opacity:.9}65%,100%{opacity:0}}
@keyframes logo-ember{0%{opacity:0}20%{opacity:.9}48%{opacity:.65}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.arrival-raster{animation:none!important}.arrival-raster-burn{display:none}}


body[data-arrival=loading] .arrival-raster-main{animation:logo-film-in 420ms ease both;opacity:.38}
/* One 72x94px stationary feathered mask, two inverse transforms. The logo
   texture itself never moves, so the sweep is continuous rather than a sprite. */
.logo-flashlight{position:absolute;top:0;left:-72px;width:72px;height:94px;overflow:hidden;pointer-events:none;contain:paint;will-change:transform;mask-image:linear-gradient(90deg,transparent,#000 35%,#000 65%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%,#000 65%,transparent);animation:logo-flashlight-sweep 820ms linear infinite}
.logo-flashlight img{display:block;width:256px!important;max-width:none!important;height:94px;position:absolute;left:72px;will-change:transform;animation:logo-flashlight-counter 820ms linear infinite}
@keyframes logo-flashlight-sweep{from{transform:translateX(0)}to{transform:translateX(328px)}}
@keyframes logo-flashlight-counter{from{transform:translateX(0)}to{transform:translateX(-328px)}}
body[data-arrival=focusing] .logo-flashlight{opacity:0;transition:opacity 70ms}
body[data-arrival=focusing] #arrival-mark{animation:logo-film-out 540ms linear both!important}
body[data-arrival=focusing] .arrival-raster-main{animation:logo-core-out 540ms linear both}
body[data-arrival=focusing] .arrival-raster-burn{animation:logo-ember 540ms linear both}
@keyframes logo-film-out{0%,56%{opacity:1}100%{opacity:0;visibility:hidden}}
@keyframes logo-core-out{0%{opacity:1}12%{opacity:.35}20%{opacity:.9}30%{opacity:.12}38%{opacity:.62}50%,100%{opacity:0}}
@keyframes logo-ember{0%{opacity:0}8%{opacity:1}20%{opacity:.35}28%{opacity:1}37%{opacity:.45}44%{opacity:.94}58%{opacity:.22}66%{opacity:.5}82%{opacity:.12}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.logo-flashlight{display:none}body[data-arrival=loading] .arrival-raster-main{opacity:1;animation:none!important}}