@layer overrides {
  /* receipt: profile-demo */
  .profile-app {
    --profile-ink: light-dark(#17201d, #f2f4ed);
    --profile-muted: light-dark(#52605a, #aeb8b0);
    --profile-canvas: light-dark(#f5f1e8, #101512);
    --profile-panel: light-dark(#fffdf7, #171d19);
    --profile-panel-strong: light-dark(#e2e9e2, #222a24);
    --profile-rule: light-dark(rgb(23 32 29 / 22%), rgb(242 244 237 / 17%));
    --profile-accent: light-dark(#24664e, #b9ef74);
    --profile-accent-ink: light-dark(#ffffff, #15200f);
    --profile-warm: light-dark(#b7412b, #ff987e);
    --profile-field-base: 245 241 232;
    --profile-field-a: 35 118 82;
    --profile-field-b: 218 96 68;
    --profile-field-c: 92 150 177;
    --profile-lens-radius: clamp(1.5rem, 3vw, 2.5rem);
    --profile-lens-padding: clamp(2rem, 4vw, 4rem);
    --profile-lens-shadow: 0 1.5rem 5rem rgb(36 102 78 / 14%);
    --profile-lens-filter: blur(1.1rem) saturate(118%);
    --surface-canvas: var(--profile-canvas);
    --surface-functional: var(--profile-panel);
    --surface-emphasis: var(--profile-panel-strong);
    --text-primary: var(--profile-ink);
    --text-secondary: var(--profile-muted);
    --quotation-accent: var(--profile-accent);
    min-inline-size: 0;
    min-block-size: 100vh;
    background: var(--profile-canvas);
    color: var(--profile-ink);
    color-scheme: light dark;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  }

  .profile-app[data-theme="light"] { color-scheme: light; }
  .profile-app[data-theme="dark"] {
    --profile-field-base: 8 11 13;
    --profile-field-a: 184 255 103;
    --profile-field-b: 255 128 109;
    --profile-field-c: 112 191 255;
    --profile-lens-radius: clamp(2rem, 5vw, 4.5rem);
    --profile-lens-padding: clamp(var(--space-l), 5vw, var(--space-xl));
    --profile-lens-shadow: none;
    --profile-lens-filter: none;
    color-scheme: dark;
  }
  .profile-app :is(a, button) { font: inherit; }
  .profile-app a { color: inherit; }

  .profile-shell {
    inline-size: min(calc(100% - (var(--space-m) * 2)), 82rem);
    margin-inline: auto;
  }

  .profile-skip {
    position: fixed;
    z-index: 30;
    inset-block-start: var(--space-s);
    inset-inline-start: var(--space-s);
    padding: var(--space-xs) var(--space-s);
    border: 1px solid var(--profile-rule);
    border-radius: var(--radius-s);
    background: var(--profile-panel);
    translate: 0 -200%;
  }

  .profile-skip:focus { translate: 0; }

  .profile-header {
    position: relative;
    z-index: 4;
    border-block-end: 1px solid var(--profile-rule);
    background: var(--profile-canvas);
  }

  .profile-header__inner {
    display: flex;
    inline-size: min(calc(100% - (var(--space-m) * 2)), 82rem);
    min-block-size: 3.75rem;
    margin-inline: auto;
    gap: var(--space-l);
    align-items: center;
  }

  .profile-brand {
    display: flex;
    min-inline-size: 0;
    gap: var(--space-xs);
    align-items: center;
    text-decoration: none;
  }

  .profile-brand > span:last-child {
    display: grid;
    min-inline-size: 0;
    line-height: 1.2;
  }

  .profile-brand strong { font-size: var(--type-ui); }
  .profile-brand > span:last-child > span { color: var(--profile-muted); font-size: var(--type-caption); }

  .profile-brand__mark {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: baseline;
    color: var(--profile-ink);
    font-family: var(--font-mono);
    font-size: var(--type-lead);
    font-weight: 800;
    letter-spacing: -0.1em;
    line-height: 1;
  }

  .profile-brand__mark > span { color: var(--profile-accent); }

  .profile-nav {
    display: flex;
    margin-inline-start: auto;
    gap: var(--space-s);
    align-items: center;
  }

  .profile-nav a {
    color: var(--profile-muted);
    font-size: var(--type-caption);
    font-weight: 700;
    text-decoration: none;
  }

  .profile-nav a:is(:hover, :focus-visible) { color: var(--profile-ink); }

  .profile-theme {
    flex-wrap: nowrap;
    padding: 0.2rem;
    border: 1px solid var(--profile-rule);
    border-radius: var(--radius-round);
    gap: 0;
  }

  .profile-theme__button {
    display: grid;
    inline-size: 2.25rem;
    block-size: 2.25rem;
    padding: 0;
    border: 0;
    border-radius: var(--radius-round);
    background: transparent;
    color: var(--profile-muted);
    place-items: center;
    cursor: pointer;
  }

  .profile-theme__button[aria-pressed="true"] {
    background: var(--profile-ink);
    color: var(--profile-canvas);
  }

  .profile-lucide { inline-size: 1rem; block-size: 1rem; background: currentColor; -webkit-mask: center / contain no-repeat; mask: center / contain no-repeat; }
  .profile-lucide[data-icon="monitor"] { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='3' width='20' height='14' rx='2'/%3E%3Cpath d='M8 21h8M12 17v4'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='3' width='20' height='14' rx='2'/%3E%3Cpath d='M8 21h8M12 17v4'/%3E%3C/svg%3E"); }
  .profile-lucide[data-icon="sun"] { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.93 4.93l1.42 1.42M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.93 4.93l1.42 1.42M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41'/%3E%3C/svg%3E"); }
  .profile-lucide[data-icon="moon"] { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79Z'/%3E%3C/svg%3E"); }

  .profile-main { min-inline-size: 0; }

  .profile-field {
    position: fixed;
    z-index: 1;
    inset: 0;
    overflow: hidden;
    clip-path: inset(100% 0 0 0);
    opacity: 0;
    transition: opacity 220ms var(--ease-out);
    pointer-events: none;
  }

  .profile-field__fallback,
  .profile-field canvas {
    position: absolute;
    inset: 0;
    inline-size: 100%;
    block-size: 100%;
  }

  .profile-field__fallback {
    background:
      radial-gradient(ellipse at 88% 18%, rgb(var(--profile-field-a) / 18%), transparent 38%),
      radial-gradient(ellipse at 74% 88%, rgb(var(--profile-field-b) / 12%), transparent 42%),
      radial-gradient(ellipse at 52% 48%, rgb(var(--profile-field-c) / 8%), transparent 50%);
  }

  .profile-field canvas {
    opacity: 0;
    transition: opacity var(--duration-normal) var(--ease-out);
  }

  .profile-field[data-renderer="webgl"] canvas { opacity: 1; }
  .profile-field[data-visible="true"] { opacity: 1; }

  .profile-hero {
    position: relative;
    overflow: clip;
    padding-block: clamp(4rem, 9vw, 8.5rem);
    border-block-end: 1px solid var(--profile-rule);
  }

  .profile-hero__grid {
    position: relative;
    z-index: 2;
  }

  .profile-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(19rem, 0.82fr);
    gap: clamp(var(--space-xl), 7vw, 7rem);
    align-items: center;
  }

  .profile-hero__copy h1 {
    max-inline-size: 12ch;
    font-size: clamp(3.2rem, 7.8vw, 7.5rem);
    font-weight: 780;
    letter-spacing: -0.072em;
    line-height: 0.92;
    text-wrap: balance;
  }

  .profile-hero__copy h1 > span { display: block; }
  .profile-hero__copy h1 > span:last-child { color: var(--profile-accent); }
  .profile-hero .section-label { color: var(--profile-warm); }

  .profile-deck {
    max-inline-size: 46rem;
    color: var(--profile-muted);
    font-size: clamp(1.2rem, 2.2vw, 1.75rem);
    line-height: 1.45;
  }

  .profile-actions { align-items: center; }
  .profile-actions .button { font-size: var(--type-ui); }

  .profile-actions .button:not([data-variant]) {
    border-color: var(--profile-accent);
    background: var(--profile-accent);
    color: var(--profile-accent-ink);
  }

  .profile-sequence {
    position: relative;
    min-inline-size: 0;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--profile-ink) 22%, transparent);
    border-radius: var(--radius-l);
    background: light-dark(rgb(255 253 247 / 38%), rgb(220 240 255 / 8%));
    box-shadow:
      inset 0 1px 0 color-mix(in srgb, white 16%, transparent),
      0 1.5rem 5rem light-dark(rgb(36 102 78 / 13%), transparent);
    transition: border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);
  }

  .profile-sequence > * { position: relative; z-index: 1; }

  .profile-sequence:is(:hover, :focus-within) { border-color: color-mix(in srgb, var(--profile-accent) 46%, var(--profile-rule)); box-shadow: inset 0 1px 0 color-mix(in srgb, white 22%, transparent), 0 1.75rem 5rem light-dark(rgb(36 102 78 / 18%), transparent); }

  .profile-sequence__header { padding: var(--space-l); }
  .profile-sequence__header .section-label { color: var(--profile-muted); }
  .profile-sequence__header h2 { max-inline-size: 15ch; font-size: var(--type-heading-2); letter-spacing: -0.045em; line-height: 1.05; }
  .profile-sequence__steps { border-block: 1px solid var(--profile-rule); }

  .profile-sequence__step {
    display: grid;
    min-inline-size: 0;
    padding: var(--space-m) var(--space-l);
    grid-template-columns: 2.5rem minmax(5rem, 0.4fr) minmax(0, 1fr);
    gap: var(--space-s);
    align-items: baseline;
  }

  .profile-sequence__step + .profile-sequence__step { border-block-start: 1px solid var(--profile-rule); }
  .profile-sequence__step > span { color: var(--profile-warm); font: 750 var(--type-caption) ui-monospace, SFMono-Regular, monospace; }
  .profile-sequence__step > strong { font-size: var(--type-ui); }
  .profile-sequence__step > p { color: var(--profile-muted); font-size: var(--type-caption); }

  .profile-sequence__record {
    padding: var(--space-l);
    color: var(--profile-muted);
    font-size: var(--type-ui);
  }

  .profile-sequence__record strong { color: var(--profile-ink); }

  .profile-record { position: relative; border-block-end: 1px solid var(--profile-rule); background: color-mix(in srgb, var(--profile-panel) 86%, transparent); }
  .profile-record__grid { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .profile-fact { padding: var(--space-l) var(--space-m); }
  .profile-fact + .profile-fact { border-inline-start: 1px solid var(--profile-rule); }
  .profile-fact strong { color: var(--profile-accent); font-size: var(--type-heading-3); letter-spacing: -0.04em; }
  .profile-fact span { color: var(--profile-muted); font-size: var(--type-caption); }

  .profile-section { position: relative; padding-block: clamp(4.5rem, 9vw, 8rem); border-block-end: 1px solid var(--profile-rule); }
  .profile-split { display: grid; grid-template-columns: minmax(0, 0.86fr) minmax(24rem, 1.14fr); gap: clamp(var(--space-xl), 8vw, 8rem); align-items: start; }
  .profile-split h2, .profile-section__heading h2 { max-inline-size: 18ch; font-size: clamp(2.25rem, 4.7vw, 4.8rem); letter-spacing: -0.055em; line-height: 1; text-wrap: balance; }

  .profile-lenses {
    display: grid;
    inline-size: min(100%, 27rem);
    padding: 0.25rem;
    border: 1px solid var(--profile-rule);
    border-radius: var(--radius-round);
    background: color-mix(in srgb, var(--profile-panel) 62%, transparent);
    box-shadow: inset 0 1px 0 color-mix(in srgb, white 16%, transparent);
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .profile-lens {
    min-block-size: 2.75rem;
    padding: var(--space-xs) var(--space-s);
    border: 0;
    border-radius: var(--radius-round);
    background: transparent;
    color: var(--profile-muted);
    font-size: var(--type-ui);
    font-weight: 780;
    transition: background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);
    cursor: pointer;
  }

  .profile-lens:is(:hover, :focus-visible) { color: var(--profile-ink); }
  .profile-lens[aria-pressed="true"] { background: var(--profile-ink); box-shadow: 0 0.25rem 0.8rem light-dark(rgb(23 32 29 / 12%), rgb(0 0 0 / 24%)); color: var(--profile-canvas); }

  .profile-lens-stage { position: relative; min-inline-size: 0; overflow: clip; border-radius: var(--profile-lens-radius); perspective: 70rem; }

  .profile-lens-card {
    padding: var(--profile-lens-padding);
    border: 1px solid light-dark(color-mix(in srgb, var(--profile-accent) 28%, transparent), transparent);
    border-radius: var(--profile-lens-radius);
    corner-shape: squircle;
    background: light-dark(rgb(255 253 247 / 78%), var(--profile-ink));
    box-shadow: var(--profile-lens-shadow);
    color: light-dark(var(--profile-ink), var(--profile-canvas));
    transform-origin: 50% 70%;
    -webkit-backdrop-filter: var(--profile-lens-filter);
    backdrop-filter: var(--profile-lens-filter);
    transition:
      opacity 420ms var(--ease-out),
      transform 520ms var(--ease-out),
      filter 420ms var(--ease-out),
      visibility 0s linear 420ms;
  }

  .profile-lens-card[data-state="active"] { position: relative; z-index: 1; opacity: 1; transform: translate3d(0, 0, 0) rotateY(0) scale(1); filter: blur(0); visibility: visible; transition-delay: 0s; }
  .profile-lens-card[data-state="before"], .profile-lens-card[data-state="after"] { position: absolute; inset-block-start: 0; inset-inline-start: 0; inline-size: 100%; }
  .profile-lens-card[data-state="before"] { opacity: 0; transform: translate3d(-9%, 0.75rem, -3rem) rotateY(5deg) scale(0.96); filter: blur(0.55rem); visibility: hidden; }
  .profile-lens-card[data-state="after"] { opacity: 0; transform: translate3d(9%, 0.75rem, -3rem) rotateY(-5deg) scale(0.96); filter: blur(0.55rem); visibility: hidden; }

  .profile-lens-card__index {
    align-self: flex-end;
    color: light-dark(color-mix(in srgb, var(--profile-accent) 62%, transparent), color-mix(in srgb, var(--profile-canvas) 52%, transparent));
    font: 700 var(--type-heading-3) ui-monospace, SFMono-Regular, monospace;
  }

  .profile-lens-card h3 { max-inline-size: 16ch; font-size: clamp(2rem, 4vw, 4rem); letter-spacing: -0.05em; line-height: 1; }
  .profile-lens-card > p { max-inline-size: 42rem; color: light-dark(var(--profile-muted), color-mix(in srgb, var(--profile-canvas) 77%, transparent)); font-size: var(--type-lead); }

  .profile-tag-list { display: flex; padding: 0; margin: 0; flex-wrap: wrap; gap: var(--space-xs); list-style: none; }
  .profile-tag-list li { padding: var(--space-2xs) var(--space-xs); border: 1px solid light-dark(color-mix(in srgb, var(--profile-accent) 32%, transparent), color-mix(in srgb, var(--profile-canvas) 26%, transparent)); border-radius: var(--radius-round); background: light-dark(rgb(255 253 247 / 42%), transparent); font-size: var(--type-caption); }

  .profile-experience { overflow: hidden; background: var(--profile-panel); }
  .profile-section__heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(20rem, 0.7fr); gap: var(--space-xl); align-items: end; }
  .profile-timeline { border-block-start: 1px solid var(--profile-rule); }
  .profile-role { display: grid; padding-block: var(--space-l); border-block-end: 1px solid var(--profile-rule); grid-template-columns: minmax(8rem, 0.28fr) minmax(0, 1fr); gap: var(--space-l); }
  .profile-role__years { color: var(--profile-warm); font: 750 var(--type-caption) ui-monospace, SFMono-Regular, monospace; }
  .profile-role h3 { font-size: var(--type-heading-2); letter-spacing: -0.04em; }
  .profile-role__org { color: var(--profile-accent); font-weight: 760; }
  .profile-role .text-muted { max-inline-size: 58ch; }

  .profile-principles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--profile-rule); }
  .profile-principle { padding: var(--space-l); background: var(--profile-canvas); }
  .profile-principle > span { color: var(--profile-warm); font: 750 var(--type-caption) ui-monospace, SFMono-Regular, monospace; }
  .profile-principle h3 { font-size: var(--type-heading-2); letter-spacing: -0.04em; }
  .profile-capabilities { background: var(--profile-panel-strong); }
  .profile-capability-graph { position: relative; min-block-size: 42rem; isolation: isolate; }
  .profile-capability-edges { position: absolute; z-index: 0; inset: 5%; inline-size: 90%; block-size: 90%; overflow: visible; fill: none; stroke: var(--profile-accent); stroke-dasharray: 2 3; stroke-linecap: round; stroke-width: 0.32; vector-effect: non-scaling-stroke; opacity: 0.48; transition: opacity var(--duration-normal) var(--ease-out); }
  .profile-capability-core { position: absolute; z-index: 2; inset-block-start: 50%; inset-inline-start: 50%; display: grid; inline-size: 9.5rem; aspect-ratio: 1; padding: var(--space-s); border: 1px solid color-mix(in srgb, var(--profile-accent) 60%, var(--profile-rule)); border-radius: 50%; background: color-mix(in srgb, var(--profile-panel) 58%, transparent); box-shadow: 0 0 0 0.65rem color-mix(in srgb, var(--profile-accent) 8%, transparent), 0 1rem 3rem light-dark(rgb(36 102 78 / 17%), rgb(0 0 0 / 12%)); align-content: center; text-align: center; translate: -50% -50%; -webkit-backdrop-filter: blur(0.5rem); backdrop-filter: blur(0.5rem); }
  .profile-capability-core span { color: var(--profile-muted); font-size: var(--type-caption); }
  .profile-capability-core strong { color: var(--profile-accent); font-size: var(--type-ui); line-height: 1.1; }
  .profile-capability-nodes { position: relative; z-index: 1; display: grid; min-block-size: 42rem; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); gap: clamp(7rem, 11vw, 10rem) clamp(4rem, 7vw, 7rem); }
  .profile-capability { align-self: center; padding: var(--space-m); border: 1px solid var(--profile-rule); border-radius: var(--radius-l); background: color-mix(in srgb, var(--profile-panel) 70%, transparent); box-shadow: 0 0.75rem 2.5rem light-dark(rgb(36 102 78 / 11%), rgb(0 0 0 / 7%)); transition: border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out); -webkit-backdrop-filter: blur(0.45rem); backdrop-filter: blur(0.45rem); }
  .profile-capability:is(:hover, :focus-within) { border-color: color-mix(in srgb, var(--profile-accent) 58%, var(--profile-rule)); box-shadow: 0 1rem 3.5rem color-mix(in srgb, var(--profile-accent) 10%, transparent); transform: translateY(-0.2rem); }
  .profile-capability h3 { margin-block-end: var(--space-s); color: var(--profile-accent); font-size: var(--type-ui); }
  .profile-capability ul { display: flex; padding: 0; margin: 0; flex-wrap: wrap; gap: var(--space-xs); list-style: none; }
  .profile-capability-token { padding: var(--space-2xs) var(--space-xs); border: 1px solid var(--profile-rule); border-radius: var(--radius-round); background: var(--profile-panel-strong); color: var(--profile-ink); font-size: var(--type-caption); line-height: 1.2; }

  .profile-contact { position: relative; padding-block: clamp(5rem, 11vw, 10rem); background: var(--profile-accent); color: var(--profile-accent-ink); }
  .profile-contact__inner { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(19rem, 0.9fr); gap: var(--space-xl); align-items: end; }
  .profile-contact .section-label { color: currentColor; opacity: 0.72; }
  .profile-contact h2 { max-inline-size: 18ch; font-size: clamp(2.5rem, 5.6vw, 5.5rem); letter-spacing: -0.06em; line-height: 0.98; text-wrap: balance; }
  .profile-contact__link { display: flex; padding-block: var(--space-m); border-block: 1px solid currentColor; gap: var(--space-m); align-items: center; justify-content: space-between; font-size: clamp(1.2rem, 2.3vw, 2rem); font-weight: 780; text-decoration: none; overflow-wrap: anywhere; }
  .profile-contact__link span:last-child { flex: 0 0 auto; font-size: 1.4em; }

  .profile-footer { padding-block: var(--space-l); background: var(--profile-ink); color: var(--profile-canvas); }
  .profile-footer__inner { display: flex; gap: var(--space-l); align-items: center; justify-content: space-between; }
  .profile-footer p { color: color-mix(in srgb, var(--profile-canvas) 68%, transparent); font-size: var(--type-caption); }
  .profile-footer strong { color: var(--profile-canvas); }

  .profile-fallback { inline-size: min(calc(100% - (var(--space-m) * 2)), 48rem); min-block-size: 100vh; padding-block: var(--space-xl); margin-inline: auto; }

  @media (width < 64rem) {
    .profile-nav { display: none; }
    .profile-theme { margin-inline-start: auto; }
    .profile-hero__grid, .profile-split { grid-template-columns: 1fr; }
    .profile-sequence { inline-size: min(100%, 36rem); }
    .profile-section__heading { grid-template-columns: 1fr; }
    .profile-contact__inner { grid-template-columns: 1fr; }
    .profile-capability-graph { min-block-size: 38rem; }
    .profile-capability-nodes { min-block-size: 38rem; gap: 7rem 5rem; }
  }

  @media (width < 44rem) {
    .profile-shell, .profile-header__inner { inline-size: calc(100% - (var(--space-s) * 2)); }
    .profile-header__inner { min-block-size: 3.5rem; }
    .profile-brand > span:last-child { display: none; }
    .profile-record__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .profile-fact:nth-child(3) { border-block-start: 1px solid var(--profile-rule); border-inline-start: 0; }
    .profile-fact:nth-child(4) { border-block-start: 1px solid var(--profile-rule); }
    .profile-sequence__step { grid-template-columns: 2rem minmax(0, 1fr); }
    .profile-sequence__step > p { grid-column: 2; }
    .profile-role { grid-template-columns: 1fr; gap: var(--space-s); }
    .profile-principles { grid-template-columns: 1fr; }
    .profile-capability-graph, .profile-capability-nodes { min-block-size: 0; }
    .profile-capability-nodes { grid-template-columns: 1fr; grid-template-rows: auto; gap: var(--space-s); }
    .profile-capability-core { position: static; inline-size: auto; min-block-size: 5rem; aspect-ratio: auto; margin-block-end: var(--space-m); border-radius: var(--radius-l); translate: none; }
    .profile-capability-edges { display: none; }
    .profile-footer__inner { display: grid; }
  }

  @media (prefers-color-scheme: dark) {
    .profile-app[data-theme="system"] {
      --profile-field-base: 8 11 13;
      --profile-field-a: 184 255 103;
      --profile-field-b: 255 128 109;
      --profile-field-c: 112 191 255;
      --profile-lens-radius: clamp(2rem, 5vw, 4.5rem);
      --profile-lens-padding: clamp(var(--space-l), 5vw, var(--space-xl));
      --profile-lens-shadow: none;
      --profile-lens-filter: none;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .profile-app *, .profile-app *::before, .profile-app *::after { scroll-behavior: auto !important; transition-duration: 0.001ms !important; animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; }
    .profile-lens-card { transition: none; }
  }

  @media (prefers-reduced-transparency: reduce) {
    .profile-app { --profile-rule: light-dark(#c6c8c0, #414741); }
    .profile-field canvas { display: none; }
    .profile-sequence, .profile-capability, .profile-capability-core { background: var(--profile-panel); -webkit-backdrop-filter: none; backdrop-filter: none; }
  }

  @media (forced-colors: active) {
    .profile-field { display: none; }
    .profile-sequence, .profile-lens-card { border: 1px solid CanvasText; }
    .profile-theme__button[aria-pressed="true"], .profile-lens[aria-pressed="true"] { outline: 2px solid Highlight; }
  }
}