/* region Tablet */
@media (max-width: 900px) {
  .i1 { margin-left: 8%; }
  .i2 { margin-left: 18%; }
  .i3 { margin-left: 3%; }
}
/* endregion */

/* region Mobil */
@media (max-width: 600px) {
  .i0, .i1, .i2, .i3 { margin-left: 0; }
  .hline .word {
    font-size: clamp(2.3rem, 14vw, 3.6rem);
    white-space: normal;
  }

  .name { white-space: normal; font-size: clamp(1.4rem, 7vw, 1.9rem); }

  .metabar { flex-direction: column; gap: 0.35rem; }

  .marquee { padding: 0.6rem 0; }
  .marquee .mq { font-size: 0.62rem; }

  .projects a {
    grid-template-columns: auto 1fr auto;
    grid-template-areas:
      "idx title year"
      "idx meta  meta";
    gap: 0.35rem 0.9rem;
  }
  .projects .p-index { grid-area: idx; }
  .projects .p-title { grid-area: title; }
  .projects .p-year  { grid-area: year; text-align: right; }
  .projects .p-meta  { grid-area: meta; }
  .projects .p-arrow { display: none; }

  .contact { flex-direction: column; gap: 0.9rem; }

  .colophon { flex-direction: column; align-items: flex-start; gap: 0.5rem; }
  .colophon .sep { display: none; }
}
/* endregion */

/* region Schmal */
@media (max-width: 380px) {
  .logos { gap: 1rem 1.4rem; }
  .logos img { height: 22px; }
}
/* endregion */