/* Transparent logo treatment: designed for the full navigation bar, not a white badge. */
.site-header{height:92px;padding:8px 4.5vw;color:var(--navy);background:var(--cream);border-bottom:1px solid var(--line)}
.brand img{width:205px;height:75px;background:none;padding:0;object-fit:contain;object-position:left}
.header-cta{color:var(--navy)}
footer .footer-brand img{width:255px;background:none;padding:0;filter:grayscale(1) brightness(0) invert(1)}
@media(max-width:760px){.site-header{height:78px;padding:7px 6vw}.brand img{width:165px;height:62px}.menu span{background:var(--navy)}}

/* Compact mark gives the header a legible signature without a white badge. */
.site-header .brand img{width:170px;height:75px}
@media(max-width:760px){.site-header .brand img{width:138px;height:62px}}

/* A quiet BP signature in the brand-story section. */
.who-we-are{position:relative;isolation:isolate;overflow:hidden}
.who-we-are::before{content:"";position:absolute;z-index:2;right:clamp(24px,7vw,120px);top:50%;width:clamp(240px,27vw,430px);aspect-ratio:1;background:url('assets/logo-batisseurs-perenne-header-mark.png') center/contain no-repeat;filter:grayscale(1) brightness(0) invert(1);opacity:.055;transform:translateY(-50%);pointer-events:none}.who-we-are>*{position:relative;z-index:1}
@media(max-width:760px){.who-we-are::before{right:-54px;width:260px;opacity:.055}}