/* Original supplied logo; its lettering is also reused without substituting a font. */
.brand .official-logo{display:block;width:300px;max-width:100%;height:auto;aspect-ratio:4/1;object-fit:contain}
.site-header .brand{flex:0 1 300px;min-width:0;margin-right:1.5rem}
.footer-brand{max-width:100%}
.filfil-wordmark{display:inline-block;position:relative;width:3.15em;height:1.125em;vertical-align:-.22em;background:url('assets/filfil-logo.jpg') 50% 15% / 214.285714% 150% no-repeat;filter:invert(1) grayscale(1) sepia(1) saturate(1.4);mix-blend-mode:screen;letter-spacing:0;text-shadow:none}
.button.primary .filfil-wordmark{filter:none;mix-blend-mode:multiply;margin-left:.35em}
.night-masthead h1{font-size:clamp(4.5rem,12vw,10rem);max-width:100%;line-height:1.1}
.night-masthead h1 .filfil-wordmark{vertical-align:middle;max-width:100%}
@media(max-width:1150px){.site-header{height:100px}.site-header nav{top:100px}.brand .official-logo{width:300px}}
@media(max-width:580px){.site-header{height:88px;gap:12px}.site-header nav{top:88px}.site-header .brand{margin-right:0;flex:0 1 260px}.brand .official-logo{width:260px}.nav-toggle{flex:none}.night-masthead h1{font-size:clamp(3.5rem,18vw,6rem)}}
/* Compact header identity with the original pepper emblem. */
.site-header .brand{flex:0 0 auto;gap:.8rem;margin-right:1.5rem}
.header-brand-text{display:flex;flex-direction:column;align-items:center}
.header-brand-text>.filfil-wordmark{font-size:2.4rem;vertical-align:middle}
.header-brand-text>small{font:400 .7rem/1.2 Arial,Helvetica,sans-serif;letter-spacing:.18em;text-transform:uppercase;margin-top:.35rem;color:#e3bd69}
@media(max-width:580px){.site-header .brand{margin-right:0;gap:.7rem}.header-brand-text>.filfil-wordmark{font-size:2rem}.header-brand-text>small{font-size:.65rem;letter-spacing:.15em}}
.site-header .pepper-logo{filter:url('#pepper-remove-white');box-shadow:none;border-radius:0}

.brand-filter-defs{position:absolute;pointer-events:none}