/* Blink Rainbow: a little colour, a little wonder. */
.brand .brand-mark{width:40px;height:40px;padding:0;background:transparent;border-radius:0;object-fit:contain;flex:none}.brand b{letter-spacing:-1.1px;word-spacing:1.5px;font-size:27px}.welcome-brand .welcome-brand-mark{width:49px;height:49px;padding:0;background:transparent;border-radius:0;object-fit:contain;flex:none}.welcome-brand b{letter-spacing:-1.3px;word-spacing:2px}.trip-detail-topbar .trip-brand-mark{width:35px;height:35px;padding:0;background:transparent;border-radius:0;object-fit:contain;flex:none}@media(max-width:760px){.brand .brand-tagline{display:none}.brand b{font-size:25px}.brand .brand-mark{width:36px;height:36px}.welcome-brand b{font-size:30px}.welcome-brand .welcome-brand-mark{width:43px;height:43px}}@media(max-width:560px){.brand{gap:7px}.brand b{font-size:23px;letter-spacing:-1px;word-spacing:1px}.brand .brand-mark{width:31px;height:31px}.welcome-brand b{font-size:26px;letter-spacing:-1px;word-spacing:1px}.welcome-brand .welcome-brand-mark{width:38px;height:38px}.welcome-topline{display:none}.trip-detail-topbar .trip-brand-mark{width:31px;height:31px}}

/* Keep the brand promise readable alongside the wordmark on every screen. */
header.top .brand{display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:3px;align-items:center}
header.top .brand .brand-mark{grid-column:1;grid-row:1 / 3}
header.top .brand b{grid-column:2;grid-row:1}
header.top .brand .brand-tagline{display:block;grid-column:2;grid-row:2;margin:0;padding:0;border:0;font-size:11px;line-height:1.4;letter-spacing:.01em}
.welcome-topline{font-family:var(--font-body,system-ui);font-style:normal;font-weight:500;color:#63798b}
@media(max-width:560px){.welcome-top{height:auto;min-height:95px;display:grid;grid-template-columns:1fr;gap:6px;align-content:center}.welcome-topline{display:block;max-width:none;text-align:left;padding-left:46px;font-size:11px;line-height:1.4}.brand .brand-tagline{font-size:10px!important}}