.garden-hero { display: grid; grid-template-columns: .95fr 1.05fr; gap: 65px; align-items: center; padding-block: 20px 70px; }
.garden-hero .eyebrow, .garden-story .eyebrow, .garden-varieties .eyebrow, .garden-faq .eyebrow { color: #8c653a; }
.garden-hero h1 { font-size: clamp(40px, 4.4vw, 65px); letter-spacing: -2px; line-height: 1.1; margin-block: 22px 26px; }
.garden-hero h1 em { color: #8c653a; }
.garden-lead { color: var(--muted); font-size: 17px; line-height: 1.85; }
.garden-hero .text-link { margin-top: 25px; }
.garden-hero figure { position: relative; margin: 0; }
.garden-hero figure img { width: 100%; height: 530px; object-fit: cover; }
.garden-hero figcaption { position: absolute; bottom: 22px; left: 22px; right: 22px; padding: 15px 18px; background: var(--paper); font-size: 13px; color: var(--green); display: flex; justify-content: space-between; gap: 15px; }
.garden-story { display: grid; grid-template-columns: .8fr 1.2fr; gap: 95px; padding-block: 60px; border-top: 1px solid var(--line); }
.garden-story h2, .garden-varieties h2, .garden-faq h2 { font-size: 43px; letter-spacing: -1.2px; margin-top: 20px; line-height: 1.15; }
.garden-story h2 em { color: #8c653a; }
.garden-story-copy p { font-size: 16px; line-height: 1.9; color: var(--muted); margin-bottom: 18px; }
.garden-values { display: grid; grid-template-columns: 1fr 1fr; gap: 35px; padding-bottom: 70px; }
.garden-value { padding: 32px; border: 1px solid #d8cebe; }
.garden-value > .icon { width: 35px; height: 35px; color: #a1682b; }
.garden-value h3 { font-size: 30px; margin-block: 22px 16px; }
.garden-value p { font-size: 16px; color: var(--muted); line-height: 1.85; }
.garden-varieties { display: grid; grid-template-columns: .9fr 1.1fr; gap: 75px; align-items: center; padding-block: 65px; border-top: 1px solid var(--line); }
.garden-varieties > img { height: 600px; width: 100%; object-fit: cover; }
.garden-varieties h2 { margin-bottom: 28px; }
.garden-variety { padding-block: 24px; border-top: 1px solid var(--line); }
.garden-variety h3 { font-size: 28px; }
.garden-variety p { font-size: 15px; line-height: 1.85; color: var(--muted); margin-top: 13px; }
.garden-variety .text-link { margin-top: 17px; }
.garden-faq { display: grid; grid-template-columns: .8fr 1.2fr; gap: 95px; border-top: 1px solid var(--line); padding-block: 65px 75px; }
.garden-faq details { border-bottom: 1px solid var(--line); padding-block: 20px; }
.garden-faq details:first-child { padding-top: 0; }
.garden-faq summary { cursor: pointer; font-size: 17px; font-weight: 600; padding-right: 15px; }
.garden-faq details p { margin-top: 16px; color: var(--muted); font-size: 15px; line-height: 1.85; }
.garden-follow { background: var(--green); color: var(--paper); }
.garden-follow .instagram-callout .eyebrow { color: #dfb77f; }
@media (max-width: 1100px) {
  .garden-hero { gap: 35px; }
  .garden-hero figure img { height: 500px; }
  .garden-story, .garden-faq { gap: 45px; }
  .garden-varieties { gap: 40px; }
  .garden-hero figcaption { flex-direction: column; gap: 3px; }
}
@media (max-width: 760px) {
  .garden-hero { grid-template-columns: 1fr; gap: 28px; padding-block: 8px 40px; }
  .garden-hero h1 { font-size: 43px; letter-spacing: -1.3px; }
  .garden-lead { font-size: 16px; }
  .garden-hero figure img { height: 360px; }
  .garden-hero figcaption { left: 15px; right: 15px; bottom: 15px; }
  .garden-story, .garden-faq { grid-template-columns: 1fr; gap: 25px; padding-block: 38px; }
  .garden-story h2, .garden-varieties h2, .garden-faq h2 { font-size: 34px; letter-spacing: -.8px; }
  .garden-values { grid-template-columns: 1fr; gap: 20px; padding-bottom: 40px; }
  .garden-value { padding: 27px; }
  .garden-value h3 { font-size: 28px; }
  .garden-varieties { grid-template-columns: 1fr; gap: 30px; padding-block: 40px; }
  .garden-varieties > img { height: 360px; object-position: center 50%; }
  .garden-variety h3 { font-size: 27px; }
  .garden-faq summary { font-size: 16px; }
}