/* Owner-supplied identity, layered onto the existing layouts. */
.brand-lockup{display:inline-flex;align-items:center;gap:12px;max-width:100%;vertical-align:middle;line-height:1;letter-spacing:.14em;font-family:Manrope,system-ui,sans-serif;font-weight:650}
.brand-logo{display:block;max-width:100%;width:auto;height:auto;max-height:100%;object-fit:contain;object-position:left center}
.brand-lockup--hero{height:46px;max-width:440px;width:100%;justify-content:flex-start;font-size:29px}
.brand-product-name{margin:0 0 28px!important;line-height:1}
.brand-lockup--catalogue{height:32px;width:100%;max-width:350px;font-size:23px}
.brand-lockup--card{height:23px;width:100%;font-size:17px}
.brand-lockup--choice{height:22px;width:100%;max-width:260px;font-size:16px}
.brand-choice-name{line-height:1;margin:0 0 17px!important}
.brand-lockup--offer{height:30px;width:100%;max-width:330px}
.brand-offer-name{margin-bottom:22px;line-height:1}
.brand-lockup--light .brand-logo{filter:brightness(0) invert(1);opacity:.97}
.brand-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:30px}
.brand-personal-symbol{max-width:100%;max-height:100%;width:auto;height:auto}
.brand-lockup--hero .brand-symbol{width:55px;height:44px}
.brand-lockup--choice .brand-symbol{width:28px;height:22px}
.brand-comparison{grid-template-columns:repeat(4,minmax(0,1fr))}
.brand-comparison .card{min-width:0}
.brand-comparison h3{margin-bottom:18px;line-height:1}
.brand-comparison .brand-lockup--card{height:20px}
.brand-series-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:18px;vertical-align:middle;margin-right:7px}
.brand-series-icon svg{width:24px;height:18px}
.brand-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* A single quiet signature per introduction; decorative layers never take input. */
.brand-page #main>section:first-child,.brand-page #join,.brand-page #formats{position:relative;isolation:isolate}
.brand-page #main>section:first-child:before,.brand-page #join:before,.brand-page #formats:before{content:'';position:absolute;pointer-events:none;z-index:-1;background:url('/assets/brand/programmes/w-navy.webp') center/contain no-repeat;width:clamp(250px,30vw,440px);height:clamp(180px,24vw,320px);right:2%;top:15%;opacity:.045}
.brand-page #main>section.hero:first-child:before{left:-90px;right:auto;top:25px;opacity:.035}
.brand-page #main>section.hero--prostir:first-child:before{background-image:url('/assets/brand/programmes/flower.webp');width:350px;height:350px;left:-120px;top:20px;opacity:.055}
.brand-page #main>section.hero--rounded:first-child:before{background-image:url('/assets/brand/programmes/w-milk.webp');opacity:.055}
.brand-page #join:before{background-image:url('/assets/brand/programmes/w-milk.webp');width:380px;height:270px;right:2%;top:auto;bottom:0;opacity:.055}
.brand-page #formats:before{top:20px;right:1%;opacity:.045}
@media(max-width:1000px){.brand-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-lockup--hero{height:40px;max-width:380px}.brand-page #main>section.hero:first-child:before{width:280px;height:210px}}
@media(max-width:640px){.brand-lockup--hero{height:32px;max-width:100%;font-size:23px}.brand-product-name{margin-bottom:22px!important}.brand-lockup--catalogue{height:26px;font-size:19px}.brand-lockup--offer{height:25px;max-width:100%}.brand-comparison{grid-template-columns:1fr}.brand-comparison .brand-lockup--card{height:21px}.brand-choice-name{margin-bottom:14px!important}.brand-page #main>section:first-child:before{width:230px;height:170px;right:0;opacity:.035}.brand-page #main>section.hero:first-child:before{left:-70px;top:16px;opacity:.025}.brand-page #main>section.hero--prostir:first-child:before{width:240px;height:240px;left:-90px;opacity:.04}.brand-page #join:before{width:240px;height:180px;right:0;opacity:.04}}
@media print{.brand-page #main>section:before{display:none!important}.brand-lockup--light .brand-logo{filter:none}}

/* Logo contrast follows the surface, including translucent cards on navy. */
.section.navy .brand-logo,.section.navy .brand-personal-symbol{filter:brightness(0) invert(1);opacity:.97}
.rounded-page #main .card .brand-logo,.rounded-page #main .card .brand-personal-symbol{filter:none;opacity:1}

/* October 13: one wordmark width per placement; original proportions remain intact. */
.brand-lockup{--brand-width:220px;width:var(--brand-width);max-width:100%;height:calc(var(--brand-width)*.21)}
.brand-lockup--hero{--brand-width:400px}
.brand-lockup--catalogue{--brand-width:250px}
.brand-lockup--choice{--brand-width:260px}
.brand-lockup--offer{--brand-width:280px}
.brand-comparison .brand-lockup--card{height:calc(var(--brand-width)*.21)}
.brand-lockup .brand-logo{width:100%;height:auto;max-height:none;object-fit:contain}
@media(max-width:640px){.brand-lockup--hero{--brand-width:300px}.brand-lockup--catalogue{--brand-width:230px}.brand-lockup--choice{--brand-width:240px}.brand-lockup--offer{--brand-width:240px}}