/* Shared Cyper branding: preserve the scenery, menu frame and original header geometry. */
#header .key{background-image:none}
#header h1 a{position:relative}
#header h1 a img.site-cyper-header-logo{position:absolute;left:0;top:-25px;display:block;width:420px;height:140px;max-width:none;object-fit:contain;pointer-events:none}
#header h1 a:focus-visible{outline:2px solid #e9c680;outline-offset:3px}

/* Intro uses the same branding over its original clean full-page scenery. */
.ch-intro #header,.ch-intro #header .key{background-image:none}
.ch-intro #header .key{box-sizing:border-box;width:100%;height:205px;min-height:205px;padding:20px 0 25px}
.ch-intro #header h1 a{width:480px;height:160px;margin:0 auto}
.ch-intro #header h1 a img.site-cyper-header-logo{left:0;top:0;width:480px;height:160px}