.xq-hero.hero{display:block;height:800svh;min-height:100svh;padding:0;position:relative;background:#171512;overflow:visible}
.xq-hero-sticky{position:sticky;top:0;width:100%;height:100svh;overflow:hidden}
#xq-experience{display:block;width:100%;height:100%;border:0;background:#171512}
#nav{z-index:100}
.xq-hero+ .vidband{display:none}
@media(prefers-reduced-motion:reduce){.xq-hero.hero{height:690svh}.family-nav:has(button:not([data-model="xq770"])[aria-pressed="true"])+.xq-hero.hero{height:680svh}}
body.xq-story-active #stickyCta{display:none!important}
.xq-hero.hero::before,.xq-hero.hero::after{display:none!important}

body.xq-story-active #btt{display:none!important}

.family-nav{position:absolute;top:105px;left:6%;right:6%;z-index:60;display:flex;gap:20px;flex-wrap:wrap}.family-nav a{color:#eee;font:11px monospace;text-decoration:none;padding:8px 0}.family-nav a:hover,.family-nav a:focus-visible{color:#ff6600}@media(max-width:700px){.family-nav{top:92px;left:24px;right:24px;gap:14px}.family-nav a{font-size:10px}}

.family-nav:has(button){position:fixed;top:137px;z-index:90;gap:8px;pointer-events:auto}.family-nav button{font:11px monospace;color:#f7f7f3;background:#191919e8;border:1px solid #ffffff40;padding:9px 14px;min-height:36px;cursor:pointer}.family-nav button[aria-pressed=true]{background:#ff6600;color:#131313;border-color:#ff6600}.family-nav button:focus-visible{outline:2px solid white;outline-offset:3px}body:not(.xq-story-active) .family-nav:has(button){visibility:hidden}@media(max-width:700px){.family-nav:has(button){top:120px;left:16px;right:16px;gap:5px;flex-wrap:nowrap;justify-content:space-between}.family-nav button{padding:8px 7px;min-height:36px;font-size:10px}}

.family-nav:has(button){width:max-content;max-width:88%;right:auto;padding:5px;background:#111619e8;border:1px solid #ffffff20;border-radius:5px;backdrop-filter:blur(14px);gap:3px}.family-nav button{border:0;background:transparent;border-radius:2px;min-height:40px;color:#bdc2c3;padding:10px 16px}.family-nav button:hover{color:#fff;background:#ffffff12}.family-nav button[aria-pressed=true]{background:#ff6600;color:#101314}@media(max-width:700px){.family-nav:has(button){width:calc(100% - 32px);max-width:none;top:120px;right:16px;gap:2px;padding:4px}.family-nav button{flex:1;padding:8px 4px;min-height:40px;font-size:10px}}

.startup-cover{position:absolute;inset:0;z-index:3;background:#181512;pointer-events:none;transition:opacity .3s}.startup-cover img{width:100%;height:100%;object-fit:cover}.startup-cover>div{position:absolute;inset:34% 6% auto;color:#fff}.startup-cover p,.startup-cover span{font:11px monospace}.startup-cover h2{font-size:clamp(34px,5vw,76px);line-height:1;max-width:14ch;margin:22px 0}.startup-cover[hidden]{display:none!important}.startup-cover.is-ready{opacity:0}@media(max-width:700px){.startup-cover>div{top:175px}.startup-cover img{object-position:60% center}.startup-cover h2{font-size:34px}}@media(prefers-reduced-motion:reduce){.startup-cover{transition:none}}

.startup-cover picture{display:block;width:100%;height:100%}.startup-skip{display:block;width:fit-content;min-height:44px;margin-top:18px;padding:12px 0;color:#fff;text-underline-offset:5px;font:12px monospace;pointer-events:auto}.startup-skip:focus-visible{outline:2px solid #ff6600;outline-offset:5px}@media(max-width:700px){.startup-cover img{object-position:center}}

.startup-retry{display:block;pointer-events:auto;min-height:44px;margin-top:16px;padding:10px 16px;border:1px solid #ffffff70;background:#121719;color:#fff;font:12px monospace;cursor:pointer}.startup-retry[hidden]{display:none}.startup-retry:focus-visible{outline:2px solid #ff6600;outline-offset:4px}.startup-cover [role="status"]{display:block;max-width:36ch;line-height:1.5}

/* Neutral startup artwork with a local scrim behind loading text. */
.startup-cover{background:#111416}.startup-cover img{filter:grayscale(1)}.startup-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,10,.78),rgba(5,8,10,.28) 48%,transparent 78%);pointer-events:none}.startup-cover>div{z-index:1}.startup-cover [role="status"]{color:#e0e4e6}
@media(max-width:700px){.startup-cover::after{background:linear-gradient(180deg,rgba(5,8,10,.36),rgba(5,8,10,.78) 24%,rgba(5,8,10,.7) 55%,rgba(5,8,10,.12) 82%)}}

/* Carry the opening's display style through the loading handoff. */
.startup-cover h2{font-family:nhgDisplay,"Helvetica Neue",Arial,sans-serif;font-weight:700;font-size:clamp(40px,4.2vw,60px);line-height:1.04;letter-spacing:-.035em;word-spacing:.12em;text-transform:uppercase;max-width:none;margin:18px 0 20px}
@media(min-width:701px) and (min-height:561px){
 .startup-cover>div{top:auto;bottom:60px;right:auto;width:min(650px,88vw)}
}
@media(min-width:701px) and (max-width:1000px) and (min-height:561px){
 .startup-cover>div{bottom:20px}
}
@media(max-width:700px){
 .startup-cover>div{left:24px;right:24px}
 .startup-cover h2{font-size:clamp(30px,8vw,42px)}
}
@media(max-width:370px){
 .startup-cover>div{top:184px}
 .startup-cover h2{font-size:clamp(23px,7.7vw,28px);line-height:1.05}
}
/* Keep retry and the alternative route reachable on short screens. */
@media(max-height:560px) and (orientation:landscape){
 .startup-cover>div{top:184px;bottom:12px;right:auto;left:6%;width:88%;overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;padding-right:10px;scrollbar-gutter:stable}
 .startup-cover h2{font-size:30px;line-height:1.04;margin:10px 0 14px}
 .startup-cover [role="status"]{max-width:64ch}
 .startup-cover .startup-skip{margin-top:12px}
}