#ocda-intro{
  --ocda-header-height:110px;
  position:fixed;
  inset:0;
  z-index:100000;
  display:none;
  place-items:center;
  overflow:hidden;
  background:#EE8B1A;
  clip-path:inset(0 0 0 0);
  pointer-events:none;
}
html.ocda-intro-play #ocda-intro{
  display:grid;
  animation:ocda-intro-rise .85s cubic-bezier(.76,0,.24,1) 1s forwards;
}
#ocda-intro img{
  display:block;
  width:min(68vw,560px);
  height:auto;
  max-height:20vh;
  object-fit:contain;
  animation:ocda-intro-logo-out .2s ease-in 1.08s forwards;
}
@keyframes ocda-intro-rise{
  to{clip-path:inset(0 0 calc(100% - var(--ocda-header-height)) 0)}
}
@keyframes ocda-intro-logo-out{
  to{opacity:0;transform:translateY(-18px)}
}
@media(max-width:767px){
  #ocda-intro img{width:min(78vw,420px)}
}
@media(prefers-reduced-motion:reduce){
  html.ocda-intro-play #ocda-intro{display:none}
}