/* Conference logo layout for the reviewer portal. */
.conference-branding {
    display: grid;
    grid-template-columns: minmax(145px, 0.72fr) minmax(310px, 2fr) minmax(145px, 0.72fr);
    align-items: center;
    min-height: 194px;
    overflow: hidden;
}

.conference-branding .main-heading {
    margin: 0;
    padding: 22px 16px;
    white-space: nowrap;
}

.conference-logo-panel {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    min-width: 0;
    padding: 18px;
    background: #ffffff;
}

.conference-logo-panel-left {
    gap: 14px;
    clip-path: polygon(0 0, 82% 0, 100% 50%, 82% 100%, 0 100%);
}

.conference-logo-panel-right {
    clip-path: polygon(18% 0, 100% 0, 100% 100%, 18% 100%, 0 50%);
}

.conference-logo {
    display: block;
    max-width: 48%;
    object-fit: contain;
}

.conference-logo-one { height: 106px; }
.conference-logo-two { height: 90px; }
.conference-logo-three { width: min(130px, 100%); max-width: 100%; }

.footer-location {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.footer-logo {
    width: 48px;
    height: 58px;
    flex: 0 0 auto;
    object-fit: contain;
}

.creator-credit {
    position: fixed;
    right: 12px;
    bottom: 8px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.5rem;
    letter-spacing: 0.1em;
    line-height: 1;
    pointer-events: none;
    z-index: 2;
}

@media (max-width: 720px) {
    .conference-branding {
        grid-template-columns: 1fr 1fr;
        min-height: 0;
    }

    .conference-branding .main-heading {
        grid-column: 1 / -1;
        grid-row: 1;
        padding: 20px 8px 12px;
        font-size: clamp(2.4rem, 12vw, 4rem);
    }

    .conference-logo-panel {
        grid-row: 2;
        min-height: 86px;
        padding: 10px 14px;
        clip-path: none;
    }

    .conference-logo-panel-left { grid-column: 1; }
    .conference-logo-panel-right { grid-column: 2; }
    .conference-logo-one { height: 64px; }
    .conference-logo-two { height: 58px; }
    .conference-logo-three { width: 96px; }
    .footer-location { justify-content: flex-start; }
    .creator-credit { right: 8px; bottom: 5px; font-size: 0.58rem; }
}