/* Born Slippy Launch Gate. Built on the homepage hero: same footage, same
   lockup, same values, so the gate reads as the site rather than a holding page. */

/* never a serif: if the site font does not load, this is what shows */
html{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.bsg{font-family:var(--bsg-font,inherit) !important}
.bsg input,.bsg button{font-family:inherit !important}
html,body.bsg-body{margin:0 !important;padding:0 !important;background:#0A0A0A !important;overflow:hidden !important;height:100% !important}

.bsg{
	--paper:#F7F5F2;
	--ink:#0A0A0A;
	position:fixed !important;
	inset:0 !important;
	z-index:2147483000 !important;
	overflow:hidden !important;
	background:#0A0A0A !important;
	isolation:isolate !important;
	color:var(--paper) !important;
	-webkit-font-smoothing:antialiased;
}
.bsg *,.bsg *::before,.bsg *::after{box-sizing:border-box !important}
/* reset only the gate's own pieces; the waitlist form in the sheet keeps its spacing */
.bsg__content *,.bsg__content *::before,.bsg__content *::after,
.bsg__sheet-t,.bsg__sheet-p,.bsg__x{margin:0 !important;padding:0 !important}

/* ---- media ---- */
.bsg__media{position:absolute !important;inset:0 !important;z-index:0 !important;overflow:hidden !important}
.bsg__video{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;
	animation:bsgSettle 16s cubic-bezier(.22,1,.36,1) forwards !important}
@keyframes bsgSettle{from{transform:scale(1.07)}to{transform:scale(1)}}
.bsg__scrim{position:absolute !important;inset:0 !important;z-index:1 !important;pointer-events:none !important;
	background:radial-gradient(80% 64% at 50% 52%,rgba(10,10,10,.42) 0%,rgba(10,10,10,.22) 55%,rgba(10,10,10,.08) 100%) !important}
.bsg__top{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;height:20vh !important;z-index:1 !important;pointer-events:none !important;
	background:linear-gradient(180deg,rgba(10,10,10,.34) 0%,rgba(10,10,10,0) 100%) !important}

/* ---- lockup ---- */
.bsg .bsg__content{position:absolute !important;inset:0 !important;z-index:2 !important;display:flex !important;flex-direction:column !important;
	align-items:center !important;justify-content:center !important;text-align:center !important;padding:24px !important;overflow-y:auto !important}

.bsg .bsg__eyebrow{margin-bottom:clamp(12px,1.8vh,20px) !important;font-size:clamp(11.25px,1.07vw,16.875px) !important;font-weight:800 !important;
	font-style:italic !important;line-height:.82 !important;letter-spacing:-.052em !important;text-transform:uppercase !important;white-space:nowrap !important;
	color:var(--paper) !important;text-shadow:0 2px 24px rgba(10,10,10,.3) !important}
.bsg .bsg__eyebrow-i{position:relative !important;display:inline-block !important;padding-right:.32em !important}
.bsg .bsg__tm{position:absolute !important;top:.02em !important;right:0 !important;font-size:.3em !important;font-style:italic !important;font-weight:800 !important;
	letter-spacing:0 !important;line-height:1 !important;color:var(--paper) !important}
/* the Aptus 1.0 logo in place of set type. A long, thin mark, so it is sized
   by width, and a soft shadow keeps its hairlines readable over bright water */
.bsg .bsg__mark{display:block !important;width:clamp(300px,42vw,680px) !important;max-width:100% !important;line-height:0 !important;
	color:var(--paper) !important;filter:drop-shadow(0 2px 18px rgba(10,10,10,.35)) !important;margin:clamp(4px,1vh,10px) 0 clamp(10px,1.6vh,18px) !important}
.bsg .bsg__mark svg{display:block !important;width:100% !important;height:auto !important;fill:currentColor !important}
.bsg .bsg__motto{margin-top:clamp(8px,1.2vh,14px) !important;font-size:clamp(15px,1.3vw,20px) !important;font-weight:800 !important;font-style:italic !important;
	line-height:1.2 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:var(--paper) !important;
	text-shadow:0 1px 22px rgba(10,10,10,.32) !important;padding:0 .08em 0 0 !important}
.bsg .bsg__sub{margin-top:clamp(8px,1.2vh,14px) !important;font-size:clamp(17px,1.5vw,24px) !important;font-weight:400 !important;line-height:1.35 !important;
	color:var(--paper) !important;text-shadow:0 1px 22px rgba(10,10,10,.32) !important}
.bsg .bsg__sr{position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;white-space:nowrap !important}

/* ---- countdown ---- */
.bsg .bsg__clock{display:flex !important;justify-content:center !important;margin-top:clamp(24px,3.6vh,44px) !important}
.bsg .bsg__unit{position:relative !important;display:flex !important;flex-direction:column !important;align-items:center !important;
	gap:clamp(8px,1.1vh,12px) !important;width:clamp(84px,9vw,150px) !important}
.bsg .bsg__unit + .bsg__unit::before{content:"" !important;position:absolute !important;left:0 !important;top:12% !important;width:1px !important;height:52% !important;
	background:rgba(247,245,242,.32) !important}
.bsg .bsg__n{display:block !important;font-size:clamp(40px,5.4vw,88px) !important;font-weight:800 !important;font-style:italic !important;line-height:1 !important;
	letter-spacing:-.03em !important;font-variant-numeric:tabular-nums !important;font-feature-settings:"tnum" 1 !important;color:var(--paper) !important;
	text-shadow:0 2px 30px rgba(10,10,10,.3) !important;padding:0 .1em 0 0 !important}
.bsg .bsg__l{display:block !important;font-size:10px !important;font-weight:700 !important;letter-spacing:.24em !important;text-transform:uppercase !important;
	line-height:1 !important;color:rgba(247,245,242,.7) !important}

/* ---- password ---- */
.bsg .bsg__form{display:flex !important;flex-direction:column !important;align-items:center !important;gap:12px !important;
	margin-top:clamp(26px,4vh,44px) !important;width:min(420px,100%) !important}
.bsg .bsg__form-k{font-size:10px !important;font-weight:700 !important;letter-spacing:.24em !important;text-transform:uppercase !important;
	color:rgba(247,245,242,.78) !important;text-shadow:0 1px 18px rgba(10,10,10,.4) !important}
.bsg .bsg__field{display:flex !important;width:100% !important;padding:5px !important;border:1px solid rgba(247,245,242,.55) !important;border-radius:999px !important;
	background:rgba(10,10,10,.22) !important;-webkit-backdrop-filter:blur(12px) !important;backdrop-filter:blur(12px) !important;
	transition:border-color .3s ease !important}
.bsg .bsg__field:focus-within{border-color:var(--paper) !important}
.bsg .bsg__form.is-error .bsg__field{border-color:#F2B8A8 !important;animation:bsgNo .4s cubic-bezier(.36,.07,.19,.97) !important}
@keyframes bsgNo{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.bsg input.bsg__input{flex:1 1 auto !important;min-width:0 !important;height:auto !important;padding:0 18px !important;border:0 !important;outline:0 !important;
	background:transparent !important;box-shadow:none !important;color:var(--paper) !important;font-family:inherit !important;font-size:13px !important;
	font-weight:700 !important;letter-spacing:.22em !important;text-transform:uppercase !important}
.bsg input.bsg__input::placeholder{color:rgba(247,245,242,.55) !important;letter-spacing:.22em !important}
.bsg button.bsg__go{appearance:none !important;flex:none !important;display:inline-flex !important;align-items:center !important;gap:10px !important;
	padding:13px 24px !important;border:1px solid var(--paper) !important;border-radius:999px !important;background:var(--paper) !important;color:var(--ink) !important;
	font-family:inherit !important;font-size:11px !important;font-weight:700 !important;letter-spacing:.22em !important;text-transform:uppercase !important;
	cursor:pointer !important;transition:background-color .3s ease,color .3s ease !important}
.bsg button.bsg__go:hover{background:transparent !important;color:var(--paper) !important}
.bsg button.bsg__go:focus-visible,.bsg button.bsg__join:focus-visible{outline:1px solid var(--paper) !important;outline-offset:4px !important}
.bsg .bsg__err{font-size:12px !important;font-weight:700 !important;letter-spacing:.04em !important;color:#F7D4CA !important;text-shadow:0 1px 18px rgba(10,10,10,.5) !important}

.bsg .bsg__soon{margin-top:clamp(26px,4vh,44px) !important;font-size:10px !important;font-weight:700 !important;letter-spacing:.2em !important;
	text-transform:uppercase !important;color:rgba(247,245,242,.78) !important;text-shadow:0 1px 18px rgba(10,10,10,.4) !important}

/* ---- specs ---- */
.bsg .bsg__specs{list-style:none !important;display:flex !important;flex-wrap:wrap !important;justify-content:center !important;align-items:center !important;
	gap:6px 0 !important;margin-top:clamp(24px,3.6vh,40px) !important}
.bsg .bsg__specs li{position:relative !important;padding:0 clamp(10px,1.1vw,16px) !important;font-size:clamp(10.5px,.86vw,12.5px) !important;font-weight:700 !important;
	letter-spacing:.14em !important;text-transform:uppercase !important;line-height:1.5 !important;color:rgba(247,245,242,.86) !important;
	text-shadow:0 1px 18px rgba(10,10,10,.4) !important}
.bsg .bsg__specs li + li::before{content:"" !important;position:absolute !important;left:0 !important;top:50% !important;width:1px !important;height:11px !important;
	margin-top:-5.5px !important;background:rgba(247,245,242,.32) !important}

.bsg button.bsg__join{appearance:none !important;margin-top:clamp(20px,3vh,32px) !important;padding:6px 2px !important;border:0 !important;
	border-bottom:1px solid rgba(247,245,242,.5) !important;background:transparent !important;color:var(--paper) !important;font-family:inherit !important;
	font-size:10.5px !important;font-weight:700 !important;letter-spacing:.2em !important;text-transform:uppercase !important;cursor:pointer !important;
	text-shadow:0 1px 18px rgba(10,10,10,.4) !important;transition:border-color .3s ease !important}
.bsg button.bsg__join:hover{border-bottom-color:var(--paper) !important}

/* ---- join the list, a paper sheet over the footage ---- */
.bsg .bsg__sheet[hidden]{display:none !important}
.bsg .bsg__sheet{position:absolute !important;inset:0 !important;z-index:5 !important;display:flex !important;align-items:center !important;justify-content:center !important;
	padding:20px !important;background:rgba(10,10,10,.5) !important;-webkit-backdrop-filter:blur(8px) !important;backdrop-filter:blur(8px) !important;
	opacity:0 !important;transition:opacity .35s cubic-bezier(.22,1,.36,1) !important}
.bsg .bsg__sheet.is-on{opacity:1 !important}
.bsg .bsg__sheet-in{position:relative !important;width:min(560px,100%) !important;max-height:calc(100svh - 40px) !important;overflow-y:auto !important;
	padding:clamp(28px,4vw,44px) !important;border-radius:12px !important;background:var(--paper) !important;color:var(--ink) !important;text-align:left !important;
	transform:translateY(14px) !important;transition:transform .45s cubic-bezier(.22,1,.36,1) !important}
.bsg .bsg__sheet.is-on .bsg__sheet-in{transform:none !important}
.bsg .bsg__sheet-t{font-size:clamp(26px,2.6vw,38px) !important;font-weight:800 !important;line-height:1 !important;letter-spacing:-.032em !important;color:var(--ink) !important}
.bsg .bsg__sheet-p{margin:12px 0 22px !important;font-size:14px !important;line-height:1.6 !important;color:rgba(10,10,10,.6) !important}
.bsg button.bsg__x{appearance:none !important;position:absolute !important;top:14px !important;right:14px !important;width:40px !important;height:40px !important;
	border:1px solid rgba(10,10,10,.14) !important;border-radius:999px !important;background:transparent !important;color:var(--ink) !important;font-size:20px !important;
	line-height:1 !important;cursor:pointer !important}

/* ---- responsive ---- */
@media (max-width:1100px){
	.bsg .bsg__specs{flex-direction:column !important;gap:6px !important}
	.bsg .bsg__specs li{padding:0 !important}
	.bsg .bsg__specs li + li::before{display:none !important}
}
@media (max-width:767px){
	.bsg .bsg__content{padding:20px !important}
	.bsg .bsg__eyebrow{font-size:11.25px !important}
	.bsg .bsg__mark{width:86vw !important}
	.bsg .bsg__motto{font-size:15px !important}
	.bsg .bsg__sub{font-size:16px !important;max-width:30ch !important}
	.bsg .bsg__unit{width:22vw !important;max-width:96px !important}
	.bsg .bsg__n{font-size:clamp(32px,10vw,44px) !important}
	.bsg .bsg__l{font-size:9px !important;letter-spacing:.18em !important}
	.bsg .bsg__specs li{font-size:10px !important}
	.bsg input.bsg__input{padding:0 12px !important;font-size:12px !important}
	.bsg button.bsg__go{padding:12px 18px !important}
	.bsg__top{height:16vh !important}
}
/* short screens: specs go first, so the password never falls off the bottom */
@media (max-height:760px){
	.bsg .bsg__specs{display:none !important}
}
@media (prefers-reduced-motion:reduce){
	.bsg__video{animation:none !important}
	.bsg .bsg__form.is-error .bsg__field{animation:none !important}
	.bsg .bsg__sheet,.bsg .bsg__sheet-in{transition:none !important}
}
