/* Upper Capital / CONVICTION — open editorial rhythm, terminal DNA. */
:root {
  --bg:#08080a;
  --ink:#f0efef;
  --mute:#a4a2ab;
  --accent:#d442ec;
  --rule:#ffffff26;
  --font:'JetBrains Mono',ui-monospace,monospace;
  --gutter:clamp(22px,4.5vw,88px);
  --max:1680px;
}
* {
  box-sizing:border-box;
  margin:0;
  padding:0;
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:100px;
  overflow-x:clip;
}
body {
  background:var(--bg);
  color:var(--ink);
  font-family:var(--font);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
}
a {
  color:inherit;
  text-decoration:none;
}
button {
  font:inherit;
}
button,a,summary {
  cursor:pointer;
}
button {
  color:inherit;
}
::selection {
  background:var(--accent);
  color:var(--bg);
}
:focus-visible {
  outline:2px solid var(--accent);
  outline-offset:7px;
}
em {
  font-style:normal;
  color:var(--accent);
}
.accent {
  color:var(--accent);
}
.muted {
  color:var(--mute);
}
.eyebrow {
  font-size:12px;
  letter-spacing:.08em;
  color:var(--mute);
}
h1,h2,h3 {
  font-weight:500;
  line-height:1.05;
  letter-spacing:-.065em;
}
p {
  max-width:60ch;
}
.skip-link {
  position:fixed;
  left:20px;
  top:-100px;
  padding:14px;
  background:var(--accent);
  color:var(--bg);
  z-index:100;
}
.skip-link:focus {
  top:16px;
}
.signal-field {
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
}
.signal-field::after {
  content:'';
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(0deg,transparent 0 3px,#08080a15 3px 4px);
}
canvas {
  width:100%;
  height:100%;
  display:block;
}
.reading-progress {
  height:2px;
  background:var(--accent);
  position:fixed;
  inset:0 0 auto;
  transform:scaleX(0);
  transform-origin:left;
  z-index:90;
}
.nav {
  position:fixed;
  inset:0 0 auto;
  z-index:50;
  height:100px;
  padding:0 var(--gutter);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  background:linear-gradient(#08080aef,#08080ab8);
  backdrop-filter:blur(16px);
  border-bottom:1px solid #ffffff0d;
}
.brand {
  display:flex;
  align-items:center;
  gap:12px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.05em;
  line-height:1.22;
}
.nav__links {
  display:flex;
  gap:36px;
  margin-left:auto;
  margin-right:6vw;
}
.nav__links a {
  color:var(--mute);
  font-size:14px;
  position:relative;
  padding:12px 0;
}
.nav__links a::after {
  content:'';
  position:absolute;
  bottom:5px;
  left:0;
  width:100%;
  height:1px;
  background:var(--accent);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .3s;
}
.nav__links a:hover,.nav__links a[aria-current] {
  color:var(--ink);
}
.nav__links a:hover::after,.nav__links a[aria-current]::after {
  transform:scaleX(1);
}
.nav__contact {
  font-size:12px;
  letter-spacing:.06em;
  display:flex;
  align-items:center;
  gap:22px;
  padding:12px 0;
}
.nav__contact>span {
  font-size:24px;
  color:var(--accent);
  transition:transform .3s;
}
.nav__contact:hover>span {
  transform:translate(3px,-3px);
}
main,footer {
  max-width:var(--max);
  margin:auto;
}
.hero {
  padding:140px var(--gutter) 0;
  min-height:100svh;
  position:relative;
  display:flex;
  flex-direction:column;
}
.hero__eyebrow {
  display:flex;
  justify-content:space-between;
  gap:20px;
  font-size:12px;
  letter-spacing:.06em;
  color:var(--mute);
}
.hero__headline {
  font-size:clamp(42px,6.9vw,116px);
  font-weight:700;
  line-height:1.02;
  letter-spacing:-.075em;
  margin:clamp(48px,8vh,110px) 0 48px;
  position:relative;
  z-index:1;
}
.line {
  display:block;
  width:fit-content;
  will-change:transform;
}
.line--outline {
  color:transparent;
  -webkit-text-stroke:1px #c1bacb;
}
.hero__headline .accent {
  color:var(--accent);
}
.hero__bottom {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:30px;
  padding:0 0 50px;
  margin-top:auto;
}
.hero__bottom p {
  font-size:14px;
  line-height:1.9;
}
.text-link {
  font-size:12px;
  letter-spacing:.02em;
  display:inline-flex;
  align-items:center;
  gap:30px;
  padding:12px 0;
  position:relative;
  width:fit-content;
}
.text-link::after {
  content:'';
  height:1px;
  background:var(--accent);
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  transform:scaleX(.25);
  transform-origin:left;
  transition:transform .35s;
}
.text-link:hover::after {
  transform:scaleX(1);
}
.text-link>span {
  font-size:24px;
  color:var(--accent);
  transition:transform .35s;
}
.text-link:hover>span {
  transform:translate(3px,-3px);
}
.hero__baseline {
  border-top:1px solid var(--rule);
  padding:20px 0;
  display:flex;
  justify-content:space-between;
  gap:24px;
  font-size:12px;
  color:var(--mute);
  letter-spacing:.04em;
}
.section {
  padding:clamp(85px,10vw,165px) var(--gutter);
  position:relative;
}
.section-index {
  display:flex;
  align-items:center;
  gap:25px;
  margin-bottom:80px;
  font-size:12px;
  letter-spacing:.06em;
  color:var(--mute);
}
.section-index>:first-child {
  color:var(--accent);
  white-space:nowrap;
}
.section-index h2 {
  font-size:12px;
  line-height:1.6;
  letter-spacing:.06em;
}
.index-rule {
  height:1px;
  flex:1;
  background:var(--rule);
}
.manifesto {
  background:linear-gradient(#08080a60,#08080af7);
}
.manifesto__layout {
  display:grid;
  grid-template-columns:1fr 3fr;
  gap:50px;
}
.manifesto__side {
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:10px 0;
}
.coordinate {
  font-size:24px;
  line-height:1.4;
  letter-spacing:-.03em;
  color:#737079;
}
.manifesto__side p {
  font-size:12px;
  color:var(--mute);
  line-height:1.8;
}
.decode-text {
  font-size:clamp(44px,6.8vw,110px);
  font-weight:500;
  line-height:1.06;
}
.decode-text .word {
  color:var(--ink);
  transition:opacity .25s;
}
.decode-text em .word {
  color:var(--accent);
}
.motion-ready .decode-text .word {
  opacity:.22;
}
.motion-ready .decode-text .word.is-lit {
  opacity:1;
}
.manifesto__copy {
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:6vw;
  margin-top:60px;
  align-items:end;
}
.manifesto__copy>p {
  font-size:16px;
  color:var(--mute);
  line-height:1.9;
}
.manifesto__copy .manifesto__conviction {
  font-size:clamp(20px,2vw,30px);
  line-height:1.5;
  color:var(--ink);
  letter-spacing:-.04em;
}
.manifesto__beliefs {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6vw;
  margin-top:70px;
  padding-top:40px;
  border-top:1px solid var(--rule);
}
.belief p {
  margin-top:16px;
  font-size:clamp(17px,1.5vw,22px);
  line-height:1.6;
  color:var(--ink);
  letter-spacing:-.02em;
}
@media (max-width: 900px) {
  .manifesto__beliefs { grid-template-columns:1fr; gap:36px; margin-top:50px; }
}
.evidence {
  background:var(--bg);
  padding-top:70px;
}
.evidence__layout {
  display:grid;
  grid-template-columns:1.7fr 1fr;
  gap:8vw;
  align-items:center;
}
.evidence__number {
  font-size:clamp(100px,19vw,305px);
  line-height:1.05;
  letter-spacing:-.11em;
  font-weight:400;
  margin:20px 0;
}
.evidence__number>.accent {
  font-size:.55em;
  vertical-align:top;
  position:relative;
  top:.2em;
  font-weight:400;
  letter-spacing:-.1em;
}
.evidence__caption {
  font-size:16px;
  color:var(--mute);
  margin-top:20px;
}
.evidence__aside {
  display:grid;
  gap:45px;
}
.evidence__fact {
  border-bottom:1px solid var(--rule);
  padding-bottom:30px;
}
.evidence__fact h3 {
  font-size:clamp(40px,5vw,70px);
  margin:18px 0;
  font-weight:400;
}
.evidence__fact .stage {
  font-size:clamp(30px,3.5vw,50px);
  line-height:1.2;
}
.evidence__fact p {
  color:var(--mute);
  font-size:14px;
}
.focus {
  background:#0d0c10;
  border-radius:0;
}
.focus__intro {
  display:flex;
  justify-content:space-between;
  gap:40px;
  align-items:end;
  margin-bottom:70px;
}
.focus h2,.team h2,.value h2,.roster h2 {
  font-size:clamp(46px,6.5vw,105px);
}
.focus__intro p {
  font-size:14px;
  line-height:1.9;
  color:var(--mute);
  padding-bottom:8px;
}
.focus__list {
  border-top:1px solid var(--rule);
}
.focus-item {
  border-bottom:1px solid var(--rule);
  transition:background .3s;
}
.focus-item summary {
  list-style:none;
  display:flex;
  align-items:center;
  gap:40px;
  padding:30px 0;
  min-height:108px;
}
.focus-item summary::-webkit-details-marker {
  display:none;
}
.focus-item__id {
  font-size:12px;
  color:var(--mute);
  width:30px;
}
.focus-item h3 {
  font-size:clamp(24px,3.4vw,52px);
  letter-spacing:-.06em;
  transition:color .3s,translate .3s;
}
.focus-item:hover h3,.focus-item[open] h3 {
  color:var(--accent);
}
.focus-item:hover h3 {
  translate:6px 0;
}
.focus-item__icon {
  margin-left:auto;
  width:40px;
  height:40px;
  position:relative;
  border:1px solid #ffffff38;
  border-radius:0;
  flex-shrink:0;
  transition:rotate .35s,background .35s;
}
.focus-item__icon::before,.focus-item__icon::after {
  content:'';
  position:absolute;
  width:12px;
  height:1px;
  background:var(--ink);
  left:13px;
  top:19px;
}
.focus-item__icon::after {
  rotate:90deg;
}
.focus-item[open] .focus-item__icon {
  rotate:45deg;
  background:#df58ef12;
  border-color:var(--accent);
}
.focus-item__content {
  display:grid;
  grid-template-columns:1fr 1.4fr;
  gap:40px;
  padding:0 80px 35px 70px;
}
.focus-item__tag {
  font-size:12px;
  letter-spacing:.07em;
  color:var(--mute);
}
.focus-item__content p {
  font-size:16px;
  line-height:1.9;
  color:var(--mute);
}
.team {
  background:var(--bg);
}
.team h2 {
  margin-bottom:80px;
}
.team__list {
  border-top:1px solid var(--rule);
}
.person {
  display:grid;
  grid-template-columns:160px 1fr auto;
  gap:50px;
  align-items:center;
  padding:40px 0;
  border-bottom:1px solid var(--rule);
}
.person:hover .person__monogram {
  color:var(--accent);
  -webkit-text-stroke-color:var(--accent);
}
.person__info {
  display:grid;
  gap:12px;
}
.person__name {
  font-size:clamp(26px,3vw,48px);
  line-height:1.2;
  letter-spacing:-.06em;
}
.person__link {
  font-size:12px;
  display:flex;
  align-items:center;
  gap:40px;
}
.person__link>span {
  font-size:34px;
  color:var(--accent);
  transition:transform .3s;
}
.person:hover .person__link>span {
  transform:translate(4px,-4px);
}
.contact {
  background:linear-gradient(#08080afc,#08080a90);
  padding-bottom:100px;
}
.contact__layout {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
}
.contact h2 {
  font-size:clamp(58px,10vw,165px);
  font-weight:500;
  line-height:1;
  letter-spacing:-.075em;
}
.contact__bottom {
  margin-top:60px;
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:25px;
}
.contact__bottom p {
  font-size:16px;
  line-height:1.9;
  color:var(--mute);
}
.contact__email {
  font-size:14px;
}
.footer {
  background:var(--bg);
  padding:60px var(--gutter) 30px;
}
.footer__wordmark {
  display:block;
  font-size:clamp(28px,9.5vw,156px);
  letter-spacing:-.09em;
  line-height:1.1;
  color:#423b46;
  white-space:nowrap;
  transition:color .4s;
}
.footer__wordmark:hover {
  color:var(--ink);
}
.footer__wordmark>span {
  color:var(--accent);
  font-weight:400;
}
.footer__bottom {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
  border-top:1px solid var(--rule);
  margin-top:40px;
  padding-top:25px;
  color:var(--mute);
  font-size:12px;
}
.motion-toggle {
  display:flex;
  align-items:center;
  gap:9px;
  font-size:12px;
  background:none;
  border:0;
  padding:10px 0;
  min-height:44px;
  cursor:pointer;
}
.motion-toggle i {
  width:5px;
  height:5px;
  background:var(--accent);
  border-radius:0;
}
.motion-toggle[aria-pressed=true] i {
  background:var(--mute);
}
.motion-toggle>span {
  color:var(--ink);
}
.reveal {
  transition:opacity .8s ease,translate 1s cubic-bezier(.16,1,.3,1);
}
.motion-ready .reveal {
  opacity:0;
  translate:0 30px;
}
.motion-ready .reveal.is-visible {
  opacity:1;
  translate:0 0;
}
.motion-paused .reveal {
  opacity:1;
  translate:none;
}
.motion-paused .decode-text .word {
  opacity:1;
}
.motion-paused {
  scroll-behavior:auto;
}
.motion-paused *, .motion-paused *::before,.motion-paused *::after {
  animation-play-state:paused!important;
}
@media(min-width:1700px) {
  .hero__headline {
    font-size:116px;
  }
  .signal-field {
    max-width:2000px;
    margin:auto;
  }
}
@media(max-width:1000px) {
  .hero__origin {
    display:none;
  }
  .hero__headline {
    font-size:7.2vw;
    margin-top:80px;
    margin-bottom:80px;
  }
  .hero__bottom {
    align-items:start;
    flex-direction:column;
    gap:24px;
  }
  .manifesto__layout {
    grid-template-columns:1fr 4fr;
    gap:25px;
  }
  .manifesto__copy {
    grid-template-columns:1fr;
    gap:30px;
  }
  .manifesto__side .coordinate {
    font-size:16px;
  }
  .evidence__layout {
    gap:5vw;
  }
  .focus__intro {
    align-items:start;
    flex-direction:column;
    gap:30px;
  }
  .person {
    grid-template-columns:100px 1fr auto;
    gap:25px;
  }
  .person__link {
    gap:15px;
  }
  .contact__bottom {
    align-items:start;
    flex-direction:column;
  }
  .section-index>:last-child:not(.index-rule) {
    max-width:40%;
    text-align:right;
  }
  .footer__bottom {
    font-size:12px;
  }
}
@media(max-width:600px) {
  html {
    scroll-padding-top:80px;
  }
  .nav {
    height:80px;
    gap:15px;
  }
  .brand {
    font-size:10px;
    gap:10px;
  }
  .nav__links {
    gap:0;
    margin:0 0 0 auto;
  }
  .nav__links a {
    display:none;
  }
  .nav__links a[href="#focus"] {
    display:block;
    font-size:12px;
  }
  .nav__contact {
    font-size:12px;
    gap:8px;
  }
  .nav__contact>span {
    font-size:20px;
  }
  .hero {
    padding-top:112px;
    min-height:850px;
    min-height:max(850px,100svh);
  }
  .hero__eyebrow {
    font-size:12px;
    max-width:26ch;
  }
  .hero__headline {
    font-size:8.5vw;
    font-weight:700;
    margin:60px 0 200px;
    line-height:1.12;
  }
  .hero__bottom {
    padding-bottom:35px;
    gap:20px;
  }
  .hero__bottom p {
    font-size:14px;
  }
  .hero__baseline {
    font-size:12px;
    padding:18px 0;
  }
  .hero__baseline>span:last-child {
    display:none;
  }
  .section {
    padding-top:80px;
    padding-bottom:80px;
  }
  .section-index {
    gap:20px;
    margin-bottom:50px;
    font-size:12px;
  }
  .section-index>:last-child:not(.index-rule) {
    display:none;
  }
  .manifesto__layout {
    grid-template-columns:1fr;
  }
  .manifesto__side {
    display:none;
  }
  .decode-text {
    font-size:10.4vw;
  }
  .manifesto__copy {
    margin-top:40px;
    gap:30px;
  }
  .manifesto__copy .manifesto__conviction {
    font-size:24px;
  }
  .evidence__layout {
    grid-template-columns:1fr;
    gap:60px;
  }
  .evidence__number {
    font-size:32vw;
    letter-spacing:-.11em;
    margin:25px 0;
  }
  .evidence__aside {
    grid-template-columns:1fr 1fr;
    gap:24px;
  }
  .evidence__fact h3 {
    font-size:38px;
  }
  .evidence__fact .stage {
    font-size:27px;
  }
  .evidence__fact p {
    font-size:14px;
  }
  .evidence__fact .eyebrow {
    font-size:12px;
  }
  .focus {
    border-radius:0;
  }
  .focus h2,.team h2,.value h2,.roster h2 {
    font-size:12vw;
  }
  .focus__intro {
    margin-bottom:45px;
  }
  .focus-item summary {
    gap:14px;
    padding:25px 0;
    min-height:92px;
  }
  .focus-item__id {
    width:20px;
  }
  .focus-item h3 {
    font-size:clamp(19px,5.2vw,30px);
    letter-spacing:-.065em;
    overflow-wrap:anywhere;
  }
  .focus-item__icon {
    width:32px;
    height:32px;
  }
  .focus-item__icon::before,.focus-item__icon::after {
    left:9px;
    top:15px;
  }
  .focus-item__content {
    grid-template-columns:1fr;
    gap:14px;
    padding:0 8px 28px 34px;
  }
  .focus-item__content p {
    font-size:16px;
  }
  .focus-item__tag {
    font-size:12px;
  }
  .team h2 {
    margin-bottom:45px;
  }
  .person {
    grid-template-columns:60px 1fr;
    gap:20px;
    padding:30px 0;
  }
  .person__info .eyebrow {
    font-size:12px;
    line-height:1.6;
    max-width:24ch;
  }
  .person__name {
    font-size:26px;
  }
  .person__link {
    grid-column:2;
    font-size:12px;
    width:fit-content;
  }
  .person__link>span {
    font-size:25px;
  }
  .contact__layout {
    flex-direction:column;
    align-items:start;
    gap:45px;
  }
  .contact h2 {
    font-size:14vw;
  }
  .contact__bottom {
    margin-top:50px;
  }
  .contact__email {
    font-size:clamp(12px,3.6vw,14px);
    gap:12px;
    overflow-wrap:anywhere;
  }
  .footer {
    padding-top:10px;
  }
  .footer__wordmark {
    font-size:9vw;
  }
  .footer__bottom {
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin-top:25px;
  }
  .motion-toggle {
    width:fit-content;
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
  .reveal {
    opacity:1!important;
    translate:none!important;
  }
  .decode-text .word {
    opacity:1!important;
  }
  .line {
    transform:none!important;
  }
  *,*::before,*::after {
    animation:none!important;
    transition:none!important;
  }
}
/* Keep the artwork behind content, with an always-available motion control. */
.signal-field {
  z-index:0;
}
main,.footer {
  position:relative;
  z-index:1;
}
.motion-toggle {
  position:fixed;
  z-index:60;
  right:18px;
  bottom:12px;
  padding:8px 12px;
  background:#08080aeb;
  border-radius:0;
  backdrop-filter:blur(8px);
}
.footer {
  padding-bottom:70px;
}
/* Reading copy and actions stay comfortably legible at every breakpoint. */
.hero__bottom p,.focus__intro p,.evidence__fact p {
  font-size:1rem;
}
.nav__contact,.text-link,.person__link {
  font-size:.875rem;
}
@media(max-width:600px) {
  .nav__contact,.nav__links a[href="#focus"] {
    font-size:.75rem;
  }
  .contact__email {
    font-size:.875rem;
  }
}

/* CRT revision: terminal weight, hard edges, phosphor, real pixel portraits. */
body::after {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 80;
  pointer-events: none;
  background: repeating-linear-gradient(0deg, transparent 0 2px, rgba(0,0,0,.16) 2px 3px);
  opacity: .46;
}
.brand { gap: 3px; font-size: 15px; font-weight: 800; letter-spacing: -.025em; }
.brand__bracket { color: var(--accent); font-weight: 400; }
.nav__links { gap: 26px; margin-right: 4vw; }
.nav__links a { font-size: 12px; font-weight: 600; letter-spacing: .02em; }
.nav__contact { font-weight: 700; }
h1, h2, h3 { font-weight: 800; letter-spacing: -.045em; }
.hero__headline { font-weight: 800; letter-spacing: -.05em; }
.line--outline { color: var(--ink); -webkit-text-stroke: 0; }
.hero__headline .accent { text-shadow: 0 0 26px #c026d926; }
.hero__headline .line:last-child::after { content: '_'; color: var(--accent); animation: terminal-caret 1.2s steps(1) infinite; }
@keyframes terminal-caret { 0%, 55% { opacity: 1; } 56%,100% { opacity: 0; } }
.decode-text, .contact h2 { font-weight: 800; letter-spacing: -.045em; }
.evidence__number { font-weight: 800; letter-spacing: -.075em; }
.evidence__fact h3, .evidence__fact .stage { font-weight: 700; }
.focus-item h3 { font-weight: 700; }
.focus-item__icon { border: 0; border-radius: 0; }
.focus-item[open] .focus-item__icon { background: none; }
.focus-item__icon::before,.focus-item__icon::after { background: var(--accent); }
.person { grid-template-columns: 180px 1fr auto; gap: 45px; }
.person__portrait { display: block; position: relative; width: 180px; aspect-ratio: 1; overflow: hidden; background: var(--bg); }
.person__portrait img { width: 100%; height: 100%; object-fit: cover; image-rendering: pixelated; display: block; transition: filter .25s; }
.person__portrait>span { position: absolute; bottom: 6px; left: 6px; padding: 2px 6px; background: #08080ade; color: var(--accent); font-size: 10px; letter-spacing: .04em; }
.person:hover .person__portrait img { filter: brightness(1.14); }
.person__name { font-weight: 800; font-size: clamp(24px,3vw,46px); letter-spacing: -.045em; }
.contact__layout { flex-wrap: wrap; align-items: end; }
.contact h2 { font-size: clamp(58px,8.7vw,140px); }
.contact__command { display: grid; gap: 16px; padding-bottom: 10px; }
.contact__command .eyebrow { color: var(--accent); }
.command-link { display: flex; gap: 14px; align-items: center; padding: 22px 0; font-size: clamp(16px,1.5vw,23px); font-weight: 800; letter-spacing: -.04em; border-top: 1px solid var(--accent); border-bottom: 1px solid var(--accent); transition: color .2s,background .2s; }
.command-link__prompt { color: var(--accent); }
.command-link__enter { font-size: 32px; color: var(--accent); margin-left: 16px; transition: transform .2s; }
.command-link:hover,.command-link:focus-visible { background: #c026d912; color: var(--accent); }
.command-link:hover .command-link__enter { transform: translateX(5px); }
.contact__command-note { font-size: 12px; color: var(--mute); letter-spacing: .08em; }
.footer__wordmark { font-weight: 800; font-size: clamp(28px,8.7vw,142px); letter-spacing: -.065em; }
@media(max-width:1000px) {
  .nav__links { margin-right: 0; gap: 18px; }
  .nav__links a { font-size: 11px; }
  .person { grid-template-columns: 140px 1fr auto; gap: 28px; }
  .person__portrait { width: 140px; }
  .person__name { font-size: 28px; }
  .contact__layout { gap: 48px; }
}
@media(max-width:720px) {
  .brand { font-size: 13px; }
  .nav__links a { display: none; }
  .nav__links a[href="#focus"] { display: block; font-size: 11px; }
  .nav__contact { font-size: 12px; }
  .person { grid-template-columns: 110px 1fr; gap: 24px; }
  .person__portrait { width: 110px; grid-row: span 2; }
  .person__link { grid-column: 2; width: fit-content; }
  .person__name { font-size: 23px; }
  .hero__eyebrow { overflow-wrap: anywhere; }
}
@media(max-width:600px) {
  .nav { gap: 12px; }
  .nav__links { margin-left: auto; }
  .hero__headline { font-size: 8.5vw; letter-spacing: -.05em; }
  .person { grid-template-columns: 96px 1fr; column-gap: 18px; row-gap: 10px; }
  .person__portrait { width: 96px; }
  .person__name { font-size: clamp(17px,5vw,23px); overflow-wrap: anywhere; }
  .person__info .eyebrow { font-size: 11px; }
  .contact h2 { font-size: 13vw; }
  .contact__command { width: 100%; }
  .command-link { justify-content: space-between; gap: 8px; font-size: 18px; }
  .command-link__enter { margin-left: 0; }
  .footer__wordmark { font-size: 8.7vw; }
}
@media(prefers-reduced-motion:reduce) { .hero__headline .line:last-child::after { animation: none; } }
@media(max-width:600px) {
  .contact__layout { align-items: stretch; }
}

/* Added value */
.value { background:var(--bg); }
.value__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid var(--rule); border-left:1px solid var(--rule); }
.value-card { padding:34px 28px 40px; border-right:1px solid var(--rule); border-bottom:1px solid var(--rule); display:grid; gap:18px; align-content:start; transition:background .25s; }
.value-card:hover { background:#c026d90d; }
.value-card__id { font-size:12px; color:var(--accent); }
.value-card h3 { font-size:clamp(20px,1.8vw,28px); line-height:1.15; }
.value-card p { font-size:14px; line-height:1.85; color:var(--mute); }

/* Portfolio roster */
.roster { background:#0d0c10; }
.roster__wrap { overflow-x:auto; border-top:1px solid var(--rule); }
.roster__table { width:100%; border-collapse:collapse; font-size:14px; min-width:640px; }
.roster__table th { text-align:left; font-size:12px; font-weight:600; letter-spacing:.06em; color:var(--mute); padding:18px 16px 18px 0; border-bottom:1px solid var(--rule); white-space:nowrap; }
.roster__table th button { font:inherit; color:inherit; letter-spacing:inherit; background:none; border:0; cursor:pointer; padding:0; }
.roster__table th button::after { content:' ↕'; opacity:.4; }
.roster__table th[aria-sort] button { color:var(--accent); }
.roster__table th[aria-sort="ascending"] button::after { content:' ↑'; opacity:1; }
.roster__table th[aria-sort="descending"] button::after { content:' ↓'; opacity:1; }
.roster__table td { padding:20px 16px 20px 0; border-bottom:1px solid var(--rule); color:var(--mute); vertical-align:top; }
.roster__table td:first-child { color:var(--ink); font-weight:700; font-size:16px; }
.roster__table tbody tr { transition:background .2s; }
.roster__table tbody tr:hover { background:#c026d90d; }
.roster__table td a { color:var(--accent); margin-right:18px; white-space:nowrap; }

/* Founder intake form */
.intake { display:grid; grid-template-columns:1fr 1fr; gap:18px 24px; width:min(640px,100%); }
.intake .eyebrow { grid-column:1/-1; color:var(--accent); }
.intake label { display:grid; gap:8px; font-size:11px; letter-spacing:.08em; color:var(--mute); }
.intake input, .intake textarea { font:inherit; font-size:15px; letter-spacing:0; color:var(--ink); background:#ffffff08; border:1px solid var(--rule); border-radius:0; padding:12px 14px; resize:vertical; }
.intake input:focus-visible, .intake textarea:focus-visible { outline:none; border-color:var(--accent); background:#c026d90d; }
.intake__wide, .intake .command-link, .intake .contact__command-note { grid-column:1/-1; }
.intake .command-link { width:100%; justify-content:flex-start; border-left:0; border-right:0; background:none; color:var(--ink); cursor:pointer; font-family:inherit; text-align:left; }

@media(max-width:1000px) {
  .value__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:720px) {
  .value__grid { grid-template-columns:1fr; }
  .intake { grid-template-columns:1fr; }
  .nav__links a[href="#focus"] { display:none; }
}
