.home-scene {
  --scene-paper-intro: var(--palette-paper);
  --scene-paper-content: var(--palette-next-paper);
  --scene-ink-intro: var(--palette-ink);
  --scene-ink-content: var(--palette-next-ink);
  --scene-muted-intro: var(--palette-muted);
  --scene-muted-content: var(--palette-next-muted);
  --scene-line-intro: var(--palette-line);
  --scene-line-content: var(--palette-next-line);
  --scene-subtle-intro: var(--palette-subtle);
  --scene-subtle-content: var(--palette-next-subtle);
  --scene-accent-ink-intro: var(--palette-accent-ink);
  --scene-accent-ink-content: var(--palette-next-accent-ink);
  --scene-maximum-dark: #000000;
  --scene-maximum-light: #ffffff;
  --on-accent: var(--palette-on-accent);
  --scene-media: var(--palette-media);
  --scene-media-ink: var(--palette-media-ink);
  --paper: var(--scene-paper-intro);
  --ink: var(--scene-ink-intro);
  --muted: var(--scene-muted-intro);
  --line: var(--scene-line-intro);
  --subtle: var(--scene-subtle-intro);
  --accent-ink: var(--scene-accent-ink-intro);
  background: var(--paper);
  color-scheme: light;
  scrollbar-color: var(--line) var(--paper);
}
.home-scene[data-scene-tone="dark"] { color-scheme: dark; }
.home-page .intro-scene {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: calc(100vh - var(--page-top));
  min-height: calc(100svh - var(--page-top));
  padding: clamp(40px, 7vh, 88px) 0 var(--space-7);
}
.home-page .hero-title {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(60px, 7.2vw, 116px);
  font-weight: 400;
  line-height: 1.04;
  letter-spacing: -.025em;
}
.hero-content { width: 100%; }
.hero-word { display: block; white-space: nowrap; }
.hero-emphasis { position: relative; width: max-content; max-width: 100%; }
.hero-emphasis::after { position: absolute; left: -.02em; right: -.02em; bottom: -.19em; height: .14em; background: var(--accent); mask: url("assets/marker-stroke.svg") center / 100% 100% no-repeat; rotate: -.5deg; pointer-events: none; content: ""; }
.hero-subtitle {
  margin-top: var(--space-6);
  font-size: clamp(18px, 1.9vw, 26px);
  font-weight: var(--weight-regular);
  line-height: 1.45;
  letter-spacing: 0;
  color: var(--muted);
}
.hero-next { display: inline-flex; align-items: center; gap: var(--space-3); min-height: var(--control-height); margin-top: var(--space-6); font-size: var(--text-small); font-weight: var(--weight-strong); }
.hero-next .icon { width: 24px; height: 24px; rotate: 180deg; }
.hero-next:hover { color: var(--accent-ink); }
.career-summary { margin-top: var(--space-8); }
.career-summary > h3 { font-size: var(--text-title); line-height: 1.3; letter-spacing: -.025em; }
.career-summary .metrics { margin-top: var(--space-5); }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .hero-next .icon { transition: translate 240ms var(--ease); }
  .hero-next:hover .icon { translate: 0 4px; }
}
@media (min-width: 901px) and (max-height: 700px) {
  .home-page .profile { position: sticky; height: calc(100svh - var(--page-top) - var(--page-top)); max-height: none; }
  .home-page .profile-top { min-height: 0; overflow-y: auto; scrollbar-width: thin; padding-right: var(--space-1); }
  .home-page .profile-bottom { flex: none; margin-top: var(--space-4); padding-top: var(--space-2); }
  .home-page .profile .contact-dock { min-height: 0; }
  .home-page .intro-scene { padding-top: var(--space-6); padding-bottom: var(--space-6); }
}
@media (max-width: 900px) {
  .home-page .intro-scene { min-height: 0; padding: var(--space-2) 0 var(--space-7); }
  .home-page .hero-title { font-size: clamp(36px, 8.5vw, 76px); line-height: 1.04; }
  .hero-subtitle { font-size: clamp(18px, 3vw, 26px); }
  .hero-next { margin-top: var(--space-6); }
}
@media (max-width: 520px) {
  .career-summary { margin-top: var(--space-7); }
}

.home-page .experience-heading { margin-bottom: var(--space-6); font-size: var(--text-section); line-height: 1.15; letter-spacing: -.03em; }