/* Official brand lockup. Presentation only; scoped to Header and Footer. */
:is(header,footer) .brand-copy{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
:is(header,footer) .brand-name{display:block;font:inherit;line-height:1.08;white-space:nowrap}
:is(header,footer) .brand-tagline{display:block;font:12px/1.35 Arial,"Segoe UI",sans-serif;letter-spacing:.15px;text-transform:none;white-space:nowrap;font-style:normal}
header .brand{letter-spacing:3px;gap:12px}
header .brand img{flex-shrink:0}
footer .brand{letter-spacing:3px;width:fit-content}
footer .brand-tagline{color:#e6d7bf}
.home-journal .journal-header{gap:18px}
.home-journal .journal-header .journal-brand{gap:9px;flex-shrink:0}
.home-journal .journal-header .brand-copy{gap:5px}
.home-journal .journal-header .brand-tagline{color:#76574b;font-size:11px;letter-spacing:.15px}
.home-journal .journal-header nav{margin-left:auto}
.home-journal .journal-footer .brand-copy{gap:9px}
.home-journal .journal-footer .brand-tagline{font-size:12px;color:#ead9bd;letter-spacing:.15px}
.home-journal .journal-footer .footer-signoff small{margin-top:16px}
@media(max-width:1100px){header .brand{letter-spacing:2px}.home-journal .journal-header nav{gap:18px}}
@media(max-width:900px){.home-journal .journal-header .journal-brand{font-size:25px}.home-journal .journal-header nav{width:100%;margin-left:0;justify-content:space-between;gap:12px}.home-journal .journal-header .brand-tagline{font-size:11px}}
@media(max-width:600px){:is(header,footer) .brand-tagline{font-size:12px;letter-spacing:0}header .brand{font-size:24px;letter-spacing:2px}.home-journal .journal-header{gap:14px;padding-top:14px;padding-bottom:12px}.home-journal .journal-header .journal-brand{font-size:25px}.home-journal .journal-header .crescent{font-size:35px}.home-journal .journal-header .brand-tagline{font-size:11px;letter-spacing:.1px}.home-journal .journal-header nav{gap:10px}.home-journal .journal-footer .brand-tagline{font-size:12px;letter-spacing:0}}
/* Graphic and lettering are separate assets. Only brand lockups are affected. */
:is(header,footer) .official-brand{display:inline-flex;align-items:center;gap:12px;width:fit-content;text-decoration:none;flex-shrink:0;max-width:100%;letter-spacing:2px}
:is(header,footer) .official-brand .official-logo{display:block;width:52px;height:64px;object-fit:contain;flex:0 0 auto;margin:0;max-width:none}
:is(header,footer) .official-brand .brand-name{font:26px/1.1 Georgia,"Times New Roman",serif;letter-spacing:2.4px}
:is(header,footer) .official-brand .brand-tagline{font:11px/1.4 Arial,"Segoe UI",sans-serif;letter-spacing:.15px}
body:not(.home-journal)>header{background:#fcf7f0;color:#682638}
body:not(.home-journal)>header .official-brand{color:#682638}
body:not(.home-journal)>header .brand-tagline{color:#76574b}
footer .official-brand{color:#fff1d3}
footer .official-brand .official-logo{width:65px;height:80px;filter:drop-shadow(0 0 .65px #f0bd60)}
.home-journal .journal-footer .official-brand{white-space:normal}
@media(max-width:600px){:is(header,footer) .official-brand{gap:9px}:is(header,footer) .official-brand .official-logo{width:39px;height:48px}:is(header,footer) .official-brand .brand-name{font-size:22px;letter-spacing:1.8px}:is(header,footer) .official-brand .brand-tagline{font-size:10px;letter-spacing:0}footer .official-brand .official-logo{width:52px;height:64px}.home-journal .journal-header{flex-wrap:wrap}.home-journal .journal-header .official-brand{font-size:22px}}
.foundation-page .foundation-hero .about-brand-art{display:block;width:28%;flex:0 0 auto;text-align:center}.foundation-page .foundation-hero .about-brand-art img{width:100%;height:260px;object-fit:contain;border-radius:0;max-height:none}
@media(max-width:480px){.foundation-page .foundation-hero .about-brand-art{width:100%;margin-top:22px}.foundation-page .foundation-hero .about-brand-art img{height:180px;margin:0}}
