.home-main .craft-intro-lead,
.home-main .craft-intro-detail {
  font-family: "Source Sans 3", "Manrope", sans-serif;
  max-width: none;
  text-wrap: pretty;
}

.home-main .craft-intro-lead {
  font-size: clamp(1.35rem, 2.1vw, 1.75rem);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -.012em;
  color: #30392e;
}

.home-main .craft-intro-lead em { font-style: normal; font-weight: 600; color: var(--tone-wood); }
.home-main .craft-intro-detail {
  font-size: clamp(1.05rem, 1.4vw, 1.15rem);
  line-height: 1.75;
  color: #51594d;
}

.home-main .header-wrap {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 1rem 1.75rem;
  align-items: center;
}

.home-main .header-nav { justify-content: center; gap: .7rem 1.25rem; }
.home-main #collections,
.home-main #contacts { scroll-margin-top: 3rem; }
.home-main .header-contacts {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: .35rem;
  min-width: 0;
  margin: 0;
  padding-left: 1.5rem;
  border-left: 1px solid var(--card-border);
  font-style: normal;
}

.home-main .header-contacts a { color: #86613b; font-size: .8rem; text-decoration: none; line-height: 1.5; }
.home-main .header-contacts a:last-child { color: var(--text-main); font-size: .95rem; font-weight: 600; }
.home-main .header-contacts a:hover { text-decoration: underline; text-underline-offset: .2em; }
.home-main .header-contacts a:focus-visible { outline: 2px solid var(--tone-wood); outline-offset: 4px; }

@media (max-width: 1100px) {
  .home-main .header-wrap { grid-template-columns: minmax(0, 1fr) auto; gap: .85rem 1rem; }
  .home-main .header-contacts { grid-column: 2; grid-row: 1; }
  .home-main .header-nav { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; }
}

@media (max-width: 560px) {
  .home-main .craft-intro-lead { font-size: 1.35rem; line-height: 1.5; }
  .home-main .craft-intro-detail { font-size: 1.05rem; line-height: 1.7; }
  .home-main .header-wrap { grid-template-columns: minmax(0, 1fr); gap: .85rem; }
  .home-main .brand { grid-column: 1; grid-row: 1; }
  .home-main .header-contacts { grid-column: 1; grid-row: 2; padding-left: 0; border-left: none; }
  .home-main .header-nav { grid-column: 1; grid-row: 3; }
}