/* The agency site's official symbol fill, docked into the manager's header. */
:root{--panel-intro-css-ready:1}
#loading.panel-intro-cover{background:radial-gradient(ellipse at 78% 24%,#122a3b 0,transparent 56%),#070e14;overflow:hidden;gap:0;transition:none;isolation:isolate}
#loading.panel-intro-cover::before{content:"";position:absolute;left:64%;top:-25%;width:44%;height:150%;transform:rotate(-9deg);background:linear-gradient(115deg,#c5e4f51c,#1a3b5129 45%,#07111b24);border-left:1px solid #d2edff1c;box-shadow:inset 28px 0 60px #d7eaff05;pointer-events:none}
#loading.panel-intro-cover.hide{visibility:hidden;opacity:0;pointer-events:none}
.panel-intro-brand{position:fixed;left:50%;top:47%;width:224px;height:224px;transform:translate(-50%,-50%);transform-origin:center;z-index:10001;pointer-events:none;contain:layout style paint;will-change:transform}
.panel-intro-brand .panel-intro-fallback{display:none}
.panel-intro-ink,.panel-intro-fill{position:absolute;inset:0;-webkit-mask:url('/assets/panel-reference/mark.png') center/contain no-repeat;mask:url('/assets/panel-reference/mark.png') center/contain no-repeat}
.panel-intro-ink{background:#20272d}
.panel-intro-fill{background:#f4f7fa;clip-path:inset(100% 0 0 0)}
.panel-intro-status{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
html[data-panel-intro] #panel-reference-shell .brand img{opacity:0!important}
html[data-panel-intro="loading"] #panel-reference-shell,
html[data-panel-intro="flying"] #panel-reference-shell,
html[data-panel-intro="loading"] .layout,
html[data-panel-intro="flying"] .layout{visibility:hidden}
html[data-panel-intro="flying"] .panel-intro-fallback,
html[data-panel-intro="entering"] .panel-intro-fallback{display:block;width:100%;height:100%;object-fit:contain}
html[data-panel-intro="flying"] :is(.panel-intro-ink,.panel-intro-fill),
html[data-panel-intro="entering"] :is(.panel-intro-ink,.panel-intro-fill){display:none}
html[data-panel-intro="entering"] .main{transform-origin:50% 18%}
@media(max-width:600px){.panel-intro-brand{width:48vw;height:48vw;max-width:200px;max-height:200px}#loading.panel-intro-cover::before{left:69%;width:80%}}
@media(prefers-reduced-motion:reduce){.panel-intro-fill{clip-path:none}.panel-intro-brand{will-change:auto}}