@layer tokens{@font-face { font-family:'Inter'; src:url('/fonts/inter/Inter-Regular.woff2')  format('woff2'); font-weight:400; font-style:normal; font-display:swap; }
  @font-face { font-family:'Inter'; src:url('/fonts/inter/Inter-Medium.woff2')   format('woff2'); font-weight:500; font-style:normal; font-display:swap; }
  @font-face { font-family:'Inter'; src:url('/fonts/inter/Inter-SemiBold.woff2') format('woff2'); font-weight:600; font-style:normal; font-display:swap; }
  @font-face { font-family:'Inter'; src:url('/fonts/inter/Inter-Bold.woff2')     format('woff2'); font-weight:700; font-style:normal; font-display:swap; }

  
  @font-face { font-family:'AutumnMoon'; src:url('/fonts/autumn-moon/AutumnMoon.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; }
}@layer tokens,reset,base,layout,components,utilities;@layer tokens{:root {
    

    --nl-red-500: #E93E34;   
    --nl-red-700: #C62A20;   
    --nl-red-300: #FF6B5E;   

    --nl-ink-900:  #111113;
    --nl-ink-600:  #5A5A5A;
    --nl-paper-0:  #FFFFFF;
    --nl-paper-warm: #FAF9F5;
    --nl-paper-50: #F6F6F7;
    --nl-void-950: #0D0D0F;
    --nl-void-900: #1A1A1E;
    --nl-mist-50:  #EDEDEF;
    --nl-mist-400: #A8A8B0;

    
    --nl-size--2: clamp(0.694rem, 0.68rem + 0.08vw, 0.75rem);
    --nl-size--1: clamp(0.833rem, 0.80rem + 0.17vw, 0.889rem);
    --nl-size-0:  clamp(1rem,     0.96rem + 0.22vw, 1.125rem);
    --nl-size-1:  clamp(1.2rem,   1.13rem + 0.36vw, 1.4rem);
    --nl-size-2:  clamp(1.44rem,  1.32rem + 0.60vw, 1.75rem);
    --nl-size-3:  clamp(1.73rem,  1.54rem + 0.95vw, 2.19rem);
    --nl-size-4:  clamp(2.07rem,  1.78rem + 1.46vw, 2.73rem);
    --nl-size-5:  clamp(2.49rem,  2.05rem + 2.20vw, 3.42rem);
    --nl-size-6:  clamp(3.05rem,  2.30rem + 3.75vw, 5.00rem);
    --nl-size-7:  clamp(3.80rem,  2.40rem + 7.00vw, 8.00rem);

    
    --nl-track-display: -0.035em;
    --nl-track-tight:   -0.02em;
    --nl-track-wide:     0.12em;

    
    --nl-leading-body:    1.55;
    --nl-leading-display: .92;
    --nl-leading-heading: 1.05;
    --nl-leading-meta:    1.3;

    
    --nl-space-3xs: 0.25rem;
    --nl-space-2xs: 0.5rem;
    --nl-space-xs:  0.75rem;
    --nl-space-s:   1rem;
    --nl-space-m:   1.5rem;
    --nl-space-l:   2.25rem;
    --nl-space-xl:  3.375rem;
    --nl-space-2xl: 5rem;
    --nl-space-section: clamp(3rem, 8vw, 7rem);
    
    --nl-space-page-top: clamp(4rem, 8vw, 7rem);
    
    --nl-space-page-title: var(--nl-space-m);

    --nl-measure: 66ch;
    --nl-radius-s: 2px;
    --nl-radius-m: 6px;

    --nl-dur-fast: 120ms;
    --nl-dur-base: 220ms;
    --nl-dur-slow: 420ms;
    --nl-ease:     cubic-bezier(0.2, 0, 0, 1);

    --nl-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',
                    Roboto, 'Helvetica Neue', Arial, sans-serif;
    --nl-font-display: 'Newsreader', Georgia, 'Times New Roman', serif;
    
    --nl-font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Consolas,
                    'Liberation Mono', monospace;

    

    color-scheme: light dark;

    --surface:         var(--nl-paper-0);
    --surface-raised:  var(--nl-paper-50);
    --text:            var(--nl-ink-900);   
    --text-muted:      var(--nl-ink-600);   
    --border:          color-mix(in oklab, var(--nl-ink-900) 14%, transparent);
    --rule:            color-mix(in oklab, var(--nl-ink-900) 8%, transparent);
    --accent-graphic:  var(--nl-red-500);
    --accent-text:     var(--nl-red-700);
    --accent-contrast: var(--nl-paper-0);
    --focus-ring:      var(--nl-red-700);
    --selection-bg:    var(--nl-red-700);
    --selection-text:  var(--nl-paper-0);
  }

  
  @media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
      --surface:         var(--nl-void-950);
      --surface-raised:  var(--nl-void-900);
      --text:            var(--nl-mist-50);    
      --text-muted:      var(--nl-mist-400);   
      --border:          color-mix(in oklab, var(--nl-mist-50) 18%, transparent);
      --rule:            color-mix(in oklab, var(--nl-mist-50) 10%, transparent);
      --rule:            color-mix(in oklab, var(--nl-mist-50) 10%, transparent);
      --accent-graphic:  var(--nl-red-500);
      --accent-text:     var(--nl-red-300);
      --accent-contrast: var(--nl-void-950);
      --focus-ring:      var(--nl-red-300);
      --selection-bg:    var(--nl-red-300);
      --selection-text:  var(--nl-void-950);
    }
  }

  
  :root[data-theme="dark"] {
    --surface:         var(--nl-void-950);
    --surface-raised:  var(--nl-void-900);
    --text:            var(--nl-mist-50);
    --text-muted:      var(--nl-mist-400);
    --border:          color-mix(in oklab, var(--nl-mist-50) 18%, transparent);
    --rule:            color-mix(in oklab, var(--nl-mist-50) 10%, transparent);
    --accent-graphic:  var(--nl-red-500);
    --accent-text:     var(--nl-red-300);
    --accent-contrast: var(--nl-void-950);
    --focus-ring:      var(--nl-red-300);
    --selection-bg:    var(--nl-red-300);
    --selection-text:  var(--nl-void-950);
  }
}@layer reset{*, *::before, *::after { box-sizing: border-box; }
  * { margin: 0; }

  html { -webkit-text-size-adjust: 100%; }

  body {
    min-height: 100svh;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
  }

  img, picture, svg, video, canvas {
    display: block;
    max-width: 100%;
    height: auto;
  }

  input, button, textarea, select { font: inherit; color: inherit; }

  p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }

  ul[role="list"], ol[role="list"] { list-style: none; padding: 0; }

  
  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
    }
  }
}@layer base{html {
    font-family: var(--nl-font-body);
    font-size: 100%;
    
    font-feature-settings: 'cv05' 1, 'cv08' 1, 'ss03' 1;
    font-optical-sizing: auto;
  }
  @media (prefers-reduced-motion: no-preference) {
    html { scroll-behavior: smooth; }
  }

  body {
    background: var(--surface);
    color: var(--text);
    font-size: var(--nl-size-0);
    line-height: var(--nl-leading-body);
    transition: background-color var(--nl-dur-base) var(--nl-ease),
                color var(--nl-dur-base) var(--nl-ease);
  }

  
  h1, h2, h3, h4 {
    font-weight: 600;
    letter-spacing: var(--nl-track-tight);
    line-height: var(--nl-leading-heading);
    text-wrap: balance;
  }
  h1 { font-size: var(--nl-size-5); letter-spacing: var(--nl-track-display); }
  h2 { font-size: var(--nl-size-3); }
  h3 { font-size: var(--nl-size-1); line-height: var(--nl-leading-heading); }
  h4 { font-size: var(--nl-size-0); }

  p { text-wrap: pretty; }

  a { color: inherit; }

  :where(p, li, dd) a {
    color: var(--accent-text);
    font-weight: 500;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.18em;
    text-decoration-color: color-mix(in oklab, var(--accent-text) 45%, transparent);
    transition: text-decoration-color var(--nl-dur-fast) var(--nl-ease);
  }
  :where(p, li, dd) a:hover { text-decoration-color: currentColor; }

  :focus-visible {
    outline: 3px solid var(--focus-ring);
    outline-offset: 3px;
    border-radius: 1px;
  }

  :target { scroll-margin-top: 6rem; }

  ::selection { background: var(--selection-bg); color: var(--selection-text); }

  @media (forced-colors: active) {
    :focus-visible { outline: 3px solid CanvasText; }
  }

  
  .mono {
    font-family: var(--nl-font-mono);
    font-size: var(--nl-size--2);
    letter-spacing: var(--nl-track-wide);
    text-transform: uppercase;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    line-height: var(--nl-leading-meta);
  }
}@layer layout{.container {
    width: min(100% - 2 * var(--nl-space-m), 74rem);
    margin-inline: auto;
  }
  .container--narrow { width: min(100% - 2 * var(--nl-space-m), 46rem); }

  .stack > * + * { margin-block-start: var(--flow, var(--nl-space-s)); }

  .cluster {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap, var(--nl-space-s));
    align-items: center;
  }

  
  .rail {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--nl-space-s);
  }
  @media (min-width: 62rem) {
    .rail {
      grid-template-columns: 9rem minmax(0, 1fr);
      gap: var(--nl-space-xl);
      align-items: start;
    }
  }

  .section {
    padding-block: var(--nl-space-section);
    border-block-start: 1px solid var(--rule);
  }

  .prose { max-width: 62ch; }
  .prose > * + * { margin-block-start: var(--nl-space-m); }
  .prose p { font-size: var(--nl-size-1); line-height: var(--nl-leading-body); }
}@layer components{.hs-work-intro, .hs-case-study__intro { padding-block: var(--nl-space-page-top) clamp(3rem, 7vw, 5rem); background: var(--surface); border-block-start: 0; }
  .hs-work-intro h1, .hs-case-study__intro h1 { max-width: 12ch; margin-block: var(--nl-space-page-title); font-family: var(--nl-font-display); font-size: clamp(3.5rem, 8vw, 7rem); font-weight: 400; letter-spacing: -.055em; line-height: var(--nl-leading-display); }
  .hs-work-intro .hs-lede, .hs-case-study__intro .hs-lede { max-width: 42rem; }
  .hs-work-register, .hs-case-study__body { background: var(--surface); }
  .hs-work-list { margin: var(--nl-space-xl) 0 0; padding: 0; list-style: none; }
  .hs-work-card { border-block-start: 1px solid var(--rule); }
  .hs-work-card > a { display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: var(--nl-space-l); padding-block: var(--nl-space-l); color: inherit; text-decoration: none; }
  .hs-work-card > a:hover h3, .hs-work-card > a:focus-visible h3 { color: var(--accent-text); }
  .hs-work-card__body { display: grid; gap: var(--nl-space-xs); }
  .hs-work-card__meta { color: var(--accent-text); text-transform: uppercase; }
  .hs-work-card h3 { margin: 0; font-family: var(--nl-font-display); font-size: clamp(2rem, 4vw, 3.5rem); font-weight: 400; letter-spacing: -.04em; line-height: 1; transition: color var(--nl-dur-fast) var(--nl-ease); }
  .hs-work-card__summary { max-width: 48rem; color: var(--text-muted); line-height: var(--nl-leading-body); }
  .hs-work-card__link { color: var(--accent-text); }
  .hs-container--narrow { max-width: 48rem; }
  .hs-case-study__body { padding-block: clamp(3rem, 7vw, 6rem); }
  .hs-case-study__clearance { margin-block-start: var(--nl-space-xl); padding-block-start: var(--nl-space-m); border-block-start: 1px solid var(--rule); color: var(--accent-text); }
  @media (max-width: 40rem) {
    .hs-work-card > a { grid-template-columns: 2rem minmax(0, 1fr); gap: var(--nl-space-s); }
  }
}@layer components{.skip-link {
    position: absolute;
    inset-inline-start: var(--nl-space-s);
    inset-block-start: var(--nl-space-s);
    z-index: 100;
    padding: var(--nl-space-2xs) var(--nl-space-s);
    background: var(--text);
    color: var(--surface);
    border-radius: 2px;
    font-weight: 600;
    text-decoration: none;
    transform: translateY(-250%);
  }
  
  .skip-link:focus-visible { transform: translateY(0); }

  
  .site-header {
    position: sticky;
    top: 0;
    z-index: 50;
    background: color-mix(in oklab, var(--surface) 85%, transparent);
    backdrop-filter: blur(10px);
    border: 0;
    box-shadow: none;
  }
  .site-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--nl-space-m);
    padding-block: var(--nl-space-xs);
  }
  .site-header__tools {
    display: flex;
    align-items: center;
    gap: var(--nl-space-m);
    min-width: 0;
    white-space: nowrap;
  }
  .site-header__controls {
    display: flex;
    align-items: center;
    gap: var(--nl-space-m);
  }
  .site-header__brand {
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    font-size: var(--nl-size-0);
    letter-spacing: var(--nl-track-tight);
    text-decoration: none;
    white-space: nowrap;
  }
  .site-header__mark { display: block; width: 2.5rem; height: 2.5rem; border-radius: 8px; }
  .site-header__brand em { font-style: normal; color: var(--text-muted); }
  .site-header__brand:hover em { color: var(--accent-text); }

  .site-nav ul {
    display: flex;
    align-items: center;
    gap: var(--nl-space-m);
    list-style: none;
    padding: 0;
  }
  
  .site-nav li { display: flex; }
  .site-nav a {
    display: inline-flex;
    align-items: center;
    position: relative;
    text-decoration: none;
    font-size: var(--nl-size--1);
    font-weight: 500;
    padding-block: 0.35rem;
    line-height: var(--nl-leading-meta);
  }
  
  .site-nav a::after {
    content: '';
    position: absolute;
    inset-inline-start: 0;
    inset-block-end: 0;
    height: 2px;
    width: 100%;
    background: var(--accent-graphic);
    transform: scaleX(0);
    transform-origin: inline-start;
    transition: transform var(--nl-dur-base) var(--nl-ease);
  }
  .site-nav a:hover::after,
  .site-nav a[aria-current="page"]::after { transform: scaleX(1); }

  
  .btn {
    display: inline-flex;
    align-items: center;
    gap: var(--nl-space-2xs);
    min-height: 3rem;
    padding: 0 var(--nl-space-m);
    border: 1px solid var(--text);
    border-radius: 2px;
    font-size: var(--nl-size--1);
    font-weight: 500;
    letter-spacing: 0.01em;
    text-decoration: none;
    cursor: pointer;
    transition: background-color var(--nl-dur-base) var(--nl-ease),
                color var(--nl-dur-base) var(--nl-ease),
                border-color var(--nl-dur-base) var(--nl-ease);
  }
  .btn--primary { background: var(--text); color: var(--surface); }
  .btn--primary:hover { background: transparent; color: var(--text); }
  .btn--secondary { background: transparent; color: var(--text); border-color: var(--border); }
  .btn--secondary:hover { border-color: var(--text); }
  .btn__arrow { transition: transform var(--nl-dur-base) var(--nl-ease); }
  .btn:hover .btn__arrow { transform: translateX(3px); }

  .icon-btn {
    display: inline-flex;
    align-items: center;
    gap: var(--nl-space-3xs);
    min-height: 2.25rem;
    min-width: 2.25rem;
    padding: var(--nl-space-3xs) var(--nl-space-2xs);
    background: transparent;
    border: 1px solid var(--rule);
    border-radius: 2px;
    font-family: var(--nl-font-mono);
    font-size: var(--nl-size--2);
    letter-spacing: var(--nl-track-wide);
    text-transform: uppercase;
    line-height: var(--nl-leading-meta);
    cursor: pointer;
    color: var(--text-muted);
  }
  .icon-btn:hover { border-color: var(--text); color: var(--text); }
  .icon-btn--theme {
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    min-height: 2rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    justify-content: center;
    font-family: var(--nl-font-body);
    font-size: 1rem;
    letter-spacing: 0;
    text-transform: none;
  }
  .icon-btn--theme:hover { border: 0; background: color-mix(in oklab, var(--text) 8%, transparent); }
  
  .theme-icon { display: block; width: 1rem; height: 1rem; }
  .theme-icon__glyph { display: none; }
  :root[data-theme-mode="light"] .theme-icon__glyph--light,
  :root[data-theme-mode="dark"] .theme-icon__glyph--dark,
  :root:not([data-theme-mode]) .theme-icon__glyph--system,
  :root[data-theme-mode="system"] .theme-icon__glyph--system { display: inline; }

  .lang-switch ul {
    display: flex;
    align-items: center;
    gap: var(--nl-space-2xs);
    list-style: none;
    padding: 0;
    font-family: var(--nl-font-mono);
    font-size: var(--nl-size--2);
    letter-spacing: var(--nl-track-wide);
    text-transform: uppercase;
  }
  .lang-switch li { display: flex; align-items: center; }
  .lang-switch li + li::before { content: '/'; margin-inline-end: var(--nl-space-2xs); color: var(--rule); }
  .lang-switch [aria-current="true"] { color: var(--text); font-weight: 600; }
  .lang-switch a { text-decoration: none; color: var(--text-muted); }
  .lang-switch a:hover { color: var(--accent-text); }
  .lang-switch__short { display: none; }

  
  .hero {
    padding-block: var(--nl-space-page-top) clamp(3rem, 8vh, 6rem);
    min-height: min(88svh, 52rem);
    display: flex;
    align-items: flex-start;
  }
  .hero__grid {
    display: grid;
    gap: var(--nl-space-xl);
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    width: 100%;
  }
  @media (min-width: 68rem) {
    .hero__grid { grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); gap: var(--nl-space-2xl); }
  }
  .hero__aside {
    display: grid;
    gap: var(--nl-space-xl);
    justify-items: center;
  }
  .hero__kicker {
    display: flex;
    align-items: center;
    gap: var(--nl-space-s);
    color: var(--accent-text);
    margin-block-end: var(--nl-space-l);
  }
  .hero__kicker::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--rule);
  }
  .hero__headline {
    font-size: var(--nl-size-7);
    text-wrap: balance;
    font-weight: 600;
    letter-spacing: var(--nl-track-display);
    line-height: var(--nl-leading-display);
    max-width: 16ch;
  }
  
  .hero__headline mark {
    background: none;
    color: var(--accent-text);
  }
  .hero__lede {
    max-width: 48ch;
    font-size: var(--nl-size-1);
    line-height: var(--nl-leading-body);
    color: var(--text-muted);
    margin-block-start: var(--nl-space-l);
  }
  .hero__actions { margin-block-start: var(--nl-space-xl); }


  
  .signature { width: clamp(7rem, 14vw, 11rem); flex-shrink: 0; }
  .signature svg { width: 100%; height: auto; overflow: visible; }
  .signature path[id$="-path"] {
    fill: none;
    stroke: currentColor;                 
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  @media (prefers-reduced-motion: no-preference) {
    .signature--draw path[id$="-path"] {
      stroke-dasharray: var(--len, 1200);
      stroke-dashoffset: var(--len, 1200);
      animation: sig-draw 1.1s var(--nl-ease) forwards;
      animation-delay: calc(var(--i, 0) * 160ms + 250ms);
    }
  }
  @keyframes sig-draw { to { stroke-dashoffset: 0; } }

  
  .section__index {
    color: var(--accent-text);
    position: sticky;
    top: 5.5rem;
  }
  @media (max-width: 61.99rem) {
    .section__index { position: static; margin-block-end: var(--nl-space-2xs); }
  }
  .section__title { margin-block-end: var(--nl-space-l); }

  
  .impact-list { list-style: none; padding: 0; }
  .impact {
    display: grid;
    gap: var(--nl-space-xs) var(--nl-space-l);
    grid-template-columns: minmax(0, 1fr);
    padding-block: var(--nl-space-l);
    border-block-start: 1px solid var(--rule);
  }
  @media (min-width: 48rem) {
    .impact { grid-template-columns: 12rem minmax(0, 1fr); }
  }
  .impact:hover .impact__metric { color: var(--accent-graphic); }

  .impact__figure { align-self: start; }
  .impact__metric {
    display: block;
    font-size: var(--nl-size-5);
    font-weight: 700;
    line-height: 0.95;
    letter-spacing: var(--nl-track-display);
    font-variant-numeric: tabular-nums;
    transition: color var(--nl-dur-base) var(--nl-ease);
  }
  .impact__metric-label {
    display: block;
    margin-block-start: var(--nl-space-3xs);
    color: var(--text-muted);
  }
  .impact__claim {
    font-size: var(--nl-size-1);
    line-height: var(--nl-leading-body);
    max-width: 54ch;
    letter-spacing: var(--nl-track-tight);
  }
  .impact__meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--nl-space-2xs) var(--nl-space-m);
    margin-block-start: var(--nl-space-s);
    color: var(--text-muted);
  }
  .impact__tags {
    display: flex;
    flex-wrap: wrap;
    gap: var(--nl-space-2xs);
    list-style: none;
    padding: 0;
  }
  .impact__tags li::before { content: '·'; margin-inline-end: var(--nl-space-2xs); color: var(--accent-graphic); }
  .impact__tags li:first-child::before { content: ''; margin: 0; }

  
  .timeline { list-style: none; padding: 0; }
  .timeline > li {
    padding-block: var(--nl-space-l);
    border-block-start: 1px solid var(--rule);
  }
  .timeline__dates { color: var(--text-muted); }
  .timeline__role { letter-spacing: var(--nl-track-tight); }
  .timeline__org { color: var(--text-muted); margin-block-start: var(--nl-space-3xs); }
  .timeline__summary { max-width: 58ch; margin-block-start: var(--nl-space-s); color: var(--text-muted); }
  .timeline__points {
    margin-block-start: var(--nl-space-s);
    padding: 0;
    list-style: none;
    max-width: 58ch;
  }
  .timeline__points li {
    position: relative;
    padding-inline-start: 1.25rem;
  }
  .timeline__points li + li { margin-block-start: var(--nl-space-2xs); }
  .timeline__points li::before {
    content: '';
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0.65em;
    width: 0.5rem;
    height: 1px;
    background: var(--accent-graphic);
  }

  
  .credentials { list-style: none; padding: 0; }
  .credentials > li {
    padding-block: var(--nl-space-m);
    border-block-start: 1px solid var(--rule);
  }
  .credential__meta { color: var(--text-muted); }
  .credential__name { margin-block-start: var(--nl-space-3xs); letter-spacing: var(--nl-track-tight); }
  .credential__courses {
    margin-block-start: var(--nl-space-s);
    padding: 0;
    list-style: none;
    color: var(--text-muted);
    font-size: var(--nl-size--1);
    columns: 2;
    column-gap: var(--nl-space-l);
  }
  @media (max-width: 40rem) { .credential__courses { columns: 1; } }
  .credential__courses li { break-inside: avoid; }

  
  .work-list { list-style: none; padding: 0; }
  .work {
    padding-block: var(--nl-space-l);
    border-block-start: 1px solid var(--rule);
  }
  .work a { text-decoration: none; }
  .work__title { letter-spacing: var(--nl-track-tight); }
  .work a:hover .work__title { color: var(--accent-text); }

  
  .notice {
    padding: var(--nl-space-s) var(--nl-space-m);
    border: 1px dashed var(--border);
    border-radius: 2px;
    color: var(--text-muted);
    font-size: var(--nl-size--1);
  }
  .notice strong { color: var(--accent-text); }

  
  .site-footer {
    border-block-start: 1px solid var(--rule);
    padding-block: var(--nl-space-xl);
    color: var(--text-muted);
  }
  .site-footer__inner {
    display: flex;
    flex-wrap: wrap;
    gap: var(--nl-space-m);
    align-items: flex-end;
    justify-content: space-between;
  }
  .site-footer ul {
    display: flex;
    flex-wrap: wrap;
    gap: var(--nl-space-m);
    list-style: none;
    padding: 0;
  }
  .site-footer a { text-decoration: none; }
  .site-footer a:hover { color: var(--accent-text); }
}@layer components{.page-intro { padding-block: var(--nl-space-page-top) var(--nl-space-section); border-block-start: 0; }

  
  :is(.hs-hero, .hs-work-intro, .hs-case-study__intro, .cv-intro, .page-intro, .hs-404, .hero)
    > :is(.container, .hs-container) > :first-child { margin-block-start: 0; }
  .cv-page { background: var(--surface); text-align: left; }
  .cv-page h1,
  .cv-page h2,
  .cv-page h3 { font-family: var(--nl-font-display); }
  .cv-intro { padding-block: var(--nl-space-page-top) clamp(3rem, 6vw, 5rem); border-block-start: 0; }
  .cv-kicker { color: var(--accent-text); }
  .cv-intro h1 { max-width: 12ch; margin-block: var(--nl-space-page-title); font-size: clamp(3.5rem, 8vw, 6rem); font-weight: 400; letter-spacing: -.055em; line-height: .92; }
  .cv-role { margin: 0; font-size: var(--nl-size-1); }
  .cv-contact { margin-block-start: var(--nl-space-2xs); color: var(--text-muted); }
  .cv-contact a { text-decoration-color: var(--rule); text-underline-offset: .16em; }
  .cv-contact a:hover { color: var(--accent-text); }
  .cv-download { margin-block-start: var(--nl-space-l); }
  .cv-summary--intro { max-width: 44rem; margin-block-start: var(--nl-space-m); line-height: var(--nl-leading-body); }
  .cv-focus { max-width: 62rem; margin-block-start: var(--nl-space-m); color: var(--text-muted); line-height: var(--nl-leading-body); }
  .cv-focus span { color: var(--accent-text); }
  .cv-timeline--compact { margin-block-start: var(--nl-space-l); }
  .cv-timeline--compact .cv-role-row { padding-block: var(--nl-space-s); }
  .cv-timeline--compact .cv-role-row:first-child { padding-block-start: 0; }
  .cv-timeline--compact .cv-summary { margin-block-start: .35rem; }
  .cv-earlier { display: grid; grid-template-columns: 15rem minmax(0, 1fr); column-gap: var(--nl-space-xl); row-gap: var(--nl-space-xs); padding-block-start: var(--nl-space-m); }
  .cv-earlier__label { color: var(--accent-text); }
  .cv-earlier-list { grid-column: 1 / -1; margin: 0; padding: 0; list-style: none; }
  .cv-earlier-list li { display: grid; grid-template-columns: 15rem minmax(0, 1fr); gap: var(--nl-space-xl); padding-block: var(--nl-space-s); border-block-start: 1px solid var(--rule); }
  .cv-earlier-list li:first-child { padding-block-start: 0; border-block-start: 0; }
  .cv-earlier-list p { margin: 0; }
  .cv-earlier-list h3 { margin: 0; font-size: var(--nl-size-0); font-weight: 500; line-height: var(--nl-leading-heading); }
  .cv-education--compact { margin-block-start: var(--nl-space-l); }
  .cv-education--compact li { padding-block: var(--nl-space-s); }
  .cv-education--compact li:first-child { padding-block-start: 0; }
  .cv-section { border-block-start: 1px solid var(--rule); }
  .cv-section-head { display: grid; grid-template-columns: 15rem minmax(0, 1fr); gap: var(--nl-space-xl); align-items: baseline; }
  .cv-section-head h2 { margin: 0; font-size: clamp(2rem, 4vw, 2.6rem); font-weight: 600; letter-spacing: -.02em; line-height: var(--nl-leading-heading); }
  .cv-section-head h2 { grid-column: 2; grid-row: 1; }
  .cv-section-head > p { grid-column: 1; grid-row: 1; margin: 0; color: var(--text-muted); text-align: left; }
  .cv-timeline, .cv-education { margin: var(--nl-space-xl) 0 0; padding: 0; list-style: none; }
  .cv-role-row { display: grid; grid-template-columns: 15rem minmax(0, 1fr); gap: var(--nl-space-xl); padding-block: var(--nl-space-l); border-block-start: 1px solid var(--rule); }
  .cv-role-row:first-child, .cv-education li:first-child { border-block-start: 0; padding-block-start: 0; }
  .cv-period, .cv-year { color: var(--accent-text); }
  .cv-role-row h3, .cv-education h3 { margin: 0; font-size: var(--nl-size-1); font-weight: 500; }
  .cv-company { margin-block-start: .25rem; color: var(--text-muted); }
  .cv-summary { max-width: 48rem; margin-block-start: var(--nl-space-m); line-height: var(--nl-leading-body); }
  .cv-highlights { display: grid; gap: .45rem; margin: var(--nl-space-m) 0 0; padding: 0; list-style: none; color: var(--text-muted); }
  .cv-highlights li { position: relative; padding-inline-start: 1.25rem; }
  .cv-highlights li::before { position: absolute; inset-inline-start: 0; color: var(--accent-text); content: "—"; }
  .cv-education li { display: grid; grid-template-columns: 15rem minmax(0, 1fr); gap: var(--nl-space-xl); padding-block: var(--nl-space-l); border-block-start: 1px solid var(--rule); }
  .cv-education li > div > p { margin-block-start: .25rem; color: var(--text-muted); }
  .cv-courses { margin: var(--nl-space-s) 0 0; padding: 0; list-style: none; color: var(--text-muted); }
  .cv-document-footer { margin-block-start: var(--nl-space-l); padding-block: var(--nl-space-s) 0; border-block-start: 1px solid var(--rule); }
  .cv-privacy { max-width: 72rem; margin: 0; color: var(--text-muted); font-size: var(--nl-size--2); line-height: 1.4; }
  @media (max-width: 61.99rem) {
    .cv-section-head,
    .cv-role-row, .cv-education li { grid-template-columns: 10rem minmax(0, 1fr); gap: var(--nl-space-l); }
    .cv-earlier { grid-template-columns: 10rem minmax(0, 1fr); }
    .cv-earlier-list li { grid-template-columns: 10rem minmax(0, 1fr); gap: var(--nl-space-l); }
  }
  @media (max-width: 40rem) {
    .cv-section-head { display: block; }
    .cv-section-head > p { margin-block-start: var(--nl-space-xs); text-align: left; }
    .cv-role-row, .cv-education li { display: block; }
    .cv-period, .cv-year { margin-block-end: var(--nl-space-xs); }
    .cv-earlier { display: block; }
    .cv-earlier__label { margin-block-end: var(--nl-space-xs) !important; }
    .cv-earlier-list li { display: block; }
    .cv-earlier-list .cv-period { margin-block-end: var(--nl-space-2xs); }
  }
  @media print {
    @page { size: A4; margin: 11mm 13mm; }
    .site-header, .site-footer, .skip-link, .cv-download { display: none !important; }
    
    :is(.hs-hero, .hs-work-intro, .hs-case-study__intro, .cv-intro, .hs-404)
      > :is(.container, .hs-container) > * { opacity: 1 !important; animation: none !important; }
    .cv-intro { padding-block: 0 2rem; }
    .cv-section { break-inside: avoid; padding-block: 1.5rem; }
    .cv-role-row, .cv-education li { padding-block: 1rem; }
    .cv-intro { padding-block: 0 1rem; }
    .cv-intro h1 { font-size: 3.5rem; }
    .cv-role-row { grid-template-columns: 10rem minmax(0, 1fr); gap: 1rem; }
    .cv-section { padding-block: 1rem; }
    .cv-document-footer { margin-block-start: 1rem; padding-block-start: .5rem; }
    .cv-privacy { font-size: 7pt; }
    .cv-page { background: #fff; color: #111; }
  }
}@layer components{.sg-swatches {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    gap: var(--nl-space-xs);
    list-style: none;
    padding: 0;
  }
  .sg-swatch { display: flex; align-items: center; gap: var(--nl-space-2xs); }
  .sg-swatch__chip {
    width: 1.75rem; height: 1.75rem; flex: none;
    border: 1px solid var(--border); border-radius: 2px;
  }
  .sg-swatch__val { color: var(--text-muted); margin-inline-start: auto; }

  .sg-themes { display: grid; gap: var(--nl-space-m); grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr)); }
  .sg-theme {
    background: var(--surface); color: var(--text);
    border: 1px solid var(--border); border-radius: 2px;
    padding: var(--nl-space-m);
  }

  .sg-table { width: 100%; border-collapse: collapse; font-size: var(--nl-size--1); }
  .sg-table th, .sg-table td { text-align: start; padding: var(--nl-space-2xs); border-block-end: 1px solid var(--rule); }
  .sg-table th { font-family: var(--nl-font-mono); font-size: var(--nl-size--2); letter-spacing: var(--nl-track-wide); text-transform: uppercase; color: var(--text-muted); }
  .sg-badge { font-family: var(--nl-font-mono); font-size: var(--nl-size--2); padding: 0.1em 0.45em; border-radius: 2px; }
  .sg-badge--pass { background: color-mix(in oklab, green 22%, transparent); }
  .sg-badge--fail { background: color-mix(in oklab, var(--accent-graphic) 28%, transparent); font-weight: 700; }

  .sg-type-row {
    display: grid;
    gap: var(--nl-space-2xs) var(--nl-space-m);
    grid-template-columns: minmax(0, 1fr);
    padding-block: var(--nl-space-m);
    border-block-start: 1px solid var(--rule);
    align-items: baseline;
  }
  @media (min-width: 62rem) { .sg-type-row { grid-template-columns: 8rem minmax(0,1fr) minmax(0,1fr); } }
}@layer components{.grid-field {
    position: relative;
    isolation: isolate;
  }
  .grid-field::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image:
      linear-gradient(to right, var(--rule) 1px, transparent 1px),
      linear-gradient(to bottom, var(--rule) 1px, transparent 1px);
    background-size: 5.5rem 5.5rem;
    -webkit-mask-image: radial-gradient(120% 90% at 15% 0%, #000 0%, transparent 72%);
            mask-image: radial-gradient(120% 90% at 15% 0%, #000 0%, transparent 72%);
    pointer-events: none;
  }

  
  @media (min-width: 62rem) {
    .section .rail > .section__index { position: sticky; top: 6rem; }
    .section .rail::before {
      content: '';
      grid-column: 1;
      grid-row: 1 / -1;
      justify-self: end;
      width: 1px;
      height: 100%;
      background: linear-gradient(to bottom, var(--accent-graphic), transparent 55%);
      opacity: .5;
      margin-inline-end: calc(var(--nl-space-xl) / -2);
    }
  }

  
  .dgraph { margin: 0; display: grid; gap: var(--nl-space-s); justify-items: center; }
  .dgraph svg { width: clamp(11rem, 20vw, 15rem); height: auto; overflow: visible; }
  .dgraph__edges line {
    stroke: var(--accent-graphic);
    stroke-width: 1;
    opacity: .35;
  }
  .dgraph__nodes circle {
    fill: var(--surface);
    stroke: var(--text);
    stroke-width: 1.5;
  }
  .dgraph__labels {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--nl-space-2xs) var(--nl-space-s);
    color: var(--text-muted);
    max-width: 22rem;
  }
  .dgraph__labels span + span::before {
    content: '+';
    margin-inline-end: var(--nl-space-s);
    color: var(--accent-graphic);
  }
  @media (prefers-reduced-motion: no-preference) {
    .dgraph__edges line {
      stroke-dasharray: 300;
      stroke-dashoffset: 300;
      animation: dgraph-edge 900ms var(--nl-ease) forwards;
      animation-delay: 700ms;
    }
    .dgraph__nodes circle {
      transform-box: fill-box;
      transform-origin: center;
      scale: 0;
      animation: dgraph-node 420ms var(--nl-ease) forwards;
      animation-delay: calc(900ms + var(--i) * 90ms);
    }
  }
  @keyframes dgraph-edge { to { stroke-dashoffset: 0; } }
  @keyframes dgraph-node { to { scale: 1; } }

  
  @media (prefers-reduced-motion: no-preference) {
    html.js .reveal { opacity: 0; transform: translateY(14px); }
    html.js .reveal.is-in {
      opacity: 1;
      transform: none;
      transition: opacity 620ms var(--nl-ease) var(--d, 0ms),
                  transform 620ms var(--nl-ease) var(--d, 0ms);
    }
  }

  
  .is-home {
    background: var(--surface);
    color: var(--text);
  }
  .is-home .site-header {
    background: var(--surface);
    border: 0;
    box-shadow: none;
    backdrop-filter: none;
  }
  .is-home .site-header__brand em { color: var(--text); }
  .is-home .site-nav a,
  .is-home .lang-switch a,
  .is-home .lang-switch [aria-current="true"] { color: var(--text); }
  .is-home .lang-switch li + li::before { color: var(--text-muted); }
  .is-work .site-header {
    background: var(--surface);
    border: 0;
    box-shadow: none;
    backdrop-filter: none;
  }
  .is-work .site-header__brand em { color: var(--text); }
  .is-work .site-nav a,
  .is-work .lang-switch a,
  .is-work .lang-switch [aria-current="true"] { color: var(--text); }
  .is-work .lang-switch li + li::before { color: var(--text-muted); }
  .is-work {
    background: var(--surface);
    color: var(--text);
  }
  .is-work .site-footer { background: var(--surface); border-block-start-color: var(--rule); }
  .is-cv {
    background: var(--surface);
    color: var(--text);
  }
  .is-cv .site-header {
    background: var(--surface);
    border: 0;
    box-shadow: none;
    backdrop-filter: none;
  }
  .is-cv .site-header__brand em,
  .is-cv .site-nav a,
  .is-cv .lang-switch a,
  .is-cv .lang-switch [aria-current="true"] { color: var(--text); }
  .is-cv .lang-switch li + li::before { color: var(--text-muted); }
  .is-cv .site-footer { background: var(--surface); border-block-start-color: var(--rule); }

  .human-systems { background: var(--surface); }
  .hs-container {
    width: min(100% - 2 * var(--nl-space-m), 82rem);
    margin-inline: auto;
  }
  .hs-hero {
    display: flex;
    min-height: calc(100svh - 5rem);
    box-sizing: border-box;
    align-items: flex-start;
    padding-block: var(--nl-space-page-top) clamp(3rem, 6vw, 6rem);
  }
  .hs-kicker,
  .hs-label {
    color: var(--accent-text);
    font-size: var(--nl-size--2);
    letter-spacing: var(--nl-track-wide);
    text-transform: uppercase;
  }
  .hs-kicker { display: flex; gap: var(--nl-space-s); align-items: center; }
  .hs-headline {
    max-width: 15ch;
    margin-block-start: var(--nl-space-page-title);
    color: var(--text);
    font-family: var(--nl-font-display);
    font-size: clamp(3rem, 6vw, 5rem);
    font-weight: 600;
    letter-spacing: -0.035em;
    line-height: var(--nl-leading-display);
    text-wrap: balance;
  }
  .hs-lede {
    max-width: 39rem;
    margin-block-start: clamp(2rem, 4vw, 4rem);
    color: var(--text-muted);
    font-size: var(--nl-size-1);
    line-height: var(--nl-leading-body);
  }
  
  @media (prefers-reduced-motion: no-preference) {
    @keyframes hs-enter {
      from { opacity: 0; transform: translateY(12px); }
      to { opacity: 1; transform: none; }
    }
    .js :is(.hs-hero, .hs-work-intro, .hs-case-study__intro, .cv-intro, .hs-404)
      > :is(.container, .hs-container) > * {
      opacity: 0;
      animation: hs-enter 620ms var(--nl-ease) both;
      animation-delay: calc(80ms + 70ms * var(--hs-enter-i, 0));
    }
    .js :is(.hs-hero, .hs-work-intro, .hs-case-study__intro, .cv-intro, .hs-404)
      > :is(.container, .hs-container) > :nth-child(2) { --hs-enter-i: 1; }
    .js :is(.hs-hero, .hs-work-intro, .hs-case-study__intro, .cv-intro, .hs-404)
      > :is(.container, .hs-container) > :nth-child(3) { --hs-enter-i: 2; }
    .js :is(.hs-hero, .hs-work-intro, .hs-case-study__intro, .cv-intro, .hs-404)
      > :is(.container, .hs-container) > :nth-child(4) { --hs-enter-i: 3; }
    .js :is(.hs-hero, .hs-work-intro, .hs-case-study__intro, .cv-intro, .hs-404)
      > :is(.container, .hs-container) > :nth-child(5) { --hs-enter-i: 4; }
    .js :is(.hs-hero, .hs-work-intro, .hs-case-study__intro, .cv-intro, .hs-404)
      > :is(.container, .hs-container) > :nth-child(6) { --hs-enter-i: 5; }
    .js :is(.hs-hero, .hs-work-intro, .hs-case-study__intro, .cv-intro, .hs-404)
      > :is(.container, .hs-container) > :nth-child(n + 7) { --hs-enter-i: 6; }
  }
  .hs-label { margin-block-start: clamp(3rem, 6vw, 5rem); }
  .hs-disciplines {
    display: flex;
    flex-wrap: wrap;
    gap: var(--nl-space-s) var(--nl-space-xl);
    margin-block-start: var(--nl-space-l);
    padding: 0;
    color: var(--text);
    font-size: var(--nl-size--1);
    letter-spacing: .08em;
    list-style: none;
  }
  .hs-rule { height: 1px; margin-block-start: clamp(3.5rem, 7vw, 6rem); background: var(--rule); }
  .hs-thesis {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 20rem;
    gap: var(--nl-space-2xl);
    align-items: end;
  }
  .hs-thesis .hs-label { margin-block-start: var(--nl-space-xl); }
  .hs-thesis__copy {
    max-width: 44rem;
    margin-block-start: var(--nl-space-l);
    color: var(--text);
    font-family: var(--nl-font-display);
    font-size: clamp(1.8rem, 3.2vw, 2.35rem);
    font-weight: 600;
    letter-spacing: -.02em;
    line-height: 1.1;
  }
  .hs-actions .hs-label { margin-block-start: 0; color: var(--text-muted); }
  .hs-actions .cluster { margin-block-start: var(--nl-space-m); }
  .is-home .btn--secondary { background: transparent; }

  .hs-impact,
  .hs-career { padding-block: clamp(4rem, 8vw, 7rem); border-block-start: 1px solid var(--rule); }
  .hs-section-head { display: flex; justify-content: space-between; gap: var(--nl-space-l); align-items: end; }
  .hs-section-head .hs-label { margin-block-start: 0; }
  .hs-section-head h2,
  .hs-career h2 {
    margin-block-start: var(--nl-space-m);
    color: var(--text);
    font-family: var(--nl-font-display);
    font-size: clamp(2rem, 4vw, 2.6rem);
    font-weight: 600;
    letter-spacing: -.02em;
    line-height: var(--nl-leading-heading);
  }
  .hs-meta { color: var(--text-muted); text-align: end; }
  .hs-impact-list { margin-block-start: var(--nl-space-2xl); padding: 0; list-style: none; }
  .hs-impact-row {
    display: grid;
    grid-template-columns: 4rem 13rem minmax(0, 1fr) 17rem;
    gap: var(--nl-space-m);
    align-items: start;
    padding-block: var(--nl-space-l);
    border-block-start: 1px solid var(--rule);
  }
  .hs-impact-index { color: var(--accent-text); font-size: var(--nl-size--1); }
  .hs-impact-category,
  .hs-impact-outcome { color: var(--text-muted); }
  .hs-impact-claim { max-width: 42rem; font-size: var(--nl-size-0); line-height: var(--nl-leading-body); }
  .hs-impact-outcome { color: var(--accent-text); line-height: 1.35; }
  .hs-career__grid { display: grid; grid-template-columns: minmax(0, 1fr) 28rem; gap: var(--nl-space-2xl); align-items: end; }
  .hs-career .hs-label { margin-block-start: 0; }
  .hs-career__copy { max-width: 40rem; margin-block-start: var(--nl-space-l); color: var(--text-muted); line-height: var(--nl-leading-body); }
  .hs-career__roles { display: grid; gap: var(--nl-space-xs); margin: 0; padding: 0; list-style: none; }
  .hs-career__roles li { display: grid; grid-template-columns: 9rem minmax(0, 1fr); gap: var(--nl-space-xs); font-family: var(--nl-font-mono); font-size: var(--nl-size--2); letter-spacing: .08em; }
  .hs-career__roles span { color: var(--accent-text); }
  .hs-career__roles strong { font-weight: 500; }
  .is-home .site-footer { background: var(--surface); border-block-start-color: var(--rule); }

  .hs-404 {
    min-height: calc(100svh - 5rem);
    padding-block: var(--nl-space-page-top) clamp(4rem, 10vw, 8rem);
    background: var(--surface);
  }
  .hs-404__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(18rem, .8fr);
    gap: var(--nl-space-2xl);
    align-items: start;
    margin-block-start: var(--nl-space-page-title);
  }
  .hs-404 h1 {
    max-width: 10ch;
    margin: 0;
    color: var(--text);
    font-family: var(--nl-font-display);
    font-size: clamp(3.5rem, 8vw, 7rem);
    font-weight: 600;
    letter-spacing: -.045em;
    line-height: var(--nl-leading-display);
  }
  .hs-404__body { max-width: 28rem; }
  .hs-404__body > p { color: var(--text-muted); font-size: var(--nl-size-1); line-height: var(--nl-leading-body); }
  .hs-404__actions { margin-block-start: var(--nl-space-l); }
  .hs-404__diagram {
    position: relative;
    min-height: 12rem;
    margin-block-start: clamp(4rem, 10vw, 9rem);
    border-block-start: 1px solid var(--rule);
    border-block-end: 1px solid var(--rule);
    overflow: hidden;
  }
  .hs-404__code {
    position: absolute;
    inset-inline-end: 0;
    inset-block-end: -.16em;
    color: color-mix(in oklab, var(--accent-graphic) 20%, var(--surface));
    font-family: var(--nl-font-display);
    font-size: clamp(8rem, 24vw, 19rem);
    font-weight: 600;
    letter-spacing: -.08em;
    line-height: .7;
  }
  .hs-404__node { position: absolute; z-index: 1; width: .7rem; height: .7rem; border: 2px solid var(--accent-graphic); border-radius: 50%; background: var(--surface); }
  .hs-404__node--one { inset-inline-start: 12%; inset-block-start: 32%; }
  .hs-404__node--two { inset-inline-start: 46%; inset-block-start: 68%; }
  .hs-404__node--three { inset-inline-start: 78%; inset-block-start: 24%; }
  .hs-404__line { position: absolute; z-index: 0; height: 1px; transform-origin: left center; background: var(--accent-graphic); opacity: .6; }
  .hs-404__line--one { inset-inline-start: 12%; inset-block-start: 36%; width: 35%; transform: rotate(17deg); }
  .hs-404__line--two { inset-inline-start: 46%; inset-block-start: 67%; width: 36%; transform: rotate(-25deg); }
  @media (max-width: 40rem) {
    .hs-404 { min-height: calc(100svh - 4.5rem); padding-block: var(--nl-space-page-top) 5rem; }
    .hs-404__grid { display: block; margin-block-start: var(--nl-space-page-title); }
    .hs-404 h1 { max-width: 12ch; }
    .hs-404__body { margin-block-start: var(--nl-space-xl); }
    .hs-404__actions { align-items: stretch; flex-direction: column; }
    .hs-404__actions .btn { width: 100%; justify-content: center; }
    .hs-404__diagram { min-height: 9rem; margin-block-start: 5rem; }
  }

  @media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .site-header__mark { content: url('/favicon-dark.svg?v=3'); }
  }
  :root[data-theme="dark"] .site-header__mark { content: url('/favicon-dark.svg?v=3'); }

  @media (max-width: 40rem) {
    .site-header__inner { justify-content: flex-start; gap: var(--nl-space-xs); padding-block: var(--nl-space-2xs); }
    .site-header__brand { order: 2; margin-inline-start: auto; }
    .site-header__tools { order: 1; flex: 1 1 auto; justify-content: space-between; gap: var(--nl-space-xs); }
    .site-header__controls { gap: var(--nl-space-xs); }
    .site-nav ul { gap: var(--nl-space-xs); }
    .site-nav a,
    .lang-switch ul { font-size: var(--nl-size--2); }
    .lang-switch ul { gap: var(--nl-space-3xs); letter-spacing: .06em; }
    .lang-switch li + li::before { margin-inline-end: var(--nl-space-3xs); }
    .lang-switch__full { display: none; }
    .lang-switch__short { display: inline; }
    .icon-btn--theme { width: 1.9rem; min-width: 1.9rem; height: 1.9rem; min-height: 1.9rem; }
  }

  @media (max-width: 61.99rem) {
    .hs-headline { max-width: 15ch; }
    .hs-thesis,
    .hs-career__grid { grid-template-columns: 1fr; gap: var(--nl-space-xl); }
    .hs-actions .hs-label { margin-block-start: var(--nl-space-xl); }
    .hs-impact-row { grid-template-columns: 3rem 1fr; gap: var(--nl-space-xs) var(--nl-space-s); }
    .hs-impact-category { grid-column: 2; }
    .hs-impact-claim,
    .hs-impact-outcome { grid-column: 2; }
    .hs-impact-claim { grid-row: 2; }
    .hs-impact-outcome { grid-row: 3; }
  }
  @media (max-width: 40rem) {
    .hs-headline { font-size: clamp(3rem, 15vw, 4.5rem); }
    .hs-section-head { display: block; }
    .hs-meta { margin-block-start: var(--nl-space-m); text-align: start; }
    .hs-disciplines { gap: var(--nl-space-xs) var(--nl-space-m); }
    .hs-actions .cluster { align-items: stretch; flex-direction: column; }
    .hs-actions .btn { width: 100%; justify-content: center; }
  }
}@layer utilities{.visually-hidden:not(:focus):not(:active) {
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
  }
  .text-muted { color: var(--text-muted); }
  .flow-l { --flow: var(--nl-space-l); }
}