/* The existing navy/yellow identity, as a short illustrated conversation. */
.onboard{--paper:#fff;--ink:#141204;--ivory:#fff;--white:#fff;--muted:rgba(255,255,255,.76);--faint:rgba(255,255,255,.56);color:#fff;background:#141204}
.onboard h1,.onboard h2{font-family:var(--f-display);font-weight:400;text-transform:uppercase;color:#fff;line-height:1.05}
.onboard .site-header{position:relative}
.onboard .site-header,.onboard .site-footer{background:#141204;color:#fff}
.onboard .nav a,.onboard .menu-panel a{color:#fff}
.onboard .nav a[aria-current=page]{color:#FFBE0B}
.ob-main{max-width:1264px;margin:auto;padding:36px 32px 72px}
.ob-hero h1{font-size:clamp(44px,6.5vw,88px);margin:8px 0 24px;max-width:1000px}
.ob-kicker{font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#FFBE0B;margin:0 0 10px}
.ob-picture{margin:0;min-width:0;background:#0b203b}
.ob-picture img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#141204}
.ob-picture figcaption{font-size:20px;line-height:1.25;padding:14px 16px;color:#fff}
.ob-hero-picture figcaption{color:#FFBE0B;font-size:16px;text-transform:uppercase;letter-spacing:.06em}
.ob-section{margin-top:58px}
.ob-section h2{font-size:clamp(30px,3.2vw,44px);margin:0 0 22px}
.ob-three,.ob-two{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}
.ob-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.ob-offer{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid rgba(255,255,255,.2);padding-top:32px}
.ob-offer ul{padding:0;margin:0;list-style:none;font-size:23px;line-height:1.4}
.ob-offer li+li{margin-top:8px}
.ob-names{border-left:3px solid #FFBE0B;padding-left:28px}
.ob-names h2{font-size:26px;color:#FFBE0B}
.ob-coming{color:#FFBE0B;font-size:20px;margin:16px 0 0}
.ob-start{border-top:1px solid rgba(255,255,255,.2);padding-top:32px}
.ob-start ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-left:26px;font-size:23px;line-height:1.3}
.ob-start li::marker{color:#FFBE0B;font-weight:700}
.ob-start p{font-size:20px;max-width:700px;margin:28px 0 20px}
.onboard .btn{color:#141204}
.onboard a:focus-visible{outline:3px solid #FFBE0B;outline-offset:5px}
@media(max-width:700px){.ob-main{padding:24px 20px 48px}.ob-hero h1{font-size:46px}.ob-section{margin-top:36px}.ob-three,.ob-two,.ob-offer,.ob-start ol{grid-template-columns:1fr;gap:20px}.ob-picture figcaption{font-size:20px}.ob-names{margin-top:10px;padding-left:18px}.ob-start ol{gap:14px}.ob-offer ul{font-size:22px}}

@media(min-width:900px) and (max-width:1100px){.onboard .nav{display:none}.onboard .menu{display:block}}

/* Lineup 10-18: our own businesses and Tru Foe are already in the game. */
.s1-in{display:inline-block;background:#FFBE0B;color:#141204;font:700 .8125rem/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;padding:.4em .6em .35em;margin-right:.45em;vertical-align:.18em;box-shadow:3px 3px 0 #0A0902;white-space:nowrap}