.home-content {
  padding: var(--space-md) var(--space-md) 0;
}

/* -------- HERO --------
   The brand name broken across two lines and let overlap itself - Schacht
   upper-left, Acht lower-right, indented enough to cross the first line's
   tail - directly on the photo instead of a sticker slapped on top of it. */
.home-visual {
  position: relative;
  background: #050505;
  border: 1px solid var(--border);
  min-height: 380px;
  display: block;
  overflow: hidden;
  margin-bottom: 46px;
}

.home-visual img {
  width: 100%;
  height: 420px;
  object-fit: cover;
  display: block;
}

.home-scrim {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(100deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.1) 32%, rgba(0, 0, 0, 0.1) 55%, rgba(0, 0, 0, 0.78) 100%);
}

.home-word {
  position: absolute;
  z-index: 2;
  font-family: var(--font-display);
  text-transform: uppercase;
  color: #fff;
  line-height: 1;
  letter-spacing: -0.01em;
  white-space: nowrap;
  font-size: clamp(2.2rem, 7.4vw, 4.6rem);
}
.home-word.w1 { left: 6%; bottom: 31%; }
.home-word.w2 { left: 50%; bottom: 17%; }

.home-cap {
  position: absolute;
  right: 20px;
  bottom: 16px;
  z-index: 2;
  text-align: right;
  font-family: var(--font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-muted);
  line-height: 1.5;
}

@media (max-width: 520px) {
  .home-word { font-size: clamp(1.7rem, 11vw, 2.6rem); }
  .home-word.w1 { left: 5%; bottom: 34%; }
  .home-word.w2 { left: 44%; bottom: 20%; }
  .home-cap { right: 14px; bottom: 12px; font-size: 0.64rem; }
}

.home-blurb {
  max-width: 640px;
  margin: 0 0 var(--space-md);
}

.home-blurb p {
  font-size: 1rem;
  margin-bottom: 20px;
}

.home-actions { display: flex; gap: 10px; flex-wrap: wrap; }

.home-index { padding-bottom: var(--space-md); }
.home-index h2 { font-size: 1.1rem; margin-bottom: var(--space-sm); color: var(--text-dim); }

/* -------- BAND: recent-product mini rows -------- */
.band-product {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: 0.74rem;
  padding: 6px 0;
  border-bottom: 1px dashed var(--border);
}
.band-product:last-child { border-bottom: none; }
.band-product img {
  width: 30px;
  height: 30px;
  object-fit: cover;
  flex-shrink: 0;
  filter: grayscale(0.3);
}
.band-product .ph {
  width: 30px;
  height: 30px;
  background: var(--bg-elevated);
  flex-shrink: 0;
}
.band-product:hover { color: var(--accent); }

@media (max-width: 720px) {
  .home-visual { margin-bottom: 40px; }
}