.farm-logo {
  width: 112px;
  height: 76px;
  object-fit: contain;
  filter: invert(1);
  flex: 0 0 auto;
}

header { min-height: 520px; }
.hero { padding-top: 65px; padding-bottom: 95px; }
h1 { font-size: clamp(44px, 6.5vw, 76px); }

.brand small {
  letter-spacing: .14em;
  font-size: 8px;
}

@media (max-width: 480px) {
  .farm-logo { width: 84px; height: 58px; }
  .brand { font-size: 17px; gap: 8px; }
  header { min-height: 480px; }
  .hero { padding-top: 52px; padding-bottom: 75px; }
  h1 { font-size: clamp(40px, 13vw, 58px); }
}