/*
  CONTEXTUAL ANCHOR: midnight capital terminal crossed with an astronomical flow map.
  COLOR STRATEGY: oxide graphite, bone, signal chartreuse, instrument cobalt, safety red.
  TYPE STRATEGY: Anybody variable for one-family tension; Spline Sans Mono for operational data.
  LAYOUT ANCHOR: left-heavy institutional typography interrupted by one oversized field instrument.
  THE ONE THING: flowing particle paths moving through a kinetic capital radar.
*/

@font-face {
  font-family: "Anybody";
  src: url("./assets/fonts/Anybody-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 50% 150%;
  font-display: swap;
}

@font-face {
  font-family: "Spline Sans Mono";
  src: url("./assets/fonts/SplineSansMono-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}

:root {
  --paper: #141712;
  --paper-deep: #1e221b;
  --surface: #272c23;
  --ink: #ebe9df;
  --muted: #979d8e;
  --line: rgba(235, 233, 223, 0.2);
  --signal: #4162ff;
  --signal-deep: #2037ad;
  --flare: #ef4e3a;
  --acid: #d3ff52;
  --fog: #b8c1b7;
  --light: #e9e5dc;
  --dark: #121812;
  --display: "Anybody", "Arial Narrow", sans-serif;
  --mono: "Spline Sans Mono", "Courier New", monospace;
  --s-0: clamp(0.74rem, 0.68rem + 0.2vw, 0.86rem);
  --s-1: clamp(0.95rem, 0.86rem + 0.35vw, 1.16rem);
  --s-2: clamp(1.2rem, 1rem + 0.75vw, 1.72rem);
  --s-3: clamp(2.2rem, 1.4rem + 3vw, 4.8rem);
  --s-4: clamp(4rem, 2.1rem + 7.6vw, 10.5rem);
  --s-5: clamp(5.2rem, 2.5rem + 9vw, 13rem);
  --pad: clamp(1rem, 2.6vw, 2.8rem);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: clip; }
section[id], footer[id] { scroll-margin-top: 4.5rem; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--display);
  font-variation-settings: "wdth" 100;
  font-weight: 420;
  overflow-x: hidden;
}
body.is-loading, body.nav-open { overflow: hidden; }
button, a { color: inherit; font: inherit; }
button { border: 0; }
a { text-decoration: none; }
::selection { color: var(--dark); background: var(--acid); }
:focus-visible { outline: 3px solid var(--flare); outline-offset: 4px; }

.skip-link {
  position: fixed;
  top: 0.75rem;
  left: 0.75rem;
  z-index: 200;
  padding: 0.7rem 1rem;
  color: var(--dark);
  background: var(--acid);
  transform: translateY(-160%);
  transition: transform 0.2s;
}
.skip-link:focus { transform: translateY(0); }

.loader {
  position: fixed;
  inset: 0;
  z-index: 150;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: 1fr auto;
  gap: 1.25rem;
  align-items: end;
  padding: var(--pad);
  color: var(--ink);
  background: #0f110e;
  transition: clip-path 0.8s var(--ease) 0.18s, visibility 0s 1s;
  clip-path: inset(0 0 0 0);
}
body.is-ready .loader { clip-path: inset(0 0 0 100%); visibility: hidden; }
.loader__mark { align-self: start; font-size: var(--s-3); font-weight: 850; letter-spacing: -0.08em; }
.loader__text { font-family: var(--mono); font-size: var(--s-0); }
.loader__line { width: min(44vw, 34rem); height: 2px; background: var(--surface); overflow: hidden; }
.loader__line i { display: block; width: 100%; height: 100%; background: var(--acid); transform: translateX(-100%); animation: load 0.85s var(--ease) forwards; }
@keyframes load { to { transform: translateX(0); } }

.scroll-progress { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 3px; background: var(--flare); transform: scaleX(0); transform-origin: left; }
.cursor {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 140;
  display: grid;
  place-items: center;
  width: 4.8rem;
  aspect-ratio: 1;
  border-radius: 50%;
  color: var(--dark);
  background: var(--acid);
  pointer-events: none;
  transform: translate3d(-100px, -100px, 0) scale(0);
  transition: width 0.25s var(--ease), background 0.25s, transform 0.08s linear;
  mix-blend-mode: normal;
}
.cursor span { font-family: var(--mono); font-size: 0.66rem; }
.cursor.is-active { transform: translate3d(var(--cursor-x), var(--cursor-y), 0) scale(1); }

.topline {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 90;
  display: grid;
  grid-template-columns: 1.1fr 1fr 0.7fr 1.3fr;
  align-items: stretch;
  width: 100%;
  min-height: 4.5rem;
  border-bottom: 1px solid var(--line);
  background: color-mix(in srgb, var(--paper) 88%, transparent);
  backdrop-filter: blur(16px);
}
.topline > * { display: flex; align-items: center; padding: 0 var(--pad); border-right: 1px solid var(--line); }
.wordmark { font-size: 1rem; font-weight: 760; letter-spacing: -0.05em; }
.wordmark b { padding: 0 0.3rem; color: var(--flare); font-size: 1.35em; }
.availability, .local-time { gap: 0.75rem; font-family: var(--mono); font-size: 0.69rem; }
.availability__key, .local-time__key { color: var(--muted); }
.availability__value { display: flex; align-items: center; gap: 0.45rem; white-space: nowrap; }
.availability__value i { flex: 0 0 auto; width: 0.42rem; aspect-ratio: 1; border-radius: 50%; background: var(--acid); box-shadow: 0 0 0 3px rgba(211,255,82,0.12); }
.local-time { justify-content: space-between; }
.site-nav { justify-content: space-between; gap: clamp(0.65rem, 1.1vw, 1.25rem); border-right: 0; }
.site-nav__foot { display: none; }
.site-nav a { position: relative; font-size: 0.85rem; font-weight: 620; }
.site-nav a::after { content: ""; position: absolute; right: 0; bottom: -0.3rem; left: 0; height: 2px; background: var(--flare); transform: scaleX(0); transform-origin: right; transition: transform 0.28s var(--ease); }
.site-nav a:hover::after { transform: scaleX(1); transform-origin: left; }
.menu-toggle { display: none; background: transparent; }

.hero {
  position: relative;
  background: var(--paper);
  display: grid;
  grid-template-columns: 3.8rem repeat(11, 1fr);
  grid-template-rows: 7rem auto minmax(8rem, 1fr);
  min-height: 100svh;
  padding: 4.5rem var(--pad) 0 0;
  overflow: hidden;
}
.hero::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 4.5rem 0 0 3.8rem;
  pointer-events: none;
  background-image: linear-gradient(to right, transparent calc(100% - 1px), rgba(235,233,223,0.07) 1px);
  background-size: calc((100vw - 3.8rem) / 11) 100%;
}
.particle-field { position: absolute; z-index: 0; inset: 4.5rem 0 0 3.8rem; width: calc(100% - 3.8rem); height: calc(100% - 4.5rem); pointer-events: none; opacity: 0.94; }
.particle-field.particle-field--ambient { inset: 0; width: 100%; height: 100%; opacity: 0.68; mix-blend-mode: screen; }
.hero__rail {
  position: relative;
  z-index: 3;
  grid-row: 1 / -1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 2.6rem;
  padding-bottom: 2rem;
  border-right: 1px solid var(--line);
  font-family: var(--mono);
  font-size: 0.61rem;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}
.hero__rail span:nth-child(2) { color: var(--flare); }
.hero__intro { position: relative; z-index: 4; grid-column: 2 / 6; display: flex; justify-content: space-between; align-items: start; padding: 2rem 0 0 var(--pad); font-size: var(--s-0); }
.hero__intro p { margin: 0; line-height: 1.35; }
.hero__index { font-family: var(--mono); color: var(--muted); }
.hero__title {
  position: relative;
  z-index: 3;
  grid-column: 2 / -1;
  align-self: center;
  width: min(64vw, 62rem);
  margin: 0;
  padding: 0 0 0 var(--pad);
  font-size: clamp(4.8rem, 7.4vw, 8.6rem);
  font-weight: 820;
  font-variation-settings: "wdth" 96;
  line-height: 0.84;
  letter-spacing: -0.06em;
  text-transform: uppercase;
}
.title-line { display: block; overflow: hidden; padding: 0.04em 0.08em 0.06em 0; }
.title-line i { display: block; max-width: 100%; font-style: normal; text-wrap: balance; transform: translateY(115%) rotate(2deg); transition: transform 1.05s var(--ease); }
body.is-ready .title-line i { transform: translateY(0) rotate(0); }
body.is-ready .title-line:nth-child(2) i { transition-delay: 0.1s; }
.hero-title-secondary { width: min(56vw, 52rem); margin-top: 0.18em; padding-left: 6vw; color: var(--acid); font-size: 0.5em; font-weight: 430; font-variation-settings: "wdth" 102; line-height: 1.08; letter-spacing: -0.035em; }
.signal-wrap {
  position: absolute;
  z-index: 2;
  top: 17%;
  right: -8vw;
  width: min(46vw, 44rem);
  aspect-ratio: 1;
  perspective: 1000px;
}
.signal-field {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
  color: var(--ink);
  background: var(--signal);
  transform: rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));
  transition: transform 0.2s ease-out, background 0.6s var(--ease);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.32), inset 0 0 0 1.2rem rgba(18,24,18,0.04);
}
.signal-field::before { content: ""; position: absolute; z-index: 1; inset: -18% 54% 18% -20%; border: 1px solid rgba(255,255,255,0.16); border-radius: 50%; }
.signal-field::after { content: ""; position: absolute; z-index: 2; top: 50%; left: -12%; width: 124%; height: 1px; background: rgba(255,255,255,0.42); transform: rotate(-27deg); }
.signal-field__physics { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.signal-field__ring { position: absolute; z-index: 2; border: 1px solid rgba(255,255,255,0.34); border-radius: 50%; transition: inset 0.6s var(--ease), opacity 0.5s, transform 0.8s var(--ease); }
.ring-a { inset: 6%; border-color: rgba(255,255,255,0.24); }
.ring-c { inset: 17%; border-color: rgba(211,255,82,0.42); animation: spin-reverse 32s linear infinite; }
.ring-b { inset: 28%; border-style: dashed; animation: spin 20s linear infinite; }
.signal-field__arc { position: absolute; z-index: 3; border: 2px solid transparent; border-radius: 50%; pointer-events: none; }
.arc-a { inset: 11%; border-top-color: var(--acid); border-right-color: rgba(211,255,82,0.24); animation: spin 12s linear infinite; }
.arc-b { inset: 33%; border-bottom-color: var(--flare); border-left-color: rgba(239,78,58,0.2); animation: spin-reverse 7s linear infinite; }
.signal-field__cross { position: absolute; z-index: 2; top: 50%; left: 9%; width: 82%; height: 1px; background: rgba(255,255,255,0.22); }
.cross-b { transform: rotate(90deg); }
.signal-field__track { position: absolute; z-index: 3; width: 42%; height: 1px; background: rgba(255,255,255,0.24); transform-origin: left; opacity: 0.58; }
.track-a { top: 29%; left: 14%; transform: rotate(18deg); }
.track-b { top: 68%; left: 18%; transform: rotate(-13deg); }
.track-c { top: 43%; left: 56%; width: 30%; transform: rotate(61deg); }
.signal-field__track i { position: absolute; top: -0.2rem; left: 0; width: 0.4rem; aspect-ratio: 1; border-radius: 50%; background: var(--acid); animation: signal-travel 4.2s ease-in-out infinite alternate; }
.track-b i { background: var(--flare); animation-delay: -1.4s; }
.track-c i { background: var(--paper); animation-delay: -2.6s; }
.signal-field__nodes { position: absolute; z-index: 4; inset: 0; opacity: 0.38; transition: opacity 0.5s; }
.signal-field__nodes i { position: absolute; width: 0.42rem; aspect-ratio: 1; border: 1px solid var(--ink); border-radius: 50%; background: var(--signal); animation: signal-node 2.8s ease-in-out infinite alternate; }
.signal-field__nodes i:nth-child(1) { top: 18%; left: 43%; }
.signal-field__nodes i:nth-child(2) { top: 28%; left: 72%; animation-delay: -0.4s; }
.signal-field__nodes i:nth-child(3) { top: 47%; left: 84%; animation-delay: -0.8s; }
.signal-field__nodes i:nth-child(4) { top: 73%; left: 68%; animation-delay: -1.2s; }
.signal-field__nodes i:nth-child(5) { top: 82%; left: 39%; animation-delay: -1.6s; }
.signal-field__nodes i:nth-child(6) { top: 64%; left: 16%; animation-delay: -2s; }
.signal-field__nodes i:nth-child(7) { top: 37%; left: 12%; animation-delay: -2.4s; }
.signal-field__nodes i:nth-child(8) { top: 55%; left: 57%; animation-delay: -2.8s; }
.signal-field__core { position: absolute; inset: 39%; z-index: 6; display: grid; place-items: center; border: 1px solid rgba(18,24,18,0.35); border-radius: 50%; background: var(--acid); color: var(--dark); transform: rotate(-5deg); transition: inset 0.6s var(--ease), color 0.5s, background 0.5s, transform 0.6s var(--ease); }
.signal-field__core span { font-size: clamp(1.4rem, 3.2vw, 3.4rem); font-weight: 900; letter-spacing: -0.075em; }
.signal-field__core small { position: absolute; bottom: -2rem; left: 50%; width: 12rem; color: var(--ink); font: 0.5rem var(--mono); text-align: center; white-space: nowrap; transform: translateX(-50%) rotate(5deg); }
.signal-field__orbit { position: absolute; z-index: 4; inset: 22%; border: 1px solid rgba(255,255,255,0.24); border-radius: 50%; animation: spin 9s linear infinite; }
.signal-field__orbit i, .signal-field__orbit b { position: absolute; left: 50%; width: 0.9rem; aspect-ratio: 1; border-radius: 50%; transform: translateX(-50%); }
.signal-field__orbit i { top: -0.45rem; background: var(--flare); }
.signal-field__orbit b { bottom: -0.34rem; width: 0.68rem; background: var(--acid); }
.signal-field__label, .signal-field__mode-label { position: absolute; z-index: 7; font: 0.6rem var(--mono); }
.label-a { top: 13%; left: 22%; }
.label-b { right: 14%; bottom: 19%; transform: rotate(90deg); }
.signal-field__mode-label { right: 17%; top: 19%; color: var(--acid); }
.signal-modes { position: absolute; z-index: 8; right: 15%; bottom: 5%; display: flex; border: 1px solid rgba(235,233,223,0.42); background: rgba(20,23,18,0.88); }
.signal-modes button { min-width: 4.2rem; min-height: 44px; padding: 0 0.75rem; border-right: 1px solid rgba(235,233,223,0.24); color: var(--muted); background: transparent; font: 0.58rem var(--mono); text-transform: uppercase; cursor: pointer; }
.signal-modes button:last-child { border-right: 0; }
.signal-modes button[aria-pressed="true"] { color: var(--dark); background: var(--acid); }
.signal-modes button:hover { color: var(--ink); }
.signal-modes button[aria-pressed="true"]:hover { color: var(--dark); }
.signal-field[data-signal-mode="flux"] { background: var(--signal-deep); }
.signal-field[data-signal-mode="flux"] .ring-c { opacity: 0.78; animation: none; transform: scaleX(0.82) rotate(28deg); }
.signal-field[data-signal-mode="flux"] .ring-b { animation: none; transform: scaleY(1.18) rotate(-22deg); }
.signal-field[data-signal-mode="flux"] .signal-field__core { inset: 40%; background: var(--flare); color: var(--paper); transform: rotate(6deg); }
.signal-field[data-signal-mode="flux"] .signal-field__nodes { opacity: 0.2; }
.signal-field[data-signal-mode="flux"] .signal-field__track { opacity: 0.9; }
.signal-field[data-signal-mode="mesh"] { background: #2842be; }
.signal-field[data-signal-mode="mesh"] .signal-field__ring { opacity: 0.5; border-style: dotted; }
.signal-field[data-signal-mode="mesh"] .signal-field__arc { opacity: 0.35; }
.signal-field[data-signal-mode="mesh"] .signal-field__nodes { opacity: 1; }
.signal-field[data-signal-mode="mesh"] .signal-field__track { opacity: 0.32; }
.signal-field[data-signal-mode="mesh"] .signal-field__core { inset: 40%; border-color: rgba(235,233,223,0.55); color: var(--ink); background: var(--dark); transform: rotate(0); }
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes spin-reverse { to { transform: rotate(-360deg); } }
@keyframes signal-travel { to { left: 100%; } }
@keyframes signal-node { to { transform: scale(1.8); background: var(--acid); } }
.hero__foot { position: relative; z-index: 4; grid-column: 2 / -1; display: grid; grid-template-columns: 3fr 2fr 1fr; align-items: end; gap: 2rem; padding: 2rem 0 2.2rem var(--pad); border-top: 1px solid var(--line); }
.hero__foot p { grid-column: 1; max-width: 31rem; margin: 0; font-size: var(--s-1); line-height: 1.25; }
.hero-contact { grid-column: 2; align-self: end; justify-self: start; display: flex; gap: 2.5rem; align-items: center; padding: 0.7rem 0.9rem; border: 1px solid var(--ink); color: var(--dark); background: var(--acid); font: var(--s-0) var(--mono); transition: transform 0.28s var(--ease), background 0.28s; }
.hero-contact b { font-size: 1rem; font-weight: 400; transition: transform 0.28s var(--ease); }
.hero-contact:hover { background: var(--flare); transform: translateY(-0.2rem); }
.hero-contact:hover b { transform: translateX(0.25rem); }
.text-link { grid-column: 3; display: flex; justify-content: space-between; align-items: center; min-height: 44px; border-bottom: 1px solid var(--ink); padding: 0.65rem 0; font-family: var(--mono); font-size: var(--s-0); }
.text-link span { transition: transform 0.25s var(--ease); }
.text-link:hover span { transform: translateY(0.35rem); }

.work { position: relative; background: #10120f; color: var(--ink); }
.work__header { display: grid; grid-template-columns: 1.2fr 1fr 0.35fr; gap: 2rem; align-items: end; min-height: 70svh; padding: 8rem var(--pad) 4rem; border-bottom: 1px solid rgba(233,229,220,0.24); }
.work__header h2 { margin: 0; font-size: var(--s-4); line-height: 0.76; letter-spacing: -0.075em; text-transform: uppercase; }
.work__header p { max-width: 32rem; margin: 0 0 0.5rem; font-size: var(--s-1); line-height: 1.35; }
.work__stamp { justify-self: end; font: var(--s-0) var(--mono); writing-mode: vertical-rl; }
.project { position: relative; display: grid; grid-template-columns: minmax(13rem, 0.55fr) 1.25fr; grid-template-rows: auto 1fr; min-height: 92svh; padding: var(--pad); overflow: hidden; border-bottom: 1px solid rgba(233,229,220,0.22); cursor: none; }
.project::after { content: ""; position: absolute; z-index: 12; inset: 0; background: inherit; pointer-events: none; transform: scaleX(0); transform-origin: right; transition: transform 1s var(--ease); }
.project:nth-of-type(even)::after { transform-origin: left; }
body.is-ready .project:not(.is-visible)::after { transform: scaleX(1); }
body.is-ready .project.is-visible::after { transform: scaleX(0); }
.project:focus-visible { outline: 4px solid var(--flare); outline-offset: -4px; }
.project__meta { position: relative; z-index: 3; grid-column: 1 / -1; display: flex; justify-content: space-between; padding-bottom: 1.2rem; border-bottom: 1px solid currentColor; font: var(--s-0) var(--mono); }
.project__copy { position: relative; z-index: 3; grid-column: 1; align-self: end; padding: 2rem 2rem 1rem 0; }
.project__copy h3 { margin: 0; font-size: clamp(4rem, 8vw, 9rem); line-height: 0.78; letter-spacing: -0.08em; font-weight: 780; }
.project--cerberus .project__copy h3 { font-size: clamp(3.8rem, 7vw, 8rem); }
.project__copy p { max-width: 24rem; margin: 1.7rem 0 3rem; font-size: var(--s-1); line-height: 1.3; }
.case-trigger { display: flex; justify-content: space-between; width: min(100%, 20rem); padding: 0.85rem 0; border-top: 1px solid currentColor; border-bottom: 1px solid currentColor; text-align: left; pointer-events: none; }
.case-trigger span { transition: transform 0.25s var(--ease); }
.project:hover .case-trigger span { transform: rotate(45deg); }
.project__visual { position: relative; grid-column: 2; align-self: center; justify-self: center; min-width: 0; width: min(100%, 64rem); aspect-ratio: 1.35; }
.project--cerberus { color: var(--paper); background: var(--signal-deep); }
.project--cortex { color: var(--ink); background: var(--fog); }
.project--pigeon { color: var(--ink); background: var(--acid); }
.project--bremus { color: var(--paper); background: var(--flare); }

.cerberus-machine { position: absolute; inset: 7% 0 7% 4%; display: grid; grid-template-rows: auto auto 1fr auto; padding: 1rem; color: var(--ink); background: var(--paper); transform: perspective(1200px) rotateY(-7deg) rotateX(2deg); box-shadow: 1.5rem 2rem 0 rgba(18,24,18,0.25); transition: transform 0.7s var(--ease); }
.project:hover .cerberus-machine { transform: perspective(1200px) rotateY(-1deg) translateY(-0.65rem); }
.cerberus-machine__top, .cerberus-machine__foot { display: flex; justify-content: space-between; gap: 1rem; padding: 0.65rem 0; border-bottom: 1px solid var(--ink); font: 0.62rem var(--mono); }
.cerberus-machine__foot { border-top: 1px solid var(--ink); border-bottom: 0; }
.cerberus-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 0.7rem; padding: 1rem 0; }
.cerberus-flow span { padding: 0.65rem; border: 1px solid var(--ink); background: var(--acid); font: 0.65rem var(--mono); text-align: center; }
.cerberus-flow span:last-child { color: var(--paper); background: var(--signal); }
.cerberus-chart { position: relative; overflow: hidden; min-height: 14rem; border: 1px solid var(--ink); background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px); background-size: 2rem 2rem; }
.cerberus-chart svg { position: absolute; inset: 10% 3%; width: 94%; height: 80%; overflow: visible; }
.cerberus-chart path { fill: none; stroke: var(--signal); stroke-width: 4; stroke-dasharray: 650; stroke-dashoffset: 650; transition: stroke-dashoffset 1.6s var(--ease); }
.cerberus-chart path:last-child { stroke: var(--flare); transition-delay: 0.2s; }
.project.is-visible .cerberus-chart path { stroke-dashoffset: 0; }
.cerberus-gate { position: absolute; padding: 0.45rem; border: 1px solid var(--ink); background: var(--paper); font: 0.56rem var(--mono); }
.gate-a { top: 12%; right: 7%; }.gate-b { right: 22%; bottom: 12%; background: var(--acid); }

.project__visual--cortex { display: grid; place-items: center; }
.cortex-field { position: absolute; inset: 5%; overflow: hidden; border-radius: 50%; color: var(--paper); background: var(--ink); transform: scale(0.9); transition: border-radius 0.65s var(--ease), transform 0.65s var(--ease); }
.project:hover .cortex-field { border-radius: 5%; transform: scale(0.93) rotate(-1deg); }
.cortex-field svg { position: absolute; z-index: 2; inset: 10%; width: 80%; height: 80%; }
.cortex-field svg path { fill: none; stroke: var(--fog); stroke-width: 3; }
.cortex-field svg path:first-child { fill: rgba(41,71,242,0.28); stroke: var(--signal); }
.cortex-field svg circle { fill: var(--acid); stroke: var(--ink); stroke-width: 3; }
.cortex-field strong { position: absolute; top: -12%; left: 5%; color: var(--flare); font-size: clamp(18rem, 36vw, 38rem); line-height: 1; opacity: 0.58; }
.cortex-orbit { position: absolute; z-index: 1; border: 1px solid rgba(233,229,220,0.4); border-radius: 50%; animation: spin 15s linear infinite; }
.cortex-orbit::before { content: ""; position: absolute; top: 5%; left: 22%; width: 1rem; aspect-ratio: 1; border-radius: 50%; background: var(--acid); }
.orbit-one { inset: 8% 22%; }.orbit-two { inset: 26% 6%; animation-direction: reverse; animation-duration: 11s; }
.cortex-chip { position: absolute; z-index: 3; padding: 0.55rem; border: 1px solid var(--paper); background: var(--ink); font: 0.58rem var(--mono); }
.chip-a { top: 10%; right: 10%; color: var(--acid); }.chip-b { bottom: 10%; left: 8%; }.chip-c { right: 7%; bottom: 20%; color: var(--paper); background: var(--signal); }

.project__visual--pigeon { align-self: stretch; aspect-ratio: auto; margin: 4% 0; border: 1px solid var(--ink); }
.pigeon-phone { position: absolute; z-index: 3; top: 4%; right: 7%; bottom: 4%; display: grid; grid-template-rows: auto repeat(3, 1fr) auto; width: 43%; padding: 0.85rem; border: 2px solid var(--ink); border-radius: 2.2rem; background: var(--paper); transform: rotate(3deg); transition: transform 0.55s var(--ease); }
.project:hover .pigeon-phone { transform: rotate(0) translateY(-0.5rem); }
.pigeon-phone__top, .pigeon-phone__foot { display: flex; justify-content: space-between; padding: 0.6rem; border-bottom: 1px solid var(--ink); font: 0.56rem var(--mono); }
.pigeon-phone__top b { color: var(--signal); }.pigeon-phone__foot { align-items: end; border-top: 1px solid var(--ink); border-bottom: 0; }
.message { align-self: center; display: grid; gap: 0.2rem; width: 82%; padding: 0.65rem; border: 1px solid var(--ink); background: var(--fog); font-family: var(--mono); }
.message small { color: var(--muted); font-size: 0.52rem; }.message span { font-size: 0.62rem; }.message--two { justify-self: end; background: var(--signal); color: var(--paper); }.message--two small { color: var(--paper); }.message--three { background: var(--acid); }
.pigeon-control { position: absolute; z-index: 2; top: 13%; left: 5%; display: grid; gap: 2rem; width: 48%; padding: 1rem; border: 1px solid var(--ink); background: var(--fog); font: 0.62rem var(--mono); transform: rotate(-2deg); }
.pigeon-control b { font: 650 clamp(1.2rem, 2vw, 2rem)/1.05 var(--display); }.pigeon-control i { color: var(--signal); font-style: normal; }
.pigeon-route { position: absolute; inset: 34% 9% 8% 2%; width: 85%; }
.pigeon-route path { fill: none; stroke: var(--flare); stroke-width: 5; stroke-dasharray: 14 9; animation: route 2.4s linear infinite; }
@keyframes route { to { stroke-dashoffset: -46; } }

.bremus-board { position: absolute; inset: 8% 0 8% 3%; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto 1fr auto; gap: 1px; padding: 1rem; color: var(--ink); background: var(--ink); transform: perspective(1100px) rotateY(-6deg); box-shadow: 1.4rem 1.8rem 0 rgba(18,24,18,0.24); transition: transform 0.65s var(--ease); }
.project:hover .bremus-board { transform: perspective(1100px) rotateY(0) translateY(-0.5rem); }
.bremus-board__top { grid-column: 1 / -1; display: flex; justify-content: space-between; padding: 0.8rem; background: var(--paper); font: 0.6rem var(--mono); }
.bremus-lane { position: relative; display: flex; flex-direction: column; gap: 1rem; padding: 1rem; background: var(--paper); }
.bremus-lane small { font: 0.54rem var(--mono); color: var(--muted); }.bremus-lane strong { margin-top: auto; font-size: clamp(1.1rem, 2vw, 2rem); line-height: 1; }.bremus-lane span { min-height: 3.2rem; padding: 0.6rem; border: 1px solid var(--ink); background: var(--acid); font: 0.58rem var(--mono); }
.bremus-lane:nth-of-type(3) span { color: var(--paper); background: var(--signal); }.bremus-lane:nth-of-type(4) span { background: var(--fog); }.bremus-lane:nth-of-type(5) span { color: var(--paper); background: var(--flare); }
.bremus-line { grid-column: 1 / -1; display: flex; justify-content: space-around; padding: 0.8rem; background: var(--paper); }
.bremus-line i { width: 0.8rem; aspect-ratio: 1; border-radius: 50%; background: var(--signal); animation: handoff 1.8s ease-in-out infinite alternate; }.bremus-line i:nth-child(2){animation-delay:-0.4s}.bremus-line i:nth-child(3){animation-delay:-0.8s}.bremus-line i:nth-child(4){animation-delay:-1.2s}
@keyframes handoff { to { transform: translateX(2rem); background: var(--flare); } }

.project--fastway-sba { color: var(--light); background: #19345b; }
.project--reverse-consolidation { color: var(--dark); background: #9ab6c8; }
.project--beyondmca { color: var(--light); background: #132440; }
.project--line-of-credit-depot { color: var(--dark); background: #4f8ee6; }
.project--fastway-sba .project__copy h3 { max-width: 8ch; font-size: clamp(3.5rem, 6.5vw, 7.5rem); }
.project--reverse-consolidation .project__copy h3 { max-width: 9ch; font-size: clamp(3rem, 5.9vw, 6.8rem); line-height: 0.84; }
.project--beyondmca .project__copy h3 { font-size: clamp(3.5rem, 6.8vw, 8rem); }
.project--line-of-credit-depot .project__copy h3 { max-width: 9ch; font-size: clamp(3rem, 5.6vw, 6.5rem); line-height: 0.84; }

.home-brand-graphic { position: absolute; inset: 5% 0 5% 3%; overflow: hidden; color: #162e51; background: #fff; box-shadow: 1.4rem 1.8rem 0 rgba(18,24,18,0.24); transform: perspective(1100px) rotateY(-5deg); transition: transform 0.65s var(--ease), border-radius 0.65s var(--ease); }
.project:hover .home-brand-graphic { border-radius: 0.35rem; transform: perspective(1100px) rotateY(0) translateY(-0.55rem); }
.home-brand-mast { position: absolute; z-index: 5; inset: 0 0 auto; display: flex; align-items: center; justify-content: space-between; height: 19%; padding: 2.6% 4%; border-bottom: 1px solid rgba(18,24,18,0.16); background: #fff; }
.home-brand-mast img { display: block; max-width: 43%; max-height: 80%; object-fit: contain; object-position: left center; }
.home-brand-mast span { color: #162e51; font: 0.52rem var(--mono); }
.home-fastway__bar, .home-reverse__bar, .home-locd__bar { position: absolute; z-index: 6; inset: auto 0 0; display: flex; align-items: center; justify-content: space-between; height: 9%; padding: 0 4%; font: 0.52rem var(--mono); }

.home-fastway { background: #f4f6fb; }
.home-fastway .home-brand-mast img { width: 23%; }
.home-fastway__field { position: absolute; inset: 19% 0 9%; overflow: hidden; }
.home-fastway__field::before { content: ""; position: absolute; top: -57%; right: -4%; width: 65%; aspect-ratio: 1; border-radius: 50%; background: rgba(190,203,224,0.23); box-shadow: 0 0 0 6rem rgba(190,203,224,0.1); }
.home-fastway__route { position: absolute; z-index: 3; top: 11%; left: 5%; display: flex; align-items: center; width: 62%; }
.home-fastway__route span { padding-bottom: 0.4rem; border-bottom: 2px solid #f14624; font: 0.5rem var(--mono); }
.home-fastway__route i { flex: 1; height: 1px; margin: 0 0.55rem; background: #162e51; }
.home-fastway__cards article { position: absolute; right: 6%; top: 24%; display: grid; width: 58%; min-height: 53%; padding: 4%; border: 1px solid rgba(22,46,81,0.22); background: #fff; box-shadow: 0 0.75rem 1.4rem rgba(22,46,81,0.14); transform: rotate(1.5deg); }
.home-fastway__cards article:first-child { right: 11%; top: 18%; transform: rotate(-2.5deg); opacity: 0.7; }
.home-fastway__cards small { font: 0.52rem var(--mono); }.home-fastway__cards b, .home-fastway__cards strong { align-self: center; font-size: clamp(1.4rem, 3.2vw, 3.4rem); line-height: 0.88; letter-spacing: -0.05em; }.home-fastway__cards em { align-self: end; color: #287523; font: 0.5rem var(--mono); font-style: normal; }.home-fastway__cards em i { display: inline-block; width: 0.55rem; aspect-ratio: 1; margin-right: 0.25rem; border-radius: 50%; background: #58ad50; }
.home-fastway__bar { color: #162e51; background: #f14624; }.home-fastway__bar b { font-size: 1.35rem; font-weight: 500; }

.home-reverse { color: #253746; background: #9bb6c7; }
.home-reverse .home-brand-mast img { width: 31%; }
.home-reverse .home-brand-mast span { color: #3e6683; }
.home-reverse__field { position: absolute; inset: 19% 0 9%; background: linear-gradient(160deg, transparent 52%, rgba(255,255,255,0.2)); }
.home-reverse__inputs { position: absolute; z-index: 2; top: 20%; left: 5%; display: grid; gap: 0.65rem; width: 30%; }
.home-reverse__inputs span { display: flex; justify-content: space-between; padding: 0.78rem 0.7rem; border-left: 0.35rem solid #e96969; background: rgba(255,255,255,0.94); box-shadow: 0.4rem 0.4rem 0 rgba(62,102,131,0.18); transform: translateX(var(--shift, 0)); }
.home-reverse__inputs span:nth-child(2) { --shift: 8%; }.home-reverse__inputs span:nth-child(3) { --shift: 16%; }.home-reverse__inputs small, .home-reverse__inputs b { font: 0.5rem var(--mono); }.home-reverse__inputs b { color: #3e6683; }
.home-reverse__merge { position: absolute; top: 27%; left: 37%; width: 15%; height: 39%; }.home-reverse__merge i { position: absolute; left: 0; width: 100%; height: 1px; background: #253746; transform-origin: right; }.home-reverse__merge i:first-child { top: 0; transform: rotate(22deg); }.home-reverse__merge i:nth-child(2) { top: 50%; }.home-reverse__merge i:nth-child(3) { bottom: 0; transform: rotate(-22deg); }.home-reverse__merge b { position: absolute; top: 39%; right: -0.7rem; font-size: 1.4rem; font-weight: 400; }
.home-reverse__ledger { position: absolute; z-index: 2; top: 12%; right: 6%; display: grid; align-content: center; width: 40%; height: 73%; padding: 4.5%; border: 2px solid #253746; background: #fff; box-shadow: 0.9rem 0.9rem 0 #e96969; }.home-reverse__ledger small, .home-reverse__ledger > b, .home-reverse__ledger span { font: 0.5rem var(--mono); }.home-reverse__ledger strong { padding: 7% 0; color: #e96969; font-size: clamp(3.4rem, 8vw, 7.4rem); line-height: 0.72; letter-spacing: -0.07em; }.home-reverse__ledger span { align-self: end; margin-top: 7%; padding-top: 5%; border-top: 1px solid rgba(37,55,70,0.35); color: #3e6683; }
.home-reverse__bar { color: #fff; background: #3e6683; }.home-reverse__bar i { width: 0.6rem; aspect-ratio: 1; border: 2px solid #fff; border-radius: 50%; background: #e96969; }

.home-beyond { color: #fff; background: #132440; }
.home-beyond .home-brand-mast img { width: 30%; }
.home-beyond__field { position: absolute; inset: 19% 0 0; overflow: hidden; background: linear-gradient(160deg, #132440 48%, #31332f 100%); }.home-beyond__field svg { position: absolute; inset: 0; width: 100%; height: 100%; }.home-beyond__field path { fill: none; stroke: rgba(255,180,0,0.48); stroke-width: 2; }.home-beyond__field path:nth-child(2) { stroke: rgba(149,171,200,0.48); }.home-beyond__field path:nth-child(3) { stroke: rgba(255,255,255,0.18); }
.home-beyond__field > small { position: absolute; z-index: 2; top: 10%; left: 7%; color: #ffb400; font: 0.52rem var(--mono); }.home-beyond__field > strong { position: absolute; z-index: 2; top: 20%; left: 7%; font: 700 clamp(3.2rem, 7vw, 7rem)/0.82 Georgia, serif; letter-spacing: -0.06em; }.home-beyond__field > strong em { color: #ffb400; font-weight: 700; }
.home-beyond__note { position: absolute; z-index: 3; right: 6%; bottom: 10%; display: flex; align-items: center; gap: 0.55rem; padding: 0.9rem 1.1rem; border: 1px solid rgba(255,255,255,0.2); border-radius: 0.35rem; background: rgba(44,53,68,0.92); box-shadow: 0 0.75rem 1.5rem rgba(0,0,0,0.18); font: 0.48rem var(--mono); }.home-beyond__note i { width: 0.32rem; aspect-ratio: 1; border-radius: 50%; background: #ffb400; }.home-beyond__point { position: absolute; z-index: 3; right: 11%; top: 44%; width: 0.9rem; aspect-ratio: 1; border-radius: 50%; background: #ffb400; box-shadow: -7rem 4rem 0 -0.18rem #c7d8ec; }

.home-locd { color: #fff; background: #4d8ae2; }
.home-locd .home-brand-mast img { width: 39%; }
.home-locd .home-brand-mast span { color: #4d8ae2; }
.home-locd__field { position: absolute; inset: 19% 0 9%; overflow: hidden; }.home-locd__field::after { content: ""; position: absolute; right: -10%; top: -8%; width: 48%; height: 135%; background: rgba(36,65,123,0.28); transform: skewX(-25deg); }
.home-locd__headline { position: absolute; z-index: 2; top: 8%; left: 5%; display: grid; }.home-locd__headline span, .home-locd__headline strong { color: transparent; font-size: clamp(2.4rem, 5.2vw, 5rem); font-weight: 700; line-height: 0.86; letter-spacing: -0.045em; -webkit-text-stroke: 1px #ffd05a; }.home-locd__headline small { margin-top: 0.7rem; font: 0.48rem var(--mono); }
.home-locd__profile { position: absolute; z-index: 3; left: 7%; bottom: 8%; display: grid; width: 29%; min-height: 32%; padding: 3%; border: 1px solid #122548; color: #122548; background: #ffd05a; box-shadow: 0.75rem 0.75rem 0 rgba(18,37,72,0.24); transform: perspective(700px) rotateY(8deg); }.home-locd__profile small, .home-locd__profile span { font: 0.46rem var(--mono); }.home-locd__profile b { align-self: center; font-size: clamp(2.2rem, 5vw, 4.8rem); line-height: 0.78; }.home-locd__profile span { align-self: end; }
.home-locd__banks { position: absolute; z-index: 3; right: 5%; top: 37%; display: grid; gap: 0.55rem; width: 34%; }.home-locd__banks::before { content: ""; position: absolute; left: -75%; top: 50%; width: 78%; height: 2px; background: #ffd05a; }.home-locd__banks > span { display: flex; align-items: center; gap: 0.7rem; padding: 0.7rem; border: 1px solid #122548; color: #122548; background: #fff; box-shadow: 0.45rem 0.45rem 0 rgba(18,37,72,0.22); transform: translateX(var(--shift,0)); }.home-locd__banks > span:first-child { --shift: -9%; }.home-locd__banks > span:last-child { --shift: 9%; }.home-locd__banks i { position: relative; display: block; width: 1.35rem; height: 0.9rem; border: 2px solid #4d8ae2; border-top: 0; }.home-locd__banks i::before { content: ""; position: absolute; left: -0.2rem; bottom: 100%; width: 1.45rem; height: 0.45rem; background: #ffd05a; clip-path: polygon(50% 0,100% 100%,0 100%); }.home-locd__banks b { font: 0.5rem var(--mono); }
.home-locd__bar { color: #122548; background: #ffd05a; }.home-locd__bar b { font-weight: 700; }

.method { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr); min-height: 100svh; overflow: hidden; border-bottom: 1px solid var(--line); }
.method__statement { position: sticky; z-index: 1; top: 4.5rem; align-self: start; display: grid; grid-template-columns: auto minmax(0, 1fr); width: 100%; min-width: 0; height: calc(100svh - 4.5rem); padding: 5rem var(--pad) 3rem; overflow: hidden; border-right: 1px solid var(--line); }
.method__aside { font: 0.66rem var(--mono); writing-mode: vertical-rl; }
.method__statement h2 { grid-column: 2; align-self: center; max-width: 100%; margin: 0; font-size: clamp(4rem, 6.2vw, 7rem); line-height: 0.88; letter-spacing: -0.06em; text-transform: uppercase; }
.method__statement h2 em { display: block; max-width: 100%; color: var(--signal); font-size: 0.72em; font-weight: 300; font-variation-settings: "wdth" 100; line-height: 1.04; letter-spacing: -0.045em; }
.method__statement p { grid-column: 2; align-self: end; max-width: 27rem; margin: 0; font-size: var(--s-1); line-height: 1.35; }
.capabilities { position: relative; z-index: 1; padding-top: 22vh; }
.capability { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; align-items: center; gap: 1rem; min-height: 10rem; padding: 2rem var(--pad); border-top: 1px solid var(--line); transition: color 0.35s, background 0.35s, padding 0.35s var(--ease); }
.capability:last-child { border-bottom: 1px solid var(--line); }
.capability strong { font-size: var(--s-2); font-weight: 700; }
.capability span { max-width: 22rem; color: var(--muted); line-height: 1.35; }
.capability b { font-size: 1.8rem; font-weight: 400; transition: transform 0.35s var(--ease); }
.capability:hover, .capability:focus { padding-left: calc(var(--pad) + 1rem); color: var(--paper); background: var(--signal); }
.capability:hover span, .capability:focus span { color: var(--paper); }
.capability:hover b, .capability:focus b { transform: rotate(90deg); }

.about { position: relative; isolation: isolate; display: grid; grid-template-columns: 0.72fr 1.28fr; min-height: 100svh; padding: 8rem var(--pad); overflow: hidden; background: var(--paper-deep); }
.about > :not(.particle-field) { position: relative; z-index: 1; }
.about__figure { position: relative; align-self: center; width: 82%; aspect-ratio: 0.8; }
.portrait-mark { position: absolute; inset: 0; overflow: hidden; color: var(--paper); background: var(--ink); }
.portrait-mark span, .portrait-mark b { position: absolute; font-size: clamp(14rem, 29vw, 31rem); line-height: 0.8; font-weight: 900; }
.portrait-mark span { top: -3%; left: -7%; color: var(--signal); }
.portrait-mark b { right: -4%; bottom: -2%; color: var(--flare); }
.portrait-mark i { position: absolute; z-index: 2; inset: 20% 18%; border: clamp(1.5rem, 3vw, 3.2rem) solid var(--acid); border-radius: 50% 50% 8% 8%; transform: rotate(-13deg); mix-blend-mode: screen; }
.about__caption { position: absolute; right: -1rem; bottom: -3.2rem; padding: 0.7rem; background: var(--acid); font: 0.62rem var(--mono); transform: rotate(-3deg); }
.about__copy { align-self: center; }
.about__copy h2 { margin: 0 0 4rem; font-size: var(--s-3); line-height: 0.92; letter-spacing: -0.055em; text-transform: uppercase; }
.about__lead { max-width: 55rem; margin: 0 0 3.5rem; font-size: clamp(1.7rem, 3vw, 3.7rem); font-weight: 260; line-height: 1.08; }
.about__columns { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; max-width: 55rem; line-height: 1.5; }
.about__columns p { margin: 0; }
.tool-list { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 3.5rem; }
.tool-list span { padding: 0.55rem 0.8rem; border: 1px solid var(--ink); border-radius: 999px; font: 0.7rem var(--mono); }

.contact { min-height: 100svh; padding: 6rem var(--pad) 2rem; color: var(--paper); background: var(--signal); }
.contact__eyebrow { font: var(--s-0) var(--mono); }
.contact h2 { max-width: 100%; margin: 12vh 0 14vh; font-size: clamp(4.4rem, 12vw, 14rem); line-height: 0.78; letter-spacing: -0.07em; text-transform: uppercase; }
.contact h2 span { display: block; max-width: 100%; padding-left: 7vw; color: var(--acid); font-size: 0.7em; font-weight: 280; font-variation-settings: "wdth" 100; line-height: 0.95; letter-spacing: -0.05em; }
.contact__bottom { display: grid; grid-template-columns: 1.2fr 0.8fr 0.6fr; gap: 3rem; align-items: end; padding-top: 1.5rem; border-top: 1px solid rgba(233,229,220,0.55); }
.email-copy { display: grid; grid-template-columns: 1fr auto; align-items: center; padding: 0 0 0.75rem; border-bottom: 2px solid var(--acid); color: var(--paper); background: transparent; text-align: left; cursor: pointer; }
.email-copy__label { font-size: var(--s-2); }
.email-copy__action { font: 0.67rem var(--mono); }
.socials { display: flex; gap: 1.3rem; font-size: var(--s-0); }
.socials a { border-bottom: 1px solid transparent; }
.socials a:hover { border-color: currentColor; }
.copyright { justify-self: end; font: 0.63rem/1.55 var(--mono); text-align: right; }

[hidden] { display: none !important; }

@media (max-width: 980px) {
  .topline { grid-template-columns: 1fr 1fr auto; }
  .availability { display: none; }
  .site-nav { position: fixed; inset: 4.5rem 0 auto; display: grid; grid-template-rows: repeat(5, auto) 1fr; align-items: stretch; gap: 0; width: 100vw; height: calc(100svh - 4.5rem); padding: 0; background: var(--acid); transform: translateY(-110%); transition: transform 0.45s var(--ease); }
  .site-nav.is-open { transform: translateY(0); }
  .site-nav > a { display: flex; align-items: center; padding: 1.3rem var(--pad); border-bottom: 1px solid rgba(18,24,18,0.18); font-size: 1.3rem; }
  .site-nav__foot { align-self: end; display: grid; gap: 0.9rem; padding: 1.4rem var(--pad); color: var(--paper); background: var(--ink); font: 0.7rem var(--mono); }
  .site-nav__foot a { display: flex; align-items: center; width: fit-content; min-height: 44px; padding: 0.55rem 0; color: var(--acid); font-size: 1rem; }
  .menu-toggle { display: flex; position: relative; justify-content: center; flex-direction: column; gap: 0.35rem; width: 5rem; cursor: pointer; }
  .menu-toggle span { position: absolute; opacity: 0; }
  .menu-toggle i { width: 1.5rem; height: 1px; background: var(--ink); transition: transform 0.3s; }
  .menu-toggle[aria-expanded="true"] i:first-of-type { transform: translateY(0.2rem) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] i:last-of-type { transform: translateY(-0.2rem) rotate(-45deg); }
  .hero { grid-template-columns: 2.7rem repeat(7, 1fr); grid-template-rows: 7rem auto minmax(10rem, 1fr); }
  .hero::before { left: 2.7rem; background-size: calc((100vw - 2.7rem) / 7) 100%; }
  .hero__intro { grid-column: 2 / 5; }
  .signal-wrap { top: 23%; right: -14vw; width: 56vw; }
  .hero__foot { grid-template-columns: 2fr auto auto; }
  .hero-contact { grid-column: 2; }
  .text-link { grid-column: 3; }
  .project { grid-template-columns: 0.7fr 1.3fr; }
  .method { grid-template-columns: 1fr; }
  .method__statement { position: relative; top: 0; height: 80svh; border-right: 0; }
  .capabilities { padding-top: 0; }
  .about { grid-template-columns: 0.8fr 1.2fr; }
}

@media (max-width: 700px) {
  :root { --pad: 1rem; --s-5: clamp(3.65rem, 15vw, 5.5rem); }
  .cursor { display: none; }
  .local-time { display: none; }
  .topline { grid-template-columns: 1fr auto; }
  .hero { grid-template-columns: 2rem repeat(5, 1fr); grid-template-rows: 7rem auto 1fr; min-height: 50rem; }
  .hero::before { left: 2rem; background-size: calc((100vw - 2rem) / 5) 100%; }
  .hero__rail { gap: 1.5rem; font-size: 0.5rem; }
  .hero__intro { grid-column: 2 / -1; padding-left: 1rem; padding-right: 0; }
  .hero__index { display: none; }
  .hero__title { grid-column: 2 / -1; width: calc(100% - 1rem); padding-left: 1rem; font-size: 15.5vw; line-height: 0.83; }
  .hero-title-secondary { width: 90%; margin-top: 0.35rem; padding-left: 0; font-size: 0.53em; line-height: 1.08; }
  .signal-wrap { top: 42%; right: -34vw; width: 78vw; }
  .signal-modes { display: none; }
  .signal-field__core small { bottom: -1.4rem; width: 9rem; font-size: 0.42rem; }
  .signal-field__mode-label { display: none; }
  .hero__foot { grid-column: 2 / -1; grid-template-columns: 1fr; padding-left: 1rem; }
  .hero__foot p { position: relative; z-index: 5; max-width: 74%; padding: 0.45rem; margin-left: -0.45rem; background: color-mix(in srgb, var(--paper) 86%, transparent); backdrop-filter: blur(4px); }
  .hero-contact { grid-column: 1; justify-self: start; margin-top: 0.5rem; }
  .text-link { grid-column: 1; width: 62%; }
  .work__header { grid-template-columns: 1fr; min-height: 58svh; padding-top: 6rem; }
  .work__header h2 { font-size: 21vw; }
  .work__stamp { display: none; }
  .project { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto 1fr; min-height: 52rem; cursor: pointer; }
  .project__meta { gap: 0.8rem; font-size: 0.58rem; }
  .project__meta span:first-child { max-width: 66%; }
  .project__meta span:last-child { max-width: 31%; text-align: right; }
  .project__copy { grid-column: 1; align-self: start; padding-top: 3rem; }
  .project__copy h3 { font-size: 22vw; }
  .project--cerberus .project__copy h3 { font-size: 19vw; }
  .project__copy p { margin-bottom: 1.5rem; }
  .project__visual { grid-column: 1; align-self: end; width: 100%; }
  .cerberus-machine { inset: 9% 0; box-shadow: 0.7rem 0.8rem 0 rgba(18,24,18,0.25); }
  .cerberus-machine__foot span:nth-child(2) { display: none; }
  .cortex-field { inset: 4%; }
  .project__visual--pigeon { aspect-ratio: 1.05; }
  .pigeon-control { top: 7%; left: 2%; width: 52%; gap: 0.8rem; }
  .pigeon-phone { right: 2%; width: 49%; }
  .bremus-board { inset: 8% 0; grid-template-columns: repeat(2, 1fr); transform: rotate(-1deg); }
  .bremus-board__top, .bremus-line { grid-column: 1 / -1; }
  .bremus-lane:nth-of-type(4), .bremus-lane:nth-of-type(5) { display: none; }
  .method__statement { grid-template-columns: auto 1fr; height: 70svh; padding-top: 4rem; }
  .method__statement h2 { font-size: clamp(3.25rem, 13vw, 4.2rem); }
  .capability { grid-template-columns: 1fr auto; gap: 0.75rem 1rem; min-height: 8rem; }
  .capability span { display: block; grid-column: 1 / -1; max-width: 19rem; font-size: 0.88rem; }
  .about { grid-template-columns: 1fr; gap: 7rem; padding-top: 6rem; }
  .about__figure { width: 84%; }
  .about__copy h2 { font-size: 12vw; }
  .about__columns { grid-template-columns: 1fr; gap: 1.5rem; }
  .contact h2 { margin-top: 18vh; font-size: 19vw; }
  .contact h2 span { padding-left: 0; }
  .contact__bottom { grid-template-columns: 1fr; align-items: start; }
  .socials { flex-wrap: wrap; }
  .copyright { justify-self: start; text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
  .project { clip-path: none; }
  .title-line i { transform: none; }
}

/* Iron Capital dark-theme color isolation */
.signal-field { color: var(--light); }
.work__header { border-color: rgba(235,233,223,0.24); }
.project--cerberus { color: var(--light); background: var(--signal-deep); }
.project--cortex { color: var(--dark); background: var(--fog); }
.project--pigeon { color: var(--dark); background: var(--acid); }
.project--bremus { color: var(--light); background: var(--flare); }

.cerberus-machine { color: var(--dark); background: var(--light); }
.cerberus-machine__top, .cerberus-machine__foot, .cerberus-flow span, .cerberus-chart, .cerberus-gate { border-color: var(--dark); }
.cerberus-chart { background-image: linear-gradient(rgba(18,24,18,0.17) 1px, transparent 1px), linear-gradient(90deg, rgba(18,24,18,0.17) 1px, transparent 1px); }
.cerberus-gate { background: var(--light); }
.gate-b { background: var(--acid); }
.cerberus-flow span { background: var(--acid); }
.cerberus-flow span:last-child { color: var(--light); background: var(--signal); }

.cortex-field { color: var(--light); background: var(--dark); }
.cortex-chip { color: var(--light); border-color: var(--light); background: var(--dark); }
.chip-a { color: var(--acid); }
.chip-c { color: var(--light); background: var(--signal); }

.pigeon-phone, .pigeon-control { color: var(--dark); border-color: var(--dark); background: var(--light); }
.pigeon-phone__top, .pigeon-phone__foot, .message { border-color: var(--dark); }
.message { background: var(--fog); }
.message--two { color: var(--light); background: var(--signal); }
.message--two small { color: var(--light); }
.message--three { color: var(--dark); background: var(--acid); }

.bremus-board { color: var(--dark); background: var(--dark); }
.bremus-board__top, .bremus-lane, .bremus-line { background: var(--light); }
.bremus-lane span { border-color: var(--dark); }
.bremus-lane:nth-of-type(3) span, .bremus-lane:nth-of-type(5) span { color: var(--light); }

.capability:hover, .capability:focus { color: var(--ink); }
.capability:hover span, .capability:focus span { color: var(--ink); }
.portrait-mark { color: var(--light); background: var(--dark); }

.contact { position: relative; overflow: hidden; color: var(--ink); background: #0f110e; }
.contact::before { content: ""; position: absolute; right: -12vw; bottom: -30vw; width: 68vw; aspect-ratio: 1; border: 1px solid rgba(211,255,82,0.24); border-radius: 50%; box-shadow: 0 0 0 8vw rgba(65,98,255,0.05), 0 0 0 16vw rgba(211,255,82,0.025); pointer-events: none; }
.contact > :not(.particle-field) { position: relative; z-index: 1; }
.inquiry-link { display: flex; justify-content: space-between; align-items: center; padding: 1rem; border: 1px solid var(--ink); color: var(--dark); background: var(--acid); transition: color 0.28s, background 0.28s, transform 0.28s var(--ease); }
.inquiry-link:hover { color: var(--light); background: var(--flare); transform: translateY(-0.25rem); }
.inquiry-link b { font-weight: 400; }
.contact-location { display: grid; gap: 0.65rem; font: 0.66rem var(--mono); }
.contact-location b { color: var(--acid); font-weight: 400; }

@media (min-width: 701px) and (max-height: 720px) {
  .hero { grid-template-rows: 5.5rem auto minmax(6rem, 1fr); }
  .hero__title { font-size: clamp(4.8rem, 6.6vw, 6.6rem); }
  .signal-wrap { top: 20%; width: min(40vw, 36rem); }
  .hero__foot { padding-top: 1rem; padding-bottom: 1rem; }
}

@media (max-width: 980px) {
  .particle-field { inset: 4.5rem 0 0 2.7rem; width: calc(100% - 2.7rem); }
  .site-nav { color: var(--dark); }
  .site-nav__foot { color: var(--light); background: var(--dark); }
}

@media (max-width: 700px) {
  .particle-field { inset: 4.5rem 0 0 2rem; width: calc(100% - 2rem); }
  .contact-location { gap: 0.4rem; }
  .project--fastway-sba .project__copy h3 { font-size: 17vw; }
  .project--beyondmca .project__copy h3 { font-size: 15.5vw; }
  .project--reverse-consolidation .project__copy h3,
  .project--line-of-credit-depot .project__copy h3 { font-size: 14vw; line-height: 0.9; }
  .home-brand-graphic { inset: 6% 0; box-shadow: 0.7rem 0.8rem 0 rgba(18,24,18,0.22); transform: none; }
  .home-brand-mast span { font-size: 0.38rem; }
  .home-fastway__route span, .home-fastway__cards small, .home-fastway__cards em,
  .home-reverse__inputs small, .home-reverse__inputs b, .home-reverse__ledger small, .home-reverse__ledger > b, .home-reverse__ledger span,
  .home-beyond__field > small, .home-beyond__note,
  .home-locd__headline small, .home-locd__profile small, .home-locd__profile span, .home-locd__banks b { font-size: 0.34rem; }
  .home-fastway__bar, .home-reverse__bar, .home-locd__bar { font-size: 0.36rem; }
  .home-locd__banks > span { padding: 0.45rem; }
}