/* Marketing's existing 52px wordmark is the source of the common logo frame.
   Font-specific values come from the real glyph bounds in logo-metrics.css.
   No horizontal/vertical scaling or font substitution is used. */
html[data-logo-reference="marketing"]{
 --header-height:7rem;--logo-reference-size:3.25rem;
 --logo-frame-width:calc(var(--logo-reference-size) * 4.8);
 --logo-frame-height:calc(var(--logo-reference-size) * 1.23076923);
}
body[data-logo-reference="marketing"] .site-header .header-inner{
 width:min(1320px,calc(100% - 112px));min-height:var(--header-height);
 position:relative;gap:24px;padding-block:11px;
}
body[data-logo-reference="marketing"] .site-header .header-brand{
 display:grid;grid-template-columns:var(--logo-frame-width);
 grid-template-rows:var(--logo-frame-height) 1.125rem;row-gap:.5rem;
 width:var(--logo-frame-width);min-width:var(--logo-frame-width);flex-shrink:0;
 align-content:center;align-items:center;position:relative;
}
body[data-logo-reference="marketing"] .site-header .header-brand>:is(.brand-general,.brand-tech,.brand-marketing){
 display:block;grid-column:1;grid-row:1;width:max-content;max-width:none;
 line-height:var(--logo-frame-height);height:var(--logo-frame-height);
 font-kerning:normal;font-optical-sizing:none;font-synthesis:none;
 white-space:nowrap;margin:0;padding:0;justify-self:start;align-self:start;
 opacity:0;visibility:hidden;pointer-events:none;
 transition:opacity .2s ease,visibility .2s step-end;
 transform:translate(var(--logo-offset-x,0px),var(--logo-offset-y,0px));
}
body[data-logo-reference="marketing"] .site-header .header-brand>.brand-general{
 font-size:calc(var(--logo-reference-size) * var(--general-logo-ratio));
 letter-spacing:-.045em;
 --logo-offset-x:calc(var(--logo-reference-size) * var(--general-logo-x));
 --logo-offset-y:calc(var(--logo-reference-size) * var(--general-logo-y));
}
body[data-logo-reference="marketing"] .site-header .header-brand>.brand-tech{
 font-size:calc(var(--logo-reference-size) * var(--tech-logo-ratio));
 letter-spacing:-.045em;
 --logo-offset-x:calc(var(--logo-reference-size) * var(--tech-logo-x));
 --logo-offset-y:calc(var(--logo-reference-size) * var(--tech-logo-y));
}
body[data-logo-reference="marketing"] .site-header .header-brand>.brand-marketing{
 font-size:var(--logo-reference-size);letter-spacing:-.04em;
 --logo-offset-x:0px;--logo-offset-y:calc(var(--logo-reference-size) * .0625);
}
body[data-logo-reference="marketing"][data-active-theme="general"] .site-header .header-brand>.brand-general,
body[data-logo-reference="marketing"][data-active-theme="tech"] .site-header .header-brand>.brand-tech,
body[data-logo-reference="marketing"][data-active-theme="marketing"] .site-header .header-brand>.brand-marketing{
 opacity:1;visibility:visible;transition:opacity .2s ease,visibility 0s;
}
body[data-logo-reference="marketing"] .site-header .brand-context{
 grid-column:1;grid-row:2;font-family:"Manrope",Arial,sans-serif;
 margin:0;font-size:.75rem;line-height:1.125rem;letter-spacing:.055em;
 font-weight:700;white-space:nowrap;align-self:center;
}
body[data-logo-reference="marketing"] .site-header .main-nav{gap:24px}
@media(max-width:1150px){
 body[data-logo-reference="marketing"] .site-header .header-inner{width:calc(100% - 72px);gap:18px}
 body[data-logo-reference="marketing"] .site-header .main-nav{gap:16px;font-size:.8125rem}
 body[data-logo-reference="marketing"] .site-header .nav-contact{padding-inline:15px;gap:14px}
}
@media(max-width:900px){
 body[data-logo-reference="marketing"] .site-header .header-inner{width:calc(100% - 48px);gap:0;align-items:center}
 body[data-logo-reference="marketing"] .site-header .main-nav{font-size:.875rem;gap:8px 22px}
 body[data-logo-reference="marketing"] .site-header .main-nav.is-open{gap:8px}
}
@media(max-width:620px){
 body[data-logo-reference="marketing"] .site-header .header-inner{width:calc(100% - 40px)}
}
@media(max-width:360px){
 html[data-logo-reference="marketing"]{--header-height:8rem}
 body[data-logo-reference="marketing"] .site-header .header-inner{align-items:flex-start;padding-top:8px;padding-bottom:18px}
 body[data-logo-reference="marketing"] .site-header .header-brand{grid-template-rows:var(--logo-frame-height) 2rem;row-gap:.5rem}
 body[data-logo-reference="marketing"] .site-header .brand-context{align-self:center;letter-spacing:.02em}
 body[data-logo-reference="marketing"] .site-header .menu-toggle{position:absolute;right:-4px;bottom:7px;width:44px;height:44px}
}
@media(prefers-reduced-motion:reduce){
 body[data-logo-reference="marketing"] .site-header .header-brand>:is(.brand-general,.brand-tech,.brand-marketing){transition:none}
}