/* Homepage */

.home-hero {
  min-height: 92svh; display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; padding: 64px var(--gutter) 48px;
}
.home-hero__mark { width: min(86vw, 620px); height: auto; }
.home-hero__sub {
  display: flex; align-items: center; gap: 16px; width: min(92vw, 680px);
  margin-top: clamp(14px, 3vw, 26px); font-size: clamp(16px, 4.2vw, 30px); letter-spacing: .14em;
}
.home-hero__sub::before, .home-hero__sub::after { content: ''; flex: 1; height: 3px; background: var(--bone); }
.home-hero__tag { margin-top: 18px; font-size: clamp(11px, 2.6vw, 14px); color: var(--bone-dim); }
.home-hero__cta { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 40px; }

.home-block { max-width: 760px; margin: 0 auto; padding: 64px var(--gutter) 0; }
.home-h2 { font-size: clamp(56px, 15vw, 104px); }
.band { display: inline-block; padding: 0 .14em; color: var(--black); transform: rotate(-2deg);
  clip-path: polygon(0 6%, 5% 0, 35% 4%, 66% 0, 100% 3%, 99% 50%, 100% 96%, 66% 100%, 30% 95%, 0 100%, 1% 50%); }
.band--lemon { background: var(--lemon); }
.home-copy { margin-top: 26px; display: grid; gap: 16px; font-size: 16px; line-height: 1.65; max-width: 52ch; }
.home-copy b { font-weight: 700; }
.home-copy a { text-decoration-color: var(--lemon); text-decoration-thickness: 2px; text-underline-offset: 4px; }

.home-find__flavors { display: grid; gap: 12px; margin-top: 36px; max-width: 360px; }
.home-find__flavors .brush { height: 12px; }
.home-find__flavors .brush:nth-child(2) { width: 72%; }
.home-find__flavors .brush:nth-child(3) { width: 88%; }
.home-find__flavors .brush:nth-child(4) { width: 60%; }

.home-hero__social { margin-top: 22px; justify-content: center; }

/* centered sections (match /hello and the A-frame) */
.home-block--center { text-align: center; }
.home-block--center .home-copy { margin-left: auto; margin-right: auto; max-width: 46ch; text-wrap: balance; }
.home-block--center .home-find__flavors { margin-left: auto; margin-right: auto; justify-items: center; }
.home-block--center .home-find__flavors .brush:nth-child(1) { width: 100%; }