/* The delivered horizontal lockup needs >=200px width and one red-dot diameter
   clearspace. At 240px that dot is 11.6px; 16px / mobile12px exceed the minimum. */
.brand-lockup,body[data-home-design="b"] .brand-lockup{
 --brand-width:240px;--brand-space:16px;box-sizing:content-box;
 display:inline-flex;align-items:center;gap:0;padding:var(--brand-space);
 min-width:var(--brand-width);max-width:none;flex-shrink:0;line-height:1;
 color:inherit;text-decoration:none;
}
.brand-lockup img,.brand-lockup #brand-logo,
body[data-home-design="b"] .brand-lockup img,
body[data-home-design="b"] .brand-lockup #brand-logo{
 display:block;width:var(--brand-width);min-width:var(--brand-width);max-width:none;
 height:auto;max-height:none;object-fit:contain;aspect-ratio:1443.28 / 285.75;
}
/* Current shared header is dark. Explicit/computed light surfaces use color. */
.brand-lockup .brand-logo-color{display:none}
.brand-lockup .brand-logo-reverse{display:block}
[data-brand-tone="light"] .brand-lockup .brand-logo-color,
.brand-lockup[data-brand-tone="light"] .brand-logo-color{display:block}
[data-brand-tone="light"] .brand-lockup .brand-logo-reverse,
.brand-lockup[data-brand-tone="light"] .brand-logo-reverse{display:none}
.brand-lockup[data-brand-tone="dark"] .brand-logo-color{display:none}
.brand-lockup[data-brand-tone="dark"] .brand-logo-reverse{display:block}
.brand-lockup [hidden]{display:none!important}
.brand-lockup:focus-visible{outline:3px solid currentColor;outline-offset:4px}
.site-header{height:auto}
body[data-home-design="b"] .header-inner{padding-block:12px}
.brand-document-header{box-sizing:border-box;padding:12px 20px;background:#f7f7f7}
@media(max-width:1024px){
 body[data-home-design="b"] .header-links{display:none}
 body[data-home-design="b"] .menu-toggle{
  display:flex;align-items:center;justify-content:center;
  width:48px;min-width:48px;min-height:48px;padding-inline:0;
 }
}
@media(max-width:760px){
 .brand-lockup,body[data-home-design="b"] .brand-lockup{--brand-width:200px;--brand-space:12px}
 body[data-home-design="b"] .header-inner{gap:8px;padding-block:8px}
 body[data-home-design="b"] .menu-toggle{width:48px;min-width:48px;padding-inline:0}
 .b-site-header{flex-wrap:wrap}
 .brand-document-header{padding:8px 20px}
}
/* Haesol placement v1: the sticky bar is painted independently of hero media. */
.site-header,body[data-home-design="b"] .site-header,
.b-site-header,body[data-home-design="b"] .b-site-header,
.brand-document-header{
 position:sticky;top:0;z-index:60;box-sizing:border-box;
 background:#121212;color:#f3f2ed;
}
.site-header[data-brand-compact="true"],body[data-home-design="b"] .site-header[data-brand-compact="true"],
.b-site-header[data-brand-compact="true"],body[data-home-design="b"] .b-site-header[data-brand-compact="true"],
.brand-document-header[data-brand-compact="true"]{
 height:64px;min-height:64px;padding-block:0;border-bottom:1px solid #333333;
}
.site-header[data-brand-compact="true"] .header-inner,
body[data-home-design="b"] .site-header[data-brand-compact="true"] .header-inner{
 box-sizing:border-box;height:63px;min-height:63px;padding-block:0;
}
/* Expanded desktop and compact sizes are separate states, not width guesses. */
@media(min-width:761px){
 [data-brand-compact="false"] .brand-lockup,
 body[data-home-design="b"] [data-brand-compact="false"] .brand-lockup{--brand-width:240px;--brand-space:16px}
}
[data-brand-compact="true"] .brand-lockup,
body[data-home-design="b"] [data-brand-compact="true"] .brand-lockup{
 --brand-width:200px;--brand-space:10px;
}
.brand-header-reserve{height:0;pointer-events:none}
.brand-document-header{display:flex;align-items:center}
html:has(body[data-home-design="b"]){scroll-padding-top:80px}
.brand-lockup[data-brand-symbol="true"],body[data-home-design="b"] .brand-lockup[data-brand-symbol="true"],
[data-brand-compact="true"] .brand-lockup[data-brand-symbol="true"]{
 --brand-width:40px;--brand-space:8px;
}
.brand-lockup[data-brand-symbol="true"] img,
body[data-home-design="b"] .brand-lockup[data-brand-symbol="true"] img,
body[data-home-design="b"] .brand-lockup[data-brand-symbol="true"] #brand-logo{
 width:auto;min-width:0;height:32px;aspect-ratio:583.75 / 470.5;
}
#footer-contact,.d-footer{
 --bg:#121212;--paper:#121212;--ink:#f3f2ed;--muted:#bcbdb7;
 background:#121212;color:#f3f2ed;
}
.brand-footer,.b-brand-footer{display:inline-flex;align-items:center;padding:24px;margin:0 0 16px;line-height:1}
.brand-footer img,.b-brand-footer img,
body[data-home-design="b"] .brand-footer img,
body[data-home-design="b"] .b-brand-footer img{display:block;width:160px;min-width:160px;height:auto;max-height:none;object-fit:contain;aspect-ratio:985.25 / 711}
.d-footer{flex-wrap:wrap}
@media(max-width:1024px){
 body[data-home-design="b"] .menu-toggle{width:44px;min-width:44px;min-height:44px}
}