:root{--bg:#05070a;--line:#ff4d3d;--line-rgb:255 77 61;--accent:#ff2211;--accent-rgb:255 34 17;--accent-hi:#ff4d3d;--muted:#8a96a3;--text:#eef3f7;--text-2:#bcc6d0;--hair:rgb(var(--line-rgb) / 0.2);--hair-strong:rgb(var(--line-rgb) / 0.45);--panel-bg:rgb(5 7 10 / 0.8);--font-display:"Chakra Petch", "Rajdhani", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--gutter:clamp(1rem, 2.6vw, 2.75rem);--bar-h:4.5rem;--rail-h:4.25rem;--panel-gap:clamp(1.25rem, 3vw, 3.5rem);--corner:14px;--cut:10px;--ease:cubic-bezier(0.2, 0.7, 0.2, 1);color-scheme:dark}@media(max-width:768px){:root{--bar-h:3.75rem;--rail-h:3.5rem;--gutter:0.75rem}}.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:50;top:.75rem;left:.75rem;padding:.6rem 1rem;background:var(--accent);color:var(--bg)!important;font:600 .8125rem/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transform:translateY(-200%)}.skip-link:focus{transform:none}.hud-bar{position:fixed;z-index:5;top:0;left:0;right:0;height:var(--bar-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;padding-inline:calc(var(--gutter) + 1.25rem);background:rgb(5 7 10/.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.hud-brand{display:inline-flex;align-items:center;gap:.75rem;justify-self:start;text-decoration:none;color:var(--text)}.hud-brand__mark{width:1.75rem;height:1.75rem;color:var(--line)}.hud-brand__name{font:600 .9375rem/1 var(--font-display);letter-spacing:.22em}.hud-brand__ext{color:var(--line)}.hud-bar__readout{display:flex;gap:2rem;margin:0;font:.6875rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.hud-bar__status{display:inline-flex;align-items:center;gap:.6rem}.hud-dot{width:6px;height:6px;border-radius:50%;background:#6ee7a0;box-shadow:0 0 8px #6ee7a0}.hud-bar__nav{display:flex;align-items:center;justify-self:end;gap:2rem}.hud-bar__nav a{white-space:nowrap;font:500 .8125rem/1 var(--font-display);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--text-2);transition:color .2s var(--ease)}.hud-bar__nav a:hover{color:var(--line)}.hud-bar__nav .hud-bar__cta{color:var(--accent-hi)}.hud-bar__cta::before{content:"[ ";color:var(--muted)}.hud-bar__cta::after{content:" ]";color:var(--muted)}.hud-accent{display:inline-flex;align-items:center;gap:.35rem}.hud-accent[hidden],.hud-accent__reset[hidden]{display:none}.hud-accent__pick{display:inline-flex;align-items:center;gap:.6rem;min-height:1.5rem;font:500 .8125rem/1 var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--text-2);cursor:pointer}.hud-accent__pick:hover{color:var(--line)}.hud-accent__pick input{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:1.125rem;height:1.125rem;padding:0;border:1px solid rgb(238 243 247/.55);border-radius:50%;background:var(--accent);box-shadow:0 0 10px rgb(var(--accent-rgb)/.8);cursor:pointer;overflow:hidden}.hud-accent__pick input::-webkit-color-swatch-wrapper{padding:0}.hud-accent__pick input::-webkit-color-swatch{border:0;opacity:0}.hud-accent__pick input::-moz-color-swatch{border:0;opacity:0}.hud-accent__reset{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;padding:0;border:0;background:0 0;font:.9375rem/1 var(--font-mono);color:var(--muted);cursor:pointer}.hud-accent__reset:hover{color:var(--line)}.accent-filter{position:absolute;width:0;height:0}@media(max-width:1100px){.hud-bar__readout{display:none}}.hud-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.75rem;margin:1.75rem 0}.hud-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 1.5rem .95rem;border:0;background:linear-gradient(135deg,transparent var(--cut),var(--accent) var(--cut) calc(100% - var(--cut)),transparent calc(100% - var(--cut)));color:var(--bg);font:600 .8125rem/1 var(--font-display);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:filter .2s var(--ease),translate .2s var(--ease)}.hud-button:hover{filter:brightness(1.12);translate:0 -1px}.hud-button--ghost{padding-inline:0;background:0 0;color:var(--text)}.hud-button--ghost::before,.hud-button--ghost::after{color:var(--line)}.hud-button--ghost::before{content:"["}.hud-button--ghost::after{content:"]"}.hud-button--ghost:hover{filter:none;color:var(--line)}@media(max-width:768px){.hud-bar{grid-template-columns:minmax(0,1fr)auto;padding-inline:1rem;background:rgb(5 7 10/.82)}.hud-bar__extra{display:none}.hud-accent__label{display:none}.hud-bar__nav{gap:1.25rem}.hud-brand{min-width:0}.hud-brand__name{overflow:hidden;font-size:.8125rem;white-space:nowrap;text-overflow:ellipsis}}@media(max-width:420px){.hud-bar{gap:.75rem}.hud-brand{gap:.5rem}.hud-bar__nav{gap:.9rem}}@media(max-width:374px){.hud-brand__ext{display:none}.hud-brand__name{letter-spacing:.14em}}@media(max-width:340px){.hud-bar{gap:.5rem;padding-inline:.75rem}.hud-bar__nav{gap:.5rem}}*,*::before,*::after{box-sizing:border-box}html,body{height:100%}body.hud{margin:0;overflow:hidden;background:var(--bg);color:var(--text-2);font:1rem/1.65 var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:where(.hud) a{color:inherit}.hud :focus-visible{outline:2px solid var(--line);outline-offset:3px}.hud [tabindex="-1"]:focus:not(:focus-visible){outline:none}.hud [tabindex="-1"].hud-panel__title:focus-visible{outline:none;text-decoration:underline 2px var(--line);text-underline-offset:.18em}.hud img{display:block;max-width:100%}.tour-poster,#tour-canvas{position:fixed;inset:0}.tour-poster{z-index:0;background:var(--bg)}.tour-poster img{display:none;position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}html[data-accent] .tour-poster img{filter:url(#accent-shift)}#tour-canvas{z-index:1;pointer-events:none;opacity:0;transition:opacity .9s var(--ease)}.tour-live{position:fixed;inset:0;z-index:1;overflow:hidden;pointer-events:none}.tour-live__screen{position:absolute;top:0;left:0;transform-origin:0 0}.tour-live__frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff;pointer-events:auto;opacity:0;transition:opacity .6s var(--ease)}.tour-live[data-state=live] .tour-live__frame{opacity:1}.tour-live__boot{position:absolute;inset:0;background:rgb(5 7 10/.72);animation:live-veil .4s var(--ease)both;transition:opacity .5s var(--ease).3s}.tour-live[data-state=live] .tour-live__boot{opacity:0}.tour-live__corner{--arm:6px;position:absolute;width:140px;height:140px;border:0 solid var(--line);filter:drop-shadow(0 0 12px rgb(var(--line-rgb)/.7));animation:live-fly .8s var(--ease-out,cubic-bezier(.16,1,.3,1)).1s both}.tour-live__corner[data-corner=tl]{top:24px;left:24px;border-top-width:var(--arm);border-left-width:var(--arm);--from:500px, 266px}.tour-live__corner[data-corner=tr]{top:24px;right:24px;border-top-width:var(--arm);border-right-width:var(--arm);--from:-500px, 266px}.tour-live__corner[data-corner=br]{right:24px;bottom:24px;border-right-width:var(--arm);border-bottom-width:var(--arm);--from:-500px, -266px}.tour-live__corner[data-corner=bl]{bottom:24px;left:24px;border-bottom-width:var(--arm);border-left-width:var(--arm);--from:500px, -266px}.tour-live__scan{position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,transparent,var(--line),transparent);box-shadow:0 0 24px rgb(var(--line-rgb)/.8);animation:live-scan 2.4s linear .9s infinite;opacity:0}.tour-live__readout{position:absolute;inset:50% 0 auto;display:grid;justify-items:center;gap:22px;margin:0;translate:0 -50%;text-align:center;font:500 30px/1 var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);animation:live-readout .5s var(--ease).7s both}.tour-live__readout strong{font:600 76px/1 var(--font-display);letter-spacing:.04em;color:var(--text)}.tour-live__bar{position:relative;width:420px;height:6px;overflow:hidden;background:rgb(var(--line-rgb)/.18)}.tour-live__bar::after{content:"";position:absolute;inset:0 auto 0 0;width:30%;background:var(--line);box-shadow:0 0 16px var(--line);animation:live-bar 1.3s var(--ease)infinite}@keyframes live-veil{from{opacity:0}}@keyframes live-fly{from{opacity:0;translate:var(--from);scale:.4}30%{opacity:1}}@keyframes live-scan{0%{opacity:0;translate:0 0}10%{opacity:1}90%{opacity:1}100%{opacity:0;translate:0 714px}}@keyframes live-readout{from{opacity:0}}@keyframes live-bar{from{translate:-100% 0}to{translate:340% 0}}@media(prefers-reduced-motion:reduce){.tour-live__boot,.tour-live__corner,.tour-live__readout,.tour-live__bar::after{animation:none}.tour-live__scan{display:none}}.tour-live[data-state=live]~.hud-callout{visibility:hidden}#tour-canvas canvas{display:block;width:100%;height:100%}html[data-mode=webgl] #tour-canvas{opacity:1}.tour[data-flying] .hud-panel{visibility:hidden}.tour[data-panel=closed] .hud-panel{visibility:hidden}.hud-callout{position:fixed;inset:0;z-index:2;width:100%;height:100%;overflow:visible;pointer-events:none;visibility:hidden}html[data-mode=webgl] .hud-callout{visibility:visible}.hud-callout__leader{fill:none;stroke:var(--line);stroke-width:1;stroke-dasharray:1;stroke-dashoffset:1}.hud-callout__ring{fill:none;stroke:var(--line);stroke-width:1;stroke-dasharray:3.5 3.5}.hud-callout__dot{fill:var(--line)}.hud-callout__plate{fill:rgb(5 7 10/.78);stroke:var(--hair-strong);stroke-width:1}.hud-callout__label{font:500 11px/1 var(--font-mono);letter-spacing:.16em;fill:var(--line)}.hud-callout__ring,.hud-callout__dot,.hud-callout__tag{opacity:0}.hud-callout__ring{transform-box:fill-box;transform-origin:center;scale:1.6}.hud-callout[data-state=on] .hud-callout__leader{stroke-dashoffset:0;transition:stroke-dashoffset .5s var(--ease).12s}.hud-callout[data-state=on] .hud-callout__ring,.hud-callout[data-state=on] .hud-callout__dot{opacity:1;scale:1;transition:opacity .3s var(--ease),scale .45s var(--ease)}.hud-callout[data-state=on] .hud-callout__tag{opacity:1;transition:opacity .35s var(--ease).5s}@media(prefers-reduced-motion:reduce){.hud-callout[data-state=on] *{transition-delay:0s!important}}.hud-boot{position:fixed;z-index:3;left:50%;bottom:calc(var(--rail-h) + var(--panel-gap));width:min(22rem,calc(100vw - 2 * var(--gutter) - 2rem));padding:.9rem 1rem;border:1px solid var(--hair);background:rgb(5 7 10/.85);backdrop-filter:blur(12px);font:500 .6875rem/1 var(--font-mono);letter-spacing:.2em;color:var(--muted);pointer-events:none;translate:-50% 0;visibility:hidden;opacity:0;transition:opacity .4s var(--ease),visibility 0s linear .4s}html[data-mode=boot] .hud-boot{visibility:visible;opacity:1;transition-delay:0s}.hud-boot__title,.hud-boot__status{margin:0}.hud-boot__title{color:var(--line)}.hud-boot__sep{color:var(--muted)}.hud-boot__bar{position:relative;height:1px;margin:.8rem 0;background:var(--hair)}.hud-boot__fill{position:absolute;inset:0;background:var(--line);transform:scaleX(var(--boot,0));transform-origin:left;transition:transform .2s linear}.hud-boot__status{display:flex;justify-content:space-between;gap:1rem}.hud-boot__pct{color:var(--text);font-variant-numeric:tabular-nums}.tour{outline:none}.hud-frame{position:fixed;inset:0;z-index:2;pointer-events:none}.hud-frame__scrim{position:absolute;inset:0;background:linear-gradient(to bottom,rgb(5 7 10/.85),rgb(5 7 10/0) calc(var(--bar-h) * 2.2)),linear-gradient(to top,rgb(5 7 10/.9),rgb(5 7 10/0) calc(var(--rail-h) * 2.4)),radial-gradient(ellipse 120% 90% at 50% 45%,rgb(5 7 10/0) 55%,rgb(5 7 10/.55))}.hud-frame__grid{position:absolute;inset:0;background-image:linear-gradient(to right,rgb(var(--line-rgb)/.07) 1px,transparent 1px),linear-gradient(to bottom,rgb(var(--line-rgb)/.07) 1px,transparent 1px);background-size:6rem 6rem;background-position:var(--gutter)var(--bar-h);mask-image:radial-gradient(ellipse 75% 70% at 50% 50%,transparent 40%,#000 100%)}.hud-frame::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgb(255 255 255/.018) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}.hud-guide{position:absolute;background:var(--hair)}.hud-guide[data-guide^=v]{top:0;bottom:0;width:1px}.hud-guide[data-guide=v1]{left:var(--gutter)}.hud-guide[data-guide=v2]{right:var(--gutter)}.hud-guide[data-guide^=h]{left:0;right:0;height:1px}.hud-guide[data-guide=h1]{top:var(--bar-h)}.hud-guide[data-guide=h2]{bottom:var(--rail-h)}.hud-corner{position:absolute;width:var(--corner);height:var(--corner);border:0 solid var(--line)}.hud-corner[data-corner=tl]{top:-1px;left:-1px;border-top-width:2px;border-left-width:2px}.hud-corner[data-corner=tr]{top:-1px;right:-1px;border-top-width:2px;border-right-width:2px}.hud-corner[data-corner=bl]{bottom:-1px;left:-1px;border-bottom-width:2px;border-left-width:2px}.hud-corner[data-corner=br]{right:-1px;bottom:-1px;border-right-width:2px;border-bottom-width:2px}.hud-frame>.hud-corner{--corner:22px;border-color:rgb(var(--line-rgb)/.7)}.hud-frame>.hud-corner[data-corner^=t]{top:calc(var(--bar-h) - 1px)}.hud-frame>.hud-corner[data-corner^=b]{bottom:calc(var(--rail-h) - 1px)}.hud-frame>.hud-corner[data-corner$=l]{left:calc(var(--gutter) - 1px)}.hud-frame>.hud-corner[data-corner$=r]{right:calc(var(--gutter) - 1px)}.hud-frame__tick{position:absolute;top:50%;font:500 .625rem/1 var(--font-mono);letter-spacing:.24em;padding:.6rem .25rem;background:rgb(5 7 10/.85);color:var(--muted);white-space:nowrap;writing-mode:vertical-rl}.hud-frame__tick[data-tick=left]{left:calc(var(--gutter)/2);translate:-50% -50%;rotate:180deg}.hud-frame__tick[data-tick=right]{right:calc(var(--gutter)/2);translate:50% -50%}.hud-panel{--pad:clamp(1.5rem, 2.2vw, 2.25rem);position:fixed;z-index:3;inset-block:calc(var(--bar-h) + var(--panel-gap))calc(var(--rail-h) + var(--panel-gap));width:min(34rem,42vw);height:fit-content;max-height:calc(100dvh - var(--bar-h) - var(--rail-h) - 2 * var(--panel-gap));margin-block:auto;display:none;flex-direction:column;padding:var(--pad)var(--pad)0;background:var(--panel-bg);backdrop-filter:blur(22px)saturate(1.25);-webkit-backdrop-filter:blur(22px)saturate(1.25);box-shadow:0 30px 80px -20px rgb(0 0 0/.7)}.hud-panel:where([data-side=left]){left:calc(var(--gutter) + var(--panel-gap))}.hud-panel:where([data-side=right]){right:calc(var(--gutter) + var(--panel-gap))}.hud-panel__frame{position:absolute;inset:0;pointer-events:none}.hud-edge{position:absolute;left:calc(var(--corner) + 6px);right:calc(var(--corner) + 6px);height:1px;background:linear-gradient(to right,var(--hair-strong),rgb(var(--line-rgb)/.05))}.hud-edge[data-edge=top]{top:-1px}.hud-edge[data-edge=bottom]{bottom:-1px;background:linear-gradient(to left,var(--hair-strong),rgb(var(--line-rgb)/.05))}.hud-panel__head{position:relative;padding-bottom:1.25rem}.hud-panel__readout{display:flex;align-items:baseline;gap:.6rem;margin:0 0 1.1rem;font:500 .75rem/1 var(--font-mono);letter-spacing:.18em;color:var(--line)}.hud-panel__sep{color:var(--muted)}.hud-panel__callout{margin-left:auto;font-weight:400;letter-spacing:.08em;color:var(--muted);text-transform:uppercase;white-space:nowrap}.hud-panel--hero .hud-panel__callout{margin-left:2rem}.hud-panel__kicker{margin:0 0 1rem;font:500 .8125rem/1.3 var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--line)}.hud-panel__title{margin:0;font:600 clamp(2rem,1.1rem + 1.9vw,3rem)/1.02 var(--font-display);letter-spacing:-.005em;color:var(--text);text-wrap:balance}.hud-panel__head,.hud-panel__nav{flex:none}.hud-panel__body{flex:auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin-right:calc(var(--pad) * -1 + .5rem);padding:0 calc(var(--pad) - .5rem)2rem 0;mask-image:linear-gradient(to bottom,#000 calc(100% - 2rem),transparent);scrollbar-width:thin;scrollbar-color:var(--hair-strong)transparent}.hud-panel__body:focus-visible{outline-offset:-2px;mask-image:none}.hud-copy{max-width:62ch}.hud-copy p,.hud-copy ul{margin:0}.hud-copy>*+*{margin-top:1em}.hud-copy strong{font-weight:600;color:var(--text)}.hud-copy ul{padding:0;list-style:none}.hud-copy li{position:relative;margin-bottom:.7em;padding-left:1.4rem}.hud-copy li::before{content:"";position:absolute;top:.8em;left:0;width:.65rem;height:1px;background:var(--line)}.hud-copy a{color:var(--line);text-underline-offset:.2em}.hud-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin:1.5rem 0;padding:0;list-style:none}.hud-tags li{padding:.4rem .65rem .35rem;font:500 .6875rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);background:rgb(var(--line-rgb)/.06);box-shadow:inset 0 0 0 1px var(--hair)}.hud-panel__nav{display:flex;justify-content:space-between;gap:1rem;margin-inline:calc(var(--pad) * -1);padding:.95rem var(--pad);border-top:1px solid var(--hair)}.hud-panel__nav a{font:500 .6875rem/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--muted);transition:color .2s var(--ease)}.hud-panel__nav a:hover{color:var(--line)}.hud-panel--hero{--pad:0;width:min(46rem,52vw);inset-block:calc(var(--bar-h) + 2rem)calc(var(--rail-h) + 3rem);margin-block:auto 0;padding:0;background:0 0;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.hud-panel--hero::before{content:"";position:absolute;z-index:-1;inset:-40% -45% -30% -30%;background:radial-gradient(closest-side,rgb(5 7 10/.9),rgb(5 7 10/.72) 55%,rgb(5 7 10/0));pointer-events:none}.hud-panel--hero .hud-panel__frame,.hud-panel--hero .hud-panel__nav{display:none}.hud-panel--hero .hud-panel__readout{margin-bottom:1.5rem}.hud-panel--hero .hud-panel__title{font-size:clamp(2.75rem,.5rem + min(5.6vw,10.5vh),6.75rem);font-weight:600;line-height:.9;letter-spacing:-.015em;text-transform:uppercase}.hud-panel--hero .hud-panel__body{margin:-4px;padding:4px;mask-image:none}.hud-panel--hero .hud-copy{max-width:34rem;font-size:1.125rem;color:var(--text-2)}.hud-stats{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:2.5rem;margin:0}.hud-stats div{padding-left:1rem;border-left:1px solid var(--hair-strong)}.hud-stats dt{font:.625rem/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.hud-stats dd{margin:.55rem 0 0;font:600 1.75rem/1 var(--font-display);color:var(--text)}@media(min-width:769px) and (max-height:760px){.hud-panel--hero .hud-copy{font-size:1rem}.hud-actions{margin:1.25rem 0}.hud-stats{display:none}}.hud-panel:where([data-stop=projects],[data-stop=blog]){width:min(40rem,46vw)}.hud-projects,.hud-blog{margin:.5rem 0 0;padding:0;list-style:none}.hud-project,.hud-post{display:grid;grid-template-columns:9.5rem 1fr;gap:1.25rem;padding:1.25rem 0;border-top:1px solid var(--hair)}.hud-project__shot,.hud-post__shot{position:relative;margin:0;aspect-ratio:16/10;overflow:hidden;background:rgb(var(--line-rgb)/.05);box-shadow:inset 0 0 0 1px var(--hair)}.hud-project__shot img,.hud-post__shot img{width:100%;height:100%;object-fit:cover;object-position:top center;opacity:.92}.hud-project__meta,.hud-post__meta{margin:0 0 .45rem;font:500 .6875rem/1.3 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--line)}.hud-project__meta span,.hud-post__meta [aria-hidden=true]{margin-right:.5rem;color:var(--muted)}.hud-project__title,.hud-post__title{margin:0 0 .4rem;font:600 1.25rem/1.2 var(--font-display);color:var(--text)}.hud-project__title a,.hud-post__title a{text-decoration:none}.hud-project__title a:hover,.hud-post__title a:hover{color:var(--line)}.hud-project__blurb,.hud-post__blurb{margin:0 0 .6rem;font-size:.9375rem;line-height:1.6}.hud-project__stack{margin:0;font:.6875rem/1.5 var(--font-mono);letter-spacing:.04em;color:var(--muted)}.hud-post__shot{aspect-ratio:16/9}.hud-post__shot img{object-position:center}.hud-post__none{position:absolute;inset:0;display:grid;place-items:center;font:500 .5625rem/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);background-image:linear-gradient(var(--hair) 1px,transparent 1px),linear-gradient(90deg,var(--hair) 1px,transparent 1px);background-size:12px 12px}.hud-post__category{color:var(--accent-hi)}.hud-project__live{margin:.8rem 0 0;font:500 .6875rem/1.3 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.hud-project__live[hidden]{display:none}.hud-project__live[data-state=live]{color:var(--line)}.hud-project__live[data-state=live]::before{content:"● "}.hud-post__read{display:inline-flex;align-items:center;gap:.5rem;font:600 .75rem/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--line);transition:color .2s var(--ease)}.hud-post__read [aria-hidden=true]{transition:translate .2s var(--ease)}.hud-post__read:hover{color:var(--accent-hi)}.hud-post__read:hover [aria-hidden=true]{translate:3px 0}.hud-more{display:inline-block;margin-top:.75rem;font:500 .6875rem/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--muted);transition:color .2s var(--ease)}.hud-more:hover{color:var(--line)}.hud-carousel__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 .75rem}.hud-carousel__count{margin:0;font:500 .75rem/1 var(--font-mono);letter-spacing:.16em;color:var(--muted)}.hud-carousel__count [data-carousel-index]{color:var(--line)}.hud-carousel__steps{display:flex;gap:.45rem}.hud-carousel__step,.hud-carousel__tab{padding:.5rem .7rem .45rem;font:500 .6875rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);background:rgb(var(--line-rgb)/.06);border:0;border-radius:0;box-shadow:inset 0 0 0 1px var(--hair);cursor:pointer;transition:color .2s var(--ease),background-color .2s var(--ease),box-shadow .2s var(--ease)}.hud-carousel__step:hover,.hud-carousel__tab:hover{color:var(--line);box-shadow:inset 0 0 0 1px var(--hair-strong)}.hud-carousel__tabs{display:flex;flex-wrap:wrap;gap:.35rem}.hud-carousel__tab{min-width:2.25rem;padding-inline:.45rem}.hud-carousel__tab[aria-selected=true]{color:var(--bg);background:var(--line);box-shadow:none}.hud-carousel__bar[hidden],.hud-carousel__tabs[hidden],.hud-carousel__item[hidden]{display:none}.hud-carousel__list{padding:0}.hud-carousel__list[role=none]{margin-top:.5rem}.hud-carousel__item[role=tabpanel]{animation:hud-carousel-in .24s var(--ease)both}@keyframes hud-carousel-in{from{opacity:0;transform:translateY(4px)}}.hud-portrait{position:relative;margin:0 0 1.5rem;aspect-ratio:21/9;overflow:hidden;box-shadow:inset 0 0 0 1px var(--hair)}.hud-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}.hud-portrait figcaption{position:absolute;left:0;bottom:0;padding:.45rem .7rem;background:rgb(5 7 10/.8);font:500 .625rem/1 var(--font-mono);letter-spacing:.2em;color:var(--text);text-shadow:0 1px 6px rgb(0 0 0/.8)}.hud-links{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:0 0 1.5rem;padding:0;list-style:none}.hud-links a{font:500 .8125rem/1.6 var(--font-display);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--text)}.hud-links a:hover{color:var(--line)}.hud-panel:where([data-stop=contact]){width:min(36rem,44vw)}.hud-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.75rem 0 2.25rem}.hud-field{display:grid;gap:.45rem}.hud-field--wide{grid-column:1/-1}.hud-field label{font:500 .6875rem/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--line)}.hud-field input,.hud-field textarea{width:100%;padding:.75rem .85rem;border:0;border-radius:0;background:rgb(var(--line-rgb)/.05);box-shadow:inset 0 0 0 1px var(--hair),inset 0 -1px 0 var(--hair-strong);color:var(--text);font:1rem/1.4 var(--font-body);transition:box-shadow .2s var(--ease),background-color .2s var(--ease)}.hud-field textarea{resize:vertical;min-height:6.5rem}.hud-field ::placeholder{color:var(--muted);opacity:1}.hud-field input:focus-visible,.hud-field textarea:focus-visible{outline:none;background:rgb(var(--line-rgb)/.08);box-shadow:inset 0 0 0 1px var(--line)}.hud-form .hud-button{justify-self:start}.tour-rail{position:fixed;z-index:4;left:0;right:0;bottom:0;height:var(--rail-h);background:rgb(5 7 10/.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:stretch;justify-content:center}.tour-rail__list{display:flex;margin:0;padding:0;list-style:none}.tour-rail__link{display:flex;align-items:center;gap:.6rem;height:100%;padding:0 clamp(.75rem,1.4vw,1.5rem);border-top:2px solid transparent;margin-top:-1px;color:var(--muted);text-decoration:none;transition:color .2s var(--ease),border-color .2s var(--ease)}.tour-rail__link:hover{color:var(--text)}.tour-rail__num{font:500 .6875rem/1 var(--font-mono);letter-spacing:.08em;color:var(--rail-num,var(--muted))}.tour-rail__label{font:500 .8125rem/1 var(--font-display);letter-spacing:.16em;text-transform:uppercase}.tour-rail__sub{font:500 .6875rem/1 var(--font-mono);letter-spacing:.08em;color:var(--line)}.tour-rail__sub:empty{display:none}.tour-rail__step{align-self:center;width:2.5rem;height:2.5rem;border:0;background:0 0;box-shadow:inset 0 0 0 1px var(--hair);color:var(--text);font:1rem/1 var(--font-mono);cursor:pointer}.tour-rail__step:hover{box-shadow:inset 0 0 0 1px var(--line);color:var(--line)}@media(max-width:768px){.hud-frame__tick,.hud-frame>.hud-corner{display:none}.hud-frame__grid{background-size:4rem 4rem}.tour-poster,#tour-canvas{bottom:32dvh;mask-image:linear-gradient(to bottom,#000 75%,transparent)}.hud-panel--hero .hud-panel__callout{display:none}.hud-callout{display:none}.hud-boot{top:calc(var(--bar-h) + .75rem);bottom:auto}.hud-panel{--pad:1.25rem;inset:auto 0 var(--rail-h)0;width:auto;height:auto;max-height:calc(100dvh - var(--bar-h) - var(--rail-h) - 22dvh);margin:0;box-shadow:inset 0 1px 0 var(--hair-strong),0 -20px 60px -10px rgb(0 0 0/.6)}.hud-panel .hud-corner[data-corner^=b],.hud-edge[data-edge=bottom]{display:none}.hud-panel__title{font-size:1.875rem}.hud-panel--hero{--pad:1.25rem;max-height:calc(100dvh - var(--bar-h) - var(--rail-h));padding:0 var(--pad)1.5rem;background:0 0;box-shadow:none}.hud-panel--hero::before{inset:-35% 0 0;background:linear-gradient(to top,rgb(5 7 10/.95) 45%,rgb(5 7 10/.88) 78%,rgb(5 7 10/0))}.hud-panel--hero .hud-panel__title{font-size:clamp(2.5rem,12vw,3.5rem)}.hud-panel--hero .hud-copy{font-size:1rem}.hud-actions{margin:1.25rem 0}.hud-stats{gap:1.25rem}.hud-stats dd{font-size:1.375rem}.hud-project,.hud-post{grid-template-columns:6rem 1fr;gap:1rem}.hud-form{grid-template-columns:1fr}.tour-rail{background:var(--bg)}.tour-rail__list{width:100%;justify-content:space-between;padding-inline:.5rem}.tour-rail__link{padding:0 .55rem}.tour-rail__label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}@media(max-height:480px){:root{--bar-h:3rem;--rail-h:2.75rem;--panel-gap:0.75rem}.hud-frame__tick,.hud-frame>.hud-corner,.hud-stats,.hud-panel--hero .hud-panel__kicker{display:none}.hud-panel{--pad:1rem}.hud-panel--hero{width:min(40rem,70vw);inset-block:calc(var(--bar-h) + var(--panel-gap))calc(var(--rail-h) + var(--panel-gap))}.hud-panel__head{padding-bottom:.75rem}.hud-panel__readout{margin-bottom:.5rem}.hud-panel__title{font-size:1.5rem}.hud-panel--hero .hud-panel__title{font-size:2rem}.hud-panel--hero .hud-copy{font-size:.9375rem}.hud-panel__nav{padding-block:.6rem}.hud-actions{margin:.75rem 0 .25rem}.tour-rail__link{padding-inline:.6rem}}@media(max-width:768px) and (max-height:480px){.hud-panel,.hud-panel--hero{max-height:calc(100dvh - var(--bar-h) - var(--rail-h) - .5rem)}.hud-panel--hero{width:auto;padding-bottom:.5rem}.hud-panel--hero .hud-panel__readout{display:none}}@media(prefers-reduced-motion:reduce){.hud *,.hud *::before,.hud *::after{transition:none!important;animation-duration:.01ms!important}}:where(html:not(.tour-js) .tour:not(:has(.hud-panel:target))) .hud-panel[data-stop=intro],:where(html:not(.tour-js)) .hud-panel:target,:where(html.tour-js .tour[data-stop=intro]) .hud-panel[data-stop=intro],:where(html.tour-js .tour[data-stop=services]) .hud-panel[data-stop=services],:where(html.tour-js .tour[data-stop=projects]) .hud-panel[data-stop=projects],:where(html.tour-js .tour[data-stop=blog]) .hud-panel[data-stop=blog],:where(html.tour-js .tour[data-stop=hw-printer]) .hud-panel[data-stop=hw-printer],:where(html.tour-js .tour[data-stop=about]) .hud-panel[data-stop=about],:where(html.tour-js .tour[data-stop=hw-desk]) .hud-panel[data-stop=hw-desk],:where(html.tour-js .tour[data-stop=hw-monitors]) .hud-panel[data-stop=hw-monitors],:where(html.tour-js .tour[data-stop=hw-pc]) .hud-panel[data-stop=hw-pc],:where(html.tour-js .tour[data-stop=hw-workbench]) .hud-panel[data-stop=hw-workbench],:where(html.tour-js .tour[data-stop=hw-gaming]) .hud-panel[data-stop=hw-gaming],:where(html.tour-js .tour[data-stop=contact]) .hud-panel[data-stop=contact]{display:flex}:where(html:not(.tour-js) .tour:not(:has(.hud-panel:target))) .tour-poster img[data-stop=intro],:where(html:not(.tour-js) .tour:has(.hud-panel[data-stop=intro]:target)) .tour-poster img[data-stop=intro],:where(html.tour-js .tour[data-stop=intro]) .tour-poster img[data-stop=intro],:where(html:not(.tour-js) .tour:has(.hud-panel[data-stop=services]:target)) .tour-poster img[data-stop=services],:where(html.tour-js .tour[data-stop=services]) .tour-poster img[data-stop=services],:where(html:not(.tour-js) .tour:has(.hud-panel[data-stop=projects]:target)) .tour-poster img[data-stop=projects],:where(html.tour-js .tour[data-stop=projects]) .tour-poster img[data-stop=projects],:where(html:not(.tour-js) .tour:has(.hud-panel[data-stop=blog]:target)) .tour-poster img[data-stop=blog],:where(html.tour-js .tour[data-stop=blog]) .tour-poster img[data-stop=blog],:where(html:not(.tour-js) .tour:has(.hud-panel[data-stop=hw-printer]:target)) .tour-poster img[data-stop=hw-printer],:where(html.tour-js .tour[data-stop=hw-printer]) .tour-poster img[data-stop=hw-printer],:where(html:not(.tour-js) .tour:has(.hud-panel[data-stop=about]:target)) .tour-poster img[data-stop=about],:where(html.tour-js .tour[data-stop=about]) .tour-poster img[data-stop=about],:where(html:not(.tour-js) .tour:has(.hud-panel[data-stop=hw-desk]:target)) .tour-poster img[data-stop=hw-desk],:where(html.tour-js .tour[data-stop=hw-desk]) .tour-poster img[data-stop=hw-desk],:where(html:not(.tour-js) .tour:has(.hud-panel[data-stop=hw-monitors]:target)) .tour-poster img[data-stop=hw-monitors],:where(html.tour-js .tour[data-stop=hw-monitors]) .tour-poster img[data-stop=hw-monitors],:where(html:not(.tour-js) .tour:has(.hud-panel[data-stop=hw-pc]:target)) .tour-poster img[data-stop=hw-pc],:where(html.tour-js .tour[data-stop=hw-pc]) .tour-poster img[data-stop=hw-pc],:where(html:not(.tour-js) .tour:has(.hud-panel[data-stop=hw-workbench]:target)) .tour-poster img[data-stop=hw-workbench],:where(html.tour-js .tour[data-stop=hw-workbench]) .tour-poster img[data-stop=hw-workbench],:where(html:not(.tour-js) .tour:has(.hud-panel[data-stop=hw-gaming]:target)) .tour-poster img[data-stop=hw-gaming],:where(html.tour-js .tour[data-stop=hw-gaming]) .tour-poster img[data-stop=hw-gaming],:where(html:not(.tour-js) .tour:has(.hud-panel[data-stop=contact]:target)) .tour-poster img[data-stop=contact],:where(html.tour-js .tour[data-stop=contact]) .tour-poster img[data-stop=contact]{display:block}:where(html:not(.tour-js) .tour:not(:has(.hud-panel:target))) .tour-rail__link[data-stops~=intro],:where(html:not(.tour-js) .tour:has(.hud-panel[data-stop=intro]:target)) .tour-rail__link[data-stops~=intro],:where(html.tour-js .tour[data-stop=intro]) .tour-rail__link[data-stops~=intro],:where(html:not(.tour-js) .tour:has(.hud-panel[data-stop=services]:target)) .tour-rail__link[data-stops~=services],:where(html.tour-js .tour[data-stop=services]) .tour-rail__link[data-stops~=services],:where(html:not(.tour-js) .tour:has(.hud-panel[data-stop=projects]:target)) .tour-rail__link[data-stops~=projects],:where(html.tour-js .tour[data-stop=projects]) .tour-rail__link[data-stops~=projects],:where(html:not(.tour-js) .tour:has(.hud-panel[data-stop=blog]:target)) .tour-rail__link[data-stops~=blog],:where(html.tour-js .tour[data-stop=blog]) .tour-rail__link[data-stops~=blog],:where(html:not(.tour-js) .tour:has(.hud-panel[data-stop=hw-printer]:target)) .tour-rail__link[data-stops~=hw-printer],:where(html.tour-js .tour[data-stop=hw-printer]) .tour-rail__link[data-stops~=hw-printer],:where(html:not(.tour-js) .tour:has(.hud-panel[data-stop=about]:target)) .tour-rail__link[data-stops~=about],:where(html.tour-js .tour[data-stop=about]) .tour-rail__link[data-stops~=about],:where(html:not(.tour-js) .tour:has(.hud-panel[data-stop=hw-desk]:target)) .tour-rail__link[data-stops~=hw-desk],:where(html.tour-js .tour[data-stop=hw-desk]) .tour-rail__link[data-stops~=hw-desk],:where(html:not(.tour-js) .tour:has(.hud-panel[data-stop=hw-monitors]:target)) .tour-rail__link[data-stops~=hw-monitors],:where(html.tour-js .tour[data-stop=hw-monitors]) .tour-rail__link[data-stops~=hw-monitors],:where(html:not(.tour-js) .tour:has(.hud-panel[data-stop=hw-pc]:target)) .tour-rail__link[data-stops~=hw-pc],:where(html.tour-js .tour[data-stop=hw-pc]) .tour-rail__link[data-stops~=hw-pc],:where(html:not(.tour-js) .tour:has(.hud-panel[data-stop=hw-workbench]:target)) .tour-rail__link[data-stops~=hw-workbench],:where(html.tour-js .tour[data-stop=hw-workbench]) .tour-rail__link[data-stops~=hw-workbench],:where(html:not(.tour-js) .tour:has(.hud-panel[data-stop=hw-gaming]:target)) .tour-rail__link[data-stops~=hw-gaming],:where(html.tour-js .tour[data-stop=hw-gaming]) .tour-rail__link[data-stops~=hw-gaming],:where(html:not(.tour-js) .tour:has(.hud-panel[data-stop=contact]:target)) .tour-rail__link[data-stops~=contact],:where(html.tour-js .tour[data-stop=contact]) .tour-rail__link[data-stops~=contact]{--rail-num:var(--line);color:var(--text);border-color:var(--line)}@media(max-width:768px){.tour-poster img[data-stop=intro]{object-position:42% 50%}.tour-poster img[data-stop=services]{object-position:35% 50%}.tour-poster img[data-stop=projects]{object-position:28% -14dvh}.tour-poster img[data-stop=blog]{object-position:8% -22dvh}.tour-poster img[data-stop=hw-printer]{object-position:45% 50%}.tour-poster img[data-stop=about]{object-position:30% 50%}.tour-poster img[data-stop=hw-desk]{object-position:40% 50%}.tour-poster img[data-stop=hw-monitors]{object-position:35% 50%}.tour-poster img[data-stop=hw-pc]{object-position:45% 50%}.tour-poster img[data-stop=hw-workbench]{object-position:30% 50%}.tour-poster img[data-stop=hw-gaming]{object-position:74% -8dvh}.tour-poster img[data-stop=contact]{object-position:50% 50%}}:root{--ease-out:cubic-bezier(0.16, 1, 0.3, 1);--reveal-line:280ms}[data-scrambling]{position:relative}[data-scrambling],[data-scrambling] *{color:transparent!important;text-decoration-color:transparent!important}.scramble-layer{position:absolute;inset:0;pointer-events:none;user-select:none}.scramble-layer>span{position:absolute;white-space:pre}@media(forced-colors:active){.scramble-layer{display:none}[data-scrambling],[data-scrambling] *{color:revert!important;text-decoration-color:revert!important}}.hud-callout__label{white-space:pre}.hud-boot__rows:not(:empty){margin-top:.8rem;padding-top:.7rem;border-top:1px solid var(--hair)}.hud-boot__row{display:flex;justify-content:space-between;gap:1rem;margin:0;font:.625rem/1.9 var(--font-mono);letter-spacing:.18em;color:var(--muted);white-space:pre}.hud-boot__row span:last-child{color:var(--text-2);font-variant-numeric:tabular-nums}.hud-boot__title span,.hud-boot__label{white-space:pre}.hud-boot{z-index:4;transition:opacity .45s var(--ease).35s,visibility 0s linear .8s}html[data-mode=boot] .hud-boot{transition:opacity .4s var(--ease),visibility 0s}.tour-poster{transition:filter 1.2s var(--ease)}html:is([data-mode=boot],[data-mode=webgl]) .tour-poster{filter:brightness(.55)saturate(.85)}#tour-canvas{transition-duration:.6s}html[data-mode=webgl] .hud-frame::after{display:none}@media(prefers-reduced-motion:no-preference){html.tour-js .hud-guide{animation:hud-draw-x .9s var(--ease-out)both}html.tour-js .hud-guide[data-guide^=v]{animation-name:hud-draw-y}html.tour-js .hud-guide[data-guide=h1]{animation-delay:.1s;transform-origin:left}html.tour-js .hud-guide[data-guide=v1]{animation-delay:.25s;transform-origin:top}html.tour-js .hud-guide[data-guide=v2]{animation-delay:.3s;transform-origin:bottom}html.tour-js .hud-guide[data-guide=h2]{animation-delay:.4s;transform-origin:right}html.tour-js .hud-frame>.hud-corner{animation:hud-corner-in .35s var(--ease-out).85s both}html.tour-js .hud-frame__grid{animation:hud-grid-in 1.4s var(--ease).3s both}html.tour-js .hud-frame__tick{animation:hud-fade-in .5s var(--ease)1s both}.hud-panel[data-reveal]{animation:hud-fade-in .18s var(--ease)both}.hud-panel[data-reveal] .hud-panel__frame::before{animation:hud-trace-a .42s var(--ease-out)both}.hud-panel[data-reveal] .hud-panel__frame::after{animation:hud-trace-b .42s var(--ease-out)both}.hud-panel[data-reveal] .hud-corner{animation:hud-corner-in .24s var(--ease-out)both}.hud-panel[data-reveal] .hud-corner:is([data-corner=tr],[data-corner=bl]){animation-delay:.23s}.hud-panel[data-reveal] .hud-edge{animation:hud-draw-x .38s var(--ease-out).06s both;transform-origin:left}.hud-panel[data-reveal] .hud-edge[data-edge=bottom]{transform-origin:right}.hud-panel[data-reveal] .hud-line{animation:hud-line-in var(--reveal-line)var(--ease-out)both;animation-delay:calc(140ms + var(--line-i,0) * 45ms)}.tour .hud-panel[data-leaving]{display:flex;visibility:visible;pointer-events:none;animation:hud-fade-out .16s var(--ease)both}.tour .hud-panel[data-leaving] .hud-line{animation:none}}.hud-panel__frame::before,.hud-panel__frame::after{content:"";position:absolute;inset:0;border:0 solid var(--hair);pointer-events:none}.hud-panel__frame::before{border-top-width:1px;border-right-width:1px}.hud-panel__frame::after{border-bottom-width:1px;border-left-width:1px}@media(max-width:768px){.hud-panel__frame::before,.hud-panel__frame::after{display:none}}@keyframes hud-fade-in{from{opacity:0}}@keyframes hud-fade-out{to{opacity:0}}@keyframes hud-draw-x{from{transform:scaleX(0)}}@keyframes hud-draw-y{from{transform:scaleY(0)}}@keyframes hud-corner-in{from{opacity:0;scale:1.6}}@keyframes hud-grid-in{from{opacity:0}}@keyframes hud-line-in{from{opacity:0;translate:0 8px}}@keyframes hud-trace-a{0%{clip-path:inset(0 100% 100% 0)}55%{clip-path:inset(0 0 calc(100% - 1px) 0)}100%{clip-path:inset(0)}}@keyframes hud-trace-b{0%{clip-path:inset(100% 0 0 100%)}55%{clip-path:inset(calc(100% - 1px) 0 0 0)}100%{clip-path:inset(0)}}@property --intro-draw{syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}@property --intro-ink{syntax: "<color>";
  inherits: false;
  initial-value: transparent;
}.hud-intro{display:none}html:is([data-intro=hold],[data-intro=build]){--intro-mark:min(36vmin, 16rem)}html:is([data-intro=hold],[data-intro=build]) .hud-intro{display:block;position:fixed;inset:0;z-index:40;overflow:hidden;pointer-events:none}.hud-intro__veil{position:absolute;inset:0;background:var(--bg)}.hud-intro__mark{position:absolute;left:50%;top:50%;width:var(--intro-mark);height:var(--intro-mark);translate:-50% -50%}.hud-intro__mark svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 6px rgb(var(--line-rgb)/.85))drop-shadow(0 0 22px rgb(var(--line-rgb)/.45));animation:intro-in .5s var(--ease-out).3s both,intro-pulse 1.4s ease-in-out 1.3s infinite alternate}.hud-intro__b{fill:none;stroke:var(--line);stroke-width:2px;vector-effect:non-scaling-stroke}.hud-intro__scan{position:absolute;inset:20% 22%;background:var(--bg);transform-origin:bottom;animation:intro-uncover .9s cubic-bezier(.65,0,.35,1).3s both}.hud-intro__scan::after{content:"";position:absolute;left:-12%;right:-12%;top:0;height:2px;background:linear-gradient(to right,transparent,#fff 30%,#fff 70%,transparent);box-shadow:0 0 12px 2px rgb(var(--line-rgb)/.9)}.hud-intro__corner{position:absolute;left:calc(var(--intro-mark) * var(--x));top:calc(var(--intro-mark) * var(--y));width:calc(var(--intro-mark) * 6/32);height:calc(var(--intro-mark) * 6/32);border:0 solid var(--line);filter:drop-shadow(0 0 5px rgb(var(--line-rgb)/.7));animation:intro-corner .45s var(--ease-out)both}.hud-intro__corner[data-corner=tl]{--x:4 / 32;--y:4 / 32;border-top-width:2px;border-left-width:2px}.hud-intro__corner[data-corner=tr]{--x:22 / 32;--y:4 / 32;border-top-width:2px;border-right-width:2px;animation-delay:.06s}.hud-intro__corner[data-corner=br]{--x:22 / 32;--y:22 / 32;border-bottom-width:2px;border-right-width:2px;animation-delay:.12s}.hud-intro__corner[data-corner=bl]{--x:4 / 32;--y:22 / 32;border-bottom-width:2px;border-left-width:2px;animation-delay:.18s}.hud-intro__name{position:absolute;left:50%;top:calc(50% + var(--intro-mark)/2 + 1.25rem);margin:0;translate:-50% 0;font:500 .75rem/1 var(--font-mono);letter-spacing:.5em;padding-left:.5em;color:var(--text);white-space:nowrap;animation:intro-name .7s var(--ease-out).8s both}.hud-intro__name span{color:var(--line)}html[data-intro=hold] .hud-boot{z-index:41;top:calc(50% + var(--intro-mark)/2 + 3.25rem);bottom:auto;border-color:transparent;background:0 0;backdrop-filter:none}html[data-intro] :is(.hud-guide,.hud-frame>.hud-corner,.hud-frame__tick,.hud-frame__grid){animation:none}html:is([data-intro=hold],[data-intro=build]) .hud-frame>.hud-corner{opacity:0}html[data-intro=hold] :is(.hud-guide,.hud-frame__tick,.hud-frame__grid){opacity:0}html[data-intro=hold] .hud-bar{translate:0 -100%;opacity:0}html[data-intro=hold] .tour-rail{translate:0 100%;opacity:0}html[data-intro=build] .hud-intro__veil{animation:intro-veil .8s cubic-bezier(.65,0,.35,1).15s both}html[data-intro=build] .hud-intro__veil::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(to right,transparent,var(--line) 20%,#fff 50%,var(--line) 80%,transparent);box-shadow:0 0 18px 2px rgb(var(--line-rgb)/.8),0 0 60px 8px rgb(var(--line-rgb)/.35)}html[data-intro=build] :is(.hud-intro__mark svg,.hud-intro__name){animation:intro-out .35s var(--ease)both}html[data-intro=build] .hud-intro__scan{display:none}html[data-intro=build] .hud-intro__corner{animation:none}html[data-intro=build] .hud-guide{animation:intro-line .7s var(--ease-out).45s both;background:linear-gradient(var(--intro-ink),var(--intro-ink))no-repeat,linear-gradient(var(--intro-ink),var(--intro-ink))no-repeat}html[data-intro=build] .hud-guide[data-guide^=h]{background-position:var(--gutter)0,right var(--gutter)top 0;background-size:var(--intro-draw)100%}html[data-intro=build] .hud-guide[data-guide^=v]{background-position:0 var(--bar-h),left bottom var(--rail-h);background-size:100% var(--intro-draw)}html[data-intro=build] .hud-bar{animation:intro-bar .7s var(--ease-out).45s both}html[data-intro=build] .tour-rail{animation:intro-rail .7s var(--ease-out).5s both}html[data-intro=build] :is(.hud-frame__tick,.hud-frame__grid){animation:hud-fade-in .6s var(--ease).8s both}@keyframes intro-in{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes intro-uncover{from{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes intro-pulse{from{opacity:1}to{opacity:.7}}@keyframes intro-corner{from{opacity:0;transform:scale(1.8)}to{opacity:1;transform:scale(1)}}@keyframes intro-name{from{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes intro-out{to{opacity:0;transform:scale(.92)}}@keyframes intro-veil{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes intro-line{from{--intro-draw:0%;--intro-ink:var(--line)}70%{--intro-ink:var(--line)}to{--intro-draw:50%;--intro-ink:var(--hair)}}@keyframes intro-bar{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes intro-rail{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}