/* The header, footer and launch screen use the same original logo artwork. */
.header-inner{max-width:1160px}
.brand{min-width:0}
.brand .brand-lockup{display:block;flex:none;width:175px;height:auto;max-width:100%}
.footer .footer-brand .brand-lockup{width:151px}
@media(max-width:1000px){.header .brand .brand-lockup{width:163px}}
@media(max-width:760px){.header .brand .brand-lockup{width:149px}}

/* Installed web apps: artwork proportions match the approved launch screen. */
.app-splash{display:none}
html.app-splash-visible .app-splash{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#fff;pointer-events:auto}
.app-splash-content{width:min(290px,78vw);display:flex;flex-direction:column;align-items:center;text-align:center}
html.app-splash-visible:not(.app-splash-ready) .app-splash-content{visibility:hidden}
.app-splash-onnuri{display:block;width:183px;max-width:82%;height:auto}
.app-splash .brand{margin-top:49px}
.app-splash .brand .brand-lockup{width:220px;max-width:100%}
.app-splash-progress{width:160px;max-width:82%;height:3px;margin-top:20px;border-radius:3px;background:#d8d8da;overflow:hidden}
.app-splash-progress::after{content:"";display:block;width:50%;height:100%;border-radius:inherit;background:#ff5500;animation:splash-progress 1.2s ease-in-out infinite alternate}
@keyframes splash-progress{from{transform:translateX(0)}to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.app-splash-progress::after{animation:none}}