/* v1.0 — three complete mobile header compositions; desktop remains unchanged. */
@media(max-width:899px){
 html[data-mobile-header][data-header-variant] .v6-hero{min-height:0;margin:0;padding:6px 0 8px;column-gap:10px;row-gap:7px;align-items:center}
 html[data-mobile-header][data-header-variant] .headline-brand-lockup{min-width:0;gap:5px;grid-column:1;grid-row:1}
 html[data-mobile-header][data-header-variant] .headline-brand-lockup h1{max-width:none;white-space:normal;font-size:20px;line-height:1.08;letter-spacing:-.35px;font-weight:650}
 html[data-mobile-header][data-header-variant] .headline-brand-lockup .brand-drawing{width:30px;height:30px;flex:0 0 30px}
 html[data-mobile-header][data-header-variant] .brand-drawing svg{width:29px;height:29px}
 html[data-mobile-header][data-header-variant] .v6-hero-copy{min-width:0;grid-column:2;grid-row:1;gap:4px;text-align:right}
 html[data-mobile-header][data-header-variant] .v6-hero-copy p{font-size:12px;line-height:1.3;white-space:normal;overflow:visible;word-break:normal;hyphens:none;margin:0}
 /* 1: upright brand to the left gives the slogans more horizontal room. */
 html[data-mobile-header="1"][data-header-variant] .v6-hero{grid-template-columns:105px minmax(0,1fr)}
 html[data-mobile-header="1"][data-header-variant] .headline-brand-lockup{flex-direction:column;align-items:center;text-align:center;gap:3px}
 html[data-mobile-header="1"][data-header-variant] .headline-brand-lockup h1{font-size:20px}
 /* 2: familiar icon-before-title arrangement, compact two-line brand. */
 html[data-mobile-header="2"][data-header-variant] .v6-hero{grid-template-columns:122px minmax(0,1fr);column-gap:8px}
 html[data-mobile-header="2"][data-header-variant] .headline-brand-lockup{flex-direction:row;align-items:center;text-align:left}
 html[data-mobile-header="2"][data-header-variant] .headline-brand-lockup h1{font-size:19px}
 html[data-mobile-header="2"][data-header-variant] .headline-brand-lockup .brand-drawing{width:25px;height:25px;flex-basis:25px}
 html[data-mobile-header="2"][data-header-variant] .brand-drawing svg{width:24px;height:24px}
 html[data-mobile-header="2"][data-header-variant] .v6-hero-copy p{font-size:11.5px;line-height:1.35}
 /* 3: a horizontal brand row followed by two full-width slogan lines. */
 html[data-mobile-header="3"][data-header-variant] .v6-hero{grid-template-columns:minmax(0,1fr);row-gap:5px}
 html[data-mobile-header="3"][data-header-variant] .headline-brand-lockup{flex-direction:row;justify-content:flex-start;gap:8px}
 html[data-mobile-header="3"][data-header-variant] .headline-brand-lockup h1{white-space:nowrap;font-size:23px}
 html[data-mobile-header="3"][data-header-variant] .v6-hero-copy{grid-column:1;grid-row:2;gap:2px;text-align:left}
 html[data-mobile-header="3"][data-header-variant] .v6-hero-copy p{font-size:12px;line-height:1.3}
}
@media(min-width:430px) and (max-width:899px){
 html[data-mobile-header][data-header-variant] .v6-hero-copy p{font-size:13px}
 html[data-mobile-header="2"][data-header-variant] .v6-hero-copy p{font-size:12px}
}