/* Metro geometry only: header slanted logo panel + footer badge dock. */
.metro-header-logo-panel{position:relative;min-height:130px;clip-path:polygon(0 0,calc(100% - 44px) 0,100% 100%,calc(100% - 80px) 100%,0 100%);z-index:5;box-shadow:0 8px 20px rgba(19,63,103,.16);margin-bottom:-29px;overflow:visible;}
.metro-header-logo-panel:before{content:"";position:absolute;inset:0;background:#133F67;z-index:-1;}
.metro-header-logo-separator{min-height:62px;background:rgba(255,255,255,.33);transform:skewX(-16deg);flex:0 0 1px;}
.metro-footer-badge-dock{position:relative;margin-top:-36px;border-radius:28px 28px 0 0;min-height:72px;display:flex;align-items:center;justify-content:center;z-index:2;}
@media(max-width:1024px){.metro-header-logo-panel{min-height:88px;margin-bottom:0;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);}.metro-header-logo-separator{min-height:50px}.metro-footer-badge-dock{margin-top:-28px;min-height:60px}}
@media(max-width:565px){.metro-header-logo-panel{min-height:82px}.metro-header-logo-separator{min-height:44px}}