@media (max-width: 1180px) {
  .recent-project { display: none; }
  .header-tools { min-width: auto; }
  .brand { min-width: 190px; }
  .brand-copy small { display: none; }
}

@media (max-width: 900px) {
  .site-header { flex-wrap: nowrap; min-height: 68px; padding: 10px 16px; }
  .brand { min-width: 0; margin-right: auto; }
  .brand-logo { width: 42px; height: 42px; }
  .brand-copy strong { font-size: 18px; }
  .nav-toggle { display: grid; order: 2; }
  .site-nav { position: absolute; z-index: 2; top: calc(100% + 8px); right: 16px; left: 16px; order: 4; display: grid; width: auto; max-height: 0; overflow: hidden; border: 1px solid transparent; border-radius: var(--radius-md); padding: 0 10px; opacity: 0; background: rgba(8,13,29,.96); box-shadow: var(--shadow-panel); backdrop-filter: blur(22px); transform: translateY(-8px); transition: max-height var(--motion-base), opacity var(--motion-fast), transform var(--motion-base), padding var(--motion-base), border-color var(--motion-base); }
  .site-nav.is-open { max-height: 330px; border-color: var(--border-soft); padding: 10px; opacity: 1; transform: translateY(0); }
  .site-nav a { padding: 13px 12px; }
  .site-nav a::after { right: auto; bottom: 7px; left: 12px; width: 0; }
  .site-nav a:hover::after, .site-nav a.active::after { right: auto; left: 12px; width: 42px; }
  .header-tools { order: 3; min-width: auto; }
  .header-cta { min-height: 40px; padding-inline: 13px; }
  .header-cta i { display: none; }
  .landing-content { padding: 18px 16px 26px; }
  .landing-intro { display: grid; gap: 18px; padding: 34px 2px 24px; }
  .landing-intro > p { max-width: 560px; }
  .landing-main { padding: 0; }
  .landing-footnote { display: none; }
}

@media (max-width: 560px) {
  .brand-copy { display: none; }
  .auth-slot { display: none; }
  .header-cta span { font-size: 12px; }
  .landing-intro h1 { font-size: clamp(34px, 11vw, 52px); }
  .landing-intro h1 br { display: none; }
  .modal-panel { padding: 22px 18px; }
  .modal-actions .anime-button { flex: 1; }
}