@font-face { font-family: "Akt"; src: url("assets/fonts/Akt.woff2") format("woff2-variations"), url("assets/fonts/Akt.ttf") format("truetype-variations"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("assets/fonts/JetBrainsMono.woff2") format("woff2-variations"), url("assets/fonts/JetBrainsMono.ttf") format("truetype-variations"); font-weight: 100 800; font-display: swap; }

:root { --bg:#f2f2f0; --ink:#0a0a0a; --stone:#7a7a78; --hair:#dededa; --acid:#ff3b14; --font:"Akt", -apple-system, BlinkMacSystemFont, Arial, sans-serif; --mono:"JetBrains Mono", ui-monospace, monospace; --ease:cubic-bezier(.16,1,.3,1); }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--bg); font-family:var(--font); -webkit-font-smoothing:antialiased; } a { color:inherit; text-decoration:none; }.page { overflow:hidden; }

.header { height:80px; padding:0 3.1vw; display:flex; justify-content:space-between; align-items:center; position:absolute; inset:0 0 auto; z-index:5; }.wordmark { font-size:19px; font-weight:650; letter-spacing:-.055em; }.descriptor { position:absolute; left:50%; transform:translateX(-50%); margin:0; color:var(--stone); font:500 10px/1.1 var(--mono); text-align:center; text-transform:uppercase; }.round-link { width:31px; height:31px; display:grid; place-items:center; border-radius:50%; background:var(--ink); color:var(--bg); font-size:17px; transition:transform .38s var(--ease), background .28s; }.round-link:hover { transform:rotate(45deg) scale(1.15); background:var(--acid); }

.hero { height:100svh; min-height:690px; position:relative; padding:80px 3.1vw 27px; display:flex; flex-direction:column; overflow:hidden; }.hero-meta { min-height:63px; display:flex; align-items:center; justify-content:space-between; padding-top:12px; }.index,.hero-side { z-index:3; margin:0; font:500 10px/1.45 var(--mono); letter-spacing:.015em; }.hero-side { text-align:right; color:var(--stone); white-space:pre-line; }.hero-grid { flex:1; min-height:0; display:grid; grid-template-columns:minmax(0,.84fr) minmax(460px,1.16fr); align-items:center; gap:clamp(48px,6vw,135px); padding:8px 4.3vw 43px 1.4vw; }.hero-copy { min-width:0; align-self:center; padding-top:0; }.orbital-stage { position:relative; width:100%; max-width:760px; height:clamp(405px,58vh,650px); justify-self:end; background:#070707; overflow:hidden; border-radius:2px; cursor:crosshair; box-shadow:0 32px 70px rgba(0,0,0,.13); }.orbital-stage::before { content:""; position:absolute; inset:0; z-index:2; pointer-events:none; border:1px solid rgba(255,255,255,.28); background:linear-gradient(115deg,rgba(255,255,255,.11),transparent 24%,transparent 72%,rgba(255,255,255,.07)); }.orbital-stage::after { content:""; position:absolute; inset:0; z-index:2; pointer-events:none; background:repeating-linear-gradient(rgba(0,0,0,.19) 0 1px,transparent 1px 3px),linear-gradient(0deg,rgba(0,0,0,.4),transparent 30%); }.orbital-stage canvas { width:100%; height:100%; display:block; }
.stage-hud { position:absolute; inset:0; z-index:3; pointer-events:none; color:rgba(255,255,255,.6); font:500 8.5px/1 var(--mono); letter-spacing:.085em; text-transform:uppercase; }.stage-hud::before { content:""; position:absolute; inset:12px; border:1px solid rgba(255,255,255,.09); }.stage-hud::after { content:""; position:absolute; inset:12px; opacity:.9; background:linear-gradient(var(--acid),var(--acid)) 0 0/10px 1px no-repeat,linear-gradient(var(--acid),var(--acid)) 0 0/1px 10px no-repeat,linear-gradient(var(--acid),var(--acid)) 100% 100%/10px 1px no-repeat,linear-gradient(var(--acid),var(--acid)) 100% 100%/1px 10px no-repeat; }.hud { position:absolute; display:flex; align-items:center; gap:7px; white-space:nowrap; }.hud-tl { top:25px; left:26px; }.hud-tr { top:25px; right:26px; }.hud-bl { bottom:38px; left:26px; color:rgba(255,255,255,.36); }.hud-br { bottom:38px; right:26px; }.hud-br b { color:var(--acid); font-weight:500; }.hud-dot { width:5px; height:5px; border-radius:50%; background:var(--acid); animation:hud-blink 1.7s steps(1,end) infinite; }@keyframes hud-blink { 0%,58% { opacity:1; } 59%,100% { opacity:.12; } }.hud-bar { position:absolute; left:26px; right:26px; bottom:26px; height:1px; background:rgba(255,255,255,.12); }.hud-bar i { display:block; width:0; height:100%; background:var(--acid); }
.hero-title-wrap { position:relative; z-index:4; }.kinetic-title { display:flex; margin:0; font-size:clamp(78px,9.7vw,202px); line-height:.72; font-weight:540; letter-spacing:-.095em; white-space:nowrap; }.kinetic-title .char { display:inline-block; cursor:default; transform-origin:50% 100%; transition:color .45s var(--ease), transform .45s var(--ease); font-variation-settings:"wght" 540; }.kinetic-title .char.hot { color:var(--acid); transform:translateY(-.03em); }.pulse-line { display:flex; width:max-content; max-width:100%; margin:calc(clamp(28px,4.7vh,57px) - .45em) 0 0 4px; padding:.45em 0 .4em; color:var(--stone); font:500 clamp(14px,1.3vw,21px)/1 var(--mono); letter-spacing:-.06em; }.pulse-line .glyph { display:inline-block; transition:transform .55s var(--ease),color .55s var(--ease),opacity .55s var(--ease); }.pulse-line:hover .glyph { color:var(--ink); transform:translateY(-.27em) rotate(-2deg); }.pulse-line:hover .glyph:nth-child(3n) { color:var(--acid); transform:translateY(.23em) rotate(2deg); }.pulse-line:hover .glyph:nth-child(4n) { opacity:.25; }.hero-caption { margin:clamp(28px,5vh,60px) 0 0 3px; font-size:12px; letter-spacing:-.02em; }.scroll { position:absolute; right:3.1vw; bottom:27px; display:flex; align-items:center; gap:13px; font:500 10px var(--mono); text-transform:uppercase; }.scroll span { display:grid; place-items:center; width:27px; height:27px; border:1px solid var(--ink); border-radius:50%; font:15px var(--font); transition:color .3s,background .3s,transform .3s var(--ease); }.scroll:hover span { background:var(--ink); color:var(--bg); transform:translateY(4px); }

.statement { min-height:100svh; position:relative; padding:28px 3.1vw; display:flex; flex-direction:column; background:var(--ink); color:var(--bg); overflow:hidden; }.bloom-canvas { position:absolute; inset:0; z-index:0; width:100%; height:100%; display:block; }.statement-top,.statement h2,.statement-note { position:relative; z-index:1; }.statement-top { display:flex; justify-content:space-between; padding-top:13px; border-top:1px solid rgba(255,255,255,.26); color:#a2a2a1; font:500 10px var(--mono); text-transform:uppercase; }.statement h2 { margin:auto 0; font-size:clamp(75px,13.5vw,234px); font-weight:540; letter-spacing:-.095em; line-height:.72; }.statement h2 em { display:block; color:transparent; font-family:var(--font); font-style:normal; font-weight:540; -webkit-text-stroke:1.4px rgba(242,242,240,.8); }.statement-note { margin:0; color:#a2a2a1; font-size:13px; }.contact-call { position:absolute; z-index:2; right:3.1vw; bottom:29px; width:clamp(118px,12vw,185px); aspect-ratio:1; display:grid; place-content:center; border-radius:50%; background:var(--acid); color:var(--ink); font-size:12px; font-weight:650; line-height:1.05; text-align:center; transition:transform .5s var(--ease),background .3s; }.contact-call span { white-space:pre-line; }.contact-call b { display:block; margin-top:5px; font-size:17px; font-weight:500; }.contact-call:hover { transform:rotate(-14deg) scale(1.12); background:#fff; }
.capabilities { padding:clamp(72px,9vw,145px) 3.1vw 28px; background:var(--bg); }.capabilities-head { display:flex; justify-content:space-between; padding-bottom:clamp(34px,5vw,72px); border-bottom:1px solid var(--hair); color:var(--stone); font:500 10px var(--mono); text-transform:uppercase; }.capability-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--hair); border:1px solid var(--hair); }.capability { min-height:255px; padding:26px; background:var(--bg); position:relative; transition:background .35s var(--ease),color .35s var(--ease); }.capability svg { width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; transition:transform .45s var(--ease); }.capability h3 { margin:0; position:absolute; left:26px; bottom:54px; font-size:22px; font-weight:560; letter-spacing:-.05em; }.capability p { position:absolute; left:26px; bottom:26px; margin:0; color:var(--stone); font-size:12px; transition:color .35s var(--ease); }.capability:hover { background:var(--ink); color:var(--bg); }.capability:hover p { color:#afafad; }.capability:hover svg { color:var(--acid); transform:rotate(-9deg) scale(1.14); }
.pager { position:fixed; left:11px; top:50%; z-index:9; transform:translateY(-50%); display:flex; flex-direction:column; align-items:center; gap:11px; color:var(--ink); font:500 9px/1 var(--mono); letter-spacing:.04em; transition:color .45s var(--ease); pointer-events:none; }.pager.on-dark { color:var(--bg); }.pager-now { display:block; color:var(--acid); }.pager-total { display:block; opacity:.45; }.pager-rail { width:1px; height:74px; background:currentColor; opacity:.22; position:relative; }.pager-rail i { position:absolute; left:-1px; top:0; width:3px; height:0; background:var(--acid); transition:height .5s var(--ease); }
.footer { padding:17px 3.1vw; display:flex; align-items:center; justify-content:space-between; background:var(--ink); color:#a2a2a1; border-top:1px solid rgba(255,255,255,.26); font:500 10px var(--mono); }.footer a:first-child { color:var(--bg); font:650 16px var(--font); letter-spacing:-.045em; }.footer a:last-child { color:var(--acid); }

@media (max-width:1180px) { .pager { display:none; } }
@media (max-width:740px) { .header { height:64px; padding:0 18px; }.descriptor { display:none; }.hero { height:auto; min-height:780px; padding:64px 18px 18px; }.hero-meta { min-height:68px; padding-top:20px; }.hero-grid { display:flex; flex-direction:column-reverse; align-items:stretch; gap:30px; padding:13px 0 70px; }.hero-copy { padding:0; }.orbital-stage { width:100%; max-width:none; height:auto; aspect-ratio:1.08; flex:1; min-height:285px; }.stage-hud { font-size:7.5px; }.stage-hud::before,.stage-hud::after { inset:9px; }.hud-tl,.hud-tr { top:19px; }.hud-tl { left:20px; }.hud-tr { right:20px; }.hud-bl { display:none; }.hud-br { right:20px; bottom:31px; }.hud-bar { left:20px; right:20px; bottom:20px; }.kinetic-title { font-size:21.5vw; letter-spacing:-.102em; }.pulse-line { margin-top:28px; font-size:16px; }.hero-caption { margin-top:26px; font-size:11px; }.scroll { right:18px; bottom:18px; }.statement { min-height:690px; padding:18px; }.statement h2 { margin:auto 0 100px; font-size:20vw; }.statement h2 em { -webkit-text-stroke-width:1px; }.contact-call { right:18px; bottom:20px; width:108px; }.capabilities { padding:72px 18px 18px; }.capability-grid { grid-template-columns:repeat(2,1fr); }.capability { min-height:190px; padding:19px; }.capability h3 { left:19px; bottom:46px; font-size:19px; }.capability p { left:19px; bottom:19px; font-size:10px; }.footer { padding:16px 18px; flex-wrap:wrap; gap:13px; }.footer a:last-child { width:100%; order:3; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms !important; transition-duration:.01ms !important; scroll-behavior:auto !important; } }