/* The top brand lockup and its boundary with the retained homepage scene only. */
body>header .brand-lockup{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;flex-shrink:0;max-width:100%;height:auto;min-width:0}
body>header .brand-lockup .brand-mark{width:48px;height:48px;flex:0 0 48px;object-fit:contain}
body>header .brand-lockup [data-header-brand]{display:flex;flex-direction:column;gap:5px;min-width:0;max-width:100%;text-align:left;font-family:Inter,Arial,sans-serif}
body>header .brand-lockup .brand-name{font-family:Inter,Arial,sans-serif;font-size:clamp(14px,1.1vw,18px);line-height:1.3;font-weight:800;letter-spacing:.015em;color:#fff;white-space:nowrap;word-break:normal;overflow-wrap:normal;hyphens:none}
body>header .brand-lockup .brand-subtitle{font-family:Inter,Arial,sans-serif;font-size:9px;line-height:1.5;font-weight:500;letter-spacing:.09em;color:#dce4df;white-space:nowrap;word-break:normal;overflow-wrap:normal}
.cinematic-home body>header{position:sticky!important;inset:auto;top:0;z-index:60;background:#102e23;isolation:isolate}
.cinematic-home body>header>div:nth-child(2){padding-inline:32px}
.cinematic-home body>header .cinematic-header-row{min-height:88px;gap:24px;flex-wrap:nowrap}
.cinematic-home body>header .cinematic-brand.brand-lockup{height:auto;width:auto;padding:14px 0;opacity:calc(.52 + .48 * var(--logo-reveal,1))}
.cinematic-home body>header .cinematic-brand.brand-lockup:focus-visible,.cinematic-home body>header.scene-ended .cinematic-brand.brand-lockup{opacity:1}
@media(hover:hover){.cinematic-home body>header .cinematic-brand.brand-lockup:hover{opacity:1}}
.cinematic-home body>header nav{margin-inline-start:auto;gap:8px}
.cinematic-home .cinematic-frame{top:var(--site-header-height,88px);height:calc(100svh - var(--site-header-height,88px))}
.cinematic-reduced .cinematic-frame{top:auto;height:auto;min-height:calc(100svh - var(--site-header-height,88px))}
@media(min-width:768px) and (max-width:1199px){
 .cinematic-home body>header .cinematic-header-row{flex-wrap:wrap;gap:0 24px;padding-block:10px}
 .cinematic-home body>header nav{order:3;width:100%;justify-content:flex-end}
 .cinematic-home body>header .cinematic-actions{margin-inline-start:auto}
 .cinematic-home body>header .cinematic-brand.brand-lockup{padding-block:8px}
}
@media(max-width:767px){
 body>header .brand-lockup{gap:10px;padding:10px;flex:1 1 auto}
 body>header .brand-lockup .brand-mark{width:44px;height:44px;flex-basis:44px}
 body>header .brand-lockup .brand-name{font-size:12px;line-height:1.45;white-space:normal;max-width:220px;letter-spacing:0;text-wrap:balance}
 body>header .brand-lockup .brand-subtitle{font-size:8px;letter-spacing:.015em;white-space:normal}
 .cinematic-home body>header>div:nth-child(2){padding-inline:16px}
 .cinematic-home body>header .cinematic-header-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;padding-block:12px;min-height:0}
 .cinematic-home body>header .cinematic-brand.brand-lockup{grid-column:1/-1;grid-row:1;padding:0;justify-self:start;width:100%;gap:12px}
 .cinematic-home body>header .cinematic-brand .brand-name{font-size:14px;max-width:290px}
 .cinematic-home body>header .cinematic-brand .brand-subtitle{font-size:9px}
 .cinematic-home body>header button.md\:hidden{grid-column:1;grid-row:2;justify-self:start;min-height:40px;padding:8px 0;margin:0}
 .cinematic-home body>header .cinematic-actions{grid-column:2;grid-row:2}
 .cinematic-home body>header .cinematic-actions>a:last-child{min-height:40px;align-items:center;padding:8px 12px;font-size:11px}
 .cinematic-home body>header nav{top:100%;max-height:calc(100svh - var(--site-header-height,140px));margin:0}
 .cinematic-home:not(.cinematic-reduced) .cinematic-eyebrow{top:24px}
 .cinematic-home:not(.cinematic-reduced) #hero-section .cinematic-title{top:48px}
 html:not(.cinematic-home) body>header>div:nth-child(2)>div{flex-wrap:wrap}
 html:not(.cinematic-home) body>header .brand-lockup{flex-basis:100%}
}
@media(max-width:767px) and (max-height:740px){
 .cinematic-home:not(.cinematic-reduced) .cinematic-eyebrow{top:16px;line-height:1.35}
 .cinematic-home:not(.cinematic-reduced) #hero-section .cinematic-title{top:34px}
}
@media(max-width:360px){
 .cinematic-home body>header .cinematic-brand .brand-name{font-size:12px;line-height:1.25}
 .cinematic-home body>header .cinematic-brand .brand-subtitle{font-size:8px;line-height:1.35}
}