/* Alternative logo composition. Original site is preserved in the sibling backup. */
header{padding-top:24px;padding-bottom:24px;background:#10151d}
.brand-wordmark{display:flex;align-items:baseline;gap:9px;letter-spacing:.12em;font-size:11px;color:#c7d4e2}
.brand-wordmark strong{font-size:25px;color:#48bcff;font-style:italic;letter-spacing:.06em}
.hero.hero-centered{display:flex;flex-direction:column;gap:0;padding:12px 6% 56px;background:#10151d;text-align:center;overflow:hidden}
.logo-stage{width:min(100%,850px);position:relative;isolation:isolate}
.logo-stage .hero-logo{width:100%;height:auto;display:block;mix-blend-mode:lighten;mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 89%,transparent 100%),linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%);mask-composite:intersect}
.hero-copy{position:relative;max-width:850px;margin-top:0}
.hero-centered .eyebrow{font-size:11px;margin:0 0 17px;letter-spacing:.19em}
.hero-centered h1{font-size:clamp(30px,3.4vw,48px);line-height:1.16;letter-spacing:-.04em;margin:0 0 15px}
.hero-centered .intro{font-size:16px;line-height:1.65;margin:0;color:#c3cfdd}
.hero-centered .button{margin-top:23px}
.hero-centered .small{margin-top:20px;margin-bottom:0}
@media(min-width:1100px){.logo-stage{width:760px}.hero.hero-centered{padding-top:0}.hero-copy{margin-top:-8px}}
@media(max-width:760px){header{padding-top:20px;padding-bottom:20px}.brand-wordmark{font-size:10px}.brand-wordmark strong{font-size:23px}.hero.hero-centered{padding:15px 5% 40px;gap:0}.logo-stage{width:110%;max-width:none}.hero-copy{margin-top:10px}.hero-centered .eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:14px}.hero-centered h1{font-size:32px;max-width:340px;margin-left:auto;margin-right:auto}.hero-centered .intro{font-size:15px}}