/* Original logo, kept in full colour and at its natural aspect ratio. */
.fgh-app .fgh-brand {
    min-width: 0;
    max-width: 340px;
    flex-shrink: 1;
    gap: 14px;
    border-radius: 16px;
}
.fgh-brand-plate {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
    min-height: 48px;
    padding: 8px 10px;
    background: #fff;
    border: 1px solid #dcc797;
    border-radius: 16px;
    box-shadow: 0 3px 14px #9b6a2114;
}
.fgh-app .fgh-brand-image {
    display: block;
    width: auto;
    height: auto;
    max-height: var(--fgh-logo-height, 80px);
    max-width: min(220px, 100%);
    object-fit: contain;
    filter: none;
}
.fgh-brand-caption {
    min-width: 0;
    font-size: calc(16px * var(--fgh-scale));
    line-height: 1.6;
    font-weight: 600;
    letter-spacing: .12em;
    color: var(--fgh-gold);
    overflow-wrap: anywhere;
}
.fgh-header-inner { padding-block: 10px; }
.fgh-app .fgh-brand--footer { max-width: 100%; }
.fgh-brand--footer .fgh-brand-image { max-height: min(64px, var(--fgh-logo-height, 80px)); }
.fgh-brand--footer .fgh-brand-caption {
    color: var(--fgh-muted);
    font-weight: 400;
    letter-spacing: .025em;
}
html[data-fgh-theme="dark"] .fgh-brand-plate { border-color: #d8b365; box-shadow: 0 3px 16px #0003; }
@media (max-width: 680px) {
    .fgh-header-inner { padding-block: 12px; gap: 12px; }
    .fgh-app .fgh-brand { max-width: 100%; gap: 14px; }
    .fgh-brand-plate { padding: 6px 8px; border-radius: 12px; }
    .fgh-app .fgh-brand-image {
        max-height: var(--fgh-logo-mobile-height, 64px);
        max-width: min(180px, 100%);
    }
    .fgh-brand-caption { font-size: calc(16px * var(--fgh-scale)); }
    .fgh-footer .fgh-brand-image { max-height: min(64px, var(--fgh-logo-mobile-height, 64px)); }
}