@font-face { font-family: "Outfit"; font-weight: 100 900; font-display: swap; src: url("/fonts/Outfit-Variable.woff2") format("woff2"); }
@font-face { font-family: "Big Shoulders Display"; font-weight: 900; font-display: swap; src: url("/fonts/BigShouldersDisplay-900.woff2") format("woff2"); }

:root:has(body[data-ns]) {
  --paper: #f6f3ed; --paper-2: #ece7dd; --paper-3: #e2dccf; --ink: #0b0a09; --ink-2: #4d4740; --ink-3: #776f65;
  --rule: #e0dacd; --rule-2: #cdc5b6; --ember-text: #b8400f;
  --hx-pill: #e6e0d4; --hx-pill-h: #dcd5c7; --hx-pri: #0b0a09; --hx-pri-ink: #f6f3ed; --hx-pri-h: #2a2521;
  --hx-disp: "Big Shoulders Display", "Barlow Semi Condensed", Impact, sans-serif;
  --hx-sans: "Outfit", "Outfit Fallback", "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root:has(body[data-ns]) {
    --paper: #0b0a09; --paper-2: #171411; --paper-3: #211d19; --ink: #ece6da; --ink-2: #b3ab9e; --ink-3: #857d71;
    --rule: #24201c; --rule-2: #37312b; --ember-text: #ff8a5c;
    --hx-pill: #201c19; --hx-pill-h: #2b2622; --hx-pri: #ece6da; --hx-pri-ink: #0b0a09; --hx-pri-h: #fffaf2;
  }
}
body[data-ns] { font-family: var(--hx-sans); }
.v2.ns.hx-home { font: 400 17px/1.6 var(--hx-sans); }
.hx-home h2.sec { font: 900 clamp(36px, 4.4vw, 54px)/.95 var(--hx-disp); text-transform: uppercase; letter-spacing: .004em; margin: 96px 0 16px; }
.hx-home h3 { font-family: var(--hx-sans); font-weight: 600; }
.hx-home .lead2, .hx-home p { text-wrap: pretty; }

.hx { position: relative; text-align: center; padding: clamp(44px, 8vh, 80px) 20px 0; }
.hx > :not(.hx-cast) { position: relative; z-index: 1; }
.hx > .hx-acts { z-index: 2; }  .hx-cast { display: none; position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.hx-s { position: absolute; width: 64px; height: 64px; image-rendering: pixelated; animation: hx-bob 2.4s steps(2, jump-none) infinite alternate; }
@keyframes hx-bob { from { transform: translateY(0); } to { transform: translateY(-8px); } }
@media (min-width: 1240px) {
  .hx-cast { display: block; }
  .hx-s1 { left: calc(50% - 584px); top: 96px; }
  .hx-s2 { left: calc(50% + 518px); top: 60px; animation-delay: -.6s; }
  .hx-s3 { left: calc(50% - 562px); top: 334px; animation-delay: -1.2s; animation-duration: 3s; }
  .hx-s4 { left: calc(50% + 494px); top: 318px; animation-delay: -1.8s; }
}
.hx-lock { display: flex; align-items: center; justify-content: center; gap: 30px; margin: 0 auto; color: var(--ink); line-height: 1; }
.hx-px { display: block; flex: none; }
.hx-px img { display: block; width: 108px; height: 144px; image-rendering: pixelated; }
.hx-wm { display: block; height: 144px; width: auto; aspect-ratio: 461.75 / 100; max-width: 100%; }
.hx p.hx-line { max-width: 940px; margin: 32px auto 0; font: 400 20px/1.5 var(--hx-sans); letter-spacing: -.012em; color: var(--ink-2); text-wrap: balance; }
.hx-line span:first-child { color: var(--ink); font-weight: 500; }
@media (min-width: 1000px) { .hx-line span { display: block; } }
.hx-acts { position: relative; display: flex; justify-content: center; align-items: center; gap: 12px; width: max-content; max-width: 100%; margin: 34px auto 0; }
.hx-pill { display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 58px; margin: 0; padding: 0 28px; border: 0; border-radius: 999px;
  background: var(--hx-pill); color: var(--ink); font: 500 16.5px/1 var(--hx-sans); letter-spacing: -.005em; text-decoration: none; white-space: nowrap; cursor: pointer;
  transition: background-color .15s, transform .15s; -webkit-tap-highlight-color: transparent; }
.v2 a.hx-pill { color: var(--ink); text-decoration: none; }
.hx-pill:hover { background: var(--hx-pill-h); }
.hx-pill:focus-visible { outline: 2px solid var(--ember); outline-offset: 3px; }
.hx-pill .ai { width: 16px; height: 20px; flex: none; fill: currentColor; margin-top: -2px; }
.hx-pri { padding: 0 22px 0 24px; background: var(--hx-pri); color: var(--hx-pri-ink); font-weight: 600; }
.hx-pri:hover { background: var(--hx-pri-h); }
.hx-pri .cv { width: 14px; height: 14px; margin-left: 6px; opacity: .75; transition: transform .2s; }
.hx-pri .l2 { display: none; }
.hx-pri:has(+ .hx-menu:popover-open) .cv { transform: rotate(180deg); }
.hx-menu { position: fixed; left: 50%; top: 50%; right: auto; bottom: auto; width: min(500px, calc(100vw - 32px)); height: auto; margin: 0; transform: translate(-50%, -50%);
  padding: 18px 18px 14px; border: 0; border-radius: 24px; overflow: visible; color: var(--ink); background: var(--paper-2); box-shadow: 0 30px 70px -24px rgb(0 0 0 / .55); text-align: left; }
.hx-menu::backdrop { background: transparent; }
.hx-menu:popover-open { max-height: calc(100dvh - 24px); overflow: auto; }
@supports (anchor-name: --a) {
  .hx-acts { anchor-name: --hx-acts; }
  .hx-menu { position: absolute; position-anchor: --hx-acts; top: calc(anchor(bottom) + 12px); left: anchor(center); transform: translateX(-50%); position-try-fallbacks: flip-block; }
    @media (max-width: 420px) and (max-height: 740px) { .hx-menu { top: auto; bottom: calc(anchor(top) + 12px); } }
}
@supports not selector(:popover-open) { .hx-menu { display: none; } }
.hx-mt { display: flex; align-items: center; gap: 9px; margin: 2px 2px 14px; font: 600 16px/1.2 var(--hx-sans); color: var(--ink); }
.hx-mt .ai { width: 14px; height: 17px; fill: currentColor; margin-top: -2px; }
.v2.ns .hx-menu .ns-cmd { border: 0; border-radius: 14px; background: var(--paper); padding: 8px 8px 8px 14px; }
.v2.ns .hx-menu .ns-cmd code { white-space: nowrap; font-size: 13.5px; }
.v2.ns .hx-menu .ns-cmd .btn { border: 0; border-radius: 999px; background: var(--hx-pill); }
.hx-mn { margin: 12px 2px 0; font: 400 14.5px/1.5 var(--hx-sans); color: var(--ink-2); }
.hx-ml { display: flex; flex-wrap: wrap; gap: 6px 22px; margin: 12px 2px 2px; font: 600 14.5px/1.4 var(--hx-sans); }
.v2 .hx-ml a { color: var(--ember-text); text-decoration: none; }
.v2 .hx-ml a:hover { text-decoration: underline; }
.v2 p.hx-orgs { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; width: max-content; max-width: 100%; margin: 22px auto 0; }
.v2 a.hx-org { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 4px; color: var(--ink-2); text-decoration: none; font: 500 14px/1 var(--hx-sans); white-space: nowrap; }
.v2 a.hx-org:hover { color: var(--ink); }
.hx-org .oi { display: block; flex: none; width: 36px; height: 36px; fill: currentColor; color: var(--ink); }
.hx-org .wm { display: block; flex: none; fill: currentColor; color: var(--ink); }
.hx-org .wm-gh { width: 77.4px; height: 19px; }  .hx-org .wm-hf { width: 139.7px; height: 25.5px; }  
.hx-show { max-width: 1232px; margin: 56px auto 0; padding: 0 20px; }  .hx-frame { position: relative; display: grid; grid-template-columns: minmax(0, 390fr) minmax(0, 701fr); gap: 24px 28px; align-items: start; padding: 30px 28px 24px; border-radius: 40px;
  background: linear-gradient(140deg, #ff5a1f 0%, #ff6a2e 30%, #ff9a63 66%, #ffc7a4 100%); isolation: isolate; }
.hx-frame::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
  background: radial-gradient(circle, rgb(255 250 242 / .5) 1.2px, transparent 1.7px) 0 0 / 8px 8px;
  -webkit-mask-image: linear-gradient(215deg, #000 0%, transparent 42%); mask-image: linear-gradient(215deg, #000 0%, transparent 42%); }
.hx-win { margin: 0; min-width: 0; }
.hx-win img:not(.sp) { display: block; width: 100%; height: auto; border-radius: 18px; background: #161b36; box-shadow: 0 34px 60px -34px rgb(26 11 4 / .75), 0 2px 6px rgb(26 11 4 / .12); }
.hx-win figcaption { margin: 12px 6px 0; font: 500 14.5px/1.3 var(--hx-sans); letter-spacing: -.005em; color: #2a1206; }
.hx-frame.hx-fc { grid-template-rows: auto 1fr; align-items: start; }
.hx-fc .hx-chat { grid-column: 1; grid-row: 1; }
.hx-fc .hx-map { grid-column: 2; grid-row: 1 / span 2; }
.v2 .hx-fc .hx-cap { grid-column: 1; grid-row: 2; align-self: end; margin: 0; padding: 0 6px 8px; }
.v2 .hx-fc .hx-cap h2 { color: #1a0b04; }
.v2 .hx-fc .hx-cap p { max-width: none; margin-top: 12px; font-size: 17px; line-height: 1.5; color: #2a1206; }
.sp { position: absolute; z-index: 2; width: 48px; height: 48px; image-rendering: pixelated; pointer-events: none; }
.hx-frame .sp-a { top: -26px; left: 64px; }
.hx-frame .sp-b { top: -22px; right: 72px; }
.hx-frame .sp-c { bottom: -22px; right: 56px; }
.hx-shot { position: relative; display: block; }
.hx-shot .sp-f { left: 96%; top: 88.5%; }  .hx-shot picture { display: block; }
.hx-duo { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 56px 80px; align-items: center; margin: 48px 26px 0; }
.hx-cap h2, .hx-ag h2, .hx-models h2, .hx-start h2 { margin: 0; font: 900 clamp(38px, 4.6vw, 60px)/.92 var(--hx-disp); text-transform: uppercase; letter-spacing: .004em; color: var(--ink); text-wrap: balance; }
.hx-cap p, .hx-ag p { max-width: 560px; margin: 14px 0 0; font-size: 18.5px; line-height: 1.5; color: var(--ink-2); }
.hx-mac { margin-top: 22px; }
.hx-ag h2 { font-size: clamp(34px, 3.7vw, 48px); line-height: .95; }
.hx-ag h2 em { font-style: normal; color: var(--ember-text); }
.hx-ag p + p { margin-top: 10px; }
.hx-home .hx-ag p.ns-more { margin: 16px 0 0; font: 600 15.5px/1.4 var(--hx-sans); }
.hx-ag { max-width: 1192px; margin: 104px auto 0; padding: 0 26px; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: 72px; align-items: center; }
.hx-ag > :not(.hx-dock) { grid-column: 1; }
.hx-ag > .hx-dock { grid-column: 2; grid-row: 1 / span 4; justify-self: end; }
.hx-dock { display: flex; gap: 22px; margin: 0; padding: 0; list-style: none; }
.hx-dock li { display: flex; flex-direction: column; align-items: center; gap: 12px; margin: 0; font: 500 14.5px/1 var(--hx-sans); color: var(--ink-2); }
.hx-dock .tl { display: grid; place-items: center; width: 124px; height: 124px; border-radius: 38px; background: var(--paper-2); color: var(--ink); }
.hx-dock .al { display: block; width: 58px; height: 58px; fill: currentColor; }

.hx-models { max-width: 1192px; margin: 120px auto 0; padding: 0 26px; }
.hx-qrow { margin-top: 36px; }
.hx-qhead { display: flex; align-items: center; gap: 22px; }
.hx-qhead .hx-blk { margin: 0; flex: none; }
.hx-models h3 { margin: 0; font: 600 26px/1.2 var(--hx-sans); letter-spacing: -.015em; color: var(--ink); }
.hx-models p { margin: 8px 0 0; font-size: 17px; line-height: 1.55; color: var(--ink-2); }
.hx-qhead p { max-width: 700px; }
.hx-wrow { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: 32px 56px; align-items: center; margin-top: 110px; }
.hx-clip { position: relative; margin: 0; }
.hx-clip video, .hx-clip .hx-poster { display: block; width: 100%; height: auto; border-radius: 30px; background: #1b1a1f; }
.hx-clip .hx-poster { display: none; }
@media (prefers-reduced-motion: reduce) { .hx-clip video { display: none; } .hx-clip .hx-poster { display: block; } }
.hx-clip .sp-d { top: -26px; right: 40px; }
.hx-qw .sp-e, .hx-qhead .sp-e { position: static; display: block; }
.hx-home .hx-models p.ns-more { margin: 14px 0 0; font: 600 15.5px/1.4 var(--hx-sans); }
.hx-blk { display: grid; place-items: center; width: 76px; height: 76px; margin: 0 0 20px; border-radius: 22px; background: var(--ember); }
.hx-steps > li:first-child .hx-sm { background: var(--ember); color: #1a0b04; }
.hx-nums { margin: 40px 6px 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 48px; }
.hx-nums li { margin: 0; }
.v2 .hx-nums a { display: block; text-decoration: none; color: inherit; }
.hx-nums b { display: block; font: 900 72px/.9 var(--hx-disp); letter-spacing: .005em; color: var(--ink); }
.hx-nums span { display: block; margin-top: 8px; font-size: 15px; line-height: 1.45; color: var(--ink-2); }
.v2 .hx-nums a:hover b { color: var(--ember-text); }

.hx-start { max-width: 1192px; margin: 130px auto 0; padding: 0 26px; display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: 36px 72px; align-items: start; }
.hx-st-l { position: sticky; top: 100px; }
.hx-st-l > p { margin: 14px 0 0; font-size: 18px; line-height: 1.5; color: var(--ink-2); }
.v2 .hx-st-l p.hx-orgs { flex-direction: column; align-items: flex-start; gap: 4px; margin: 22px 0 0; }
.hx-home .hx-st-l .ns-facts { margin: 18px 0 0; text-align: left; }
.hx-steps { margin: 6px 0 0; padding: 0; list-style: none; display: grid; gap: 40px; }
.hx-steps > li { margin: 0; display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 20px; align-items: start; }
.hx-sm { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 16px; background: var(--paper-2); color: var(--ink); }
.hx-sm .ai { width: 19px; height: 23px; fill: currentColor; margin-top: -2px; }
.hx-sm .sm { width: 32px; height: 32px; image-rendering: pixelated; }
.v2.ns .hx-steps .ns-sc h3 { margin: 12px 0 10px; font: 600 21px/1.25 var(--hx-sans); letter-spacing: -.012em; }
.v2.ns .hx-steps .ns-sc p { font-size: 16.5px; }
.v2.ns .hx-steps .ns-cmd { border: 0; border-radius: 14px; background: var(--paper-2); padding: 8px 8px 8px 16px; margin: 0 0 12px; }
.v2.ns .hx-steps .ns-cmd .btn { border: 0; border-radius: 999px; background: var(--hx-pill-h); }
.hx-home .ns-cmd .nw { white-space: nowrap; }  
.v2.ns.hx-home .glance a { border: 0; border-radius: 24px; background: var(--paper-2); padding: 20px 20px 18px; }
.v2.ns.hx-home .glance a:hover { background: var(--paper-3); }
.v2.ns.hx-home .glance b { font: 900 40px/1 var(--hx-disp); letter-spacing: .005em; color: var(--ink); }
.v2.ns.hx-home .res { border-bottom: 0; padding: 40px 0 24px; }
.v2.ns.hx-home .prec { border: 0; border-radius: 24px; background: var(--paper-2); padding: 20px 22px 14px; }
.v2.ns.hx-home .port, .v2.ns.hx-home .pr, .v2.ns.hx-home .model { border: 0; border-radius: 22px; background: var(--paper-2); padding: 18px; }
.v2.ns.hx-home a.pr:hover, .v2.ns.hx-home a.model:hover { background: var(--paper-3); }
.v2.ns.hx-home .pipes { border-top: 0; border-bottom: 0; }
.v2.ns.hx-home .pipes div { border-bottom: 0; padding: 12px 0; }
.v2.ns.hx-home .credits li { border: 0; background: var(--paper-2); padding: 8px 14px; }
.v2.ns.hx-home #ours .res { border: 0; border-radius: 28px; background: var(--paper-2); padding: 24px 24px 16px; }
.v2.ns.hx-home .res-proof video { border-radius: 18px; }

.v2.ns.hx-home .paper, .v2.ns.hx-home .wide { max-width: 1192px; padding: 0 26px; }
.v2.ns.hx-home :is(.res-claim, .res-cap, .bars-fn, .fns, .lead2, .ns-biz > p, .credits) { max-width: 780px; }
.hx-home h2.sec { font: 600 clamp(30px, 3.4vw, 42px)/1.1 var(--hx-sans); text-transform: none; letter-spacing: -.022em; margin: 128px 0 20px; color: var(--ink); }
.v2.ns.hx-home :is(.res-tag, .port p.pn, .s3-kick, .model > i, .vchip, .pipes i, .s3-spec dt, .t2r-c figcaption, .kind, .soon, .bdg) {
  font: 600 14.5px/1.3 var(--hx-sans); letter-spacing: -.005em; text-transform: none; border: 0; border-radius: 0; background: none; padding: 0; box-shadow: none; }
.v2.ns.hx-home :is(.res-tag, .port p.pn, .s3-kick) { color: var(--ember-text); }
.v2.ns.hx-home :is(.res, .prec, .views, .views th, .views td, .bar-row, .pr, .port, .model, .credits, .glance, .pipes, .s3-spec, .ns-biz, .bars-fn, .fns, .res-cap, .res-claim) { font-family: var(--hx-sans); }
.v2.ns.hx-home .views th { font: 600 14px/1.3 var(--hx-sans); letter-spacing: 0; text-transform: none; }
.v2.ns.hx-home .s3-spec, .v2.ns.hx-home .s3-spec > * { border: 0; }
.v2.ns.hx-home .res h3 { font: 600 26px/1.2 var(--hx-sans); letter-spacing: -.015em; }

@media (max-width: 1100px) {
  .hx-px img { width: 90px; height: 120px; }
  .hx-wm { height: 120px; }
}
@media (max-width: 1099px) { .hx-dock .tl { width: 96px; height: 96px; border-radius: 30px; } .hx-dock .al { width: 46px; height: 46px; } }
@media (max-width: 900px) {
  .hx-wrow { grid-template-columns: 1fr; margin-top: 84px; }
  .hx-wrow .hx-clip { order: -1; }
  .hx-start { grid-template-columns: 1fr; }
  .hx-st-l { position: static; }
  .hx-ag { grid-template-columns: 1fr; }
  .hx-ag > .hx-dock { grid-column: 1; grid-row: auto; order: -1; justify-self: start; margin: 0 0 28px; }
}
@media (max-width: 760px) {
  .hx-lock { gap: 22px; }
  .hx-px img { width: 72px; height: 96px; }
  .hx-wm { height: 96px; }
}
@media (max-width: 640px) {
    .hx-fc .hx-chat, .hx-fc .hx-map, .v2 .hx-fc .hx-cap { grid-column: 1; grid-row: auto; }
  .v2 .hx-fc .hx-cap { padding: 6px 4px 4px; }
  .hx-ag { margin-top: 88px; padding: 0 18px; }
  .v2.ns.hx-home ul.models { display: none; }    .hx-home h2.sec { font-size: 30px; margin-top: 96px; }
  .v2.ns.hx-home .paper, .v2.ns.hx-home .wide { padding: 0 18px; }
  .hx { padding-top: 34px; }
  .hx-lock { flex-direction: column; gap: 16px; }
  .hx-px img { width: 54px; height: 72px; }
  .hx-wm { height: auto; width: min(340px, 100%); }
  .hx p.hx-line { margin-top: 22px; font-size: 16.5px; }
  .v2.ns .hx-menu .ns-cmd code { white-space: normal; font-size: 12px; }
  .hx-acts { margin-top: 26px; gap: 10px; }
  .hx-pill { height: 50px; padding: 0 22px; font-size: 15.5px; }
  .hx-pri { padding: 0 18px 0 20px; }
  .hx-pri .l1 { display: none; } .hx-pri .l2 { display: inline; }
  .v2 .hx p.hx-orgs { gap: 0; margin-top: 14px; }
  .v2 a.hx-org { min-height: 44px; font-size: 13px; gap: 9px; }
  .hx-org .oi { width: 30px; height: 30px; }
  .hx-org .wm-gh { width: 65.2px; height: 16px; }
  .hx-org .wm-hf { width: 116.5px; height: 21.25px; }
  .hx-show { margin-top: 34px; padding: 0 12px; }
  .hx-frame { grid-template-columns: 1fr; gap: 20px; padding: 20px 16px 14px; border-radius: 28px; }
  .hx-frame .sp-a { left: 28px; } .hx-frame .sp-b { right: 30px; } .hx-frame .sp-c { display: none; }
  .hx-shot .sp-f { width: 28px; height: 28px; }    .hx-frame::before { -webkit-mask-image: linear-gradient(180deg, #000 0, transparent 90px); mask-image: linear-gradient(180deg, #000 0, transparent 90px); }
  .hx-cap p, .hx-ag p { font-size: 16.5px; }
  .hx-models, .hx-start { padding: 0 18px; }
  .hx-dock { gap: 12px; margin-bottom: 22px; }
  .hx-dock .tl { width: 76px; height: 76px; border-radius: 24px; }
  .hx-dock .al { width: 36px; height: 36px; }
  .hx-models { margin-top: 84px; }
  .hx-qhead { align-items: flex-start; gap: 16px; }
  .hx-qhead .hx-blk { width: 56px; height: 56px; border-radius: 18px; }
  .hx-qhead .hx-blk .sp { width: 36px; height: 36px; }
  .hx-nums { grid-template-columns: 1fr; margin-top: 30px; gap: 22px; }
  .hx-models h3 { font-size: 22px; }
    .hx-cast { display: block; }
  .hx-s { width: 40px; height: 40px; }
  .hx-s1 { left: 14px; top: 26px; }
  .hx-s2 { right: 14px; top: 44px; animation-delay: -.6s; }
  .hx-cast .hx-s3, .hx-cast .hx-s4 { display: none; }
  .hx-clip video { border-radius: 22px; }
  .hx-nums b { font-size: 50px; }
  .hx-start { margin-top: 90px; }
  .hx-steps { gap: 30px; }
  .hx-steps > li { grid-template-columns: 1fr; gap: 10px; }
  .v2.ns .hx-steps .ns-cmd code { font-size: 12px; }
}
@media (max-width: 360px) {
  .hx-pill { padding: 0 16px; }
  .hx-pri { padding: 0 14px 0 16px; }
  .v2 a.hx-org { gap: 7px; font-size: 12.5px; }
  .hx-org .oi { width: 28px; height: 28px; }
  .hx-org .wm-gh { width: 61.1px; height: 15px; }
  .hx-org .wm-hf { width: 107.2px; height: 19.55px; }
}
@media (prefers-reduced-motion: reduce) { .hx-pill, .hx-pri .cv { transition: none; } .hx-s { animation: none; } }

.hx-stp .hx-stp-h { max-width: 860px; margin: 0 auto; padding: clamp(44px, 8vh, 80px) 20px 0; text-align: center; }
.hx-stp .hx-stp-h h1 { margin: 0; font: 900 clamp(56px, 8vw, 112px)/.9 var(--hx-disp); text-transform: uppercase; letter-spacing: .004em; color: var(--ink); text-wrap: balance; }
.hx-stp .hx-stp-h p { max-width: 620px; margin: 20px auto 0; }
.hx-stp .hx-stp-h .hx-mac { margin-top: 28px; }
.hx-res { max-width: 1192px; margin: 120px auto 0; padding: 0 26px; }
.hx-res h2 { margin: 0; font: 600 clamp(30px, 3.4vw, 42px)/1.1 var(--hx-sans); letter-spacing: -.022em; color: var(--ink); }
.hx-res > p { margin: 10px 0 26px; font-size: 17px; color: var(--ink-2); }
.hx-res ol { margin: 0; padding: 0 0 0 22px; columns: 2 340px; column-gap: 56px; }
.hx-res li { break-inside: avoid; margin: 0 0 11px; font-size: 15.5px; line-height: 1.45; color: var(--ink-2); overflow-wrap: anywhere; }
.v2 .hx-res li a { color: var(--ink); text-underline-offset: 3px; }
@media (max-width: 640px) {
  .hx-stp .hx-stp-h { padding: 34px 18px 0; }
  .hx-res { margin-top: 88px; padding: 0 18px; }
}

.hx-home :is(h2.sec, .hx-cap h2, .hx-ag h2, .hx-models h2, .hx-start h2, .hx-res h2) { margin-top: 0; font: 900 clamp(40px, 4.6vw, 60px)/.92 var(--hx-disp);
  text-transform: uppercase; letter-spacing: .004em; color: var(--ink); text-wrap: balance; }
.hx-home h2.sec { margin: 140px 0 26px; }
.hx-home .ns-facts { font: 500 14.5px/1.5 var(--hx-sans); }
.v2.ns.hx-home :is(.bars-h, .bars-fn, .bar-l, .bar-t em, .t2r-c figcaption, .t2r-cap, .t2r-note, .s3-tech, .s3-lead, .v3-cap, .v3-note, .spec, .aline, .pr-n, .pr b, .model b, .model span, .model p, .prec-h, .res-proof p, figcaption) {
  font-family: var(--hx-sans); text-transform: none; letter-spacing: normal; }

.v2.ns.hx-home :is(.glance a, .prec, .port, .pr, .model, .s3-o, .s3-facts li, .s3-spec, .s3-spec > div, .credits li, .results, .pipes, .pipes div, .arow, .views th, .views td, .lnote) {
  border: 0; background: none; box-shadow: none; border-radius: 0; }
.v2.ns.hx-home #ours .res { border: 0; background: none; border-radius: 0; padding: 40px 0 8px; }
.v2.ns.hx-home :is(a.pr, a.model, .glance a):hover { background: none; }
.v2.ns.hx-home :is(.glance a, .prec, .port, .pr, .model, .s3-o) { padding: 0; }
.v2.ns.hx-home .glance { gap: 36px 40px; }
.v2.ns.hx-home .glance b { font: 900 48px/.95 var(--hx-disp); }
.v2.ns.hx-home .glance a:hover b, .v2.ns.hx-home a.model:hover b, .v2.ns.hx-home a.pr:hover b { color: var(--ember-text); }
.v2.ns.hx-home .prec { margin: 34px 0 10px; }
.v2.ns.hx-home .prec-h { font-size: 17px; font-weight: 600; color: var(--ink); }
.v2.ns.hx-home .views th, .v2.ns.hx-home .views td { padding: 10px 22px 10px 0; }
.v2.ns.hx-home .views th { color: var(--ink-3); }
.v2.ns.hx-home :is(.ports, .prs) { gap: 26px 40px; }
.v2.ns.hx-home .s3-ours { gap: 56px 56px; }
.v2.ns.hx-home .s3-facts { gap: 6px 28px; }
.v2.ns.hx-home .s3-facts li { padding: 0; }
.v2.ns.hx-home .s3-spec > div { padding: 6px 0; }
.v2.ns.hx-home ul.models { gap: 30px 36px; }
.v2.ns.hx-home .model b { font-size: 17px; font-weight: 600; }
.v2.ns.hx-home .credits { display: flex; flex-wrap: wrap; gap: 6px 28px; padding: 0; list-style: none; }
.v2.ns.hx-home .credits li { padding: 0; color: var(--ink-2); }
.v2.ns.hx-home .pipes b { font: 600 17px/1.3 var(--hx-sans); color: var(--ink); }
.v2.ns.hx-home :is(.t2r-c video, .s3-t video, .s3-t img, .res-proof video, .dmedia video, .v3-stage) { border-radius: 18px; }
.v2.ns.hx-home .t2r-c figcaption { font-size: 13px; font-weight: 500; color: var(--ink-3); }
.v2.ns.hx-home :is(.acts, .band2) .btn { display: inline-flex; align-items: center; height: 50px; min-height: 50px; padding: 0 26px; border: 0; border-radius: 999px; box-shadow: none;
  background: var(--hx-pill); color: var(--ink); font: 500 15.5px/1 var(--hx-sans); text-decoration: none; }
.v2.ns.hx-home :is(.acts, .band2) .btn:hover { background: var(--hx-pill-h); }
.v2.ns.hx-home .band2 .btn.ember { background: var(--hx-pri); color: var(--hx-pri-ink); font-weight: 600; }
.v2.ns.hx-home .band2 .btn.ember:hover { background: var(--hx-pri-h); }
.v2.ns.hx-home .v3-chip { min-height: 40px; padding: 0 18px; border: 0; border-radius: 999px; background: var(--hx-pill); color: var(--ink); font: 500 14.5px/1 var(--hx-sans); }
.v2.ns.hx-home .v3-chip[aria-pressed="true"] { background: var(--ember); color: #1a0b04; }
.v2 .key .kk { display: inline-block; white-space: nowrap; }
@media (max-width: 640px) {
  .hx-home :is(h2.sec, .hx-cap h2, .hx-ag h2, .hx-models h2, .hx-start h2, .hx-res h2) { font-size: 40px; }
  .hx-home h2.sec { margin-top: 100px; }
  .v2.ns.hx-home .glance b { font-size: 40px; }
}

.hx-frame.hx-fc { grid-template-rows: auto auto 1fr; }
.v2 .hx-fc h2.hx-ftl { grid-column: 1; grid-row: 1; margin: 0; padding: 6px 6px 0; font: 900 clamp(38px, 3.8vw, 52px)/.9 var(--hx-disp); text-transform: uppercase;
  letter-spacing: .006em; color: #1a0b04; }
.hx-fc .hx-chat { grid-row: 2; }
.hx-fc .hx-map { grid-row: 1 / span 3; }
.v2 .hx-fc .hx-cap { grid-row: 3; }
.hx-wrow.hx-rrow { grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); margin-top: 96px; }
.hx-exp { display: inline-block; margin-left: 8px; padding: 5px 11px 6px; border-radius: 999px; vertical-align: 4px; font: 600 13.5px/1 var(--hx-sans); letter-spacing: 0;
  color: var(--ember-text); background: color-mix(in srgb, var(--ember) 15%, transparent); }
.v2.ns.hx-home .hx-ours { margin-top: 64px; }
.v2.ns.hx-home .hx-ours .acts { display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0 0; }
.v2.ns.hx-home .hx-fns h2.hx-fh { margin: 96px 0 12px; font: 600 20px/1.3 var(--hx-sans); letter-spacing: -.01em; text-transform: none; color: var(--ink); }
.v2.ns.hx-home #measure.hx-fns h2.hx-fh { margin-top: 36px; }
.v2.ns.hx-home .hx-fns .credits li, .v2.ns.hx-home .hx-fns .fns { font-size: 15px; }
.v2.ns.hx-home .hx-st-l .ns-facts { font: 500 14.5px/1.5 var(--hx-sans); }
.v2 .s3-t .hx-poster { display: none; }
.v2.ns.hx-home .s3-t .hx-poster { border-radius: 18px; }
@media (prefers-reduced-motion: reduce) {
  .v2 .s3-t video { display: none; }
  .v2 .s3-t .hx-poster { display: block; }
  .v2 .s3-strip .s3-t .hx-poster { aspect-ratio: 1 / 1; }
}
@media (max-width: 900px) { .hx-wrow.hx-rrow { grid-template-columns: 1fr; } }
@media (max-width: 640px) {
  .hx-fc .hx-ftl, .hx-fc .hx-chat, .hx-fc .hx-map, .v2 .hx-fc .hx-cap { grid-row: auto; }
  .v2 .hx-fc h2.hx-ftl { padding: 2px 4px 0; font-size: 40px; }
  .hx-wrow.hx-rrow { margin-top: 72px; }
}

body[data-ns], .hx-home { --font: var(--hx-sans); }  body[data-ns] { overflow-x: hidden; overflow-x: clip; }  .hx-st-l { top: 96px; }
.hx-t2r { margin-top: 112px; }
.hx-t2r h2 .hx-exp { vertical-align: middle; text-transform: none; font-size: 15px; padding: 7px 13px 8px; }
.hx-t2r .hx-rrow { margin-top: 28px; }
.v2.ns.hx-home .glance b { white-space: nowrap; }
.v2.ns.hx-home #results > .ns-more { margin-top: 14px; }
@media (max-width: 420px) { .v2.ns.hx-home .glance b { font-size: clamp(28px, 8.4vw, 34px); } }
.v2.ns.hx-home .hx-gl { margin: 22px 0 0; }
@media (min-width: 1000px) {
  .v2.ns.hx-home .pipes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 56px; }
}
.v2.ns.hx-home .v3-stage { background-color: var(--paper-2); background-position: center; background-size: contain; background-repeat: no-repeat; }

.v2 a.hx-agx { display: flex; align-items: center; gap: 14px; width: max-content; max-width: min(560px, 100%); margin: 20px auto 0; text-align: left;
  color: var(--ink-2); text-decoration: none; }
.hx-agl { display: flex; gap: 6px; flex: none; }
.hx-agl .tl { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; background: var(--paper-2); color: var(--ink); }
.hx-agl .al { display: block; width: 24px; height: 24px; fill: currentColor; }
.hx-agt { min-width: 0; font: 400 14px/1.45 var(--hx-sans); color: var(--ink-2); }
.hx-agt b { display: block; margin: 0 0 4px; font: 600 17px/1.3 var(--hx-sans); letter-spacing: -.012em; color: var(--ink); }
.hx-agt b em { font-style: normal; color: var(--ember-text); white-space: nowrap; }
.v2 a.hx-agx:hover b { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.v2 a.hx-agx:focus-visible { outline: 2px solid var(--ember); outline-offset: 4px; border-radius: 14px; }
@media (min-width: 1280px) {
  .v2 .hx-low > a.hx-agx { position: absolute; left: calc(50% + 258px); top: 0; width: 326px; margin: 0; flex-direction: column; align-items: flex-start; gap: 10px; }
  .hx-cast .hx-s4 { display: none; }  }
@media (max-width: 640px) {
  .v2 a.hx-agx { margin-top: 16px; gap: 12px; }
  .hx-agl .tl { width: 36px; height: 36px; border-radius: 12px; }
  .hx-agl .al { width: 20px; height: 20px; }
  .hx-agt { font-size: 13px; } .hx-agt b { font-size: 15px; }
}
@media (max-width: 360px) { .hx-agl { gap: 4px; } .hx-agl .tl { width: 32px; height: 32px; border-radius: 11px; } .hx-agl .al { width: 18px; height: 18px; } }

.v2 .hx-macq { display: inline-flex; align-items: center; gap: 9px; margin: 20px 0 0; font: 600 15.5px/1.3 var(--hx-sans); letter-spacing: -.005em; color: var(--ink-2); }
.hx-macq .ai { width: 15px; height: 18px; flex: none; fill: currentColor; margin-top: -3px; }
.v2 .hx-fc .hx-cap p.hx-macq { margin-top: 16px; font-size: 15.5px; color: #1a0b04; }

.hx-home :is(h2.sec, .hx-models h2, .hx-start h2) { font: 600 clamp(32px, 3.6vw, 48px)/1.08 var(--hx-sans); text-transform: none; letter-spacing: -.03em; }
.hx-t2r h2 .hx-exp { vertical-align: 6px; }
@media (max-width: 640px) { .hx-home :is(h2.sec, .hx-models h2, .hx-start h2) { font-size: 32px; } }

.hx-clip { display: grid; }
.hx-clip > video, .hx-clip > .hx-poster { grid-area: 1 / 1; }
.hx-clip .hx-poster { display: block; }
.hx-clip > video { position: relative; z-index: 1; background: transparent; }
@media (prefers-color-scheme: dark) {
  .hx-t2r .hx-clip > :is(video, .hx-poster) { filter: brightness(.74) contrast(1.06); box-shadow: 0 0 0 1px var(--rule-2); }
}

.v2.ns.hx-home .pipes img.wm { filter: brightness(0); opacity: .9; }
@media (prefers-color-scheme: dark) { .v2.ns.hx-home .pipes img.wm { filter: brightness(0) invert(.9); opacity: 1; } }

.s3-lead:has(+ .v3h[data-state="still"]) .v3-drag { display: none; }
@media (prefers-color-scheme: dark) { .v2.ns.hx-home :is(.s3-strip :is(video, img), .v3-stage video.v3-poster) { filter: brightness(.72); } }
.v2 p.hx-fnl { display: flex; flex-wrap: wrap; gap: 6px 28px; margin: 40px 0 0; font: 500 15px/1.4 var(--hx-sans); }
.v2 .hx-fnl a { color: var(--ink-3); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: var(--rule-2); }
.v2 .hx-fnl a:hover { color: var(--ink); }
.hx-end { position: relative; isolation: isolate; max-width: 1192px; margin: 120px auto 0; padding: 64px 24px 68px; border-radius: 40px; text-align: center;
  background: #0b0a09; color: #ece6da; }
.hx-end::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
  background: radial-gradient(circle, rgb(255 90 31 / .55) 1.2px, transparent 1.7px) 0 0 / 8px 8px;
  -webkit-mask-image: linear-gradient(215deg, #000 0%, transparent 38%); mask-image: linear-gradient(215deg, #000 0%, transparent 38%); }
.hx-endm { display: block; width: 54px; height: 72px; margin: 0 auto 30px; image-rendering: pixelated; }
.hx-end .hx-acts { margin-top: 0; }
.hx-end .hx-pill { background: rgb(236 230 218 / .13); color: #ece6da; }
.v2 .hx-end a.hx-pill { color: #ece6da; }
.hx-end .hx-pill:hover { background: rgb(236 230 218 / .22); }
.hx-end .hx-pri { background: #ece6da; color: #0b0a09; }
.hx-end .hx-pri:hover { background: #fffaf2; }
.hx-end .sp-a { top: -24px; left: 72px; }
.hx-end .sp-b { bottom: -22px; right: 84px; }
@supports (anchor-name: --a) {
  .hx-end .hx-enda { anchor-name: --hx-end; }
  #hx-menu2 { position-anchor: --hx-end; }
}
@media (prefers-color-scheme: dark) { .hx-end { background: #1c1814; } }
@media (max-width: 1240px) { .hx-end { margin-left: 20px; margin-right: 20px; } }
@media (max-width: 640px) {
  .hx-end { margin: 90px 12px 0; padding: 44px 18px 48px; border-radius: 28px; }
  .hx-endm { width: 42px; height: 56px; margin-bottom: 24px; }
  .hx-end .hx-acts { flex-direction: column; width: 100%; gap: 10px; }
  .hx-end .hx-pill { width: min(100%, 300px); }
  .hx-end .sp-a { left: 28px; } .hx-end .sp-b { right: 30px; }
}

@supports (anchor-name: --a) { @media (max-width: 420px) { #hx-menu2 { top: auto; bottom: calc(anchor(top) + 12px); } } }
@media (max-width: 420px) {
  .hx { padding-top: 26px; }
  .hx-lock { gap: 12px; }
  .hx p.hx-line { margin-top: 18px; }
  .hx-acts { margin-top: 22px; }
  .v2 .hx p.hx-orgs { margin-top: 10px; }
  .v2 a.hx-agx { margin-top: 10px; gap: 12px; }
  .hx-agt > span { display: none; }
  .hx-agt b { margin: 0; }
  .hx-show { margin-top: 32px; }
  .hx-frame.hx-fc { padding-top: 16px; row-gap: 14px; }
  .v2 .hx-fc h2.hx-ftl { font-size: 34px; }
    .hx-frame .sp-a, .hx-frame .sp-b { width: 32px; height: 32px; top: -24px; }
}
@media (min-width: 1280px) { .hx-s3 { top: auto; bottom: 34px; left: calc(50% - 548px); } }  @media (prefers-color-scheme: dark) {
  .v2.ns.hx-home .v3-stage { background-image: radial-gradient(ellipse 58% 62% at 50% 50%, rgb(66 59 51), rgb(44 40 35) 48%, var(--paper-2) 100%); }
}
.v2.ns.hx-home .glance span, .v2.ns.hx-home p.bars-fn, .v2.ns.hx-home .sec-w > .bars-fn, .v2.ns.hx-home .s3-t figcaption,
.v2.ns.hx-home .s3-strip .s3-t figcaption { font-size: 14px; }
.v2.ns.hx-home .spec, .v2.ns.hx-home p.spec { font-size: 13px; letter-spacing: .01em; color: var(--ink-2); }
@font-face { font-family: "Geist Mono ASCII"; font-weight: 100 900; font-display: swap; src: url("/fonts/GeistMono-ASCII.woff2") format("woff2"); unicode-range: U+0020-007E, U+00A0; }
:root:has(body[data-ns]) { --mono: "Geist Mono ASCII", "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; }