/* Naim — base de identidade. Por enquanto, carregada apenas na landing e no estudo. */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;1,9..144,500&family=Manrope:wght@400;500;600;700&display=swap');

:root {
    --naim-plum: #594158;
    --naim-plum-hover: #493449;
    --naim-ivory: #FAF7F0;
    --naim-white: #FFFFFF;
    --naim-gold: #BEA06A;
    --naim-gold-ink: #806438;
    --naim-ink: #302830;
    --naim-muted: #6F626B;
    --naim-lavender: #EEE7ED;
    --naim-border: #DFD5DC;
    --naim-font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
    --naim-font-body: 'Manrope', 'Segoe UI', Arial, sans-serif;

    /* Compatibilidade com os estilos existentes da página inicial. */
    --primary-color: var(--naim-plum);
    --secondary-color: var(--naim-plum-hover);
    --light-color: var(--naim-ivory);
    --dark-color: var(--naim-ink);
    --white: var(--naim-white);
    --gray: var(--naim-lavender);
}

/* Approved vector artwork: preserve its proportions and original colours. */
.universe-page .brand-lockup { display: block; width: 177px; height: auto; }
.universe-page .brand-product-lockup { display: block; width: 113px; height: auto; }
.universe-page .brand-receipt-lockup { display: block; width: 100px; height: auto; }
.universe-page .journey-brand-icon { display: block; width: 32px; height: 32px; }
.universe-page .menu-brand-icon { display: block; width: 28px; height: 28px; }
.universe-page .brand-story-mark { display: block; width: 60%; height: auto; }
.universe-page .footer-signature { padding-block: 38px 0; line-height: 1; overflow: visible; }
.universe-page .footer-signature > img { display: block; width: min(100%, 940px); height: auto; margin-inline: auto; }
.brand-board-lockup { display: block; width: 177px; height: auto; }
@media (max-width: 700px) {
    .universe-page .site-header .brand-lockup { width: 120px; }
    .universe-page .brand-product-lockup { width: 90px; }
}
@media (max-width: 380px) {
    .universe-page .site-header .brand-lockup { width: 104px; }
}