/* Additive motion; the original page continues to own layout and content. */
#imperial-s-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:45;pointer-events:none;opacity:0}
#imperial-s-canvas[data-surface="hero-local"]{position:absolute;inset:0;bottom:auto;width:100%;height:100%}
.cine .lk-hero.imp-brand-lockup{--s:clamp(150px,16vw,224px)}
.cine .lk-hero .lk-s-art{width:calc(var(--s) * .8666666667);height:calc(var(--s) * 1.3)}
.cine .lk-hero.imp-brand-lockup>.lk-l,.cine .lk-hero.imp-brand-lockup>.lk-r{font-size:calc(1.12em * var(--imperius-wordmark-fit,1));opacity:1}
/* The real heading, copy and buttons remain usable while graphics load. */
.cine .cine-foot{opacity:calc(1 - var(--p) * .9)}
html.imperius-hero-ready .cine .cine-foot{opacity:calc((1 - var(--p) * .9) * var(--imperial-intro-release,1))}
html.imperius-hero-pending body .cine .lk-hero.imp-brand-lockup .lk-s-art>.imp-s-plane,
html.imperius-hero-pending body .cine .lk-hero.imp-brand-lockup .lk-s-art>.imp-s-plane *,
html.imperius-hero-pending body:not(.imperial-ready) .cine .lk-hero.imp-brand-lockup .lk-s-art img.s-img,
html.imperius-hero-ready body .cine .lk-hero.imp-brand-lockup .lk-s-art>.imp-s-plane,
html.imperius-hero-ready body .cine .lk-hero.imp-brand-lockup .lk-s-art>.imp-s-plane *,
html.imperius-hero-ready body .cine .lk-hero.imp-brand-lockup .lk-s-art img.s-img{visibility:hidden!important}
/* rev. 28: !important so the base fromS-l/fromS-r entrance animation cannot fade the letters in before the S is ready */
html.imperius-hero-pending .cine .lk-hero.imp-brand-lockup>.lk-l,
html.imperius-hero-pending .cine .lk-hero.imp-brand-lockup>.lk-r{opacity:0!important}
html.imperius-hero-pending #imperial-s-canvas{visibility:hidden}
.imperius-glyph{display:inline-block;opacity:0;transform:translateY(.14em);transition:opacity 140ms cubic-bezier(.22,1,.36,1),transform 220ms cubic-bezier(.22,1,.36,1)}
.imperius-glyph[data-visible="1"]{opacity:1;transform:translateY(0)}
.imperial-tools{position:fixed;right:90px;bottom:18px;z-index:100;display:flex;padding:4px;border:1px solid #b58c5140;border-radius:24px;background:#1a1712e8;box-shadow:0 4px 20px #0002}
.imperial-tools button{font:500 11px/1.2 system-ui,sans-serif;letter-spacing:.01em;cursor:pointer;color:#e9d3af;background:transparent;border:0;border-radius:20px;padding:9px 11px;transition:background-color 150ms cubic-bezier(.22,1,.36,1)}
.imperial-tools button:hover{background:#a77c402b}.imperial-tools button:focus-visible{outline:2px solid #eccb90;outline-offset:2px}
.imperial-tools[hidden]{display:none}
body.menu-open #imperial-s-canvas,body.ck-lock #imperial-s-canvas{visibility:hidden!important}
html.imperius-motion-static #imperial-s-canvas,html.imperius-motion-static .imperial-tools,html.imperius-motion-static .hero-neural-canvas{display:none!important}
html.imperius-motion-static body .cine .lk-hero.imp-brand-lockup .lk-s-art>.imp-s-plane,
html.imperius-motion-static body .cine .lk-hero.imp-brand-lockup .lk-s-art img.s-img{visibility:visible!important}
html.imperius-motion-static .cine .lk-s-art>.imp-s-plane{animation:none!important;clip-path:none!important}
html.imperius-motion-static .cine .lk-hero.imp-brand-lockup>.lk-l,html.imperius-motion-static .cine .lk-hero.imp-brand-lockup>.lk-r{opacity:1!important}
html.imperius-motion-static .imperius-glyph{opacity:1!important;transform:none!important;transition:none!important}
@media(max-width:560px){.cine .lk-hero.imp-brand-lockup{--s:clamp(124px,34vw,150px)}}
@media(max-width:1100px){.imperial-tools{right:76px;bottom:10px}.imperial-tools button{padding:8px;font-size:10px}}
/* rev. 28: the pause button stays out of the cookie banner's way while the banner is open */
html:has(.ck-notice.show) .imperial-tools{display:none!important}
/* rev. 28: on tablets (two-column hero foot) a smaller S keeps the lead paragraph clear of "OFTWARE" */
@media(min-width:781px) and (max-width:1180px){.cine .lk-hero.imp-brand-lockup{--s:clamp(104px,11vw,140px)}}
@media(min-width:1101px) and (max-height:800px){html:has(.ck-notice.show) .cine .lk-hero.imp-brand-lockup{--s:clamp(112px,16svh,128px)}}
@media(prefers-reduced-motion:reduce){
  #imperial-s-canvas,.imperial-tools,.hero-neural-canvas{display:none!important}
  html body .cine .lk-hero.imp-brand-lockup .lk-s-art>.imp-s-plane,html body .cine .lk-hero.imp-brand-lockup .lk-s-art img.s-img{visibility:visible!important}
  html .cine .lk-hero.imp-brand-lockup>.lk-l,html .cine .lk-hero.imp-brand-lockup>.lk-r{opacity:1!important}
  .imperius-glyph{opacity:1!important;transform:none!important;transition:none!important}
}
