:root {
  color-scheme: dark;
  background: #0b0b0c;
}

html {
  background: #0b0b0c;
  min-width: 320px;
}

body {
  background: #0b0b0c;
  margin: 0;
  min-width: 320px;
}

#isaac-signature-home {
    --ink: #f2f2f2;
    --hero-ink: #ffffff;
    --ink-soft: #a7a7ad;
    --ink-faint: #8a8a91;
    --paper: #0b0b0c;
    --paper-raised: #151517;
    --paper-soft: #202023;
    --line: #333337;
    --accent: #0a84ff;
    --glass: rgba(40, 40, 44, 0.72);
    --glass-line: rgba(255, 255, 255, 0.16);
    --font-sans: -apple-system, BlinkMacSystemFont, system-ui, "Helvetica Neue", Arial, sans-serif;
    --identity-h: 120px;
    --intro-h: 176px;
    --intro-peek: calc(clamp(24px, 4svh, 44px) + 26px);
    --era-top: calc(var(--identity-h) + var(--intro-h));
    --era-slot: calc(100svh - var(--era-top));
    --era-tail: 64px;
    --type-display: clamp(2.5rem, 12vw, 5rem);
    --type-section: clamp(1.75rem, 8.2vw, 3rem);
    --type-section-subhead: clamp(1.125rem, 5.4vw, 2rem);
    --type-heading: clamp(1.125rem, 5.7vw, 1.5rem);
    --type-role: clamp(0.9375rem, 4.5vw, 1.25rem);
    --type-body: clamp(1.02rem, 4.9vw, 1.3125rem);
    --type-eyebrow: 0.75rem;
    background: var(--paper);
    color: var(--ink);
    font-family: var(--font-sans);
    font-size: 16px;
    font-kerning: normal;
    font-optical-sizing: auto;
    min-height: 1000px;
    isolation: isolate;
    overflow-x: clip;
    overflow-y: visible;
    width: 100%;
  }

  #isaac-signature-home[data-appearance="light"] {
    --ink: #111113;
    --hero-ink: #111113;
    --ink-soft: #55555b;
    --ink-faint: #67676e;
    --paper: #f4f4f2;
    --paper-raised: #ffffff;
    --paper-soft: #e8e8e5;
    --line: #c9c9c6;
    --accent: #0066cc;
    --glass: rgba(244, 244, 242, 0.76);
    --glass-line: rgba(17, 17, 19, 0.13);
  }

  #isaac-signature-home *,
  #isaac-signature-home *::before,
  #isaac-signature-home *::after {
    box-sizing: border-box;
  }

  #isaac-signature-home .sr-only {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }

  #isaac-signature-home a {
    color: inherit;
    text-decoration-color: var(--ink-faint);
    text-decoration-thickness: 1px;
    text-underline-offset: 0.28em;
  }

  #isaac-signature-home a:hover,
  #isaac-signature-home a:focus-visible {
    color: var(--accent);
    text-decoration-color: currentColor;
  }

  #isaac-signature-home .skip-link {
    background: var(--ink);
    color: var(--paper);
    left: 16px;
    padding: 12px 16px;
    position: absolute;
    top: 12px;
    transform: translateY(-180%);
    z-index: 200;
  }

  #isaac-signature-home .skip-link:focus {
    color: var(--paper);
    text-decoration-color: currentColor;
    transform: translateY(0);
  }

  #isaac-signature-home .site-shell {
    margin: 0 auto;
    max-width: 1180px;
    padding: 0 48px;
  }

  #isaac-signature-home .identity {
    background: var(--paper);
    border-bottom: 1px solid var(--line);
    opacity: 1;
    padding: 34px 0 30px;
    position: sticky;
    top: 0;
    transition: opacity 520ms ease;
    z-index: 100;
  }

  #isaac-signature-home .identity h1 {
    font-size: var(--type-heading);
    font-weight: 600;
    letter-spacing: 0.009em;
    line-height: 1.1667;
    margin: 0;
  }

  #isaac-signature-home .identity .role {
    color: var(--ink-soft);
    font-size: var(--type-role);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.25;
    margin: 2px 0 0;
  }

  #isaac-signature-home .hero {
    align-items: center;
    display: grid;
    min-height: max(520px, calc(100svh - var(--identity-h) - var(--intro-peek)));
    padding: clamp(54px, 9svh, 96px) 0 clamp(48px, 8svh, 82px);
  }

  #isaac-signature-home .hero-copy {
    align-self: center;
    max-width: 1000px;
  }

  #isaac-signature-home .hero .quality {
    color: var(--hero-ink);
    font-size: var(--type-display);
    font-weight: 700;
    letter-spacing: -0.015em;
    line-height: 1.05;
    margin: 0;
    max-width: none;
  }

  #isaac-signature-home .hero-thesis {
    color: var(--hero-ink);
    font-size: var(--type-section-subhead);
    font-weight: 400;
    letter-spacing: 0.011em;
    line-height: 1.381;
    margin: clamp(42px, 7svh, 60px) 0 0;
    max-width: none;
    text-wrap: pretty;
  }

  #isaac-signature-home .hero-thesis strong,
  #isaac-signature-home .hero-thesis span {
    color: inherit;
    display: inline;
  }

  #isaac-signature-home .hero-thesis strong {
    font-weight: 600;
  }

  #isaac-signature-home .hero-thesis span {
    font-weight: 400;
  }

  #isaac-signature-home .hero-thesis span::before {
    content: " ";
  }

  #isaac-signature-home .chronology {
    opacity: 1;
    padding: 0;
  }

  #isaac-signature-home.intro-running .section-intro {
    opacity: 0;
    pointer-events: none;
    transform: translateY(var(--intro-peek));
  }

  #isaac-signature-home.intro-preload .section-intro {
    transition: none;
  }

  #isaac-signature-home.intro-preload [data-typewriter] {
    visibility: hidden;
  }

  #isaac-signature-home [data-typewriter].is-typing::after,
  #isaac-signature-home [data-typewriter].has-caret::after {
    background: var(--accent);
    border-radius: 999px;
    content: "";
    display: inline-block;
    height: 0.88em;
    margin-left: 0.1em;
    vertical-align: -0.06em;
    width: 0.075em;
  }

  #isaac-signature-home [data-typewriter].is-typing::after {
    animation: signature-caret-blink 720ms steps(1, end) infinite;
  }

  #isaac-signature-home [data-typewriter].has-caret::after {
    animation: signature-caret-blink 720ms steps(1, end) 3 forwards;
  }

  @keyframes signature-caret-blink {
    0%, 48% { opacity: 1; }
    49%, 100% { opacity: 0; }
  }

  #isaac-signature-home .section-intro {
    align-content: start;
    background: var(--paper);
    border-bottom: 1px solid var(--line);
    border-top: 1px solid var(--line);
    display: grid;
    min-height: var(--intro-h);
    padding: clamp(24px, 4svh, 44px) 0;
    position: sticky;
    scroll-margin-top: var(--identity-h);
    top: var(--identity-h);
    transform: none;
    transition: opacity 600ms ease, transform 600ms cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 80;
  }

  #isaac-signature-home .section-intro h2 {
    font-size: var(--type-section);
    font-weight: 600;
    letter-spacing: -0.003em;
    line-height: 1.0835;
    margin: 0;
  }

  #isaac-signature-home .section-intro p {
    color: var(--ink-soft);
    font-size: var(--type-section-subhead);
    font-weight: 400;
    letter-spacing: 0.004em;
    line-height: 1.125;
    margin: 12px 0 0;
    max-width: 44ch;
  }

  #isaac-signature-home .keep-together {
    white-space: nowrap;
  }

  #isaac-signature-home .eras {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  #isaac-signature-home .eras > li {
    background: var(--paper);
    min-height: max(460px, var(--era-slot));
    padding: clamp(24px, 4svh, 54px) 0;
    position: sticky;
    scroll-margin-top: var(--era-top);
    top: var(--era-top);
  }

  #isaac-signature-home .eras::after {
    background: var(--paper);
    content: "";
    display: block;
    min-height: var(--era-tail);
  }

  #isaac-signature-home .eras > li:nth-child(1) { z-index: 11; }
  #isaac-signature-home .eras > li:nth-child(2) { z-index: 12; }
  #isaac-signature-home .eras > li:nth-child(3) { z-index: 13; }
  #isaac-signature-home .eras > li:nth-child(4) { z-index: 14; }
  #isaac-signature-home .eras > li:nth-child(5) { z-index: 15; }

  #isaac-signature-home .era {
    align-items: center;
    display: grid;
    gap: 32px;
    grid-template-columns: minmax(138px, 0.34fr) minmax(0, 1.66fr);
    min-height: max(412px, calc(var(--era-slot) - clamp(48px, 8svh, 108px)));
    min-width: 0;
    scroll-margin-top: var(--era-top);
  }

  #isaac-signature-home .era-meta {
    padding-top: 10px;
  }

  #isaac-signature-home .era-range {
    font-family: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, monospace;
    font-size: var(--type-eyebrow);
    font-weight: 500;
    letter-spacing: 0.055em;
    line-height: 1.4;
    margin: 0;
    text-transform: uppercase;
  }

  #isaac-signature-home .era-summary {
    color: var(--ink-soft);
    font-size: clamp(0.875rem, 3.7vw, 0.95rem);
    font-weight: 400;
    letter-spacing: -0.012em;
    line-height: 1.42;
    margin: 12px 0 0;
    max-width: 21ch;
  }

  #isaac-signature-home .era-stage {
    align-items: center;
    background: var(--paper-raised);
    display: grid;
    container-type: inline-size;
    min-height: clamp(320px, 52svh, 520px);
    overflow: hidden;
    padding: 44px;
    position: relative;
    isolation: isolate;
  }

  #isaac-signature-home .era-stage::before,
  #isaac-signature-home .era-stage::after {
    background: var(--paper-soft);
    content: "";
    height: 12px;
    left: 28px;
    opacity: 0.65;
    position: absolute;
    right: 22%;
    top: 28px;
    z-index: 0;
  }

  #isaac-signature-home .era-stage::after {
    right: 46%;
    top: 52px;
  }

  #isaac-signature-home .era-stage > * {
    position: relative;
    z-index: 1;
  }

  #isaac-signature-home .glass-close {
    z-index: 2;
  }

  #isaac-signature-home .modal-copy h3 {
    font-size: clamp(1.35rem, 7cqi, 3.6rem);
    font-weight: 500;
    letter-spacing: -0.055em;
    line-height: 0.98;
    margin: 0 0 18px;
    text-wrap: balance;
  }

  #isaac-signature-home .modal-copy p {
    color: var(--ink-soft);
    font-size: clamp(0.95rem, 3.2cqi, 1.28rem);
    line-height: 1.42;
    margin: 0;
    max-width: 39ch;
    text-wrap: pretty;
  }

  #isaac-signature-home .desktop-window {
    background: linear-gradient(180deg, #f4f5f6 0%, #d9dcdf 100%);
    border: 1px solid rgba(0, 0, 0, 0.54);
    border-radius: 10px;
    box-shadow:
      0 28px 48px rgba(0, 0, 0, 0.42),
      0 4px 12px rgba(0, 0, 0, 0.34),
      inset 0 1px 0 rgba(255, 255, 255, 0.9);
    color: #161719;
    margin: 18px auto 0;
    max-width: 660px;
    min-height: 288px;
    overflow: hidden;
    position: relative;
    width: 88%;
    z-index: 1;
  }

  #isaac-signature-home .desktop-titlebar {
    align-items: center;
    background:
      repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0 1px, rgba(120, 126, 132, 0.12) 1px 2px),
      linear-gradient(180deg, #f8f9fa 0%, #d8dbde 48%, #b9bdc1 100%);
    border-bottom: 1px solid #8e9296;
    display: flex;
    height: 34px;
    justify-content: center;
    padding: 0 48px;
    position: relative;
  }

  #isaac-signature-home .aqua-lights {
    display: flex;
    gap: 7px;
    left: 12px;
    position: absolute;
    top: 10px;
  }

  #isaac-signature-home .aqua-light {
    border: 1px solid rgba(0, 0, 0, 0.33);
    border-radius: 999px;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.82),
      0 1px 1px rgba(255, 255, 255, 0.54);
    height: 13px;
    width: 13px;
  }

  #isaac-signature-home .aqua-light.close {
    background: radial-gradient(circle at 50% 75%, #df2f25 0 36%, transparent 39%), linear-gradient(#ff7b71, #e23c32);
  }

  #isaac-signature-home .aqua-light.minimize {
    background: radial-gradient(circle at 50% 75%, #d58b0b 0 36%, transparent 39%), linear-gradient(#ffd66b, #f0ad26);
  }

  #isaac-signature-home .aqua-light.zoom {
    background: radial-gradient(circle at 50% 75%, #278f35 0 36%, transparent 39%), linear-gradient(#79d77b, #36ad45);
  }

  #isaac-signature-home .desktop-titlebar strong {
    color: #343638;
    font-family: var(--font-sans);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: -0.01em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.86);
  }

  #isaac-signature-home .aqua-workspace {
    background:
      linear-gradient(90deg, rgba(145, 151, 158, 0.24) 0 28%, transparent 28%),
      linear-gradient(180deg, #f0f2f3, #d8dcdf);
    min-height: 254px;
  }

  #isaac-signature-home .aqua-workspace::before,
  #isaac-signature-home .aqua-workspace::after {
    background: rgba(77, 82, 88, 0.16);
    content: "";
    height: 8px;
    left: 32px;
    position: absolute;
    top: 70px;
    width: 16%;
  }

  #isaac-signature-home .aqua-workspace::after {
    top: 92px;
    width: 12%;
  }

  #isaac-signature-home .aqua-sheet {
    background:
      repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.38) 0 1px, rgba(135, 140, 145, 0.08) 1px 2px),
      linear-gradient(180deg, #fbfbfc 0%, #e8eaec 100%);
    border: 1px solid rgba(0, 0, 0, 0.35);
    border-top: 0;
    border-radius: 0 0 11px 11px;
    box-shadow: 0 14px 24px rgba(0, 0, 0, 0.32);
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 34px;
    transform: translateX(-50%);
    width: 96%;
  }

  #isaac-signature-home .desktop-window .modal-copy {
    padding: 48px 44px 46px;
  }

  #isaac-signature-home .desktop-window .modal-copy h3,
  #isaac-signature-home .desktop-window .modal-copy p {
    color: #1a1b1d;
  }

  #isaac-signature-home .desktop-window .modal-copy h3 {
    font-size: clamp(1.7rem, 3.2vw, 2.8rem);
    letter-spacing: -0.045em;
    line-height: 1;
  }

  #isaac-signature-home .desktop-window .modal-copy p {
    color: #55585c;
  }


  #isaac-signature-home .touch-stage {
    background: linear-gradient(155deg, #617184, #12161c 66%);
  }

  #isaac-signature-home .touch-alert {
    background: linear-gradient(#4a5666, #151b24 44%, #06080d);
    border: 2px solid rgba(255, 255, 255, 0.42);
    border-radius: 14px;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.64), inset 0 1px 0 rgba(255, 255, 255, 0.4);
    color: #fff;
    margin: 34px auto 0;
    max-width: 390px;
    overflow: hidden;
    text-align: center;
    width: 82%;
  }

  #isaac-signature-home .touch-alert .modal-copy {
    padding: 36px 34px 26px;
  }

  #isaac-signature-home .touch-alert .modal-copy h3 {
    font-size: 1.65rem;
    letter-spacing: -0.025em;
    line-height: 1.08;
  }

  #isaac-signature-home .touch-alert .modal-copy p {
    color: rgba(255, 255, 255, 0.82);
    font-size: 1rem;
  }

  #isaac-signature-home .touch-action {
    background: linear-gradient(#6d7c91, #283344);
    border-top: 1px solid rgba(255, 255, 255, 0.33);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16);
    font-size: 0.98rem;
    font-weight: 500;
    padding: 13px;
  }

  #isaac-signature-home .flat-stage {
    background: linear-gradient(135deg, #e3e6e8, #aeb9c1);
  }

  #isaac-signature-home .flat-alert {
    backdrop-filter: blur(18px);
    background: rgba(248, 248, 248, 0.86);
    border-radius: 14px;
    box-shadow: 0 16px 40px rgba(27, 34, 39, 0.22);
    color: #111;
    margin: 34px auto 0;
    max-width: 390px;
    overflow: hidden;
    text-align: center;
    width: 82%;
  }

  #isaac-signature-home .flat-alert .modal-copy {
    padding: 34px 30px 28px;
  }

  #isaac-signature-home .flat-alert .modal-copy h3 {
    font-size: 1.55rem;
    letter-spacing: -0.025em;
    line-height: 1.1;
  }

  #isaac-signature-home .flat-alert .modal-copy p {
    color: #444;
    font-size: 1rem;
  }

  #isaac-signature-home .flat-action {
    border-top: 1px solid rgba(17, 17, 17, 0.16);
    color: #007aff;
    font-size: 1.02rem;
    padding: 14px;
  }

  #isaac-signature-home .page-sheet-stage {
    align-items: end;
    background: #36363b;
    padding: 42px 54px 0;
  }

  #isaac-signature-home .page-sheet-stage::before,
  #isaac-signature-home .page-sheet-stage::after {
    background: rgba(255, 255, 255, 0.08);
    left: 9%;
    right: 9%;
  }

  #isaac-signature-home .page-sheet-stage::after {
    right: 38%;
  }

  #isaac-signature-home .page-sheet {
    background: #f2f2f7;
    border-radius: 22px 22px 0 0;
    box-shadow: 0 -18px 46px rgba(0, 0, 0, 0.36);
    color: #111;
    margin: 74px auto 0;
    max-width: 690px;
    min-height: 278px;
    position: relative;
    width: 91%;
  }

  #isaac-signature-home .sheet-bar {
    align-items: center;
    border-bottom: 1px solid rgba(17, 17, 17, 0.12);
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    min-height: 54px;
    padding: 0 18px;
  }

  #isaac-signature-home .sheet-bar strong {
    font-size: 0.96rem;
    grid-column: 2;
  }

  #isaac-signature-home .sheet-bar span {
    color: #007aff;
    font-size: 0.95rem;
    grid-column: 3;
    justify-self: end;
  }

  #isaac-signature-home .page-sheet .modal-copy {
    padding: 38px 42px 46px;
  }

  #isaac-signature-home .page-sheet .modal-copy h3,
  #isaac-signature-home .page-sheet .modal-copy p {
    color: #111;
  }

  #isaac-signature-home .page-sheet .modal-copy p {
    color: #55555c;
  }

  #isaac-signature-home .glass-stage {
    background:
      radial-gradient(circle at 16% 15%, rgba(10, 132, 255, 0.42), transparent 34%),
      radial-gradient(circle at 84% 72%, rgba(191, 90, 242, 0.3), transparent 32%),
      linear-gradient(155deg, #28282d, #0d0d0f);
  }

  #isaac-signature-home .glass-stage::before,
  #isaac-signature-home .glass-stage::after {
    background: rgba(255, 255, 255, 0.11);
  }

  #isaac-signature-home .glass-sheet {
    backdrop-filter: blur(34px) saturate(150%);
    background: rgba(35, 35, 40, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 34px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.44), inset 0 1px 0 rgba(255, 255, 255, 0.14);
    margin: 68px auto 0;
    max-width: 720px;
    min-height: 270px;
    overflow: hidden;
    position: relative;
    width: 88%;
  }

  #isaac-signature-home .glass-close {
    backdrop-filter: blur(18px) saturate(150%);
    background: rgba(255, 255, 255, 0.13);
    border-radius: 50%;
    color: #fff;
    display: grid;
    height: 44px;
    left: 20px;
    line-height: 0;
    place-items: center;
    position: absolute;
    top: 20px;
    width: 44px;
  }

  #isaac-signature-home .glass-close svg {
    display: block;
    height: 16px;
    stroke-width: 2;
    width: 16px;
  }

  #isaac-signature-home .glass-sheet .modal-copy {
    padding: 76px 52px 52px;
  }

  #isaac-signature-home .glass-sheet .modal-copy h3 {
    color: #fff;
  }

  #isaac-signature-home .glass-sheet .modal-copy p {
    color: rgba(255, 255, 255, 0.72);
  }

  #isaac-signature-home[data-chronology="plain"] .era {
    border-top: 1px solid var(--line);
    gap: 32px;
    padding-top: 34px;
  }

  #isaac-signature-home[data-chronology="plain"] .era-stage {
    align-items: start;
    background: transparent;
    min-height: auto;
    padding: 0;
  }

  #isaac-signature-home[data-chronology="plain"] .era-stage::before,
  #isaac-signature-home[data-chronology="plain"] .era-stage::after,
  #isaac-signature-home[data-chronology="plain"] .desktop-titlebar,
  #isaac-signature-home[data-chronology="plain"] .aqua-workspace,
  #isaac-signature-home[data-chronology="plain"] .touch-action,
  #isaac-signature-home[data-chronology="plain"] .flat-action,
  #isaac-signature-home[data-chronology="plain"] .sheet-bar,
  #isaac-signature-home[data-chronology="plain"] .glass-close {
    display: none;
  }

  #isaac-signature-home[data-chronology="plain"] .desktop-window,
  #isaac-signature-home[data-chronology="plain"] .touch-alert,
  #isaac-signature-home[data-chronology="plain"] .flat-alert,
  #isaac-signature-home[data-chronology="plain"] .page-sheet,
  #isaac-signature-home[data-chronology="plain"] .glass-sheet {
    backdrop-filter: none;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: var(--ink);
    margin: 0;
    max-width: 760px;
    min-height: auto;
    text-align: left;
    width: 100%;
  }

  #isaac-signature-home[data-chronology="plain"] .aqua-sheet {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    left: auto;
    overflow: visible;
    position: static;
    top: auto;
    transform: none;
    width: 100%;
  }

  #isaac-signature-home[data-chronology="plain"] .modal-copy,
  #isaac-signature-home[data-chronology="plain"] .desktop-window .modal-copy,
  #isaac-signature-home[data-chronology="plain"] .touch-alert .modal-copy,
  #isaac-signature-home[data-chronology="plain"] .flat-alert .modal-copy,
  #isaac-signature-home[data-chronology="plain"] .page-sheet .modal-copy,
  #isaac-signature-home[data-chronology="plain"] .glass-sheet .modal-copy {
    padding: 0;
  }

  #isaac-signature-home[data-chronology="plain"] .modal-copy h3,
  #isaac-signature-home[data-chronology="plain"] .modal-copy p {
    color: var(--ink);
  }

  #isaac-signature-home[data-chronology="plain"] .modal-copy p {
    color: var(--ink-soft);
  }

  #isaac-signature-home footer {
    background: var(--paper);
    border-top: 1px solid var(--line);
    display: grid;
    gap: 28px;
    grid-template-columns: 1fr auto;
    padding: 34px 0 48px;
    position: relative;
    transition: opacity 520ms ease;
    z-index: 90;
  }

  #isaac-signature-home footer nav {
    font-family: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, monospace;
    font-size: var(--type-eyebrow);
    letter-spacing: 0.05em;
    line-height: 1.5;
    margin: 0;
    text-transform: uppercase;
  }

  #isaac-signature-home footer p {
    color: var(--ink-soft);
    font-size: 0.95rem;
    letter-spacing: -0.012em;
    line-height: 1.5;
    margin: 0;
  }

  #isaac-signature-home footer nav {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }

  #isaac-signature-home footer nav a {
    padding: 6px 0;
  }

  @media (max-width: 734px) {
    #isaac-signature-home .identity h1 {
      letter-spacing: 0.011em;
      line-height: 1.1905;
    }

    #isaac-signature-home .identity .role {
      letter-spacing: -0.022em;
      line-height: 1.2354;
    }

    #isaac-signature-home .hero .quality {
      letter-spacing: -0.003em;
      line-height: 1.0835;
    }

    #isaac-signature-home .hero-thesis {
      letter-spacing: 0.012em;
      line-height: 1.4211;
    }

    #isaac-signature-home .section-intro h2 {
      letter-spacing: 0.004em;
      line-height: 1.125;
    }

    #isaac-signature-home .section-intro p {
      letter-spacing: 0.009em;
      line-height: 1.1667;
    }
  }

  @media (max-width: 760px) {
    #isaac-signature-home {
      --intro-peek: 42px;
      --type-display: clamp(36px, 11.2vw, 48px);
      --type-section: clamp(28px, 8vw, 32px);
      --type-section-subhead: clamp(18px, 5.5vw, 24px);
      --type-heading: clamp(20px, 5.5vw, 21px);
      --type-role: clamp(16px, 4.25vw, 17px);
      --type-body: clamp(17px, 4.5vw, 19px);
    }

    #isaac-signature-home .site-shell {
      padding: 0 clamp(16px, 6vw, 24px);
    }

    #isaac-signature-home .era,
    #isaac-signature-home footer {
      grid-template-columns: 1fr;
    }

    #isaac-signature-home .identity {
      padding: 22px 0;
    }

    #isaac-signature-home .hero {
      min-height: max(440px, calc(100svh - var(--identity-h) - var(--intro-peek)));
      padding: clamp(46px, 8svh, 72px) 0 clamp(44px, 7svh, 64px);
    }

    #isaac-signature-home .hero-thesis {
      margin-top: clamp(36px, 6svh, 48px);
    }

    #isaac-signature-home .section-intro {
      padding: 24px 0;
    }

    #isaac-signature-home .era {
      align-content: center;
      gap: clamp(14px, 2.6svh, 22px);
      grid-template-rows: auto minmax(0, 1fr);
      min-height: max(412px, calc(var(--era-slot) - clamp(48px, 8svh, 72px)));
    }

    #isaac-signature-home .era-meta {
      padding-top: 0;
    }

    #isaac-signature-home .era-summary {
      max-width: 34ch;
    }

    #isaac-signature-home .era-stage {
      min-height: clamp(300px, 46svh, 430px);
      padding: clamp(14px, 4vw, 24px);
    }

    #isaac-signature-home .desktop-window,
    #isaac-signature-home .touch-alert,
    #isaac-signature-home .flat-alert,
    #isaac-signature-home .page-sheet,
    #isaac-signature-home .glass-sheet {
      width: 94%;
    }

    #isaac-signature-home .desktop-window,
    #isaac-signature-home .touch-alert,
    #isaac-signature-home .flat-alert,
    #isaac-signature-home .glass-sheet {
      margin-bottom: 0;
      margin-top: 0;
    }

    #isaac-signature-home .page-sheet {
      margin: auto auto 0;
      min-height: 0;
    }

    #isaac-signature-home .glass-sheet {
      min-height: 0;
    }

    #isaac-signature-home .glass-close {
      height: 34px;
      left: 16px;
      top: 16px;
      width: 34px;
    }

    #isaac-signature-home .glass-close svg {
      height: 13px;
      width: 13px;
    }

    #isaac-signature-home .desktop-window .modal-copy,
    #isaac-signature-home .page-sheet .modal-copy,
    #isaac-signature-home .glass-sheet .modal-copy {
      padding-left: clamp(20px, 7vw, 28px);
      padding-right: clamp(20px, 7vw, 28px);
    }

    #isaac-signature-home .desktop-window .modal-copy {
      padding-bottom: clamp(30px, 6svh, 46px);
      padding-top: clamp(34px, 7svh, 48px);
    }

    #isaac-signature-home .desktop-window .modal-copy h3 {
      font-size: clamp(1.4rem, 7.4vw, 2.2rem);
    }

    #isaac-signature-home .touch-alert .modal-copy,
    #isaac-signature-home .flat-alert .modal-copy {
      padding: clamp(24px, 5svh, 34px) clamp(20px, 6vw, 30px) clamp(20px, 4svh, 28px);
    }

    #isaac-signature-home .touch-alert .modal-copy h3,
    #isaac-signature-home .flat-alert .modal-copy h3 {
      font-size: clamp(1.3rem, 6.8vw, 1.6rem);
    }

    #isaac-signature-home .page-sheet .modal-copy {
      padding-bottom: clamp(30px, 6svh, 46px);
      padding-top: clamp(28px, 5svh, 38px);
    }

    #isaac-signature-home .glass-sheet .modal-copy {
      padding-bottom: clamp(30px, 6svh, 48px);
      padding-top: clamp(58px, 9svh, 68px);
    }

    #isaac-signature-home .sheet-bar {
      grid-template-columns: minmax(0, 1fr) auto;
      padding: 0 16px;
    }

    #isaac-signature-home .sheet-bar strong {
      grid-column: 1;
      justify-self: start;
    }

    #isaac-signature-home .sheet-bar span {
      grid-column: 2;
    }

    #isaac-signature-home .page-sheet-stage {
      padding: 24px 6px 0;
    }

    #isaac-signature-home :is(
      .desktop-window,
      .touch-alert,
      .flat-alert,
      .page-sheet,
      .glass-sheet
    ) .modal-copy h3 {
      font-size: clamp(22px, 6.25vw, 27px);
    }

    #isaac-signature-home .modal-copy p,
    #isaac-signature-home .era-summary {
      font-size: clamp(15px, 4vw, 16px);
    }

  }

  @media (max-width: 360px) {
    #isaac-signature-home .desktop-window,
    #isaac-signature-home .touch-alert,
    #isaac-signature-home .flat-alert,
    #isaac-signature-home .page-sheet,
    #isaac-signature-home .glass-sheet {
      width: 98%;
    }

    #isaac-signature-home .era-stage {
      padding-left: 8px;
      padding-right: 8px;
    }

    #isaac-signature-home .desktop-titlebar {
      padding-left: 56px;
      padding-right: 10px;
    }

    #isaac-signature-home .desktop-titlebar strong {
      font-size: 11px;
      white-space: nowrap;
    }

    #isaac-signature-home .sheet-bar {
      column-gap: 8px;
      padding-left: 10px;
      padding-right: 10px;
    }

    #isaac-signature-home .sheet-bar strong,
    #isaac-signature-home .sheet-bar span {
      font-size: 13px;
      white-space: nowrap;
    }

    #isaac-signature-home .glass-sheet .modal-copy {
      padding: 62px 22px 32px;
    }
  }

  @media (max-height: 680px) {
    #isaac-signature-home {
      --intro-h: 120px;
      --intro-peek: 42px;
    }

    #isaac-signature-home .hero {
      min-height: max(326px, calc(100svh - var(--identity-h) - var(--intro-peek)));
      padding-bottom: 30px;
      padding-top: 28px;
    }

    #isaac-signature-home .hero-thesis {
      margin-top: 28px;
    }

    #isaac-signature-home .section-intro {
      padding-bottom: 16px;
      padding-top: 16px;
    }

    #isaac-signature-home .section-intro,
    #isaac-signature-home .eras > li {
      position: relative;
      top: auto;
    }

    #isaac-signature-home .eras > li {
      border-top: 1px solid var(--line);
      min-height: auto;
      scroll-margin-top: var(--identity-h);
      z-index: auto;
    }

    #isaac-signature-home .eras::after {
      display: none;
    }

    #isaac-signature-home .era {
      min-height: 540px;
    }
  }

  @media (max-height: 680px) and (max-width: 760px) {
    #isaac-signature-home {
      --intro-peek: 34px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    #isaac-signature-home *,
    #isaac-signature-home *::before,
    #isaac-signature-home *::after {
      scroll-behavior: auto !important;
      transition-duration: 0.01ms !important;
    }

    #isaac-signature-home .section-intro,
    #isaac-signature-home .eras > li {
      position: relative;
      top: auto;
    }

    #isaac-signature-home .eras > li {
      border-top: 1px solid var(--line);
      min-height: auto;
      scroll-margin-top: var(--identity-h);
      z-index: auto;
    }

    #isaac-signature-home .eras::after {
      display: none;
    }
  }

#isaac-signature-home :focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 4px;
}

#isaac-signature-home #signature-main:focus {
  outline: none;
}