/* AGGRO v31.19 — cinematic handoff from intro composition to header logo */
.brand-intro.brand-intro--v18{
  background:transparent!important;
  contain:layout paint size!important;
}
.brand-intro-v19__backdrop{
  position:absolute;
  inset:0;
  z-index:0;
  background:
    radial-gradient(circle at 50% 43%,rgba(255,255,255,.98) 0 8%,rgba(249,235,218,.96) 31%,rgba(238,210,177,.96) 73%,#e7c093 100%);
  opacity:1;
  transform:translateZ(0);
  pointer-events:none;
  will-change:opacity;
}
.brand-intro--v18::before,
.brand-intro--v18::after,
.brand-intro-v18__rings,
.brand-intro-v18__glow,
.brand-intro-v18__skip,
.brand-intro-v18__eyebrow,
.brand-intro-v18__descriptor,
.brand-intro-v18__line{
  will-change:opacity,transform;
}
.brand-intro-v18__logo{
  transform-origin:center center!important;
  will-change:transform,filter,opacity!important;
  backface-visibility:hidden;
}

/* The page appears beneath the travelling logo. */
body.intro-revealing > .header,
body.intro-revealing > main,
body.intro-revealing > .footer,
body.intro-revealing > .scroll-progress,
body.intro-revealing > .skip-link{
  transition:opacity .72s cubic-bezier(.18,.72,.2,1)!important;
}
body.intro-revealing .header .logo{
  opacity:0!important;
}
body.intro-logo-arrived .header .logo{
  opacity:1!important;
  transition:opacity .18s ease-out!important;
}

/* Everything surrounding the wordmark folds into the transition. */
.brand-intro--v18.is-flying .brand-intro-v19__backdrop{
  opacity:0;
  transition:opacity .92s cubic-bezier(.24,.72,.2,1) .20s;
}
.brand-intro--v18.is-flying::before,
.brand-intro--v18.is-flying::after{
  opacity:0!important;
  transition:opacity .72s ease .08s!important;
}
.brand-intro--v18.is-flying .brand-intro-v18__rings{
  opacity:0!important;
  transform:translate(-50%,-50%) scale(.56) rotate(12deg)!important;
  transition:opacity .58s ease,transform .78s cubic-bezier(.2,.78,.2,1)!important;
}
.brand-intro--v18.is-flying .brand-intro-v18__glow{
  opacity:0!important;
  transform:scale(.72)!important;
  transition:opacity .58s ease,transform .72s ease!important;
}
.brand-intro--v18.is-flying .brand-intro-v18__skip{
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .18s ease!important;
}
.brand-intro--v18.is-flying .brand-intro-v18__eyebrow{
  opacity:0!important;
  transform:translate3d(0,20px,0) scale(.94)!important;
  transition:opacity .32s ease,transform .48s cubic-bezier(.2,.72,.2,1)!important;
}
.brand-intro--v18.is-flying .brand-intro-v18__descriptor{
  opacity:0!important;
  transform:translate3d(0,-18px,0) scale(.94)!important;
  transition:opacity .34s ease,transform .50s cubic-bezier(.2,.72,.2,1)!important;
}
.brand-intro--v18.is-flying .brand-intro-v18__line{
  opacity:0!important;
  transform:scaleX(.18)!important;
  transition:opacity .28s ease,transform .46s cubic-bezier(.2,.72,.2,1)!important;
}

/* Keep the flying logo crisp above the fading stage. */
.brand-intro--v18.is-flying .brand-intro-v18__stage{
  z-index:6!important;
}
.brand-intro--v18.is-flying{
  opacity:1!important;
  transform:none!important;
  pointer-events:none;
}

@media(max-width:900px){
  .brand-intro--v18.is-flying .brand-intro-v19__backdrop{
    transition-duration:.82s;
  }
}

@media(prefers-reduced-motion:reduce){
  .brand-intro-v19__backdrop{display:none!important}
}